﻿body {
    background-color:#fff;
}    
.side-bartop {
    display:none;
}
.sticky-sidebar {
    display:none;
}
#maincontentbody {
    padding-top:10px;background-color:#fff;
}
#divbodybuild {
    max-width:1200px; margin:auto; padding:16px;
}
#contentbuildcase {
    max-width:1200px; margin:auto;
}
#previewdonhang {
        width:80%; margin:auto;
    }
#tablecontent {
    border:solid 1px #f0f0f0;
}
#tablecontent1 {
    border:solid 1px #f0f0f0;
}
.menungang {
    border-bottom:solid 1px #f0f0f0; background-color:#f8f8f8;
}
#divcontent {
    border:solid 1px #f0f0f0;
}
.titlexaydungcauhinh {
    padding:10px; font-size:16px; color:#000;
}
.titlebarlist {
    font-size:16px; padding:10px;
}
.tblcontent {
    width:30%;margin:auto;padding:5px;
}
.intblcontent {
    float:left;
}
.txtselectlist {
    /*float:left; padding-right:20px;width:300px;border-right:solid 1px #f0f0f0;padding-top:10px;*/
    width:300px; border-left:solid 1px #f0f0f0; padding:10px; font-size:16px;
}
.listeslect {
    width:300px; border-left:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0; background-color:#f8f8f8;
}
.listtopmenu {
    float:left; padding-right:20px;padding-top:10px;
}
.titlethuoctinh {
    font-weight:bold; float:left; width:20%;padding:15px 0px 15px 0px;border-right:solid 1px #cccccc;margin-left:10px;
}
#stepselect {
    font-weight:bold; padding:10px; text-transform:uppercase;float:left;
}
#idstepselect {
    font-weight:bold;  text-transform:uppercase;padding:10px
}
.divnext {
    float:right;
}
#btnboqua {
    cursor:pointer; color:#12649b; font-size:14px; padding:10px; text-decoration:underline;
}
.btndatmua {
    cursor:pointer; float:right;color:#f8f8f8;width:20%;font-size:16px;background-color:#085c94;padding:10px;margin:6px;border-radius:4px;text-align:center;
}
    .btndatmua img {
         max-height: 16px;max-width: 16px;background-color:#fff;text-align:center;margin:auto;
    }

.btntaiexcel {
    cursor:pointer; float:right;color:#f8f8f8;width:20%;font-size:16px;background-color:#085c94;padding:10px;margin:6px;border-radius:4px;text-align:center;display:block;
}
    .btntaiexcel img {
         max-height: 16px;max-width: 16px;background-color:#fff;text-align:center;margin:auto;
    }
.divxemvain {
    cursor:pointer; color:#f8f8f8;float:right;width:16%;font-size:16px;background-color:#085c94;padding:10px;text-align:center;margin:6px;border-radius:4px;
}
.divinbaogia {
    cursor:pointer; color:#f8f8f8;float:right;width:16%;font-size:16px;background-color:#085c94;padding:10px;text-align:center;margin:6px;border-radius:4px;display:none;
}
.btninbaogia {
    cursor:pointer; float:left;color:#f8f8f8;width:12%;font-size:16px;background-color:#085c94;margin:6px;border-radius:3px;
}
.divtaianh {
    cursor:pointer;color:#f8f8f8;float:right;width:14%;font-size:16px; background-color:#085c94;padding:10px;text-align:center;margin:6px;border-radius:4px;
}
.itemlistattributebuild1 {
    cursor:pointer;float:left;width:98%; border-left:solid 1px #cccccc;border-right:solid 1px #cccccc;border-bottom:solid 1px #cccccc;
}
.itemlistattributebuild0 {
    cursor:pointer;float:left;width:98%;background-color:#f8f8f8;border-left:solid 1px #cccccc;border-right:solid 1px #cccccc;border-bottom:solid 1px #cccccc;
}
.tuychonbuildcauhinh {
    width:80%;margin:auto;/*border-bottom:solid 1px #cccccc;border-left:solid 1px #cccccc;border-right:solid 1px #cccccc;*/
}
.intuychonbuildcauhinh {
    padding:0 12px;
}
.divnoidungcauhinh {
    width:100%; border-spacing:0;background-color:#f8f8f8;
}
.indivnoidungcauhinh {
    float:left; background-color:#f8f8f8;width:100%; border-left:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0; padding:10px;
}
#divgiohang {
    display:none;
}
#tableincontent {
    border-spacing:0; width:100%;padding:0 12px;
}
#outleftcolumns {    
}
.indivlistfilter {
    margin: 0 11px 0 5px;padding: 0px 0 12px 0;
}
.indivlistfilter ul {
    margin:0; padding:0; 
}
    .indivlistfilter ul li {
        padding:0; margin:0; overflow:hidden; display:list-item; list-style: none; padding-left:4px; border-bottom:solid 1px #fffefe; font-family:Roboto; font-size:13px;
    }
