body, html {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	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;
}
button:focus {
	outline:0 !important;
}
a {
	cursor:pointer !important;
}
/*.dashbox a.btn-xxs {
	font-size:13px;
	padding:0;
	margin:9px 0 0 0;
	float:right;
	color:#fff;
	background:transparent;
	border:none;
	line-height:normal;
}
.dashbox a.btn-xxs:hover {
	background:transparent;
	color:#fff;
	font-weight:bold;
	border:none;
}*/
:focus {
	outline:0 !important;
}
.header {
	position:fixed;
	top:0;
	width:100%;
	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;
}
.headbuttons {
	float:right;
	border:0px red solid;
	padding:10px;
	vertical-align:middle;
}
.logbutton {
	padding:2px 8px !important;
	font-size:18px !important;
	color:#666;
	margin:0;
	float:right;
}
.langbutton {
	margin:4px 10px 0 0;
	padding:5px0;
	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:400px; 
	xmargin:0 auto; 
	xmargin-top:150px; 
	box-shadow:0 0 20px rgba(0,0,0,0.7); 
	background:#fff;
	background:rgba(255,255,255,0.9);
	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;
	background: #0099CC;
	background: #888;
	background:rgba(0,0,0,0.4);
	color:#fff;
}
.logform input[type=text], .logform input[type=password] {
	margin:0px;
	padding:4px 8px;
	font-size:14px;
	border:1px #ccc solid;
	display:block;
	width:100%;
}
.logform label {
	margin:7px 0 1px 0;
	padding:0;
	font-size:14px;
	display:block;
	font-weight:normal;
}
.xribbon {
	position:fixed;
	top:50px;
	height:36px;
	width:100%;
	color:#fff;
	background:#333;
	xbox-shadow:0 1px 5px rgba(0,0,0,0.4);
	padding:4px 10px;
	z-index:101;
}
.logo {
	font-size:20px;
	line-height:50px;
	float:left;
	border:0px red dotted;
	position:relative;
	font-weight:400;
	color:#666;
}
.logo span {
	font-size:20px;
	font-weight:bold;
	color:#aa0000;
}
.logo img {
	height:50px; 
	width:auto;
	margin-top:3px;
}
.clear {
	clear:both;
}

.main {
	position:relative;
	padding:25px 20px;
	padding:0;
	width:100%;
}
.widget {
	padding:0px;
	margin:0 0 15px 0;
	margin:0;
	background:#fff;
	/*border-radius:4px;
	box-shadow:0 0 10px rgba(0,0,0,0.15);*/
	border:0px red solid;
}
.widget_body {
	padding:0;
	margin:0;
	border:0px solid #ddd;
	border-top:0;
	border-radius:0 0 4px 4px;
	border-radius:0;
}
.widget_inner {
	padding:15px;
	margin:0;
	border:0px blue solid;
}
.widget h2 {
	background: #880000;
	border:1px solid #880000;
	color:#fff;
	display:block;
	padding:0 15px;
	margin:0;
	line-height:30px;
	font-size:16px;
	border-radius:4px 4px 0 0;
	font-weight:600;
	
	border-radius:0;
	background:#eee;
	border:0;
	line-height:36px;
	color:#900;
	border-bottom:1px #ddd solid;
	padding-top:2px;
}
.widget h3 {
	background: #006666;
	border:1px solid #006666;
	color:#fff;
	display:block;
	padding:0 10px;
	margin:0;
	line-height:26px;
	font-size:13px;
}
.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;
}
/* Begin modalTable --------------------------------------------------------------------------------------------------------------------------*/
table.modalTable {  
	width:100%;
	table-layout:auto;
	border-collapse:collapse;
	border:none;
	font-size:12px;
	color:#000;
}
table.modalTable tr {
	border-bottom:1px #ddd dotted;
}
table.modalTable thead {
	border-bottom:2px #ccc solid;
}
table.modalTable th, table.modalTable td {
	padding:3px 7px;
}
table.modalTable th {
	text-align:right;
	width:10px;
	color:#005588;
	border-right:1px solid #ddd;
	font-weight:600;
	vertical-align:top;
	white-space:nowrap;
}
table.modalTable th label {
	font-weight:600;
}
table.modalTable td {
	text-align:left;
	font-weight:normal;
	white-space:normal;
}
table.modalTable td b {
	font-weight:600;
	color:#005588;
}

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

/* Begin subTable --------------------------------------------------------------------------------------------------------------------------*/
table.subTable {  
	width:100%;
	table-layout:auto;
	border-collapse:collapse;
	border:none;
	font-size:13px;
	color:#000;
}
table.subTable thead tr {
	border-bottom:2px #ccc solid;
}
table.subTable tbody tr {
	border-bottom:1px #ccc dotted;
}
table.subTable th, table.subTable td {
	white-space:nowrap;
}
table.subTable th {
	padding:2px 8px;
	text-align:right;
	width:10px;
	color:#005588;
	border-right:1px solid #ddd;
	font-weight:600;
}
table.subTable th label {
	font-weight:600;
}
table.subTable td {
	text-align:left;
	vertical-align:bottom;
	padding:2px 4px;
	font-weight:normal;
}
/* End subTable --------------------------------------------------------------------------------------------------------------------------*/

/* Begin setupTable --------------------------------------------------------------------------------------------------------------------------*/
table.setupTable {  
	width:100%;
	table-layout:auto;
	border-collapse:collapse;
	border:none;
	border-top:1px transparent solid;
	font-size:13px;
}
table.setupTable tr {
	border-bottom:1px #ccc dotted;
}
table.setupTable thead {
	border-bottom:2px #ccc solid;
}
table.setupTable th, table.setupTable td {
	padding:3px 8px;
	white-space:nowrap;
}
table.setupTable th {
	text-align:left;
	width:10px;
	color:#005588;
}
table.setupTable td {
	text-align:left;
	vertical-align:bottom;
	padding:3px 4px;
}
table.setupTable td.rbdr, table.setupTable th.rbdr {
	border-right:1px solid #ddd;
}
table.setupTable td input[type=text], table.setupTable td select {
	width:100%;
	padding:1px 4px;
	border:0;
	margin:0;
	line-height:normal;
	box-sizing: border-box;
	background:#fff;
}
table.setupTable td textarea {
	width:100%;
	resize: none;
	padding:1px 4px;
	border:0;
	margin:0;
	line-height:normal;
	box-sizing: border-box;
	background:#fff;
}
table.setupTable td input[type=text]:hover {
}
table.setupTable td select {
	padding:0;
}
/* End setupTable --------------------------------------------------------------------------------------------------------------------------*/

/* Begin table.payrollTable ----------------------------------------------------------------------------------------------------*/
	table.payrollTable {
		border-collapse:collapse;
		width:100%;
		border:1px #aaa solid;
		cursor:default;
	}
	table.payrollTable thead th {
		padding:5px 5px;
		min-width:10px;
		border:1px #aaa solid;
		text-align:center;
		font-weight:bold;
		white-space:nowrap;
		background:#f2dede;
	}
	table.payrollTable tbody td {
		padding:2px 5px;
		border:1px #ccc dotted;
		text-align:left;
		white-space:nowrap;
		min-width:70px;
	}
	table.payrollTable tbody tr.trhover > td i {
		color:#fff;
	}
	table.payrollTable tbody td.dif {
		color:#cc0000;
	}
	table.payrollTable tbody td.dif i.fa-check {
		color:#009900;
	}
	table.payrollTable tbody td a:hover {
		text-decoration:underline;
	}
	table.payrollTable thead th.blue {
		background:#d9edf7;
		color: #005588;
	}
	table.payrollTable tbody tr:hover {
		background-color: #cec;
	}
	table.payrollTable tbody tr.trhover {
		background-color: #0077ff;
		color:#fff;
	}
	table.xpayrollTable tbody tr.trhover > td.dif {
		color:#cc0000;
	}
	table.payrollTable tbody tr.trhover > td.dif {
		color:#fff;
	}
	table.payrollTable tbody tr.trhover > td i.fa-check {
		color:#fff;
	}
	table.payrollTable tbody td input[type=text] {
		padding:1px 5px;
		margin:0;
		width:100%;
		border:0;
		text-align:right;
		background:transparent;
	}
	table.payrollTable tbody tr.trhover > td input[type=text] {
		background:#0077ff;
	}
	table.payrollTable tbody td input[type=text]::selection {
		background:#fff;
		color:#000;
	}
	table.payrollTable tbody td input[type=text]:focus {
		background: solid;
	}
	table.payrollTable tbody td input[type=text]::-moz-selection {
		background:#fff;
		color:#000;
	}
	table.payrollTable thead th.hiden, 
	table.payrollTable tbody td.hiden {
		max-width:4px;
		min-width:4px;
		width:4px;
		overflow:hidden;
		white-space:nowrap;
		padding:0px;
		color:transparent;
	}
	.hiden > input[type=text] {
		display:none;
	}
	.hiden > a {
		display:none;
	}
	.red {
		color:#990000;
	}
	table.payrollTable thead th.rborder, 
	table.payrollTable tbody td.rborder {
		border-right:1px #990000 solid;
	}
	/*.payrollTable tbody tr:nth-child(odd) {
		background-color: #f3faf0;
	}	 
	.payrollTable tbody tr:nth-child(even) {
		background-color: #fefbe6;
	}*/	
	
	.multiselect {
		width: 170px;
		float:left;
	}
	.selectBox {
		position: relative;
	}
	.selectBox select {
		width: 100%;
		padding:4px 5px;
		border:1px #ccc solid;
	}
	.overSelect {
		position: absolute;
		left: 0; right: 0; top: 0; bottom: 0;
	}
	#checkboxes {
		display: none;
		border: 1px #ccc solid;
		padding:0 0 5px 0;
		margin-top:-1px;
		width:170px;
		position:absolute;
		background:#fff;
		z-index:100;
	}
	#checkboxes label {
		display: block;
		padding:1px 0px 1px 30px;
		position:relative;
		margin:0;
		font-weight:normal;
	}
	#checkboxes a {
		display: block;
		padding:1px 0px 0px 10px;
		margin:0;
		color:#000;
		cursor:default;
	}
	#checkboxes label:hover {
		background: #0088FF;
		color:#fff;
	}
	#checkboxes a#showall i {
		color:green;
	}
	#checkboxes a#hideall i {
		color:#cc0000;
	}
	#checkboxes a:hover#showall i {
		color:#fff;
	}
	#checkboxes a:hover#hideall i {
		color:#fff;
	}
	#checkboxes a:hover, #checkboxes a:hover > i {
		background: #0088FF;
		color:#fff;
	}
	#checkboxes label input[type=checkbox] {
		margin:0;
		position:absolute;
		top:3px;
		left:10px;
	}

