@CHARSET "UTF-8";
html,body {
	height: 100%;
}
body {
	/* margin: 50px 0 0 0; */
	padding: 50px 0 0 0;
}
footer {
    text-align: center;
    width: 100%;
    color: #fff;
    background-color: #000;
    height: 50px;
}
header {
	position: fixed;
	top: 0;
	background: #222;
	border-bottom: 1px solid #080808;
	width: 100%;
	height: 50px;
	color: #9d9d9d;
	z-index: 10000
}
.wrapper {
	min-height:100%;
	height: auto !important; 
	height:100%;
	margin: 0 auto -50px;
}
.push{
	height: 50px;
}
form {
	margin-top: 5px;
	margin-bottom: 5px;
}
.margin-t-b-5 { 
	margin-top:5px;
	margin-bottom:5px;
}
.table-responsive {
	overflow: inherit;
	border: none;
}
.table-responsive>.table-bordered {
	border: 1px solid #ddd;
}
table.table>tbody>tr>td,
table.table>thead>tr>th {
	vertical-align: middle;
	padding: 4px;
}
table.table.account>tbody>tr>td,
table.table.account>thead>tr>th{
	white-space: nowrap;
}
table.table>tbody>tr>td i.fa{
	font-size: 18px;
}
.middle {
	padding-left: 180px;
}
.content {
	background: #fff;
	padding: 10px;
}
/*side bar*/
.navbar-box {
    position: fixed;
    height: 100%;
    width: 180px;
	top: 50px;
}
.side-nav {
	border: none;
	border-radius: 0;
	background-color: #222;
	height: 100%;
	margin: 0;
	padding-bottom: 50px;
}
.btn-hide-menu {
	background: #000;
	width: 20px;
	height: 100%;
	position: absolute;
	right: -20px;
	cursor: pointer;
}
.btn-hide-menu i.fa {
	color: #fff;
	top: 46%;
	position: absolute;
	left: 23%;
}

.side-nav>li>a {
	width: 180px;
}

.side-nav li a:hover,
.side-nav li a:focus {
	outline: none;
	background-color: #000 !important;
}
div.thrumb {
	font-family: Verdana;
	padding:5px;
	width:160px;
	height:218px;
	display:block;
	float:left;
	background:#eee;
	margin:5px;
	font-size:12px;
	line-height: normal;
}
div.thrumb img {
	cursor: pointer;
}
div.thrumb .t {
	width:100%;
	height:20px;
	color:#fff;
	text-indent:5px;
	line-height:18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    
}
div.thrumb .t a,
div.thrumb .t a:hover{
	color: #fff
}
div.thrumb .tm {
	width:100%;
	height:13px;
	color:#555;
	text-align:right;
	line-height:12px;
	font-size:10px;
}
div.thrumb .erm {
	font-weight:bold;
	color:red;
	padding-top:5px;
}
.thrumb .ok {
	background:#050;
}
.thrumb .err {
	background:#900;
}
.thrumb .off {
	background:#ccc;
}
 .effect1 {
	height:15px;
	color:#fff;
	cursor:pointer;
	line-height: 15px;
}
 .effect2 {
	height:15px;
	color:#fff;
	display:inline;
	float:right;
	width:66%;
} 
 .effect3 {
	height:15px;
	color:#fff;
	display:inline;
	float:right;
	width:50%;
}
.thrumb .special {
	height:15px;
	color:#fff;
	cursor:pointer;
	background:#4D80D1;
	text-align:center;
}
.thrumb .undefined {
	height:15px;
	color:#fff;
	cursor:pointer;
	background:#000;
	text-align:center;
}

.modal {
	z-index: 10000;
}

#chart-modal {
	z-index: 100000;
}
#chart-modal .search-datepicker {
	display: none;
	position: absolute;
	padding-left: 196px;
}
#chart-modal.modal .modal-dialog.modal-lg {
	max-width: 900px;
	min-width: 700px;
	width: 100%;
}
#chart-modal.modal .search-datepicker .form-control.input-sm {
	height: 19px;
	min-width: 70px;
    padding: 0;
}
#chart-modal.modal .search-datepicker .input-group-addon {
	padding: 0 6px;
	font-size: 14px;
}
#chart-modal.modal .search-datepicker .btn.btn-sm {
	height: 19px;
	border: none;
	padding: 2px 10px;
	line-height: normal;
	margin-top: -4px;
}
#chart-modal.modal .search-datepicker .form-group {
	margin: 0;
}
#chart-modal.modal .server-time {
	float: right;
}

.border-form-group {
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 4px;
}
.status-work.on .work-on {
	background-color: #5CD65C;
	display: inherit;
}
.status-work.on .work-off {
	display: none;
}

