@charset "utf-8";

body, html {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:13px;
	color: #000;
	min-width:1200px;
	background: #fff;
	padding:0;
	height:100%;
}
body {
	margin:0;
	padding:90px 0 0 0;
	/*-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;*/
}
body.body_logo {
	background: #dfd url(../images/logo_bg.png) no-repeat top left fixed;
	background-size: contain;
}
:focus {
	outline:0 !important;
}
a {
	cursor:pointer !important;
}
i.fa {
	xmargin-right:5px !important;
}
.clear {
	clear:both;
}
.man { 
	font-weight:bold; 
	color:#bb0000;
	margin-right:3px;
}
.man:before {
	content:'* ';
}
img {
		display:block;
}
b {
	font-weight:600;
}
.vat {
	vertical-align:top;
}
.header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	min-width:1200px !important;
	height:50px;
	background-image:linear-gradient(#fff, #ccc);
	padding:0px;
	margin:0;
	box-shadow:0 0 15px rgba(0,0,0,0.5); 
	z-index:100;
}
.header span.username {
	padding:0;
	margin:0;
	position:absolute;
	bottom:1px;
	left:55px;
	color:#666;
	font-size:10px;
}
.header img.clogo {
	padding:0;
	margin:5px -10px 0 5px;
	width:50px;
	cursor:default;
	float:left;
}
.header img.avatar {
	padding:0;
	margin:0;
	height:50px;
	width:50px;
	border-radius:0px;
	cursor:default;
	float:left;
}
.logbutton {
	padding:2px 8px !important;
	font-size:18px !important;
	color:#c00;
	margin:0;
	float:right;
	border:1px #aaa solid;
}
.langbutton {
	margin:0px 0 0 10px;
	padding:0px;
	float:right;
	border-radius:5px;
}
.langbutton img {
	margin:0;
	padding:0;
	height:24px;
	border-radius:2px;
	opacity:0.4;
}
.langbutton:hover > img, a.langbutton.activ > img {
	opacity:1;
}



.logform {
	position: absolute;
	left: 50%;
	top: 40%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);	
	
	width:450px; 
	xmargin:0 auto; 
	xmargin-top:150px; 
	box-shadow:0 0 10px rgba(0,0,0,0.2); 
	background:#fff;
	border-radius:3px;
	padding:0;
	color:#333;
	box-sizing: border-box;
}
.logform h2 {
	margin:0;
	padding:12px 0 12px 30px; 
	font-size:22px;
	font-weight:normal;
	border-bottom:1px solid #ddd;
	border-radius:3px 3px 0 0;
	background: #007700;
	color:#fff;
}




.dashbox {
	display:block;
	float:left;
	width:25%;
	xmin-width:300px;
	padding:0 12px 12px 0;
	z-index:0 !important;
	font-family:Roboto;
}
@media (max-width: 1300px) {
	.dashbox {
		width:33%;
	}
}
.dashbox .inner {
	display:block;
	min-height:150px;
	position:relative;
	padding:20px;
	text-align:center;
	z-index:0 !important;
	border-radius:3px;
	background:#ddd;
	cursor:pointer;
}
.dashbox .inner:hover {
	box-shadow:2px 2px 8px rgba(0,0,0,0.4);
}
.dashbox.disabled {
	pointer-events: none;
}
.dashbox .inner p {
	font-size:20px;
	color:#fff;
	padding:10px 0 0 0;
	margin:0;
	font-weight:700;
	text-transform:uppercase;
	z-index:100 !important;
}
.dashbox .inner a i.fa {
	font-size:14px;
}
.dashbox .inner a:hover {
	color:#fff;
}
.dashbox .inner p.two {
	font-size:15px;
	padding:5px 0 0 0;
}

