#modal-order-fast .modal-dialog,
#modal-order-fast2 .modal-dialog,
#modal-order-fast-success .modal-dialog,
#quote-simple-result-modal .modal-dialog,
#modal-delivery .modal-dialog,
#sp-kemtheo .modal-dialog {
    width: min(1040px, calc(100vw - 32px)) !important;
    max-width: none;
    margin: 34px auto;
}

#modal-order-fast .modal-content,
#modal-order-fast2 .modal-content,
#modal-order-fast-success .modal-content,
#quote-simple-result-modal .modal-content,
#modal-delivery .modal-content,
#sp-kemtheo .modal-content {
    border: 0;
    border-radius: 14px;

    background: #fff;
    box-shadow: var(--hv3-shadow-pop, 0 8px 24px rgba(16, 24, 40, .14));
    font-family: var(--hv3-font, Roboto, Arial, sans-serif);
    color: #5b6270;
    overflow: hidden;
}

#modal-order-fast .row:has([class*="col-"]),
#modal-order-fast2 .row:has([class*="col-"]),
#modal-order-fast-success .row:has([class*="col-"]),
#quote-simple-result-modal .row:has([class*="col-"]),
#modal-delivery .row:has([class*="col-"]),
#sp-kemtheo .row:has([class*="col-"]),
#modal-order-fast .form-group:has([class*="col-"]),
#modal-order-fast2 .form-group:has([class*="col-"]),
#modal-order-fast-success .form-group:has([class*="col-"]),
#quote-simple-result-modal .form-group:has([class*="col-"]),
#modal-delivery .form-group:has([class*="col-"]),
#sp-kemtheo .form-group:has([class*="col-"]) {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

#modal-order-fast [class*="col-xs-"],
#modal-order-fast2 [class*="col-xs-"],
#modal-order-fast-success [class*="col-xs-"],
#quote-simple-result-modal [class*="col-xs-"],
#modal-delivery [class*="col-xs-"],
#sp-kemtheo [class*="col-xs-"] {
    padding-left: 8px;
    padding-right: 8px;
}

#modal-order-fast .col-xs-2,
#modal-order-fast2 .col-xs-2,
#modal-order-fast-success .col-xs-2,
#quote-simple-result-modal .col-xs-2,
#modal-delivery .col-xs-2,
#sp-kemtheo .col-xs-2 {
    width: 16.6667%;
}

#modal-order-fast .col-xs-3,
#modal-order-fast2 .col-xs-3,
#modal-order-fast-success .col-xs-3,
#quote-simple-result-modal .col-xs-3,
#modal-delivery .col-xs-3,
#sp-kemtheo .col-xs-3 {
    width: 25.0%;
}

#modal-order-fast .col-xs-4,
#modal-order-fast2 .col-xs-4,
#modal-order-fast-success .col-xs-4,
#quote-simple-result-modal .col-xs-4,
#modal-delivery .col-xs-4,
#sp-kemtheo .col-xs-4 {
    width: 33.3333%;
}

#modal-order-fast .col-xs-5,
#modal-order-fast2 .col-xs-5,
#modal-order-fast-success .col-xs-5,
#quote-simple-result-modal .col-xs-5,
#modal-delivery .col-xs-5,
#sp-kemtheo .col-xs-5 {
    width: 41.6667%;
}

#modal-order-fast .col-xs-6,
#modal-order-fast2 .col-xs-6,
#modal-order-fast-success .col-xs-6,
#quote-simple-result-modal .col-xs-6,
#modal-delivery .col-xs-6,
#sp-kemtheo .col-xs-6 {
    width: 50.0%;
}

#modal-order-fast .col-xs-7,
#modal-order-fast2 .col-xs-7,
#modal-order-fast-success .col-xs-7,
#quote-simple-result-modal .col-xs-7,
#modal-delivery .col-xs-7,
#sp-kemtheo .col-xs-7 {
    width: 58.3333%;
}

#modal-order-fast .col-xs-8,
#modal-order-fast2 .col-xs-8,
#modal-order-fast-success .col-xs-8,
#quote-simple-result-modal .col-xs-8,
#modal-delivery .col-xs-8,
#sp-kemtheo .col-xs-8 {
    width: 66.6667%;
}

#modal-order-fast .col-xs-9,
#modal-order-fast2 .col-xs-9,
#modal-order-fast-success .col-xs-9,
#quote-simple-result-modal .col-xs-9,
#modal-delivery .col-xs-9,
#sp-kemtheo .col-xs-9 {
    width: 75.0%;
}

#modal-order-fast .col-xs-10,
#modal-order-fast2 .col-xs-10,
#modal-order-fast-success .col-xs-10,
#quote-simple-result-modal .col-xs-10,
#modal-delivery .col-xs-10,
#sp-kemtheo .col-xs-10 {
    width: 83.3333%;
}

#modal-order-fast .col-xs-12,
#modal-order-fast2 .col-xs-12,
#modal-order-fast-success .col-xs-12,
#quote-simple-result-modal .col-xs-12,
#modal-delivery .col-xs-12,
#sp-kemtheo .col-xs-12 {
    width: 100%;
}

#modal-order-fast [class*="col-md-"],
#modal-order-fast2 [class*="col-md-"],
#modal-order-fast-success [class*="col-md-"],
#quote-simple-result-modal [class*="col-md-"],
#modal-delivery [class*="col-md-"],
#sp-kemtheo [class*="col-md-"],
#modal-order-fast [class*="col-sm-"],
#modal-order-fast2 [class*="col-sm-"],
#modal-order-fast-success [class*="col-sm-"],
#quote-simple-result-modal [class*="col-sm-"],
#modal-delivery [class*="col-sm-"],
#sp-kemtheo [class*="col-sm-"] {
    padding-left: 8px;
    padding-right: 8px;
}

#modal-order-fast .col-md-2,
#modal-order-fast2 .col-md-2,
#modal-order-fast-success .col-md-2,
#quote-simple-result-modal .col-md-2,
#modal-delivery .col-md-2,
#sp-kemtheo .col-md-2,
#modal-order-fast .col-sm-2,
#modal-order-fast2 .col-sm-2,
#modal-order-fast-success .col-sm-2,
#quote-simple-result-modal .col-sm-2,
#modal-delivery .col-sm-2,
#sp-kemtheo .col-sm-2 {
    width: 16.6667%;
}