.checkboxinlist {
    background:url(../Images/checkbox.png) no-repeat center left; color:#5c5c5c;padding:3px; margin:3px;  padding-right:10px; padding-left:24px;  cursor:pointer;
}
    .checkboxinlist:hover {
        color:red;background:url(../Images/checked.png) no-repeat center left;
    }
    .checkboxinlist span {
        font-weight:bold; text-transform:uppercase; color:#000;
    }
    .checkboxinlist  span img {
        height:32px;display:block;
    }
.activecheck {
    color:red;background:url(../Images/checked.png) no-repeat center left;
}
.extravaluefitler {
    display:none;
}
.divimglistypeitem {
    padding-top:8px;float:left;
}
.divimglistypeitem img {
    max-width:100%; display:block;max-height:120px;float:left;
}
.itemdescriptionlisttype {
    font-weight: bold;padding: 6px;
}
.priceitemlistype {
    font-weight:bold; color:red; font-size:15px;padding-left:5px;
}
.btnchonsanphambuild {
     cursor:pointer;  padding:3px 8px 3px 8px;float:left;border-radius:3px;font-weight:bold;min-width:60px;text-align:center;font-size:24px;
     font-family:'Material Icons';text-transform:none;color:#fff;background-color:#085c94;
}
.divbtnchonsanphambuild {
     cursor:pointer;  padding:5px 8px 5px 8px;float:left;border-radius:3px;font-weight:bold;min-width:60px;text-align:center;font-size:24px;
     font-family:'Material Icons';text-transform:none;
}
.indivbtnchonsanphambuild {
    color:#fff;background-color:#085c94;width:100%;border-radius:3px;
}
    .btnchonsanphambuild img {
     max-height: 32px;max-width: 32px;
    }
.inimgchonsanphambuild {
    background-color:red;width:100%;border-radius:3px;
}
    .inimgchonsanphambuild img {
        max-height:20px; max-width:20px;padding-top:6px;font-weight:bold;
    }
.activeselect {
  background:url(../Images/add_ite.png) no-repeat center left;
}
.listitemthuoctinh {
    line-height:20px;float:left;width:60%;font-size:14px;
}
.itemdachon  {
    width:100%; float:left;
}
.tilea {
    padding:10px 0px 10px 0px;margin-top:5px;
}
.tablitemselected {
    width:100%;
}
.tensanphamdachon {
    float:left;padding:6px;width:48%;
}
.giasanphamdachon{
    color:red; font-weight:bold;float:left;width:11%;padding:6px 0px;
}
.qtyspdachon {
    float:left;width:14%;padding:6px 0px;margin-left:3px;margin-right:3px;
}
#initemdachon .inqtyspdachon table {
    width: 86px;border: solid 1px #b2b2b2;margin: auto;
}
#initemdachon .qtyspdachon table td {
    padding: 0;text-align: center;padding-top: 2px;padding-bottom: 2px;cursor: pointer;
}
#initemdachon table td input {
    width: 30px;border: none;    text-align: center;
}
.thanhtien {
    color:red; font-weight:bold;float:left;width:14%;padding:6px 3px;
}
.xoasanphamdachon {
    float:left;width:8%;padding:6px 0px;
}
.xoasanphamdachon a {
    color:#12649b; text-decoration:underline; padding:0 5px;
}
.xoasanphamdachon img {
    cursor:pointer; text-align:left; width:20px;height:20px;
}
.dongiathanhtien {
    border:solid 1px #000; border-right:none;padding:10px; font-weight:bold;float:left;width:20%;
}
.noidungbuild {
    float:left;padding:10px;
}
.headerdetailbuild {
    float:left;
}
.notebottom {
    float:left;padding-top:6px;
}
.innotebottom {
    float:left;padding:3px;
}
/*viewcauhinh*/
#allgiohang {
      padding:10px;
}
#listitemincart {
    box-shadow:0 0 2px rgba(0, 0, 0, 0.18); margin:1px; border-radius:3px; background-color:#fff;
}
#listitemincart table {
     width:100%; border-spacing:0; border:solid 1px #696969; border-bottom:none;
}
    #listitemincart table th {
        padding:10px;text-align:left;
    }
    #listitemincart table td {
        font-size:14px; vertical-align:middle; border-bottom:solid 1px #696969; border-right:solid 1px #696969; padding:0;
    }
    #listitemincart table tr:last-child td{
        border-bottom:none;
    }
    #listitemincart table tr td:last-child {
        border-right:none;
    }
        #listitemincart table td img {
            width:100%;
        }
        #listitemincart table td input {
            width:30px; border:none; text-align:center;
        }