.dashbox .inner i.fa {
	font-size:60px;
	transition: all 0.1s;
	z-index:0 !important;
	color:rgba(255,255,255,0.5);
}
.dashbox .inner:hover i.fa {
	color:rgba(255,255,255,0.9);
}
.dashbox .inner a i.fa-exclamation-circle {
	font-size:24px;
	position:absolute;
	color:#fff !important;
	display:block;
	top:10px;
	right:11px;
	xborder:1px #000 solid;
	xpadding:1px 3px 1px 3px;
	border-radius:50%;
	fbackground: rgba(255,255,255,0.9);
	xbox-shadow:0 0 15px rgba(0,0,0,0.5);
}
.dashbox.green .inner {
	background:#00a65a;
}
.dashbox.myAccount .inner {
	background:#00a65a;
}
.dashbox.colPayroll .inner {
	background:#00a65a;
}
.dashbox.colExport .inner {
	background:#f39c12;
}
.dashbox.orange .inner {
	background:#f39c12;
}
.dashbox.colTime .inner {
	background:#39cccc;
}
.dashbox.blue .inner {
	background:#39cccc;
}
.dashbox.colSetting .inner {
	background:#f56954;
}
.dashbox.reds .inner {
	background:#f56954;
}
.dashbox.colEmployee .inner {
	background: #0099CC;
}
.dashbox.dblue .inner {
	background: #0099CC;
}
.dashbox.colReport .inner, 
.dashbox-sm.colReport .inner {
	background: #CC6699;
}
.dashbox.purple .inner {
	background: #CC6699;
}
.dashbox.colLeave .inner {
	background: #099;
}
.dashbox.teal .inner {
	background: #099;
}
.dashbox.colApprove .inner {
	background: #C63;
}
.dashbox.brown .inner {
	background: #C63;
}
.dashbox .inner.disabled {
	background: #ddd;
}
.dashbox .inner.disabled:hover {
	box-shadow:none;
	cursor:not-allowed;
}
.dashbox .inner.disabled:hover i.fa {
	color:rgba(255,255,255,0.5);
}

.dashbox-sm {
	display:block;
	width:100%;
	padding:0 0 6px 0;
	z-index:0 !important;
}
.dashbox-sm .inner {
	display:block;
	padding:8px 5px 10px 10px;
	text-align:left;
	z-index:0 !important;
	border-radius:0px;
	background:#ddd;
	cursor:pointer;
}

.dashbox-sm .inner:hover {
	box-shadow:1px 1px 5px rgba(0,0,0,0.4);
}
.dashbox-sm .inner p {
	font-size:15px;
	color:#fff;
	padding:0;
	margin:0;
	font-weight:700;
	text-transform:uppercase;
	z-index:100 !important;
	display:inline-block;
}
.dashbox-sm .inner i.fa {
	font-size:22px;
	display:inline-block;
	transition: all 0.1s;
	z-index:0 !important;
	color:rgba(255,255,255,0.6);
	padding:0 7px 0 0;
}
.dashbox-sm .inner:hover i.fa {
	color:rgba(255,255,255,1);
}
.dashbox-sm .inner.active i.fa {
	color:#fff;
}
.dashbox-sm .inner i.fa-caret-right {
	color:transparent !important;
	float:right;
	margin-top:-2px;
	font-size:30px;
}
.dashbox-sm .inner.active i.fa-caret-right {
	color:rgba(255,255,255,0.8) !important;
	float:right;
	margin-top:1px;
	font-size:26px;
}
.dashbox-sm.green .inner {
	background:#00a65a;
}
.dashbox-sm.orange .inner {
	background:#f39c12;
}
.dashbox-sm.blue .inner {
	background:#39cccc;
}
.dashbox-sm.reds .inner {
	background:#f56954;
}
.dashbox-sm.dblue .inner {
	background: #0099CC;
}
.dashbox-sm.purple .inner {
	background: #CC6699;
}
.dashbox-sm .inner.disabled {
	opacity:0.6;
	box-shadow:none;
	cursor: default;
}
.xdashbox-sm .inner.disabled:hover {
	opacity:0.5;
	box-shadow:none !important;
	cursor:not-allowed;
}
.xdashbox-sm .inner.disabled {
	xbackground: #ddd;
}
.xdashbox-sm .inner.disabled:hover {
	box-shadow:none;
	cursor:not-allowed;
}
.xdashbox-sm .inner.disabled:hover i.fa {
	color:rgba(255,255,255,0.5);
}


.notify_box {
	width:100%;
	margin-bottom:15px;
}
.notify_box h2 {
	width:100%;
	border-radius:3px 3px 0 0;
	font-size:16px;
	padding:8px 10px;
	margin:0;
	background:#006699 !important;
	color:#fff !important;
	border:0 !important;
	font-weight:600;
}
.notify_box .inner {
	min-height:100px;
	background:#f6f6f6;
	padding:10px;
	border-radius: 0 0 3px 3px;
	border:1px #ddd solid !important;
	border-top:0 !important;
	font-size:13px;
}


.widget {
	padding:0px;
	margin:0 0 15px 0;
	margin:0;
}
.widget_body {
	padding:15px;
	margin:0;
	position:relative;
}
.widget h2 small {
	font-size:14px;
	color:#900;
}

