@CHARSET "UTF-8";

/* bootstrap */
.container, 
.container-fluid {
	padding: 0;
}
.navbar {
	margin-bottom: 0;
}

h1 {
	font-size: 24px;
}
h2 {
	font-size: 20px;
}

.page-header {
	border-bottom: 1px solid #ddd;
}

.alert {
	padding: 8px 15px;
}
.alert.alert-dismissible .close {
	position: relative;
	top: 0;
	right: 0;
	font-size: 14px;
}

.table {
	margin-bottom: 10px;
}
.table > thead > tr > th {
/* 	text-align: center; */
/* 	background-color: #333; */
/* 	color: #ffffff; */
	color: #333;
	font-size: 12px;
}
.table-bordered > thead > tr > th {
	border-bottom: 1px solid #333;
}

.pagination {
	margin: 10px 0 20px 0;
}

/* form { */
/* 	padding-top: 10px; */
/* 	background-color: #999; */
/* 	color: #fff; */
/* } */
.form-group, 
.form-horizontal {
	clear: both;
/* 	line-height: 35px; */
}
.form-actions {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}
.form-group .control-label {
	margin-bottom: 0;
	padding-right: 0;
	text-align: right;
	line-height: 35px;
}
/* .form-group .control-label::after { */
/* 	content: ''; */
/* 	display: block;  */
/* 	line-height: 1px;  */
/* 	border-top: 1px solid #2e6da4; */
/* 	opacity: 0.65; */
/* 	position: relative; */
/* 	top: -8px; */
/* } */
.form-group .control-label+div textarea {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 20px;
	height: 112px; /* padding: 6px 12px; */
}
.form-horizontal .control-label {
	padding-top: 0;
}

.label {
	padding-top: 0.3em;
	padding-bottom: 0.2em;
}
.label-success {
	background-color: #82af6f; /* #1e7145; #82af6f; */
}

[disabled].btn {
	cursor: default;
}
.btn-warning, 
[disabled].btn-warning {
	background-color: #f88800; /* #f0ad4e; */
}

.has-error .control-label,
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .radio,
.has-error .radio-inline,
.has-error .help-block {
	color: #d9534f;
}
.has-error .form-control {
	border-color: #d9534f; /* #a94442 */
}

.checkbox input {
	vertical-align: top;
}

td .glyphicon-ok,
li .glyphicon-ok {
	color: #82af6f;
}
td .glyphicon-remove, 
li .glyphicon-remove {
	color: #d9534f;
}
.btn-warning .glyphicon-remove {
	color: inherit;
}


/* bootstrap-slider */
.slider .slider-selection,
.slider .slider-handle {
	background: #2e6da4;
	cursor: pointer;
}
/* .slider-track-low, */
/* .slider-track-high { */
/* 	background: #EEEEEE; */
/* } */

/* .slider.slider-reverse .slider-track-low, */
/* .slider.slider-reverse .slider-track-high { */
/* 	background: #2e6da4; */
/* } */
/* .slider.slider-reverse .slider-selection { */
/* 	background: #EEEEEE; */
/* } */

/* .form-horizontal .slider + input + label { */
/* 	margin: 7px 10px 0 20px; */
/* } */
.as-slider label {
	margin: 8px 10px 7px 10px;
	vertical-align: middle;
}


/* ui-datepicker */
.ui-datepicker {
	z-index: 9 !important;
}


/* font-awesome */
i.fa {
	position: relative;
	top: -1px;
}
.label i.fa {
	top: 0;
}
i.fa span {
	position: relative;
	top: 1px;
/* 	font-size: 12px; */
	font-weight: bold;
}


/* allsencare */
.as-brand {
/* 	float: left; */
/* 	padding-left: 10px; */
	padding: 5px;
	width: 100%;
	height: 50px;
	background-color: #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.as-brand a {
	margin: 0;
/* 	overflow: visible; */
	display: inline-block;
	width: 100%;
/* 	height: 40px; */
	text-decoration: none;
}
.as-brand a span {
	display: inline-block;
/* 	height: 40px; */
	text-align: right;
	vertical-align: top;
	color: #666;
	font-weight: bold;
	text-shadow: 1px 1px 1px #ccc;
	line-height: 1.4;
}

.as-content-side {
/* 	background-color: yellow; */
	width: 280px;
	padding: 0;
	position: absolute;
	overflow-x: hidden;
	z-index: 999;
}
/*
.as-content-side nav {
	padding-left: 10px;
}
.as-content-side nav h2 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.as-content-side nav .as-menu-child > .active {
	border-right: 5px solid #1ABB9C;
}
*/
.as-content-side .nav-tabs {
	margin-top: 47px;
}


.as-menu-top, 
.as-content,
.as-footer {
	margin-left: 290px;
}