#listitemincart .divquantitygiohang {
    margin:auto;
}
    #listitemincart .divquantitygiohang table {
        width:100px; border:solid 1px #f0f0f0; margin:auto;
    }
        #listitemincart .divquantitygiohang table td {
            padding:0; text-align:center; padding-top:6px; padding-bottom:6px; cursor:pointer;
        }
.listitemincart .rowincart:first-child {
    background-color:#d9d9d9;
}
.giagiohang2 {
    padding: 10px;border-right: solid 1px #696969;height: 30px;overflow: hidden;float: right;
}
.thanhtien2 {
    padding: 8px;height: 28px;overflow: hidden;padding-top: 14px;float: right;
}
.indivnumitemcolincart {
    height: 30px;overflow: hidden;border-right: solid 1px #696969;padding: 10px;
}
.giagiohang {
    height: 30px;border-right: solid 1px #696969;overflow: hidden;padding: 10px;text-align:center;
}
.lineamount {
    height:30px;padding:10px;overflow: hidden;text-align:center;

}
.listitemincart .rowincart:first-child .indivdescriptioncolincart, .indivnumitemcolincart{
    text-align:center;
}
    /*.listitemincart .rowincart:first-child .giagiohang {
        font-weight: normal;color: #333;font-size:inherit;overflow: hidden;text-align:center
    }*/
.listitemincart .rowincart:first-child .tuychon
{
    padding:8px;text-align:center;
}
.divdescriptioncolincart {
    width:40%;float:left;
}
.divbaohanhcolincart {
    width:15%;float:left;
}
.indivbaohanhcolincart {
    height: 30px;overflow: hidden;border-right: solid 1px #696969;padding: 10px;
}
.divnumitemcolincart {
    width:10%; float:left;
}
.divpriceitemincart {
    width:15%; float:left;
}
.indivdescriptioncolincart {
    height:30px;overflow:hidden; border-right:solid 1px #696969;padding:10px; 
}
.divtoplistitemincart {
    border-right:solid 1px #696969;border-left:solid 1px #696969;border-bottom:solid 1px #696969;width:796px;margin:auto;
}
.divnumtotalamount {
    width:25%;padding:10px;float:right;
}
.divnumtotalamount span{
    font-style:italic;color:red;font-size:16px;
}
.texttotalamount {
 width:70%;padding:10px;font-style:italic;color:red;font-size:16px;
}
    .texttotalamount div:first-child {
        float:right;
    }
.tongtiengiohang{
    padding:10px;
}
/*endviewcauhinh*/
/*#previewdonhang {
    display:none; padding-top:30px; padding-bottom:30px;float:left;
}*/
.topinpreviewdonhang {
}
.imglogoinbuild {
    padding:8px;width:30%;float:left;
}
.indivimglogoinbuild img {    
    max-width:100%;
}
.titleinpreviewdbuild {
    float:right;padding-left:6px;width:60%;
}
.intitleinpreviewdbuild {
    padding:4px;float:right;
}
.titlenamecty {
    font-weight:bold; font-size:22px; color:#f00; padding-bottom:6px;
}
.detailaddress{
    color:#6c6b6b; padding:2px;float:right;
}
.titlebangbaogia {
    font-weight:bold; font-size:22px; text-align:center; padding:15px; padding-top:25px;margin:auto;border-top:solid 1px #a7a7a7;
}
.titlea {
    font-size:13px; font-weight:bold; padding-bottom:5px; text-align:center; padding-top:20px;
}
.titlstt {
    width:40px; border:solid 1px #000; border-right:none; padding:6px; font-weight:bold;float:left;
}
.titlname {
    border:solid 1px #000; border-right:none;padding:6px; font-weight:bold;float:left;
}
#tbldanhsachsanpham {
    border:solid 1px #f0f0f0; width:100%; border-spacing:0;
}
    #tbldanhsachsanpham tr td {
        padding:8px; border-bottom:solid 1px #f0f0f0; border-right:solid 1px #f0f0f0;
    }
    #tbldanhsachsanpham tr:first-child td {
        font-weight:bold; background-color:#f8f8f8;
    }
    #tbldanhsachsanpham tr td:last-child {
        border-right:none;
    }
    #tbldanhsachsanpham tr:last-child td {
        border-bottom:none;
    }
