body {
	background-image: url("../img/bg.png");
}

.ui-menu, .ui-state-default {
	background: #d6d6f0 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d6d6f0 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d6d6f0 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.ui-panel.ui-widget-content {
  background: #ffffff80;
}

.ui-menu-child.ui-menu-list, .ui-menu-child .ui-menuitem {
	background: #e0ffff -moz-linear-gradient(
		top,
		rgba(255,255,255,0.8),
		rgba(255,255,255,0) 20%,
		rgba(255,255,255,0.8) 100%
	);
	background: #e0ffff -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(rgba(255,255,255,0.8)),
		color-stop(0.2, rgba(255,255,255,0)),
		to(rgba(255,255,255,0.8))
	);
}

.ui-panel.panel-login>.ui-panel-titlebar.ui-widget-header {
	background: #032b75 -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #032b75 -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #032b75 linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: rgb(145 101 42 / 90%) linear-gradient(to top, rgba(255,255,255,0.4), rgba(255,255,255,0));
	font-weight: normal;
	color: #ffffff;
	text-shadow: 0 1px 0 rgb(255 255 255 / 70%);
}

.ui-panel>.ui-panel-titlebar.ui-widget-header {
	background: rgb(145 101 42 / 90%) -moz-linear-gradient(left, rgba(255,255,255,0.67), rgba(255,255,255,0));
	background: rgb(145 101 42 / 90%) -webkit-linear-gradient(left, rgba(255,255,255,0.67), rgba(255,255,255,0));
    background: rgb(145 101 42 / 90%) linear-gradient(to right, rgba(255,255,255,0.67), rgba(255,255,255,0));
}

.ui-button, .ui-panel-actions>.ui-button {
	background: #d0c4fe -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d0c4fe -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d0c4fe linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
    text-shadow: none;
}

.ui-panel.panel-header-1>.ui-panel-titlebar.ui-widget-header {
	background: #c0c060 -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #c0c060 -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #c0c060 linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.ui-panel.panel-header-2>.ui-panel-titlebar.ui-widget-header {
	background: #00c080 -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #00c080 -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #00c080 linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.member-image {
	width: 160px;
	height: 160px;
}

.answer-cell-no {
	background: #e0e0e0 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0e0e0 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0e0e0 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
	margin: 0;
	padding: 2px 0 !important;
	text-align: center;
}

.answer-cell {
	margin: 0;
	padding: 0 !important;
	text-align: center;
}

.answer-cell .answer-cell-normal {
	width: 45px;
	height: 24px;
	margin: 1px;
	padding: 1px !important;
	text-align: center;
}

.answer-cell .answer-cell-correct {
	background: #c0ffff -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #c0ffff -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #c0ffff linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
	width: 45px;
	height: 24px;
	margin: 1px;
	padding: 1px !important;
	text-align: center;
}

.answer-cell .answer-cell-incorrect {
	background: #ffd0d0 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #ffd0d0 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #ffd0d0 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
	width: 45px;
	height: 24px;
	margin: 1px;
	padding: 1px !important;
	text-align: center;
}

.training-title {
	width: 160px;
	font-size: small;
	padding: 2px 10px;
}

.training-caption {
	width: 120px;
	height: 16px;
	font-size: xx-small;
	padding: 2px 10px;
	text-align: center;
}

.training-result {
	height: 14px;
	font-size: small;
	padding: 2px 10px;
	text-align: center;
}

.training-result.excellent {
	background: #80ffc0 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #80ffc0 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #80ffc0 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.training-result.normal {
	background: #d0e0ff -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d0e0ff -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d0e0ff linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.training-result.warning {
	background: #fff080 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #fff080 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #fff080 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.training-result.error {
	background: #ffe0e0 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #ffe0e0 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #ffe0e0 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.training-progress {
	background: #00e0ff -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #00e0ff -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #00e0ff linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
	height:14px;
}