.widget h2 {
	display:block;
	padding:1px 15px 0 15px;
	margin:0;
	font-size:16px;
	font-weight:600;
	background:#eee;
	border:0;
	line-height:38px;
	color:#900;
	border-bottom:1px #ddd solid;
}

/* Custom Radio and Input * SETUP -------------------------------------------------------------------------------------------------*/
	label {
		margin:0 0 0px 0;
	}
	.checkbox input[type="checkbox"].checkbox + span,
	.checkbox-inline input[type="checkbox"].checkbox + span,
	.radiobox-inline input[type="radio"].radiobox + span,
	.radio input[type="radio"].radiobox + span {
	  xmargin-left: -20px;
	}
	.form-inline .checkbox input[type="checkbox"].checkbox + span,
	.form-inline .radiobox input[type="radio"].radiobox + span {
	  margin-left: 0px;
	}
	.form-inline .checkbox,
	.form-inline .radiobox {
	  padding-left: 0px;
	}
	label input[type="radio"].radiobox + span,
	input[type="checkbox"].checkbox + span {
	  vertical-align: middle;
	  line-height: 20px;
	}
	input[type="checkbox"].checkbox + span,
	input[type="checkbox"].checkbox + span:after,
	input[type="checkbox"].checkbox + span:before,
	input[type="radio"].radiobox + span,
	input[type="radio"].radiobox + span:after,
	input[type="radio"].radiobox + span:before {
	  box-sizing: content-box !important;
	  -webkit-box-sizing: content-box !important;
	  -moz-box-sizing: content-box !important;
	}
	input[type="checkbox"].checkbox,
	input[type="radio"].radiobox {
	  visibility: hidden;
	  position: absolute;
	  z-index: 1;
	  width: 18px;
	  height: 18px;
	}
	label input[type="checkbox"].checkbox + span,
	label input[type="radio"].radiobox + span {
	  position: relative;
	  z-index: 1;
	  display: inline-block;
	  margin: 0;
	  line-height: 17px;
	  min-height: 14px;
	  min-width: 14px;
	  margin-right: 5px;
	}
	label input[type="checkbox"].checkbox + span:hover,
	label input[type="radio"].radiobox + span:hover {
	  cursor: pointer;
	}
	label input[type="radio"].radiobox + span:before,
	label input[type="checkbox"].checkbox + span:before {
	  font-family: 'FontAwesome';
	  font-size: 12px;
	  border-radius: 0;
	  content: "\a0";
	  /* we use '\a0'; to simulate a non-breaking-space (http://milov.nl/7029) */
	  display: inline-block;
	  text-align: center;
	  vertical-align: middle;
	  padding: 0px;
	  height: 13px;
	  line-height: 13px;
	  min-width: 13px;
	  margin-right: 5px;
	  border: 1px solid #bfbfbf;
	  background-color: #f4f4f4;
	  font-weight: normal;
	  margin-top: -3px;
	  padding-top:0px;
	}
	/*
	 * RADIO
	 */
	xlabel input[type="radio"].xradiobox + xspan:before {
	  content: "\a0";
	  /* we use '\a0'; to simulate a non-breaking-space (http://milov.nl/7029) */
	  border-radius: 50%;
	  -moz-border-radius: 50%;
	  -webkit-border-radius: 50%;
	  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	  font-size:10px;
	}
	label input[type="radio"].radiobox + span, 
	label input[type="checkbox"].checkbox + span {
	  font-weight: normal;
	}
	label input[type="radio"].radiobox:checked + span, 
	label input[type="checkbox"].checkbox:checked + span {
	  font-weight: 600;
	}
	/* DEFAULT COLOR */
	label input[type="radio"].radiobox:checked + span:before {
	  content: "\f00c";
	  /* circle */
	  color: #2E7BCC;
	}
	/*
	 * RADIO:HOVER & ACTIVE STATES
	 */
	/* DEFAULT:HOVER radio content --> 2022 */
	label:hover input[type="radio"].radiobox + span:before,
	label:hover input[type="radio"].radiobox:checked + span:before {
	  color: #2E7BCC;
	  border-color: #2E7BCC;
	}
	/* DEFAULT:ACTIVE */
	label:active input[type="radio"].radiobox + span:before {
	  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
	}
	/*
	 * RADIO:DISABLE STATES
	 */
	/* GLOBAL */
	label input[type="radio"][disabled].radiobox + span,
	label input[type="radio"][disabled].radiobox:checked + span,
	label:hover input[type="radio"][disabled].radiobox:checked + span:before {
	  color: #A7A7A7;
	  cursor: not-allowed;
	}
	label input[type="radio"][disabled].radiobox:checked + span:before {
	  content: "\f111";
	}
	label input[type="radio"][disabled].radiobox:checked + span:before,
	label input[type="radio"][disabled].radiobox + span:before,
	label:active input[type="radio"][disabled].radiobox:checked + span:before,
	label:hover input[type="radio"][disabled].radiobox:checked + span:before {
	  background: #eee !important;
	  border-color: #CCC !important;
	  box-shadow: none;
	  color: #A7A7A7;
	}
	/*
	 * CHECKBOX
	 */
	label input[type="checkbox"].checkbox + span:before {
	  content: "\a0";
	  /* we use '\a0'; to simulate a non-breaking-space (http://milov.nl/7029) */
	}
	label input[type="checkbox"].checkbox:checked + span:before {
	  content: "\f00c";
	}
	label input[type="checkbox"].checkbox:checked + span {
	  font-weight: normal;
	}
	/* DEFAULT COLOR */
	label input[type="checkbox"].checkbox:checked + span:before {
	  color: #2E7BCC;
	}
	/*
	 * CHECKBOX:HOVER & ACTIVE STATES
	 */
	label:active input[type="checkbox"].checkbox + span:before {
	  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
	}
	/* DEFAULT:HOVER */
	label:hover input[type="checkbox"].checkbox + span:before {
	  color: #2E7BCC;
	  border-color: #2E7BCC;
	}
	/* DEFAULT:ACTIVE */
	label:active input[type="checkbox"].checkbox:checked + span:before {
	  color: #ffffff;
	  background: #2E7BCC;
	  border-color: #2E7BCC;
	}
	/*
	 * CHECKBOX:DISABLE STATES
	 */
	/* GLOBAL */
	label input[type="checkbox"][disabled].checkbox + span,
	label input[type="checkbox"][disabled].checkbox:checked + span,
	label:hover input[type="checkbox"][disabled].checkbox:checked + span:before {
	  color: #A7A7A7;
	  cursor: not-allowed;
	}
	label input[type="checkbox"][disabled].checkbox:checked + span:before {
	  content: "\f00c";
	  color: #A7A7A7;
	}
	label input[type="checkbox"][disabled].checkbox:checked + span:before,
	label input[type="checkbox"][disabled].checkbox + span:before,
	label:active input[type="checkbox"][disabled].checkbox:checked + span:before,
	label:hover input[type="checkbox"][disabled].checkbox:checked + span:before {
	  background: #eee !important;
	  border-color: #CCC !important;
	  box-shadow: none;
	  color: #A7A7A7;
	  box-shadow: none !important;
	}
	label input[type="checkbox"].checkbox.notxt + span:before {
	  margin-right: 0px;
	  margin-top: -5px;
	}
	label input[type="checkbox"].checkbox.notxt + span {
	  margin-right: 0px;
	}