#divselectimagebom {
    position:fixed; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.73); z-index:30; top:0; left:0;
}
#btnluubomcauhinh {
    width:50%; float:left;
}
    #btnluubomcauhinh div {
        margin:4px; padding:8px; background-color:#12649b; color:#fff; cursor:pointer; border-radius:4px;text-align:center;
    }
#btndongluubom {
    width:50%; float:left;
}
#btndongluubom div {
        margin:4px; padding:8px; background-color:#5c5c5c; color:#fff; cursor:pointer; border-radius:4px; text-align:center;
    }
#indivselectimagebom {
    width:400px;  padding:20px; background-color:#fff; border-radius:3px; margin:auto;margin-top:100px;
}
#bottomtienich {
    display:block; 
}
.txtheader {
    text-transform:uppercase; font-size:18px;color:#fc1414; padding-top:10px;float:left;
}
.txtseleclinhkien {
    text-transform:uppercase; font-size:18px;color:#fff;font-weight:bold; padding-top:10px;height:30px;background-color:#ff6161;padding:5px 5px 5px 10px;
    position:relative;
}
.mainselect {
    width:100%;margin:auto;
}
.lefttuychoncauhinh {
    width:20%; padding:5px;border-right:solid 1px #f0f0f0;margin-top:10px;float:left;
}
.rightuychoncauhinh {
    width:20%;
}
.mainatuychoncauhinh1 {
    width:79%;float:left;
}
.indivloaditemgame {
    width:75%;float:left;
}
.divloadfilterbycategorygame {
    width:25%;float:left;
}
.chitietsanpham {    
    float:left;height: calc(100vh - 160px);overflow-y: scroll;width:99%;
}
.chitietsanpham1 {
    float:left;height: calc(100vh - 160px);overflow-y: scroll;
}
.loadallfilter {
    height: calc(100vh - 160px);overflow-y: scroll;
}
#outcollumnfilter .filter {
    width:28%;float:left;padding:10px;
}
.divimginloadlist {
    width:25%; vertical-align:top;float:left;
}
.divdescripitem {
    float:left;width:55%;padding:5px;
}
.itemattributeshortlisttype {
    padding-left:5px;padding-bottom:5px;
}
.itemattributestonkho{
    padding-left:5px;padding-bottom:5px;
}
.slitem {
    float:left;width:80px; padding:5px;
}
.initeminhomelist {
    width:96%;float:left;padding:5px;
}
.divmanufacturer {
    float: left;width: 50%;padding: 3px 0;cursor: pointer;
}
    .divmanufacturer div {
        height: 30px;display: block; 
    }
.loadmanufacturer {
 display:inline-table; width:45%; height:32px;vertical-align:middle;
}
.main-contentbackground {
    display:none;
}
.chooseitemtobuild {
    width:800px;margin:auto;background-color:#fff;border-radius:3px; 
}
    .chooseitemtobuild div {
        padding:10px;
    }
    .chooseitemtobuild span {
        padding:10px;font-weight:bold;
    }    
        .chooseitemtobuild img {
        width:24px;height:24px;cursor:pointer;
        padding-top:-6px;float:right;
    }
.inpreviewdonhang {
    border-spacing:0;   padding-bottom:10px;width:800px;margin:auto;
}
.LoadListCategoryToBuid {
    margin-top:10px;float:left;margin:auto;width:100%;padding:10px;
}
.showlistitem {
    float:left;padding-left:10px;padding-bottom:6px;padding-top:6px;width:15%;
    /*background: #d0021b;color: #fff;padding: 4px 1px;font-size: 12px;text-align: center;display: inline-block;margin-left: 15px;*/
    }