/* End table.payrollTable ----------------------------------------------------------------------------------------------------*/

/* .table ----------------------------------------------------------------------------------------------------*/
/*	table.table thead th, table.table tbody td {
		padding:4px 8px;
		cursor:default;
		white-space:nowrap
	}
	table.table thead th {
		padding:5px 8px;
		background:#eee;
		font-size:13px;
	}
	table.table tbody td.input input[type=text] {
		padding:0 8px;
		line-height:24px;
		background:transparent;
		border:0;
		margin:0;
		width:100%;
	}
	table.table tbody td.input select {
		padding:3px 5px 4px;
		background:transparent;
		border:0;
		margin:0;
		width:auto;
	}
	table.table tbody td.input {
		padding:0;
	}
	table.table tbody td.input input[type=text].focus:focus {
		background: #ffffcc;
	}
	table.datatable thead th {
		padding:8px;
	}
	table.table tbody tr:hover {
		background-color: #cec;
	}
	table.table tbody tr.trhover {
		background-color: #0077FF;
		color:#fff;
	}
	table.table tbody tr.trhover > td i {
		color:#fff;
	}
	table.table thead th img {
		float:left;
		height:0;
		width:60px;
	}


table.xtable thead th.red {
	color:#cc0000
}
table.xtable tbody td.nopadding {
	padding:0;
}
.xtable-hover > tbody > tr:hover {
	background-color: #FFFF99;
}
table.xtable input[type=text] {
	border:0;
	margin:0;
	padding:1px 5px;
	width:100%;
	background:transparent;
}
table.xtable select {
	border:0;
	margin:0;
	padding:1px 5px;
	width:auto;
	background:transparent;
}
table.xtable input[type=text]:hover, table.xtable input[type=text]:focus {
	background:#ffffcc;
}
.tableHover {
	background:#cec;
}
*/


/* 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 {
	  margin-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;
	}
	/* ORANGE COLOR */
	label input[type="radio"].radiobox.style-3:checked + span:before {
	  color: #a90329;
	  border-color: #a90329;
	}
	/* CHROME COLOR */
	label input[type="radio"].radiobox.style-2:checked + span:before {
	  color: #66665e;
	  border-color: #4d90fe;
	  font-size: 9px;
	}
	label input[type="radio"].radiobox.style-2:checked + span {
	  font-weight: 600;
	}
	/* Style 1 Radio */
	label input[type="radio"].radiobox.style-1 + span:before {
	  font-size: 9px;
	  background: #ffffff;
	  text-shadow: none;
	  box-shadow: none !important;
	  border-width: 1px;
	  height: 13px;
	  line-height: 13px;
	  min-width: 13px;
	}
	label input[type="radio"].radiobox.style-1:checked + span:before {
	  font-size: 10px;
	  color: #333333;
	  border-color: #333333;
	  background: #ffffff;
	}
	label input[type="radio"].radiobox.style-1:checked + span {
	  font-weight: normal;
	}
	/*
	 * 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;
	}
	/* ORANGE:HOVER */
	label:hover input[type="radio"].radiobox.style-3 + span:before,
	label:hover input[type="radio"].radiobox.style-3:checked + span:before {
	  color: #a90329;
	  border-color: #a90329;
	}
	/* CHROME:HOVER */
	label:hover input[type="radio"].radiobox.style-2:checked + span:before {
	  color: #66665e;
	  border-color: #4d90fe;
	}
	/* METRO:HOVER */
	label:hover input[type="radio"].radiobox.style-1:checked + span:before {
	  color: #333333;
	  border-color: #333333;
	  background: #ffffff;
	}
	label:hover input[type="radio"].radiobox.style-1 + span:before {
	  color: #333333;
	  border-color: #333333;
	  background: #ffffff;
	}
	/* 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;
	}
	/* RED COLOR */
	label input[type="checkbox"].checkbox.style-3:checked + span:before {
	  color: #ffffff;
	  border-color: #a90329;
	  background: #a90329;
	}
	/* CHROME */
	label input[type="checkbox"].checkbox.style-2 + span:before {
	  background: transparent;
	  border-color: #c1c1c1;
	  box-shadow: none;
	}
	label input[type="checkbox"].checkbox.style-2:checked + span:before {
	  content: "\f00c";
	  color: #66665e;
	  border-color: #4d90fe;
	  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #ffffff;
	  /*#fefeec*/
	}
	label input[type="checkbox"].checkbox.style-2:checked + span {
	  font-weight: normal;
	}
	/* METRO COLOR */
	label input[type="checkbox"].checkbox.style-1 + span:before {
	  color: #333333;
	  background: #ffffff;
	  text-shadow: none;
	  box-shadow: none !important;
	  border-width: 1px;
	  height: 12px;
	  line-height: 13px;
	  min-width: 12px;
	}
	label input[type="checkbox"].checkbox.style-1:checked + span:before {
	  color: #333333;
	  border-color: #333333;
	}
	label input[type="checkbox"].checkbox.style-1:checked + span {
	  font-weight: normal;
	}
	/*
	 * 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;
	}
	/* RED:HOVER*/
	label:hover input[type="checkbox"].checkbox.style-3 + span:before {
	  color: #ffffff;
	  border-color: #A90327;
	}
	/* CHROME:HOVER*/
	label:hover input[type="checkbox"].checkbox.style-2 + span:before {
	  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
	}
	label:hover input[type="checkbox"].checkbox.style-2:checked + 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);
	}
	/* METRO:HOVER*/
	label:hover input[type="checkbox"].checkbox.style-1 + span:before {
	  border-color: #333333;
	}
	/* DEFAULT:ACTIVE */
	label:active input[type="checkbox"].checkbox:checked + span:before {
	  color: #ffffff;
	  background: #2E7BCC;
	  border-color: #2E7BCC;
	}
	/* RED:ACTIVE */
	label:active input[type="checkbox"].checkbox.style-3:checked + span:before {
	  color: #a90329;
	  background: #ffffff;
	  border-color: #a90329;
	}
	/* CHROME:ACTIVE */
	label:active input[type="checkbox"].checkbox.style-2:checked + span:before {
	  color: #66665e;
	  background: transparent;
	  border-color: #c1c1c1;
	  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
	}
	label:active input[type="checkbox"].checkbox.style-2 + span:before {
	  color: #66665e;
	  background: transparent;
	  border-color: #c1c1c1;
	  box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
	}
	/* METRO:ACTIVE */
	label:active input[type="checkbox"].checkbox.style-1:checked + span:before {
	  color: #ffffff;
	  background: #333333;
	  border-color: #333333;
	}
	/*
	 * 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.style-2:checked + span:before {
	  content: "\f00c";
	}
	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 modaltable --------------------------------------------------------------------------------------------------------------------------*/
	table.modaltable {  
		font-size:12px;
		border-color:#bbb;
		width:100%;
		border-top:0;
	}
	table.modaltable input[type="text"] {
		width:100%;
		border:0;
		background:transparent
	}
	table.modaltable thead th,
	table.modaltable tbody td {
		padding:1px 5px;
		cursor:default;
		font-size:12px;
		border:1px #ddd solid;
		text-align:left;
		white-space:nowrap;
	}
	table.modaltable thead th {
		padding:6px 5px;
		font-size:12px;
		font-weight:bold;
		border-bottom-width:1px;
		white-space: nowrap;
		line-height:100%;
		vertical-align:middle;
		background:#eee;
		border-top:none;
	}
	table.modaltable thead th img {
		padding:0;
		margin:0;
		float:left;
		height:0;
		width:55px;
		border:0px red dotted;
	}
	table.modaltable thead th i, table.modaltable tbody td i {
		font-size:14px;
		font-weight:normal;
	}
	table.modaltable thead th.top, table.modaltable tbody td.top {
		background:#ffefff;
	}
	table.modaltable thead th.bot, table.modaltable tbody td.bot {
		background:#efffef;
	}
	xtable.modaltable tbody tr:hover {
		background-color: #cec;
	}
	xtable.modaltable tbody tr.trhover {
		background-color: #0077FF;
		color:#fff;
	}
	
	
	
/* End modaltable --------------------------------------------------------------------------------------------------------------------------*/

