#sanpham-inan-quote-simple h1.title {
    font-size: 20px;
    margin: 0 0 4px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: .2px;
    color: var(--sp-ink);
    text-transform: uppercase;
}

#sanpham-inan-quote-simple .producttitle-detail-main {
    display: block;
    margin-bottom: 14px;

    font-size: 14px;
    color: var(--sp-soft);
}

#sanpham-inan-quote-simple * {
    max-width: 100%;
}

#sanpham-inan-quote-simple .slick-track,
#sanpham-inan-quote-simple .slick-list {
    max-width: none;
}

#sanpham-inan-quote-simple .sp-tieude-2 {
    display: block;
    margin: 18px 0 14px;
    padding-top: 14px;
    border-top: 1px solid var(--sp-line);

    font-size: 14px;
    font-weight: 800;
    letter-spacing: .3px;
    color: var(--sp-ink);
    text-transform: uppercase;
}

#sanpham-inan-quote-simple .hv3-lb-info {
    --hv3-ic-info: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 .8a7.2 7.2 0 1 0 0 14.4A7.2 7.2 0 0 0 8 .8zm0 1.5a5.7 5.7 0 1 1 0 11.4A5.7 5.7 0 0 1 8 2.3z'/%3E%3Crect x='7.15' y='4.05' width='1.7' height='6.15' rx='.85'/%3E%3Ccircle cx='8' cy='11.85' r='1'/%3E%3C/svg%3E");

    display: flex;
    align-items: center;
}

#sanpham-inan-quote-simple .hv3-lb-info::before {
    content: "";
    flex: none;
    width: 17px;
    height: 17px;
    margin-right: 5px;

    margin-bottom: 3px;
    background: currentColor;
    color: var(--hv3-green-500, #1D8057);
    -webkit-mask: var(--hv3-ic-info) no-repeat center / contain;
    mask: var(--hv3-ic-info) no-repeat center / contain;
}

#sanpham-inan-quote-simple p.sp-thongso {
    margin: 0 0 4px;

    font-size: 14px;
    color: var(--sp-soft);
}

#sanpham-inan-quote-simple .hv3-dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 0 8px 3px 2px;
    border-radius: 50%;

    background: #D9D9D9;
    vertical-align: middle;
}

#sanpham-inan-quote-simple label.sp-thongso,
#sanpham-inan-quote-simple .form-group > label {
    display: block;
    margin: 0 0 6px;
    padding: 0;

    font-size: 14px;
    font-weight: 600;
    color: var(--sp-ink);
    text-transform: none;
}

#sanpham-inan-quote-simple label .sp-thongso a,
#sanpham-inan-quote-simple .sp-thongso a,
#sanpham-inan-quote-simple .form-group > label a {
    font-weight: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
    text-decoration: none;
}

#sanpham-inan-quote-simple .form-group {
    margin-left: 0;
    margin-right: 0;
}

#sanpham-inan-quote-simple .qd-row-pd,
#sanpham-inan-quote-simple .form-group {
    margin-bottom: 0;
}

#sanpham-inan-quote-simple .qd-row-pd:has(label),
#sanpham-inan-quote-simple .qd-row-pd:has(select),
#sanpham-inan-quote-simple .qd-row-pd:has(input),
#sanpham-inan-quote-simple .form-group:has(label),
#sanpham-inan-quote-simple .form-group:has(select),
#sanpham-inan-quote-simple .form-group:has(input) {
    margin-bottom: 14px;
}

#sanpham-inan-quote-simple .custom-radio-qd-detail {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#sanpham-inan-quote-simple .custom-radio-qd-detail > label {
    margin: 0;
    cursor: pointer;
}

#sanpham-inan-quote-simple .custom-radio-qd-detail input[type="radio"],
#sanpham-inan-quote-simple .custom-radio-qd-detail input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

#sanpham-inan-quote-simple .qd-style-button-detail {
    display: inline-block;
    min-height: 40px;
    padding: 10px 18px;
    text-transform: uppercase;
    letter-spacing: .2px;
    border: 0;
    border-radius: var(--hv3-pill, 999px);
    background: #F5F7FA;

    font-size: 14px;
    font-weight: 600;

    line-height: 20px;
    color: var(--sp-ink);
    white-space: nowrap;
    transition: background .15s, color .15s;
}

#sanpham-inan-quote-simple .qd-style-button-detail:hover {
    background: #E9EEF4;
}

#sanpham-inan-quote-simple input:checked + .qd-style-button-detail {
    background: var(--sp-green);
    color: #fff;
}

#sanpham-inan-quote-simple .form-group > div:has(> .custom-radio-qd-detail + .custom-radio-qd-detail) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#sanpham-inan-quote-simple .form-group > div:has(> .custom-radio-qd-detail + .custom-radio-qd-detail) > .custom-radio-qd-detail {
    width: auto;
    flex: 0 0 auto;
}

#sanpham-inan-quote-simple .custom-radio-qd-detail > .form-group.completes-model {
    flex: 0 0 100%;
    width: 100%;
}

#sanpham-inan-quote-simple .relation-shape-space {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

#sanpham-inan-quote-simple .relation-shape-space input[type="radio"],
#sanpham-inan-quote-simple .relation-shape-space input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

#sanpham-inan-quote-simple .relation-shape-space img {
    display: block;
    width: 57px;
    height: 57px;
    object-fit: contain;

    border: 0;
    border-radius: 0;
}

#sanpham-inan-quote-simple .qd-style-button-detail:has(img) {
    padding: 4px;
    min-height: 0;
    background: none;

    border: 1px solid var(--sp-line, #E8E8EC);
    border-radius: 6px;
    transition: border-color .15s;
}

#sanpham-inan-quote-simple .qd-style-button-detail:has(img):hover {
    background: none;
    border-color: #b7c9c0;
}

#sanpham-inan-quote-simple input:checked + .qd-style-button-detail:has(img) {
    background: none;
    border-color: var(--sp-green);
}

#sanpham-inan-quote-simple .bg-color-files,
#sanpham-inan-quote-simple .bx-vf.box-uv1 {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
}

#sanpham-inan-quote-simple .bx-vf.box-uv1 > .sp-thongso {
    margin: 0 0 8px;
    padding: 0;

    font-size: 14px;
    font-weight: 800;
    letter-spacing: .3px;
    color: var(--sp-ink);
    text-transform: uppercase;
}