.showlistitemrespon {
    float:left;padding-left:10px;padding-bottom:6px;padding-top:6px;width:20%;display:none;
    /*background: #d0021b;color: #fff;padding: 4px 1px;font-size: 12px;text-align: center;display: inline-block;margin-left: 15px;*/
    }
.indivshowlistitem {
    color:#ffffff;background: #085c94;padding:6px;border:solid 2px #efefef;border-radius:6px;display:block;
}
.indivshowlistitemrespon {
    color:#ffffff;background: #085c94;padding:6px;border:solid 2px #efefef;border-radius:6px;display:none;text-align:center;font-size:20px; font-weight:bold;
}
.indivshowlistitem1 {
    display:none;
}
    .indivshowlistitem1 img {
        cursor: pointer;text-align: left;width: 20px;height: 20px;
    }
#divlistprovince {
    background-color:rgba(0, 0, 0, 0.60); position:fixed; z-index:10000000000000; top:0; left:0; width:100%; height:100%; display:none;
}
.divlistprovince {
    display:none;
}
.fadeoutselectitem {
    position: absolute;    right: 4px;    top: 4px;    cursor: pointer;}
    .fadeoutselectitem div {
        padding:10px;
    }
    .fadeoutselectitem span {
        padding:10px;font-weight:bold;
    } 
        .maintuychoncauhinh .fadeoutselectitem img {
        width:36px;height:36px;cursor:pointer;padding-right:0px;
        float:right;
    }

.maintuychoncauhinh {
   /* background-color:#fff; position:fixed; z-index:10000000000000; top:5px;  width:80%; height:80%; display:none;margin:auto;border:solid 1px #f0f0f0;bottom:30px;*/
   background-color:rgba(0, 0, 0, 0.60); position:fixed; z-index:10000000000000; top:0; left:0; width:100%; height:100%; display:none;   
}
.inmaintuychoncauhinh {
    width:80%;margin:auto;background-color:#fff;margin-top:25px;
}
#indivlistprovince {
    max-width:500px;  text-align:center;  margin:auto;  position:relative;
}
.divlistprovince {
    display:none;
}
#divpageindex {    
    padding: 10px;width: 550px;margin: auto;float:right;
}
.titleitemattributefilter {
    /*float:left; text-transform:uppercase;hien201021*/
    padding: 12px;text-transform: uppercase;color: #333;font-size: 13px;font-weight: bold
}
.divlistitemfilterinattribute {
    /*float:left;hien20201021*/
    margin: 0 11px 0 5px;padding: 0px 0 12px 0;
}
#inrighcolumnincategorypage {
    background-color:#fff; min-height:200px; margin-left:10px;
}.itemvaluefilterinattribute .initemvaluefilterinattribute div img
#divlistattributefilterselect {
    background-color:#edebeb;
}
.itemvaluefilterinattribute {
    float:left; width:50%;  padding:3px 0; cursor:pointer;
}
    .itemvaluefilterinattribute .initemvaluefilterinattribute {
        padding:5px 1px 5px 6px;
    }
        .itemvaluefilterinattribute .initemvaluefilterinattribute .uncheckitem {
            background:url(../Images/unchecknew.png) no-repeat center left; padding-left:24px; color:#4a90e2;
        }
        .itemvaluefilterinattribute .initemvaluefilterinattribute .checkeditem {
            background:url(../Images/checkednew.png) no-repeat center left; padding-left:24px; color:#4a90e2;
        }
            .itemvaluefilterinattribute .initemvaluefilterinattribute div img {
                height:26px; display:block;
            }