#modal-order-fast .col-md-3,
#modal-order-fast2 .col-md-3,
#modal-order-fast-success .col-md-3,
#quote-simple-result-modal .col-md-3,
#modal-delivery .col-md-3,
#sp-kemtheo .col-md-3,
#modal-order-fast .col-sm-3,
#modal-order-fast2 .col-sm-3,
#modal-order-fast-success .col-sm-3,
#quote-simple-result-modal .col-sm-3,
#modal-delivery .col-sm-3,
#sp-kemtheo .col-sm-3 {
    width: 25.0%;
}

#modal-order-fast .col-md-4,
#modal-order-fast2 .col-md-4,
#modal-order-fast-success .col-md-4,
#quote-simple-result-modal .col-md-4,
#modal-delivery .col-md-4,
#sp-kemtheo .col-md-4,
#modal-order-fast .col-sm-4,
#modal-order-fast2 .col-sm-4,
#modal-order-fast-success .col-sm-4,
#quote-simple-result-modal .col-sm-4,
#modal-delivery .col-sm-4,
#sp-kemtheo .col-sm-4 {
    width: 33.3333%;
}

#modal-order-fast .col-md-5,
#modal-order-fast2 .col-md-5,
#modal-order-fast-success .col-md-5,
#quote-simple-result-modal .col-md-5,
#modal-delivery .col-md-5,
#sp-kemtheo .col-md-5,
#modal-order-fast .col-sm-5,
#modal-order-fast2 .col-sm-5,
#modal-order-fast-success .col-sm-5,
#quote-simple-result-modal .col-sm-5,
#modal-delivery .col-sm-5,
#sp-kemtheo .col-sm-5 {
    width: 41.6667%;
}

#modal-order-fast .col-md-6,
#modal-order-fast2 .col-md-6,
#modal-order-fast-success .col-md-6,
#quote-simple-result-modal .col-md-6,
#modal-delivery .col-md-6,
#sp-kemtheo .col-md-6,
#modal-order-fast .col-sm-6,
#modal-order-fast2 .col-sm-6,
#modal-order-fast-success .col-sm-6,
#quote-simple-result-modal .col-sm-6,
#modal-delivery .col-sm-6,
#sp-kemtheo .col-sm-6 {
    width: 50.0%;
}

#modal-order-fast .col-md-7,
#modal-order-fast2 .col-md-7,
#modal-order-fast-success .col-md-7,
#quote-simple-result-modal .col-md-7,
#modal-delivery .col-md-7,
#sp-kemtheo .col-md-7,
#modal-order-fast .col-sm-7,
#modal-order-fast2 .col-sm-7,
#modal-order-fast-success .col-sm-7,
#quote-simple-result-modal .col-sm-7,
#modal-delivery .col-sm-7,
#sp-kemtheo .col-sm-7 {
    width: 58.3333%;
}

#modal-order-fast .col-md-8,
#modal-order-fast2 .col-md-8,
#modal-order-fast-success .col-md-8,
#quote-simple-result-modal .col-md-8,
#modal-delivery .col-md-8,
#sp-kemtheo .col-md-8,
#modal-order-fast .col-sm-8,
#modal-order-fast2 .col-sm-8,
#modal-order-fast-success .col-sm-8,
#quote-simple-result-modal .col-sm-8,
#modal-delivery .col-sm-8,
#sp-kemtheo .col-sm-8 {
    width: 66.6667%;
}

#modal-order-fast .col-md-9,
#modal-order-fast2 .col-md-9,
#modal-order-fast-success .col-md-9,
#quote-simple-result-modal .col-md-9,
#modal-delivery .col-md-9,
#sp-kemtheo .col-md-9,
#modal-order-fast .col-sm-9,
#modal-order-fast2 .col-sm-9,
#modal-order-fast-success .col-sm-9,
#quote-simple-result-modal .col-sm-9,
#modal-delivery .col-sm-9,
#sp-kemtheo .col-sm-9 {
    width: 75.0%;
}

#modal-order-fast .col-md-10,
#modal-order-fast2 .col-md-10,
#modal-order-fast-success .col-md-10,
#quote-simple-result-modal .col-md-10,
#modal-delivery .col-md-10,
#sp-kemtheo .col-md-10,
#modal-order-fast .col-sm-10,
#modal-order-fast2 .col-sm-10,
#modal-order-fast-success .col-sm-10,
#quote-simple-result-modal .col-sm-10,
#modal-delivery .col-sm-10,
#sp-kemtheo .col-sm-10 {
    width: 83.3333%;
}

#modal-order-fast .col-md-12,
#modal-order-fast2 .col-md-12,
#modal-order-fast-success .col-md-12,
#quote-simple-result-modal .col-md-12,
#modal-delivery .col-md-12,
#sp-kemtheo .col-md-12,
#modal-order-fast .col-sm-12,
#modal-order-fast2 .col-sm-12,
#modal-order-fast-success .col-sm-12,
#quote-simple-result-modal .col-sm-12,
#modal-delivery .col-sm-12,
#sp-kemtheo .col-sm-12 {
    width: 100%;
}

@media (max-width: 767px) {
    #modal-order-fast [class*="col-md-"],
    #modal-order-fast [class*="col-sm-"],
    #modal-order-fast2 [class*="col-md-"],
    #modal-order-fast2 [class*="col-sm-"],
    #modal-order-fast-success [class*="col-md-"],
    #modal-order-fast-success [class*="col-sm-"],
    #quote-simple-result-modal [class*="col-md-"],
    #quote-simple-result-modal [class*="col-sm-"],
    #modal-delivery [class*="col-md-"],
    #modal-delivery [class*="col-sm-"],
    #sp-kemtheo [class*="col-md-"],
    #sp-kemtheo [class*="col-sm-"] {
        width: 100%;
    }
}

#modal-order-fast .close,
#modal-order-fast2 .close,
#modal-order-fast-success .close,
#quote-simple-result-modal .close,
#modal-delivery .close,
#sp-kemtheo .close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, .06);
    font-size: 18px;
    line-height: 1;
    color: #6b7280;
    opacity: 1;
}

#modal-order-fast .close:hover,
#modal-order-fast2 .close:hover,
#modal-order-fast-success .close:hover,
#quote-simple-result-modal .close:hover,
#modal-delivery .close:hover,
#sp-kemtheo .close:hover {
    background: rgba(0, 0, 0, .12);
    color: var(--hv3-ink, #1f1f24);
}