.training-blank {
	background: #e0e0e0 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0e0e0 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0e0e0 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.ui-state-default.ui-sortable-column, .ui-state-default.ui-filter-column, .ui-paginator-top.ui-widget-header, .ui-widget-content th.ui-state-default, .ui-paginator.ui-paginator-bottom {
	background: rgb(228 175 104 / 90%) -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
	background: rgb(228 175 104 / 90%) -webkit-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
	background: rgb(228 175 104 / 90%) linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0));
}

.list-header, .ui-widget-content th.list-header {
	background: #d0f0ff -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d0f0ff -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d0f0ff linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
	text-align:center;
}

.list-header-1, .ui-widget-content th.list-header-1 {
	background: #e0ffe0 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0ffe0 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0ffe0 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
	text-align:center;
}

.list-header-2, .ui-widget-content th.list-header-2 {
	background: #d6d6f0 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d6d6f0 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d6d6f0 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
	text-align:center;
}

.list-header-3, .ui-widget-content th.list-header-3 {
	background: #ffd45c -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #ffd45c -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #ffd45c linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
	text-align:center;
}

.list-header-4, .ui-widget-content th.list-header-4 {
	background: #fff800 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #fff800 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #fff800 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
	text-align:center;
}

.row-header {
	background: #fff800 -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #fff800 -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #fff800 linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.row-header-1 {
	background: #e0ffe0 -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0ffe0 -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0ffe0 linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.row-header-2 {
	background: #d0f0ff -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d0f0ff -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d0f0ff linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.row-header-3 {
	background: #f0f080 -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #f0f080 -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #f0f080 linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.row-header-secret {
	background: #d6d6f0 -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d6d6f0 -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d6d6f0 linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.row-header-log {
	background: #d0d0d0 -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d0d0d0 -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d0d0d0 linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.row-footer-title, .ui-widget-content .row-footer-title {
	background: #f0ffff;
}

.row-footer, .ui-widget-content .row-footer {
	background: #ffffff;
}

.compact-size .ui-panelgrid-cell, .compact-size .ui-inputfield {
	padding-top: 2px;
	padding-bottom: 2px;
}

.normal-cell {
	background: -moz-linear-gradient(top, rgba(127, 223, 255, 0.9), rgba(127, 223, 255, 0.4) 55%, rgba(127, 223, 255, 0.9));
	background: -webkit-linear-gradient(top, rgba(127, 223, 255, 0.9), rgba(127, 223, 255, 0.4) 55%, rgba(127, 223, 255, 0.9));
	background: linear-gradient(to bottom, rgba(127, 223, 255, 0.9), rgba(127, 223, 255, 0.4) 55%, rgba(127, 223, 255, 0.9));
}

.completed-cell {
	background: -moz-linear-gradient(top, rgba(224, 255, 255, 0.9), rgba(224, 255, 255, 0.4) 55%, rgba(224, 255, 255, 0.9));
	background: -webkit-linear-gradient(top, rgba(224, 255, 255, 0.9), rgba(224, 255, 255, 0.4) 55%, rgba(224, 255, 255, 0.9));
	background: linear-gradient(to bottom, rgba(224, 255, 255, 0.9), rgba(224, 255, 255, 0.4) 55%, rgba(224, 255, 255, 0.9));
}

.info-cell {
	background: -moz-linear-gradient(top, rgba(224, 255, 224, 0.9), rgba(224, 255, 224, 0.4) 55%, rgba(224, 255, 224, 0.9));
	background: -webkit-linear-gradient(top, rgba(224, 255, 224, 0.9), rgba(224, 255, 224, 0.4) 55%, rgba(224, 255, 224, 0.9));
	background: linear-gradient(to bottom, rgba(224, 255, 224, 0.9), rgba(224, 255, 224, 0.4) 55%, rgba(224, 255, 224, 0.9));
}