.as-center-body {
	margin: 0;
}
.as-center-body > .container {
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -320px;
	width: 640px;
	padding: 0 20px 30px;
}
.as-center-body > div.container {
	margin-top: -175px;
	height: 350px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.as-center-body > footer.container {
	margin-top: 145px;
/* 	height: 80px; */
}
.as-center-body .as-content-side, 
.as-center-body .as-menu-top {
	display: none;
}
.as-center-body .as-content, 
.as-center-body footer > div {
	margin-left: auto;
	margin-right: auto;
}
.as-center-body footer > div {
	border: 0;
}
.as-center-body > .container .as-brand {
	position: absolute;
	top: -60px;
}
.as-center-body > .container h1 {
/* 	margin-bottom: 30px; */
/* 	border-bottom: 1px solid #ccc; */
}

.as-menu-top .fa, 
.as-menu-top .glyphicon {
	width: 25px;
	text-align: center;
}

#searchForm fieldset, 
.modal .as-content-search-form fieldset {
	margin-bottom: 5px;
	padding: 5px;
	text-align: right;
	font-size: 12px;
	border: 1px solid #e7e7e7;
	background: #f8f8f8;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#searchForm fieldset .form-group,
.modal .as-content-search-form fieldset .form-group {
	margin: 0 10px;
}

.as-content .as-content-btns {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
}
/* .as-content .as-content-list-info,  */
/* .modal .as-content-list-info { */
.as-content-list-info {
	float: right;
	margin-bottom: 5px;
	height: 30px;
	padding: 5px;
	font-size: 12px;
}
.as-content .as-content-list-info .form-group .control-label {
	line-height: normal;
}

/* .as-content .table .as-td-simple,  */
/* .form-group .table .as-td-simple,  */
/* .modal .table .as-td-simple { */
.table .as-td-simple {
	width: 50px;
/* 	text-align: center; */
	font-size: 12px;
}
/* .as-content .table .as-td-time { */
.table .as-td-time {
	width: 150px;
/* 	font-size: 12px; */
/* 	color: #666; */
/* 	vertical-align: middle; */
}
td.as-td-collapsed-icon {
	width: 30px;
	text-align: center;
}
/* .as-content .as-content-list-pagination, */
.as-content-list-pagination,
.modal .modal-pagination {
	text-align: center;
}

.modal .modal-content {
	overflow-y: hidden;
}
.modal .modal-content .modal-header {
	background-color: #333;
	color: #fff;
}
.modal .modal-content .modal-header button.close {
	color: #999;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=100);
	opacity: 1;
}
.modal .modal-content .modal-header h2 {
	font-weight: bold;
}

.as-label-essential::before {
	content: '*';
	color: #ff0000;
}


.inactive {
	font-weight: normal;
	color: #999;
/* 	cursor: normal; */
}

.collapsed span.glyphicon-minus-sign::before {
	content: "\e081";
}

.table-hover.table-trgroup tr[id].active, 
.table-hover.table-trgroup tr[id]:hover+tr {
	background-color: #f5f5f5;
}


/* Dashboard */
.as-log-summary#summary {
	margin: 10px 0;
}
.as-log-summary > span {
	margin: 0 10px;
	font-size: 12px;
}
#summary.as-log-summary > span {
	font-size: 16px;
	font-weight: bold;
}
.as-log-summary > span .label {
	position: relative;
	top: -0.2em;
/* 	font-size: 10px; */
}
#summary.as-log-summary > span.as-log-battery {
	font-size: 14px;
}
#summary.as-log-summary > span.as-log-battery .battery {
	font-size: 16px;
	color: #d9534f;
}
/* #summary .label { */
/* 	background-color: #ffffff; */
/* 	border: 1px solid #ccc; */
/* } */
.as-log-summary .as-log-alarm {
	color: #d9534f;
/* 	background-color: #d9534f; */
}
.as-log-summary .as-log-unknown {
	color: #f88800;
/* 	background-color: #f88800; */
}
.as-log-summary .as-log-delay {
	color: #999;
/* 	background-color: #999; */
}
.as-log-summary .as-log-normal {
	color: #82af6f; /* #2e6da4; */
/* 	background-color: #2e6da4; */
}
.as-log-summary .as-log-logged {
	color: #666699;
/* 	background-color: #666699; */
}
#summary.as-log-summary .last-update-time {
	color: #999;
	font-size: 14px;
	font-weight: normal;
}

.as-sensor {
	width: 204px;
	float: left;
	margin: 8px;
	background-color: #f8f8f8;
}
.as-sensor.as-log-alarm {
	background-color: #ffffff;
	border-color: #d9534f;
}
/* .as-sensor.as-log-alarm.as-log-ignore { */
.as-sensor.as-log-ignore {
	border-color: #82af6f;
}
.as-sensor.as-log-unknown {
	background-color: #f8f8f8;
	border-color: #f88800; /* #f0ad4e */;
}
.as-sensor.as-log-normal {
	color: #333;
	background-color: #ffffff;
	border-color: #82af6f; /* #2e6da4; */
}
.as-sensor.as-log-logged {
	background-color: #f8f8f8;
	border-color: #666699;
}

