div.clear { height: 10px; clear: both; overflow: hidden; text-indent: -999px }
div.clear0 { height: 0; clear: both; overflow: hidden; text-indent: -999px }
h1, h2, h3, h4, h5, h6, p, a, ul, ol { margin: 0 }
h1 { font-size: 24px }
h2 { font-size: 20px }
h3 { font-size: 18px }
h4 { font-size: 16px }
h5 { font-size: 14px }
h6 { font-size: 12px }
.noidugnchitiet img { max-width: 510px!important }
input, select, textarea { vertical-align: middle }
td { vertical-align: top }
img { max-width: 100% }
.header td { text-align: center; text-transform: uppercase; font-weight: bold; }
.header { background: #F3F3F3; }
textarea { border-radius: 5px; border-color: #cccccc; }
.name_dlvs { position: relative }
option.parent { font-weight: bold }
input[type=text], input[type=number], .dnw-page input[type=password] { font-weight: 400; font-size: 14px; height: 28px; padding: 0 3px!important; border: 1px solid #CCC; border-radius: 5px }
select { background: #FFF; font-weight: 400; font-size: 14px; padding: 2px!important; height: 28px!important; margin: 0; border: 1px solid #CCC; border-radius: 5px }
input[type=button], input[type=submit] { line-height: 25px; min-height: 25px; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #E6E6E6), color-stop(1, #FFFFFF) ); background-image: -o-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%); background-image: linear-gradient(to bottom, #E6E6E6 0%, #FFFFFF 100%); border-radius: 3px; border: 1px solid #CCC }
.soto input[type=submit] { line-height: 18px; height: 18px; }
#dnw-main { position: relative; z-index: 1; width: 1000px; margin: 0 auto; cursor: default; background: url(images/bg_menu.png) top repeat-x }
.topmenu { display: block; clear: both; position: absolute; bottom: -1px }
.topnavbar { border-bottom: 1px solid #CCC }
body { padding: 0; margin: 0; color: #322C20; background-image: url(images/yellow-background.jpg); font: 13px Arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; }
.box { float: left }
.dnw-page { min-width: 1200px; background: url(images/xLogo.png) top left no-repeat; }
.mainbody { position: relative; overflow: hidden; background: #fff; }
.cleared { float: none; clear: both; margin: 0; padding: 0; border: none; font-size: 1px }
form { padding: 0; margin: 0 }
.dnw-sheet { position: relative; cursor: auto; text-align: left; padding: 0 }
.dnw-sheet-body { position: relative; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif }
div.dnw-header { margin: 0 auto; position: relative; padding-bottom: 5px; height: 80px; padding-top: 10px; min-width: 1000px }
div.header_ext { position: relative; float: right; margin-top: 15px; }
div.header_domain { float: right; right: 220px; position: absolute; display: block; overflow: hidden; max-height: 40px; font-weight: 700; color: red; font-size: 32px; text-transform: uppercase; letter-spacing: 3px; text-shadow: 3px 1px 2px rgba(0,0,0,1) }
div.logo { float: left; margin-top: 10px; width: 400px; }
.moreBox { display: none }
.txtdateKH { margin-left: 10px; height: 26px !important }
.mobilelicon { float: left }
.mobilelicon a { background: url(images/iphone.png) top center no-repeat; background-size: 60px; width: 60px; height: 60px; display: block; text-indent: -200px; overflow: hidden; margin-top: 10px }
div.boxdoveso { width: 450px; padding: 10px 20px; border-radius: 30px; border: 1px solid #F90; background: url(images/button.png) left -245px; float: right }
div.boxdoveso input[type="text"] { background: #FFF; font-weight: 400; font-size: 14px; height: 28px; line-height: 28px; padding: 0!important; width: 100px; text-align: center; border: 1px solid #CCC; border-radius: 5px }
div.boxdoveso select { background: #FFF; font-weight: 400; font-size: 14px; padding: 5px!important; height: 30px!important; margin: 0; width: 100px; border: 1px solid #CCC; border-radius: 5px }
.btndoveso { width: 100px; height: 30px; line-height: 30px; padding: 0 10px; border-radius: 5px; border: 1px solid #C00; color: #FFF; font-weight: 700; cursor: pointer; font-size: 14px; text-transform: uppercase; }
div.navbar .pcontent { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ededed), color-stop(0.5, #dcdcdc)); background: -moz-linear-gradient(top, #ededed 50%, #dcdcdc 50%); background: -o-linear-gradient(top, #ededed 50%, #dcdcdc 50%); behavior: url('/ie-css3.htc' ); -webkit-border-top-left-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-radius-topleft: 9px; -moz-border-radius-topright: 9px; border-radius: 5px 5px 0 0; box-shadow: 0 0 4px #484848; }
div.dnw-nav { min-width: 800px; }
.dnw-content-layout { display: table; position: relative; margin: 0; table-layout: fixed; border-collapse: collapse; border: none!important; width: 100% }
.dnw-content-layout .dnw-sheet { border-radius: 0 0 5px 5px; padding: 5px; padding-bottom: 20px; background: #fff; box-shadow: 0 0 4px #484848; min-height: 720px; }
#dnw-left, .dnw-left { width: 160px; overflow: hidden }
.dnw-content-layout .left { width: 160px; padding-right: 10px }
.dnw-content-layout .right { padding-left: 10px }
.dnw-content-layout .right, .sidebar-roller { width: 300px; }
.dnw-content-layout td { vertical-align: top }
div.dnw-content-top { z-index: 50 }
div.dnw-content-main { margin-top: 5px }
.news_details img { max-width: 480px; height: auto }
.btnchitiet { width: 67px; height: 21px; display: inline-block; background: url(images/btndetail.png); margin: 2px }
.btnlienhe { width: 67px; height: 21px; display: inline-block; background: url(images/btncontact.png); margin: 2px }
.btndathang { width: 67px; height: 21px; display: inline-block; background: url(images/btnbuy.png); margin: 2px }
.btndathang_details { width: 67px; height: 21px; display: inline-block; background: url(images/btnbuy.png); margin: 2px }
.btnlienhe_details { width: 150px; height: 30px; display: none; background: url(images/btnlienhe.png); margin: 2px }
.btndatmua { width: 89px; height: 36px; display: inline-block; background: url(images/bt_dathang.jpg); margin: 2px }
.abtn, .abtn:active, .abtn:visited { border: 1px solid #C54F00; border-radius: 5px; text-align: center; font-weight: 700; font-size: 13px; padding: 3px 10px; color: #FFF; background: #faad3a; background-image: -webkit-linear-gradient(top, #faad3a, #db6714); background-image: -moz-linear-gradient(top, #faad3a, #db6714); background-image: -ms-linear-gradient(top, #faad3a, #db6714); background-image: -o-linear-gradient(top, #faad3a, #db6714); background-image: linear-gradient(to bottom, #faad3a, #db6714); cursor: pointer }
.w160 { width: 160px }
#phantrang { display: inline-table; margin-left: -50%; clear: both; height: 25px }
#phantrang ul { padding: 0; margin: 0; width: inherit; float: right }
#phantrang ul li { display: block; width: inherit; background-color: #FFF; float: left; margin: 2px; text-decoration: none; list-style: none }
#phantrang ul li a { display: block; text-decoration: none; border: 1px solid #CCC; padding: 0 2px; min-width: 12px; text-align: center; color: #333; font-weight: 700 }
#phantrang ul li a:hover, #phantrang ul li a.active { color: red; border-color: red }
#flashtop { height: 242px; padding: 0; margin: 0; background: url(images/5.png) }
.border { border-bottom: 0; border-right: 0; border-left: 1px #E6E6E6 solid; border-top: 1px #E6E6E6 solid }
.border td { border-top: 0; border-left: 0; border-right: 1px #E6E6E6 solid; border-bottom: 1px #E6E6E6 solid }
h1.pagetitle { text-transform: capitalize; font-size: 20px; text-align: left; color: #F00; line-height: 40px; background: url(images/arrow_right_alt1.png) 10px center no-repeat; background-size: 20px; padding-left: 40px; border-bottom: 1px dotted #ccc; }
.dnw-footer { bottom: 0; margin-bottom: 0; min-width: 1000px; text-align: center; width: 100% }
.dnw-footer .dnw-sheet { overflow: hidden; color: #fff; padding: 10px; text-align: center }
.dnw-footer .dnw-sheet a, .dnw-footer .dnw-sheet:visited { color: #fff }
h1.pagetitle2 { text-transform: uppercase; color: #499CD7; font-size: 18px; text-align: center }
h3.datatitle { text-align: left; padding-left: 10px; font-weight: bold; color: #f00; font-size: 12px; }
fieldset { border-radius: 5px; border: 1px solid #ADACAC }
fieldset legend { font-weight: 700; padding: 3px 10px; background-color: #FCDD8F; border-radius: 3px }
ul { margin: 0; padding: 0 }
li { list-style: none; margin: 0; padding: 0 }
a, a:visited { color: #06c }
a:hover { color: #C4161C }
a.logo { background: url(images/logo.png) left bottom no-repeat; width: 100%; height: 104px; display: block }
.dnw-content-layoutlogin { width: 975px; top: 50px; min-height: 345px; margin: 0 auto; position: relative; z-index: 2; background: url(images/xbgLogin.png) no-repeat; }
.boxuserinfo { width: auto; float: right; margin-right: 10px; box-shadow: 3px 3px 5px; border-radius: 0 0 6px 6px; background: #000; margin-top: -10px; white-space: nowrap; color: #FFF; padding: 5px 10px 0 10px; }
.groupname { font-weight: bold; font-size: 18px; color: #FC0; clear: both }
.loginname { font-weight: bold; font-size: 14px; color: #Fff; clear: both; line-height: 30px; }
.usermenu { text-align: center }
.usermenu a, .groupname a { margin: 0 10px; text-decoration: none; color: #CCC; font-size: 13px }
h1.title { font-size: 16px; color: #08C; line-height: 26px; padding: 0 10px }
lable { line-height: 100%; margin: 0; padding: 0 }
lable * { margin: 0; padding: 0 }
.border { border-bottom: 0; border-right: 0; border-left: 1px #E6E6E6 solid; border-top: 1px #E6E6E6 solid }
.border td { border-top: 0; border-left: 0; border-right: 1px #E6E6E6 solid; border-bottom: 1px #E6E6E6 solid }
.border td a { color: #000 }
.border td a:hover { color: red }
.menutop { position: relative; height: 40px; }
.menutop li { float: left; margin: 0 5px; padding: 0 10px; }
.menutop li a.menuroot { font-weight: bold; font-size: 16px; line-height: 30px; margin: 5px 0; padding: 0 10px; display: block; text-decoration: none; color: #333 }
.menutop li a.menuroot.active { background: #DADADA; border-radius: 5px; }
.menutop li ul { position: absolute; z-index: 1; background: #000; display: none; left: 0; }
.menutop li ul li { padding: 0px; }
.menutop li ul li a { font-weight: normal; font-size: 14px; color: #dcdcdc; line-height: 30px; margin: 10px 5px 0 5px; height: 30px; display: block; padding: 0 20px; border-radius: 5px; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; border: 1px solid #979797; border-radius: 5px 5px 0 0; border-bottom: 0; }
.menutop li ul li a:hover, .menutop li ul li a.active { border: 1px solid #626262; border-bottom: none; color: #3e3e3e; background: #fff; }
.undermenu { background: #000; height: 41px; }
.boxnhapveso input[type="text"] { width: 120px; }
#txtdayso { font-size: 46px; line-height: 48px; height: 48px; font-weight: bold; color: #F00; letter-spacing: 20px; width: 300px; text-align: right }
.txtsoto { font-size: 36px !important; line-height: 48px !important; height: 48px !important; font-weight: bold; color: #F00; width: 30px !important; text-align: center }
.txtsotoa, .txtsotob { font-weight: bold; color: #F00; width: 30px; text-align: center; background: #FF9 }
.btnresetsoto { background: url(images/reload.png) center no-repeat; width: 32px; height: 32px; border: 0; display: inline-block; background-size: 32px; }
.swichsoto { background: url(images/gnome_session_switch.png) center no-repeat; width: 32px; height: 32px; display: inline-block; border: 0; background-size: 32px; }
.txtdate { background: url(images/calendar_today.png) right center no-repeat #fff; display: inline-block; width: 105px !important; }
.danhsachsodanhap div.ui-tabs-panel ul { display: table; }
.danhsachsodanhap li { float: left; margin: 2px; border: 1px solid #ccc; padding: 5px; border-radius: 3px; font-family: Arial, Helvetica, sans-serif }
.danhsachsodanhap li .dayso { font-weight: bold; font-size: 20px; color: #000; letter-spacing: 1px; }
.danhsachsodanhap li .soto { font-weight: bold; font-size: 16px; color: #06C; }
.danhsachsodanhap li .soto input { float: right; height: 15px; width: 15px; line-height: 13px; padding: 0; min-height: 10px; margin-top: 2px; border-radius: 50%; color: red; font-size: 12px; font-weight: bold; border: 1px solid red; cursor: pointer }
.center_table { display: table; margin: 0px auto; }
.boxnhapveso, .frminput { border: 1px solid #CCC; overflow: auto; padding: 10px; margin: 5px auto; line-height: 30px; border-radius: 10px; display: block; background: #FFF7DF; }
.boxnhapveso legend { line-height: 20px; }
.daysonhap { clear: both; border: 1px solid #ccc; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #FFF7E0), color-stop(1, #FFFBC9) ); background-image: -o-linear-gradient(bottom, #FFF7E0 0%, #FFFBC9 100%); background-image: -moz-linear-gradient(bottom, #FFF7E0 0%, #FFFBC9 100%); background-image: -webkit-linear-gradient(bottom, #FFF7E0 0%, #FFFBC9 100%); background-image: -ms-linear-gradient(bottom, #FFF7E0 0%, #FFFBC9 100%); background-image: linear-gradient(to bottom, #FFF7E0 0%, #FFFBC9 100%); padding: 10px; line-height: 48px; display: block; margin: 10px auto; border-radius: 10px; width: 450px; }
.daysonhap input[type="submit"], .daysonhap input[type="button"] { height: 48px; line-height: 48px; font-weight: bold }
.huongdan { font-style: italic; line-height: 1.2; }
#txtsototrong10, #txtquytacchiaa, #txtquytacchiab { width: 140px; font-weight: bold; letter-spacing: 5px; }
.box_listtinh_export, .box_listtinh_import { height: 150px; background: #FFF; border: 1px solid #CCC; margin-top: 5px; }
.box_listtinh_export input[type="text"], .box_listtinh_import input[type="text"] { width: 80px; font-size: 14px; font-weight: bold; text-align: right; padding-right: 10px; }
.content_khoanchi { display: none }
.btnbox { margin-top: 10px; text-align: right }
.box_nguonthuchi { background: #FFF; border: 1px solid #CCC; margin-top: 5px }
.box_nguonthuchi input[type="text"], .box_nguonthuchi input[type="number"] { width: 100%; font-size: 14px; font-weight: bold; padding-right: 10px; }
.box_nguonthuchi table { margin: 10px 0; font-weight: bold }
.export_datagird { background: #FFF; margin-top: 5px; display: inline-block; width: 100% }
.notebs { color: #999; font-size: 10px !important; vertical-align: top !important; letter-spacing: 2px; border-right: 0 !important }
.vesoe, .vesoom, .soluong, .vesosang { width: 30px; font-size: 12px !important; text-align: center }
.datagird tbody tr:nth-of-type(2n) { background: #F8F8F8; }
.datagird sup { font-size: 10px; font-weight: bold }
.overtrae { color: #F00 !important }
.phantram { font-size: 10px; display: inline-block; padding-left: 5px; width: 30px; }
.datagird { border-collapse: collapse; margin: 0 auto; clear: both; background: #FFF; overflow: auto; }
.datagird a { color: #000; text-decoration: none }
.datagird thead tr td, .datagird thead tr th { font-weight: bold; font-size: 14px; line-height: 26px; text-transform: uppercase; border: 1px solid #CCC; text-align: center; background: #F3F3F3; padding: 5px; }
.datagird thead tr td.title, .datagird thead tr.title td { text-align: left; padding-left: 20px; background: #FFF7DF; color: #f00; }
.datagird tbody td { padding: 5px; font-size: 14px; border: 1px solid #CCC; white-space: nowrap; vertical-align: middle; line-height: 25px; }
.datagird tbody td.dayso, .datagird tbody td.veso { width: 120px; width: 120px; font-size: 30px; color: #F00; white-space: nowrap }
.datagird tbody td.soluong { text-align: right }
.datagird .ngay { float: right; padding-right: 20px; }
.datagird .rowsoluong td { font-size: 16px; line-height: 20px; }
.datagird .vesoban { font-size: 16px; font-weight: bold; text-align: center }
.warning td { background: #FFC; }
.space { height: 10px; background: #FFF }
.spacetd { background: #FFF !important; width: 5px; border-bottom: 0 !important; border-top: 0 !important }
.datagird .start td { background: #FFF }
.datagird .process td { background: #D0EFFB }
.datagird .end td { background: #999 }
.datagird .rinput td { background: #0C6 }
tr.tongcong td { background: #FFC; font-weight: bold; vertical-align: middle; text-align: right; }
tr.tongcongGV td { background: #B9FDAE; font-weight: bold; vertical-align: middle; text-align: right }
.datagird tbody tr:hover { background: #CFC }
input.hasnote { color: #FFF; background: -webkit-gradient(linear, left top, left bottom, from(#d20000), to(#ff4141)); background: -moz-linear-gradient(top, #d20000, #ff4141); background: -o-linear-gradient(top, #d20000, #ff4141); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#d20000', endColorstr= '#ff4141' );
}
input.btnadd { width: 100px; color: #FFF; background: -webkit-gradient(linear, left top, left bottom, from(#d20000), to(#ff4141)); background: -moz-linear-gradient(top, #d20000, #ff4141); background: -o-linear-gradient(top, #d20000, #ff4141); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#d20000', endColorstr= '#ff4141' );
}
.box_latednew { float: right; width: 450px; margin-top: 25px; }
h2.pagetitle { padding: 15px 0 5px 0; margin: 0; font-size: 11pt; border-bottom: 1px solid #CCC; }
.infomation { width: 975px; margin: 40px auto; font-size: 16px; font-weight: bold }
.boxregister { border: 1px solid #CCC; border-radius: 5px; margin: 50px auto; width: 600px; padding: 10px 5px; }
.boxregister input[type=text], .boxlogin input[type=text], .boxlogin input[type=password] { width: 95%; height: 30px; line-height: 30px; }
.boxlogin { width: 450px; float: left; margin-top: 10px; }
.highcharts-title { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold }
.highcharts { overflow: hidden; display: block; min-width: 350px; width: 100% }
.highcharts-container { }
.requite { color: #F00 }
.gomtrae { width: 100%; float: left; position: relative }
.gomtrae .content { margin: 10px; display: block }
.gomtrae1 { float: none !important; margin: 10px auto !important; clear: both; display: block !important; border: 3px solid #FC6; margin-top: 30px; }
.vesodai_1 { background: #FFC }
.vesodai_2 { background: #FCC }
.vesodai_3 { background: #CFF }
.vesodai_4 { background: #9CF }
input[type=password] { letter-spacing: 5px; font-size: 36px }
#imgShowPassword { height: 10px; width: 15px; position: relative; margin-left: -22px; }
.tinhlay { display: inline-block; width: 120px; padding-left: 20px }
.exportmonitor td:hover .btneditsmall { display: inline-block; opacity: 1 }
.btneditsmall { background: url(images/edit.gif) no-repeat; background-size: 15px; width: 15px; height: 15px; display: inline-block; margin-left: 5px; margin-right: -10px; margin-top: 5px; opacity: 0 }
.btneditsmall .picdate td { padding: 0; }
.btneditsmall .picdate { display: inline-table; background: #FFF; position: absolute; }
.btnexmonitor { background-image: url(images/ok.png) !important; background-color: transparent !important; border: 0 !important; width: 24px; height: 24px; display: block; text-indent: 200px; overflow: hidden; border: 0; cursor: pointer }
.divAjaxProcess { position: fixed; font-weight: bold; text-align: center; padding: 10px; width: 200px; height: 80px; top: 50%; left: 50%; margin-left: -100px; margin-top: -140px; border-radius: 8px;/* border:3px solid #CCC;  background:#000;*/ z-index: 2000; color: #F00; font-weight: bold; }
.divAjaxProcess img { width: 100px; height: auto }
.divAjaxProcess .slad { font-size: 150px; margin-left: -50px; min-width: 200px; min-height: 200px; text-align: center; border: 5px solid #F00; background: #FF9; border-radius: 50%; padding: 0 10px !important; vertical-align: middle; display: table-cell }
.divAjaxProcess span { padding: 3px 15px; background: #FFF; border: 1px solid #F00; border-radius: 5px; }
#box_LoadUrl, .box_QuickOrder { position: fixed; width: 100%; height: 100%; z-index: 10; background: url(images/bgopciti.png) repeat; }
.box_LoadUrl { width: 500px; height: auto; position: relative; background: #FFF; border: 10px solid #FFC07C; border-radius: 10px; opacity: 1.5; outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); margin: 0 auto; margin-top: 200px; }
.box_LoadUrlMax { width: 800px !important; height: auto !important; background-color: #EEEEEE }
#box_LoadUrlContent { overflow: auto; min-height: 200px; max-height: 600px; width: 100%; }
.btnCloseUrl, .btnCloseUrl2 { background: url(close.png) no-repeat !important; width: 30px; height: 30px; display: block; margin-top: -30px; float: right; border: 0px; cursor: pointer; margin-right: -20px; border: 0 !important; }
.custom-combobox .custom-combobox-input { line-height: 25px; padding-left: 5px; }
.custom-combobox .ui-button-text { line-height: 25px; height: 27px; padding: 0; }
.frmsearch { background: #F7F7F7; border: 1px solid #EDEDED; margin-bottom: 10px; display: inline-block; width: 100%; border-left: 0; border-right: 0; }
.frmsearch td { line-height: 30px; }
.frmsearch td input[type=text], .frmsearch td input[type=button], .frmsearch td input[type=submit], .frmsearch td select { margin-right: 20px; min-width: 120px; }
.picdate { margin-left: -300px; z-index: 1000 }
.titlename { font-size: 36px; color: #FFEAC6; text-align: center; font-family: Verdana, Geneva, sans-serif; font-weight: bold; }
.panel_footer_vgchat, #vgc_loading, .vgc_bt_logovchat { display: none }
.itemsearch { float: left; margin: 5px }
.ui-select .ui-btn select { font-size: 50px; }
.itemsearch strong { width: 70px; display: inline-block }
.group-title { font-weight: bold }
#result { padding: 10px; font-weight: bold; font-size: 20px; text-align: center; color: #E98E02 }
input.rbtn { vertical-align: baseline; }
.tongcong span { width: 50px; display: inline-block; text-align: right; }
.vtop { vertical-align: top !important }
.thanhtoan { text-align: left; width: 15px; height: 15px; display: inline-block; margin-left: 5px; margin-right: -10px; margin-top: 5px; float: left; cursor: pointer }
.exportmonitor td:hover .btnPrintGD { display: inline-block; opacity: 1 }
.exportmonitor td:hover .updatethanhtoan { display: inline-block; opacity: 1 }
.updatethanhtoan { background: url(images/edit.gif) no-repeat; background-size: 15px; width: 15px; height: 15px; margin-left: 40px; left: 5px; float: left; margin-top: 10px; text-align: left; opacity: 0; }
.updatethanhtoan .picdate td { padding: 0; }
.updatethanhtoan .picdate { display: inline-table; background: #FFF; position: absolute; }
.thanhtoan { display: inline-block; margin-left: 5px; margin-right: -10px; margin-top: 5px; color: #000 }
#boxexportmonitor .dai { width: 30px; text-align: right; display: inline-block; }
#boxexportmonitor .giave { width: 40px; text-align: right; display: inline-block; }
#boximportmonitor .giave { width: 45px; text-align: right; display: inline-block; }
.btnPrintGD { background-image: url(images/print2.png) !important; background-color: transparent !important; border: 0 !important; width: 25px; height: 25px; display: block; text-indent: 200px; overflow: hidden; float: right; cursor: pointer; margin-right: 5px; opacity: 0 }
.statusbansi, .statusgomE { display: none }
::-webkit-scrollbar-track {
 -webkit-box-shadow:inset 0 0 6px rgba(245, 240, 240, 0.3);
 border-radius: 10px;
}
::-webkit-scrollbar {
 width: 2px;
 height:2px;
}
::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.title { color: #F00; font-weight: bold; }
.dateGiaoVe { font-size: 15px; font-weight: bold; color: #F00 }
#import_datagrid .boxnhapveso { margin: 0px }
div#import_datagrid { margin-bottom: 10px; }
span.nguonthuchi { display: inline-block; width: 225px; padding-left: 20px; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lichnghi { cursor: pointer }
.lichnghi.active0, .lichnghi.XP { background: #8BC34A }
.lichnghi.active1, .lichnghi.O { background: #FF0 }
.lichnghi.active2, .lichnghi.X2 { background: #FF00FF }
.lichnghi.active3, .lichnghi.X12 { background: #00fffd }
.doanhthu_input input, .tamung_input input { width: 100px }
.box_nguonchi { min-width: 360px; }
.box_nguonchi input[type="text"] { width: 100%; font-size: 14px; font-weight: bold; height: 28px; padding: 0 3px!important; border: 1px solid #CCC; border-radius: 5px; }
.box_nguonchi td { vertical-align: middle; }
.bg-overlay { height: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); z-index: 500; display: none; overflow: hidden; }
.tooltip { display: none; position: absolute; z-index: 999; background: #FFF; font-size: 12px; margin-left: 190px; margin-top: -300px }
.tooltip td { line-height: 20px !important }
.image-placeholder { position: relative; overflow: hidden; width: 140px; height: 48px; padding: 0px; font-size: 12px; line-height: 13px; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; background: url(/images/upload.png) no-repeat; }
.image-placeholder input[type="file"] { position: absolute; top: 0; right: 0; float: left; opacity: 0; margin: 0; border-style: solid; border-color: transparent; border-width: 0; cursor: pointer; width: auto; height: 133px; z-index: 100; }
@media(max-width:799px) {
.phantram { padding-left: 1px }
span.nguonthuchi { margin: 10px 0 }
}
 @media(max-width:420px) {
.hidden-xs { display: none }
.dnw-page { min-width: 100%; background: none; padding: 5px }
.dnw-page img { height: auto; height: auto; background: rgba(255, 255, 255, 0.76); padding: 5px; border-radius: 5px; border: solid 1px #CA9D47; }
.dnw-header { padding-top: 0 !important }
div.dnw-header { min-width: 100% }
.dnw-content-layoutlogin { width: 100%; top: 20px; background: none; min-height: 293px; margin: 0 auto; position: relative; border: solid 7px rgba(184, 177, 177, 0.23); z-index: 2; padding: 5px; border-radius: 10px; background-color: #F3F3F3; }
.boxlogin table { width: 100% }
.boxlogin { width: 100% }
.titlename { font-size: 23px; margin-top: 15px }
.dnw-footer { min-width: 100% }
}