#modal-order-fast .show-fast-mb,
#modal-order-fast2 .show-fast-mb,
#modal-order-fast-success .show-fast-mb,
#quote-simple-result-modal .show-fast-mb,
#modal-delivery .show-fast-mb,
#sp-kemtheo .show-fast-mb {
    display: none;
}

@media (max-width: 767px) {
    #modal-order-fast .show-fast-mb,
    #modal-order-fast2 .show-fast-mb,
    #modal-order-fast-success .show-fast-mb,
    #quote-simple-result-modal .show-fast-mb,
    #modal-delivery .show-fast-mb,
    #sp-kemtheo .show-fast-mb {
        display: block;
    }

    #modal-order-fast .hide-fast-mb,
    #modal-order-fast2 .hide-fast-mb,
    #modal-order-fast-success .hide-fast-mb,
    #quote-simple-result-modal .hide-fast-mb,
    #modal-delivery .hide-fast-mb,
    #sp-kemtheo .hide-fast-mb {
        display: none;
    }
}

#modal-order-fast .title,
#modal-order-fast2 .title,
#modal-order-fast-success .title,
#quote-simple-result-modal .title,
#modal-delivery .title,
#sp-kemtheo .title,
#modal-order-fast h3,
#modal-order-fast2 h3,
#modal-order-fast-success h3,
#quote-simple-result-modal h3,
#modal-delivery h3,
#sp-kemtheo h3 {
    margin: 0 0 14px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--hv3-ink, #1f1f24) !important;
}

#modal-order-fast .form-control,
#modal-order-fast2 .form-control,
#modal-order-fast-success .form-control,
#quote-simple-result-modal .form-control,
#modal-delivery .form-control,
#sp-kemtheo .form-control {
    width: 100%;
    height: auto;
    padding: 11px 14px;
    border: 1px solid var(--hv3-line, #e8e8ec);
    border-radius: 10px;
    box-shadow: none;
    font-size: 13.5px;
    color: var(--hv3-ink, #1f1f24);
}

#modal-order-fast .form-control:focus,
#modal-order-fast2 .form-control:focus,
#modal-order-fast-success .form-control:focus,
#quote-simple-result-modal .form-control:focus,
#modal-delivery .form-control:focus,
#sp-kemtheo .form-control:focus {
    border-color: var(--hv3-button-green, #207F5D);
    outline: none;
    box-shadow: 0 0 0 3px rgba(29, 128, 87, .15);
}

#modal-order-fast :is(button, a, select, input, textarea):focus,
#modal-order-fast2 :is(button, a, select, input, textarea):focus,
#modal-order-fast-success :is(button, a, select, input, textarea):focus,
#quote-simple-result-modal :is(button, a, select, input, textarea):focus,
#modal-delivery :is(button, a, select, input, textarea):focus,
#sp-kemtheo :is(button, a, select, input, textarea):focus {
    outline: none;
}

#modal-order-fast :is(input[type="radio"], input[type="checkbox"]):focus-visible,
#modal-order-fast2 :is(input[type="radio"], input[type="checkbox"]):focus-visible {
    box-shadow: 0 0 0 3px rgba(29, 128, 87, .22);
}

#modal-order-fast :is(button, a):focus-visible,
#modal-order-fast2 :is(button, a):focus-visible,
#modal-order-fast-success :is(button, a):focus-visible,
#quote-simple-result-modal :is(button, a):focus-visible,
#modal-delivery :is(button, a):focus-visible,
#sp-kemtheo :is(button, a):focus-visible {
    outline: 2px solid rgba(29, 128, 87, .55);
    outline-offset: 2px;
}

#modal-order-fast select.form-control,
#modal-order-fast2 select.form-control,
#modal-order-fast-success select.form-control,
#quote-simple-result-modal select.form-control,
#modal-delivery select.form-control,
#sp-kemtheo select.form-control {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 34px;
    background-image:
        linear-gradient(45deg, transparent 50%, #6b7280 50%),
        linear-gradient(135deg, #6b7280 50%, transparent 50%);
    background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

#modal-order-fast .container-radio,
#modal-order-fast2 .container-radio,
#modal-order-fast-success .container-radio,
#quote-simple-result-modal .container-radio,
#modal-delivery .container-radio,
#sp-kemtheo .container-radio {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 13.5px;
    font-weight: 400;
    color: #5b6270;
    cursor: pointer;
}

#modal-order-fast input[type="radio"],
#modal-order-fast2 input[type="radio"],
#modal-order-fast-success input[type="radio"],
#quote-simple-result-modal input[type="radio"],
#modal-delivery input[type="radio"],
#sp-kemtheo input[type="radio"],
#modal-order-fast input[type="checkbox"],
#modal-order-fast2 input[type="checkbox"],
#modal-order-fast-success input[type="checkbox"],
#quote-simple-result-modal input[type="checkbox"],
#modal-delivery input[type="checkbox"],
#sp-kemtheo input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
    accent-color: var(--hv3-button-green, #207F5D);
}

#modal-order-fast .button-order-fast,
#modal-order-fast2 .button-order-fast,
#modal-order-fast-success .button-order-fast,
#quote-simple-result-modal .button-order-fast,
#modal-delivery .button-order-fast,
#sp-kemtheo .button-order-fast,
#modal-order-fast .btn-success,
#modal-order-fast2 .btn-success,
#modal-order-fast-success .btn-success,
#quote-simple-result-modal .btn-success,
#modal-delivery .btn-success,
#sp-kemtheo .btn-success {
    padding: 13px 26px;
    border: 0;
    border-radius: 999px;
    background: var(--hv3-button-green, #207F5D);
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

#modal-order-fast .button-order-fast:hover,
#modal-order-fast2 .button-order-fast:hover,
#modal-order-fast-success .button-order-fast:hover,
#quote-simple-result-modal .button-order-fast:hover,
#modal-delivery .button-order-fast:hover,
#sp-kemtheo .button-order-fast:hover,
#modal-order-fast .btn-success:hover,
#modal-order-fast2 .btn-success:hover,
#modal-order-fast-success .btn-success:hover,
#quote-simple-result-modal .btn-success:hover,
#modal-delivery .btn-success:hover,
#sp-kemtheo .btn-success:hover {
    background: var(--hv3-green-600, #166a48);
}

#modal-order-fast .item-ctdhsp .col-ct .fa-trash,
#modal-order-fast2 .item-ctdhsp .col-ct .fa-trash,
#modal-order-fast .item-ctdhsp .col-ct [ng-click*="delete"],
#modal-order-fast2 .item-ctdhsp .col-ct [ng-click*="delete"],
#modal-order-fast .item-ctdhsp .col-ct [ng-click*="remove"],
#modal-order-fast2 .item-ctdhsp .col-ct [ng-click*="remove"] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 1;
    color: #D64545;
    cursor: pointer;
}

#modal-order-fast .flex-hinhthuc,
#modal-order-fast2 .flex-hinhthuc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
    padding: 12px 14px !important;
    border: 1px solid var(--hv3-line, #e8e8ec) !important;
    border-radius: 10px;
    background: #fff !important;
    font-size: 13px;
}

#modal-order-fast .flex-hinhthuc > div:first-child,
#modal-order-fast2 .flex-hinhthuc > div:first-child {
    flex: 1;
    min-width: 0;
}