#sanpham-inan-quote-simple .hv3-seg {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    padding: 4px;
    border: 1px solid var(--sp-line);
    border-radius: var(--hv3-pill, 999px);
    background: #fff;
}

#sanpham-inan-quote-simple .hv3-seg > div {
    flex: 1;
    min-width: 0;
    padding: 0 !important;
    text-align: center;
}

#sanpham-inan-quote-simple .hv3-seg label {
    display: block;
    width: 100%;
    margin: 0;
}

#sanpham-inan-quote-simple .hv3-seg .qd-style-button-detail {
    display: block;
    width: 100%;
    padding: 10px 6px;
    border: 0;
    border-radius: var(--hv3-pill, 999px);
    background: none;
    color: var(--sp-soft);

    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sanpham-inan-quote-simple .hv3-seg input:checked + .qd-style-button-detail {
    background: var(--sp-green);
    color: #fff;
}

#sanpham-inan-quote-simple .quote-table-simple-ctl > div:has(> .bx-vf.box-uv1),
#sanpham-inan-quote-simple .quote-table-simple-ctl > div:has(.hv3-seg):has(.box-lib-dsv1) {
    min-height: 207px;
}

#sanpham-inan-quote-simple .quote-table-simple-ctl > div:has(.hv3-seg) > .box-lib-dsv1:not(.ng-hide),
#sanpham-inan-quote-simple .quote-table-simple-ctl > div:has(.hv3-seg) > .box-lib-dsv2x:not(.ng-hide) {
    animation: none;
}

@keyframes hv3-seg-fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    #sanpham-inan-quote-simple .quote-table-simple-ctl > div:has(.hv3-seg) > .box-lib-dsv1:not(.ng-hide),
    #sanpham-inan-quote-simple .quote-table-simple-ctl > div:has(.hv3-seg) > .box-lib-dsv2x:not(.ng-hide) {
        animation: none;
    }
}

#sanpham-inan-quote-simple .rd-btn {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 0;
    border: 0;
    background: none;

    font-size: 14px;
    line-height: 1.55;
    color: var(--sp-soft);
}

#sanpham-inan-quote-simple .box-lib-dsv2 .rd-btn {
    padding: 0;
    border: 0;
    background: none;
    color: #8a6d4b;
}

#sanpham-inan-quote-simple .box-lib-dsv2 .ipt-4xv {
    accent-color: #d98634;
}

#sanpham-inan-quote-simple .box-lib-dsv2.op-05 {
    opacity: .55;
}

#sanpham-inan-quote-simple :is(.box.v1, .box.v3) .rd-btn + .rd-btn {
    margin-top: 10px;
}

#sanpham-inan-quote-simple .rd-btn .col-l,
#sanpham-inan-quote-simple .rd-btn .col-r {
    width: auto;
    float: none;
    padding: 0;
}

#sanpham-inan-quote-simple .rd-btn .col-l {
    flex: none;
    display: flex;
    align-items: center;
    height: 20px;
}

#sanpham-inan-quote-simple .ipt-4xv {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--sp-green);
}

#sanpham-inan-quote-simple .box-lib-dsv2 {
    padding: 13px 16px;
    border: 1px solid #FFCBA8;
    border-radius: 10px;
    background: #FDF6EC;
    margin-bottom: 14px;
}

#sanpham-inan-quote-simple .box-price-page-dtail-qd {
    display: none !important;
}

#sanpham-inan-quote-simple .hv3-time-inline {
    margin-left: 4px;
    font-weight: 700;
    color: var(--sp-green);
}

#sanpham-inan-quote-simple hr {
    display: none;
}

#sanpham-inan-quote-simple h1.title a {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    line-height: 0;
}

#sanpham-inan-quote-simple h1.title a > img {
    display: block;
    width: 65px;
    height: auto;
}

#sanpham-inan-quote-simple .hv3-spconsult__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

#sanpham-inan-quote-simple .hv3-spconsult__head strong {

    font-size: 15px;
    font-weight: 800;
    color: var(--sp-green);
}

#sanpham-inan-quote-simple .hv3-spconsult__head a {

    font-size: 15px;
    color: var(--sp-soft);
    text-decoration: none;
}

#sanpham-inan-quote-simple .hv3-spconsult__body {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

#sanpham-inan-quote-simple .hv3-spconsult__body p {
    margin: 0;

    font-size: 15px;
    line-height: 1.65;
    color: var(--sp-soft);
}

#sanpham-inan-quote-simple .hv3-spconsult__avatars {
    flex: none;
    display: flex;
}

#sanpham-inan-quote-simple .hv3-spconsult__avatars {
    position: relative;
}

#sanpham-inan-quote-simple .hv3-spconsult__avatars::after {
    content: "";
    position: absolute;
    top: 1px;
    right: -1px;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: var(--sp-green, #1D8057);
}

#sanpham-inan-quote-simple .hv3-spconsult__avatars::before {
    content: "";
    position: absolute;
    top: 1px;
    right: -1px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #16a34a;
    opacity: .6;
    animation: hv3-dot-pulse 1.3s cubic-bezier(.24, .6, .35, 1) infinite;
    pointer-events: none;
}

@keyframes hv3-dot-pulse {
    0%   { transform: scale(1);   opacity: .6; }

    55%  { transform: scale(2.6); opacity: 0; }
    100% { transform: scale(2.6); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    #sanpham-inan-quote-simple .hv3-spconsult__avatars::before {
        animation: none;
        opacity: 0;
    }
}

#sanpham-inan-quote-simple .hv3-spconsult__avatars img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    margin-left: -12px;
}

#sanpham-inan-quote-simple .hv3-spconsult__avatars img:first-child {
    margin-left: 0;
}

#sanpham-inan-quote-simple .show-click-kt-size {
    display: none;
    margin-top: 10px;
}

#sanpham-inan-quote-simple .show-click-kt-size::after {
    content: "";
    display: table;
    clear: both;
}

#sanpham-inan-quote-simple .show-click-kt-size > div {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

#sanpham-inan-quote-simple .show-click-kt-size > div:nth-child(3) {
    float: none;
    clear: both;
    width: 100%;
    padding-top: 6px;
}