#divlistitemload {
     border-left:solid 1px #f0f0f0;  background-color:#fff;
}
#divlistitemloadgame {
    border-left:solid 1px #f0f0f0;  background-color:#fff;display:none;
}
.chitietsanphamga {    
    float:left;padding:10px;height: calc(100vh - 160px);overflow-y: scroll;width:70%;
}
#uldivlistitemload {
    padding:0; margin:0; width:100%;
}
#uldivlistitemload .itemviewinlistitemgalary {
    display:inline-block; margin-left:0!important; list-style:none; padding:0; margin:0; width:25%;
    float:left;
}
#uldivlistitemload .itemviewinlistitemgalary .initemviewinlistitemgalary {
    border-bottom:solid 1px #f0f0f0; border-right:solid 1px #f0f0f0;  position:relative; height:350px; overflow:hidden;
}
.divlistitemload {
     border-left:solid 1px #f0f0f0;  background-color:#fff;
}
.uldivlistitemload {
    padding:0; margin:0; width:100%;
}
.uldivlistitemload .itemviewinlistitemgalary {
    display:inline-block; margin-left:0!important; list-style:none; padding:0; margin:0; width:25%;
    float:left;
}
.uldivlistitemload .itemviewinlistitemgalary .initemviewinlistitemgalary {
    border-bottom:solid 1px #f0f0f0; border-right:solid 1px #f0f0f0;  position:relative; min-height:220px;
}
.tragopinitemv1 {
    border-radius:4px; padding:6px; position:absolute; top:8px; right:6px; background-color:#fbda00; color:#000; font-size:11px;
}
.imageitemviewv1 {
    /*padding-bottom:15px; height:150px; padding-top:30px;*/
    max-width: 100%;display: block;max-height: 120px;float: left;
}
.imageitemviewv1 img{
    /*max-width:100%; display:block; margin:auto;  max-height:120px;*/    
        max-width: 100%;display: block;max-height: 120px;float: left;
}
.manufacturerinitem {
    /*padding:0 5px; font-size:12px; color:#333;overflow:hidden; font-weight:bold; text-transform:uppercase; line-height:18px;*/
    float:left;width:55%;padding:5px;
}
.manufacturerinitem img {
    height:24px;  text-align:left; vertical-align:middle;
}
.giabaninitemv1 {
    color:#d0021b; font-size:16px; font-weight:bold; padding:14px 5px 2px 5px;
}
.gianiemyetinitemv1 {
    color:#333; text-decoration:line-through; font-size:13px; padding-left:5px;height:16px;
}
.khuyenmaininitemv1 {
    padding:2px 5px 5px 5px; 
}
.indexkhuyenmaiv1 {
    padding:0px 0px;
}
.headerinBuild {
    margin-top:10px;margin-bottom:10px;
}
.chiphidutinh {
    float:left;font-size:18px;padding:0 12px;width:400px;color:#ef1818;
}
.divfiltermobile {
    display:none;
}
/*hien 2020 0613*/
#divtotalitemfound {
    font-weight:bold; font-size:16px; text-transform:uppercase; padding:12px 12px 6px 12px; background-color:#fff;
}
#indivtotalitemfind {
    padding: 4px 0;z-index: 5;background-color: #fff;display:none;
}
.titleitemattributefiltern .intitleitemattributefiltern {
    padding: 10px;margin-right: 0px;margin-left: 6px;border-radius: 2px;background-color: #f2ecec;color: #000;cursor: pointer;margin-bottom: 6px;
}
#divtotalfilterformobilehidden {
    display:none;
}
.menulocngang {
    padding-top:6px;
}
/*ke thua divi*/
#rightcolumnincategorypage {
    float:left; 
}
/*#maincontentcategorypage {
   width:1000px;
}*/
#righcolumnincategorypage {
    float:left; width:260px;
}
#righcolumnincategorypage1 {
    width:300px;float:left;
}
#indivtotalitemfind {
    padding:4px 0; z-index:5; background-color:#fff; 
}
#divtotalitemfound {
    font-weight:bold; font-size:16px; text-transform:uppercase; padding:12px 12px 6px 12px; background-color:#fff;
}
    .divfiltermobile {
        display:none;
    }
.titleitemattributefiltern {
    float:left;
}
#divrighturi .itemshortresultitemselected {
    float:left;  margin-right:10px; background:url(../Images/optionselected.png) no-repeat center left; padding:2px 0;padding-left:20px; margin-left:10px; font-size:14px;
}
#divrighturi .itemshortresultitem {
    float:left;background:url(../Images/optionunselect.png) no-repeat center left; padding:2px 0;padding-left:20px;margin-left:10px;  font-size:14px;
}
.titleitemattributefiltern .intitleitemattributefiltern{
    padding:10px;  margin-right:0px; margin-left:6px; border-radius:2px; background-color:#f2ecec; color:#000; cursor:pointer; margin-bottom:6px;
}
    .titleitemattributefiltern .intitleitemattributefiltern div{
        padding-right:16px; background:url(../Images/sort-down.png) no-repeat center right;background-size:8px 8px; max-height:16px; overflow:hidden;
    }