/* Begin modal_payslip --------------------------------------------------------------------------------------------------------------------------*/
	table.payslip_wrap {
		border-collapse:collapse;
		border:none;
		width:100%;
		box-sizing: border-box;
		margin-top:6px; 
		padding:0; 
	}
	table.modal_topslip {
		border-collapse:collapse;
		border:0px #000 solid;
		width:100%;
		box-sizing: border-box;
		table-layout:fixed;
		font-size:12px;
		font-weight:600;
	}
	table.modal_topslip td {
		box-sizing: border-box;
		padding:0;
		line-height:120%;
		vertical-align:bottom;
		white-space:nowrap;
	}
	table.modal_payslip {
		border-collapse:collapse;
		border:0px #000 solid;
		width:100%;
		box-sizing: border-box;
		table-layout:fixed;
		font-size:12px;
		font-weight:600;
	}
	table.modal_payslip span {
	}
	table.modal_payslip th, table.modal_payslip td {
		border:1px #000 solid;
		padding:1px 4px;
		line-height:normal;
		color:#111;
		font-family: inherit;
		vertical-align:middle;
	}
	table.modal_payslip th {
		background:#eee;
		box-sizing: border-box;
		text-align:center;
		line-height:100%;
	}
	table.modal_payslip td {
		text-align:right;
		padding:5px 8px;
		box-sizing: border-box;
	}
/* End modal_payslip --------------------------------------------------------------------------------------------------------------------------*/

/* Begin form validation ----------------------------------------------------------------------------------------------------------------------*/
	#msg {
		display:block; 
		position:absolute; 
		z-index:200; 
		background: url(../images/msg_arrow_dwn2.png) 20px bottom no-repeat; 
		padding-bottom:6px;
		}
	#msgcontent {
		display:block;
		background:#aa0000;
		border:none; 
		padding:4px 10px 5px 10px; 
		min-width:120px; 
		max-width:300px;
		color: #fff;
		border-radius:3px;
		font-size:12px;
		font-family: 'Open Sans', sans-serif;
		font-weight:400;
	}
	.man { 
		font-weight:bold; 
		color:#bb0000;
		margin-right:3px;
	}
	.man:before {
		content:'* ';
	}
/* End form validation ----------------------------------------------------------------------------------------------------------------------*/
	
	.dataTables_filter {
		  display: none;
	}
	.searchFilter {
		padding:0;
		margin:0;
		width:200px;
		position:relative;
	}
	.searchFilter input.sFilter {
		padding:0 10px;
		font-size:12px;
		line-height:28px;
		border:1px #ccc solid;
		width:100%;
		border-radius:2px;
	}
	.searchFilter input.sFilter:hover {
		border:1px #aaa solid;
	}
	.searchFilter button.clearFilter {
		position:absolute;
		right:3px;
		top:3px;
		border:0;
		padding:0 8px;
		line-height:24px;
		margin:0;
		border-radius:2px;
		color:#ccc;
		background:#eee;
	}
	.searchFilter .clearFilter:hover {
		color:#fff;
		background:#ccc;
	}
	
	
	.dataTableHidden {overflow:hidden;height:0px;width:100%;}
	.scrollbarfix {
		position:absolute;
		background:#f0f0f0;
		border-top:0px #ddd solid;
		width:20px;
		height:60px;
		top:51px;
		right:10px;
	}
	table.dataTable tbody tr.selected {
	  background:#ff9;
	}
	
	table.mytable {
		table-layout:auto;
		border-collapse: collapse;
		border:0;
		color:#000;
		font-size:13px;
	}
	table.mytable thead th {
		white-space:nowrap;
		border:1px #ddd solid;
		padding:5px 8px;
		background:#eee;
		text-align:center;
		font-weight:700;
		cursor:default;
	}
	table.mytable tbody td {
		padding:3px 8px;
		white-space:nowrap;
		text-align:right;
		cursor:default;
	}
	table.mytable tbody tr:nth-child(odd) {
		background: #fffffa;
	}
	table.mytable tbody tr:nth-child(even) {
		background: #f7ffff;
	}
	.hover {
		background:#cec;
	}
	.trhover {
		background-color: #FFFF99;
	}
	.incolor {
		color: #006699;
	}
	.outcolor {
		color:#990000;
	}
	table.mytable tr.footer > td {
		font-weight:600;
		font-size:12px;
		background: #770000;
		color:#fff;
	}
	
	button.btn-sm {
		font-size:12px;
		line-height:28px;
		padding:0 12px;
	}
	select.button {
		margin:0; 
		padding:0 5px; 
		font-size:12px;
		height:30px;
		border:1px #ccc solid; 
		border-radius:2px;
	}
	select.button:hover {
		border:1px #aaa solid;
	}
	#dtoverlay {
		 height: 100vh;
		 width: 100%;
		 position: absolute;
		 top: 0px;
		 left: 0px;
		 z-index: 99999;
		 background: rgba(0,0,0,0.5);
	}
	#dtoverlay h2 {
		 position: fixed;
		 text-align:center;
		 width:100%;
		 top: 40%;
	}
	
.xmodal-open {
    overflow: scroll;
}	
/*table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #ff9;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #ff9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #ff9;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #ff9;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #ff9;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #ff9;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #ff9;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #ff9;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #ff9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #ff9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #ff9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #ff9;
}
*/
.tab-pane h5 {
	padding:6px 10px;
}
.tab-pane div.inner {
	background:#fff; 
	padding:5px 5px 0; 
	border-left:0px #ccc solid;
	border-right:0px #ccc solid;
	border-bottom:0px #ccc solid;
}

.nav-tabs {
  border-bottom:1px #ccc solid;
  margin-left:0px;
  margin-bottom:0px;
}
.nav-tabs > li {
  float: left;
  margin-bottom:-2px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 22px;
  border: 1px solid tarnsparent;
  border-bottom:0;
  border-radius:3px 3px 0 0;
  background:rgba(0,0,0,0.03);
  color:#575;
  font-weight:600;
  margin-bottom:1px;
}
.nav-tabs > li > a:hover {
  background:#fff;
  border: 1px solid tarnsparent;
  border-bottom: 0px solid #aaa;
  color:#030;
  cursor: pointer;
  font-weight:600;
  margin-bottom:1px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #030;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-color: transparent;
  cursor: default;
  font-weight:700;
}
.nav-tabs > li.active > a:focus {
  color: #000;
  
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}


.dashbox2 {
	display:block;
	float:left;
	width:33%;
	min-width:300px;
	padding:0 10px 10px 0 !important;
	z-index:0 !important;
}
@media (max-width: 1300px) {
.dashbox2 {
	width:50%;
}
}

.dashbox2 .inner {
	display:block;
	min-height:160px;
	position:relative;
	padding:20px;
	text-align:center;
	z-index:0 !important;
	border-radius:2px !important;
	background:#ddd;
	cursor:pointer;
}

.dashbox2 .inner:hover {
	box-shadow:2px 2px 8px rgba(0,0,0,0.4);
}
.dashbox2.disabled {
	pointer-events: none;
}
.dashbox2 .inner p {
	font-size:22px;
	color:#fff;
	padding:10px 0 0 0;
	margin:0;
	font-weight:700;
	text-transform:uppercase;
	z-index:100 !important;
}
.xxdashbox2 .inner a {
	font-size:20px;
	color:rgba(255,255,255,0.5);
	padding:2px 0;
	margin:0;
	font-weight:700;
}
.dashbox2 .inner a i.fa {
	font-size:14px;
}
.dashbox2 .inner a:hover {
	color:#fff;
}
.dashbox2 .inner p.two {
	font-size:16px;
	padding:5px 0 0 0;
}

.dashbox2 .inner i.fa {
	font-size:70px;
	transition: all 0.1s;
	z-index:0 !important;
	color:rgba(255,255,255,0.5);
}
.dashbox2 .inner:hover i.fa {
	color:rgba(255,255,255,0.9);
}
.dashbox2 .inner a i.fa-exclamation-circle {
	font-size:26px;
	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);
}

.dashbox2.green .inner {
	background:#00a65a;
}
.dashbox2.orange .inner {
	background:#f39c12;
}
.dashbox2.blue .inner {
	background:#39cccc;
}
.dashbox2.reds .inner {
	background:#f56954;
}
.dashbox2.dblue .inner {
	background: #0099CC;
}
.dashbox2.purple .inner {
	background: #CC6699;
}
.dashbox2 .inner.disabled {
	background: #ddd;
}
.dashbox2 .inner.disabled:hover {
	box-shadow:none;
	cursor:not-allowed;
}
.dashbox2 .inner.disabled:hover i.fa {
	color:rgba(255,255,255,0.5);
}

.dashbox2.mod_leave .inner {
	background:#1aaca3;
}
.dashbox2.mod_time .inner {
	background:#f39c11;
}
.dashbox2.mod_payroll .inner {
	background:#3598dc;
}
.dashbox2.mod_employee .inner {
	background:#2bb962;
}
.dashbox2.mod_report .inner {
	background:#a56cbc;
}
.dashbox2.mod_approve .inner {
	background:#e77e22;
}
.dashbox2.mod_ccplatform .inner {
	background:#2a80b9;
}
.dashbox2.mod_settings .inner {
	background:#e84c3d;
}
.dashbox2.mod_export .inner {
	background: #FF9966;
}
.dashbox2.mod_myaccount .inner {
	background: #999933;
}



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