#sanpham-inan-quote-simple .form-input-flex-measure {
    display: flex;
    align-items: center;
    gap: 10px;
}

#sanpham-inan-quote-simple .form-input-flex-measure > input.form-control {
    flex: 0 0 auto;
    width: 160px;
}

#sanpham-inan-quote-simple .form-input-flex-measure > span {
    flex: 0 0 auto;
    color: var(--sp-soft);
    font-size: 14px;
}

#sanpham-inan-quote-simple select.form-control {
    width: 100%;
    height: 46px;
    padding: 0 40px 0 14px;
    border: 1px solid var(--sp-line);
    border-radius: 10px;

    font-size: 14px;
    font-family: inherit;
    color: var(--sp-ink);
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E") no-repeat right 14px center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    box-shadow: none;
}

#sanpham-inan-quote-simple select.form-control:hover {
    border-color: #b7c9c0;
}

#sanpham-inan-quote-simple input.form-control {
    height: 46px;
    padding: 0 14px;
    border: 1px solid var(--sp-line);
    border-radius: 10px;

    font-size: 14px;
    box-shadow: none;
}

#sanpham-inan-quote-simple .hv3-sel {
    position: relative;
}

#sanpham-inan-quote-simple .hv3-sel > select.form-control {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 46px;
    z-index: -1;
}

#sanpham-inan-quote-simple .hv3-sel__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    height: 46px;
    padding: 0 14px;
    border: 1px solid var(--sp-line);
    border-radius: 10px;
    background: #fff;

    font-size: 14px;
    font-family: inherit;
    color: var(--sp-ink);
    text-align: left;
    cursor: pointer;
}

#sanpham-inan-quote-simple .hv3-sel__btn::after {
    content: "";
    flex: none;
    width: 12px;
    height: 8px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E") no-repeat center / contain;
    transition: transform .15s;
}

#sanpham-inan-quote-simple .hv3-sel.is-open .hv3-sel__btn {
    border-color: var(--sp-green);
}

#sanpham-inan-quote-simple .hv3-sel.is-open .hv3-sel__btn::after {
    transform: rotate(180deg);
}

#sanpham-inan-quote-simple .hv3-sel__label {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sanpham-inan-quote-simple .hv3-sel__list {
    display: none;
    position: absolute;
    z-index: 30;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    max-height: 260px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid var(--sp-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: var(--hv3-shadow-pop, 0 8px 24px rgba(16, 24, 40, .14));
}

#sanpham-inan-quote-simple .hv3-sel.is-open .hv3-sel__list {
    display: block;
}

#sanpham-inan-quote-simple .hv3-sel__list::-webkit-scrollbar {
    width: 6px;
}

#sanpham-inan-quote-simple .hv3-sel__list::-webkit-scrollbar-track {
    margin: 8px 0;
    background: transparent;
}

#sanpham-inan-quote-simple .hv3-sel__list::-webkit-scrollbar-thumb {
    border: 0;
    border-radius: 999px;
    background-color: #d5d8dd;
}

#sanpham-inan-quote-simple .hv3-sel__list::-webkit-scrollbar-thumb:hover {
    background-color: #adb1b9;
}

@supports not selector(::-webkit-scrollbar) {
    #sanpham-inan-quote-simple .hv3-sel__list {
        scrollbar-width: thin;
        scrollbar-color: #d5d8dd transparent;
    }
}

#sanpham-inan-quote-simple .hv3-sel__opt {
    display: block;
    width: 100%;
    padding: 9px 12px;
    border: 0;
    border-radius: 8px;
    background: none;

    font-size: 14px;
    font-family: inherit;
    color: var(--sp-ink);
    text-align: left;
    cursor: pointer;
}

#sanpham-inan-quote-simple .hv3-sel__opt:hover {
    background: var(--sp-tile);
}

#sanpham-inan-quote-simple .hv3-sel__opt.is-active {
    background: #f0faf5;
    color: var(--sp-green);
    font-weight: 700;
}

#sanpham-inan-quote-simple :is(button, select, input, a, textarea):focus {
    outline: none;
}

#sanpham-inan-quote-simple :is(select, textarea):focus,
#sanpham-inan-quote-simple input:not([type="radio"]):not([type="checkbox"]):focus,
#sanpham-inan-quote-simple .hv3-sel__btn:focus {
    border-color: var(--sp-green);
    box-shadow: 0 0 0 3px rgba(29, 128, 87, .15);
}

#sanpham-inan-quote-simple :is(input[type="radio"], input[type="checkbox"]):focus-visible {
    box-shadow: 0 0 0 3px rgba(29, 128, 87, .22);
}

#sanpham-inan-quote-simple :is(button, a):not(.hv3-sel__btn):focus-visible {
    outline: 2px solid rgba(29, 128, 87, .55);
    outline-offset: 2px;
}

#sanpham-inan-quote-simple .bg-color-files {
    margin-bottom: 12px;
}

#sanpham-inan-quote-simple .box-lib-dsv1 .box {
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid #cdeadc;
    border-radius: 10px;
    background: #f2fbf6;

    font-size: 14px;
    line-height: 1.55;
    color: var(--sp-soft);
}

#sanpham-inan-quote-simple .box-lib-dsv1 .box strong {
    font-weight: 700;
    color: inherit;
}

#sanpham-inan-quote-simple .box-lib-dsv1 .box label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 8px;
    font-weight: 400;
    cursor: pointer;
}

#sanpham-inan-quote-simple .box-lib-dsv1 .box label:last-child {
    margin-bottom: 0;
}

#sanpham-inan-quote-simple :is(.box.v1, .box.v3) input[type="radio"],
#sanpham-inan-quote-simple .ipt-rd-v3,
#sanpham-inan-quote-simple .box-lib-dsv2 input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    flex: none;
    width: 18px;
    height: 18px;
    margin: 1px 0 0;
    border: 1.5px solid #c9c9d1;
    background: #fff;
    cursor: pointer;
    transition: border-color .15s, background .15s;
}

#sanpham-inan-quote-simple :is(.box.v1, .box.v3) input[type="radio"],
#sanpham-inan-quote-simple .ipt-rd-v3 {
    border-radius: 50%;
}

