@charset "utf-8";
/* CSS Document 
*/
li {
	list-style: none;
}
ul, ol {
	margin-bottom: 0;
	margin-top: 4px;
	padding-left: 0;
}
.noty_text {
	line-height: 24px;
}
.navbar-brand {
	padding: 0;
}
a {
	cursor: pointer;
}

select
{
	border:1px solid #e5e5e5;
}
.form-desc label
{
	text-align:left;
}

/*****************************************************************************************
============================================base bootstroop==========================================
 ******************************************************************************************/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding: 2px;
}
.search-bar .radio-inline, .search-bar.checkbox-inline {
	
		margin-bottom: 0px;
	}
.radio-inline, .checkbox-inline {
	display: inline-block;
	min-width:70px;
	padding-left: 0px;
	margin-bottom: 5px;
	font-weight: normal;
	vertical-align: middle;
	cursor: pointer;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
	margin-top: 0;
	margin-left: 0px;
}
.table > thead > tr > th
{
	border-bottom:1px solid #ddd;
}
.btn {
	font-size: 12px;
	line-height: 20px;
}
.btn-sm, .btn-group-sm > .btn {
	padding: 3px 5px;
}
.btn-toolbar {
	padding: 5px;
}
.btn-solid {
	background-color: transparent;
	color: #0e8ee0;
}
.btn-solid:hover {
	background-color: #0e8ee0;
	color: #ffffff;
}
.btn-sm .fa {
	padding-right: 5px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #2898e0;
  border-color: #2898e0;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.panel-default > .panel-heading {
	background-color: #fafafa;
	font-size: 14px;
}
.popwindow {
	display: none;
}
h4, .h4 {
	font-size: 16px;
}
h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: bold;
}
.row {
	margin-left: 0;
	margin-right: 0;
}
/***************navbar height******************/
.navbar {
	/* position: relative;*/
	min-height: 50px;
}
.navbar-brand {
	height: 50px;
	line-height: 15px;
}
.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
/***************navbar height******************/
.navbar-blue {
	background-color: #508cbd;
	border-color: #42739b;
}
.navbar-blue .navbar-brand {
	color: #fff;
}
.navbar-blue .navbar-brand:hover, .navbar-blue .navbar-brand:focus {
	color: #fff;
	background-color: transparent;
}
.navbar-blue .navbar-text {
	color: #fff;
}
.navbar-blue .navbar-nav > li > a {
	color: #fff;
}
.navbar-blue .navbar-nav > li > a:hover, .navbar-blue .navbar-nav > li > a:focus {
	color: #fff;
	background-color: transparent;
}
.navbar-blue .navbar-nav > .active > a, .navbar-blue .navbar-nav > .active > a:hover, .navbar-blue .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #42739b;
}
.navbar-blue .navbar-nav > .disabled > a, .navbar-blue .navbar-nav > .disabled > a:hover, .navbar-blue .navbar-nav > .disabled > a:focus {
	color: #444;
	background-color: transparent;
}
.navbar-blue .navbar-toggle {
	border-color: #333;
}
.navbar-blue .navbar-toggle:hover, .navbar-blue .navbar-toggle:focus {
	background-color: #333;
}
.navbar-blue .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-blue .navbar-collapse, .navbar-blue .navbar-form {
	border-color: #101010;
}
.navbar-blue .navbar-nav > .open > a, .navbar-blue .navbar-nav > .open > a:hover, .navbar-blue .navbar-nav > .open > a:focus {
	color: #fff;
	background-color: #080808;
}
.siderbar .nav>li {
	border-bottom: 1px solid #ddd;
	line-height: 28px;
}
.alert {
	padding: 10px 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.form-control {
	font-size: 12px;
	
	border: 1px solid #e5e5e5;
	-webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0);
	box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0);
}
.form-group
{
	margin-bottom:5px;
}
.badge {
	background-color: #E02222;
}
.label {
	padding: .8em .6em .3em .9em;
}
.dropdown-menu {
	font-size: 12px;
}

/*****************************************************************************************
============================================model==========================================
 ******************************************************************************************/
 
.modal-title
{
	font-size:14px;
	font-weight: normal;
}
 
.form-group label 
{
	font-weight: normal;
}
 
 
/*****************************************************************************************
============================================dataTables==========================================
 ******************************************************************************************/
