@font-face {
    font-family: "UTMAvo";
    src: url("../fonts/UTM-Avo.ttf") format("ttf"),
    url("../fonts/UTM-AvoBold_Italic.ttf") format("ttf"),
    url("../fonts/UTM-AvoBold.ttf") format("ttf"),
    url("../fonts/UTM-AvoItalic.ttf") format("ttf"),
}

body,.fontUTMAvo,.ProductDetail .content-data, .MsoNormal > span{
    font-family: Helvetica, sans-serif !important;
    /* font-family: "UTMAvo" !important; */
    /* font-family: Arial, Helvetica, sans-serif ; */
}

.fontUTMAvo{
    font-size: 16px !important;
}

.jumbotron p{
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5 !important;
}
ul {
    padding-left: 17px;
}

.lien-he{
    color:#0e7cda;
}

/* CSS Document */
.cate-name{
    color: #0061b5;
}

span.jconfirm-title {
    color: #337ab7;
}

.text-contact{
    float: left;
    padding: 5px 5px 5px 40px;
    font-size: 17px;
    color: royalblue;
}

.product-list{
    padding-left:0px !important;
    padding-right: 5px !important;
}

.list-product{
    border-bottom: 1px solid #ddd;
}

.navbar{
    min-height: 44px !important;
}

.div-item-center{
	display: flex;
    justify-content: center;
    border: 1px solid #ddd;
}

.content-top{
    padding-top: 44px !important;
}

.no-margin{
    margin: 0 !important;
}

.margin-5{
	margin: 5px !important;
}

.margin-10{
	margin: 10px !important;
}

.margin-top-10{
	margin-top: 10px;
}

.margin-tb-20{
	margin-top: 20px;
	margin-bottom: 20px;
}

.margin-top-20{
	margin-top: 20px;
}

.margin-top-30{
	margin-top: 30px;
}

.margin-lr-5{
	margin-left: 5px;
	margin-right: 5px;
}
.padding-content{
    padding: 0px 15px 5px 15px;
}

.no-padding{
	padding: 0 !important;
}

.padding-10{
    padding: 10px !important;
}

.padding-5{
    padding: 5px !important;
}

.padding-7{
    padding: 7px !important;
}

.padding-l-r-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.padding-l-r-7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.padding-15{
    padding: 15px !important;
}

.no-border-tr{
	border-top: 0 !important;
	border-right: 0 !important;
}

.no-border-top{
	border-top: 0 !important;
}

.no-border-right{
	border-right: 0 !important;
}

.text-size-12{
    font-size: 1.2em !important;
}

.text-size-11{
    font-size: 1.1em !important;
}

.text-size-09{
    font-size: 0.9em !important;
}

.text-size-08{
    font-size: 0.8em !important;
}

.text-align-center{
    text-align: center !important;
}
.text-grey{
	color: #aaa;
}
.navbar-fix{
    align-items: center;
    display: none;
    /* display: flex; */
    margin: 0;
    background: #1D1D28;
    color: white;
    font-size: 18px;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.img-back {
    padding: 12px 18px 15px 15px;
    width: 45px;
    /* margin-left: 15px; */
    z-index: 999;
}

.text-navbar {
    width: 70%;
    text-align: center !important;
    /*position: fixed;
    margin-left: 15%;
    margin-right: 15%;*/
}

.no-comment-rate {
    padding: 15px;
}

.text-danhmuc {
    font-size: 1em !important;
    height: 40px;
    font-weight: 400 !important;
    margin: 3px;
}

.text-ecom {
    font-size: 1em !important;
    font-weight: 400 !important;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}

.customText {
    font-size: 1em !important;
    height: 40px;
    font-weight: bold !important;
}

.colorText {
	color: #555;
}

.product-price {
    color: #c50000;
    font-size: 1em;
}

.product-old-price {
	color: #888;
	font-size: 0.85em;
    text-decoration: line-through;
}

.product-name {
	text-align: start;
    font-size: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: uppercase;
}

.catagory{   
    padding: 7px 0 7px 7px;
    background: #f5f6f7;
}

.div-content {
    padding: 15px;  
    word-wrap: break-word; 
}

.product-favorite-count {
    margin-left: 5px;
    align-items: center;
    display: flex;
    position: relative;
    /* right: 0; */
    display: -webkit-inline-box;
    font-size: 1em;
    /* margin-right: 1em; */
    opacity: 0.6;
}

.like-2 {
    background: url('../../assets/img/like-2.svg');
    background-size: contain;
    height: 1.3em;
	width: 1.3em;
	margin: 0 auto;
	margin-right: 5px;
}

.badge{
    margin-left: 10px;
	width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../assets/img/deal-badge.png);
    background-size: contain;
    padding: 0;
    line-height: 30px;
    font-weight: 300;
    font-style: italic;
    z-index: 1;
}

