@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=vietnamese,latin';
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* General Demo Style */
body{
	font-family: 'Roboto Condensed', Arial, sans-serif;
	background: #000;
	font-weight: 400;
	font-size: 16px;
	color: #c74a05;
	overflow-y: scroll;
	overflow-x: hidden;
}
.ie7 body{
	overflow:hidden;
}
a{
	color: #c74a05;
	text-decoration: none;
}
a:hover{color:red}

textarea,input{border:none; border-bottom:dotted 1px; background:none; width:98%; margin:2px 0}
textarea{height:350px; border:dotted 1px #999999 !important; color:#999 !important; padding:5px}
.dot{border-bottom:dotted 1px #333333; padding-top:5px !important; padding-bottom:5px}
.dprice input{text-align:center;width:70%; margin:2px 15px}
.dm0{float:left; width:100%; text-align:center}
.dm10{width:1600px; margin:auto; text-align:center}
.dm11{width:780px; float:left; padding:0 10px; text-align:justify; position:relative}
.dm1{width:780px; margin:auto; text-align:justify}
.d100{width:780px; float:left;}

.dhead{width:780px; float:left; text-align:center; padding:10px 0; font-size:26px; font-weight:700}
.d100px{float:left; width:95px; padding-right:5px}
.d80px{float:left; width:75px; padding-right:5px}
.d290px{float:left; width:290px}
.d680px{float:left; width:680px}
.right{text-align:right}
.center{text-align:center}
.pd50{padding:5px 0}.pd900{padding:90px 0}.pd10050{padding:10px 0 5px 0}
.pd20{padding:2px 0}
.pd10{padding:10px 0}
.bold{font-weight:700}
.italic{font-style:italic}
.dbttname{float:left; width:480px; text-align:right}
.dbttname2{float:left; width:380px; text-align:right}
.dbttname2HN{float:left; width:380px; text-align:right; position:relative; border-bottom:dotted 1px #999999}
.dbttname22{float:left; width:440px; text-align:right}
.dbttname22HN{float:left; width:440px; text-align:right; position:relative; border-bottom:dotted 1px #999999}
.dbttnameHN{position:absolute;top:2px; left:0; font-weight:700}
.d680{float:left; width:680px; text-align:right}
.d580{float:left; width:580px; text-align:right}
.d50{float:left; width:50%}
.dstt{float:left; width:40px}
.dbanh{float:left; width:440px}
.dbanh2{float:left; width:410px}
.dgia{float:left; width:90px}
.dslg{float:left; width:70px}
.dttien{float:left; width:100px}
.dtong{float:left; width:610px}

.d100pt{float:left; width:100%}
.dlogo{float:left; width:150px}
.dcon{float:left; width:220px; padding-top:10px}
.f16{font-size:16px}
.f20{font-size:20px}
.pt10{padding-top:10px}
.pt15{min-height:30px}
.dpgh{float:left; width:410px}
.dphieu{float:left; width:100%; padding-top:20px; font-size:32px; font-weight:700; text-align:center}
.dngay{float:left; width:calc(100% - 20px); padding-top:30px; text-align:right; padding-right:20px}
.d40{float:left; width:36px; padding:0 2px}
.d200{float:left; width:196px; padding:0 2px}
.d100l{float:left; width:86px; padding:0 2px}
.d240{float:left; width:236px; padding:0 2px}
.d70{float:left; width:66px; padding:0 2px}
.d80{float:left; width:80px}
.d30{float:left; width:26px; padding:0 2px}
.dact{float:left; width:220px}.dactBill{width:36px; position:absolute; color:#666; overflow:hidden; font-size:13px; text-align:center}
.d100c{float:left; width:calc(100% - 260px); padding-left:40px}
.Gray{color:#666}.Gray a{color:#666}.Gray a:hover{color:red}
.hover:hover{background-color:rgba(255,255,255,0.1)}
.btn{padding:3px 10px; text-align:center;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#FC0; font-weight:700; line-height:22px;text-decoration:none;-moz-box-shadow:0 2px 3px rgba(0,0,0,.55);-webkit-box-shadow:0 2px 3px rgba(0,0,0,.55);box-shadow:0 2px 3px rgba(0,0,0,.55);background: rgb(255,48,25);background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); margin:5px 0;}
.btn:hover{cursor:pointer;color:red;text-decoration:none;-moz-box-shadow:0 0 2px rgba(0,0,0,.75);-webkit-box-shadow:0 0 2px rgba(0,0,0,.75);box-shadow:0 0 2px rgba(0,0,0,.75);background: rgb(255,255,0);background: -moz-linear-gradient(top, rgba(255,255,0,1) 0%, rgba(255,238,0,1) 50%, rgba(255,255,0,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,0,1) 0%,rgba(255,238,0,1) 50%,rgba(255,255,0,1) 100%);background: linear-gradient(to bottom, rgba(255,255,0,1) 0%,rgba(255,238,0,1) 50%,rgba(255,255,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#ffff00',GradientType=0 );}
.s0, .s0 div{color:#333 !important; text-decoration:line-through !important; font-style:italic}
.s1{}
input.cbox{width:20px}
input.cboxtt{width:calc(100% - 80px)}
.invoice0,.invoiceBG0{}
.invoice1{/*color:red;*/ text-decoration:underline}
.invoice1::before{content: '[ !!!VAT!!! ] ';color:red;}
.invoice2{/*color:green; text-decoration:underline*/}
.invoice2::before{content: '[ ✅ VAT ✅ ] ';color:green;}
.invoiceBG1{background-color:rgba(255,0,0,0.3) !important}
.invoiceBG1:hover{background-color:rgba(255,0,0,0.5) !important}
.invoiceBG2{background-color:rgba(0,153,0,0.1) !important}
.invoiceBG2:hover{background-color:rgba(0,153,0,0.3) !important}
.listACT .dact{display:none}
.listACT:hover .dact{display:block}
.red{color:red}
.chuagiao{text-decoration:line-through}
.pbt5{padding-bottom:10px}
mark{background:yellow;color:red}
mark.current{background:red;color:yellow;font-weight:700}
.boxsearch{position:fixed; opacity:0.7; bottom:5px; left:calc(50% - 203px);border:solid 5px #900; padding:2px 5px;background:#F90; width:396px}
#txtsearch{color:black; background:#F90; font-weight:700; border:none; border-bottom:dotted 1px #333333; margin:2px; width:250px !important}
#context{float:left; position:relative}
#txtsearch:hover{opacity:1}
.search{width:66px}
.print {page-break-inside: avoid; page-break-after: auto;}
.hlgo{height:150px; margin:auto; padding:2px 0}
.hlgohn{height:120px; padding:32px 0 2px 0}
.hlgohn2{height:95px; padding:5px 0}
.fdoichu{position:fixed; bottom:0; left:calc(50% - 405px); width:810px; height:30px; border:solid 5px #990000; background-color:#F90}
.fso{border:none; width:120px; float:left; font-size:18px; color:black; font-weight:700}
.fchu{border:none;width:670px; float:left; font-size:18px; color:black; font-weight:700}
.pdbt{padding-bottom:50px}
.lnk{float:left; width:20px; height:15px; border:dotted 1px; background:none}
.green{color:green}

.MLightMode{background-color:#FFFFFF;color: black;}
.QMLight{position:fixed; bottom:5px; left:5px; cursor:pointer}
.bgfull{background-color:rgba(51,51,51,0.2); padding:3px 0; margin-bottom:5px; border-bottom:dotted 1px #333333}
.ui-menu-item-wrapper:hover{background-color:rgba(255,204,51,0.6) !important}
.ui-menu-item{border-bottom:dotted 1px #999999 !important; max-width:500px !important}
.minmin{font-size:2px}
/**/
.Billdm0{float:left; width:100%; text-align:center}
.Billdm1{width:8cm; margin:auto; text-align:justify}
.Bills{width:100% !important}
/**/

@keyframes QMblink {
  0% {
    color: red;
  }
  100% {
    color: yellow;
  }
}

.bgghichu {
font-size:26px !important;
animation: QMblink 1s infinite;
}
.homnay{color:greenyellow}
.starQM{padding:10px 0}