.divlistitemfilterinattributen {
}
#bottomindivisionpage {
}
#divtotalfilterformobilehidden {
    position:fixed; top:0;left:0;width:100%; overflow-y:scroll; background-color:#fff; z-index:100; height:100%; display:none;
}
.btnclosefiltermobile {
    position:fixed; top:20px; right:20px; cursor:pointer;
}
    .btnclosefiltermobile img {
        display:block;max-width:24px; max-height:24px;
    }
.divitemattributefiltern {
    float:left;width:50%;
}
.indivitemattributefiltern {
    padding:15px;
}
.titleitemattributefilternhd {
    padding: 12px;
    text-transform: uppercase;
    color: #333;
    font-size: 13px;
    font-weight: bold;
}
.itemvaluefilterinattributen {
    float:left; width:50%;  padding:3px 0; cursor:pointer;
}
    .itemvaluefilterinattributen .initemvaluefilterinattributen {
        padding:5px 1px 5px 6px;
    }
        .itemvaluefilterinattributen .initemvaluefilterinattributen .uncheckitem {
            background:url(../Images/unchecknew.png) no-repeat center left; padding-left:24px; color:#4a90e2;
        }
        .itemvaluefilterinattributen .initemvaluefilterinattributen .checkeditem {
            background:url(../Images/checkednew.png) no-repeat center left; padding-left:24px; color:#4a90e2;
        }
            .itemvaluefilterinattributen .initemvaluefilterinattributen div img {
                height:30px; display:block;
            }
/*end ke thua divi*/
.rebuild {
    float:left; width:50%;padding:0 12px;
}
.inrebuild {
    /*position: relative;width:150px;*/
    border:none; border-radius:3px; padding:6px; overflow:hidden;position:relative; width:100px;background-color:#055a93;cursor:pointer;
}
.textinrebuild {    
    float:left; padding:6px 10px 6px 6px;color:white;border-radius:3px;font-size:14px;text-transform:uppercase;font-weight:bold;
}
.imgrefresh {    
    position:absolute; top:6px; right:6px; cursor:pointer;
}
    .imgrefresh img {
        display:block;width:22px;height:22px;padding:3px 0;
    }
.lenable {
    background-color: #f8f8f8;border-radius: 3px;float: left;text-align: center;color: #264e83;padding: 3px;min-width: 10px;margin-right: 4px;cursor: pointer;
}
.ldisable {
    background-color: #f0f0f0;border-radius: 3px;float: left;text-align: center;color: #7f8da0;padding: 3px;min-width: 10px;margin-right: 4px;
}
.iselected {
    color: #fff;background-color: red;border-radius: 3px;float: left;text-align: center;padding: 3px;min-width: 20px;margin-right: 4px;
}
.inormal {
    color: #7f8da0;    background-color: #f8f8f8;border-radius: 3px;float: left;text-align: center;padding: 3px;min-width: 20px;margin-right: 4px;cursor: pointer;
}
.divprintoexcel {
    background-color :#fff;display:none;
}
.inngaybaogia {
    font-size:12px; font-style:italic;font-weight:bold;text-align:right;
}
#divuripage {
    display:none;
}
#divuripage #divlefturi {
    display:none;
}
.divtextboxsearchversion1 {
    float: left;
    width: 86%;
}
.divcontroltextboxsearch1 {
    border: none;
    border-radius: 3px;
    padding: 8px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.26);
    margin-top: 16px;
    position: relative;
}
.indivcontroltextboxsearch {
    margin-right: 30px;
}
.divtextboxsearchversion1 .divcontroltextboxsearch1 input {
    width: 100%;
    font-size: 15px;
    border: none;
    outline: none;
}
.btnsearchnewversiongame {
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
}
@media (max-width: 1030px) {
    .itemvaluefilterinattribute {
        width: 100%;
    }
        .listitemthuoctinh {
        width:62%;
    }
    .titlethuoctinh {
        width:20%;
    }
    .itemdachon {
        width:100%;
    }
    .divxemvain {
        width:20%;
    }
    .divinbaogia {
        width:20%;
    }
}
@media (max-width: 800px) {       
    .titlethuoctinh {
        width:15%;font-size:14px;
    }
    .listitemthuoctinh {
        width:67%;
    }
    .tuychonbuildcauhinh {
        width:100%;
    }    
    .giagiohang2 {
        padding:0;
    }
    .btndatmua {
        width:25%;
    }
    .divxemvain {
        width:18%;
    }
    .divinbaogia {
        width:18%;
    }
    .inpreviewdonhang {
        width:100%;
    }
    .divtoplistitemincart {
        width:610px;
    }
    .loadallfilter {
        display:none;
    }
    .menulocngang {
        display:block;
    }
    .chitietsanpham {
        width:96%;
        height: calc(70vh - 90px);
    }
    .chitietsanpham1 {
        width:96%;height: calc(70vh - 90px);
    }
    .divtotalitemfind {
        width:90%; margin:auto;
    }
    #indivtotalitemfind {
        display:block;        
    }
    #rightcolumnincategorypage {
        float:none;
    }
    .divfiltermobile {
        display:block;
    }
    #maincontentcategorypage {
        width:auto;
    }
    #righcolumnincategorypage {
        display:none;
    }
    .titleitemattributefiltern {
        width: 22%;
    }
    .initeminhomelist {
        max-height:100%;  width:100%;      
    }
    .indivloaditemgame {
        width:98%;
    }
    .divloadfilterbycategorygame {
        display:none;
    }
    .anc {
        height: calc(6vh - 90px);
    }
    .ancs {
        height: calc(6vh - 90px);
    }
    .inmaintuychoncauhinh {
        margin-top:8px;        
    }   
}
@media (max-width:500px) {
    #rightbtmpopup {
        display:none;
    }
    .inmaintuychoncauhinh {
    width:98%;
}
    .itemlistattributebuild0 {
        width:95%
    }
    .chitietsanpham {
        width:94%;
    }
