@font-face {font-family: WebCode39;src: url("/plugins/font/WebCode39H3.eot");src: url("/plugins/font/WebCode39H3.otf") format("opentype"), url("/plugins/font/WebCode39H3.woff") format("woff");}
@font-face {font-family: IDAutomationHC39M;src: url("/plugins/font/WebCode39H3.eot");src: url("/plugins/font/WebCode39H3.otf") format("opentype"), url("/plugins/font/WebCode39H3.woff") format("woff");}
@font-face {font-family: code128;src: url("/plugins/font/code128.ttf");}
@font-face {font-family: demo;src: url("/plugins/font/demo.ttf");}
@font-face {font-family: WebCode128;src: url("/plugins/font/WebCode128H3.eot");src: url("/plugins/font/WebCode128H3.otf") format("opentype"), url("/plugins/font/WebCode128H3.woff") format("woff");}

.block { display:block !important;}
.bold { font-weight:bold !important;}
.bgtrans { background-color: transparent ;}
.bgcolor-black { background-color:#000;color: #fff;}
.bgcolor-dark { background-color:#333;color: #fff;}
.bgcolor-eee { background-color: #eee !important; color: #333 !important;}
.bgcolor-gray {background-color: #CCC; color:#444; }
.bgcolor-green { background-color:#27D400;}
.bgcolor-red { background-color:#f00;color: #fff;}
.bgcolor-white { background-color:#fff;}
.bgcolor-navy { background-color: Navy; color: #fff;}
.bgcolor-none { background-color:inherit;}
.bgcolor-red-gradian
{
       	background-color: #4D90FE;
		background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
		background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
		background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
		background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
		background-image: linear-gradient(top,#4D90FE,#4787ED);
		border: 1px solid #3079ED;
}

.blackwhite {-webkit-filter: grayscale(1) !important; -moz-filter: grayscale(1) !important;-ms-filter: grayscale(1) !important; filter: grayscale(1) !important;}
.color-disable {color:#E6E6E6 !important;}
.color-white {color:#fff;}
.color-gray {color:Gray !important;}
.color-lightgray {color:#C3C2C4 !important;}
.color-green {color:Green !important;}
.color-lgreen { color:#16DB00 !important;}
.color-red {color: Red !important;}
.color-pink {color: #F032E0 !important;}
.color-orange {color:#FE6F11 !important;}
.color-blue {color:Blue !important; }
.color-menubar { color:#3079ED !important;}

.inline-block { display:inline-block;}
.formattien {text-align:right !important; }
.formatlbl {text-align:left !important;}
.float-right { float: right;}
.float-left { float: left;}
.flat { border-radius: 0px !important;}
.highligh { color:#f00;}

.icon.awesome, .icon.sourse {width:18px; height:18px; margin-right:1px;  vertical-align:middle; color:#fff; top:2px;display:inline-block;}
.icon.sourse {width: 28px;}

.icon.awesome i:before , .icon.sourse i:before { position:relative; top:3px;}

.icon:first-child { margin-left:1px;}
.icon:last-child {margin-right:0px;}
.icon.info { background-color:#64D173;}
.icon.info i:before {content: "\f129";}
.icon.face { background-color:#0D54B8;}
.icon.face i:before {content: "\f09a"; top:4px;left:1px;font-size:15px; }
.icon.sendo { background-color:#f00;}
.icon.sendo i:before {content: "Sen"; top:3px;font-size:12px; font-weight:bold; font-family:Arial; }
.icon.vatgia { background-color:#cbe1e7;}
.icon.vatgia i:before {content: "VG"; top:3px;font-size:12px; font-weight:bold; font-family:Arial; color:#0d6075; }
.icon.cdt { background-color: #2c5d94;}
.icon.cdt i:before {content: "CDT"; top:3px;font-size:11px; font-weight:bold; font-family:Arial; }
.icon.v123 { background-color:#2aa91e;}
.icon.v123 i:before {content: "123"; top:3px;font-size:12px; font-weight:bold; font-family:Arial; }
.icon.cod { background-color: transparent;}
.icon.cod i:before {content: "COD"; top:3px;font-size:11px; font-weight:bold; font-family: Arial Black ; color:#f00; }
.icon.ems { background-color: transparent;}
.icon.ems i:before {content: "EMS"; top:3px; font-size:11px; font-weight:800; font-family: Arial; color:#0059de;}
.icon.benxe { background-color: transparent;}
.icon.benxe i:before {content: "\f207"; top:1px; font-size:15px; font-weight:bold;  color:#0066ff;}
.icon.giaohang { background-color: transparent;}
.icon.giaohang i:before {content: "\f21c"; top:1px; font-size:17px; font-weight:bold;  color:#2b5300;}
.icon.logopng {background-position:center;  background-repeat: no-repeat;}
.nav-tabs-custom { margin-top:5px; margin-right:5px;}

.nav > li > a { padding: 3px 15px; }
.margin-bottom2 { margin-bottom: 2px !important;}
.margin-bottom4 { margin-bottom: 4px !important;}
.margin-bottom6 { margin-bottom: 6px !important;}
.margin-bottom8 { margin-bottom: 8px !important;}
.margin-bottom10 { margin-bottom: 10px !important;}
 
.msg-warning { display: block;padding-top: 5px;font-style: italic;color: rgba(255, 0, 0, 0.61);}

.textleft {text-align: left !important;}
.textright { text-align:right !important;}
.textcenter { text-align:center !important;}
.textmiddle { vertical-align:middle !important; }
.top4 { top:4px !important;}

.padding0 {padding:0px !important;} 
.padding3 {padding:3px !important;}
.padding5 {padding:5px !important;}
.padtop5 { padding-top:5px !important;}
.padtop10 { padding-top:10px !important;}
.pointer { cursor: pointer;}
.valign-top { vertical-align:top !important;}

.s12 { font-size:12px !important;}
.s14 { font-size:14px !important;}
.s16 { font-size:16px !important;}
.s18 { font-size:18px !important;}
.s20 { font-size:20px !important;}
.s22 { font-size:22px !important;}
.s24 { font-size:24px !important;}
.s26 { font-size:26px !important;}
.s28 { font-size:28px !important;}
.s30 { font-size:30px !important;}

/* Width Height */
.h22 { height:22px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 { width:100px !important;}
.w110 { width:110px !important;}
.w120 { width:120px !important;}
.w130 { width:130px !important;}
.w140 { width:140px !important;}
.w150 { width:150px !important;}
.w170 {width:170px; }
.w210 {width:210px;}
.w280 {width:280px;}
.w300 {width:300px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w50p {width:50%;}
/* End Width Height */

/* Modify Bootrap CSS */
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title { font-size:15px; font-weight:bold;}
.box-header { padding:6px;}
.box-header > .box-tools {    position: absolute; right: 0px; top: 0px;}
.form-control-feedback { top:1px;}
.progress { margin:5px;}
.has-feedback .form-control { padding-right:30px;}
.info-box.little { min-height:30px;}
.info-box.little .info-box-icon { height:30px; width:30px; line-height:30px; font-size:20px;}
.info-box.little .info-box-icon i { line-height:inherit;}
.info-box.little .info-box-content {margin-left: 30px;}
.info-box.little .info-box-content .info-box-number {line-height: 20px;}
.info-box.little .info-box-number { font-size:16px;}
.row { margin:0px;}
.pad { padding:5px;}