@CHARSET "UTF-8";
@media (min-width: 768px) {  
	table.table th.mobilecol,table.table td.mobilecol {display:none;}
}
@media (max-width: 768px) {  
	table.table th.deskcol,table.table td.deskcol {display:none;}
}

/*global*/
.mr10{margin-right:10px;}
.go{cursor: pointer;}
.number{font-family: consolas;}
table tr th.number,td.number{text-align:right;}

/* slots */
ul.flat{padding:0;}
ul.flat li{float:left;display:inline-block;width:14px;height:16px;margin-left:0px;background:#ccc;}
ul.flat li.a{background:#1ab394;}
ul.flat li:nth-child(8n+1){margin-left:10px;}
ul.flat li:nth-child(24){border:1px solid #000;}

/* slots2 */
ul.flat2{padding:0;}
ul.flat2 li{float:left;display:inline-block;width:25px;height:30px;margin-left:0px;background:#ccc;}
ul.flat2 li.a{background:#1ab394;}

.form-horizontal ul.flat{float:left;width:100%;}
.form-horizontal ul.flat li{width:18px;height:20px;cursor:pointer;}
tr ul.flat li:nth-child(8n+1){margin-left:0px;}

@media (max-width: 1680px) {
    .list-group	ul.flat li{width:14px;}
    tr ul.flat li{width:14px;}
	tr ul.flat2 li{width:20px;}
}
@media (max-width: 1450px) {
	.list-group ul.flat li {width: 8px;}
	tr ul.flat li {width: 8px;}
	tr ul.flat2 li{width:20px;}
}
/*theme fix*/
.flot-chart {display: block;height: 220px;}
.nav-header{padding:11px 0px;margin-bottom: 2.2rem;}
.nav-header strong{color:#fff;font-size:1.4em;}
.slogo{width:88px;}
.logo-element{background:#181d24;color:#fff;}
.no-bordered{border:none !important;}
.list-group .first-item{border-top: none !important;}
	
.wrapper-content {padding: 20px 0px 40px;}

/* background */
.purple-bg{background-color: #996699; color: #ffffff;}
.orange-bg{background-color: #E24825; color: #ffffff;}
.green-bg {background-color: #2ab088; color: #ffffff;}
.orangered-bg{background-color:orangered;color:#ffffff;}
.lightgray-bg{background-color:#f3f6fb;}

/* statcard */
.widget {border-radius: 3px;}
.cardbg-soil{background-color: #DBB26F; color: #ffffff;}
.cardbg-water{background-color: #73CDAA; color: #ffffff;}
.cardbg-weather{background-color: #73C6CD; color: #ffffff;}
.cardbg-atom{background-color: #78BFDE; color: #ffffff;}
.cardbg-obliquity{background-color: #7AA9D8; color: #ffffff;}
.cardbg-live{background-color: #8196D3; color: #ffffff;}
.cardbg-warning{background-color: #ed5565;color: #ffffff;}

.cardbg-enterprise{background-color: #23c6c8;color: #ffffff;}


/* multi checkbox*/
.stech_options{float:left;padding-left:0px;list-style:none;line-height:32px;}
.stech_options li{position:relative;float:left;margin-right:2em;min-width:5em;}
.stech_options li label{padding-left:5px;font-weight:normal;margin-bottom:0;}

/*query selector*/
.selector { /* border-top: 1px solid rgb(221, 221, 221); */margin-bottom: 10px; }
.selector .s-line, .selector .s-brand { width: auto; height: auto; }
.selector .sl-wrap { position: relative; line-height: 40px;}
.selector .s-line:after { content: " "; display: block; clear: both; height: 0px; visibility: hidden; }
.selector .sl-key { float: left; width: 120px; padding-left: 10px; }
.selector .sl-value { margin-left: 110px; padding-right: 130px; padding-left: 10px; overflow: hidden; }
.selector .sl-v-list { overflow: hidden; padding-top: 4px; }
.selector .sl-v-list ul { list-style-image: none; list-style-position: outside; list-style-type: none; }
.selector .sl-v-list ul { float: left; overflow: hidden; position: relative; height: 40px; line-height:40px; margin-bottom:0;}
.selector .sl-v-list li { float: left; margin-right: 16px; margin-bottom: 4px; height: 38px; line-height: 38px; }
.selector .sl-v-list li a { float: left; white-space: nowrap; border: 1px solid #fff; color:#676a6c;padding:0px 5px;height: 36px; line-height: 36px; }
.selector .sl-v-list li a.active,.selector .sl-v-list li a:hover {border: 1px solid #1ab394; background: #f9f9f9;color:#1ab394;}

.selector .sl-v-list.input{height:40px;padding-left:3em;}
.selector .sl-v-list select{display:inline-block;line-height:40px;height:30px;width:200px;padding:4px 12px;}
.selector .sl-v-list input{line-height:40px;width:460px;}

.selector .s-more{text-align:center;position:relative;top:-1px;border-top:1px solid #ddd;-webkit-transition:border-color .15s ease-in-out;-moz-transition:border-color .15s ease-in-out;transition:border-color .15s ease-in-out}
.selector .s-more .sm-wrap{position:relative;display:inline-block;margin-top:-1px;height:28px;line-height:28px;padding:0 40px 0 20px;border-width:1px;border-style:solid;border-color:#FFF #DDD #DDD #DDD;background:#fff;cursor:pointer;color:#333;-webkit-transition:border-color .15s ease-in-out;-moz-transition:border-color .15s ease-in-out;transition:border-color .15s ease-in-out}
.selector .s-more .sm-wrap i{position:absolute;right:16px;top:4px;display:inline-block;width:20px;height:20px;background:url('../images/search.ele.png') no-repeat 4px 7px}
.selector .s-more .sm-wrap.opened i{background-position:4px -27px}
.selector .s-more:hover{border-color:#e4393c}
.selector .s-more:hover .sm-wrap{color:#e4393c;border-color:#FFf #e4393c #e4393c #e4393c}
.selector .s-more:hover .sm-wrap i{background-position:4px -10px}
.selector .s-more:hover .sm-wrap.opened i{background-position:4px -44px}
.bottomline{border-bottom: 1px solid rgb(221, 221, 221);}

/*text*/
div.text{width:760px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
pre.payload{height:500px;}
div.rawdata{word-break: break-word;font-family: consolas;}

div.fdesc{width:180px;display:inline-block;vertical-align:top;border-right:1px solid #666;}
div.fdesc ul{padding:22px 2em;text-align:right;list-style:none;}
div.fdesc ul li{height:20px;line-height:20px;}
div.payload{width:520px;display:inline-block;}

.label-black, .badge-black {background-color: #000;color: #FFFFFF;}
.w20{width:20px;display:inline-block;}
.w30{width:30px;display:inline-block;}
.skip{display:none;}
li.S .skip{display:inline;}


/* group and sections */
.sectitle{color:#555555;font-size:15px;}

/* field box */
.fieldbox{border-bottom:1px dashed lightgray;height:3em;overflow:hidden;}
.fieldbox .t{line-height:2.4em;color:#646464;}
.fieldbox .value{font-size:18px;position:absolute;top:0.3em;right:1em;color:#4A90E2;}
.fieldbox .value .badge{font-size:16px;}

/* manages tag */
span.tag{border:1px solid #e7eaec;padding:5px;margin-left:10px;line-height:20px;}

/*table*/
.table tbody tr td.cell-detail .cell-detail-description,.table tbody tr td.milestone span{font-size:.8462rem;color:#999;display:block}
.hintline{position: absolute;border-bottom: 1px solid #ddd;left: 188px;}
tr.blink td{background-color: rgba(122, 169, 216,0.3) !important;}

/* chart refine */
.amcharts-chart-div a{left:-1000px !important;}

/* table dense*/
table.dense{}
table.dense tr td{padding:2px;}
table.dense tr td:nth-child(1),table.dense tr td:nth-child(2){text-align:center;vertical-align:middle;}
table.dense tr td input.form-control{padding:4px;}

/* json view*/
.jsonview .string {color: green;white-space: normal;word-break: break-all;}

@media (max-width: 1368px) {  
	div.text{width:420px;}
	.widget.style1 .fa-5x{font-size:3em;}
	.widget.style1 h2{font-size:14px;}
	.widget.style1 h3{font-size:14px;}
}
@media (max-width: 1400px) {  
	.col-md-6{width:50%; padding: 5px;}
}
@media (max-width: 1044px) {  
	.col-md-6{width:100%; padding: 5px 0;}
}

/* customize */
.btn-primary2.btn-outline {color: #1ab394;border:1px solid #1ab394;}
.btn-primary2.btn-outline:hover {color: #fff;background:#1ab394;}
ul.alarmitems li:first-child{border-top:none;}

/* alarm level */
.level-general {background-color: #FF6100;color: #FFFFFF;}

/*toporender icheck */
#configvzone .list li{margin-top:10px;list-style-type:none}
#configvzone .list li label{display: inline-block;vertical-align: sub;margin-left:20px;}
#configmodal .modal-body{padding: 20px 30px 20px 30px}


/* blink2 */
@keyframes fade {
    from {opacity: 1.0;}
    50% {opacity: 0.4;}
    to {opacity: 1.0;}
}
@-webkit-keyframes fade {
    from {opacity: 1.0;}
    50% {opacity: 0.4;}
    to { opacity: 1.0;}
}
.blink2 {height: 60px; animation: fade 600ms infinite;-webkit-animation: fade 600ms infinite;}

/*html display or none*/
.visiable{display:none}
.terrfilter{display:none;}

/* suggestion */
div.suggestion{border:1px solid #ccc;background:#fff;cursor:pointer;height:32px;line-height:32px;overflow:hidden;}
div.suggestion span{float:left;width:100px;background:#fefefe;border-right:1px solid #ccc;font-weight:bold;text-align:center;}
div.suggestion .title{line-height:32px;float:left;padding-left:10px;}

div.suggestion:hover{background:#fcf8e3;}
div.suggestion:hover span{background:#8a6d3b;color:#fff;}

@media screen and (max-width: 1366px) {
	.treenav{display:none;}
	.terrfilter{display:block;}
	.gridcol{width:100%;}
}

/*customize large*/
@media (min-width: 1366px){
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float: left;}
	.col-lg-12{width: 100%;}
	.col-lg-11{width: 91.66666667%;}
	.col-lg-10{width: 83.33333333%;}
	.col-lg-9{width: 75%;}
	.col-lg-8{width: 66.66666667%;}
	.col-lg-7{width: 58.33333333%;}
	.col-lg-6{width: 50%;}
	.col-lg-5{width: 41.66666667%;}
	.col-lg-4{width: 33.33333333%;}
	.col-lg-3{width: 25%;}
	.col-lg-2{width: 16.66666667%;}
	.col-lg-1{width: 8.33333333%;}
	.col-lg-pull-12{right: 100%;}
	.col-lg-pull-11{right: 91.66666667%;}
	.col-lg-pull-10{right: 83.33333333%;}
	.col-lg-pull-9{right: 75%;}
	.col-lg-pull-8{right: 66.66666667%;}
	.col-lg-pull-7{right: 58.33333333%;}
	.col-lg-pull-6{right: 50%;}
	.col-lg-pull-5{right: 41.66666667%;}
	.col-lg-pull-4{right: 33.33333333%;}
	.col-lg-pull-3{right: 25%;}
	.col-lg-pull-2{right: 16.66666667%;}
	.col-lg-pull-1{right: 8.33333333%;}
	.col-lg-pull-0{right: auto;}
	.col-lg-push-12{left: 100%;}
	.col-lg-push-11{left: 91.66666667%;}
	.col-lg-push-10{left: 83.33333333%;}
	.col-lg-push-9{left: 75%;}
	.col-lg-push-8{left: 66.66666667%;}
	.col-lg-push-7{left: 58.33333333%;}
	.col-lg-push-6{left: 50%;}
	.col-lg-push-5{left: 41.66666667%;}
	.col-lg-push-4{left: 33.33333333%;}
	.col-lg-push-3{left: 25%;}
	.col-lg-push-2{left: 16.66666667%;}
	.col-lg-push-1{left: 8.33333333%;}
	.col-lg-push-0{left: auto;}
	.col-lg-offset-12{margin-left: 100%;}
	.col-lg-offset-11{margin-left: 91.66666667%;}
	.col-lg-offset-10{margin-left: 83.33333333%;}
	.col-lg-offset-9{margin-left: 75%;}
	.col-lg-offset-8{margin-left: 66.66666667%;}
	.col-lg-offset-7{margin-left: 58.33333333%;}
	.col-lg-offset-6{margin-left: 50%;}
	.col-lg-offset-5{margin-left: 41.66666667%;}
	.col-lg-offset-4{margin-left: 33.33333333%;}
	.col-lg-offset-3{margin-left: 25%;}
	.col-lg-offset-2{margin-left: 16.66666667%;}
	.col-lg-offset-1{margin-left: 8.33333333%;}
	.col-lg-offset-0{margin-left: 0%;}
}
.select2-container .select2-selection--single{
	height:34px;
	line-height: 34px;
}
/*防止select2不会自动失去焦点*/
select2-drop {
	z-index: 10050 !important;
}

.select2-search-choice-close {
	margin-top: 0 !important;
	right: 2px !important;
	min-height: 10px;
}

.select2-search-choice-close:before {
	color: black !important;
}


.select2-container {
	z-index: 16000 !important;
}

.select2-drop-mask {
	z-index: 15990 !important;
}

.select2-drop-active {
	z-index: 15995 !important;
}