#sanpham-inan-quote-simple .box-lib-dsv2 input[type="checkbox"] {
    border-radius: 5px;
}

#sanpham-inan-quote-simple :is(.box.v1, .box.v3) input[type="radio"]:hover,
#sanpham-inan-quote-simple .box-lib-dsv2 input[type="checkbox"]:hover {
    border-color: var(--sp-green);
}

#sanpham-inan-quote-simple :is(.box.v1, .box.v3) input[type="radio"]:checked,
#sanpham-inan-quote-simple .box-lib-dsv2 input[type="checkbox"]:checked {
    border-color: var(--sp-green);
    background: var(--sp-green);
}

#sanpham-inan-quote-simple :is(.box.v1, .box.v3) input[type="radio"]:checked::after,
#sanpham-inan-quote-simple .box-lib-dsv2 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);
}

#sanpham-inan-quote-simple :is(.box.v1, .box.v3) input:disabled,
#sanpham-inan-quote-simple .box-lib-dsv2 input:disabled {
    cursor: not-allowed;
    opacity: .6;
}

#sanpham-inan-quote-simple .color-red {
    display: block;
    margin-top: 2px;

    font-size: 14px;
    color: #2c5f47;
}

#sanpham-inan-quote-simple .bg-color-pink,
#sanpham-inan-quote-simple .alert-2 {
    margin: 18px 0 0;
    padding: 16px 0 0;
    border: 0;
    border-top: 1px solid var(--sp-line);
    border-radius: 0;
    background: none;
}

#sanpham-inan-quote-simple .alert-2 .row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

#sanpham-inan-quote-simple .tgray15px {

    font-size: 14px;
    color: var(--sp-soft);
}

#sanpham-inan-quote-simple .sp-center {
    text-align: right;
}

#sanpham-inan-quote-simple .online-price-sale,
#sanpham-inan-quote-simple .sp-gia {
    display: block;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--sp-green);
}

#sanpham-inan-quote-simple .bg-color-pink .row,
#sanpham-inan-quote-simple .bg-color-pink .row.py-5 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
    margin: 0;
}

#sanpham-inan-quote-simple .bg-color-pink .row > [class*="col-"] + [class*="col-"] {
    margin-left: 16px;
}

#sanpham-inan-quote-simple .bg-color-pink .row > [class*="col-"]:last-child,
#sanpham-inan-quote-simple .bg-color-pink .row > [class*="col-"]:last-child * {
    text-align: right;
}

#sanpham-inan-quote-simple .title-online,
#sanpham-inan-quote-simple .text-black-50 {
    display: block;
    margin-bottom: 2px;

    font-size: 14px;
    font-weight: 400;
    color: var(--sp-soft);
    text-align: inherit;
}

#sanpham-inan-quote-simple .bg-color-pink .row > [class*="col-"]:first-child .title-online {
    text-transform: uppercase;
    letter-spacing: .2px;
}

#sanpham-inan-quote-simple .bg-color-pink .row > [class*="col-"]:first-child .title-online {
    display: flex;
    align-items: center;

    flex-wrap: wrap;
    gap: 2px 6px;
}

#sanpham-inan-quote-simple .bg-color-pink .row > [class*="col-"]:first-child .title-online::before {
    content: "";
    flex: none;
    width: 19px;
    height: 19px;

    margin-bottom: 2.5px;
    margin-right: -2px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D8057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2.5 2.5'/%3E%3Cpath d='M5 3 2.5 5.5M19 3l2.5 2.5'/%3E%3C/svg%3E") no-repeat center / contain;
}

#sanpham-inan-quote-simple .title-price {
    display: block;
    text-align: inherit;
}

#sanpham-inan-quote-simple .online-price {
    font-size: 14px;
    font-weight: 600;
    color: var(--sp-ink);
}

#sanpham-inan-quote-simple .note-iflc {
    display: block;
    margin-top: 4px;

    font-size: 14px;
    line-height: 1.5;
    color: #9b9ba3;
    text-align: inherit;
}

#sanpham-inan-quote-simple .note-iflc i {
    font-style: italic;
}

#sanpham-inan-quote-simple .bg-color-pink .row br {
    display: none;
}

#sanpham-inan-quote-simple .bg-color-pink .online-price {

    font-size: 14px;
    font-weight: 700;
    color: var(--sp-ink);
}

#sanpham-inan-quote-simple .bg-color-pink .row > [class*="col-"] {
    flex: 1 1 0;
    min-width: 0;
    text-align: left;
    width: auto;
    flex: 1 1 auto;
}

#sanpham-inan-quote-simple .bg-color-pink .row > .sp-center {
    flex: 0 0 auto;
    text-align: right;
}

#sanpham-inan-quote-simple .row.mx-0 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 18px 0 0;
}

#sanpham-inan-quote-simple .row.mx-0 > [class*="col-"] {
    width: 100%;
    max-width: none;
    flex: none;
}

#sanpham-inan-quote-simple .btn-success,
#sanpham-inan-quote-simple a.btn-success {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    border: 1.5px solid var(--sp-green);
    border-radius: var(--hv3-pill, 999px);
    background: var(--sp-green);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: none;
}

#sanpham-inan-quote-simple .btn-success:hover {
    background: var(--hv3-green-600, #0f8f56);
    border-color: var(--hv3-green-600, #0f8f56);
    color: #fff;
}

#sanpham-inan-quote-simple .btn-warning,
#sanpham-inan-quote-simple a.btn-warning,
#sanpham-inan-quote-simple .btn-default:not(.qd-style-button-detail),
#sanpham-inan-quote-simple .btn-outline-success {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    border: 1.5px solid var(--sp-line);
    border-radius: var(--hv3-pill, 999px);
    background: #fff;
    color: var(--sp-ink);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: none;
}

#sanpham-inan-quote-simple .comboxcss,
#sanpham-inan-quote-simple .comboxcss > div:not(.modal) {
    float: none !important;
    width: 100%;
    margin-top: 18px;
}

#sanpham-inan-quote-simple .hv3-spconsult {
    margin-top: 18px;
    padding: 14px 16px;
    border: 1px solid #cdeadc;
    border-radius: 12px;
    background: #f2fbf6;
    clear: both;
}