/* Begin basicTable --------------------------------------------------------------------------------------------------------------------------*/
table.basicTable {  
	width:100%;
	table-layout:auto;
	border-collapse:collapse;
	border:none;
	font-size:13px;
	color:#000;
	white-space:nowrap;
}
table.basicTable thead tr {
	border-bottom: 1px #ccc solid;
	background:#eee;
}
table.basicTable thead tr th {
	text-align:left;
	xwidth:10px;
	color:#005588;
	font-weight:600;
	vertical-align:middle;
	padding:6px 10px;
	border-right:1px #fff solid;
}
table.basicTable thead tr th:last-child {
	border-right:0;
}
table.basicTable tbody th {
	text-align:right;
	width:10px;
	color:#005588;
	border-right:1px solid #ececec;
	font-weight:600;
	vertical-align:top;
	padding:4px 10px;
}
table.basicTable tbody th label {
	font-weight:600;
}
table.basicTable tbody tr {
	border-bottom: 1px #eee solid;
	cursor:default;
}
table.basicTable tbody td, 
table.basicTable tfoot td {
	text-align:left;
	padding:4px 10px;
	font-weight:400;
	border-right:1px #eee solid;
}
table.basicTable tfoot td {
	font-weight:600;
	background:#900;
	color:#fff;
}
table.basicTable.editTable tbody td {
	padding:0px;
}
table.basicTable tbody td:last-child {
	border-right:0;
}
table.basicTable tbody td input[type=text], 
table.basicTable tbody td input[type=password], 
table.basicTable tbody td select {
	width:100%;
	padding:4px 10px;
	border:0;
	xborder-bottom:1px #fff solid;
	margin:0;
	line-height:normal;
	box-sizing: border-box;
	display:inline-block;
}
table.basicTable.pad210 tbody td input[type=text], 
table.basicTable.pad210 tbody td input[type=password], 
table.basicTable.pad210 tbody td select {
	padding:2px 10px !important;
}
table.basicTable tbody td input[type=text]:hover, 
table.basicTable tbody td input[type=password]:hover, 
table.basicTable tbody td textarea:hover {
	xborder-bottom:1px #eee solid !important;
}
table.basicTable tbody td input[type=text]:focus, 
table.basicTable tbody td input[type=password]:focus, 
table.basicTable tbody td textarea:focus, 
table.basicTable tbody td select:hover {
	xborder-bottom:1px #ddd solid !important;
}
table.basicTable tbody td input[type=text].nofocus {
	xborder-bottom:1px #fff solid !important;
}
table.basicTable th, 
table.basicTable thead th, 
table.basicTable td, 
table.basicTable tbody td {
	white-space:nowrap;
	vertical-align:middle;
}
table.basicTable tbody td textarea {
	width:100%;
	resize: none;
	padding:4px 10px;
	border:0;
	xborder-bottom:1px #fff solid;
	margin:0;
	line-height:normal;
	box-sizing: border-box;
	background:#fff;
}
table.basicTable tbody td select {
	padding: 3px 6px !important;
}
table.basicTable tbody td select:focus {
	xborder-bottom:1px #fff solid !important;
}
table.basicTable tbody td.info {
	padding:4px 10px !important;
}
table.basicTable.inputs tbody td {
	padding:0 !important;
}
table.basicTable.pad010 tbody td {
	padding:0 10px !important;
}
table.basicTable.vam tbody th, 
table.basicTable.vam tbody td {
	vertical-align:middle;
}
table.basicTable input[type=text]:disabled,
table.basicTable select:disabled {
	border-bottom:1px #fff solid !important;
	xcolor:#999 !important;
}
table.basicTable input[type=text]:hover:disabled,
table.basicTable select:hover:disabled {
	border-bottom:1px #fff solid !important;
	cursor:not-allowed;
}
table.basicTable tbody td.pad410 {
	padding:4px 10px !important;
}
table.basicTable table.subTable {
	width:100%;
}
table.basicTable table.subTable tr {
	border-bottom:1px #ddd solid !important;
}
table.basicTable table.subTable th {
	font-style:italic;
}
table.basicTable.inputs tbody td select {
	width:auto;
}
table.basicTable h4 {
	background:#474;
	background:#eee;
	color:#900;
	font-size:14px;
	padding:5px 12px;
	margin:0;
	font-weight:600;
}
table.basicTable h4 span {
	font-size:12px;
	font-weight:500;
}
table.basicTable.taxset tbody td input[type=text], 
table.basicTable.taxset tbody td input[type=password], 
table.basicTable.taxset tbody td select {
	padding:2px 10px !important;
	display:block !important;
}
table.basicTable.taxset tbody td {
	vertical-align:baseline !important;
}
table.basicTable tbody td.info {
	white-space:normal;
	xcolor:#999;
	xfont-style:italic;
	padding-left:10px;
}
table.basicTable tbody td.info input.in_info {
	font-size:13px;
	font-style:italic;
	color:#006699 !important;
}
table.basicTable tbody td.info input.in_err {
	font-size:13px;
	font-style:italic;
	color:#c00 !important;
}
table.basicTable.compact thead th {
	padding: 4px 6px;
}
table.basicTable thead th.red, 
table.basicTable tbody td.red {
	color:#b00;
}
table.basicTable.compact tbody td {
	padding: 2px 6px;
}
table.basicTable thead.tar th, 
table.basicTable tbody.tar td, 
table.basicTable tfoot.tar td {
	text-align:right;
}
table.basicTable thead.tac th {
	text-align:center;
}
table.basicTable.compact.tac th, 
table.basicTable.compact.tac td {
	text-align:center;
}
table.basicTable.hover tbody tr:hover {
	background: #ffa;
}