.dashbox3 .inner:hover {
	box-shadow:1px 1px 10px rgba(0,0,0,0.3);
}
.dashbox3 .inner p {
	font-size:14px;
	color:#fff;
	padding:0;
	margin:0;
	font-weight:700;
	text-transform:uppercase;
	z-index:100 !important;
	display:inline-block;
}
.dashbox3 .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 !important;
	line-height:35px;
}
.dashbox3 .inner:hover i.fa {
	color:rgba(255,255,255,1);
}
.dashbox3 .inner.active i.fa {
	color:#fff;
}
.dashbox3 .inner i.fa-caret-right {
	color:transparent !important;
	float:right;
	margin-top:-2px;
	font-size:30px;
}
.dashbox3 .inner.active i.fa-caret-right {
	color:rgba(255,255,255,0.8) !important;
	float:right;
	margin-top:1px;
	font-size:26px;
}
.dashbox3.green .inner {
	background:#00a65a;
}
.dashbox3.orange .inner {
	background:#f39c12;
}
.dashbox3.blue .inner {
	background:#39cccc;
}
.dashbox3.reds .inner {
	background:#f56954;
}
.dashbox3.dblue .inner {
	background: #0099CC;
}
.dashbox3.purple .inner {
	background: #CC6699;
}
.dashbox3 .inner.disabled {
	background: #ddd;
}
.dashbox3 .inner.disabled:hover {
	box-shadow:none;
	cursor:not-allowed;
}
.dashbox3 .inner.disabled:hover i.fa {
	color:rgba(255,255,255,0.5);
}


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

.dashbox4 .inner:hover {
	box-shadow:1px 1px 10px rgba(0,0,0,0.3);
}
.dashbox4 .inner p {
	font-size:20px;
	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;
}
.dashbox4 .inner i.fa {
	font-size:24px;
	xtransition: all 0.1s;
	z-index:0 !important;
	color:rgba(255,255,255,0.6);
	padding:0 10px;
}
.dashbox4 .inner i.fa-square-o {
	padding:0 5px 0 0;
}
.dashbox4 .inner i.fa.checked {
	color:#fff;
	padding:0;
}
.dashbox4 .inner:hover i.fa {
	color:rgba(255,255,255,1);
}
.dashbox4.green .inner {
	background:#00a65a;
}
.dashbox4.orange .inner {
	background:#f39c12;
}
.dashbox4.blue .inner {
	background:#39cccc;
}
.dashbox4.reds .inner {
	background:#f56954;
}
.dashbox4.dblue .inner {
	background: #0099CC;
}
.dashbox4.purple .inner {
	background: #CC6699;
}
.dashbox4 .inner.disabled {
	background: #ddd;
}
.dashbox4 .inner.disabled:hover {
	box-shadow:none;
	cursor:not-allowed;
}
.dashbox4 .inner.disabled:hover i.fa {
	color:rgba(255,255,255,0.5);
}

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

.dashbox5 .inner:hover {
	box-shadow:1px 1px 10px rgba(0,0,0,0.3);
}
.dashbox5 .inner p {
	font-size:14px;
	color:#fff;
	padding:0;
	margin:0;
	font-weight:500;
	z-index:100 !important;
	display:inline-block;
}
.dashbox5 .inner i.fa {
	font-size:16px;
	font-weight:400;
	display:inline-block;
	transition: all 0.1s;
	z-index:0 !important;
	color:rgba(255,255,255,0.6);
	padding:0 7px 0 0;
}
.dashbox5 .inner:hover i.fa {
	color:rgba(255,255,255,1);
}
.dashbox5 .inner.active i.fa {
	color:#fff;
}
.dashbox5 .inner i.fa-caret-right {
	color:transparent !important;
	float:right;
	margin-top:-2px;
	font-size:30px;
}
.dashbox5 .inner.active i.fa-caret-right {
	color:rgba(255,255,255,0.8) !important;
	float:right;
	margin-top:1px;
	font-size:26px;
}
.dashbox5.green .inner {
	background:#00a65a;
}
.dashbox5.orange .inner {
	background:#f39c12;
}
.dashbox5.blue .inner {
	background:#39cccc;
}
.dashbox5.reds .inner {
	background:#f56954;
}
.dashbox5.dblue .inner {
	background: #0099CC;
}
.dashbox5.purple .inner {
	background: #CC6699;
}
.dashbox5 .inner.disabled {
	background: #ddd;
}
.dashbox5 .inner.disabled:hover {
	box-shadow:none;
	cursor:not-allowed;
}
.dashbox5 .inner.disabled:hover i.fa {
	color:rgba(255,255,255,0.5);
}

.dashbox5.mod_leave .inner {
	background:#1aaca3;
}
.dashbox5.mod_time .inner {
	background:#f39c11;
}
.dashbox5.mod_payroll .inner {
	background:#3598dc;
}
.dashbox5.mod_employee .inner {
	background:#2bb962;
}
.dashbox5.mod_report .inner {
	background:#a56cbc;
}
.dashbox5.mod_approve .inner {
	background:#e77e22;
}
.dashbox5.mod_ccplatform .inner {
	background:#2a80b9;
}
.dashbox5.mod_settings .inner {
	background:#e84c3d;
}
.dashbox5.mod_export .inner {
	background: #FF9966;
}



.dashbox {
	display:block;
	float:left;
	width:33%;
	padding:0 10px 10px 0;
	min-width:300px;
	z-index:0 !important;
}
.dashbox .inner {
	display:block;
	min-height:150px;
	position:relative;
	padding-bottom:35px;
	z-index:0 !important;
}
.dashbox .inner p.id {
	font-size:22px;
	color:#fff;
	padding:5px 10px;
	margin:0;
	font-weight:700;
	text-transform:uppercase;
	border:0px #000 solid;
	z-index:100 !important;
}
.dashbox .inner p.info {
	font-size:13px;
	color:#fff;
	padding:4px 10px;
	width:245px; 
	height:62px; 
	border:0px #fff solid;
	margin:0;
	overflow:hidden;
	z-index:100 !important;
}
.dashbox .inner a {
	font-size:15px;
	text-decoration:none;
	padding:5px 0;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	transition: all 0.2s;
	font-weight:600;
	white-space:nowrap;
	overflow:hidden;
	color:#fff;
}
.dashbox .inner a:hover {
	text-decoration:none;
	color:#fff;
}
.dashbox .inner i.big {
	position:absolute;
	bottom:40px;
	right:20px;
	font-size:80px;
	transition: all 0.1s;
	z-index:0 !important;
}
.dashbox .inner:hover > i.big {
	bottom:40px;
	right:20px;
	font-size:90px;
}
.dashbox .inner div.clogo {
	position:absolute;
	top:20px;
	right:15px;
	width:180px;
	height:70px;
	padding:0;
	text-align:right;
}
.dashbox .inner div.clogo img {
	max-width:100%;
	max-height:100%;
	margin:0;
	padding:0;
}

.dashbox.green .inner {
	background:#00a65a;
}
.dashbox.green .inner i.big {
	color:rgba(0,0,0,0.15);
}
.dashbox.green .inner a {
	color:rgba(255,255,255,0.7);
	background:rgba(0,0,0,0.15);
}
.dashbox.green .inner a:hover {
	color:#fff;
	background:rgba(0,0,0,0.3);
}
.dashbox.orange .inner {
	background:#f39c12;
}
.dashbox.orange .inner i.big {
	color:#ce840f;
}
.dashbox.orange .inner a {
	color:rgba(255,255,255,0.7);
	background:#db8d10;
}
.dashbox.orange .inner a:hover {
	color:#fff;
	background:rgba(0,0,0,0.3);
}
.dashbox.blue .inner {
	background:#39cccc;
}
.dashbox.blue .inner i.big {
	color:#00a3cb;
}
.dashbox.blue .inner a {
	color:rgba(255,255,255,0.7);
	background:#00add8;
}
.dashbox.blue .inner a:hover {
	color:#fff;
	background:rgba(0,0,0,0.3);
}
.dashbox.reds .inner {
	background:#f56954;
}
.dashbox.reds .inner i.big {
	color:#d05947;
}
.dashbox.reds .inner a {
	color:rgba(255,255,255,0.7);
	background:#dd5f4c;
}
.dashbox.reds .inner a:hover {
	color:#fff;
	background:rgba(0,0,0,0.3);
}
.exelbox {
	width:200px;
	float:left;
	padding:15px;
}
.exelbox .inner {
	width:100%;
	border:0px red dotted;
	padding:10px;
	background:#fff;
	box-shadow:inset 1px 1px 3px rgba(0,0,0,0.2);
}
.exelbox .inner:hover {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.exelbox .inner p {
	padding:5px 0 0 0;
	font-size:13px;
	font-weight:bold;
	text-align:right;
}
.exelbox .inner img {
	width:100%;
}
.modal-dialog .modal-content {
	border-radius:5px 5px 3px 3px;
}
.modal-header {
	background: #eee;
	color:#666;
	border:0; 
	border-radius:3px 3px 0 0;
	font-weight:700;
	border-bottom:1px #e6e6e6 solid;
	padding:10px 20px;
}
.modal-title {
	font-weight:600;
}
.close {
  float: right;
  font-size: 18px;
  font-weight: normal;
  line-height: 28px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.tal {
	text-align:left !important;
}
.tac {
	text-align:center !important;
}
.tar {
	text-align:right !important;
}
table.workweek {
	width:100%;
	margin-bottom:4px;
}
table.workweek th {
	text-align:left;
	padding:5px 10px;
	background:#f6f6f6;
	border:0;
	cursor:default;
}
table.workweek td {
	padding:3px 10px;
	vertical-align:middle;
	cursor:default;
}
table.workweek td span {
	font-weight:600;
}
table.workweek tr {
	border-bottom:1px #ddd dotted;
	margin-bottom:10px;
}
table.workweek tr:first-child {
	border-bottom:2px #ddd solid;
}
xtable.workweek tr:last-child {
	border-bottom:0px #ddd dotted;
}
*::-webkit-input-placeholder {
    color:#ccc;
	 font-style:italic;
}
*:-moz-placeholder {
    color:#ccc;
	 font-style:italic;
}
*::-moz-placeholder {
    color:#ccc;
	 font-style:italic;
}
*:-ms-input-placeholder {
    color:#ccc;
	 font-style:italic;
}
.nofocus {
	xborder-bottom:1px #fff solid !important;
}


.col-av, .col-us, .col-pe, .col-ma, .col-pa {
	background:#d9e1f2;
	color:#333;
	display:inline-block;
	padding:1px 6px;
	border-radius:2px;
	margin:0;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	font-weight:600;
}
.col-us {
	background:#ffe699;
}
.col-pe {
	background:#e2efda;
}
.col-ma {
	background:#fce4d6;
}
.col-pa {
	background:#eddbff;
}

.xpopover {
	display:block !important;
	max-width: 500px!important;
	width:auto;
	border:0;
	margin:0;
	padding:0;
	border-radius:3px;
}
.xpopover.calPop {
	display:block !important;
	max-width: 500px!important;
	width:auto;
	border:1px #ccc solid;
	margin:0;
	padding:2px;
	border-radius:3px;
}


.xpopover.bottom .arrow:after {
    border-bottom-color: red;
}



.calPop ul {
	margin:0;
	padding:0;
	list-style:none;
}
.calPop ul li {
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px #ddd dotted;
}
.calPop ul li:last-item {
	border-bottom:1px #090 solid;
}
.calPop ul li a {
  	color: #333; 
	background:#fff;
  	border:0;
	font-size:13px;
	border-radius:0;
	padding:2px 10px;
	margin:0;
	width:100%;
	display:block;
	white-space:nowrap;
}
.calPop ul li a:hover {
  	color: #fff; 
	background:#070;
	text-decoration:none;
}

.xpopover-title {
	background:#a00;
	color:#fff;
	font-size:14px;
	font-weight:600;
	border-radius:3px 3px 0 0;
}

.tooltip {
  position: absolute;
  z-index: 1024 !important;
  display: block;
  font-size: 13px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
  padding:0;
}
.tooltip-inner {
  max-width: 200px;
  padding:5px 12px 6px !important;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 3px;
}
.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;

}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
}