.worning-cell {
	background: -moz-linear-gradient(top, rgba(255, 191, 191, 0.9), rgba(255, 191, 191, 0.4) 55%, rgba(255, 191, 191, 0.9));
	background: -webkit-linear-gradient(top, rgba(255, 191, 191, 0.9), rgba(255, 191, 191, 0.4) 55%, rgba(255, 191, 191, 0.9));
	background: linear-gradient(to bottom, rgba(255, 191, 191, 0.9), rgba(255, 191, 191, 0.4) 55%, rgba(255, 191, 191, 0.9));
}

.gray-out-cell {
	background: #808080;
}

.borderless-cell, .ui-panelgrid .borderless-cell.ui-panelgrid-cell {
	border: none;
	background-color: transparent;
}

.worning-level-1 {
	background: -moz-linear-gradient(top, rgba(255, 255, 0, 0.9), rgba(255, 255, 0, 0.4) 55%, rgba(255, 255, 0, 0.9));
	background: -webkit-linear-gradient(top, rgba(255, 255, 0, 0.9), rgba(255, 255, 0, 0.4) 55%, rgba(255, 255, 0, 0.9));
	background: linear-gradient(to bottom, rgba(255, 255, 0, 0.9), rgba(255, 255, 0, 0.4) 55%, rgba(255, 255, 0, 0.9));
}

.worning-level-2 {
	background: -moz-linear-gradient(top, rgba(255, 192, 0, 0.9), rgba(255, 192, 0, 0.4) 55%, rgba(255, 192, 0, 0.9));
	background: -webkit-linear-gradient(top, rgba(255, 192, 0, 0.9), rgba(255, 192, 0, 0.4) 55%, rgba(255, 192, 0, 0.9));
	background: linear-gradient(to bottom, rgba(255, 192, 0, 0.9), rgba(255, 192, 0, 0.4) 55%, rgba(255, 192, 0, 0.9));
}

.worning-level-3 {
	background: -moz-linear-gradient(top, rgba(255, 128, 255, 0.9), rgba(255, 128, 255, 0.4) 55%, rgba(255, 128, 255, 0.9));
	background: -webkit-linear-gradient(top, rgba(255, 128, 255, 0.9), rgba(255, 128, 255, 0.4) 55%, rgba(255, 128, 255, 0.9));
	background: linear-gradient(to bottom, rgba(255, 128, 255, 0.9), rgba(255, 128, 255, 0.4) 55%, rgba(255, 128, 255, 0.9));
}

.block-caption {
	background: -moz-linear-gradient(top, rgba(0,0,64,0.8), rgba(32,32,255,0.7));
	background: -webkit-linear-gradient(top, rgba(0,0,64,0.8), rgba(32,32,255,0.7));
	background: linear-gradient(to bottom, rgba(0,0,64,0.8), rgba(32,32,255,0.7));
	color: #ffffff;
	font-family: Arial,sans-serif;
	font-size: 1.0em;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
	padding: .5em 1em .3em;
	margin-top: 1em;
	margin-bottom: .5em;
	border: 1px solid #a8a8a8;
	line-height: 1.0em;
}

.label-large, .ui-panelgrid-cell .label-large, .ui-panelgrid-cell .label-large input {
	font-size: large;
	font-weight: bold;
}

.label-small {
	font-size: small;
}

.label-x-small {
	font-size: x-small;
}

.label-small .ui-picklist-list {
	font-size: 0.9em;
	padding-left: 6px;
}

.label-tiny {
	font-size: x-small;
}

.ui-panelgrid-cell .p-datepicker input, .center .hasDatepicker, .center>input {
	text-align: center;
}

.right, .right .hasDatepicker, .right>input, .right input {
	text-align: right;
}

.label-bold {
	font-weight: bold;
}

.label-success {
	color: blue;
}

.label-warning {
	color: darkorange;
}

.label-error {
	color: red;
}

td.label-bold {
	font-size: 1.0em;
}

.right-layout {
	display: block;
	margin: 0 0 0 auto;
}

span.link-button {
	display:inline-block;
	font-size: 1.0em;
	text-align:center;
}

.link-button, .link-button a {
	color: #0000ff;
	font-size: 0.9em;
	text-decoration: none;
	margin-top: .1em;
	margin-bottom: .1em;
}