.dataTables_filter {
	display: none;
}
.dataTable {
/*border:1px  inset #ddd;*/
}
/*table*/
.table-bordered th, .table-bordered td {
	border: none !important;
	border-bottom: 1px solid #ebeff6 !important;
}
/*table.no-footer.dataTable {
	border-bottom: none!important;
}*/
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #ffffff;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
	background-color: #f5f5f5;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	color: #ffffff !important;
	border: 1px solid #2898e0;
	background-color: #2898e0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: #333333 !important;
	border: 1px solid #2898e0;
	background-color: #ffffff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
	color: white !important;
	border: 1px solid #2898e0;
	background-color: #2898e0;
}
/*end table*/
/*****************************************************************************************
============================================page-nav==========================================
 ******************************************************************************************/

.page-nav {
	background-color: #2885c7;
}
/*****************************************************************************************
============================================portlet==========================================
 ******************************************************************************************/

/*****************************************************************************************
============================================sidenav==========================================
 ******************************************************************************************/
.sidenav {
	margin-bottom: 20px;
	margin-top: 0;
}
.sidenav .nav > li > a {
	color: #999;
	display: block;
	font-size: 13px;
	font-weight: 500;
	padding: 4px 20px;
}
.sidenav .nav > li > a:hover, .sidenav .nav > li > a:focus {
	background-color: transparent;
	border-left: 1px solid #563d7c;
	color: #563d7c;
	padding-left: 19px;
	text-decoration: none;
}
.sidenav .nav > li.active > a, .sidenav .nav > .active:hover > a, .sidenav .nav > .active:focus > a {
	background-color: transparent;
	border-left: 2px solid #563d7c;
	color: #563d7c;
	font-weight: 700;
	padding-left: 18px;
}
.sidenav .nav .nav {
	display: none;
	padding-bottom: 10px;
}
.sidenav .nav .nav > li > a {
	font-size: 12px;
	font-weight: 400;
	padding-bottom: 1px;
	padding-left: 30px;
	padding-top: 1px;
}
.sidenav .nav .nav > li > a:hover, .sidenav .nav .nav > li > a:focus {
	padding-left: 29px;
}
.sidenav .nav .nav > .active > a, .sidenav .nav .nav > .active:hover > a, .sidenav .nav .nav > .active:focus > a {
	font-weight: 500;
	padding-left: 28px;
}
/*****************************************************************************************
============================================list==========================================
 ******************************************************************************************/
.list {
	position: relative;
}
.list-item {
	position: relative;
	padding: 15px;
	border-bottom: 1px solid #e4e4e4;
	height: 40px;
	cursor: pointer;
}
.last-item {
	border-bottom: none;
}
.list-item:hover {
	background-color: #f7f7f7;
}
/*****************************************************************************************
============================================innter=========================================
 ******************************************************************************************/

.innter-left {
	position: absolute;
 		width: 200px;
		z-index:50;
		
	
}
/*.innter-left ::affter
{
	content: "";
	display: block;
	width: 200px;
	position: absolute;
	bottom: 0;
	top: 0;
	z-index: -1;
	background-color: #ccc;
	border: 1px solid #ccc;
	border-width: 0 1px 0 0
	
}*/
.innter-content {
	position: relative;
	margin-left: 205px;
	padding-left:10px;
	height: auto;
	border-left:1px solid #f2f2f2;
	
}
/*****************************************************************************************
============================================label=========================================
 ******************************************************************************************/
.label {
	display: inline;
	padding: .3em;
	font-size: 100%;
	font-weight: normal;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}
.label-default {
	background-color: #777;
}
.label-default[href]:hover, .label-default[href]:focus {
	background-color: #5e5e5e;
}
.label-primary {
	background-color: #428bca;
}
.label-primary[href]:hover, .label-primary[href]:focus {
	background-color: #3071a9;
}
.label-success {
	background-color: #3cc051;
}
.label-success[href]:hover, .label-success[href]:focus {
	background-color: #449d44;
}
.label-info {
	background-color: #5bc0de;
}
.label-info[href]:hover, .label-info[href]:focus {
	background-color: #31b0d5;
}
.label-warning {
	background-color: #fcb322;
}
.label-warning[href]:hover, .label-warning[href]:focus {
	background-color: #ec971f;
}
.label-remind {
	background-color: #f5f500;
}
.label-remind[href]:hover, .label-remind[href]:focus {
	background-color: #f5f500;
}
.label-danger {
	background-color: #ed4e2a;
}
.label-danger[href]:hover, .label-danger[href]:focus {
	background-color: #c9302c;
}
/*****************************************************************************************
============================================tips=========================================
 ******************************************************************************************/
 .modal-header .close {
  margin-top: 5px;
  padding:10px;
  width: 20px;
  height: 20px;
  background-image:url(../../images/remove-icon.png) !important;
  
}
 /*tips*/