#modal-order-fast .flex-hinhthuc > div:last-child,
#modal-order-fast2 .flex-hinhthuc > div:last-child {
    flex: none;
    white-space: nowrap;
}

#modal-order-fast .flex-hinhthuc br,
#modal-order-fast2 .flex-hinhthuc br {
    display: none;
}

#modal-order-fast .flex-hinhthuc .text-gray-info,
#modal-order-fast2 .flex-hinhthuc .text-gray-info {
    color: #6b7280;
}

#modal-order-fast .note-hinhthuc,
#modal-order-fast2 .note-hinhthuc {
    margin-bottom: 10px !important;
    padding: 0 !important;
    font-size: 12.5px;
    color: #9b9ba3;
}

#modal-order-fast .fast-right h3.title:has(+ .content-hinhthuc),
#modal-order-fast2 .fast-right h3.title:has(+ .content-hinhthuc) {
    margin-top: 26px !important;
}

#modal-order-fast .content-hinhthuc .note-title-content,
#modal-order-fast2 .content-hinhthuc .note-title-content {
    margin-bottom: 12px !important;
    font-size: 12.5px !important;
    line-height: 1.55;
    color: #6b7280;
}

#modal-order-fast .content-hinhthuc .note-title-content a,
#modal-order-fast2 .content-hinhthuc .note-title-content a {
    font-size: inherit !important;
    font-weight: 600;
    color: var(--hv3-button-green, #207F5D);
    text-decoration: underline;
    text-underline-offset: 2px;
}

#modal-order-fast .title-hinhthuc,
#modal-order-fast2 .title-hinhthuc {
    padding: 0 !important;
    margin: 20px 0 10px !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--hv3-ink, #1f1f24);
}

#modal-order-fast .item-ctdhsp,
#modal-order-fast2 .item-ctdhsp {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px dashed #E4E5E8;
}

#modal-order-fast .item-ctdhsp .col-img,
#modal-order-fast2 .item-ctdhsp .col-img {
    flex: none;
    width: 70px;
}

#modal-order-fast .item-ctdhsp .col-img img,
#modal-order-fast2 .item-ctdhsp .col-img img {
    display: block;
    width: 70px;
    height: 70px;
    border: 0;
    border-radius: 8px;
    object-fit: cover;
    background: var(--hv3-tile, #f5f5f7);
}

#modal-order-fast .item-ctdhsp .col-ct,
#modal-order-fast2 .item-ctdhsp .col-ct {
    position: relative;
    padding-right: 26px;
    flex: 1;
    min-width: 0;
    width: auto;
}

#modal-order-fast .item-ctdhsp .col-ct .title,
#modal-order-fast2 .item-ctdhsp .col-ct .title {
    margin: 0 0 4px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: var(--hv3-button-green, #207F5D) !important;
}

#modal-order-fast .item-ctdhsp .col-ct span,
#modal-order-fast2 .item-ctdhsp .col-ct span {
    font-size: 12.5px !important;
}

#modal-order-fast .modal-body,
#modal-order-fast2 .modal-body {
    padding: 0 !important;
}

#modal-order-fast .flex-order-fast,
#modal-order-fast2 .flex-order-fast {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

#modal-order-fast .flex-order-fast > [class*="col-"],
#modal-order-fast2 .flex-order-fast > [class*="col-"] {
    padding: 0;
}

#modal-order-fast .fast-right,
#modal-order-fast2 .fast-right {
    padding: 28px 30px !important;
}

#modal-order-fast .fast-right .title,
#modal-order-fast2 .fast-right .title {
    margin: 0 0 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--hv3-ink, #1f1f24) !important;
}

#modal-order-fast .fast-right .title.mt-15,
#modal-order-fast2 .fast-right .title.mt-15 {
    margin-top: 26px !important;
}

#modal-order-fast .from-row-input,
#modal-order-fast .from-row-input-giaohang,
#modal-order-fast2 .from-row-input,
#modal-order-fast2 .from-row-input-giaohang {
    margin-bottom: 10px;
}

#modal-order-fast .flex-row-phuongthuc-radio,
#modal-order-fast2 .flex-row-phuongthuc-radio {
    display: flex;
    gap: 24px;
    margin-bottom: 14px;
}

#modal-order-fast .container-radio input[type="radio"],
#modal-order-fast2 .container-radio input[type="radio"] {
    order: -1;
    flex: none;
    margin: 0 8px 0 0;
}

#modal-order-fast .container-radio input[type="radio"],
#modal-order-fast2 .container-radio input[type="radio"],
#modal-order-fast-success .container-radio input[type="radio"],
#quote-simple-result-modal .container-radio input[type="radio"],
#modal-delivery .container-radio input[type="radio"],
#sp-kemtheo .container-radio input[type="radio"],
#modal-order-fast .modal-body input[type="checkbox"],
#modal-order-fast2 .modal-body input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 18px;
    height: 18px;
    border: 1.5px solid #c9c9d1;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}

#modal-order-fast .modal-body input[type="checkbox"],
#modal-order-fast2 .modal-body input[type="checkbox"] {
    border-radius: 5px;
}

#modal-order-fast .container-radio input[type="radio"]:hover,
#modal-order-fast2 .container-radio input[type="radio"]:hover,
#modal-order-fast .modal-body input[type="checkbox"]:hover,
#modal-order-fast2 .modal-body input[type="checkbox"]:hover {
    border-color: var(--hv3-button-green, #207F5D);
}