.itemlistattributebuild1 {
        width:95%
    }
    .listitemthuoctinh {
        width:auto;
    }
    .titlethuoctinh {
        width:60%;border:none;float:left;
    }    
    .showlistitem {
        display:none;
    }
    .showlistitemrespon {
        display:block;
    }
    .indivshowlistitem {
        display:none;
    }
    .indivshowlistitemrespon {
        display:block;
    }
    .imglogoinbuild {
        width:40%;
    }
    .tensanphamdachon {
        width:100%;
    }
    .giasanphamdachon {
        width:28%;
    }
    .qtyspdachon {
        width:33%;
    }
    #initemdachon .qtyspdachon table td {
        padding:0px;
    }
    .thanhtien {
        width:auto;
    }
    .titlenamecty {
        font-size:15px;
    }
    .detailaddress {
        font-size:13px;
    }
    .divdescriptioncolincart {
        width:37%;
    }
    .divnumitemcolincart {
        width:12%;
    }
     .divtoplistitemincart {
        width:336px;
    }
     .texttotalamount{
         font-size:14px;
     }
    .divnumtotalamount span {
        font-size:14px;
    }
    .divnumtotalamount {
        width:auto;
    }
    .divpriceitemincart {
        width:18%;
    }
    .titleinpreviewdbuild {
        float:left;width:100%;        
    }
    .giagiohang2 {
        float:none;font-size:12px;height:50px;
    }
    .thanhtien2 {
        padding:0px;width:15%;float:right;
    }
    .lineamount {
        padding:0; text-align:center;
    }
        .btndatmua {
        width:40%;
    }
    .divxemvain {
        width:40%;float:left;
    }
    .divinbaogia {
        width:40%;
    }    
    .btntaiexcel {
    width:40%;float:left
}
    .indivdescriptioncolincart {
        padding:1px;height:50px;
    }
    .indivnumitemcolincart {
        padding:0px;height:50px;
    }
    #listitemincart table td {
        font-size: 12px;
    }
    .divfiltermobile {
        display:block;
    }
    #rightcolumnincategorypage {
        width: auto;float: none;
    }
    #divtotalitemfound {
        display:block;
    }
    #maincontentcategorypage {
            padding-bottom:6px;
    }
        #indivtotalitemfind span {
        display:none;
    }
            #divrighturi {
        margin-left:0;width:220px;
    }
        #divrighturi .itemshortresultitemselected {
            margin-left:1px; font-size:12px;
        }
        #divrighturi .itemshortresultitem {
            margin-left:2px; font-size:12px;
        }
    .titleitemattributefiltern .intitleitemattributefiltern {
        padding:10px 3px;
    }
    #divpageindex {
        width:228px;
    }
    .divdescripitem {
        padding:0px;font-size:12px;
    }
    .divbtnchonsanphambuild {
        min-width:36px;
    }
    .rebuild {
        width:auto;
    }
    .chiphidutinh {
     width: auto;    
    }
}