.status-work.off .work-on {
	display: none;
}
.status-work.off .work-off {
	background-color: #EF6C6C;
	display: inherit;
}

.navbar-nav>li>a {
	padding-top: 10px;
    padding-bottom: 10px;
}

/* avatar */
.header-avatar-block{
	position: relative;
	width: 40px;
	height: 40px;
	margin-top: 5px;
}
.text-avatar{
	color:#fff;
	position: absolute;
	top:0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius:50%;
	text-align: center;
	line-height: 40px;
	font-size: 17px; 
}
.img-avatar{
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius:50%;
	background-position-y: 25%;
	background-size: cover;
}
.comment-list-block .header-avatar-block{
	width: 30px;
	height: 30px;
}
.comment-list-block .text-avatar{
	width: 30px;
	height: 30px;
	font-size: 11px; 
	line-height: 30px;
}
.comment-list-block .img-avatar{
	width: 30px;
	height: 30px;
}
/***/

/**CSS PROGRESSBAR****/
div.tablistz{}
div.diagnpar{
	width:100%;background:#eee;height:90px;margin:10px 0;border:1px #ddd solid;min-width:815px;
}
div.diagnpar .txtz{
	font-family:Verdana;font-size:11px;padding:5px;
}
div.diagntitlep{
	width:100%;background:#ddd;height:20px;margin:0;
}
div.diagntitlep .pz1{
	display:inline;float:left;width:300px;height: 20px;overflow: hidden;
}
.archive div.diagntitlep .pz1 a{
	color: #808080
}
div.diagntitlep .pz2{
	display:inline;float:left;
}
div.diagntitlep .pz3{
	display:inline;float:right;width:200px;
}
div.diagntitlep .pz3 a{
	padding-left:10px;font-family:Verdana;font-size:12px;cursor:pointer;
}
div.diagntitlep .pz3 a.control-status{
	font-weight: bold;
}
div.diagntitlep .pz3 a.control-archive .off{
	display: none;	
}
.archive div.diagntitlep .pz3 a.control-archive .off{
	display: inherit;	
}
.archive div.diagntitlep .pz3 a.control-status,
.archive div.diagntitlep .pz3 a.control-details,
.archive div.diagntitlep .pz3 a.control-archive .on
 {
	display: none;
}
div.diagntitlep .pzgraph{
	float:right;display:inline;position:relative;width:200px;height:100%;background:#AEAEAA;border:1px #333 solid;
}
div.diagntitlep .pzgraph .banned{
	position: absolute;left:4px;color:#333;font-family:Tahoma;font-size:11px;z-index:50;
}
div.diagntitlep .pzgraph .active{
	height:100%;background:#fefefe;width:100%;position: absolute;right:0;z-index:10;
}
div.diagntitlep .pzgraphjobs{
	float:right;display:inline;position:relative;width:200px;height:100%;background:#84B3D5;border:1px #333 solid;
}
div.diagntitlep .pzgraphjobs .banned{
	position: absolute;left:4px;color:#333;font-family:Tahoma;font-size:11px;z-index:50;
}
div.diagntitlep .pzgraphjobs .active{
	height:100%;background:#fefefe;width:100%;position: absolute;right:0;z-index:10;
}
div.diagntitlep .ttl{
	padding-left:20px;font-weight:bold;font-family:Verdana;font-size:13px;
}
/*****/
.pagination {
	margin: 0;
}

.clear-pre-tag {
    display: inherit;
    padding: 0;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    background: inherit;
    border: none;
    border-radius: inherit;
}

.control-imap-warning {
	cursor: pointer;	
}
.warning-imap {
	background-color: #F00;
}
.warning-imap ,
.warning-imap-off ,
.warning-imap-busy  {
	white-space: nowrap;
}
.warning-imap-off {
	background-color: #37e46c;
}
.warning-imap-busy {
	background-color: #bebfbf;
}

.warning-imap .fa-hourglass-half,
.warning-imap-off .fa-hourglass-half {
	display: none;
}

.warning-imap.warning-imap-busy .fa-exclamation-triangle {
	display: none;
}

.warning-imap.warning-imap-busy .fa-hourglass-half  {
	display: inherit;
}

.orange-bg {
	background-color: #f7d088;
}
.orange-bg:hover,
.table-hover>tbody>tr.orange-bg:hover {
	background-color: #ffa500;
}
/* RESPONSIVE */
/* @media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}} */
.breadcrumb.custom {
	margin-bottom: 0;
	background: #fff;
}
.breadcrumb.custom>li+li:before{
	content: "\25AA";
}