/* Ratings widget */
.rate {
    display: inline-block;
    border: 0;
}
/* Hide radio */
.rate > input {
    display: none;
}
/* Order correctly by floating highest to the right */
.rate > label {
    float: right;
}

.rate .check {
    color: #ffbd1e;
}
/* The star of the show */
.rate > label:before {
    display: inline-block;
    font-size: 1.1rem;
    padding: .3rem .2rem;
    margin: 0;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 "; /* full star */
}
/* Zero stars rating */
/*.rate > label:last-child:before {*/
    /*content: "\f006 "; /* empty star outline */
    /*} */
    /* Half star trick */
    .rate .half:before {
        content: "\f089 "; /* half star no outline */
        position: absolute;
        padding-right: 0;
    }
    /* Click + hover color */
    /*input:checked ~ label,*/ /* color current and previous stars on checked */
    /*label:hover, label:hover ~ label { color: #ffbd1e;  }*/ /* color previous stars on hover */
    
    /* Hover highlights */
    /*input:checked + label:hover, input:checked ~ label:hover,*/ /* highlight current and previous stars */
    /*input:checked ~ label:hover ~ label,*/ /* highlight previous selected stars for new rating */
    /*label:hover ~ input:checked ~ label*/ /* highlight previous selected stars */ /*{ color: #ffcc50;  }*/
    
    .progress{
        width: calc(100% - 80px);
        height: 5px;
        background: #c2c4e1;
        border-radius: 2px;
        margin-right: 10px;
        margin-bottom: 0 !important;
    }
    
    .progress_star{
        background: #23b445;
        width: 0px;
    }
    
    .row_star{
        margin-top: 7px;
        align-items: center;
        display: flex;
        /* justify-content: center; */
    }
    
    .star{
        width: 35px;
        display: inline-table;
    }
    
    .div-rate{
        align-items: center;
        display: flex;
        justify-content: center;
        margin-left: 15px;
        margin-right: 15px;
    }
    
    .item-discuss {
        float: left;
        width: 100%;
        /* margin-top: 5px; */
        /* padding-bottom: 5px; */
        /* border-bottom: 1px solid #dadada; */
    }
    
    .left-discuss {
        width: 20%;
        text-align: center;
        float: left;
    }
    
    .left-discuss > img {
        width: 60%;
        height: 60%;
        margin: 0 auto;
        border-radius: 180px;
        border: 1px solid rgba(1, 1, 1, .1);
    }
    
    .right-discuss-child {
        float: left;
        width: calc(88%);
        line-height: 1.5;
        margin-left: calc(12% - 10px);
        margin-top: 10px;
        font-size: .9em;
    }
    
    .right-discuss-child.right-discuss {
        float: left;
        width: calc(80% - 10px);
        line-height: 1.5;
    }
    
    .right-discuss-child.left-discuss.img {
        width: 50%;
        height: 50%;
        margin: 0 auto;
        border-radius: 180px;
        border: 1px solid rgba(1, 1, 1, .1);
    }
    
    .right-discuss {
        float: left;
        width: calc(80% - 10px);
        line-height: 1.5;
    }
    
    .right-discuss > div:nth-child(2) {
        font-size: 1em;
        color: rgba(1, 1, 1, .8);
    }
    
    .add-picture {
        display: inline-block;
        width: 50px;
        height: 50px;
        border: 1px solid gray;
        text-align: center;
        position: relative;
        margin-right: 4px;
    }
    
    .imgRate{
        width: 100%;
        height: 100%;
    }
    
    #viewmorerate{
        text-align: center;
        width: 100%;
        float: left;
        transition: inherit;
        margin-bottom: 10px;
        color: rgb(211, 84, 0);    
        display: none;
        font-size: 0.9em;
        /* font-style: italic;
        text-decoration: underline; */
    }
    
    #back2Top {
        width: 40px;
        overflow: hidden;
        z-index: 9999;
        display: none;
        margin: 8px !important;
        position: fixed;
        bottom: 0;
        /* bottom: 50px; */
        right: 0;
        border: 1px solid #aaa;
        border-radius: 3px;
    }
    
    #addCategory {
        width: 42px;
        overflow: hidden;
        z-index: 9999;
        display: none;
        margin: 8px !important;
        position: fixed;
        bottom: 0;
        /* bottom: 50px; */
        right: 0;
        /* border: 1px solid #aaa; */
        border-radius: 3px;
    }
    
    
    
    .owl-theme .owl-nav.disabled+.owl-dots{
        z-index: 999;   
        margin-top: 0px;
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
    }	
    
    .imgprice {
        width: 10px;
        margin-top: -2px;
    }
    
    .data-content {
        position: relative; 
    }
    
    .menu-affix-after {
        margin-bottom: 0px;
        /* position: fixed;  */
        position: absolute;
        /* position: sticky;
        position: -webkit-sticky; */
        top: 44px;
        left: 0;
        color: #333 !important;
        background-color: white;
        width: 100%;
        align-items: center;
        margin: 0;
        z-index: 999;
        text-align: center;
        vertical-align: middle;
        display: none;
    }
    
    /* .ios .menu-affix-after {
        margin-bottom: 0px;
        position: absolute;
        top: 44px;
        left: 0;
        color: #333 !important;
        background-color: white;
        width: 100%;
        align-items: center;
        margin: 0;
        z-index: 999;
        text-align: center;
        vertical-align: middle;
        display: none;
    } */
    
    .menu-affix {
        /* position: fixed;  */
        position: absolute;
        width: 100%;
        z-index: 999;
    }
    
    /* .ios .menu-affix {    
        position: absolute;
        width: 100%;   
    } */
    
    .img-loading {
        position: absolute;
        align-items: center;
        display: flex;
        justify-content: center;
        background: rgba(255, 255, 255, 0.77);
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }
    
    .color-white{
        color: white;
    }
    
    .div-width-50{
        width: 50%;
    }
    
    .img-width-25{
        width: 22%;
    }
    
    .div-center{
        align-items: center;
        display: flex;
        justify-content: center;
    }
    
    .zoom {
        width: auto !important;
        height: 400px;
        display: inline-block !important;
    }
    
    .jconfirm .jconfirm-box div.jconfirm-title-c{
        padding-bottom: 10px !important;
        margin-bottom: 10px;
        border-bottom: 0.5px solid rgba(85, 85, 85, 0.3);
    }
    
    .text-content{
        padding: 10px 10px 10px 10px;
        word-break: break-word;
    }
    
    .text-content table{
        width: auto !important;
    }
    
    .text-center-div {
        text-align: center;
        vertical-align: middle;
    }
    
    .navbar-toggle  {
        background-color: unset;
    }
    /* .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: unset;
    } */
    
    .navbar-toggle {
        border-color: #1d1d28 !important;
        margin-top: 5px !important;
        padding-bottom: 6px;
    }
    
    .navbar-collapse{
        background: #1d1d28;
    }
    
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #1d1d28;
    }
    
    .nav-item
    {
        color: white !important;
        text-align: left;
        font-size: 0.9em;
        opacity: 0.8;
    }
    
    .nav-item{
        border-bottom: 1px solid #ddd;
    }
    
    /* .nav-item:last-child{
        border-bottom: none;
    } */
    
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
        background-color: #286090;
    }
    .navmenu-right {
        margin: unset !important;
        /* margin: 7.5px -15px; */
    }
    
    .congtru {
        height: 26px;
        width: 26px;
        height: 26px;
        width: 26px;
        position: relative;
        align-items: center;
        display: flex;
        border: 1px solid #a9a9a9;
    }
    
    .divimgcart{
        position: absolute;
        top: 0;
        right: 55px;
        z-index: 999;
    }
    
    .dvamount{
        position: absolute;
        right: -10px;
        top: 3px;
        background: #8fc640;
        border-radius: 70px;
        font-size: 11px;
        min-width: 17px;
        line-height: 12px;
        padding: 1px 6px;
        text-align: center;
        vertical-align: middle;
    }
    
    .imgcart{
        width: 24px;
    }
    
    .buynow{
        background: #286090;
        width: 110px;
        color: white;
        border-radius: 5px;
        padding: 3px;
        text-align: center;
        margin-top: 5px;
    }
    
    .input-quantity{
        border: 1px solid #a9a9a9;
        border-radius: 0 !important;
    }
    
    .borderlogocompany{
        border: 1px solid #e2e2e2;
        border-radius: 7px;
    }
    
    .rowmargin0{
        margin: 0;
        margin-bottom: 15px;
        margin-top: 15px;
        overflow-x: hidden;
    }

    .center-div{
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }

    .icon-after-before{
        width: 30px;
    }

    .div-before-after{
        position: absolute;
        top: 50%;
        right: 0%;
        transform:
        translate(0%,-50%);
        /* margin-right: 7px; */
        display: -webkit-inline-box;
    }

    .divvXX{
        margin: 10px 5px 0px 5px;
        text-align: initial;
        height: 30px;
        position: relative;
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }

    .showday{
        align-items: center;
        display: flex;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .marginbt{
        margin-bottom: 50px !important;
    }

    .border-bottom-tr{
        border-bottom: 1px solid #cccccc;
    }

    .width-40{
        width: 40%;
    }

    .td-content{
        padding: 8px 0px;
        display: table-cell;
        text-align: left;
        vertical-align: top;
    }

    .menu-right{
        float: right;
        display: none;
        position: absolute;
        right: 0;
        top: 0;
    }