.colAP, .colRJ, .colCA, .colRQ, .colTA {
	display:block;
	background:#c00;
	padding:0px 5px 1px;
	border-radius:2px;
	color:#fff;
	font-size:12px;
	text-align:center;
}
.colRQ {
	background: #009999;
	background: #9999FF;
	background: #9966FF;
}
.colAP {
	background: #009900;
}
.colCA {
	background: #FF6633;
}
.colTA {
	background: #3399CC;
}
button.but-filter {
	color:#fff;
	font-size:13px;
	padding:4px 14px;
	line-height:normal;
	white-space:nowrap;
	border-radius:4px;
	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;
	border-radius:3px;
}
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;
}



/*****************************************************************************************/
.but-primary.approve { 
	background:#a00;
} 

.but-primary { 
  	color: #fff; 
	background:#006600;
	background: linear-gradient(to bottom, #339933, #006600);
	background:#070;
  	border:0;
	font-size:13px;
	border-radius:2px;
	padding:6px 15px;
	white-space:nowrap;
} 
.but-primary.but-xs { 
	padding:3px 10px;
	font-size:12px;
} 
 
.but-primary:hover, 
.but-primary:focus, 
.but-primary.active, 
.open .dropdown-toggle.xbut-primary { 
	background:#ffcc00;
	background: linear-gradient(to bottom, #ffcc00, #cc9900);
	background: #fb0;
	color:#000;
	text-decoration:none;
	xbox-shadow:inset 0 0 5px rgba(0,0,0,0.2);
} 
 
.but.but-select { 
  	color: #000; 
	background:#fff;
  	border:0;
	border-radius:0px;
	padding:2px 4px 0 4px;
	margin:0;
	width:100%;
	white-space:nowrap;
	text-align:left;
	line-height:20px;
	border-bottom:1px #fff solid;
} 
.but.active {
	outline: 0 !important;
	background-image: none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}

.but-select:hover, 
.but-select:focus, 
.but-select.active, 
.open .dropdown-toggle.but-select { 
	background:#fff;
	color:#000;
	text-decoration:none;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	border-bottom:1px #393 solid;
} 
.but.but-select .caret {
	position: absolute;
	right: 10px;
	top: 45%;
}

.bootstrap-select.btn-group .dropdown-toggle .caret:before {
  content: "\e003";
}

.but-default { 
  	color: #000; 
	background:#eee;
	background: linear-gradient(to bottom, #eee, #ddd);
	xbackground:#eee;
  	border:1px #ccc solid;
	font-size:13px;
	border-radius:2px;
	padding:5px 15px;
	margin:0;
	white-space:nowrap;
} 
.but-default.but-xs { 
	padding:1px 10px;
	font-size:12px;
} 
 
.but-default:hover, 
.xbut-default:focus, 
.xbut-default:active, 
.xbut-default.active, 
.open .dropdown-toggle.xbut-default { 
	background:#eee;
	background: linear-gradient(to bottom, #ddd, #eee);
	xbackground:#f6f6f6;
	border:1px #bbb solid;
	color:#000;
	text-decoration:none;
} 
 
button.but-primary[disabled], 
button.but-primary[disabled]:hover{
  background:#8a8;
  color:#fff;
  cursor:not-allowed;
  box-shadow:none;
}


.note_box {
	width:100%;
	margin-bottom:15px;
}
.note_box h2 {
	width:100%;
	border-radius:5px 5px 0 0;
	background:#006699;
	color:#fff;
	border:0;
}
.note_box .inner {
	min-height:100px;
	background:#f6f6f6;
	padding:10px;
	border-radius: 0 0 5px 5px;
	border:1px #ddd solid;
	border-top:0;
	font-size:13px;
}
.A4form {
	width:950px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:50px; 
	background:#fff; 
	padding:40px; 
	box-shadow:0 0 10px rgba(0,0,0,0.4); 
	position:relative;
}

a.icon {
	cursor:pointer;
}
a.disabled {
   pointer-events: none;
   cursor: not-allowed;
}

div.msg_nopermit {
	width:100%;
	font-size:18px;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	margin-top:0px;
	background:#a00;
	padding:8px;
}
div.msg_nopermit:before {
	font-family:"fontawesome";
	content: "\f05e";
	margin-right:10px;
	font-weight:400;
}
input[type="text"]:disabled:hover {
	xborder-bottom:1px transparent solid !important;
}
select:disabled:hover {
	xborder-bottom:1px transparent solid !important;
}
input[type="text"]:disabled {
	background:#fff;
}
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;
}

/*.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
*/

.popover .btn-danger {
	padding:0px 10px !important;
	line-height:24px !important;
	margin:0;
	text-align:center;
	color:#fff;
	border-radius:2px 0 0 2px;
	border-right:0;
	width:50%;
}
.popover .btn-danger:hover {
	color:#fff;
}
.popover .btn-default {
	padding:0px 10px !important;
	line-height:24px !important;
	margin:0;
	text-align:center;
	color:#000;
	border-radius:0 2px 2px 0;
	border-left:0;
	width:50%;
}

table.mybasicTable {
	width:100%;
	table-layout:auto;
	border-collapse:collapse;
	border:none;
	font-size:13px;
	color:#000;
}
table.mybasicTable thead {
	border:1px #eee solid;
	border-bottom:2px #ddd solid;
	background:#eee;
}
table.mybasicTable thead th {
	white-space:nowrap;
	padding:5px 10px;
	border-right:1px #fff solid;
	font-weight:600;
	color:#058;
}
table.mybasicTable thead th:last-child {
	border-right:0px #fff solid;
}
table.mybasicTable tbody td {
	white-space:nowrap;
	padding:5px 10px;
	border:1px #e9e9e9 solid;
}
table.mybasicTable tbody td.input {
	padding:2px 5px;
}
table.mybasicTable tbody td input[type=text], 
table.mybasicTable tbody td input[type=password], 
table.mybasicTable tbody td select {
	width:100%;
	padding:1px 4px;
	border:0;
	xborder-bottom:1px #fff solid;
	margin:1px 0;
	line-height:normal;
	box-sizing: border-box;
}
table.mybasicTable tbody td select {
	width:auto;
	padding:1px 2px;
}
table.mybasicTable tbody td input[type=text]:hover, 
table.mybasicTable tbody td input[type=password]:hover, 
table.mybasicTable tbody td textarea:hover {
	xborder-bottom:1px #ececec solid;
}
table.mybasicTable tbody td input[type=text]:focus, 
table.mybasicTable tbody td input[type=password]:focus, 
table.mybasicTable tbody td textarea:focus, 
table.mybasicTable tbody td select:hover {
	xborder-bottom:1px #393 solid;
}
input[type=text]:disabled, 
input[type=password]:disabled, 
textarea:disabled, 
select:disabled {
	background:#fff;
}

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:1px !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:22px !important;
}

.subinfo {
	font-weight:600; 
	color:#005588; 
	display:inline-block; 
	border-left:1px #ccc solid; 
	padding:2px 0 2px 10px;
}

b {
	font-weight:600;
}

::-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); 
}

.nopadding {
	padding:0 !important;
}
.nomargin {
	margin:0 !important;
}

.vatop { vertical-align:top; }

.afterinput:after {
	font-family:'fontawesome';
	font-size:17px;
	content: "\f273";
	position:absolute;
	top:1px;
	right:1px;
	display:block;
	padding:0 5px;
	border-radius:2px;
	color:#aaa;
	background:#fff;
}
a.afterinput:hover::after {
	color: #0099CC;
}
a.afterinput {
	color: #000;
}


