body 
{
    margin:0px; font-family:Arial;font-size:10pt
}
.tg_col1
{
    clear:both;width:160px;color:black;float:left;height:34px;padding-left:5px;
}
.tg_col1_lable
{
    padding-top:5px;font-weight:100 !important;font-family:Arial
}
.tg_col2
{
    float:left;height:20px;padding:0px;background:#FBF9F9;
}
.tg-wellcom
{
    color:red;
}
.tinh-gia
{
    position:relative; 
    /*background-image:url(../img/bg-tinh-gia.jpg); */
    height:440px;clear:both;border-top:solid 1px #d5d3d4;
}
.div-mota
{
    position:absolute ;height:374px; width: 330px; left:900px; border-left:solid 1px #d5d3d4;/*background-image:url(../img/img-tinh-gia-ke-soc.jpg);background-repeat:repeat-y;*/    
}
.div-mota-gia
{
    position:absolute ;height:374px; width: 100px; left:790px;/*background-image:url(../img/img-tinh-gia-ke-soc.jpg);background-repeat:repeat-y;*/    
}
.div-mota-giam
{
    position:absolute ;height:374px; width: 30px; left:730px;/*background-image:url(../img/img-tinh-gia-ke-soc.jpg);background-repeat:repeat-y;*/
    
}
.div-mota-tong-gia
{
    position:absolute ;height:30px; width: 400px; left:660px;top:375px;
}
.div-mota-tong-gia-nhap-giam
{
    position:absolute ;height:374px; width: 30px; left:860px;
}
.div-mota-tong-thanhtien
{
    position:absolute ;height:30px; width: 400px; left:660px; top:408px; /*left:714px;*/    
}
.div-mota-div
{
   height:32px; padding-left:2px; line-height:25pt;
}
.div-mota-div-lable
{
    padding-top:0px;
}
.div-mota-nguoiduyet
{
    position:absolute ;height:30px; width: 400px; left:0px;top:408px;
}
.dropdowndiv_li
{
    font-weight:normal
}
.select
{
    height:30px; width: 180px;
}
.select_max_w100
{
    height:30px; max-width:100px;
}
.select_max_w150
{
    height:30px; max-width:150px;
}
.select_1
{
    height:30px;
}
.select_80
{
    height:30px; width:80px;
}
.select_100
{
    height:30px; width:100px;
}
.select_150
{
    height:30px;width:150px;
}
.txt
{
    height:24px; width: 180px
}
.txt-nguoiduyet
{
    height:24px; width: 100%;
}
.txt-3
{
    height:24px; width:50px;
}
.txt-4
{
    height:24px; width:30px;
}
.mota-img
{
    height:30px; margin-right:5px; cursor:zoom-in;z-index:1000;
}
.mota-img:hover
{
    /*transform: scale(5);*/
}
.masr-body
{
    background:#a4ccf8; width:100%; /*min-height:500px; background-repeat:no-repeat;*/    
}
.masr-left-body-color
{
    background:#a4ccf8; min-height:35px; clear:both; font-size:18pt;
}
.masr-right-body-color
{
    float:right; font-size:12pt;padding-top:10px
}
.masr-left
{
    width:1%;
}
.masr-center
{
    width:98%; min-height:500px; background:white;
}
.masr-center-nomasr
{
    width:98%; min-height:500px; background:white;
}
.masr-right
{
    width:1%;
}
/*.masr-center input
{
    width:385px;height:30px;font-size:11pt;padding-left:10px;
}*/
.log-left
{
    width:400px; float:left;padding-bottom:20px;
}
.log-left-txt
{
    width:385px;height:30px;font-size:11pt;padding-left:10px;
}
.log-txt-50
{
    width:60px;height:30px;font-size:11pt;padding-left:10px;
}
.log-txt-335
{
    width:310px;height:30px;font-size:11pt;padding-left:10px;
}
.log-txt-345
{
    width:325px;height:30px;font-size:11pt;padding-left:10px;
}
.log-lbl
{
    padding:20px 0px 2px 0px;
}
.log-lbl1
{
    padding:17px 0px 2px 0px;color:Red;
}
.log-qmk
{
    float:right; padding:5px 0px 5px 0px;color:Blue;
}
.log-right
{
    width:400px; float:left;margin-left:50px;
}
.log-right-lbl
{
    padding:0px 0px 2px 0px;
}
.log-right-qmk
{
    height:14px; text-align:right;font-size:12pt;padding-bottom:5px;
}
.log-btn-hanmuc
{
    width:400px; background:#a4ccf8;margin:20px 0px 0px 0px;padding:10px 0px 0px 0px;height:40px;text-align:center;font-size:14pt;color:red;
}
.log-btn-tg
{
    width:200px; background:#f99a25;margin:20px 0px 0px 0px;padding:10px 0px 0px 0px;height:40px;text-align:center !important;font-size:14pt;color:White;cursor:pointer;
}
.log-btn-tg-parent
{
    position:fixed; bottom: 30px; left: 1%; width:100%;height:40px;
}
.log-btn-tg-dh
{
    width:200px; background:#f99a25;margin:5px 0px 0px 5px;padding:0px;height:35px;text-align:center !important;font-size:14pt;color:White;cursor:pointer;
}
.log-btn
{
    width:400px; background:#f99a25;margin:20px 0px 0px 0px;padding:10px 0px 0px 0px;height:40px;text-align:center;font-size:14pt;color:White;cursor:pointer;border-right:2px solid white;
}
.log-btn:hover
{
    width:400px; background:#e17f05;margin:20px 0px 0px 0px;padding:10px 0px 0px 0px;height:40px;text-align:center;font-size:14pt;color:White;cursor:pointer;
}
.log-btn-taogoi
{
    width:400px; background:#5faaf4;margin:20px 0px 0px 0px;padding:10px 0px 0px 0px;height:40px;text-align:center;font-size:14pt;color:White;cursor:pointer;border-right:2px solid white;
}
.log-btn-taogoi:hover
{
    width:400px; background:#026cd6;margin:20px 0px 0px 0px;padding:10px 0px 0px 0px;height:40px;text-align:center;font-size:14pt;color:White;cursor:pointer;
}
.log-btn-h30
{
    width:400px; background:#f99a25;margin:20px 0px 0px 0px;padding:10px 0px 0px 0px;height:35px;text-align:center;font-size:12pt;color:White;cursor:pointer;
}
.log-btn-h30:hover
{
    background:#e17f05;margin:20px 0px 0px 0px;padding:10px 0px 0px 0px;height:35px;text-align:center;font-size:12pt;color:White;cursor:pointer;
}
.log-btn-x-h30
{
    width:400px; background:#5bacf9;margin:20px 0px 0px 0px;padding:10px 0px 0px 0px;height:30px;text-align:center;font-size:12pt;color:White;cursor:pointer;
}
.log-btn-x-h30:hover
{
    width:400px; background:#a4cef6;margin:20px 0px 0px 0px;padding:10px 0px 0px 0px;height:30px;text-align:center;font-size:12pt;color:White;cursor:pointer;
}
.log-btn-xbg
{
    width:98%; background:#f99a25;margin:20px 0px 0px 0px;padding:10px 0px 0px 0px;height:40px;text-align:center;font-size:14pt;color:Black;cursor:pointer;clear:both
}
.log-btn-xbg:hover
{
    width:98%; background:black;margin:20px 0px 0px 0px;padding:10px 0px 0px 0px;height:40px;text-align:center;font-size:14pt;color:#f99a25;cursor:pointer;clear:both
}
.log-btn-xbg1
{
    width:100%; background:#f99a25;margin:0px 0px 0px 0px;padding:5px 0px 5px 0px;height:30px;text-align:center;font-size:14pt;color:Black;cursor:pointer;clear:both
}
.log-select
{
    height:30px;width:50px
}
.log-note-0
{
    height:25px;padding:5px;text-align:left;color:blue;float:left;font-weight:bold;
}
.log-note-1
{
    height:25px;padding:5px;text-align:right;font-style:italic; float:right;
}
.log-note-2
{
    height:30px;padding:5px 0px 5px 0px;border-top:solid 1px #d5d3d4;border-bottom:solid 1px #d5d3d4;text-align:left;font-weight:bold;clear:both;
}
.div-top
{
    background:#5ca8fc;height:30px;width:100%;text-align:center;
}
.top-div-logo
{
    clear:both;background: white; height: 98px; width: 100%;
}
.top-logo
{
    float: left; padding: 10px;background:white;
}
.top-menu-khachhang
{
    float:right;color:White;padding:5px;margin-left:5px;background:#5ca8fc;position:relative;font-size:10pt
}
.top-menu-khachhang1
{
    float:right;color:White;padding:5px;margin-left:5px;background:#f99a25;position:relative;font-size:10pt;border-top:solid 2px white;
}
.top-menu-khachhang:hover
{
    float:right;color:White;padding:5px;margin-left:10px;background:#f99a25;cursor:pointer;font-size:10pt;border-top:solid 2px white;
}
.top-menu
{
    float:right;color:White;padding:5px;margin-left:5px;background:#5ca8fc;position:relative;font-size:10pt;height:30px
}
.top-menu:hover
{
    /*float:right;color:White;font-weight:bold;padding:5px;margin-left:10px;background:#f99a25;cursor:pointer;font-size:10pt;*/
     background:white; color:#5ca8fc;border-top:solid 1px #f99a25;border-bottom:solid 1px #f99a25;cursor:pointer;
}
.top-menu1
{
    float:right;color:White;padding:5px;margin-left:10px;background:#f99a25;cursor:pointer;font-size:10pt;border-top:solid 1px white;border-bottom:solid 1px white;
}
.top-menu2
{
    float:left;color:White;font-weight:bold;padding:5px;margin-left:5px;background:#5ca8fc;position:relative;font-size:10pt
}
.top-menu2:hover
{
    float:left;color:White;font-weight:bold;padding:5px;margin-left:10px;background:#f99a25;cursor:pointer;font-size:10pt;border-top:solid 2px white;
}
.top-menu3
{
    color:White;padding:5px;margin-left:5px;background:#5ca8fc;position:relative;font-size:10pt;width:200px;
}
.top-menu3:hover
{
    color:White;padding:5px;margin-left:10px;background:#f99a25;cursor:pointer;font-size:10pt;border-bottom:solid 1px white;width:200px;
}
.tg-gia
{
    font-weight:bold;
}
.tg-gia-giam
{
    font-weight:bold;
}
.tg-gia-tong
{
    font-weight:bold; color:red;
}
.tg-title1
{
    font-size:15pt;
}
.tg-title1-cmnn
{
    font-size:15pt; background-image:url(../img/cmnn1.gif);height:50px;color:White;z-index:2000;
}
.tg-title2
{
    font-size:12pt; color:red; background:white;border-bottom:solid 2px #a4ccf8;clear:both;
}
.tg-title22
{
    padding:5px;
}
.tg-title22-cmnn
{
    padding:5px; background-image:url(../img/cmnn1.gif);color:White; font-weight:bold; /*opacity: 0.8;*/
}
.tg-title-voucher
{
    width:162px;float:left;color:Black; font-weight:bold;
}
.tg-txt-voucher
{
    width:180px;float:left;color:Black;
}
.cart-title
{
    width:98%; background:#fccb8e;margin:20px 0px 0px 0px;padding:5px 0px 0px 0px;height:30px;text-align:center;font-size:12pt;color:Black;clear:both;font-weight:bold;
}
.cart-title1
{
    color:blue; font-weight:bold;padding:10px 10px 0px 0px;
}
.cart-phi1
{
    padding:20px 5px 0px 0px; font-weight:bold;clear:both;
}
.cart-phi1-display-none
{
    padding:20px 5px 0px 0px; font-weight:bold;clear:both;display:none;
}
.cart-phi1-lbl2
{
    color:gray; font-weight:bold
}
.cart-phi1-lbl
{
    color:Red; font-weight:bold
}
.cart-phi1-lbl-1
{
    color:Red;
}
.cart-phi1-lbl-2 {
    color: Blue;
}
.cart-div-hidden
{
    display:none;
}
.cart-div-show
{
    padding-top:5px;
}
.cart-phi1-1
{
    width:160px; float:left;
}
.cart-phi1-2
{
    width:500px; float:left;
}
.cart-phi1-2-1
{
    width:700px; float:left;
}
.cart-phi1-3
{
    width:100px; float:left;
    height: 30px;
}
.cart_phi1_2_txt
{
    width:220px;float:left;
}
.cart-drop
{
    height:30px; width:200px;
}
.cart-btn
{
    width:100px; background:#f99a25;padding:5px 0px 5px 0px;height:30px;text-align:center;font-size:12pt;color:White;cursor:pointer;
}
.cart-btn:hover
{
    width:100px; background:#e17f05;padding:5px 0px 5px 0px;height:30px;text-align:center;font-size:12pt;color:White;cursor:pointer;
}
.cart-btn-1
{
    width:100px; background:#f99a25;padding:5px 0px 5px 0px;height:20px;text-align:center;font-size:12pt;color:Black;cursor:pointer;
}
.cart-btn-1:hover
{
    width:100px; background:#e17f05;padding:5px 0px 5px 0px;height:20px;text-align:center;font-size:12pt;color:Black;cursor:pointer;
}
.cart-btn-2
{
    width:80px; background:#f99a25;padding:5px 0px 5px 0px;height:21px;text-align:center;font-size:10pt;color:Black;cursor:pointer;
}
.cart-btn-2:hover
{
    width:80px; background:#e17f05;padding:5px 0px 5px 0px;height:21px;text-align:center;font-size:10pt;color:Black;cursor:pointer;
}
.txt-upper
{
    text-transform:uppercase;
}
.cart-macode
{
    color:Red;text-transform:uppercase;
}
.cart-grid-phantram
{
    color:Blue;
}
.cart-grid-thanhtien
{
    
}
.cart-tb-soluong
{
    border-radius: 25px; position:absolute;top:0px;right:-10px;background:#f99a25;color:White;width:20px;height:20px;
}
.cart-thanhtoan-title
{
    font-weight:bold;
}
.cart-sub
{
    clear: both; padding-top: 5px
}
.cart-sub-title
{
    float: left; width: 150px;
}
.cart-sub-title-print
{
    float: left; width: 300px;
}
.cart-sub-title-right
{
    float: left; width: 200px;
}
.cart-sub-title-right-print
{
    float: left; width: 100px;
}
.cart-sub-div-txt
{
    float: left; width: 250px; border-bottom:solid 1px white;
}
.cart-sub-div-txt-print
{
    float: left; width: 200px; border-bottom:solid 1px white;
}
.cart-sub-txt
{
    width: 100%; height: 25px
}
.cart-view-detail
{
    height:25px; width:25px; cursor:pointer; border:0px;
}
.cart-tb-dangnhap
{
    margin-top: 5px; color:Blue;
}
.cart-drop
{
    width:226px; height:30px;
}
.checkboxFive {
    width: 25px;    
    position: relative;
    right:0; top:0;
}
.checkboxFive label {
    cursor: pointer;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0;
    background: #eee;
    border:1px solid #ddd;
}
.checkboxFive label:after {
    opacity: 0.2;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 6px;
    left: 7px;
    border: 3px solid #333;
    border-top: none;
    border-right: none;

    transform: rotate(-45deg);
}
.checkboxFive label:hover::after {
    opacity: 0.5;
}
.checkboxFive input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.logo-mt
{
    height:20px;/*background-image:url(../img/logo2.png);*/
}
.op-title-1
{
    width:40px;
}
.op-title-2
{
    width:20px;
}
.op-title-3
{
    width:120px;
}
.op-title-4
{
    width:120px;
}
.op-choncachthanhtoan
{
    position:absolute; top: 7px; left: 5px; width:250px; color:Blue;display:none;
}
.h-10
{
    height:10px;
}
.h-20
{
    height:20px;
}
.h-25
{
    height:25px;
}
.h-30
{
    height:30px;
}
.w-10
{
    width:10px;
}
.w-20
{
    width:20px;
}
.w-30
{
    width:30px;
}
.w-50
{
    width:50px;
}
.w-100
{
    width:100px;
}
.w-185
{
    width:185px;
}
.w-200
{
    width:200px;
}
.w-15pt
{
    width:15%; 
}
.w-20pt
{
    width:20%; 
}
.w-30pt
{
    width:30%; 
}
.w-40pt
{
    width:40%; 
}
.w-50pt
{
    width:50%; 
}
.w-60pt
{
    width:60%; 
}
.w-70pt
{
    width:70%; 
}
.w-75pt
{
    width:75%; 
}
.w-80pt
{
    width:80%; 
}
.w-90pt
{
    width:90%; 
}
.w-95pt
{
    width:95%; 
}
.w-100pt
{
    width:100%; 
}
.h-20
{
    height:20px;
}
.h-25
{
    height:25px;
}
.h-30
{
    height:30px;
}
.pd-10
{
    padding:10px
}
.pd-15
{
    padding:15px
}
.pd-t-10
{
   padding-top:10px; 
}
.pd-t-5
{
   padding-top:5px; 
}
.pd-t-1
{
   padding-top:1px; 
}
.pd-r-5
{
   padding-right:5px; 
}
.pd-r-10
{
   padding-right:10px; 
}
.pd-b-10
{
   padding-bottom:10px; 
}
.pd-b-5
{
   padding-bottom:5px; 
}
.pd-l-10
{
   padding-left:10px; 
}
.pd-l-15
{
   padding-left:15px; 
}
.pd-l-2
{
   padding-left:2px; 
}
.pd-l-5
{
   padding-left:5px; 
}
.pd-l-10
{
   padding-left:15px; 
}
.progressp
{
    position: fixed;
    width:100%;
    height:2000px;
    left: 0;
    top: 0;
    text-align:center;
    background:white;
    opacity:0.8;
    z-index:2000;
}
.progress
{
    width:400px;
    height:300px;
    position: fixed;
    left: 20%;
    top: 20%;    
    z-index:2000;
}
.progressp1
{
    position: fixed;
    width:100%;
    height:2000px;
    left: 0;
    top: 0;
    text-align:center;
    background:white;
    opacity:0.5;
    display:none;
    z-index:2000;
}
.progress1
{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index:2000;
}
.chonsp_select
{
    background:#f79634;
}
.chonsp_noselect
{
    background:white;
}
#div_lbl1_tsp
{
    position:absolute;top:-30px;left:410px;width:400px;height:25px;display:none;color:Blue;
}
.menu_khachhang
{
    z-index:100; position:relative;
}
#menu_navbar
{
    z-index:1000; clear:both; position:absolute; width:240px;height:300px;border:solid 1px white;display:none;background:white;text-align:left;
    background:#5ca8fc;top:25px;left:0px;
}
.thuvienanh_tieude_nhom
{
    width:200px; height:30px;background-image: linear-gradient(to right,#f99a26, #fde9d0);font-weight:normal;cursor:pointer
}
.thuvienanh_tieude_nhom_1
{
    width:500px; height:30px;background-image: linear-gradient(to right,#f99a26, #fde9d0);font-weight:normal;cursor:pointer
}
.thuvienanh_tieude_nhom:hover
{
    width:200px; height:30px;background-image: linear-gradient(to right,#fde9d0, #f99a26);font-weight:normal;cursor:pointer;font-weight:bold;
}
.thuvienanh_tieude_nhom_lienquan
{
    /*width:304px; */
    width:100%;
    height:30px;background-image: linear-gradient(to right,#f99a26, #fde9d0);font-weight:normal;cursor:pointer;
}
.thuvienanh_tuychon
{
    width:100%; height:100px;background-image: linear-gradient(to right,#f99a26, #fde9d0);text-align:center
}
.thuvienanh_tuychon img
{
    width:120px;padding-top:10px
}
.thuvienanh_tieude
{
    color:Blue; font-weight:bold;text-align:left !important;cursor:pointer;
}
.thuvienanh_tieude:hover
{
    color:red; font-weight:bold;text-align:left;cursor:pointer
}
.thuvienanh_mota
{
    text-align:justify; font-weight:normal;
}
.thuvienanh_xem
{
    color:#f77605; text-align:right;cursor:pointer
}
.thuvienanh_xem:hover
{
    color:blue; text-align:right;cursor:pointer
}
.thuvienanh_hinh
{
    padding-bottom:10px; width:200px
}
.thuvienanh_hinh_1
{
    width:100%; clear:both; text-align:justify
}
.thuvienanh_hinh_1_img
{
     width:150px;height:150px; padding:5px;
}
.thuvienanh_hinh_1_div
{
    float:left;
}
.thuvienanh_hinh_mota
{
    width:100%
}
.thuvienanh_hinh img
{
    width:900px; border:solid 1px gray;
}
.thuvienanh_video
{
    text-align:center;width:100%
}
.thuvienanh_video1
{
    text-align:center;width:100%
}
.thuvienanh_hinh_right_ct
{
    width:150px;padding:5px
}
.thuvienanh_div_right
{
    padding-bottom:10px
}
.fl
{
    float:left
}
.fr
{
    float:right
}
.mt-1
{
    margin-top:1px;
}
.mt-2
{
    margin-top:2px;
}
.mt-5
{
    margin-top:5px;
}
.mt-10
{
    margin-top:10px;
}
.ml-5
{
    margin-left:5px;
}
.ml-10
{
    margin-left:10px;
}
.mr-5
{
    margin-right:5px;
}
.mb-20
{
    margin-bottom:20px;
}
.mall-5
{
    margin:5px;
}
.mall-10
{
    margin:10px;
}
.pd-2
{
    padding:2px;
}
.txt-align-l
{
    text-align:left;
}
.txt-align-r
{
    text-align:right;
}
.txt-align-justify
{
    text-align:justify;
}
.txt-align-center
{
    text-align:center;
}
.bord-t
{
    border-top:solid 1px #f99a26
}
.w-99
{
    width:99%;
}
.w-98
{
    width:98%;
}
.bg-gray
{
    background:#edebeb
}
.photolibrary img
{
    width: 30%
}
.clear-both
{
    clear:both
}
.frame_chonsp
{
    float: left; position: absolute; top: 30px; left: 0px; width: 1100px; z-index: 300; font-weight:100 !important
}
.frame_chonsp1
{
    width: 100%; z-index: 300; font-weight:100 !important
}
.font-small-100
{
    font-weight:100 !important
}
.frame-tinh-gia
{
    border:solid 1px red;
}
.divbody
{
    background-image:url(../img/bg-tinh-gia.jpg)
}
.divbody input
{
    height:30px
}
.postion-relative
{
    position:relative
}
.postion-absolute
{
    position:absolute; left:0; top: 0;
}
.postion-left-g5
{
    left: -5px;
}
.border-bottom-solid
{
    border-bottom:1px solid red;height:2px;
}
.color-blue
{
    color:Blue
}
.txt-ten-sanpham
{
    /*width:100%;height:30px;background:green*/
    font-family:Arial;
    padding-left:5px;
}
.z-index-2000
{
    z-index:2000;
}
.extra-col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-0-3 {
  @extend .extra-col;
  flex: 0 0 3%;
  max-width: 3%;  
 
}
.col-0-5 {
  @extend .extra-col;
  flex: 0 0 3%;
  max-width: 3%;  
}
.height-34
{
    height:34px;width:100%
}
.height-50
{
    height:80px;
}
.height-100
{
    height:100px;
}
.btn_xemqc
{
    
}
.height-dh
{
    height:45px
}

.btndh
{
    position: fixed;	
	bottom: 0;
	left: 0;
	z-index: 9999;
	display: block;
	width: 100%;
	text-align: right;
	background: rgba(12,12,12,0.8);
	margin: 0px;
}
.height-mobile-gc
{
    height:auto;
}
.top_diachi_mobile
{
    display:none;
}
.wrap-no
{
    white-space:nowrap
}
.font-weight-bold
{
    font-weight:bold;
}