#modal-order-fast .container-radio input[type="radio"]:checked,
#modal-order-fast2 .container-radio input[type="radio"]:checked,
#modal-order-fast-success .container-radio input[type="radio"]:checked,
#quote-simple-result-modal .container-radio input[type="radio"]:checked,
#modal-delivery .container-radio input[type="radio"]:checked,
#sp-kemtheo .container-radio input[type="radio"]:checked,
#modal-order-fast .modal-body input[type="checkbox"]:checked,
#modal-order-fast2 .modal-body input[type="checkbox"]:checked {
    border-color: var(--hv3-button-green, #207F5D);
    background: var(--hv3-button-green, #207F5D);
}

#modal-order-fast .container-radio input[type="radio"]:checked::after,
#modal-order-fast2 .container-radio input[type="radio"]:checked::after,
#modal-order-fast-success .container-radio input[type="radio"]:checked::after,
#quote-simple-result-modal .container-radio input[type="radio"]:checked::after,
#modal-delivery .container-radio input[type="radio"]:checked::after,
#sp-kemtheo .container-radio input[type="radio"]:checked::after,
#modal-order-fast .modal-body input[type="checkbox"]:checked::after,
#modal-order-fast2 .modal-body input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#modal-order-fast .container-radio .checkmark,
#modal-order-fast2 .container-radio .checkmark {
    display: none;
}

#modal-order-fast .container-radio .font-size-18,
#modal-order-fast2 .container-radio .font-size-18 {
    font-size: 13.5px;
}

#modal-order-fast .btn-large-address-panel,
#modal-order-fast2 .btn-large-address-panel {
    display: block;
    margin-bottom: 10px;
    padding: 14px 16px;
    border: 1px solid var(--hv3-line, #e8e8ec);
    border-radius: 10px;
    background: #F7F8F9;
    font-size: 13px;
    line-height: 1.7;
    color: #5b6270;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease;
}

#modal-order-fast .btn-large-address-panel:hover,
#modal-order-fast2 .btn-large-address-panel:hover {
    border-color: var(--hv3-button-green, #207F5D);
}

#modal-order-fast .btn-large-address-panel.active,
#modal-order-fast2 .btn-large-address-panel.active {
    border-color: var(--hv3-button-green, #207F5D);
    background: #F2FAF6;
}

#modal-order-fast .btn-large-address-panel .box-title-gh:empty,
#modal-order-fast2 .btn-large-address-panel .box-title-gh:empty {
    display: none;
}

#modal-order-fast .box-title-gh span,
#modal-order-fast2 .box-title-gh span {
    display: block;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: var(--hv3-button-green, #207F5D);
}

#modal-order-fast .btn-large-address-panel a,
#modal-order-fast2 .btn-large-address-panel a {
    color: #9b9ba3;
}

#modal-order-fast .op-0-pont,
#modal-order-fast2 .op-0-pont {
    display: none !important;
}

#modal-order-fast .fast-left,
#modal-order-fast2 .fast-left {
    display: flex;
    flex-direction: column;
    padding: 28px 0 0 !important;
    border-left: 1px solid var(--hv3-line, #e8e8ec);
    background: #fff;
}

#modal-order-fast .fast-left > .hd-titlevh,
#modal-order-fast2 .fast-left > .hd-titlevh,
#modal-order-fast .fast-left > .title,
#modal-order-fast2 .fast-left > .title,
#modal-order-fast .fast-left > .content-fast-left,
#modal-order-fast2 .fast-left > .content-fast-left {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

#modal-order-fast .hd-titlevh,
#modal-order-fast2 .hd-titlevh {
    margin: 0 !important;
}

#modal-order-fast .hd-titlevh .tt,
#modal-order-fast2 .hd-titlevh .tt {
    display: block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--hv3-button-green, #207F5D);
}

#modal-order-fast .content-fast-left,
#modal-order-fast2 .content-fast-left {
    flex: 1;
    margin: 16px 0 0 !important;
}

#modal-order-fast .content-fast-left .title,
#modal-order-fast2 .content-fast-left .title {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    color: var(--hv3-button-green, #207F5D) !important;
}

#modal-order-fast .fast-left hr,
#modal-order-fast2 .fast-left hr {
    display: block !important;
    height: 0;
    margin: 12px 0 !important;
    border: 0 !important;
    border-top: 1px dashed #E4E5E8 !important;
}

#modal-order-fast .bind-htmlx,
#modal-order-fast2 .bind-htmlx {
    font-size: 12.5px;
    line-height: 1.7;
    color: #6b7280;
}

#modal-order-fast .bind-htmlx p,
#modal-order-fast2 .bind-htmlx p,
#modal-order-fast .content-fast-left p,
#modal-order-fast2 .content-fast-left p {
    margin: 0 0 2px !important;
}

#modal-order-fast .bind-htmlx div:empty,
#modal-order-fast2 .bind-htmlx div:empty {
    display: none;
}

#modal-order-fast .bind-htmlx a,
#modal-order-fast2 .bind-htmlx a {
    color: inherit;
}

#modal-order-fast .fast-gia,
#modal-order-fast2 .fast-gia {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    font-size: 13px;
    line-height: 1.95;
    color: #5b6270;
}

#modal-order-fast .fast-gia .color-green,
#modal-order-fast2 .fast-gia .color-green,
#modal-order-fast .fast-gia strong,
#modal-order-fast2 .fast-gia strong {
    font-weight: 600;
    color: var(--hv3-button-green, #207F5D);
}

#modal-order-fast .magiamgia,
#modal-order-fast2 .magiamgia {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 7px;
    border: 1px dashed #FFA800;
    border-radius: 4px;
    font-size: 10.5px;
    line-height: 1.6;
    color: #FFA800;
}

#modal-order-fast .fast-tt,
#modal-order-fast2 .fast-tt {
    display: block;
    position: static;
    width: auto;
    margin: 20px 0 0 !important;
    padding: 18px 30px 22px !important;
    border-top: 1px solid var(--hv3-line, #e8e8ec);
    background: #F7F8F9;
}

#modal-order-fast .fast-tt .price p,
#modal-order-fast2 .fast-tt .price p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 12px !important;
    font-size: 13px;
    color: #6b7280;
}

#modal-order-fast .online-price-sale,
#modal-order-fast2 .online-price-sale {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.25;
    color: var(--hv3-button-green, #207F5D) !important;
}

#modal-order-fast .fast-tt .btn,
#modal-order-fast2 .fast-tt .btn {
    font-size: 13.5px;
    letter-spacing: .3px;
}