.link-button a:hover {
	color: #ff0000;
}

.ui-widget-content .link-button {
    background: rgba(255, 255, 255, 0.2);
}

.year-select, .year-select a, .year-select .ui-widget, .month-select, .month-select a, .month-select .ui-widget {
	padding: .2em .8em;
	font-weight: bold;
}

.month-selected, .month-selected .ui-widget {
	background: #6060f0;
	color: #ffffff;
	font-weight: bold;
	padding: .2em .8em;
	text-decoration: none;
}

.year-select a:hover, .month-select a:hover {
	color: #ff0000;
}

.attendance-header {
	background: #d4fdb5 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));
	background: #d4fdb5 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));
	background: #d4fdb5 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.4));
	text-align:center;
	font-size: 0.8em;
	font-weight: bold;
}

.attendance-footer {
	background: #e0ffff -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));
	background: #e0ffff -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));
	background: #e0ffff linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.4));
	font-weight: bold;
}

.borderless, .borderless label, .borderless input {
	border: 0 !important;
	box-shadow: inset 0 0 0 !important;
	-moz-box-shadow: inset 0 0 0 !important;
	-webkit-box-shadow: inset 0 0 0 !important;
}

td.ui-panelgrid-cell.attendance-header {
	padding: 0.2em 0.4em;
}

.caption-saturday {
	color: #0000ff;
}

.caption-holiday {
	color: #ff0000;
}

.caption-required {
	color: #0000ff;
}

.attendance-workday {
	font-size: 1.0em;
}

.attendance-workday input {
	padding: 0 0.3em;
	margin: 0;
	-moz-box-shadow: inset 0 0;
	-webkit-box-shadow: inset 0 0;
	box-shadow: inset 0 0;
}

.attendance-workday .input-time {
	min-width: 60px;
	font-size: 0.85em !important;
}

.ui-panelgrid .attendance-workday.ui-panelgrid-cell {
	padding: 0;
}

.ui-panelgrid .attendance-workday.ui-panelgrid-cell label {
	padding: 0 0.5em;
}

.ui-widget .attendance-workday .ui-widget {
	font-size: 0.85em;
}

.ui-widget .attendance-workday span .ui-widget {
	font-size: 1.0em;
}

.ui-widget .attendance-workday span span .ui-widget {
	font-size: 0.9em;
}

.attendance-holiday {
	font-size: 1.0em;
	background: #e0e0e0;
}

.attendance-holiday input {
	background: #f0f0f0 !important;
	padding: 0 0.3em;
	margin: 0;
	-moz-box-shadow: inset 0 0;
	-webkit-box-shadow: inset 0 0;
	box-shadow: inset 0 0;
}

.attendance-holiday .input-time {
	min-width: 60px;
	font-size: 0.85em !important;
}

.ui-panelgrid .attendance-holiday.ui-panelgrid-cell {
	padding: 0;
}

.ui-panelgrid .attendance-holiday.ui-panelgrid-cell label {
	padding: 0 0.5em;
}

.ui-widget .attendance-holiday .ui-widget {
	font-size: 0.85em;
}

.ui-widget .attendance-holiday span .ui-widget {
	font-size: 1.0em;
}

.ui-widget .attendance-holiday span span .ui-widget {
	font-size: 0.9em;
}

.ui-panel .lighting .ui-state-active {
	background: #e0ff00 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,0.4)));
	margin:2px 4px;
}

.ui-panel .lighting .ui-state-default {
	margin:2px 4px;
}

.ui-panelgrid-cell .switch-on-lighting {
	background: #80ffc0 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,0.4)));
}

.ui-panelgrid-cell .switch-off-lighting {
	background: #ffc080 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,0.4)));
}

.attendance-holiday .ui-inputfield {
	background: #f0f0f0;
}

.attendance-contents-caption {
	font-size: 0.8em;
	font-weight: bold;
}

.attendance-finished {
	background: #ff9999;
}

.attendance-finished-delay {
	background: #9999ff;
}

