/* always show scrollbars */

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.select2-selection.select2-selection--single {
    align-items: center;
    height: 2.5em;
    display: flex;
}

.select2-option-custom {
    display: flex
}

.select2-option-custom img {
    width: 40px;
    height: 40px;
    margin-right: 1em
}

#form-create-order {
    margin-bottom: 7em;
}

/* begin select-product-combo-section*/
.select-product-combo-section { }

.row-product-combo {
    display: flex;
    margin-bottom: 1em;
    padding: 0 15px 0 15px;
}

.row-product-combo .product-combo-image { flex-basis: 30%; }

.row-product-combo .product-combo-content {
    flex-basis: 70%;
    padding-left: 1em;
}

.row-product-combo .product-combo-content .product-combo-name {
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    display: -webkit-box !important;
    display: block !important;
    display: -webkit-box !important;
    height: 1.5em !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.row-product-combo .product-combo-content p { margin: 1em 0 1em 0 }

.row-product-combo .product-combo-content div { display: flex; align-items: center; }


.row-product-combo .product-combo-content div .quantity {
    align-items: center;
    display: flex;
    flex-basis: 25%;
}

.row-product-combo .product-combo-content div .quantity label { margin: 0 }

.row-product-combo .product-combo-content div .text-box-quantity { flex-basis: 50% }

.row-product-combo .product-combo-content div .text-box-quantity .group-input-quantity {
    display: flex;
    width: 8em
}

.row-product-combo .product-combo-content div .text-box-quantity .group-input-quantity .button-add-quantity { flex-basis: 20% }

    .row-product-combo .product-combo-content div .text-box-quantity .group-input-quantity .button-add-quantity button {
        flex-basis: 20%;
        /*height: 2.5em;*/
        height: 1.5em;padding-top: 0px;
        width: 100%;
        color: #6c757d;
        background-color: transparent;
        background-image: none;
        /*border-color: #6c757d;*/
        border-color: #dddddd;
    }

.row-product-combo .product-combo-content div .text-box-quantity .group-input-quantity .button-add-quantity button i { font-size: 0.7em }

.row-product-combo .product-combo-content div .text-box-quantity input {
    flex-basis: 60%;
    /*height: 2.5em;*/
    height: 1.5em;
    padding: 0;
    text-align: center;
    width: 100%;
}

    .row-product-combo .product-combo-content div .text-box-quantity .group-input-quantity .button-minus-quantity button {
        flex-basis: 20%;
        /*height: 2.5em;*/
        height: 1.5em;padding-top: 0px;
        width: 100%;
        color: #6c757d;
        background-color: transparent;
        background-image: none;
        /*border-color: #6c757d;*/
        border-color: #dddddd;
    }

.row-product-combo .product-combo-content div .text-box-quantity .group-input-quantity .button-minus-quantity button i { font-size: 0.7em }

.row-product-combo .product-combo-content div .view-button-remove {
    align-items: center;
    display: flex;
    display: none;
    flex-basis: 25%;
    justify-content: flex-end;
}

.btn-remove-product-combo, 
.btn-remove-product-group {
    color: #dc3545;
}

.product-combo-quantity { }

.label-price { }

.label-total-price { }

.group-name-quantity { }


/* begin select-product-group-section*/

.select-product-group-section { }

.container-product-group { }

.container-product-group .row-product-group-name {
    display: flex;
    padding: 1em;
}

.container-product-group .row-product-group-name h4 {
    padding-left: 0.5em;
    align-items: center;
    display: flex;
    flex-basis: 30%;
    font-weight: bold;
    margin: 0;
}

.container-product-group .row-product-group-name div {
    align-items: center;
    display: flex;
    flex-basis: 40%;
}

.container-product-group .row-product-group-name .btn-remove-product-group { }

.container-product-group .row-product .source-image {
    width: 35px;
}

.container-product-group .row-product-group {
    background-color: #fff8dc;
    padding: 1em;
    width: 100%;
}

.container-product-group .row-product-group .row-product { }

.container-product-group .row-product-group .group-input-quantity {
    display: flex;
    width: 8em
}

.container-product-group .row-product-group .group-input-quantity .button-add-quantity { flex-basis: 20% }

    .container-product-group .row-product-group .group-input-quantity .button-add-quantity button {
        flex-basis: 20%;
        height: 2.5em;
        width: 100%;
        color: #6c757d;
        background-color: #FFFFFF;
        background-image: none;
        border-color: #6c757d;
    }

.container-product-group .row-product-group .group-input-quantity .button-add-quantity button i { font-size: 0.7em }

.container-product-group .row-product-group .group-input-quantity .text-box group-name-quantity {
    flex-basis: 60%;
    height: 2.5em;
    padding: 0;
    text-align: center;
    width: 100%;
}

.container-product-group .row-product-group .group-input-quantity .button-minus-quantity button {
    flex-basis: 20%;
    height: 2.5em;
    width: 100%;
    color: #6c757d;
    background-color: #FFFFFF;
    background-image: none;
    border-color: #6c757d;
}

.container-product-group .row-product-group .group-input-quantity .button-minus-quantity button i { font-size: 0.7em }

.container-product-group .row-button-add-group {
    display: flex;
    padding: 0 1em 0 0;
}

.container-product-group .row-button-add-group-new {
    display: flex;
    padding: 0 1em 0 0;
}

.container-product-group .row-button-add-group .btn-add-product-group { }

.product-banh-le-select { }

.list-product-group { }


/* begin button-footer-section*/

.button-footer-section {
    padding-bottom: 1em;
    left: 0;
    box-shadow: 0px 10px 15px 10px #888888;
    padding-top: 0;
    background-color: #FFF;
    bottom: 0;
    position: fixed;
    width: 100%;
}

.hotline-phone-ring-wrap {
    bottom: 130px !important;
}

.select2-search--dropdown {
    /*display: none;*/
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 400px;
}