#modal-order-fast .fast-tt .btn,
#modal-order-fast2 .fast-tt .btn {
    width: 100%;
}

#modal-order-fast .fast-luuy,
#modal-order-fast2 .fast-luuy {
    display: block;
    margin-top: 10px;
    font-size: 11.5px;
    font-style: italic;
    color: #9b9ba3;
    text-align: center;
}

@media (max-width: 767px) {
    #modal-order-fast .flex-order-fast,
    #modal-order-fast2 .flex-order-fast {
        display: block;
    }

    #modal-order-fast .fast-right,
    #modal-order-fast2 .fast-right {
        padding: 22px 20px !important;
    }

    #modal-order-fast .fast-left,
    #modal-order-fast2 .fast-left {
        padding: 22px 0 0 !important;
        border-left: 0;
        border-top: 1px solid var(--hv3-line, #e8e8ec);
    }

    #modal-order-fast .fast-left > .hd-titlevh,
    #modal-order-fast2 .fast-left > .hd-titlevh,
    #modal-order-fast .fast-left > .content-fast-left,
    #modal-order-fast2 .fast-left > .content-fast-left {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #modal-order-fast .fast-tt,
    #modal-order-fast2 .fast-tt {
        padding: 18px 20px 20px !important;
    }
}

#modal-order-fast .btn-delete-pdt.is-busy,
#modal-order-fast2 .btn-delete-pdt.is-busy {
    pointer-events: none;
}

#modal-order-fast .btn-delete-pdt.is-busy > *,
#modal-order-fast2 .btn-delete-pdt.is-busy > * {
    visibility: hidden;
}

#modal-order-fast .btn-delete-pdt.is-busy::after,
#modal-order-fast2 .btn-delete-pdt.is-busy::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -7px;
    border: 2px solid rgba(214, 69, 69, .28);
    border-top-color: #d64545;
    border-radius: 50%;
    animation: hv3-spin .7s linear infinite;
}

#sanpham-inan-quote-simple .button-order.is-busy {
    position: relative;
    pointer-events: none;
    color: transparent !important;
}

#sanpham-inan-quote-simple .button-order.is-busy::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    margin: -9px 0 0 -9px;
    border: 2px solid rgba(255, 255, 255, .45);
    border-top-color: #fff;
    border-radius: 50%;
    animation: hv3-spin .7s linear infinite;
}

#sanpham-inan-quote-simple .button-order:not(.btn-success).is-busy::after {
    border-color: rgba(29, 128, 87, .25);
    border-top-color: var(--hv3-button-green, #207F5D);
}

@keyframes hv3-spin {
    to { transform: rotate(360deg); }
}

body:has(#sanpham-inan-quote-simple) .modal-content {
    background: #fff;
}

#sanpham-inan-quote-simple .hv3-intro__desc.css-slice-more {
    max-height: 320px;
    overflow: hidden;
}

#sanpham-inan-quote-simple .more-button-tiki-same {
    margin-top: 14px;
    text-align: center;
}

#sanpham-inan-quote-simple .more-button-js {
    padding: 9px 24px;
    border: 1px solid var(--hv3-line, #e8e8ec);
    border-radius: 999px;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    color: var(--hv3-button-green, #207F5D);
}

#sanpham-inan-quote-simple .more-button-js:hover {
    border-color: var(--hv3-button-green, #207F5D);
}

#sanpham-inan-quote-simple .hv3-intro .title-luuy {
    margin: 28px 0 12px !important;
    font-size: 14.5px !important;
    font-weight: 700;
    color: var(--hv3-ink, #1f1f24);
}

#sanpham-inan-quote-simple .hv3-intro > .group-related > img {
    display: block;
    width: 100%;
    height: auto;
}

#sanpham-inan-quote-simple .sp-gia,
#sanpham-inan-quote-simple .online-price-sale {
    font-size: 24px !important;
}

#sanpham-inan-quote-simple .modal .sp-gia,
#sanpham-inan-quote-simple .modal .online-price-sale {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.25;
}

#myModal-combo .col-right-modal > .text-right:not(.button-combo) {
    margin-top: auto;
}

#myModal-combo .button-combo {
    margin-top: 12px;
}

#sanpham-inan-quote-simple .hv3-spconsult__head a[data-toggle="modal"] {
    cursor: pointer;
}

#myModal-combo .modal-dialog,
#hv3-modal-consult .modal-dialog {
    margin: 40px auto;
}

#myModal-combo .modal-content,
#hv3-modal-consult .modal-content {
    border: 0;
    border-radius: var(--hv3-radius-lg, 12px);
    box-shadow: var(--hv3-shadow-pop, 0 8px 24px rgba(16, 24, 40, .14));
    font-family: var(--hv3-font, Roboto, Arial, sans-serif);
    color: #6b7280;
}

#myModal-combo .modal-dialog {
    border-radius: var(--hv3-radius-lg, 12px);
    box-shadow: var(--hv3-shadow-pop, 0 8px 24px rgba(16, 24, 40, .14));
    overflow: hidden;
}

#myModal-combo .modal-content {
    margin: 0 !important;
    border-radius: 0;
    box-shadow: none;
}

#myModal-combo .modal-content + .modal-content .modal-body {
    padding-top: 16px;
}

#myModal-combo .modal-header,
#hv3-modal-consult .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 0;
    padding: 16px 20px;
    border-bottom: 1px solid var(--hv3-line, #e8e8ec);
}

#myModal-combo .modal-header .close,
#hv3-modal-consult .modal-header .close {
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--hv3-tile, #f5f5f7);
    font-size: 18px;
    line-height: 1;
    color: #6b7280;
    opacity: 1;
}

#myModal-combo .modal-header .close:hover,
#hv3-modal-consult .modal-header .close:hover {
    background: #e8e8ec;
    color: var(--hv3-ink, #1f1f24);
}

#myModal-combo .modal-body,
#hv3-modal-consult .modal-body {
    padding: 20px;
    font-size: 13.5px;
    line-height: 1.7;
}

#myModal-combo .modal-dialog.width-modal-combo {
    width: min(900px, calc(100vw - 32px));
    max-width: none;
}

#myModal-combo .col-body-modal {
    display: flex;
    align-items: flex-start;
}

#myModal-combo .col-left-modal {
    flex: none;
    width: 42%;
}

#myModal-combo .col-right-modal {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    margin-left: 22px;
}