#sanpham-inan-quote-simple .media-combo {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sanpham-inan-quote-simple .media-combo > li.media {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 10px;
    padding: 12px 14px;
    border: 1px solid var(--sp-line);
    border-radius: 12px;
    background: #fff;
}

#sanpham-inan-quote-simple .media-combo .media-left {
    flex: none;
    width: 56px;
    padding: 0;
}

#sanpham-inan-quote-simple .media-combo .media-left .thumbnail {
    width: 56px !important;
    height: 56px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: var(--sp-tile);
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

#sanpham-inan-quote-simple .media-combo .media-left img {
    width: 100% !important;
    height: 100%;
    object-fit: contain;
    border-radius: 8px;
}

#sanpham-inan-quote-simple .media-combo .media-body {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding-right: 0 !important;

    font-size: 14px;
    line-height: 1.5;
}

#sanpham-inan-quote-simple .hv3-combo-info {
    flex: 1;
    min-width: 0;
}

#sanpham-inan-quote-simple .media-combo .title-combo {
    margin: 0 0 2px;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--sp-ink);
}

#sanpham-inan-quote-simple .media-combo .title-combo a {
    color: inherit;
    text-decoration: none;
}

#sanpham-inan-quote-simple .price-conlai-combo-new {
    display: block;

    font-size: 14px;
    font-weight: 700;
    color: var(--sp-green);
}

#sanpham-inan-quote-simple .price-del-combo-new {
    display: block;

    font-size: 14px;
    color: #9b9ba3;
    text-decoration: line-through;
}

#sanpham-inan-quote-simple .detail-combo-modal {
    flex: none;
    margin: 0;
}

#sanpham-inan-quote-simple .detail-combo-modal a {
    display: inline-block;
    padding: 9px 18px;
    border: 1px solid var(--sp-line);
    border-radius: var(--hv3-pill, 999px);
    background: var(--sp-tile);

    font-size: 14px;
    color: var(--sp-ink);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

#sanpham-inan-quote-simple .detail-combo-modal a:hover {
    border-color: #b7c9c0;
}

#sanpham-inan-quote-simple .comboxcss .sp-tieude-2 {
    display: none;
}

#sanpham-inan-quote-simple .comboxcss img {
    max-width: 100%;
    height: auto;
}

#sanpham-inan-quote-simple table {
    width: 100%;
    border-collapse: collapse;

    font-size: 14px;
}

#sanpham-inan-quote-simple table th,
#sanpham-inan-quote-simple table td {
    padding: 10px 12px;
    border: 1px solid var(--sp-line);
}

#sanpham-inan-quote-simple table th {
    background: var(--sp-tile);
    color: var(--sp-ink);
    font-weight: 700;
    text-align: left;
}

#sanpham-inan-quote-simple img {
    max-width: 100%;
    height: auto;
}

#sanpham-inan-quote-simple svg {
    width: 18px;
    height: 18px;
    flex: none;
}

#sanpham-inan-quote-simple .w-6,
#sanpham-inan-quote-simple .h-6 {
    width: 18px;
    height: 18px;
}

#sanpham-inan-quote-simple .btn svg {
    margin-right: 8px;
}

#sanpham-inan-quote-simple .thumbnail img,
#sanpham-inan-quote-simple .image-sendtag img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

#sanpham-inan-quote-simple .thumbnail {
    padding: 0;
    border: 0;
    background: none;
}

#sanpham-inan-quote-simple .related-products {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--sp-line);
}

#sanpham-inan-quote-simple #addcolor-tab .related-products {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

#sanpham-inan-quote-simple .nav-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid var(--sp-line);
}

#sanpham-inan-quote-simple .nav-pills > li {
    float: none;
    margin: 0;
}

#sanpham-inan-quote-simple .nav-pills > li > a {
    display: block;
    padding: 10px 18px;
    border: 0;
    border-radius: 0;
    background: none;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    color: var(--sp-soft);
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}

#sanpham-inan-quote-simple .nav-pills > li > a:hover {
    color: var(--sp-ink);
}

#sanpham-inan-quote-simple .nav-pills > li.active > a,
#sanpham-inan-quote-simple .nav-pills > li.active > a:focus,
#sanpham-inan-quote-simple .nav-pills > li.active > a:hover {
    background: none;
    color: var(--sp-green);
    border-bottom-color: var(--sp-green);
}

#sanpham-inan-quote-simple .tab-content {
    font-size: 14px;
    line-height: 1.75;
}

#sanpham-inan-quote-simple .tab-content h2,
#sanpham-inan-quote-simple .tab-content h3 {
    margin: 22px 0 10px;
    font-size: 17px;
    font-weight: 800;
    color: var(--sp-ink);
}

#sanpham-inan-quote-simple .tab-content p {
    margin: 0 0 12px;
}

#sanpham-inan-quote-simple .tab-content img {
    border-radius: var(--hv3-radius, 15px);
}

#sanpham-inan-quote-simple .font-13 {

    font-size: 14px;
    color: #9b9ba3;
}

#sanpham-inan-quote-simple .font-13 i {
    font-style: italic;
}

#myModal-combo .modal-content + .modal-content {
    border-top: 1px solid var(--hv3-line, #e8e8ec);
    background: #FAFAFA;
    background: #fff;
}

@media (max-width: 767px) {
    #sanpham-inan-quote-simple .hv3-seg .qd-style-button-detail {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        line-height: 1.3;
    }
}

#sanpham-inan-quote-simple .qv2-radio-group .qd-style-button-detail.qd-active {
    border-color: transparent !important;
    background: var(--sp-green) !important;
    color: #fff !important;
}

#sanpham-inan-quote-simple .qv2-radio-group label:hover .qd-style-button-detail:not(.qd-active) {
    background: #E9EEF4;
}

#sanpham-inan-quote-simple .qv2-radio-group:has(.btn-filein) {
    flex-wrap: nowrap;
    gap: 0;
    padding: 4px;
    border: 1px solid var(--sp-line);
    border-radius: var(--hv3-pill, 999px);
    background: #fff;
}

#sanpham-inan-quote-simple .qv2-radio-group:has(.btn-filein) > label {
    display: block;
    flex: 1 1 0;
    min-width: 0;
}

