﻿.cart .sl { float: left; width: 100%; margin: 0; color: #555555; font-weight: 700; font-size: 14px; line-height: 30px; text-transform: uppercase; padding: 7px 0 6px; }
.cart .btn_add-cart { border: 2px solid #06448d; text-align: center; width: calc(100% - 110px); display: block; float: left; margin-right: 10px; text-transform: uppercase; line-height: 34px; padding: 0 15px; font-weight: 700; color: #06448d; }
    .cart .btn_add-cart:hover { background: #06448d; color: #fff; }
.quantity { position: relative; float: left; margin-right: 10px; }
    .quantity input[type=number]::-webkit-inner-spin-button,
    .quantity input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
    .quantity input[type=number] { -moz-appearance: textfield; }
    .quantity input { width: 90px; height: 38px; line-height: 36px; float: left; display: block; padding: 0; margin: 0; padding-left: 28px; border: 1px solid #bfbfbf; font-weight: 700; }
        .quantity input:focus { outline: 0; }
.quantity-nav { float: left; position: relative; height: 38px; }
.quantity-button { position: relative; cursor: pointer; border-left: 1px solid #a7a7a7; width: 20px; text-align: center; color: #333; font-size: 13px; font-family: "Trebuchet MS", Helvetica, sans-serif !important; line-height: 18px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
    .quantity-button.quantity-up { position: absolute; height: 50%; top: 0; }
    .quantity-button.quantity-down { position: absolute; height: 50%; bottom: 0; }
.cart-spin { overflow: hidden }

/*giohang*/
.wapper-bd-1 .box-v1 { background: #fff; }
.border-bt-lg { border-bottom: 1px solid #ddd; }
.titH-3 { font-family: 'Muli',sans-serif; color: #404040; font-weight: 800; font-size: 20px; line-height: 50px; /* padding: 0 20px; */ margin: 0; }
.box-detail-cart { display: inline-grid; grid-template-columns: 73% 27%; overflow: hidden; padding: 10px 0; width: 100%; }
.table-cart-product { padding: 10px 0; }
.box-calculator-pr { padding: 10px; }
    .box-calculator-pr .tit-car { line-height: 18px; color: #fff; padding: 10px 15px; background: #f02e3d; }
.box-tab-pr { display: inline-grid; grid-template-columns: 80px calc(100% - 80px); align-items: center; }
    .box-tab-pr .avt { width: 80px; height: 70px; float: left; text-align: center; line-height: 54px; padding: 7px; }
        .box-tab-pr .avt img { max-height: 100%; max-width: 100%; }
    .box-tab-pr .desc { width: 100%; display: flex; height: 100%; flex-wrap: wrap; row-gap:5px;}
        .box-tab-pr .desc a { display: block; vertical-align: middle; padding-left: 7px; line-height: 1.3; width: 100%;font-weight:600;}
            .box-tab-pr .desc a span { color: #373737; font-size: 14px; }
        .box-tab-pr .desc .attr { padding-left: 7px; width: 100%; display:flex;gap:5px; font-size:13px;font-style:italic;}
            .box-tab-pr .desc .attr p{margin-bottom:0;}
            .box-tab-price span { }
.box-tab-price .new { color: #e70012; display: block; }
.box-tab-price .old { color: #a6a6a6; text-decoration: line-through; font-size: 13px; }
.box-tab-sl { list-style: none; border: 1px solid #ddd; border-radius: 0; display: inline-block; margin: 0; padding: 0; }
    .box-tab-sl li { float: left; }
        .box-tab-sl li span { width: 28px; height: 28px; display: block; text-align: center; line-height: 28px; cursor: pointer; }
        .box-tab-sl li input { line-height: 28px; width: 40px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; border-top: none; }
            .box-tab-sl li input[type=number]::-webkit-inner-spin-button, .box-tab-sl li input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.box-price-all { color: #005bac; }
.box-calculator-pr .box-o { padding: 10px 12px; border: 1px solid #ddd; }
    .box-calculator-pr .box-o .top { overflow: hidden; padding-bottom: 5px; border-bottom: 1px solid #ddd; }
        .box-calculator-pr .box-o .top .box-pr { display: table; width: 100%; margin-bottom: 10px; }
        .box-calculator-pr .box-o .top span { font-size: 14px; line-height: 18px; color: #555555; }
    .box-calculator-pr .box-o span.priceing { color: #2a2a2a; }
    .box-calculator-pr .box-o .midle { overflow: hidden; padding: 10px 0; }
        .box-calculator-pr .box-o .midle i { font-size: 12px; display: block; line-height: 15px; }
    .box-calculator-pr .box-o .bot { overflow: hidden; }
    .box-calculator-pr .box-o .bot-2 { border-top: 1px solid #ddd; padding: 10px 0 0; }
    .box-calculator-pr .box-o strong { line-height: 16px; display: block; }
    .box-calculator-pr .box-o .preiced { font-size: 20px; color: #e70012; }
    .box-calculator-pr .box-o .left { margin: 0; line-height: 24px; width: 45%; float: left; }
    .box-calculator-pr .box-o .right { width: 55%; float: right; margin: 0; text-align: right; line-height: 24px; }
    .box-calculator-pr .box-o .box-pr .avt { display: block; float: left; width: 74px; height: 74px; text-align: center; line-height: 58px; padding: 7px; border: 1px solid #ddd; }
    .box-calculator-pr .box-o .box-pr .desc { width: calc(100% - 74px); float: left; padding-left: 10px; }
        .box-calculator-pr .box-o .box-pr .desc > a { color: #373737; display: block; font-family: 'Roboto',sans-serif; line-height: 18px; }
        .box-calculator-pr .box-o .box-pr .desc .price { overflow: hidden; padding: 10px 0; }
            .box-calculator-pr .box-o .box-pr .desc .price .new { color: #e70012; float: left; }
            .box-calculator-pr .box-o .box-pr .desc .price .sl_sp { float: right; }
.btn-book-product { font-family: 'Muli',sans-serif; color: #fff; font-size: 16px; line-height: 35px; display: block; background: #005bac; text-align: center; border-radius: 5px; }
.box-calculator-pr .box-o .bot span { color: #555555; text-align: center; display: block; line-height: 24px; margin-top: 10px; }
    .box-calculator-pr .box-o .bot span i { color: #e70012; margin-left: 10px; }
.box-calculator-pr .box-o .bot-2 span { color: #e70012; text-align: right; margin-top: 5px; }
.btn-book-product:hover { color: #fff; }
.table_adc { border: 1px solid #ddd; border-collapse: collapse; width: 100%; }
    .table_adc tr { border-bottom: 1px solid #ddd; }
    .table_adc thead tr { border-bottom: 1px solid #ddd; width: 1%; white-space: nowrap; }
    .table_adc td,
    .table_adc th { padding: 3px 15px; }
    .table_adc th { color: #333; text-align: center; font-size: 14px; line-height: 30px; background: #f5f5f5; font-weight: 700; }
    .table_adc tr th:first-child { width: 35%; text-align: left; }
    .table_adc td h3 { margin: 0; font-size: 14px; }
    .table_adc td { line-height: 1.3; text-align: center; padding: 5px 7px; font-size: 14px; transition: all .35s; }
        .table_adc td:first-child { text-align: left; }
    .table_adc .tab-link { display: block; line-height: 22px; color: #0f89e9; font-weight: bold; }
        .table_adc .tab-link img { margin-left: 8px; }
    .table_adc .price-table { font-weight: bold; color: #F44336; float: right; }
.btn-table-book { font-weight: bold; color: #fff; font-size: 14px; line-height: 28px; display: inline-block; border-radius: 3px; padding: 0 8px; background: #ff7e00; text-transform: uppercase; box-shadow: 0 0 10px -4px #000; margin: auto; }
.table_adc th:last-child { width: 15%; }
.table_adc tr:hover td { background: #ffffff; }

.cus-inf-v1 { margin-bottom: 20px; }
    .cus-inf-v1 > .tit { border: 1px solid #ddd; line-height: 35px; padding: 0 15px; margin: 0; font-family: 'Roboto',sans-serif; font-weight: bold; color: #363636; text-transform: uppercase; }
    .cus-inf-v1 > .box { padding: 10px 15px; overflow: hidden; border: 1px solid #ddd; border-top: 0; border-bottom: 0; }
        .cus-inf-v1 > .box label.error { position: absolute; top: calc(100% - 10px); left: 10px; color: #ff0000; font-size: 14px; font-style: italic; font-weight: 400; }
        .cus-inf-v1 > .box .w2a { width: 70%; padding: 10px 5px; float: left; position: relative; }
        .cus-inf-v1 > .box .w2b { width: 30%; padding: 10px 5px; float: left; position: relative; }
        .cus-inf-v1 > .box .w1 { width: 100%; padding: 10px 5px; float: left; position: relative; }
        .cus-inf-v1 > .box .w3 { width: calc(100% / 3); padding: 10px 5px; float: left; position: relative; }
        .cus-inf-v1 > .box .w-a { width: 100%; padding: 5px 5px; float: left; }
        .cus-inf-v1 > .box input { border: 1px solid #ddd; width: 100%; line-height: 38px; border-radius: 5px; padding: 0 15px; }
.select.select-2 { position: relative; }
    .select.select-2 select { width: 100%; height: 40px; border: 1px solid #ddd; border-radius: 5px; padding-left: 10px; padding-right: 35px; -webkit-appearance: none; color: #777676; }
    .select.select-2:before { content: ''; position: absolute; width: 36px; height: 40px; top: 0; right: 1px; background: url('../images/ic-select-2.png') center no-repeat; pointer-events: none; }
.radio-cs { display: block; float: left; padding-top: 2px; padding-right: 10px; }
.cus-inf-v1 > .box span { float: left; display: block; line-height: 25px; color: #777676; }
.radio-cs > label { margin: 0; height: 18px; padding-left: 18px !important; color: #fff; }
.radio-cs > [type="radio"]:checked + label:after, .radio-cs > [type="radio"]:not(:checked) + label:after { width: 18px; height: 18px; top: 0; left: 0; background: transparent; border: 2px solid #1468b3; }
.cus-inf-v1 > *:last-child { border-bottom: 1px solid #ddd; }
.frm-cart button { display: table; float: right; padding: 0 30px; }
.frm-cart .btn-back { color: #005bac; font-family: 'Roboto',sans-serif; display: block; float: left; line-height: 36px; }
.frm-cart { overflow: hidden; }


.avt { overflow: hidden; }
    .avt img { max-width: 100%; max-height: 100%; object-fit: cover; }
.height-300 { height: 300px }
.height-700 { height: 700px }
#content-module { overflow: hidden }
#content-ct { overflow: hidden }
.full-article { height: auto !important }