.do-tips {
	position:fixed;
	width: 450px;
	top: 30px;
	z-index: 3000;
	left: 50%;
	margin-left: -200px;/*display:none;*/
	
}
.do-tips span {
	font-size: 14px;
}
/*.alert-warning span {
	background: url(images/main/warn.png) left center no-repeat;
	padding-left: 20px;
}
.alert-success span {
	background: url(images/main/dook.png) left center no-repeat;
	padding-left: 20px;
}*/
 
.popwindow {
	min-width: 500px;
	padding-top: 15px;
}
.input-medium {
	width: 240px;
}
.top-bar {
	padding: 10px 5px;
}
.info {
	font-size: 16px;
	padding-right: 20px;
}
.top-bar .address {
	color: #039;
}
.top-bar .ip {
	color: #ff9933;
}
.state-tips {
	/*position: absolute;
	top: 10px;
	left: 10px;*/
}
.state-tips li
{
	
	padding-bottom:10px;
	float:left;
}
.state-tips li span {
	display: inline-table;
}
.state-tips .online {
	/*background: url(../../images/color-tips.png) no-repeat 0 0;*/
	width: 20px;
	height: 8px;
	padding-left: 20px;
}
.state-tips .offline {
	/*background: url(../../images/color-tips.png) no-repeat 0 -9px;*/
	width: 20px;
	height: 10px;
	padding-left: 20px;
}
.state-tips .all {
	/*background: url(../../images/color-tips.png) no-repeat 0 -19px;*/
	width: 20px;
	height: 9px;
	padding-left: 20px;
}
.multi-select {
	position: relative;
	width: 160px;
	height: auto;
}
.multi-select .selected-text {
	width: 160px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #e5e5e5;
	padding: 0 5px;
	padding-left:15px;
	padding-right:20px;
	cursor:pointer;
	overflow:hidden;
}
.multi-select .selected-text .selected-option
{
	display:inline-block;
	overflow:hidden;
	width:100%;
	
}
.multi-select .selected-text .caret
{
	position:absolute;
	top:50%;
	margin-top:-2px;
	right:12px;
}
	