div.clockpicker {
	position:relative;
	width:80px;
	padding:0;
	margin:0;
	height:24px;
	xbackground:red;
}
div.clockpicker input[type="text"] {
	position:absolute !important; 
	padding:3px 6px 2px !important; 
	xborder:1px #ccc solid !important;
	xborder-radius:2px !important;
	width:100% !important;
	margin:0 !important;
	background:transparent !important;
	cursor:pointer !important;
}
div.clockpicker button {
	position:absolute !important;
	color:#999 !important;
	right:2px !important;
	top:1px !important;
	display:block !important;
	padding:0 5px !important;
	background:#f6f6f6 !important;
	border:0 !important;
	xborder-left:1px #ddd solid !important;
	line-height:24px !important;
	width:24px;
}

/*table.basicTable .sTable tbody tr:last-child {
	border-bottom:0;
}
table.basicTable .sTable tbody td {
	padding:4px 8px;
}
table.basicTable .thwrap tbody th {
	white-space:normal;
}
table.basicTable tbody tr.bborder {
	border-bottom:1px #ececec solid;
}

table.basicTable tbody td.rb {
	border-right:1px #eee solid;
}
table.basicTable.fullborder tbody td {
	border:1px #ececec solid;
}


table.basicTable.tableHead th:last-child {
	border-right:0px solid #ddd;
}
table.basicTable.tableHead td:last-child {
	border-right:0px solid #ddd;
}
table.basicTable.tableHead th {
	border-bottom:2px #ccc solid;
	background:#eee;
	border-right:1px solid #ddd;
	padding:4px 8px;
}
table.basicTable.tableHead td {
	border-right:1px solid #ddd;
	padding:4px 8px 2px;
}
table.basicTable thead {
	border:1px #ddd solid;
	border-bottom:2px #ccc solid;
}

table.basicTable.attach th {
	padding:5px 10px;
	font-weight:600;
	line-height:100%;
	vertical-align:middle;
}
table.basicTable.attach td {
	padding:7px;
	vertical-align:middle;
}
table.basicTable.attach tr {
	border-bottom:1px #ccc dotted;
}

xtable.basicTable .filebutton {
	position:relative;
	width: 100%;
	height:26px;
	margin:1px 0 0 0;
	padding:0;
	border:0px red dotted;
}
xtable.basicTable .filebutton label {
	position:absolute;
	top:0px;
	left:0px;
	width:90px;
	height:26px;
	line-height:26px;
	cursor:pointer;
	margin:0;
	padding:0;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
	background:#006600;
	background: linear-gradient(to bottom, #339933, #006600);
	color:#fff;
	font-size:13px;
	border:none;
	outline:none;
	text-decoration:none;
	display:inline-block;
	font-family:inherit;
	font-weight:normal;
	border-radius:2px;
}
xtable.basicTable .filebutton p {
	position:absolute;
	left:100px;
	top:1px !important;
	font-weight:400;
}
xtable.basicTable .filebutton.inline {
}
xtable.basicTable .filebutton.inline label {
	width:90px;
}

xtable.basicTable .filebutton p {
	position:absolute;
	left:100px;
	top:4px;
	font-weight:400;
}
xtable.basicTable .filebutton.tiny {
	height:24px;
	border:0px red dotted;
	margin:0;
}
xtable.basicTable .filebutton label:hover {
	background:#ffcc00;
	background: linear-gradient(to bottom, #ffcc00, #cc9900);
	color:#000;
	text-decoration:none;
	box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
}
xtable.basicTable .filebutton label.tiny {
	width:90px;
	height:24px;
	line-height:24px;
	font-size:13px;
}

table.basicTable.noInputs tbody td {
	padding:2px 10px;
}
table.basicTable tbody td.strong {
	font-weight:700;
}
.basicTable tbody td {
	vertical-align: baseline;
}
.basicTable tbody td.info {
	white-space:normal;
	xcolor:#999;
	xfont-style:italic;
	padding-left:10px;
}
.basicTable tbody td.info input.in_info {
	font-size:13px;
	font-style:italic;
	color:#006699 !important;
}
.basicTable tbody td.info input.in_err {
	font-size:13px;
	font-style:italic;
	color:#c00 !important;
}*/
/* End basicTable --------------------------------------------------------------------------------------------------------------------------*/

