.nice-select.open .list{

    width: 100%;

}

.nice-select .current{

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    max-width: 100%;

    display: block;

}

.nice-select .option{

    white-space: normal;

    line-height: 22px;

    margin-bottom: 10px;

}



.text--none-product {

    height: 400px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0!important;

    font-size: 14px;

}



.nice-select{

    width: inherit;

    height: 38px;

    padding-left: 3px;

    border-color: #ccc;

}

 .text-red {

    color: #d70018!important;

}



.form-control-feedback {

    position: absolute;

    top: 0;

    right: 0;

    z-index: 2;

    display: block;

    width: 34px;

    height: 34px;

    line-height: 34px;

    text-align: center;

    pointer-events: none;

}

.form-control:focus {

    border-color: #E11B1E!important;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225,27,30,.6);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225,27,30,.6);

}



#app-thu-cu input, select {

    /*border-radius: 10px!important;*/

}



#app-thu-cu label{

    font-weight: normal;

}

.thu-cu .form-group.has-search{

    width: 400px;

    display: flex;

    margin: 0 auto 20px auto;

    position: relative;

}



@media(max-width: 768px){

    .thu-cu .form-group.has-search{

        width: 80%;

    }

    .title_renewed{

        font-size: 18px;

        margin-bottom: 10px;

    }

}

/* input search */



.thu-cu .has-search input{

    height: 34px;

    padding-right: 34px;

    border-radius: 2px;

    font-size: 14px;

}