.multi-select .drop-down {
	position: absolute;
	z-index: 1500;
	display: none;
	padding: 10px;
	margin: 2px;
	border: 1px solid #CCC;
	border-top: none;
	background-color: #FFF;
	width: 250px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.multi-select .drop-down li {
	float: left;
	padding: 10px;
}
.actions {
	/*padding: 10px 0;*/
	
}
.valarm-tips
{
	position:absolute;
	right:15px;
	top:0px;
	display:inline-block;
	background-color:#fff;
	z-index:500;
	padding:5px;
	
	
}
.valarm-tips ul li {
	
	padding-bottom: 10px;
	
}
/*.valarm-tips ul li a {
	position: relative;
}*/
.valarm-tips ul li  span img
{
	padding-right:5px;
	vertical-align:middle;
}
.valarm-tips ul li  .alarm-color {
	display: inline-block;
	width: 15px;
	height:15px;
	vertical-align: middle;
	padding-right: 5px;
	border-radius:.25em;
	margin-bottom:2px;
	margin-right:3px;
}
.alarm-tips ul li {
	float: left;
	padding-right: 10px;
}
.alarm-tips ul li a {
	position: relative;
}
.alarm-tips ul li a .alarm-color {
	display: inline-block;
	width: 15px;
	height:15px;
	vertical-align: middle;
	padding-right: 5px;
	border-radius:.25em;
	margin-bottom:2px;
	margin-right:3px;
}
/***********************color*******************************************/
.default {
	background-color: #06F;
}

.orange {
	background-color: #F90;
}
.yellow {
	background-color: #f5f500;
}
.blue {
	background-color: #5bc0de;
}
.green
{
	background-color:#0c0;
}
.gray {
	background-color: #CCC;
}
.duration {
	color: #c1cbd0;
	font-style: italic;
}
.purple
{
	background-color: #852b99;
}
/***************************************************************************************************
                                            text 

**********************************************************************************************************/
.text-darkred
{
	color:#d10000;
}
.text-purple
{
	color:#852b99;
}
.text-red
{
	color:#ec0000;

}
.text-orange

{
	color:#f60;
}
.text-yellow
{
	color:#f5d003;
}
.text-blue
{
	color:#45bbf2;
}
.text-green
{
	color:#090;
}
.text-primary {
	color:#006;
}
.text-success {
	color:#090;
}
.text-info {
	color:#36F;
}
.text-warning {
	
	color:#F60;
}
.text-danger {
	color:#f00;
}
.text-exsp
{
	font-size:14px;
}
.sul
{
	display:inline-block;
}
.sul li
{
	float:left;
	padding-right:10px;
}
.nav-user-photo {
	 
	margin: 0 8px 0 20px;
	border-radius: 100%;
	border: 2px solid #FFF;
	max-width: 60px
}
.user-info
{
	
	
}
.bar-blue
{
	/*background-color:#4986d8;
	color:#fff;*/
	font-size:14px;
	font-weight:normal;
	line-height:30px;
}
.check-solid
{
	background-color:#4986d8;
	color:#fff;
	padding:5px 10px;
}
.daterange
{
	background: #fff;
	cursor: pointer;
	padding: 8px 10px; 
    border: 1px solid #e4e4e4;
	
}
.daterange.disabled
{
	 border: 1px solid #fafafa;
	 color:#999;
}
.btn-xs
{
	margin-right:5px;
	margin-bottom:5px;
}
.detail-set
{
	position:absolute;
	right:5px;
	top:5x;
}

.detail-set .dropdown-menu
{
	width:220px;
}
.detail-set .dropdown-menu label
{
	width:100px;
}
.form-hcell
{
	float:left;
	
	padding-right:10px;
}
.form-hcell .lname
{
	float:left;
	line-height:30px;
}
/****************************************************************************/
.btn {
  
  border-radius: 0;
}

.btn-default {
  border: 1px solid #e5e5e5;
  
  /*padding: 6px 13px;*/
} 
.btn-primary {
  color: #fff;
  background-color: #2898e0;
  border-color: #2898e0;
}
.btn.red-stripe {
	border-left: 3px solid #d84a38;
}

.btn.blue-stripe {
	border-left: 3px solid #4d90fe;
}

.btn.purple-stripe {
	border-left: 3px solid #852b99;
}

.btn.green-stripe {
	border-left: 3px solid #35aa47;
}

.btn.yellow-stripe {
  border-left: 3px solid #ffb848;
}

.btn.dark-stripe {
  border-left: 3px solid #555555;
}

.btn.default {  
  color: #333333;
  text-shadow: none;  
  background-color: #e5e5e5;
}
.btn.default:hover, 
.btn.default:focus, 
.btn.default:active, 
.btn.default.active,
.btn.default[disabled], 
.btn.default.disabled {    
  color: #333333;
  background-color: #d8d8d8 !important;
  outline: none !important;
}

/*  Red */
.btn.red {
  color: white;  
  text-shadow: none;	
  background-color: #d84a38;
}
.btn.red:hover, 
.btn.red:focus, 
.btn.red:active, 
.btn.red.active,
.btn.red[disabled], 
.btn.red.disabled {    
  background-color: #bb2413 !important;
  color: #fff !important;
  outline: none !important;
}
/*  Blue */

.btn.darkblue {
  color: white;  
  text-shadow: none;	
  background-color: #437ddc;
}
.btn.darkblue:hover, 
.btn.darkblue:focus, 
.btn.darkblue:active,
.btn.darkblue.active,
.btn.darkblue[disabled],
.btn.darkblue.disabled {  
  background-color: #3c70c5 !important;
  color: #fff !important;
  outline: none !important;
}
/*  Blue */

.btn.blue {
  color: white;  
  text-shadow: none;	
  background-color: #4d90fe;
}
.btn.blue:hover, 
.btn.blue:focus, 
.btn.blue:active,
.btn.blue.active,
.btn.blue[disabled],
.btn.blue.disabled {  
  background-color: #0362fd !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.blue.dropdown-toggle {
  background-color: #4d90fe !important;
}
.btn-group .btn.blue:hover, 
.btn-group .btn.blue:focus, 
.btn-group .btn.blue:active, 
.btn-group .btn.blue.active, 
.btn-group .btn.blue.disabled,
.btn-group .btn.blue[disabled] { 
  background-color: #0362fd !important;
  color: #fff !important;
  outline: none !important;
}

/*  Green */
.btn.green {
  color: white;
  text-shadow: none;	 
  background-color: #35aa47;
}
.btn.green:hover, 
.btn.green:focus, 
.btn.green:active, 
.btn.green.active,
.btn.green.disabled, 
.btn.green[disabled]{ 
  background-color: #1d943b !important;
  color: #fff !important;
  outline: none !important;
}

/*  Purple */
.btn.purple {
  color: white; 
  text-shadow: none;	
  background-color: #852b99;
}
.btn.purple:hover, 
.btn.purple:focus, 
.btn.purple:active, 
.btn.purple.active, 
.btn.purple.disabled,
.btn.purple[disabled] { 
  background-color: #6d1b81 !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.purple.dropdown-toggle {
  background-color: #852b99 !important;
}
.btn-group .btn.purple:hover, 
.btn-group .btn.purple:focus, 
.btn-group .btn.purple:active, 
.btn-group .btn.purple.active, 
.btn-group .btn.purple.disabled,
.btn-group .btn.purple[disabled] { 
  background-color: #6d1b81 !important;
  color: #fff !important;
  outline: none !important;
}

/*  Yellow */
.btn.yellow {
  color: white; 
  text-shadow: none;	
  background-color: #ffb848;
}
.btn.yellow:hover, 
.btn.yellow:focus, 
.btn.yellow:active, 
.btn.yellow.active, 
.btn.yellow.disabled,
.btn.yellow[disabled] { 
  background-color: #eca22e !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.yellow.dropdown-toggle {
  background-color: #ffb848 !important;
}
.btn-group .btn.yellow:hover, 
.btn-group .btn.yellow:focus, 
.btn-group .btn.yellow:active, 
.btn-group .btn.yellow.active, 
.btn-group .btn.yellow.disabled,
.btn-group .btn.yellow[disabled] { 
  background-color: #eca22e !important;
  color: #fff !important;
  outline: none !important;
}

/*  Black */
.btn.dark {
  color: white; 
  text-shadow: none;	
  background-color: #555555;
}
.btn.dark:hover, 
.btn.dark:focus, 
.btn.dark:active, 
.btn.dark.active, 
.btn.dark.disabled,
.btn.dark[disabled] { 
  background-color: #222222 !important;
  color: #fff !important;
  outline: none !important;
}

.btn-group .btn.dark.dropdown-toggle {
  background-color: #555555 !important;
}
.btn-group .btn.dark:hover, 
.btn-group .btn.dark:focus, 
.btn-group .btn.dark:active, 
.btn-group .btn.dark.active, 
.btn-group .btn.dark.disabled,
.btn-group .btn.dark[disabled] { 
  background-color: #222222 !important;
  color: #fff !important;
  outline: none !important;
}
.center
{
	text-align:center;
}
/*********************************************************************/


.text-16
{
	font-size:16px;
}
.text-20
{
	font-size:20px;
}

.text-20
{
	font-size:24px;
}

/*******************************************tableTree-tree************************************************/

.table-tree  thead th 
{
	background-color: #f2f2f2;
	
}

/*******************************pagination***********************/
.pagination
{
	margin:0;
}
.pagination > li
{
	margin:0 1px;
}
.pagination > li > a, .pagination > li > span
{
	border:none;
}
.pagination > li > a.disabled,.pagination > li > a.disabled:hover,.pagination > li > a.disabled:active
{
	cursor:default;
	color:#999;
	background-color: #fff;
}
.pagination > li:first-child > a, .pagination > li:first-child > span
{
	border-bottom-left-radius:0;
	border-top-left-radius:0;
	
}
.pagination > li:last-child > a, .pagination > li:last-child > span
{
	border-bottom-right-radius:0;
	border-top-right-radius:0;
}