button.warning {
	background:#a00;
	color:#fff;
}
button.warning:hover {
	background:#ffcc00;
	color:#000;
}

.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;
} 

.dbFilter input.iFilter:hover {
	xborder:1px #aaa solid;
	xbackground:#ffd;
}
.dbFilter button.cFilter {
	position:absolute;
	right:1px;
	top:1px;
	border:0;
	padding:0 7px;
	line-height:24px;
	margin:0;
	border-radius:0px;
	border-left:1px #ccc solid;
	color:#bbb;
	background:#f6f6f6;
}
.dbFilter .cFilter:hover {
	color:#fff;
	background:#ccc;
}
button.clearAll {
	padding:0px 10px 0 8px;
	font-size:12px;
	line-height:24px;
	border:1px #ccc solid;
	border-radius:0px;
	white-space:nowrap;
}
.dbFilter {
	padding:0;
	margin:0;
	width:140px;
	position:relative;
}
.dbFilter input.iFilter {
	padding:0 7px;
	margin:0;
	font-size:12px;
	line-height:24px;
	border:1px #ccc solid;
	width:100%;
	border-radius:0px;
}
select.selFilter {
	padding:3px 4px 2px;
	font-size:12px;
	line-height:24px;
	border:1px #ccc solid;
	width:auto;
	border-radius:0px;
}







.dashbox2 {
	display:block;
	float:left;
	width:25%;
	min-width:200px;
	padding:0 15px 15px 0;
	z-index:0 !important;
}
@media (max-width: 1300px) {
.dashbox2 {
	width:33%;
}
}

.dashbox2 .inner {
	display:block;
	min-height:130px;
	position:relative;
	padding:20px;
	text-align:center;
	z-index:0 !important;
	border-radius:5px;
	background:#ddd;
	cursor:pointer;
}

.dashbox2 .inner:hover {
	box-shadow:2px 2px 8px rgba(0,0,0,0.4);
}
.dashbox2.disabled {
	pointer-events: none;
}
.dashbox2 .inner p {
	font-size:20px;
	color:#fff;
	padding:10px 0 0 0;
	margin:0;
	font-weight:700;
	text-transform:uppercase;
	z-index:100 !important;
}
.xxdashbox2 .inner a {
	font-size:20px;
	color:rgba(255,255,255,0.5);
	padding:2px 0;
	margin:0;
	font-weight:700;
}
.dashbox2 .inner a i.fa {
	font-size:12px;
}
.dashbox2 .inner a:hover {
	color:#fff;
}
.dashbox2 .inner p.two {
	font-size:14px;
	padding:5px 0 0 0;
}

.dashbox2 .inner i.fa {
	font-size:50px;
	transition: all 0.1s;
	z-index:0 !important;
	color:rgba(255,255,255,0.5);
}
.dashbox2 .inner:hover i.fa {
	color:rgba(255,255,255,0.9);
}
.dashbox2 .inner a i.fa-exclamation-circle {
	font-size:26px;
	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);
}

.dashbox2.green .inner {
	background:#00a65a;
}
.dashbox2.orange .inner {
	background:#f39c12;
}
.dashbox2.blue .inner {
	background:#39cccc;
}
.dashbox2.reds .inner {
	background:#f56954;
}
.dashbox2.dblue .inner {
	background: #0099CC;
}
.dashbox2.purple .inner {
	background: #CC6699;
}
.dashbox2 .inner.disabled {
	background: #ddd;
}
.dashbox2 .inner.disabled:hover {
	box-shadow:none;
	cursor:not-allowed;
}
.dashbox2 .inner.disabled:hover i.fa {
	color:rgba(255,255,255,0.5);
}

.dashbox2.mod_leave .inner {
	background:#1aaca3;
}
.dashbox2.mod_time .inner {
	background:#f39c11;
}
.dashbox2.mod_payroll .inner {
	background:#3598dc;
}
.dashbox2.mod_employee .inner {
	background:#2bb962;
}
.dashbox2.mod_report .inner {
	background:#a56cbc;
}
.dashbox2.mod_approve .inner {
	background:#e77e22;
}
.dashbox2.mod_ccplatform .inner {
	background:#2a80b9;
}
.dashbox2.mod_settings .inner {
	background:#e84c3d;
}
.dashbox2.mod_export .inner {
	background: #FF9966;
}
.dashbox2.mod_myaccount .inner {
	background: #999933;
}


/*table.stockTable {
	table-layout:auto;
	border-collapse: collapse;
	border:0;
	color:#000;
	font-size:13px;
}
table.stockTable thead {
	border-bottom:1px #ddd solid;
}
table.stockTable thead th {
	white-space:nowrap;
	border-right:1px #fff solid;
	padding:6px 10px;
	background:#eee;
	text-align:left;
	font-weight:700;
	cursor:default;
	line-height:110%;
}
table.stockTable thead th:last-child {
	border-right:0;
}
table.stockTable tbody tr,
table.stockTable tfoot tr {
	border-bottom:1px #eee solid;
}
table.stockTable tbody td,
table.stockTable tfoot td {
	padding:0 10px;
	white-space:nowrap;
	text-align:left;
	cursor:default;
	border:0;
	border-right:1px #eee solid;
	line-height:28px !important;
}

table.stockTable tbody th,
table.stockTable tfoot th {
	text-align:right;
	width:10px;
	color:#005588;
	border-right:1px solid #ececec;
	font-weight:600;
	vertical-align:top;
	padding:0 8px;
	white-space:nowrap;
	line-height:28px !important;
}
table.stockTable tbody th label,
table.stockTable tfoot th label {
	font-weight:600;
}

xtable.stockTable.input tbody td {
	padding:0;
}
table.stockTable tbody td:last-child {
	border-right:0;
}
table.stockTable.striped tbody tr:nth-child(odd) {
	background: #fffffa;
}
table.stockTable.striped tbody tr:nth-child(even) {
	background: #f7ffff;
}
.hover {
	background:#cec;
}
.trhover {
	background-color: #FFFF99;
}
.incolor {
	color: #006699;
}
.outcolor {
	color:#990000;
}
table.stockTable tr.footer > td {
	font-weight:600;
	font-size:12px;
	background: #770000;
	color:#fff;
}
.stockTable td.ws_normal {
	white-space:normal;
}
.stockTable td.nopadding {
	padding:0;
}
table.stockTable tbody td.nowrap {
	white-space:normal;
}
table.stockTable thead th {
	line-height:110%;
	font-weight:600;
}
.stockTable tbody td input, 
.stockTable tbody td select {
	background:transparent;
	border-bottom:1px solid transparent !important;
}
.stockTable tbody td input.nofocus {
	cursor:default;
}


table.stockTable tbody td input[type=text], 
table.stockTable tbody td input[type=password], 
table.stockTable tbody td select, 
table.stockTable tfoot td input[type=text], 
table.stockTable tfoot td input[type=password], 
table.stockTable tfoot td select {
	width:100%;
	padding:0 4px;
	border:0;
	border-bottom:1px #fff solid !important;
	margin:0;
	line-height:25px !important;
	box-sizing: border-box;
	border-radius:0;
}
table.stockTable tbody td input[type=text]:hover, 
table.stockTable tbody td input[type=password]:hover, 
table.stockTable tbody td textarea:hover, 
table.stockTable tfoot td input[type=text]:hover, 
table.stockTable tfoot td input[type=password]:hover, 
table.stockTable tfoot td textarea:hover {
	border-bottom:1px #ececec solid ;
	border-bottom:1px #ddd solid !important;
}
table.stockTable tbody td input[type=text]:focus, 
table.stockTable tbody td input[type=password]:focus, 
table.stockTable tbody td textarea:focus, 
table.stockTable tbody td select:hover, 
table.stockTable tfoot td input[type=text]:focus, 
table.stockTable tfoot td input[type=password]:focus, 
table.stockTable tfoot td textarea:focus, 
table.stockTable tfoot td select:hover {
	border-bottom:1px #393 solid!important;
}
table.stockTable tbody td textarea, 
table.stockTable tfoot td textarea {
	width:100%;
	resize: none;
	padding:1px 4px;
	border:0;
	border-bottom:1px #fff solid!important;
	margin:0;
	line-height:normal;
	box-sizing: border-box;
	background:#fff;
}
table.stockTable tbody td select, 
table.stockTable tfoot td select {
	padding:0;
}





table.subTable {
	table-layout:auto;
	border-collapse: collapse;
	border:0;
	color:#000;
	font-size:13px;
}
table.subTable thead {
	border-bottom:1px #ddd solid;
}
table.subTable thead th {
	white-space:nowrap;
	border-right:1px #fff solid;
	padding:0px 8px;
	background:#eee;
	text-align:left;
	font-weight:600;
	color:#000;
	cursor:default;
	xline-height:110%;
}
table.subTable thead th:last-child {
	border-right:0;
}
table.subTable tbody tr,
table.subTable tfoot tr {
	border-bottom:1px #eee solid;
}
table.subTable tbody td,
table.subTable tfoot td {
	padding:0 8px;
	white-space:nowrap;
	text-align:left;
	cursor:default;
	border:0;
	border-right:1px #eee solid;
	line-height:28px !important;
}

table.subTable tbody th,
table.subTable tfoot th {
	text-align:right;
	width:10px;
	color:#005588;
	border-right:1px solid #ececec;
	font-weight:600;
	vertical-align:top;
	padding:0 8px;
	white-space:nowrap;
	line-height:28px !important;
}
table.subTable tbody tr:last-child {
	xborder-bottom:0;
}
*/