#sanpham-inan-quote-simple .qv2-radio-group .btn-filein {
    display: block;
    width: 100%;
    padding: 10px 6px;
    border: 0;
    border-radius: var(--hv3-pill, 999px);
    background: none;
    color: var(--sp-soft);
    text-transform: none;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sanpham-inan-quote-simple ul.media-list > li.tintuc-relations {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) 84px !important;
    align-items: center;
    gap: 14px;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0 0 10px;
    padding: 12px !important;
    border: 1px solid var(--sp-line, #e8e8ec);
    border-radius: 12px;
    background: #fff;
    transition: border-color .16s ease, box-shadow .16s ease;
}

#sanpham-inan-quote-simple ul.media-list > li.tintuc-relations.ng-hide {
    display: none !important;
}

#sanpham-inan-quote-simple ul.media-list > li.tintuc-relations:hover {
    border-color: #b8dfcf;
    box-shadow: 0 5px 14px rgba(30, 95, 69, .08);
}

#sanpham-inan-quote-simple .tintuc-relations > .media-left,
#sanpham-inan-quote-simple .tintuc-relations > .media-body,
#sanpham-inan-quote-simple .tintuc-relations > .media-right {
    display: block !important;
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}

#sanpham-inan-quote-simple .tintuc-relations .thumbnail-phukien {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px !important;
    height: 64px !important;
    margin: 0;
    padding: 4px;
    overflow: hidden;
    border: 1px solid var(--sp-line, #e8e8ec);
    border-radius: 8px;
    background: #f4f8f6;
}

#sanpham-inan-quote-simple .tintuc-relations .thumbnail-phukien img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    object-fit: contain;
}

#sanpham-inan-quote-simple .tintuc-relations > .media-body {
    overflow-wrap: anywhere;
    color: #626b67;
    font-size: 13px;
    line-height: 1.5;
}

#sanpham-inan-quote-simple .tintuc-relations .media-heading {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 700;
}

#sanpham-inan-quote-simple .tintuc-relations .media-heading a {
    color: var(--sp-ink, #252a30);
    text-decoration: none;
}

#sanpham-inan-quote-simple .tintuc-relations .media-heading a:hover {
    color: #1f7f5c;
}

#sanpham-inan-quote-simple .tintuc-relations > .media-body > span:last-child {
    color: #1f7f5c;
    font-size: 12px;
    font-weight: 600;
}

#sanpham-inan-quote-simple .tintuc-relations > .media-right {
    align-self: center;
}

#sanpham-inan-quote-simple .tintuc-relations .form-group {
    margin: 0;
}

#sanpham-inan-quote-simple .tintuc-relations input[type="number"] {
    box-sizing: border-box;
    width: 84px !important;
    max-width: 100%;
    height: 38px;
    margin: 0;
    padding: 0 5px !important;
    text-align: center;
}

@media (max-width: 420px) {
    #sanpham-inan-quote-simple ul.media-list > li.tintuc-relations {
        grid-template-columns: 48px minmax(0, 1fr) 78px !important;
        gap: 8px;
        padding: 9px !important;
    }

    #sanpham-inan-quote-simple .tintuc-relations .thumbnail-phukien {
        width: 48px !important;
        height: 48px !important;
    }

    #sanpham-inan-quote-simple .tintuc-relations input[type="number"] {
        width: 78px !important;
    }
}

#sanpham-inan-quote-simple .hv3-sel__opt.has-cols {
    display: grid;
    grid-template-columns: 5.5em 1fr auto;
    align-items: baseline;
    gap: 10px;
}

#sanpham-inan-quote-simple .hv3-sel__c2 {

    font-size: 14px;
    color: var(--sp-soft, #666);
}

#sanpham-inan-quote-simple .hv3-sel__c3 {
    justify-self: end;
    font-weight: 700;
    color: var(--sp-ink, #666);
}

#sanpham-inan-quote-simple .hv3-sel__opt.is-active .hv3-sel__c3 {
    color: var(--sp-green, #1D8057);
}

#sanpham-inan-quote-simple .hv3-sel__meta {
    flex: none;
    display: flex;
    align-items: baseline;
    gap: 12px;
}

#sanpham-inan-quote-simple .hv3-sel__meta:empty {
    display: none;
}

.hv3-sumbar {
    position: fixed;
    bottom: 0;
    z-index: 1030;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 12px 14px 12px 20px;
    border: 2px solid #1D8057;

    border-bottom: 0;

    border-radius: 16px 16px 0 0;
    background: rgba(255, 255, 255, .96);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 16px 40px -12px rgba(16, 24, 40, .28), 0 2px 6px rgba(16, 24, 40, .06);

    transform: translateY(100%);
    transition: transform .24s cubic-bezier(.22, .7, .3, 1), opacity .18s ease;
    pointer-events: none;
    visibility: hidden;
}

.hv3-sumbar.is-on {
    transform: translateY(0);
    pointer-events: auto;
    visibility: visible;
}

.hv3-sumbar__col {
    display: flex;
    flex-direction: column;
    gap: 3px;
    line-height: 1.2;
    white-space: nowrap;
}

