body {background:#f2f2f2; padding:0;  width: 745px; margin:0; margin-left: auto; margin-right: auto }
*{ outline: none }
b,strong{
	font-weight:bold !important;
}
div.break{page-break-before: always}
.title_no{ width: 100%; float: left; text-align: center;text-transform: uppercase;color: #006eb3; font-family: 'Arial'; font-size: 22px; }
#noidung{ background-color:#fff; width: 745px;min-height: 1039px;margin-left: auto; margin-right: auto;}
.ui-state-highlight { background: #5FBCE8 !important; }
.ui-sortable-handle { position: relative; cursor: pointer }
.banginkqxsmiennam .miennam4cot .ui-state-highlight { width: 33%; }
.banginkqxsmiennam .miennam5cot .ui-state-highlight { width: 25%; }
.banginkqxsmiennam .tblKQMien:hover { outline-style: solid; outline-color: red; z-index: 100 }
.removed { display: none }
.banginkqxsmiennam:hover .removed { display: table-cell }
.ui-sortable-helper { background: #000; color: #FFB600; outline-style: double; outline-color: red; display: inline-block }
.ui-sortable-helper td { background: #000 !important; color: #FFB600; border-color: #111 !important }
.btn_Open, .btn_Remove { position: absolute; text-align: center; display: none; top: 0; right: 0; margin-left: -15px; background: #D05252 !important; color: #000; width: 30px; height: 30px; line-height: 30px !important; cursor: pointer; }
.ui-sortable-handle:hover td { background: #FFEFAC }
.ui-sortable-handle:hover .btn_Remove { display: inline; }
.ui-sortable-handle.removed:hover .btn_Remove { display: none; }
.ui-sortable-handle.removed:hover .btn_Open { display: inline; }
.ui-sortable-handle.removed td, .ui-sortable-handle.removed:hover td, .ui-sortable-handle.removed.ui-sortable-helper { background: #666; }
#notification { position: fixed; width: 100%; top: 0; left: 0; text-align: center; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background: #F00; color: #FF0; padding: 10px 0; display: none; z-index: 999 }
.tooltip { top: 0; left: 0; white-space: nowrap; border: 0px solid #0C3; background: #F00; padding: 0px 10px; border-radius: 0 5px 5px 0; color: #fff; position: absolute; display: inline-block; font-size: 12px; line-height: 12px; z-index: 10 }
.eventHover { background: #FF9; position: relative }
.input_typing { width: 100%; text-align: center; border: 0; background: #FFC; outline: 1px solid #F00; z-index: 999999; position: relative }
#setting { position: fixed; right: 0; top: 50px; width: 160px; display: inline-block; background: rgba(134, 190, 230, 0.88); padding: 0 10px; border-radius: 10px 0 0 10px; border: 2px solid rgba(43, 135, 179, 1); border-right: 0; font-family: 'Arial'; font-size: 14px; }
#setting hr { margin: 20px 0; border-top: 1px solid #0070b5; }
.btn_setting a { color: #fff; text-decoration: none }
.btn_setting { border: 1px solid #0b4f80; background: #0074c7; padding: 4px 3px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; margin: 10px 0; text-align: center; font-weight: bold; color: #ffffff; cursor: pointer; min-width: 150px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7)); background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%); background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%); background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%); background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%); background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
background-color: #007dc1; }
.btn_setting:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1)); background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%); background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%); background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%); background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%); background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1', GradientType=0);
background-color: #0061a7; color: #FFB600; }
.btn_setting:active { position: relative; top: 1px; }
.btn_setting.needclick { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437)); background: -moz-linear-gradient(top, #c62d1f 5%, #f24437 100%); background: -webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%); background: -o-linear-gradient(top, #c62d1f 5%, #f24437 100%); background: -ms-linear-gradient(top, #c62d1f 5%, #f24437 100%); background: linear-gradient(to bottom, #c62d1f 5%, #f24437 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437', GradientType=0);
background-color: #c62d1f; border: 2px solid #ffffff; }
.btn_setting.clicked { color: #FC0 }
#btn_Print { background: linear-gradient(#ed1f23,#ff9a00); background-color: #77d42a; border: 1px solid #009811; }
.pinkbg { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c123de), color-stop(1, #a20dbd)); background: -moz-linear-gradient(top, #c123de 5%, #a20dbd 100%); background: -webkit-linear-gradient(top, #c123de 5%, #a20dbd 100%); background: -o-linear-gradient(top, #c123de 5%, #a20dbd 100%); background: -ms-linear-gradient(top, #c123de 5%, #a20dbd 100%); background: linear-gradient(to bottom, #c123de 5%, #a20dbd 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c123de', endColorstr='#a20dbd', GradientType=0);
background-color: #c123de; border: 2px solid #9400af; }
.pinkbg:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a20dbd), color-stop(1, #c123de)); background: -moz-linear-gradient(top, #a20dbd 5%, #c123de 100%); background: -webkit-linear-gradient(top, #a20dbd 5%, #c123de 100%); background: -o-linear-gradient(top, #a20dbd 5%, #c123de 100%); background: -ms-linear-gradient(top, #a20dbd 5%, #c123de 100%); background: linear-gradient(to bottom, #a20dbd 5%, #c123de 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20dbd', endColorstr='#c123de', GradientType=0);
background-color: #a20dbd; }
.printoption { background-color: #ffc800; border-bottom: 2px solid #ff9900; padding: 4px 0px; display: inline-block; width: 100%; position: fixed; top: 0; right: 0; margin-bottom: 20px; color: #fff; }
.printoption a{ color:#fff ; } 
.printoption select,.printoption input{ border: 0px; padding: 2px 5px; margin-left: 10px; height: 30px; box-sizing: border-box; border-radius: 5px; }
.optioncontent { width: 900px; margin: 0 auto; }
.optioncontent * { font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#noidung { margin-top: 50px; }
.oneditCSS { margin-left: 10px }
.boxcssedit { width: 500px; height: 400px; min-width: 300px; min-height: 200px; position: fixed; display: none; background: #eaeaea; bottom: 10px; right: 10px; border: 3px solid rgba(0, 126, 199, 1); border-radius: 5px; }
.boxbody { overflow: auto; }
.btncloseCss { cursor: pointer; font-size: 16px; font-weight: bold; background-color: #F00; float: right; position: absolute; right: 0; top: 0; border: 1px solid #b70000; color: #fff; }
.boxtitle { text-align: center; background: rgba(0, 126, 199, 1); height: 22px; line-height: 22px; border-bottom: 1px solid #0078b1; color: #FFF; font-weight: bold; cursor: move }
#box_template { width: 750px; height: 500px; top: 200px; left: 50%; margin-left: -25%; }
#box_template .boxbody { overflow: auto; height: 95% }
.listtpl > li { float: left; display: inline-block; width: 47%; }
.listtpl > li > div { margin: 10px; border: 3px solid #09C; border-radius: 5px; padding: 5px; background: #fff; }
.listtpl > li > div .name { font-size: 16px; font-weight: bold; color: #C00; border-bottom: 1px solid #000; margin-bottom: 5px; height: 30px; line-height: 30px; }
.listtpl > li > div .img{ text-align:center}
.listtpl > li > div img { max-width: 100%; height: 416px; width: auto; border: 0; margin:0 auto }
.selcettpl { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437)); background: -moz-linear-gradient(top, #c62d1f 5%, #f24437 100%); background: -webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%); background: -o-linear-gradient(top, #c62d1f 5%, #f24437 100%); background: -ms-linear-gradient(top, #c62d1f 5%, #f24437 100%); background: linear-gradient(to bottom, #c62d1f 5%, #f24437 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437', GradientType=0);
background-color: #c62d1f; border-radius: 11px; border: 1px solid #d02718; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 17px; padding: 3px 10px; text-decoration: none; text-shadow: 0px 1px 0px #810e05; outline: 0; float: right; }
.selcettpl:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #c62d1f)); background: -moz-linear-gradient(top, #f24437 5%, #c62d1f 100%); background: -webkit-linear-gradient(top, #f24437 5%, #c62d1f 100%); background: -o-linear-gradient(top, #f24437 5%, #c62d1f 100%); background: -ms-linear-gradient(top, #f24437 5%, #c62d1f 100%); background: linear-gradient(to bottom, #f24437 5%, #c62d1f 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f', GradientType=0);
background-color: #f24437; outline: 0; }
.selcettpl:active { position: relative; top: 1px; outline: 0; }
.btnprint {    background: linear-gradient(#ed1f23,#ff9a00);background-color: #33bdef; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 13px; font-weight: bold; }
.btnprint input { background: url(../images/printer_green.png) 0px center no-repeat; background-size: 25px; background-color: transparent; border: 0; padding: 5px 10px 5px 30px; color: #fff; font-weight: bold; cursor: pointer }
#topusermenu { text-align: center }
.toplogin { text-align: center; margin-top: 10px; background: #F00; border-radius: 5px; padding: 5px; }
.toplogin input { width: 90%; margin-bottom: 5px; border: 0px; padding: 5px; }
.btnlogin { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23)); background: -moz-linear-gradient(top, #ffec64 5%, #ffab23 100%); background: -webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%); background: -o-linear-gradient(top, #ffec64 5%, #ffab23 100%); background: -ms-linear-gradient(top, #ffec64 5%, #ffab23 100%); background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23', GradientType=0);
background-color: #ffec64; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #ffaa22; display: inline-block; cursor: pointer; color: #333333; font-family: Arial; font-size: 12px; font-weight: bold; padding: 3px 5px; text-decoration: none; text-shadow: 0px 1px 0px #ffee66; }
#wellcomeuser { background: url(images/user_group.png) 0 center no-repeat; padding-left: 20px; background-size: 20px; line-height: 30px; color: #FF0; font-weight: bold }
#btn_syn{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d));
	background:-moz-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-webkit-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-o-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:-ms-linear-gradient(top, #ff5bb0 5%, #ef027d 100%);
	background:linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d',GradientType=0);
	background-color:#ff5bb0;border: 1px solid #900247;}
.abtnlogout { -moz-box-shadow: 0px 1px 0px 0px #1c1b18; -webkit-box-shadow: 0px 1px 0px 0px #1c1b18; box-shadow: 0px 1px 0px 0px #1c1b18; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6)); background: -moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%); background: -webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%); background: -o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%); background: -ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%); background: linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6', GradientType=0);
background-color: #eae0c2; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; display: inline-block; cursor: pointer; color: #505739; font-family: Arial; font-size: 14px; font-weight: bold; padding: 3px 5px; text-decoration: none; text-shadow: 0px 1px 0px #ffffff; }
.abtnlogout:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2)); background: -moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%); background: -webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%); background: -o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%); background: -ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%); background: linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2', GradientType=0);
background-color: #ccc2a6; }
.abtnlogout:active { position: relative; top: 1px; }
 @media print {
	 
body{ background:#fff;}
.oneditCSS { margin-left: auto; }
.banginkqxsmiennam .tblKQMien:hover { outline-style: none; outline-color: red; z-index: 100 }
.btn_Open, .btn_Remove { position: absolute; text-align: center; display: none; opacity: 0 }
.removed, #notification, #setting, .printoption, .boxcssedit { display: none !important }
#noidung { margin-top: 0px; }
.ui-sortable-handle:hover td { background-color: transparent }
}
.qr-code{max-width:100%;height:auto}