/* Begin stockTable --------------------------------------------------------------------------------------------------------------------------*/
table.stockTable {  
	width:100%;
	table-layout:auto;
	border-collapse:collapse;
	border:0;
	font-size:13px;
	color:#000;
}
table.stockTable tbody tr, 
table.stockTable tfoot tr {
	border-bottom:1px #eee solid;
}
table.stockTable .sTable tbody tr:last-child {
	border-bottom:0;
}
table.stockTable .sTable tbody td {
	padding:4px 8px;
}
table.stockTable tbody tr.bborder {
	border-bottom:1px #eee solid;
}
table.stockTable.darkborder tbody tr {
	border-bottom:1px #ddd solid;
}
table.stockTable.darkborder tbody td {
	border-right:1px #ddd solid;
}
table.stockTable.darkborder tbody td:last-child {
	border-right:0;
}
table.stockTable thead th {
	text-align:left;
	xwidth:10px;
	color:#005588;
	color:#000 !important;
	font-weight:600;
	vertical-align:middle;
	padding:6px 8px;
	border-right:1px #fff solid !important;
	background:#eee;
	xline-height:110%;
}
table.stockTable thead th:last-child {
	border-right:0 !important;
}

xtable.stockTable th, 
table.stockTable thead th, 
xtable.stockTable td, 
table.stockTable tbody td, 
table.stockTable tfoot td {
	white-space:nowrap;
	text-align:left !important;
}
table.stockTable tbody th, 
table.stockTable tfoot th {
	text-align:right;
	width:10px;
	color:#005588;
	border-right:1px solid #eee;
	font-weight:600;
	vertical-align:top;
	padding:5px 8px;
	xline-height:28px;
	white-space:nowrap;
}
table.stockTable tbody td,
table.stockTable tfoot td {
	text-align:left;
	font-weight:500;
	border-right:1px solid #eee;
	padding:5px 8px;
}
table.stockTable td:last-child {
	border-right:0;
}
table.stockTable tbody td.rb {
	border-right:1px solid #ececec;
}
table.stockTable.fullborder tbody td {
	border:1px #ececec solid;
}
table.stockTable tbody td input[type=text], 
table.stockTable tbody td input[type=password], 
table.stockTable tbody td select, 
table.stockTable tfoot td input[type=text], 
table.stockTable tfoot td input[type=password], 
table.stockTable tfoot td select {
	width:100%;
	padding:5px 8px 4px 8px;
	border:0;
	border-bottom:0px #fff solid;
	margin:0;
	line-height:normal;
	box-sizing: border-box;
	border-radius:0;
}
table.stockTable tbody td input[type=text].nlpad , 
table.stockTable tbody td input[type=password].nlpad , 
table.stockTable tbody td select.nlpad , 
table.stockTable tfoot td input[type=text].nlpad , 
table.stockTable tfoot td input[type=password].nlpad , 
table.stockTable tfoot td select.nlpad {
	padding-left:0 !important;
}
table.stockTable tbody td input[type=text]:hover, 
table.stockTable tbody td input[type=password]:hover, 
table.stockTable tbody td textarea:hover, 
table.stockTable tfoot td input[type=text]:hover, 
table.stockTable tfoot td input[type=password]:hover, 
table.stockTable tfoot td textarea:hover {
	border-bottom:0px #ececec solid;
}
table.stockTable tbody td input[type=text]:focus, 
table.stockTable tbody td input[type=password]:focus, 
table.stockTable tbody td textarea:focus, 
table.stockTable tbody td select:hover, 
table.stockTable tfoot td input[type=text]:focus, 
table.stockTable tfoot td input[type=password]:focus, 
table.stockTable tfoot td textarea:focus, 
table.stockTable tfoot td select:hover {
	border-bottom:0px #393 solid;
}
table.stockTable tbody td textarea, 
table.stockTable tfoot td textarea {
	width:100%;
	resize: none;
	padding:1px 8px;
	border:0;
	border-bottom:0px #fff solid;
	margin:0;
	line-height:normal;
	box-sizing: border-box;
	background:#fff;
}
table.stockTable tbody td select, 
table.stockTable tfoot td select {
	padding:0;
}


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

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

xtable.stockTable .filebutton {
	position:relative;
	width: 100%;
	height:26px;
	margin:1px 0 0 0;
	padding:0;
	border:0px red dotted;
}
xtable.stockTable .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.stockTable .filebutton p {
	position:absolute;
	left:100px;
	top:1px !important;
	font-weight:400;
}
xtable.stockTable .filebutton.inline {
}
xtable.stockTable .filebutton.inline label {
	width:90px;
}

xtable.stockTable .filebutton p {
	position:absolute;
	left:100px;
	top:4px;
	font-weight:400;
}
xtable.stockTable .filebutton.tiny {
	height:24px;
	border:0px red dotted;
	margin:0;
}
xtable.stockTable .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.stockTable .filebutton label.tiny {
	width:90px;
	height:24px;
	line-height:24px;
	font-size:13px;
}

table.stockTable.noInputs tbody td {
	padding:2px 10px;
}
table.stockTable tbody td.strong {
	font-weight:700;
}
table.stockTable thead tr {
	border-bottom:2px #ddd solid;
	background:#eee;
}
table.stockTable tbody td.vatop { 
	vertical-align: baseline !important;
}
table.stockTable tbody td.base { 
	vertical-align: baseline !important;
}
table.stockTable tbody td.vat { 
	vertical-align: top !important;
}

table.stockTable thead th.tac,
table.stockTable tbody td.tac {
	text-align:center !important;
}
table.stockTable thead th.tal,
table.stockTable tbody td.tal {
	text-align:left !important;
}
table.stockTable thead th.tar,
table.stockTable tbody td.tar {
	text-align:right !important;
}
table.stockTable.dubhead thead th {
	line-height:110%;
}

/* End stockTable --------------------------------------------------------------------------------------------------------------------------*/

/*table.dataTable {  
	width:100%;
	table-layout:auto;
	border-collapse:collapse;
	border:0;
	font-size:13px;
	color:#000;
}
table.dataTable thead th {
	text-align:left;
	xwidth:10px;
	color:#005588;
	color:#000 !important;
	font-weight:600;
	xvertical-align:middle;
	padding:6px 8px;
	border-right:1px #fff solid !important;
	border-bottom:1px #ccc solid !important;
	background:#eee;
	xline-height:110%;
	white-space:nowrap;
}
table.dataTable.dubhead thead th {
	line-height:110%;
}
table.dataTable tbody td {
	text-align:left;
	font-weight:500;
	border:1px solid #ddd;
	padding:5px 8px;
	white-space:nowrap;
	vertical-align:baseline;
}
table.dataTable thead th.tac,
table.dataTable tbody td.tac {
	text-align:center !important;
}
table.dataTable thead th.tal,
table.dataTable tbody td.tal {
	text-align:left !important;
}
table.dataTable thead th.tar,
table.dataTable tbody td.tar {
	text-align:right !important;
}
table.dataTable td:last-child {
	border-right:0;
}
table.dataTable td:first-child {
	border-left:0;
}
table.dataTable td.ws_normal {
	white-space:normal;
}
*/
.dashbox22 {
	display:block;
	float:left;
	width:100%;
	min-width:200px;
	padding:0 20px 5px 0;
	z-index:0 !important;
}

.dashbox22 .inner {
	display:block;
	xmin-height:30px;
	position:relative;
	padding:0 20px 2px;
	text-align:left;
	z-index:0 !important;
	border-radius:2px;
	background:#ddd;
	cursor:pointer;
}

.dashbox22 .inner:hover {
	box-shadow:1px 1px 5px rgba(0,0,0,0.3);
}
.dashbox22.disabled {
	pointer-events: none;
}
.dashbox22 .inner p {
	font-size:15px;
	line-height:38px;
	color:#fff;
	padding:0 0 0 5px;
	margin:0;
	font-weight:700;
	text-transform:uppercase;
	z-index:100 !important;
	display: inline-block;
}
.dashbox22 .inner i.fa {
	font-size:24px;
	line-height:38px;
	transition: all 0.1s;
	z-index:0 !important;
	color:rgba(255,255,255,0.5);
}
.dashbox22 .inner:hover i.fa {
	color:rgba(255,255,255,1);
}
.xxdashbox22 .inner a {
	font-size:20px;
	color:rgba(255,255,255,0.5);
	padding:2px 0;
	margin:0;
	font-weight:700;
}
.xdashbox22 .inner a i.fa {
	font-size:12px;
}
.xdashbox22 .inner a:hover {
	color:#fff;
}
.dashbox22 .inner p.two {
	font-size:14px;
	padding:5px 0 0 0;
}

.dashbox22 .inner a i.fa-exclamation-circle {
	font-size:26px;
	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);
}

.dashbox22.green .inner {
	background:#00a65a;
}
.dashbox22.orange .inner {
	background:#f39c12;
}
.dashbox22.blue .inner {
	background:#39cccc;
}
.dashbox22.reds .inner {
	background:#f56954;
}
.dashbox22.dblue .inner {
	background: #0099CC;
}
.dashbox22.purple .inner {
	background: #CC6699;
}
.dashbox22 .inner.disabled {
	background: #ddd;
}
.dashbox22 .inner.disabled:hover {
	box-shadow:none;
	cursor:not-allowed;
}
.dashbox22 .inner.disabled:hover i.fa {
	color:rgba(255,255,255,0.5);
}