.hv3-sumbar__col--money {
    margin-right: auto;
    padding-left: 20px;
    border-left: 1px solid var(--sp-line, #e8e8ec);
}

.hv3-sumbar__lb {
    font-size: 11px;
    letter-spacing: .01em;
    color: var(--sp-soft, #666);
}

.hv3-sumbar__col:first-child .hv3-sumbar__lb {
    display: flex;
    align-items: center;
    gap: 4px;
}

.hv3-sumbar__col:first-child .hv3-sumbar__lb::before {
    content: "";
    flex: none;
    width: 15px;
    height: 15px;
    margin-top: -2px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D8057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2.5 2.5'/%3E%3Cpath d='M5 3 2.5 5.5M19 3l2.5 2.5'/%3E%3C/svg%3E") no-repeat center / contain;
}

.hv3-sumbar .hv3-time-when {
    color: var(--hv3-green-500, #1D8057);
}

.hv3-sumbar__qty {
    font-weight: 400;
    color: var(--sp-soft, #666);
}

.hv3-sumbar__time {

    font-size: 14px;
    font-weight: 700;
    color: var(--sp-ink, #666);
}

.hv3-sumbar__total {
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--sp-green, #1D8057);
}

.hv3-sumbar__total sup {
    font-size: .5em;
    font-weight: 700;
    top: -.7em;
}

.hv3-sumbar__acts {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: none;
}

.hv3-sumbar__cart {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid var(--sp-line, #e8e8ec);
    border-radius: var(--hv3-pill, 999px);
    background: #fff;
    color: var(--sp-soft, #666);

    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .15s, background .15s, color .15s;
}

.hv3-sumbar__cart svg {
    width: 18px;
    height: 18px;
    flex: none;
    margin-top: -4px;
    margin-right: -1px;

    stroke-width: 1.4;
}

.hv3-sumbar__cart:hover {
    border-color: #cdd8e2;
    background: #F5F7FA;
    color: var(--sp-ink, #666);
}

.hv3-sumbar__btn {
    height: 40px;
    padding: 0 24px;
    border: 0;
    border-radius: var(--hv3-pill, 999px);
    background: var(--sp-green, #1D8057);
    color: #fff;

    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2px;
    white-space: nowrap;
    cursor: pointer;
    transition: background .15s;
}

.hv3-sumbar__btn:hover { background: #176a49; }

.hv3-sumbar__btn:focus-visible,
.hv3-sumbar__cart:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(29, 128, 87, .28);
}

.hv3-sumbar.is-off .hv3-sumbar__btn,
.hv3-sumbar__cart.is-off {
    opacity: .5;
    cursor: not-allowed;
    box-shadow: none;
}

.hv3-sumbar__btn.is-busy,
.hv3-sumbar__cart.is-busy {
    position: relative;
    color: transparent !important;
    pointer-events: none;
}

.hv3-sumbar__btn.is-busy::after,
.hv3-sumbar__cart.is-busy::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid rgba(255, 255, 255, .45);
    border-top-color: #fff;
    border-radius: 50%;
    animation: hv3-spin .7s linear infinite;
}

.hv3-sumbar__cart.is-busy::after {
    border-color: rgba(29, 128, 87, .28);
    border-top-color: var(--sp-green, #1D8057);
}

@media (max-width: 1200px) {
    .hv3-sumbar { gap: 14px; padding-left: 16px; }
    .hv3-sumbar__cart { padding: 0 12px; }
    .hv3-sumbar__cart span { display: none; }
}

#sanpham-inan-quote-simple form.hv3-nofill {
    display: contents;
}

#sanpham-inan-quote-simple label.sp-thongso,
#sanpham-inan-quote-simple .form-group > label {
    margin-bottom: 8px;
}

#sanpham-inan-quote-simple .qd-row-pd:has(label),
#sanpham-inan-quote-simple .qd-row-pd:has(select),
#sanpham-inan-quote-simple .qd-row-pd:has(input),
#sanpham-inan-quote-simple .form-group:has(label),
#sanpham-inan-quote-simple .form-group:has(select),
#sanpham-inan-quote-simple .form-group:has(input) {
    margin-bottom: 18px;
}

#sanpham-inan-quote-simple .qd-row-pd:has(.form-group:is(:has(label), :has(select), :has(input))) {
    margin-bottom: 0;
}

#sanpham-inan-quote-simple .box-lib-dsv1.box-lib-dsv2 {
    margin-bottom: 18px;
}

#sanpham-inan-quote-simple .quote-table-simple-ctl > .pd-5 {
    display: none;
}

#sanpham-inan-quote-simple .alert-2 {
    padding-top: 14px;
}

#sanpham-inan-quote-simple .row.mx-0::before,
#sanpham-inan-quote-simple .row.mx-0::after {
    display: none;
}

#sanpham-inan-quote-simple .bg-color-pink .row > [class*="col-"]:first-child .title-online {

    font-family: 'Arial Web Head', var(--hv3-font, Arial, sans-serif);
    font-weight: 700;
    color: var(--sp-ink);
}

#sanpham-inan-quote-simple .bg-color-pink .title-online .hv3-time-inline {
    margin-left: 0;
    font-family: 'Arial Web Head', var(--hv3-font, Arial, sans-serif);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    color: var(--sp-green);
}

@media (min-width: 600px) {
    #sanpham-inan-quote-simple .bg-color-pink .row > [class*="col-"]:first-child {
        flex: 1 1 auto;
        min-width: 0;
    }

    #sanpham-inan-quote-simple .bg-color-pink .row > [class*="col-"]:last-child {
        flex: 0 0 auto;
    }

    #sanpham-inan-quote-simple .bg-color-pink .row > [class*="col-"]:last-child .note-iflc {
        white-space: nowrap;
    }
}

#sanpham-inan-quote-simple .bg-color-pink .hv3-time-cond {
    margin-top: 2px;
    color: var(--sp-soft);
}

#sanpham-inan-quote-simple .hv3-sel__btn:has(.hv3-sel__meta:not(:empty)) .hv3-sel__label {
    font-family: 'Arial Web Head', var(--hv3-font, Arial, sans-serif);
    font-weight: 700;
}

#sanpham-inan-quote-simple .hv3-sel__btn .hv3-sel__meta .hv3-sel__c3 {
    font-family: 'Arial Web Head', var(--hv3-font, Arial, sans-serif);
    font-weight: 700;
    color: var(--sp-green, #1D8057);
}

#sanpham-inan-quote-simple .hv3-sel__opt.has-cols .hv3-sel__c1 {
    font-family: 'Arial Web Head', var(--hv3-font, Arial, sans-serif);
    font-weight: 700;
}

#sanpham-inan-quote-simple .hv3-sel__opt.has-cols .hv3-sel__c3 {
    font-family: 'Arial Web Head', var(--hv3-font, Arial, sans-serif);
    font-weight: 700;
    color: var(--sp-green, #1D8057);
}

#sanpham-inan-quote-simple .hv3-sel__opt.has-cols .hv3-sel__c2 {
    font-weight: 400;
}

body:has(#sanpham-inan-quote-simple) .tooltip[role="tooltip"] {
    display: none !important;
}

#sanpham-inan-quote-simple .fa-question-circle:is([data-toggle="tooltip"], [data-toggle="tooltip"] *) {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 3px;
    vertical-align: -2px;
    cursor: help;
}

#sanpham-inan-quote-simple .fa-question-circle:is([data-toggle="tooltip"], [data-toggle="tooltip"] *)::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") center / contain no-repeat;
}

