/*tiếng việt*/
*{padding:0; margin:0}
body, footer span{font-family:arial !important; font-size:16px; line-height:140%;}
input{outline:none; border:1px solid #ccc; border-bottom:1px solid #999}
h1, h2, h3 {color: #4867AA; font-weight:normal!important; line-height:120%}
h1{font-size:23px; color:orange; text-transform:uppercase}
li{list-style:none}
a{text-decoration:none;}
.fl{float:left}
.fr{float:right}
.tc, .mnc, body{text-align:center}
.tj{text-align:justify}
.tl{text-align:left}
.tr{text-align:right}
.di{display:inline-block; float:none}
.an,.mn-q, .refresh,.thaotac div{display:none}
.mt20{margin-top:20px}
.mt50{margin-top:50px}
.mb20{margin-bottom:20px}
.mb50{margin-bottom:50px}
.mt70{margin-top:70px}
.bdr20{border-radius:20px}
.bdr5{border-radius:5px}
.bdb1{border-bottom:1px solid #ccc}
.w100, .noidung table, .noidung,.tomtat, header, section, footer{width:100% !important}
.tomtat{font-style:italic; color:#4867AA}
.w92{width:92%}
.w96{width:96%}
.pa3{padding:3%}
.pa4{padding:4%}
.pa2{padding:2%}   
img{max-width:100%;}
footer{overflow:hidden}
.cf, .button{color:#fff}
.cg{color:#999}
input, select{padding:5px; border-radius:20px; outline:none;}
#tpopup input, select{margin:0 5px;padding:5px}
#tpopup{overflow:scroll; z-index:999999}
#bvtrangthai{padding:1px; border-radius:0}
.button, button, .close-ct{border-radius:20px !important}           
.button, button{padding:5px 10px; border:none}
.button{margin:5px;}
.l-box,.m-box,.r-box{background:#fff}
.footer, .button, button, .xemuser, header,.mn-q, .line-top{background:#4867AA; color:#fff}
.footer p{margin:0; padding:10px; color:#fff}
header, .ctsp{position:fixed !important}
header{height:50px; top:0; z-index:9999;} 
.logo img{height:50px;}
.logo{margin:0px 0 0 4%}
.timkiem-box{width:125px; margin:10px 4%; position:relative; background:#fff; padding:3px 10px; display:none}
.timkiem-box img{top:5px; right:5px; position:absolute}
.timkiem-box input{width:120px; outline:none; border:none;}
.dsmucmoinhat li, .dstinnoibat li{padding:10px 0; border-bottom:1px solid #ccc; }
.gia{line-height:30px; font-size:18px; color:orange; }
.mn-q{position:fixed; z-index:99999; bottom:0px; border-top:1px solid #ccc}
.mn-q div{padding:5px; font-size:23px; position:relative; text-shadow:0 1px 0 #666; border-radius:5px; margin:5px 10px; color:#eee}
.mn-q b{position:absolute; font-size:12px; right:0;background:red; border-radius:3px; opacity:.9}
.banner{margin-bottom:15px}
#SanPham .anh{height:100px;}
#SanPhamGas .anh{height:auto;}
.ctsp{padding:10px 2%; top:50px; background:#fff; overflow:scroll; z-index:999; padding-bottom:50px}
.ctsp .anh{height:auto !important}
.close-ct{top:0px; margin:8px 15px 0; font-size:18px; padding:7px; background:darkorange;}
.noidung, .tomtat{text-align:justify}
.noidung td{padding:5px !important}
.dangky, .dangnhap{padding:60px 0 0px 0; text-align:center; background:#fff; padding-bottom:20px}
.dangky input, .dathang input, .dangnhap input{width:90%; border-radius:20px; display:inline-block; padding:3px 3%; margin:2%;}
.capnhatthongtincanhan{}
.capnhatthongtincanhan input,.capquyenuser input{width:96%; padding:3px 3%; margin:5px 0}
.matkhauthongbao{font-style:italic; margin-top:10px}
.user img, .chatbox .anhdd img{border-radius:100%; height:32px; background:#fff}
.person{width:42px; height:32px; padding:0 !important; margin:0 !important; }
.person img{position:absolute; top:5px; left:5px}
#toTop{color:#666; position: fixed; bottom: 50px; right: 5px; padding: 5px 8px !important; border-radius: 5px !important; margin: 0 !important;}
#toTop:hover{color:#999; }
#status{color:#19b14b; position:absolute;z-index:999; top:0; right:0}
.addnew{width:32px; height:32px; padding:10px; z-index:1; position:fixed; top:60px; left:72%; border-radius:100%; background:#a6ce39; color:#fff}
.tab { padding: 5px 10px; top: 19px; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; color: #4867AA; cursor:pointer}
.tab-active{box-shadow: 0px -1px 2px 0px #CCC; background: #fff;}
.thaotac{min-width:10px; min-height:20px; background:url(https://appgas.cwe.vn/contents/uploads/appgas.cwe.vn/2020-10-23/more.svg) center center no-repeat; position:absolute; top:10px; right:5px; cursor:pointer}
.xoa, .sua, .them,.xem { width: 15px; height: 15px; padding: 3px; text-align: center; vertical-align: top; font-weight: bold !important; border-radius:3px; border:1px solid #fff;background-color:#fff}
.xoa:hover, .sua:hover, .them:hover, .xem:hover{border:1px solid #eee;background-color:#eee}
.sua{background:#fff url(https://appgas.cwe.vn/contents/uploads/appgas.cwe.vn/2020-10-23/pencil-green.svg)center center no-repeat}
.xem{background:#fff url(https://appgas.cwe.vn/contents/uploads/appgas.cwe.vn/2020-11-03/eye.svg)center center no-repeat}
.xoa{background:#fff url(https://appgas.cwe.vn/contents/uploads/appgas.cwe.vn/2020-10-23/delete.svg)center center no-repeat}
textarea{outline:none}
.mw{width:96%}
nav{margin:9px 10px; position:relative}
.nav{color:#fff; margin:0px !important}
nav li{text-align:center; border-bottom:1px solid #ccc;color:#fff; line-height:40px; padding:0 10px;}
.nav-link{padding:0 !important}
.menu_i, .menu_i2{margin-top:3px}
.menu_i:hover{color:#19b14b}
.menu_i2:hover, .menu_i span{color:yellow}
.menu{bottom:48px; right:0px; position:fixed; background:#19b14b; overflow:hidden}
.menu-pc li{cursor:pointer; color:#4867AA; position:relative; border-radius:5px; padding:3px; padding-left:30px; position:relative}
.menu-pc li .tt{position:absolute; top:0; right:0}
.menu-pc li ul{position:relative;z-index:2; display:none}
.menu-pc li li{color: #333; font-weight: normal; margin:2px 5px;padding-left:10px}
.menu-pc a, .xoa:hover,.sua:hover{color:#4867AA;}
.menu-pc li li a{font-size:14px}
.menu-active, .menu-active a{font-weight:bold}
.menu-active ul a{font-weight:normal; color:#4867AA}
.menu-active2,.menu-active2 a{color:#a6ce39 !important}
.menu-refresh{width: 24px; height: 24px; background:#ccc}
.menu-refresh:hover{background:#4867AA}
.add{border:1px solid #ccc}
.more { background: url(https://appgas.cwe.vn/contents/uploads/appgas.cwe.vn/2020-11-11/caret-right.svg) top left no-repeat; background-size: 20px; }
.more2 { background: url(https://appgas.cwe.vn/contents/uploads/appgas.cwe.vn/2020-11-11/caret-down-fill.svg) top left no-repeat; background-size: 20px; }
.caret-up{color:#19b14b;z-index:99999999; position: fixed; bottom: 40px; right: 32px; height: 14px; line-height: 14px;}

.ctg-bre{width:92%; background:#eee; padding:5px 4%; border-radius:5px}
.ctg-bre li{float:left}
.menu-footer{background:#999; padding:10px}
.menu-footer li{padding:10px 0; border-bottom:1px solid #ccc;}
.dstimkiem a{color:blue}
.refresh{margin-top:10px; margin-right:10px}
.bv-item, .mnc li{width:95%; border:1px solid #ccc; margin:5px 1%; padding:5px 1%; border-radius:5px; position:relative}
.mnc li { width: 26%; height: 50px; display: inline-block; vertical-align: top; }
.mnc li span{color:#999}
.l-box,.m-box,.r-box{vertical-align:top; margin:70px 1%}
.l-box{width:20%;}
.m-box{width:50%}
.r-box{width:20%;}
.tmbv,#tpopup{position:fixed; background:#fff; top:70px; width:650px; max-width:100%; border-radius:10px; box-shadow:0 0 2px 2px #ccc}
.close-tmbv, .close-ctbv,.close-suabv,.close-popup{width:20px;color:#fff; z-index:2; height:20px;padding:5px; position:absolute; top:10px; right:20px;background:orange; border-radius:100%}
.close-tmbv:hover, .close-ctbv:hover,.close-suabv:hover,.close-popup:hover{background:red}
#noidung-dang{min-height:100px; max-width:100%; border:none; outline:none; font-size:18px}
.button2{margin:10px 0; padding:10px 100px; font-size:16px}
.updatedn input{width:94%; padding:5px 3%; margin-top:10px}
.bv-item { max-height: 700px; overflow: hidden; min-height: 50px; }
.bv-item img{height:auto !important; padding:0!important;}
.bv-item img, .bv-item table{max-width:100% !important;}
.bv-item .anh{margin-bottom:10px}
.bv-item .anh,.bv-item img{max-height:500px;border-radius:5px; overflow:hidden}
.dssp h2{font-size:16px; color:#83a22c}
#ctbv-comment, .ctbv,.suabv{width:98%;position:fixed;z-index:2; top:50px;background:#fff; left:0; padding:10px 1%; border-bottom:1px solid #333; border-top:1px solid #333}
.close-ctbv{position:fixed;top:60px;}
#ctbv{width:70%; padding:0 2%; top:50px; position:relative; z-index:1; overflow:hidden}
#ctbv-comment{width:25%;background:#eee;}
.person-item{margin-bottom:10px; line-height:36px}
.giatt,.giatt{font-weight:bold; margin:5px}
.giatt{text-decoration: line-through; color:#999}
.giaban{font-size:23px; color:orange}
.dathang{background:#fff;padding:10px 0}
.dathang b{color:orange}
.dathang-bar{height:50px; position: fixed; bottom: 0px; z-index: 99999999; background:orange}
.dsdonhang table{border:1px solid #ccc}
.dsdonhang table td{border-top:1px solid #ccc; border-left:1px solid #ccc}
.dsdonhang table th{border-left:1px solid #ccc}
.menu-pc{display:block}
.mn-q-h svg{fill:#a6ce39;}
.mn-q-h a{padding:5px 20px; border-radius:5px; display:inline-block; margin-top:3px}
.mn-q-h a:hover,.mn-q-cn a{background:none; }
.mn-q-cn{margin:3px 4% 0 20px}
.mn-q-cn a{padding:5px; border-radius:100%; display:inline-block; margin:5px}
.mn-q-cn svg, .mn-q-cn a{width:24px; height:24px;}
a,p,div,img{max-width:100% !important;}
#tpopup table{width:96%; margin:10px 2%; border:1px solid #ccc;border-spacing:0}
#tpopup table td,#tpopup table th{padding:3px; border-bottom:1px solid #ccc;border-left:1px solid #ccc}
.ctbvchitiet{width:75%}
.ctbvcomment{width:23%;padding:0 0.8%; background:#eee; border-right:1px solid #ccc; position:fixed; top:0;left:0}
.ctbvchitiet h1,.ctbvcomment h2{margin-top:20px}
.user-left{width:20%}
.user-right{width:80%}

.button, button{border-radius:5px !important}           
.button, button{padding:10px; border:none; margin:5px; display:inline-block}
.button, button, .line-top{background:#1B3A69; color:#fff}
.CapNhat{position:fixed; top:48%; right:10px}
table{margin:10px 0; border:1px solid #ccc; border-spacing:0px}
td{padding:5px; border-bottom:1px solid #ccc;border-left:1px solid #ccc}
.t-left span, .t-left div{padding:3px; float:left}
.t-left li{cursor:pointer}
.t-left a{width:100%; float:left}
#popupT table{padding:0; margin:0;box-shadow:none}
#popupT table{width:100%}
#popupT td,#popupT tr{padding:3px}
#popupT input{padding:5px}
/*#popupT td, #popupT tr,#popupT th, #popupT tbody{width:100%; float:left; text-align:center}*/
@media screen and (max-width:1024px) and (min-width:1px){
  .addnew{top:auto; left:auto; bottom:52px; right:5px}
  .footer{padding-bottom:50px}
  .mn-q,.refresh{display:none}
  .menu-pc, .mn-q-h,.mn-q-cn{display:block}
  .easyui-fluid{width:100%!important; top:50px!important; padding:0!important; margin:0!important}
  .easyui-fluid .easyui-fluid{top:10px!important}
  .layout-panel-west{width:50px!important}
  .t-left div{display:none}
}
@media screen and (max-width:667px) and (min-width:1px){
  .tmbv{box-shadow:none}
  .button2{padding:10px 50px;}
  .l-box,.m-box,.r-box{width:98%}
  .l-box{display:none!important}
  .noidung img{height:auto!important}
  .close-tmbv, .close-ctbv, .close-suabv{padding:12px}
  #ctbv,#ctbv-comment{width:96%; padding:0 2%; top:50px; position:relative!important; z-index:1; float:left !important}
  .menu{width:100%; z-index:9999999999}
  .menu ul ul{display:none}
  .menu li { width: 47%; height: 50px; margin: 1%; padding: 5px 0!important; line-height: 120%; border: 1px solid #ccc; display: inline-block; overflow: hidden; }
}