.dashbox22.mod_leave .inner {
	background:#1aaca3;
}
.dashbox22.mod_time .inner {
	background:#f39c11;
}
.dashbox22.mod_payroll .inner {
	background:#3598dc;
}
.dashbox22.mod_employee .inner {
	background:#2bb962;
}
.dashbox22.mod_report .inner {
	background:#a56cbc;
}
.dashbox22.mod_approve .inner {
	background:#e77e22;
}
.dashbox22.mod_ccplatform .inner {
	background:#2a80b9;
}
.dashbox22.mod_settings .inner {
	background:#e84c3d;
}
.dashbox22.mod_export .inner {
	background: #FF9966;
}
.dashbox22.mod_myaccount .inner {
	background: #999933;
}
.dashbox22 .inner i.fa-caret-right {
	color:transparent !important;
	float:right;
	margin-top:-2px;
	font-size:30px;
}
.dashbox22 .inner.active i.fa-caret-right {
	color:rgba(255,255,255,0.8) !important;
	float:right;
	margin-top:2px;
	font-size:26px;
}


/*	table.tagTable {
		font-family: sans-serif, Arial, Helvetica;
		font-size:13px;
		border:0px #000 solid;
		border-collapse:collapse;
		width:100%;
	}
	
	table.tagTable tr {
		border-bottom:1px #ccc solid;
	}
	table.tagTable th {
		padding:6px 5px;
		text-align:right;
		vertical-align:baseline;
		white-space:nowrap;
		width:10px;
	}
	table.tagTable td {
		padding:6px 0;
		text-align:left;
		vertical-align:baseline;
	}
	table.tagTable td img {
		padding:0 5px 5px;
		box-sizing:border-box;
		width:95%;
	}
	.tagOuter {
		float:left;
		max-width:350px;
		padding:10px;
		box-sizing:border-box;
	}
	.tagInner {
		font-family: sans-serif, Arial, Helvetica;
		font-size:13px;
		border:1px #fff solid;
		height:400px;
		max-height:400px;
		width:100%;
		padding:10px 15px;
		box-shadow:0 0 10px rgba(0,0,0,0.2);
		box-sizing:border-box;
		position:relative;
		overflow:hidden;
	}
	.tagInner .printTag {
		position:absolute;
		top:10px;
		right:10px;
		font-size:16px;
		color:#ccc;
	}
	.tagInner .remarks {
		margin:5px;
		line-height:130%;
	}
	.tagInner .printTag:hover {
		color:#666;
	}
*/
	
	
	.tagOuter {
		float:left;
		width:380px;
		padding:10px;
		box-sizing:border-box;
	}
	.tagInner {
		font-family: 'Open Sans', sans-serif;
		font-size:13px;
		height:300px;
		max-height:300px;
		width:100%;
		padding:15px;
		xbox-sizing:border-box;
		position:relative;
		overflow-Y:auto;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}
	table.tagTable {
		width: 100%;
		height: 270px;
		border-collapse:collapse;
		border:0;
	}
/*	table.tagTable tbody {
		height: 100px;
		max-height: 100px;
		overflow-y:scroll
	}
*/	table.tagTable thead th {
		border:1px solid #ccc;
		text-align:center;
		padding:5px 10px;
		vertical-align:middle;
		white-space:nowrap;
	}
	table.tagTable tbody th {
		border:1px solid #ccc;
		text-align:left;
		padding:2px 10px;
		vertical-align:middle;
		white-space:nowrap;
		width:10px;
		font-weight:600;
	}
	table.tagTable tbody td {
		border:1px solid #ccc;
		text-align:center;
		padding:2px 10px;
		vertical-align:middle;
		white-space:normal;
		overflow:hidden;
	}
	table.tagTable img {
		width:70%;
		display:block;
	}
	.tagInner .printTag {
		position:absolute;
		top:26px;
		right:33px;
		font-size:18px;
		color:#ccc;
	}
	.tagInner .printTag:hover {
		color:#666;
	}
	table.tagTable .tagSubtable {
		width: 100%;
		border-collapse:collapse;
		border:0;
	}
	table.tagTable .tagSubtable th {
		border:0;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		text-align:center;
		vertical-align:middle;
		padding:1px 10px;
		white-space:nowrap;
		background:#f6f6f6;
	}
	table.tagTable .tagSubtable th:last-child {
		border-right:0;
	}
	table.tagTable .tagSubtable tr:last-child td {
		border-bottom:0;
	}
	table.tagTable .tagSubtable td {
		border:0;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		text-align:center;
		padding:1px 10px;
		white-space:normal;
	}
	
	
	
	
	
	
	table.stockTable tbody td.nowrap {
		white-space:normal;
	}
	table.stockTable thead th {
		line-height:110%;
		font-weight:600;
	}
	.stockTable tbody td input, 
	.stockTable tbody td select {
		background:transparent;
		xborder-bottom:1px solid transparent !important;
	}
	.stockTable tbody td input.nofocus {
		cursor:default;
	}

	.showTable {
		display:none;
	}


	.eBtn {
		background:0;
		border:0;
		color:#000;
		padding:0;
	}
	.eBtn:disabled {
		color:#aaa;
		cursor:not-allowed;
	}

	.steps {
	  list-style-type: none;
	  padding: 0;
	  margin:0;
	  display:inline-block;
	}
	.steps li {
	  display: inline-block;
	  margin: 0px;
	  padding:0;
	}
	.steps li a, .steps li p {
	  background: #ddd;
	  padding: 9px 20px;
	  margin:0;
	  color: #999;
	  display: block;
	  font-size: 14px;
	  font-weight: 600;
	  position: relative;
	  text-indent: 12px;
	  cursor:default !important;
	}
	.steps li a:hover, .steps li p:hover {
	  text-decoration: none;
	  cursor:default !important;
	}
	.steps li a:before, .steps li p:before {
	  border-bottom: 19px solid transparent;
	  border-left: 12px solid #eee;
	  border-top: 19px solid transparent;
	  content: "";
	  height: 0;
	  position: absolute;
	  left: 0;
	  top: 50%;
	  width: 0;
	  margin-top: -19px;
	}
	.steps li a:after, .steps li p:after {
	  border-bottom: 19px solid transparent;
	  border-left: 12px solid #ddd;
	  border-top: 19px solid transparent;
	  content: "";
	  height: 0;
	  position: absolute;
	  right: -12px;
	  top: 50%;
	  width: 0;
	  margin-top: -19px;
	  z-index: 1;
	}
	.steps li.active a, .steps li.active p {
	  background: #0077bf;
	  color: #fff;
	}
	.steps li.active a:after, .steps li.active p:after {
	  border-left: 12px solid #0077bf;
	}
	.steps li.undone a, .steps li.undone p {
	  background: #ccc;
	  color: #333;
	}
	.steps li.undone a:after, .steps li.undone p:after {
	  border-left: 12px solid #ccc;
	}
	.steps li.undone p {
	  color: #aaa;
	}
	.progress_status span {
		padding:0 15px;
		margin:0;
		font-size:16px;
		font-weight:600;
		color:#900;
		margin-bottom:-5px;
	}


	.A4form {
		margin:0 auto;
		margin-top:10px;
		margin-bottom:30px; 
		background:#fff; 
		padding:8mm 10mm 10mm; 
		box-shadow:0 0 10px rgba(0,0,0,0.4); 
		position:relative;
		width: 220mm;
		xheight: 300mm;
		font-size:11px;
	}
	.A4form table.title {
		margin-bottom:10px;
		font-size:14px;
	}
	
	.A4form table.title td {
		line-height:120%;
		padding-top:5px;
	}

	.A4form table.myTable {
		width:100%;
		table-layout:fixed;
		border-collapse:collapse;
		font-size:12px;
	}
	.A4form table.myTable th, .A4form table.myTable td {
		padding:3px 8px;
		vertical-align:baseline;
		xline-height:180% !important;
	}
	.A4form table.myTable th {
		background: #ded;
		font-size:12px;
		white-space:nowrap;
		text-align:left;
	}

	.A4form table.sTable {
		width:100%;
		table-layout:auto;
		border-collapse:collapse;
	}
	.A4form table.sTable th, .A4form table.sTable td {
		padding:5px 3px;
		xline-height:180% !important;
	}
	.A4form table.sTable th {
		background: #fff;
		text-align:right;
		width:1px;
		white-space:nowrap;
		font-weight:600;
		padding-left:10px;
	}
	.w50 { width:50%; }
	.greyLine {
	color:#ccc;
}

.datepicker, .date_month {
	cursor:pointer;
}



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

.sysdashbox .inner i.fa {
	font-size:50px;
	transition: all 0.1s;
	z-index:0 !important;
	color:rgba(255,255,255,0.5);
}
.sysdashbox .inner:hover i.fa {
	color:rgba(255,255,255,0.9);
}
.sysdashbox.green .inner {
	background:#00a65a;
}
.sysdashbox.orange .inner {
	background:#f39c12;
}
.sysdashbox.blue .inner {
	background:#39cccc;
}
.sysdashbox.reds .inner {
	background:#f56954;
}
.dashbox.colEmployee .inner {
	background: #0099CC;
}
.sysdashbox.dblue .inner {
	background: #0099CC;
}
.sysdashbox.purple .inner {
	background: #CC6699;
}
.sysdashbox.teal .inner {
	background: #099;
}
.sysdashbox.brown .inner {
	background: #C63;
}
.sysdashbox .inner.disabled {
	background: #ddd;
}
.sysdashbox .inner.disabled:hover {
	box-shadow:none;
	cursor:not-allowed;
}
.sysdashbox .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);
}

@keyframes flicker {
  0%   { opacity:1; }
  20%  { opacity:0.2; }
  100% { opacity:1; }
}

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