.thu-cu .has-search .form-control-feedback{

    height: 34px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.thu-cu .has-search .form-control-feedback i{

    font-style: unset;

    color: #666666;

    cursor: pointer;

    pointer-events: auto;

}





/* tag brand */



.box-content__box-type,

.box-content__box-brand{

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    margin: 0!important;

}



.box-content__box-type>label{

    width: 120px;

    height: 120px;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    margin-bottom: 15px;

    border: 1px solid #DADADA;

    border-radius: 2px;

    text-align: center;

}



.box-content__box-type>label:not(:last-child){

    margin-right: 15px;

}



.box-content__box-type>label>* {

    display: flex;

    justify-content: center;

    align-items: center;

}



.box-content__box-type>label>div{

    height: 50%;

    align-items: flex-end;

}



.box-content__box-type>label img{

    height: 30px;

}



.box-content__box-type>label>p {

    width: 100%;

    height: 50%;

    margin: 0;

    padding: 0 10px;

    font-size: 12px;

    line-height: 1.5;

    text-align: center;

    text-transform: capitalize;

    overflow: hidden;

}



.box-content__box-brand>label{

    height: 34px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 10px;

    border: 1px solid #E5E7EB;

    border-radius: 10px;

    background: #F3F4F6;

    cursor: pointer;

}



.box-content__box-brand>label:not(:last-child) {

    margin-right: 15px

}



.box-content__box-brand>label>h4{

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0;

    padding: 5px 10px;

    font-size: 14px;

    font-weight: bold;

    text-transform: uppercase;

    text-align: center;

    color: #444444;

}



.box-content__box-type>input,

.box-content__box-brand>input{

    display: none;

}



.box-content__box-type>input[type="radio"]:checked+label {

    border-color: #e11b1e;

}



.box-content__box-brand>input[type="radio"]:checked+label {

    background: linear-gradient(#f52f32, #e11b1e);

}



.box-content__box-brand>input[type="radio"]:checked+label>h4 {

    color: #FFFFFF;

}



@media(max-width: 768px) {

    .box-content__box-type, .box-content__box-brand{

        flex-wrap: nowrap;

        justify-content: flex-start;

        overflow-x: auto;

        display: inline-flex;

        max-width: 100%;

    }



    .box-content__box-brand>label>h4{

        white-space: nowrap;

    }

}



/*tag brand*/





.custom_field p,

.custom_field>div{

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin-bottom: 0;

   line-height: 1.5;

   margin-bottom: 3px;

}

.custom_field p span,

.custom_field>div span{

    flex:  0 0 50%;

    text-align: left;

}

.custom_field p del,

.custom_field>div del{

    font-size: 13px;

}



.price-main b{

    color: #b20617;

    font-size: 16px;

}



.nav-tabs .nav-link h3{

   font-size: 22px;

}

/* body_less */

.body-category{

   padding: 10px 0;

   background: #fff;

   border-top: 1px solid #ccc;

}



.body_less{

   overflow: hidden;

   position: relative;

   padding-bottom: 70px;

   width: 100%;

}



.view_less,

.view_full{

   position: absolute;

   bottom: 0;

   left: 0;

   width: 100%;

   background: #fff;

   color: #000;

   text-align: center;

   padding: 5px 0;

   color: #288ad6;

    box-shadow: 0px -3px 2px 0px #ffffffe0;

}



.view_less span,

.view_full span{

   cursor: pointer;

   padding: 10px 20px;

    border: 1px solid #ccc;

    border-radius: 5px;

    display: inline-block;

}



.view_less span:hover,

.view_full span:hover{

   background: #da0b00;

   color: #fff;

}



.view_less{

   display: none;

}



.body_less h2,

.body_less h3{

   font-size: 16px;

}

/* end body_less */



/***************/

.row-5 .col-lg-custom.itemhide{display: none;}

.viewless, .viewmore{margin: auto; margin-bottom: 10px;}

.viewless, .viewmore{color: #fff; background: #fb3d1d;}

.viewless, .viewmore:hover{background: #fd2400;;color: #fff;}

/***************/



/* style model */

    .thu-cu .modal {

        z-index: 10000;

    }



    .thu-cu .modal-content{

        border-radius: 10px;

    }



    .thu-cu .modal-header{

        padding: 20px 15px 0 15px;

        border-bottom: none;

        text-align: center;

        position: relative;

    }



    .thu-cu .modal-title{

        font-size: 20px;

        font-weight: 700;

        text-transform: uppercase;

        color: #E11B1E;

    }



    .thu-cu .modal-header>button{

        position: absolute;

        top: 10px;

        right: 10px;

    }



    .modal-body{

        width: 100%;

        display: inline-block;

        padding: 15px 15px 10px 15px;

    }



    .modal-body .modal-body__box-left{

        width: 160px;

        min-height: 100px;

        float: left;

        margin-right: 15px;

        text-align: center;

    }



    .modal-body .modal-body__box-left>*{

        font-size: 14px;

        margin-bottom: 5px;

        text-align: left;

    }



    .modal-body .modal-body__box-left>img{

        height: 160px;

        margin-bottom: 10px;

    }



    .modal-body .modal-body__box-left>.box-left__box-price>p:nth-of-type(1n){

        width: 55%;

        float: left;

        margin-bottom: 5px;

    }



    .modal-body .modal-body__box-left>.box-left__box-price>p:nth-of-type(2n){

        width: 45%;

        float: left;

        font-weight: bold;

        text-align: right;

        margin-bottom: 5px;

    }



    .modal-body .modal-body__box-left>.box-left__box-price>p.box-left__price{

        color: #E11B1E;

    }



    .price_tro_gia{

        color: #E11B1E!important;

    }



    .modal-body .modal-body__box-right{

        width: calc(100% - (160px + 15px));

        float: left;

        min-height: 160px;

    }



    .modal-body .modal-body__box-right>*,

    .box-content_new-product .box-right>*{

        font-size: 14px;

        margin-bottom: 10px;

        text-align: left;

    }



    .modal-body .modal-body__box-right>*:last-child,

    .box-content_new-product .box-right>*:last-child{

        margin-bottom: 0;

    }



    .box-right__box-option-loai,

    .box-right__box-option-more{

        width: 100%;

        height: auto;

        display: inline-block;

    }



    .box-right__box-option-loai>label,

    .box-right__box-option-more>label{

        width: 100%;

        padding: 10px;

        margin-bottom: 10px;

        border: 1px solid #DADADA;

        border-radius: 10px;

        font-size: 14px;

        font-weight: normal;

        cursor: pointer;

    }



    .box-right__box-option-loai>label:last-child{

        margin-bottom: 0;

    }



    .box-right__box-option-loai>input,

    .box-right__box-option-more>input{

        display: none;

    }



    .box-right__box-option-loai>input[type="radio"]:checked+label,

    .box-right__box-option-more>input[type="radio"]:checked+label{

        border-color: #e11b1e;

    }



    .box-right__box-option-more {

        display: flex;

        flex-wrap: wrap;

    }



    .box-right__box-option-more>label {

        width: calc((100% - 20px) / 3);

        /* display: flex;

        flex-wrap: wrap;

        justify-content: flex-start;

        align-items: center; */

    }



    .box-right__box-option-more>label:not(:nth-of-type(3n)) {

        margin-right: 10px;

    }



    .box-right__box-option-more label>span {

        width: 100%;

        display: inline-block;

    }



    .box-right__box-option-more label>span.box-right__price {

        margin-top: 5px;

        font-size: 14px;

    }



    .box-right__price{

        font-size: 16px;

        color: #e11b1e;

    }



    .thu-cu .modal-footer{

        padding: 0 15px 15px 15px;

        border-top: none;

        text-align: center;

    }



    .thu-cu .modal-footer>button{

        width: 120px;

        height: 34px;

        margin: 0!important;

        background: -webkit-linear-gradient(#f52f32,#e11b1e);

        background: -o-linear-gradient(#f52f32,#e11b1e);

        background: -moz-linear-gradient(#f52f32,#e11b1e);

        background: linear-gradient(#f52f32,#e11b1e);

        border: 1px solid #e11b1e;

        border-radius: 10px;

        text-transform: uppercase;

        color: #FFFFFF;

        text-shadow: none;

        outline: none!important;

    }



    .thu-cu .modal-footer>button:not(:last-child){

        margin-right: 10px!important;

    }



    .thu-cu .modal-footer>button:hover, .thu-cu .modal-footer>button:active, .thu-cu .modal-footer>button:focus {

        border-color: #e11b1e;

        background: none;

        text-decoration: none;

        color: #e11b1e;

    }



    .modal-alert .modal-footer>button {

        width: 140px;

        height: unset;

        font-size: 12px;

    }



    .modal-dialog .modal-content .modal-header .close {

        font-size: 26px;

        display: flex;

        align-items: center;

        justify-content: center;

        line-height: 1;

    }

    .thu-cu .modal-footer{

        padding-bottom: 35px;

    }



    @media(max-width: 768px){

        .modal-body .modal-body__box-right,

        .modal-body .modal-body__box-left{

            width: 100%;

        }

        .modal-body .modal-body__box-left img{

            margin: auto;

        }



        .box-right__box-option-more>label{

            width: 100%;

        }



        .modal-dialog .modal-content .modal-header{

            top: 0;

            right: 0;

            padding: 10px;

        }

        .thu-cu .modal-title{

            margin: auto;

            font-size: 18px;

        }



        #modalListProduct .modal-body{

            padding: 15px 5px 10px 5px;

        }



    }



    /* modal pay */



    .modal-pay .modal-body .modal-body__box-left{

        width: 222px;

    }



    .modal-pay .modal-body .modal-body__box-right{

        width: calc(100% - (222px + 15px));

    }



    .modal-pay .modal-body__box-right .form-group .col-md-6,

    .modal-pay .modal-body__box-right .form-group .col-xs-6{

        width: calc((100% / 2) - 5px);

    }



    .modal-pay .modal-body__box-right .form-group .col-md-6:not(:nth-of-type(2n)),

    .modal-pay .modal-body__box-right .form-group .col-xs-6:not(:nth-of-type(2n)){

        margin-right: 10px;

    }



    .modal-pay .modal-body__box-right .form-group .col-md-6+.col-md-12,

    .modal-pay .modal-body__box-right .form-group .col-xs-6+.col-xs-12{

        margin-top: 10px;

    }



    .modal-body__box-right .form-group{

        margin-bottom: 10px;

    }



    .modal-body__box-right .txt_err{

        color: #E11B1E;

    }





@media (min-width: 768px){

    .modal-dialog {

    width: 600px;

    margin: 30px auto;

    }

}



@media (min-width: 992px){

    .modal-lg {

     width: 900px;

     max-width: 900px;

    } 

}



@media(max-width: 768px){

        .modal-pay .modal-body .modal-body__box-right,

        .modal-pay .modal-body .modal-body__box-left{

            width: 100%;

        }



    }





.modal-list-product .box-content__box-brand>label:not(:last-child) {

    margin-right: 10px;

}

.modal-list-product .box-products {

    max-height: calc(100vh - 258px);

    overflow: auto;

    padding: 0 5px;

}

.modal-list-product .box-products .list-product {

    margin-bottom: 10px;

}

.modal-list-product .box-products::-webkit-scrollbar{

    width: 4px;

}

.modal-list-product .box-products::-webkit-scrollbar-track{

    background: #f1f1f1;

}

.modal-list-product .box-products::-webkit-scrollbar-thumb{

    background: #888;

}

.modal-list-product .box-products::-webkit-scrollbar-thumb:hover{

    background: #555;

}

.modal-list-product .box-products .list-product .item-product {

    width: calc((100% - 3rem) / 4);

}

.modal-list-product .box-products .list-product .item-product:nth-of-type(4n) {

    margin-right: 0!important;

}

.modal-list-product .box-products .list-product .item-product:nth-of-type(5n) {

    margin-right: 1rem;

}

.text-tro-gia {

    width: 100%;

    height: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    float: left;

    margin-top: 5px!important;

    padding: 4px 10px!important;

    border-radius: 10px;

    background: linear-gradient(#f52f32, #e11b1e);

    font-size: 12px;

    font-weight: 700;

    line-height: 1.5;

    text-align: center;

    text-transform: uppercase;

    color: #ffffff;

}



.container.seo_brand {

    background-image: linear-gradient( to right, #29323c, #485563, #2b5876 );

    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 20%);

    padding: 10px 20px 15px;

    border-radius: 8px;

    margin-bottom: 25px;

    position: relative;

}



.container.seo_brand ul {

    display: flex;

    flex-direction: row;

    justify-content: space-evenly;

}   



.container.seo_brand ul li {

    padding: 10px 25px;

    border-radius: 10px;

    background: linear-gradient(#f52f32, #e11b1e);

    font-size: 12px;

    font-weight: 700;

    line-height: 1.5;

    text-align: center;

    text-transform: uppercase;

    color: #ffffff;

    cursor: pointer;

}



.container.seo_brand a {

    color: #fff;

    cursor: pointer;

}



.container.seo_brand h3 {

    padding: 10px;

    font-size: 24px;

    font-weight: 700;

    text-transform: uppercase;

    text-align: center;

    color: #ffffff;

}

#comment-module-modal {

    background-color: rgba(0,0,0,0.5);

}

.modal-backdrop.fade {

    /*display: none;*/

}

@media(max-width: 768px){

    .text-tro-gia{

        font-size: 10px;

        line-height: 1.2;

    }

}



/*tro-gia-hot*/

.block-hotsale.tro-gia-hot {

    border-radius: 1rem;

    background-image: linear-gradient( to right, #29323c, #485563, #2b5876 );

}

.block-hotsale__box-title{

    display: block;

    padding: 15px 0 5px 0;

}

.block-hotsale__box-title p {

    width: 100%;

    font-size: 24px;

    font-weight: 700;

    text-transform: uppercase;

    text-align: center;

    color: #ffffff;

}

/*tro-gia-hot*/



.box-products .list-product .item-product__box-price p{

    margin-bottom: 0;

    font-size: 13px;

}

.box-products .list-product .item-product__box-price p > span {

    font-size: 13px;

    float: right;

}



.form-group-box-product .box-left__box-price{

    font-size: 14px;

    margin-bottom: 5px;

    text-align: left;

    /*display: flex;*/

}

.form-group-box-product .box-left__box-price span{

    color: #d70018!important;

    font-weight: bold;

}



.form-group-box-product .box-left__box-price>p:nth-of-type(1n){

    /*width: 40%;*/

    margin-bottom: 5px;

}



.form-group-box-product .box-left__box-price>p:nth-of-type(2n){

    /*width: 45%;*/

    font-weight: bold;

    margin-bottom: 5px;

}



.form-group-box-product .box-left__box-price>p.box-left__price{

    color: #E11B1E;

}

.form-group-box-product .item-product__box-price>p span,

.form-group-box-product .box-left__box-price>p span{

    float: right;

}



.single-product .product-content h3 a{

    font-weight: bold;

}



.tro-gia-hot .single-product.active{

    /*background: #ec5923;*/

}

.tro-gia-hot .single-product.active .text-tro-gia{

    background: linear-gradient(#2f5874, #335871);

}

.tro-gia-hot .single-product.active a,

.tro-gia-hot .single-product.active a:hover{

    /*color: #fff !important;*/

}



.product-selected-content {

    width: 500px;

    display: flex;

    float: unset;

    margin: 0 auto 20px auto;

    padding: 15px;

    border: 1px solid #DADADA;

    border-radius: 10px;

    position: relative;

}

.product-selected-close{

    cursor: pointer;

    position: absolute;

    top: 5px;

    right: 0;

    width: 25px;

    height: 25px;

    color: #333;

    z-index: 9;

    font-size: 20px;

}



.product-selected-content .product-img {

    width: 150px;

    height: 150px;

    margin-right: 15px;

    position: relative;

}

.product-selected-content .product-img:before {

    content: "";

    display: block;

    padding-top: 100%;

}

.product-selected-content .product-img a {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.product-selected-content .product-img a img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}



.product-selected-content .product-content {

    width: calc(100% - (150px + 15px));

    margin-top: 10px;

}



.product-selected-content .product-content h3 {

    display: flex;

}

.product-selected-content .product-content h3 a {

    font-size: 14px;

    font-weight: 700;

    margin: 0;

    line-height: 1.4;

}

.product-selected-content .product-content .text-tro-gia {

    display: none;

}

.product-selected-content .product-content .item-product__box-price {

    display: block !important;

}

.product-selected-content .product-content p {

    margin-bottom: 5px;

}



.product-selected-content .price_new_phone{

    display: none;

}



@media(max-width: 768px) {

    .box-products .list-product .item-product__box-price p{

        font-size: 11px;

    }

    .box-products .list-product .item-product__box-price p > span{

        font-size: 12px;

    }



    .product-selected-content{

        max-width: 100%;

        padding: 10px;

    }

    .product-selected-content .product-img{

        width: 130px;

    }

}



/*renewed_order*/

.renewed_order{

    padding: 10px;

    background: rgba(65, 166, 116, 0.15);

    margin-top: 5px;

}



.renewed_order ul{

    list-style: disc;

    padding-left: 20px;

}

.renewed_order ul li{

    list-style-type: disc;

}

/*renewed_order*/