/* Begin modalTable --------------------------------------------------------------------------------------------------------------------------*/
table.modalTable {  
	width:100%;
	table-layout:auto;
	border-collapse:collapse;
	border:0;
	font-size:12px;
	color:#000;
}
table.modalTable thead tr {
	border-bottom:1px #ddd solid;
	background:#eee;
}
table.modalTable tbody tr {
	border-bottom:1px #eee solid;
	background:#fff;
}
table.modalTable th, 
table.modalTable td {
	padding:3px 7px;
}
table.modalTable thead th {
	text-align:left;
	color:#005588;
	border-right:1px solid #fff;
	font-weight:600;
	vertical-align:top;
	white-space:nowrap;
}
table.modalTable thead th.mw69 {
	min-width:55px !important;
}
table.modalTable.nowrap tbody td {
		white-space:nowrap;
}
table.modalTable thead th:last-child {
	border-right:0;
}
xtable.modalTable th label {
	font-weight:600;
}
table.modalTable td {
	text-align:left;
	font-weight:normal;
	white-space:normal;
	border-right:1px #eee solid;
}
table.modalTable tbody td:last-child,
table.modalTable tfoot td:last-child {
	border-right:0;
}
table.modalTable td b {
	font-weight:600;
	color:#005588;
}
table.modalTable tfoot td {
	font-weight:600;
	text-align:right;
	background:#800;
	color:#fff;
}
table.modalTable tbody tr.tar td {
	text-align:right;
}
table.modalTable tbody tr.igrey td {
	color:#999;
}
table.modalTable tbody tr.ired td {
	color:#900;
}