.ui-widget-content .ui-inputfield {
	-moz-box-shadow: inset 0 0;
	-webkit-box-shadow: inset 0 0;
	box-shadow: inset 0 0;
}

.fit-size, .ui-panelgrid-cell.fit-size, .fit-size>.ui-button {
	padding: 0;
	margin: 0;
}

.fit-size>.ui-button-icon-only .ui-button-text {
	padding: .2em;
}

.status-default {
	padding: 0.2em 1.5em;
	background: -moz-linear-gradient(top, rgba(0, 128, 0, 0.9), rgba(0, 128, 0, 0.4) 55%, rgba(0, 128, 0, 0.9));
	background: -webkit-linear-gradient(top, rgba(0, 128, 0, 0.9), rgba(0, 128, 0, 0.4) 55%, rgba(0, 128, 0, 0.9));
	background: linear-gradient(to bottom, rgba(0, 128, 0, 0.9), rgba(0, 128, 0, 0.4) 55%, rgba(0, 128, 0, 0.9));
	border-radius: 0.3em;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
}

.status-normal {
	padding: 0.2em 1.5em;
	background: -moz-linear-gradient(top, rgba(0, 0, 255, 0.9), rgba(0, 0, 255, 0.4) 55%, rgba(0, 0, 255, 0.9));
	background: -webkit-linear-gradient(top, rgba(0, 0, 255, 0.9), rgba(0, 0, 255, 0.4) 55%, rgba(0, 0, 255, 0.9));
	background: linear-gradient(to bottom, rgba(0, 0, 255, 0.9), rgba(0, 0, 255, 0.4) 55%, rgba(0, 0, 255, 0.9));
	border-radius: 0.3em;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
}

.status-warning {
	padding: 0.2em 1.5em;
	background: -moz-linear-gradient(top, rgba(224, 128, 0, 0.9), rgba(224, 128, 0, 0.4) 55%, rgba(224, 128, 0, 0.9));
	background: -webkit-linear-gradient(top, rgba(224, 128, 0, 0.9), rgba(224, 128, 0, 0.4) 55%, rgba(224, 128, 0, 0.9));
	background: linear-gradient(to bottom, rgba(224, 128, 0, 0.9), rgba(224, 128, 0, 0.4) 55%, rgba(224, 128, 0, 0.9));
	border-radius: 0.3em;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
}

.status-error {
	padding: 0.2em 1.5em;
	background: -moz-linear-gradient(top, rgba(224, 0, 0, 0.9), rgba(224, 32, 32, 0.4) 55%, rgba(224, 0, 0, 0.9));
	background: -webkit-linear-gradient(top, rgba(224, 0, 0, 0.9), rgba(224, 32, 32, 0.4) 55%, rgba(224, 0, 0, 0.9));
	background: linear-gradient(to bottom, rgba(224, 0, 0, 0.9), rgba(224, 32, 32, 0.4) 55%, rgba(224, 0, 0, 0.9));
	border-radius: 0.3em;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
}

.status-lock {
	padding: 0.2em 1.5em;
	background: -moz-linear-gradient(top, rgba(224, 0, 0, 0.9), rgba(224, 32, 32, 0.4) 55%, rgba(224, 0, 0, 0.9));
	background: -webkit-linear-gradient(top, rgba(224, 0, 0, 0.9), rgba(224, 32, 32, 0.4) 55%, rgba(224, 0, 0, 0.9));
	background: linear-gradient(to bottom, rgba(224, 0, 0, 0.9), rgba(224, 32, 32, 0.4) 55%, rgba(224, 0, 0, 0.9));
	border-radius: 0.3em;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
}

.number, .number input {
	text-align: right;
}

.currency, .currency input, .ui-datatable tfoot .currency {
	text-align: right;
	font-family: Arial;
}

.center {
	text-align: center;
}

.time-picker {
    min-width: 5em;
}

.time-picker>.ui-datepicker {
	min-width: 8em;
	width:8em;
}

.time-picker>input {
	text-align: center;
}

.row-deleted {
	background: #e0e0e0;
}