#myModal-combo .item-combo-modal > div:first-child {
    flex: 1;
    min-width: 0;
    padding-left: 0;
}

#myModal-combo .item-combo-modal > .mrpd {
    flex: none;
    margin-left: 14px;
    text-align: right;
    white-space: nowrap;
}

#myModal-combo .item-combo-modal > .clearfix {
    display: none;
}

@media (max-width: 767px) {
    #myModal-combo .col-body-modal {
        display: block;
    }

    #myModal-combo .col-left-modal {
        width: 100%;
    }

    #myModal-combo .col-right-modal {
        margin-left: 0;
    }
}

#myModal-combo .img-combo-modal {
    padding: 0;
    border: 0;
    border-radius: var(--hv3-radius, 15px);
    background: var(--hv3-tile, #f5f5f7);
    overflow: hidden;
}

#myModal-combo .img-combo-modal img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--hv3-radius, 15px);
}

#myModal-combo .item-combo-modal h3 {
    margin: 0 0 4px;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--hv3-ink, #1f1f24);
    text-transform: none;
}

#myModal-combo .item-combo-modal {
    display: flex;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px dashed var(--hv3-line, #e8e8ec);
}

#myModal-combo .combo-title-modal {
    margin: 16px 0 2px;
    font-size: 16px;
    font-weight: 800;
    color: var(--hv3-ink, #1f1f24);
}

#myModal-combo .price-del-combo-modal {
    margin: 10px 0 2px;
    color: #9b9ba3;
}

#myModal-combo .price-del-combo-modal span {
    text-decoration: line-through;
}

#myModal-combo .price-combo-modal-right,
#myModal-combo .relation-combo-price {
    font-weight: 700;
    color: var(--hv3-button-green, #207F5D);
}

#myModal-combo .price-all-combo-modal {
    margin: 0 0 14px;
    font-size: 20px;
    font-weight: 800;
    color: var(--hv3-button-green, #207F5D);
}

#myModal-combo .button-combo .btn-success {
    display: inline-block;
    width: auto;
    padding: 11px 28px;
    border: 0;
    border-radius: 999px;
    background: var(--hv3-button-green, #207F5D);
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

#myModal-combo .button-combo .btn-success:hover {
    background: var(--hv3-green-600, #166a48);
}

#myModal-combo .hv3-combo-relhead {
    margin: 0 0 12px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #6b7280;
}

#myModal-combo .relation-combo > .clearfix {
    display: none;
}

#myModal-combo .item-relation-combo {
    display: flex;
    width: calc(50% - 6px);
    margin-bottom: 12px;
    cursor: pointer;
}

#myModal-combo .relation-combo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -12px;
}

#myModal-combo .item-relation-combo .border-bottom {
    display: none;
}

#myModal-combo .item-relation-combo .media-list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

#myModal-combo .item-relation-combo .media-list,
#myModal-combo .item-relation-combo .media {
    width: 100%;
}

#myModal-combo .item-relation-combo .media {
    display: flex;
    align-items: center;
    padding: 10px !important;
    margin: 0 !important;
    border: 1px solid var(--hv3-line, #e8e8ec);
    border-radius: 12px;
    background: #fff !important;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

#myModal-combo .item-relation-combo .media:hover {
    border-color: var(--hv3-button-green, #207F5D);
    box-shadow: 0 6px 16px rgba(29, 128, 87, .14);
    transform: translateY(-2px);
}

#myModal-combo .item-relation-combo .media-left {
    flex: none;
    margin-right: 12px;
}

#myModal-combo .item-relation-combo .thumbnail {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: var(--hv3-tile, #f5f5f7);
    overflow: hidden;
}

#myModal-combo .item-relation-combo .thumbnail img {
    display: block;
    width: 64px;
    height: 64px;
    object-fit: cover;
}

#myModal-combo .relation-combo .item-relation-combo .media-body {
    display: block;
    flex: 1;
    min-width: 0;
}

#myModal-combo .item-relation-combo .title-combo {
    margin: 0 0 2px;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--hv3-ink, #1f1f24);
}

#myModal-combo .item-relation-combo .item-combo {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.5;
    color: #6b7280;
}

#myModal-combo .item-relation-combo .relation-combo-price {
    margin: 4px 0 0;
}

@media (max-width: 599px) {
    #myModal-combo .item-relation-combo {
        width: 100%;
    }
}

#myModal-combo .modal-header strong,
#hv3-modal-consult .modal-header strong {
    font-size: 15px;
    font-weight: 800;
    color: var(--hv3-button-green, #207F5D);
}

#hv3-modal-consult .hv3-staff {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 10px;
}

#hv3-modal-consult .hv3-staff__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #DCEFE5;
    border-radius: 12px;
    background: #F3FAF6;
    transition: background .15s ease, border-color .15s ease,
                box-shadow .15s ease, transform .15s ease;
}

#hv3-modal-consult .hv3-staff__item:hover {
    border-color: var(--hv3-button-green, #207F5D);
    background: #E7F5EE;
    box-shadow: 0 6px 16px rgba(29, 128, 87, .14);
    transform: translateY(-2px);
}

#hv3-modal-consult .hv3-staff__item:hover .hv3-staff__phone {
    text-decoration: underline;
}

#hv3-modal-consult .hv3-staff__item img {
    flex: none;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
}

#hv3-modal-consult .hv3-staff__name {
    display: block;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--hv3-ink, #1f1f24);
}

#hv3-modal-consult .hv3-staff__phone {
    font-size: 13px;
    color: var(--hv3-button-green, #207F5D);
    text-decoration: none;
}

#hv3-modal-consult .hv3-staff__note {
    margin: 0 0 14px;
    font-size: 13px;
    color: #6b7280;
}

#sp-kemtheo .modal-dialog {
    width: min(760px, calc(100vw - 32px)) !important;
    margin: 28px auto;
}

#sp-kemtheo .modal-content {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 56px);
    border: 1px solid #e2e9e5;
    border-radius: 16px;
    box-shadow: 0 20px 56px rgba(20, 38, 30, .2);
}

#sp-kemtheo .modal-header {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: 12px 16px;
    border-bottom: 1px solid #edf1ef;
    background: #fbfdfc;
}

#sp-kemtheo .modal-header::before {
    content: "Sản phẩm kèm theo";
    color: #26342d;
    font-size: 16px;
    font-weight: 700;
}

#sp-kemtheo .modal-header .close {
    margin: 0;
}