/* End modalTable --------------------------------------------------------------------------------------------------------------------------*/


.xinput {
	padding:0 4px !important;
}
.nopadding {
	padding:0 !important;
}
.nomargin {
	margin:0 !important;
}
.tal {
	text-align:left !important;
}
.tac {
	text-align:center !important;
}
.tar {
	text-align:right !important;
}

.msg_success, .msg_error, .msg_alert, .msg_info, msg_blank {
	display:block;
	margin:0 0 10px 0;
	padding:6px 8px;
	line-height:normal;
	font-size:13px;
	border-radius:0px;
	border:0;
	font-weight:400;
}
.msg_success {
	background:#cde0c4;
	border-left:5px #8ac38b solid;
	color:#2b512b;
}
.msg_success:before {
	font-family:'fontawesome';
	content: '\f046';
	padding-right:5px;
}
.msg_error {
	background:#c26565;
	border-left:5px #953b39 solid;
	color:#fff;
}
.msg_error:before {
	font-family:'fontawesome';
	content: '\f00d';
	padding-right:5px;
}
.msg_alert {
	background:#efe1b3;
	border-left:5px #dfb56c solid;
	color:#6a5028;
}
.msg_alert:before {
	font-family:'fontawesome';
	content: '\f071';
	padding-right:5px;
}
.msg_info {
	background:#eee;
	border-left:5px rgba(0,0,0,0.2) solid;
	color:#333;
}


::-webkit-scrollbar {
    width: 6px;
}
 
/* Track */
::-webkit-scrollbar-track {
    x-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3); 
	 background:#eee;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background:rgba(0,0,0,0.1); 
    x-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.05); 
}

