body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300 !important;
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-top: 1em;
}

.bong-bg {
    background-color: rgb(0, 71, 128);
    text-transform: initial !important;
}

.bong-color {
    color: rgb(0, 71, 128);
}

.wrapper {
    flex: 1 0 auto;
}

.md-outline.select-wrapper + label {
    top: .5em !important;
    z-index: 2 !important;
}

#loginForm .waves-input-wrapper, .register-form .waves-input-wrapper {
    display: block;
}

.pagination .page-item.active .page-link {
    background-color: rgb(0, 71, 128);
    box-shadow: none;
    -webkit-box-shadow: none;
}

#outboundOrderlist_length, #outboundOrderlist_info {
    margin-left: 1em;
}

#outboundOrderlist_filter {
    margin-right: 1em;
}

#outboundOrderlist_paginate {
    margin-right: 0.5em;
}

.cart-modal .table, .cart-modal th {
    text-align: left !important;
}

.skin-light .modal-dialog .modal-header .modal-title {
    padding-left: 0 !important;
}

/*------ MEDIA QUERIES ------*/
@media screen and (max-width: 991px) {
    .navbar .dropdown-menu {
        position: static !important;
    }

    .skin-light .dropdown-menu {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .skin-light .dropdown-menu a, .skin-light .dropdown-menu .dropdown-item {
        padding-left: 2em !important;
        padding-top: 0.2em !important;
        padding-bottom: 0.2em !important;
    }

    #order-modal .modal-dialog {
        max-width: 700px;
    }
}

@media screen and (max-width: 767px) {
    #order-modal .modal-body .col-md-6:last-child {
        margin-top: 1.5em;
    }
}

@media screen and (min-height: 700px) {
    .mt-login {
        margin-top: -14em;
    }
}

@media (max-width: 665px) {
    .checkout .modal-dialog {
        margin: 0.5rem;
    }
}

@media (max-width: 660px) {
    #summary, #delete-btn {
        display: block !important;
    }

    #summary {
        font-size: 1.2em;
        margin-top: 1em;
    }

    #delete-btn {
        margin-top: 1em;
    }
}

@media screen and (max-width: 580px) {
    .checkout .modal-dialog .col-sm-3 img {
        width: 100% !important;
        height: auto;
    }

    .checkout .modal-dialog .col-sm-9 .d-flex {
        display: block !important;
    }

    .checkout .modal-dialog .mr-3 {
        margin-right: 0 !important;
    }

    .checkout .modal-dialog .col-sm-3, .checkout .modal-dialog .col-sm-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
    }

    /*.checkout .modal-dialog .small {
        font-size: 1rem;
    }*/

    .def-number-input {
        margin-top: 1em;
    }
}

@media (min-width: 576px) {
    .checkout .modal-dialog {
        max-width: 650px;
    }
}

@media screen and (max-width: 320px) {
    #checkout .skin-light .number-input.number-input {
        width: 8.9rem !important;
    }

    #checkout .d-flex {
        display: block !important;
    }

    #checkout, #checkout .text-right {
        text-align: center !important;
    }

    #checkout .text-right {
        margin-top: 1.2em;
    }
}

.btn-emlo {
    color: #1D252C;
    background-color: #FCDF51 !important;
    font-weight: bold;
    font-size: 1em;
}

.md-accordion .card:first-of-type,
.md-accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: none !important;
}

.md-accordion .card {
    border-bottom: none !important;
}

    .md-accordion .card .card-header {
        padding: 1rem 1.25rem;
    }

.bg {
    background-color: #f7f9fa;
}