#sp-kemtheo .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    max-height: min(68vh, 600px);
    padding: 18px 20px 20px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #c9cecc #f4f5f4;
    scrollbar-width: thin;
}

#sp-kemtheo .modal-body::-webkit-scrollbar {
    width: 8px;
}

#sp-kemtheo .modal-body::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #f4f5f4;
}

#sp-kemtheo .modal-body::-webkit-scrollbar-thumb {
    border: 2px solid #f4f5f4;
    border-radius: 8px;
    background: #c9cecc;
}

#sp-kemtheo .modal-body::-webkit-scrollbar-thumb:hover {
    background: #b7bcba;
}

#sp-kemtheo .modal-footer {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    box-sizing: border-box;
    width: 100%;
    min-height: 72px;
    padding: 12px 20px;
    border-top: 1px solid #edf1ef;
    background: #fbfdfc;
}

#sp-kemtheo .modal-footer::before,
#sp-kemtheo .modal-footer::after {
    display: none;
    content: none;
}

#sp-kemtheo .sp-kemtheo-summary {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 42px;
    text-align: left !important;
}

#sp-kemtheo .sp-kemtheo-total {
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
    color: #68716d;
    font-size: 12px;
}

#sp-kemtheo .sp-kemtheo-total strong {
    color: #1f7f5c;
    font-size: 19px;
    line-height: 1.2;
}

#sp-kemtheo .sp-kemtheo-hint {
    display: block;
    text-align: left !important;
    color: #858c89;
    font-size: 13px;
}

#sp-kemtheo .modal-footer .btn-success {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 104px;
    max-width: 100%;
    width: auto !important;
    margin: 0 !important;
    padding: 9px 18px;
    border: 1px solid #1f7f5c;
    border-radius: 9px;
    background: #1f7f5c;
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
}

#sp-kemtheo .sp-kemtheo-actions {
    display: flex;
    align-items: center;
    justify-self: end;
    min-width: 0;
}

#sp-kemtheo .modal-footer .btn-success:hover {
    border-color: #17684a;
    background: #17684a;
}

#sp-kemtheo .modal-body > .media-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#sp-kemtheo .media-list > li.tintuc-relations-modal {
    display: grid !important;
    grid-template-columns: 76px minmax(0, 1fr) 88px !important;
    align-items: center;
    gap: 14px;
    box-sizing: border-box;
    width: 100%;
    height: auto !important;
    min-height: 96px;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid #e3ebe7;
    border-radius: 12px;
    background: #fff !important;
    color: #66706b;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

#sp-kemtheo .media-list > li.tintuc-relations-modal:hover {
    border-color: #b8dfcf;
    box-shadow: 0 5px 14px rgba(30, 95, 69, .08);
}

#sp-kemtheo .media-list > li.tintuc-relations-modal.alert-success-2 {
    border-color: #9fd3bc;
    background: #f1faf5 !important;
}

#sp-kemtheo .tintuc-relations-modal > .media-left,
#sp-kemtheo .tintuc-relations-modal > .media-body,
#sp-kemtheo .tintuc-relations-modal > .media-right {
    display: block !important;
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

#sp-kemtheo .tintuc-relations-modal > .media-left .thumbnail {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 76px !important;
    height: 76px !important;
    margin: 0;
    padding: 5px;
    overflow: hidden;
    border: 1px solid #e8efeb;
    border-radius: 9px;
    background: #f5f8f6;
}

#sp-kemtheo .tintuc-relations-modal > .media-left img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    object-fit: contain;
}

#sp-kemtheo .tintuc-relations-modal > .media-body {
    overflow-wrap: anywhere;
    font-size: 13px;
    line-height: 1.5;
}

#sp-kemtheo .tintuc-relations-modal .media-heading {
    display: block;
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

#sp-kemtheo .tintuc-relations-modal .media-heading a {
    color: #26342d;
    text-decoration: none;
}

#sp-kemtheo .tintuc-relations-modal .media-heading a:hover {
    color: #1f7f5c;
}

#sp-kemtheo .tintuc-relations-modal > .media-right {
    justify-self: end;
}

#sp-kemtheo .tintuc-relations-modal .form-group {
    margin: 0;
}

#sp-kemtheo .tintuc-relations-modal input[type="number"] {
    box-sizing: border-box;
    width: 88px !important;
    height: 40px;
    margin: 0;
    padding: 0 5px !important;
    border: 1px solid #d7e2dc;
    border-radius: 8px;
    background: #fff;
    text-align: center;
}

#sp-kemtheo .modal-body > hr {
    margin: 16px 0 12px;
    border: 0;
    border-top: 1px solid #e8eeeb;
}

#sp-kemtheo .modal-body > .sp-tieude-2 {
    display: block;
    padding: 12px 14px;
    border: 1px solid #cce6d9;
    border-radius: 10px;
    background: #f1faf5;
    color: #1f7f5c;
    font-size: 16px;
    font-weight: 700;
    text-align: right;
}

@media (max-width: 520px) {
    #sp-kemtheo .modal-dialog {
        width: calc(100vw - 20px) !important;
        margin: 10px auto;
    }

    #sp-kemtheo .modal-body {
        max-height: calc(100vh - 170px);
        padding: 12px;
    }

    #sp-kemtheo .modal-content {
        max-height: calc(100vh - 20px);
    }

    #sp-kemtheo .modal-footer {
        gap: 10px;
        padding: 10px 12px;
    }

    #sp-kemtheo .sp-kemtheo-total strong {
        font-size: 17px;
    }

    #sp-kemtheo .sp-kemtheo-hint {
        font-size: 12px;
    }

    #sp-kemtheo .modal-footer .btn-success {
        min-width: 82px;
        padding: 8px 10px;
    }

    #sp-kemtheo .media-list > li.tintuc-relations-modal {
        grid-template-columns: 58px minmax(0, 1fr) 82px !important;
        gap: 9px;
        min-height: 78px;
        padding: 8px !important;
    }

    #sp-kemtheo .tintuc-relations-modal > .media-left .thumbnail {
        width: 58px !important;
        height: 58px !important;
    }

    #sp-kemtheo .tintuc-relations-modal input[type="number"] {
        width: 82px !important;
        height: 38px;
    }

    #sp-kemtheo .tintuc-relations-modal .media-heading {
        font-size: 13px;
    }

    #sp-kemtheo .modal-body > .sp-tieude-2 {
        font-size: 14px;
    }
}