.tooltip {
	position: absolute;
	z-index: 1024 !important;
	display: block;
	font-size: 12px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: visible;
	padding:0;
	font-weight:400 !important;
}
.tooltip-inner {
	max-width: 300px;
	padding:5px 12px 6px !important;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #000000;
	border-radius: 3px;
	font-weight:400 !important;
}
.tooltip-inner img {
  max-width: 100px;
  border-radius:1px !important;
  min-width:100px;
  max-height:100px;
  min-height:100px;
  padding:0;
  margin:3px -4px 2px;
  display:block;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
	font-weight:400 !important;
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

button.but-filter {
	color:#fff;
	font-size:13px;
	padding:4px 14px;
	line-height:normal;
	white-space:nowrap;
	border:1px #fff solid;
	box-shadow:none;
	margin:0;
	float:none;
}
button.but-filter:hover, button.but-filter.activ {
	background:#000;
	border:1px #000 solid;
}
button.abutRJ {
	background:#c00;
}
button.abutRJ:before {
	font-family:'fontawesome';
	content: '\f088';
	padding-right:5px;
}
button.abutRQ {
	background: #9966FF;
}
button.abutRQ:before {
	font-family:'fontawesome';
	content: '\f059';
	padding-right:5px;
}
button.abutPE {
	background: #9966FF;
	background: #CC6633;
}
button.abutPE:before {
	font-family:'fontawesome';
	content: '\f252';
	padding-right:5px;
}
button.abutAP {
	background: #009900;
}
button.abutAP:before {
	font-family:'fontawesome';
	content: '\f087';
	padding-right:5px;
}
button.abutCA {
	background: #FF6633;
}
button.abutCA:before {
	font-family:'fontawesome';
	content: '\f057';
	padding-right:5px;
}
button.abutALL {
	background: #999;
}
button.abutTA {
	background: #3399CC;
}
button.warning {
	background:#a00;
	border:1px solid #a00;
	color:#fff;
}
button.warning:hover {
	background:#ffcc00;
	color:#000;
}

.adminbox {
	display:block;
	width:100%;
	padding:0 0 6px 0;
	z-index:0 !important;
}
.adminbox .inner {
	display:block;
	padding:5px 2px 5px 10px;
	text-align:left;
	z-index:0 !important;
	border-radius:3px;
	background:#ddd;
	cursor:pointer;
}

.adminbox .inner:hover {
	box-shadow:1px 1px 10px rgba(0,0,0,0.3);
}
.adminbox .inner p {
	font-size:18px;
	color:#fff;
	padding:0 0 0 10px;
	margin:0;
	line-height:30px;
	font-weight:700;
	text-transform:uppercase;
	z-index:100 !important;
	display:inline-block;
}
.adminbox .inner i.fa {
	font-size:20px;
	xtransition: all 0.1s;
	z-index:0 !important;
	color:rgba(255,255,255,0.6);
	padding:0 10px;
}
.adminbox .inner i.fa-square-o {
	padding:0 5px 0 0;
}
.adminbox .inner i.fa.checked {
	color:#fff;
	padding:0;
}
.adminbox .inner:hover i.fa {
	color:rgba(255,255,255,1);
}
.adminbox.green .inner {
	background:#00a65a;
}
.adminbox.orange .inner {
	background:#f39c12;
}
.adminbox.blue .inner {
	background:#39cccc;
}
.adminbox.reds .inner {
	background:#f56954;
}
.adminbox.dblue .inner {
	background: #0099CC;
}
.adminbox.purple .inner {
	background: #CC6699;
}
.adminbox.brown .inner {
	background: #C63;
}
.adminbox .inner.disabled {
	background: #ddd;
}
.adminbox .inner.disabled:hover {
	box-shadow:none;
	cursor:not-allowed;
}
.adminbox .inner.disabled:hover i.fa {
	color:rgba(255,255,255,0.5);
}

div.dpicker {
	position:relative
}
div.dpicker button {
	position:absolute;
	color:#999;
	right:1px;
	top:1px;
	display:block;
	padding:0 9px;
	background:#f6f6f6;
	border:0;
	border-left:1px #ddd solid;
	line-height:28px;
}

.pops{
	display:none;
	xheight: 100%;
	width: 100%;
	margin:0;
	padding:30px;
	background: rgba(0,0,0,0.5);
	position:fixed;
	float:left;
	top:50px;
	bottom:0;
	z-index:999;
}

.flash {
  -webkit-animation: flicker 2s infinite;  /* Safari 4+ */
  -moz-animation: flicker 2s infinite;  /* Fx 5+ */
  -o-animation: flicker 2s infinite;  /* Opera 12+ */
  animation: flicker 2s infinite;  /* IE 10+, Fx 29+ */
}
.flash:hover {
	color:#fff !important;
}

@-webkit-keyframes flicker {
  0%, 49% {
    background-color: #c00;
	 border-color: #c00;
  }
  50%, 100% {
    background-color: #070;
	 border-color: #070;
  }
}

div.msg_nopermit {
	width:290px;
	margin:0 auto;
	padding:10px 0;
	font-size:20px;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	margin-top:100px;
	background:#a00;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
div.msg_nopermit:before {
	font-family:"fontawesome";
	content: "\f05e";
	margin-right:10px;
	font-weight:400;
}

.attachDiv { 
  	color: #000; 
	xbackground:#eee;
	xbackground: linear-gradient(to bottom, #eee, #ddd);
  	border:1px #ccc solid;
	border-radius:2px;
	padding:0;
	margin:0 5px 5px 0;
	white-space:nowrap;
	xdisplay:inline-block;
	float:left;
	font-size:0;
} 
.attachDiv a.link { 
  	color: #000; 
	background:#eee;
	background: linear-gradient(to bottom, #eee, #ddd);
  	border-right:1px #ccc solid;
	border-radius:2px 0 0 2px;
	padding:1px 10px;
	margin:0;
	white-space:nowrap;
	display:inline-block;
	font-size:13px;
} 
.attachDiv a.icon { 
  	color: #000; 
	background:#eee;
	background: linear-gradient(to bottom, #eee, #ddd);
  	border:0;
	border-radius:0 2px 2px 0;
	padding:1px 6px;
	margin:0;
	white-space:nowrap;
	display:inline-block;
	font-size:13px;
} 
.attachDiv a.link:hover { 
	background: linear-gradient(to bottom, #ddd, #eee);
	color:#000;
	text-decoration:none;
} 
.attachDiv a.icon:hover { 
	background: linear-gradient(to bottom, #ddd, #eee);
	color:#a00;
	text-decoration:none;
}