#sanpham-inan-quote-simple .fa-question-circle.ng-hide {
    display: none !important;
}

#sanpham-inan-quote-simple#sanpham-inan-quote-simple #comment-customer .view-comment-tag .col-left-tag,
#sanpham-inan-quote-simple#sanpham-inan-quote-simple #comment-customer .hv3-rate__foot {
    box-sizing: border-box;
    height: 67px;
    min-height: 67px;
    padding-top: 12px;
    padding-bottom: 12px;
}

#sanpham-inan-quote-simple#sanpham-inan-quote-simple #comment-customer .view-comment-tag .col-left-tag {
    align-content: center;
    column-gap: 12px;
    row-gap: 0;
}

#sanpham-inan-quote-simple#sanpham-inan-quote-simple #comment-customer .box-cricle-name {
    width: 40px;
    height: 40px;
    font-family: 'Arial Web Head', var(--hv3-font, Arial, sans-serif);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .3px;
}

#sanpham-inan-quote-simple#sanpham-inan-quote-simple #comment-customer .box-name,
#sanpham-inan-quote-simple#sanpham-inan-quote-simple #comment-customer .box-date {
    overflow: hidden;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sanpham-inan-quote-simple#sanpham-inan-quote-simple #comment-customer .box-name {
    align-self: end;
}

#sanpham-inan-quote-simple#sanpham-inan-quote-simple #comment-customer .box-date {
    align-self: start;
    font-size: 13px;
}

#sanpham-inan-quote-simple#sanpham-inan-quote-simple #comment-customer .hv3-rate__hint {
    font-size: 12px;
    white-space: nowrap;
}

#sanpham-inan-quote-simple#sanpham-inan-quote-simple .sp-tieude-2.hv3-lb-request {
    padding-bottom: 0;
    font-family: 'Arial Web Head', var(--hv3-font, Arial, sans-serif);
    font-weight: 700;
}

#sanpham-inan-quote-simple#sanpham-inan-quote-simple .box-lib-dsv1.box-lib-dsv2 {
    margin-top: -10px;
}

#sanpham-inan-quote-simple#sanpham-inan-quote-simple .sp-thongso.hv3-lb-head {
    font-family: 'Arial Web Head', var(--hv3-font, Arial, sans-serif);
    font-weight: 700;
    text-transform: uppercase;
}

#sanpham-inan-quote-simple .online-price .hv3-time-when {
    color: var(--hv3-green-500, #1D8057);
}

#sanpham-inan-quote-simple#sanpham-inan-quote-simple #quote_table_simple_form > .form-group,
#sanpham-inan-quote-simple#sanpham-inan-quote-simple #quote_table_simple_form > .qd-row-pd .form-group {
    margin-bottom: 28px;
}
#sanpham-inan-quote-simple#sanpham-inan-quote-simple #quote_table_simple_form > .qd-row-pd {
    margin-bottom: 0;
}
#sanpham-inan-quote-simple#sanpham-inan-quote-simple #quote_table_simple_form > .form-group .form-group {
    margin-bottom: 0;
}
#sanpham-inan-quote-simple#sanpham-inan-quote-simple #quote_table_simple_form > .form-group div[style="margin-bottom: 10px;"] {
    margin-bottom: 0 !important;
}
#sanpham-inan-quote-simple#sanpham-inan-quote-simple #quote_table_simple_form .relation-shape-space {
    vertical-align: top;
}
#sanpham-inan-quote-simple#sanpham-inan-quote-simple .box-lib-dsv1.box-lib-dsv2 {
    margin-top: -20px;
    margin-bottom: 28px;
}

#sanpham-inan-quote-simple .hv3-time-value .hv3-time-dur {

    margin-left: 4px;
    white-space: nowrap;
    font-family: var(--hv3-font, Arial, sans-serif);
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    color: var(--sp-green);
}
#sanpham-inan-quote-simple .hv3-time-value .hv3-time-dur::before { content: '('; }
#sanpham-inan-quote-simple .hv3-time-value .hv3-time-dur::after  { content: ')'; }

#sanpham-inan-quote-simple#sanpham-inan-quote-simple .box-lib-dsv1 label:is(.hv3-qc-option, .hv3-file-option) {
    margin: 0;
    font-weight: 400;
    cursor: pointer;
}
#sanpham-inan-quote-simple#sanpham-inan-quote-simple .box-lib-dsv1 label:is(.hv3-qc-option, .hv3-file-option) + label:is(.hv3-qc-option, .hv3-file-option) {
    margin-top: 10px;
}
#sanpham-inan-quote-simple#sanpham-inan-quote-simple .box-lib-dsv1 label:is(.hv3-qc-option, .hv3-file-option):has(input:disabled) {
    cursor: not-allowed;
}

#sanpham-inan-quote-simple#sanpham-inan-quote-simple .hv3-file-panels {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}
#sanpham-inan-quote-simple#sanpham-inan-quote-simple .hv3-file-panels > div {
    grid-area: 1 / 1;
    align-self: start;
    min-width: 0;
    animation: none !important;
    transition: none !important;
}
#sanpham-inan-quote-simple#sanpham-inan-quote-simple .hv3-file-panels > .box-lib-dsv1:not(.hide-upload) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
}
#sanpham-inan-quote-simple#sanpham-inan-quote-simple .hv3-file-panels > .box-lib-dsv1 > .box {
    grid-area: 1 / 1;
    align-self: start;

    margin-top: 0;
}
#sanpham-inan-quote-simple#sanpham-inan-quote-simple .hv3-file-panels > .ng-hide:not(.hide-upload),
#sanpham-inan-quote-simple#sanpham-inan-quote-simple .hv3-file-panels > .box-lib-dsv1 > :is(.v1, .v3).ng-hide {
    display: block !important;
    visibility: hidden;
    pointer-events: none;
}
#sanpham-inan-quote-simple#sanpham-inan-quote-simple .hv3-file-panels > .box-lib-dsv1.ng-hide:not(.hide-upload) {
    display: grid !important;
}

#sanpham-inan-quote-simple#sanpham-inan-quote-simple .hv3-file-panels > .box-lib-dsv1 > .box.v2 {
    display: none !important;
}
#sanpham-inan-quote-simple#sanpham-inan-quote-simple .btn-filein {
    transition: none;
}