.table-caption {
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 20px;
}

.custom-dataTable table {
	table-layout: auto;
}

.alert-lebel-1 {
	background: #80ff80;
}

.alert-lebel-2 {
	background: #ffff80;
}

.alert-lebel-3 {
	background: #ff8000;
	color: #ffffff;
}

.alert-lebel-4 {
	background: #ff6060;
	color: #ffffff;
}

.thin-progressbar-blue, .thin-progressbar-gray, .thin-progressbar-green, .thin-progressbar-yellow, .thin-progressbar-orange, .thin-progressbar-red {
	height: 3px;
	border: none;
	width: 50%;
}

.thin-progressbar-blue.ui-progressbar .ui-widget-header {
	background: #0000ff -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0)));
	height: 3px;
	border: none;
}

.thin-progressbar-gray.ui-progressbar .ui-widget-header {
	background: #d0d0d0 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0)));
	height: 3px;
	border: none;
}

.thin-progressbar-green.ui-progressbar .ui-widget-header {
	background: #00ff00 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0)));
	height: 3px;
	border: none;
}

.thin-progressbar-yellow.ui-progressbar .ui-widget-header {
	background: #ffff00 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0)));
	height: 3px;
	border: none;
}

.thin-progressbar-orange.ui-progressbar .ui-widget-header {
	background: #ff8000 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0)));
	height: 3px;
	border: none;
}

.thin-progressbar-red.ui-progressbar .ui-widget-header {
	background: #ff0000 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0)));
	height: 3px;
	border: none;
}

.cell-info, .ui-widget-content th.cell-info {
	background: #60ffc0 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #60ffc0 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #60ffc0 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.cell-check, .ui-widget-content th.cell-check {
	background: #fff800 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #fff800 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #fff800 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.cell-warning, .ui-widget-content th.cell-warning {
	background: #ffd45c -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #ffd45c -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #ffd45c linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.cell-error, .ui-widget-content th.cell-error {
	background: #ff6060 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #ff6060 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #ff6060 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.cell-complete, .ui-widget-content th.cell-complete {
	background: #e0ffe0 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0ffe0 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0ffe0 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.cell-result, .ui-widget-content th.cell-result {
	background: #e0e0ff -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0e0ff -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0e0ff linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.cell-evaluate-minus1, .ui-widget-content th.cell-evaluate-minus1 {
	background: #ffe0e0 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #ffe0e0 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #ffe0e0 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.cell-evaluate-minus2, .ui-widget-content th.cell-evaluate-minus2 {
	background: #ffd0ff -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #ffd0ff -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #ffd0ff linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.cell-evaluate-plus1, .ui-widget-content th.cell-evaluate-plus1 {
	background: #e0ffe0 -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0ffe0 -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0ffe0 linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.cell-evaluate-plus2, .ui-widget-content th.cell-evaluate-plus2 {
	background: #d0d0ff -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d0d0ff -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #d0d0ff linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.cell-evaluate-info, .ui-widget-content th.cell-evaluate-info {
	background: #e0ffff -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0ffff -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.8));
	background: #e0ffff linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8));
}

.sticky-panel-grid {
    position: relative;
    max-height: 6em;
    overflow-y: auto;
}

.sticky-header-row {
    position: sticky;
    z-index: 10;
    padding: 10px;
}

.sticky-header-col {
    position: sticky;
    z-index: 5;
    padding: 10px;
}

.sticky-header-row-1 {
    top: 0;
}

.sticky-header-row-2 {
    top: 1.5em;
}

.sticky-header-row-3 {
    top: 3em;
}

.sticky-header-row-4 {
    top: 4.5em;
}

.ui-widget-content.ui-datatable-even.ui-datatable-selectable.ui-state-highlight.selected-row,.ui-widget-content.ui-datatable-odd.ui-datatable-selectable.ui-state-highlight.selected-row {
    outline: 2px solid red;
    background: #FFFF00;
    color: black;
    font-weight: normal;
    text-shadow: none;
}