.as-sensor .chart {
/* 	height: 200px; */
}

.as-sensor h3 {
	margin: 0;
	padding: 9px;
	height: 50px;
	overflow: visible;
	font-size: 14px;
	font-weight: bold;
	background-color: #999;
	color: #fff;
	border-bottom: 1px solid #ccc;
}
.as-sensor.as-log-alarm h3 {
	background-color: #d9534f;
}
.as-sensor.as-log-alarm.as-log-ignore h3 {
	background-color: #82af6f;
}
.as-sensor.as-log-unknown h3 {
	background-color: #f88800; /* #f0ad4e */;
}
.as-sensor.as-log-normal h3 {
	background-color: #82af6f; /* #2e6da4; */
}
.as-sensor.as-log-logged h3 {
	background-color: #666699;
}

.as-sensor .caption {
/* 	height: 80px; */
}
.as-sensor .caption .as-log-content > div {
	color: #999;
}

.as-sensor .caption .as-log-content .as-log-alert-info {
/* 	padding: 0 9px; */
	height: 20px;
/* 	text-align: right; */
}
.as-sensor .caption .as-log-content .as-log-alert-info .as-normal {
	color: #82af6f;
}
.as-sensor .caption .as-log-content .as-log-alert-info .as-abnormal {
	color: #666699;
}

.as-sensor .caption .as-log-content .as-log-value {
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: 32px;
	height: 32px;
/* 	font-size: 24px; */
/* 	height: 32px; */
	overflow: visible;
}

.as-sensor.as-log-alarm .caption .as-log-content .as-log-value, 
tr.as-log-alarm td {
	color: #d9534f;
}
/* tr.as-log-alarm.as-log-ignore td { */
tr.as-log-ignore td {
	color: #82af6f;
}
.as-sensor.as-log-unknown .caption .as-log-content .as-log-value, 
tr.as-log-unknown td {
	color: #f88800; /* #f0ad4e; */
}
.as-sensor.as-log-normal .caption .as-log-content .as-log-value, 
tr.as-log-normal td {
	color: #82af6f; /* #2e6da4; */
}
.as-sensor.as-log-logged .caption .as-log-content .as-log-value, 
tr.as-log-logged td {
	color: #666699;
}
tr td span.inactive {
	color: inherit;
	font-size: 12px;
}

.as-sensor .caption .as-log-content .as-log-value > span {
	vertical-align: middle;
}
.as-sensor .caption .as-log-content .as-log-value .value, 
td span.as-log-value {
	font-weight: bold;
}
.as-sensor .caption .as-log-content .as-log-value .value {
	font-size: 24px;
}
.as-sensor .caption .as-log-content .as-log-value .value.inactive {
	color: inherit;
	font-size: inherit;
}
/* tr.as-log-ignore td.as-td-primary span,  */
/* tr.as-log-ignore td .as-log-bound { */
/* 	color: #d9534f; */
/* } */
tr.as-log-ignore td.as-td-primary span, 
tr.as-log-alarm td.as-td-primary span {
	background-color: #fffe99;
}

.as-sensor .caption .as-log-content .as-log-value .bound-tail,
.as-sensor .caption .as-log-content .as-log-value .bound {
	font-weight: normal;
	font-size: 14px;
	color: #999;
}

.as-sensor .caption .as-log-content .as-log-power {
	margin-top: 10px;
	height: 20px;
	overflow: visible;
}
.as-sensor .caption .as-log-content .as-log-power .power {
	display: inline-block;
	width: 36px;
}
.as-sensor .caption .as-log-content .as-log-power .time {
	color: #999;
/* 	font-size: 12px; */
}

.as-sensor .as-log-actions {
	margin-top: 10px;
	padding-top: 10px;
	text-align: center;
	border-top: 1px solid #ccc;
}
.as-log-action-devide {
	display: inline-block;
	width: 10px;
}


.as-comma::before {
	content: ', ';
}
.as-comma:nth-child(1)::before {
	content: '';
}


#searchForm .hasDatepicker  {
	width: 110px;
}

.as-chart {
	clear: both;
	margin: 0 0 10px 0;
	width: 100%;
/* 	width: 882px; */
	height: 402px;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}


.as-holiday-month {
	text-align: right;
}
.as-holiday-date p span.as-comma span {
	color: #ff0000;
}


footer > div {
	margin-top: 30px;
	padding-top: 20px;
	color: #999;
	text-align: right;
	border-top: 1px solid #ddd;
}