/*global*/
html{
	height: 100%;
}
@font-face {
  font-family: 'TP-LinkAktiv_W_Lt';

  src: url('../../../fonts/TP-LinkAktiv_W_Lt.eot');
  src: url('../../../fonts/TP-LinkAktiv_W_Lt.eot?#iefix') format('embedded-opentype'),
       url('../../../fonts/TP-LinkAktiv_W_Lt.woff2') format('woff2'),
       url('../../../fonts/TP-LinkAktiv_W_Lt.woff') format('woff'),
       url('../../../fonts/TP-LinkAktiv_W_Lt.ttf') format('truetype');
}
body{
	overflow: hidden;
	height: 100%;
	position:relative;
	min-width: 1200px;
	overflow-x: auto;
	/*divide line*/
	background-color: #f2f2f2;
	color: #36444b;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor: default;
	font-family: 'TP-LinkAktiv_W_Lt', Arial;
}
ul, ol{
	margin: 0;
	padding: 0;
	list-style: none;
}
p{
	margin: 0;
}
p.note,
a.note{
	margin-top: 50px;
	margin-bottom: 20px;
	display: block;
}
label{
	margin-bottom: 0;
	font-weight: normal;
}
.after{
	margin-left: 24px;
}
label.after{
	margin-left: 50px;
}
/*reset bootstrap*/
table{
	border-collapse: separate
}
label{
	max-width: none;
}
.panel-body{
	padding: 15px 15px 0;
}
.modal-header{
	font-size: 20px;
	padding: 9px 0;
	margin: 0 24px;
}
.modal-body{
	padding: 24px 24px 16px;
	font-size: 16px;
}
div.widget-message-container.single .modal-body{
	padding-top: 48px;
}
.modal-footer{
	border-top: 0;
	padding: 0 15px 36px;
}
div.widget-message-container.single .modal-footer{
	padding: 48px 15px 36px;
}
div.widget-message-container.single div.widget-container{
	margin-bottom: 0;
}
.form-control{
	height: 30px;
	padding: 2px 12px;
}
.progress{
	display: inline-block;
	height: 12px;
	margin-bottom: 0;
	vertical-align: middle;
}
.fieldset.trigger-update-fieldset{
	width: 576px;
	padding: 30px 0 0 15px;
	margin-top: 24px;
	position: relative;
	border-radius: 6px;
}
.fieldset.trigger-update-fieldset .legend{
	position: absolute;
	top: -15px;
	left: 0;
	font-size: 16px !important;
	background-color: #fff;
	padding: 0 5px;
	border-bottom: 0 !important;
}
.fieldset.default{
	border: 1px solid #d3d5d6;
	margin-bottom: 20px;
}
.fieldset.after{
	margin-top: 40px;
	margin-left: 0;
}
.fieldset.default .legend{
	display: inline-block;
	width: auto;
	border-bottom: 0;
	color: #36444b;
	margin-left: 24px;
	margin-bottom: 0;
}
.fieldset .fieldset-body{
	margin-top: 24px;
}
.fieldset.default div.fieldset-body{
	padding: 10px 24px 0;
}
.fieldset.toggle-fieldset{
	position: relative;
}
.fieldset.toggle-fieldset .legend{
	height: 30px;
	border-bottom: solid 1px #ccc;
	margin-bottom: 10px;
	font-size: 20px;
}
.fieldset.toggle-fieldset > .legend:hover{
	background-color: #a4e5ea;
	cursor: pointer;
}
.fieldset.toggle-fieldset span.icon-toggle{
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: url("../img/icons-01.png") no-repeat -203px -152px;
}
@-moz-document url-prefix(){
	fieldset.toggle-fieldset span.icon-toggle{
		margin-top: -47px;
	}
}
.fieldset.toggle-fieldset span.icon-toggle.down{
	background-position: -204px -129px;
}
input[type="radio"]{
	position: static;
}

/*device*/
.device-grid-container{
	/*width: 100%;*/
}

div.device-graph-header-container{
	text-align: right;
}
div.device-graph-header-container div.widget-comboField-container{
	display: inline-block;
}

div.task-period-contaier div.task-time-container{

}
div.task-time-container div.widget-textField-container{
	display: inline-block;
}

/*widget*/
/*common*/
div.widget-content-container{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

/*labelField*/
label.widget-label{
	vertical-align: middle;
}
input.widget-search-input.xxxs,
label.widget-label.xxxs{
	width: 56px;
}
input.widget-search-input.xxs,
label.widget-label.xxs{
	width: 88px;
}
input.widget-search-input.xs,
label.widget-label.xs{
	width: 110px;
}
input.widget-search-input.s,
label.widget-label.s{
	width: 144px;
}
input.widget-search-input.m,
label.widget-label.m{
	width: 174px;
}
input.widget-search-input.l,
label.widget-label.l{
	width: 214px;
}
input.widget-search-input.xl,
label.widget-label.xl{
	width: 254px;
}
input.widget-search-input.xxl,
label.widget-label.xxl{
	width: 320px;
}

/* tipField */
div.widget-tip-container.empty{
	display: none!important;
}
div.widget-tip-container.xs{
	width: 120px;
}
div.widget-tip-container.s{
	width: 180px;
}
div.widget-tip-container.m{
	width: 240px;
}
div.widget-tip-container.l{
	width: 280px;
}
div.widget-tip-container.xl{
	width: 336px;
}

/* widget input */
input.widget-fileselect-input.xxs,
textarea.widget-textarea-area.xxs,
input.widget-dateField-input.xxs,
input.widget-condition-input.xxs,
select.widget-comboField-select.xxs,
div.widget-checkbox-input-ctn.xxs,
div.widget-display-text.xxs,
input.widget-password-input.xxs,
input.widget-textField-input.xxs{
	width: 30px;
}
input.widget-fileselect-input.xs,
textarea.widget-textarea-area.xs,
input.widget-dateField-input.xs,
input.widget-condition-input.xs,
select.widget-comboField-select.xs,
div.widget-checkbox-input-ctn.xs,
div.widget-display-text.xs,
input.widget-password-input.xs,
input.widget-textField-input.xs{
	width: 35px;
}
input.widget-fileselect-input.s,
textarea.widget-textarea-area.s,
input.widget-dateField-input.s,
input.widget-condition-input.s,
select.widget-comboField-select.s,
div.widget-checkbox-input-ctn.s,
div.widget-display-text.s,
input.widget-password-input.s,
input.widget-textField-input.s{
	width: 68px;
}
input.widget-fileselect-input.m,
textarea.widget-textarea-area.m,
input.widget-dateField-input.m,
input.widget-condition-input.m,
select.widget-comboField-select.m,
div.widget-checkbox-input-ctn.m,
div.widget-display-text.m,
input.widget-password-input.m,
input.widget-textField-input.m{
	width: 108px;
}
select.widget-comboField-select.m2{
	width: 128px;
}
input.widget-fileselect-input.l,
textarea.widget-textarea-area.l,
input.widget-dateField-input.l,
input.widget-condition-input.l,
select.widget-comboField-select.l,
div.widget-checkbox-input-ctn.l,
div.widget-display-text.l,
input.widget-password-input.l,
input.widget-textField-input.l{
	width: 164px;
}
input.widget-fileselect-input.xl,
textarea.widget-textarea-area.xl,
input.widget-dateField-input.xl,
input.widget-condition-input.xl,
select.widget-comboField-select.xl,
div.widget-checkbox-input-ctn.xl,
div.widget-display-text.xl,
input.widget-password-input.xl,
input.widget-textField-input.xl{
	width: 212px;
}
input.widget-fileselect-input.xxl,
textarea.widget-textarea-area.xxl,
input.widget-dateField-input.xxl,
input.widget-condition-input.xxl,
select.widget-comboField-select.xxl,
div.widget-checkbox-input-ctn.xxl,
div.widget-display-text.xxl,
input.widget-password-input.xxl,
input.widget-textField-input.xxl{
	width: 268px;
}
input.widget-fileselect-input.xxxl,
textarea.widget-textarea-area.xxxl,
input.widget-dateField-input.xxxl,
input.widget-condition-input.xxxl,
select.widget-comboField-select.xxxl,
div.widget-checkbox-input-ctn.xxxl,
div.widget-display-text.xxxl,
input.widget-password-input.xxxl,
input.widget-textField-input.xxxl{
	width: 328px;
}
input.widget-fileselect-input.xxxxl,
textarea.widget-textarea-area.xxxxl,
input.widget-dateField-input.xxxxl,
input.widget-condition-input.xxxxl,
select.widget-comboField-select.xxxxl,
div.widget-checkbox-input-ctn.xxxxl,
div.widget-display-text.xxxxl,
input.widget-password-input.xxxxl,
input.widget-textField-input.xxxxl{
	width: 368px;
}
/* widget progress*/
div.widget-progress-ctn.l{
	width: 485px;
}
/* widget note */
div.widget-note-container span{
	/*line-height: 30px;*/
	display: block;
	font-size: 14px;
}
div.widget-note-container span.note{
	color: #ccc;
	margin-top: 7px;
	margin-bottom: -6px;
}
div.widget-note-container.auto{
	width: auto;
}
div.widget-note-container.xxs{
	width: 68px;
}
div.widget-note-container.xs{
	width: 128px;
}
div.widget-note-container.s{
	width: 188px;
}
div.widget-note-container.m{
	width: 248px;
}
div.widget-note-container.l{
	width: 308px;
}
div.widget-note-container.xl{
	width: 368px;
}
div.widget-note-container.xxl{
	width: 428px;
}
div.widget-note-container.xxxl{
	width: 488px;
}
div.widget-note-container.xxxl{
	width: 548px;
}

/* widget  list & message */
div.widget-list-container .table.auto{
	table-layout: auto;
}
div.widget-list-container .table.fixed{
	table-layout: fixed;
}
div.widget-list-container.auto{
	width: auto;
}
div.widget-list-container.s,
div.modal-dialog.s{
	width: 300px;
}
div.widget-list-container.m,
div.modal-dialog.m{
	width: 450px;
}
div.widget-list-container.l,
div.modal-dialog.l{
	width: 600px;
}
div.widget-list-container.xl,
div.modal-dialog.xl{
	width: 672px;
}
div.widget-list-container.xxl,
div.modal-dialog.xxl{
	width: 765px;
}

/* widget list th */
div.widget-list-container th.widget-list-th.col-1{
	width: 2%;
}
div.widget-list-container th.widget-list-th.col-2{
	width: 4%;
}
div.widget-list-container th.widget-list-th.col-3{
	width: 6%;
}
div.widget-list-container th.widget-list-th.col-4{
	width: 8%;
}
div.widget-list-container th.widget-list-th.col-5{
	width: 10%;
}
div.widget-list-container th.widget-list-th.col-6{
	width: 12%;
}
div.widget-list-container th.widget-list-th.col-7{
	width: 14%;
}
div.widget-list-container th.widget-list-th.col-8{
	width: 16%;
}
div.widget-list-container th.widget-list-th.col-9{
	width: 18%;
}
div.widget-list-container th.widget-list-th.col-10{
	width: 20%;
}
div.widget-list-container th.widget-list-th.col-11{
	width: 22%;
}
div.widget-list-container th.widget-list-th.col-12{
	width: 24%;
}
div.widget-list-container th.widget-list-th.col-13{
	width: 26%;
}
div.widget-list-container th.widget-list-th.col-14{
	width: 28%;
}
div.widget-list-container th.widget-list-th.col-15{
	width: 30%;
}
div.widget-list-container th.widget-list-th.col-16{
	width: 32%;
}
div.widget-list-container th.widget-list-th.col-17{
	width: 34%;
}
div.widget-list-container th.widget-list-th.col-18{
	width: 36%;
}
div.widget-list-container th.widget-list-th.col-19{
	width: 38%;
}
div.widget-list-container th.widget-list-th.col-20{
	width: 40%;
}
div.widget-list-container th.widget-list-th.col-21{
	width: 42%;
}
div.widget-list-container th.widget-list-th.col-22{
	width: 44%;
}
div.widget-list-container th.widget-list-th.col-23{
	width: 46%;
}
div.widget-list-container th.widget-list-th.col-24{
	width: 48%;
}
div.widget-list-container th.widget-list-th.col-25{
	width: 50%;
}


/*unitField*/
div.widget-tip-container{
	display: inline-block;
	padding-left: 5px;
	height: 34px;
	line-height: 34px;
	vertical-align: middle;
}

/*errorField*/
div.widget-error-container{
	display: inline-block;
}
fieldset.no-error-tip div.widget-error-container{
	display: none;
}
div.widget-error-container > span{
	vertical-align: middle;
}
span.error-tip,
.widget-error-container span.error-tip{
	margin-left: 5px;
	color: #c11c66;
}


/*grid*/
div.widget-grid-operator-container{
	position: absolute;
	right: 0;
	display: inline-block;
}
div.widget-grid-operator-container button.dropdown-toggle{
	background-color: #e5e5e6;
	width: 24px;
	height: 47px;
	padding: 0;
	border-radius: 0;
}
div.device-content-container button.dropdown-toggle,
div.firmware-content-container button.dropdown-toggle{
	height: 47px;
}
div.widget-grid-operator-container button.dropdown-toggle span.icon{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../img/icons-01.png") no-repeat -272px -103px;
}
div.widget-grid-operator-container button.dropdown-toggle:hover span.icon{
	background-position: -292px -103px;
}
div.widget-grid-operator-container ul.dropdown-menu{
	max-height: 342px;
	overflow: auto;
	left: initial;
	right: 0;
}
div.widget-grid-operator-container div.more-list{
	border-top: 1px solid #e6e6e6;
	margin: 5px 0;
	padding-top: 5px;
	text-align: center;
	cursor: pointer;
}
div.widget-grid-operator-container div.more-list span.icon{
	display: inline-block;
	height: 16px;
	width: 24px;
	background: url("../img/icons-01.png") no-repeat -182px -133px;
}
div.widget-grid-operator-container div.more-list:hover span.icon{
	background-position: -182px -155px;
}
div.widget-list-container{
	height: 288px;
	overflow: auto;
}
div.widget-list-container tr th{
	height: 40px;
	padding: 0 4px!important;
	border: 2px solid #cccccc;
	border-top: 2px solid #cccccc!important;
	border-right: 0;
	text-align: center;
}
div.widget-list-container tr td.td-lst,
div.widget-list-container tr th.th-lst{
	border-right: 2px solid #ccc;
}
div.widget-list-container tr td{
	height: 40px;
	padding: 0 4px!important;
	border: 0;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	text-align: center;
}

/*textField*/
div.widget-textField-container.sm div.widget-content-container input{
	width: 50px;
}

/*timepicker*/
tr.timepicker-tr-ctn:hover td{
	background-color: #fff!important;
}
tr.timepicker-tr-ctn td.timepicker-time{
	width: 50px;
}
tr.timepicker-tr-ctn td.timepicker-seperate{
	width: 24px;
	text-align: center;
}

/*message*/
div.widget-status-container div.widget-message-content,
div.widget-message-container div.widget-message-content{
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
}
div.widget-message-container .widget-label{
	font-size: 16px;
}
div.widget-message-content button.close{
	opacity: 1!important;
	filter: alpha(opacity=100)!important;
}
div.widget-message-content button.close:hover{
	opacity: 0.5!important;
	filter: alpha(opacity=50)!important;
}
div.widget-message-content span.shutdown{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url("../img/icons-01.png") no-repeat -274px -78px;
}

/*toolbar*/
.top-main{
	overflow: auto;
	overflow-x: hidden;
}
.top-main-wrap{
	background-color: #fff;
}
div.widget-toolbar-operator{
	display: inline-block;
}

div#toolbar-container > div{
	display: inline-block;
	vertical-align: top;
	min-height: 70px;
}
div#menubar-container{
	width: 216px;
}
div#gridbar-container{
	width: 979px;
	position: relative;
}
div#menubar-container .folder-operate-group,
div#gridbar-container .widget-operator-tool{
	margin: 30px 0 0 16px;
}
div.toolbar-right-ctn{
	position: absolute;
	top: 26px;
	right: 24px;
}
div.toolbar-right-ctn > div{
	margin-left: 0!important;
}
div.toolbar-right-ctn .widget-toolbar-search{
	margin-right: 12px;
}
div.toolbar-right-ctn .widget-container.widget-search-container{
	margin: 0;
}
div.widget-search-container span.btn-search{
	width: 30px;
	height: 30px;
	top: -3px;
	left: 30px;
	z-index: 4;
	background: url("../img/icons-01.png") no-repeat -62px -87px;
}
div.widget-search-container input{
	padding: 7px 0 7px 30px;
	border-radius: 4px!important;
	color: #a7a9ac;
	font-size: 14px;
}

div.widget-operator-tool ul.dropdown-menu a{
	position: relative;
}
div.widget-operator-tool ul.dropdown-menu a .expander-item-ul-wrap,
div.widget-operator-tool ul.dropdown-menu a ul.widget-toolbar-expander{
	position: absolute;
	color: rgb(51, 51, 51);
	background-color: #fff;
	top: 0px;
	/*right: -109px;*/
	left: 156px;
	border: solid #ccc 1px;
	border-radius: 5px;
	z-index: 10;
	padding: 4px 0px;
}
div.widget-operator-tool ul.dropdown-menu a .expander-item-ul-wrap{
	/*right: -10px;*/
	left: 3px;
	border: 0px none;
	padding-left: 10px;
	width: 10px;
	height: 100%;
	background-color: transparent;
}
div.firmware-toolbar.widget-operator-tool ul.dropdown-menu a .expander-item-ul-wrap{
	/*right: -10px;*/
	left: 157px;
}
div.firmware-toolbar.widget-operator-tool ul.dropdown-menu a ul.widget-toolbar-expander{
	left: 3px;
}
div.widget-operator-tool ul.dropdown-menu li ul.widget-toolbar-expander li{
	padding: 3px 20px;
	font-size: 14px;
	height: 26px;
	cursor: pointer;
}
div.widget-operator-tool ul.dropdown-menu li ul.widget-toolbar-expander li{
	display: block;
	line-height: 20px;
	height: 100%;
}
div.widget-operator-tool ul.dropdown-menu li ul.widget-toolbar-expander li:hover{
	background-color: #f5f5f5;
}

/*display*/
div.widget-display-container div.widget-content-container{
	height: 34px;
	line-height: 34px;
}

/*textarea*/
textarea.widget-textarea-area{
	height: 72px;
}
div.widget-textarea-container > *{
	vertical-align: top;
}
div.widget-textarea-container div.widget-content-container textarea{
	resize: none;
}

/*dateField*/
div.dateField-calendar-container,
div.dateField-calendar-container > *{
	display: inline-block;
}
div.dateField-time-container{
	display: inline-block;
	vertical-align: middle;
}
div.dateField-time-container tr.text-center{
	display: none;
}
div.dateField-calendar-container button.btn-calendar{
	margin-top: -2px;
	border: 0;
	vertical-align: middle;
	background-color: transparent;
}
div.dateField-calendar-container button.btn-calendar span.icon-calendar{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url("../img/icons-01.png") no-repeat -193px -32px;
}
div.dateField-calendar-container button.btn-calendar:hover span.icon-calendar{
	background-position: -2px -131px;
}

/*radiogroup*/
div.widget-radio-base.inline{
	margin-left: 24px;
}
div.widget-radio-base.inline.widget-radio-base-0{
	margin-left: 0;
}

/*buttonGroup*/
div.widget-buttonGroup-container div.widget-buttonGroup-content button.selected{
	color: #ffffff;
	border-color: #005564;
	background-color: #196674;
	outline: none;
}

/*chart*/
div.widget-content-container div.widget-legend-container{
	/*display: inline-block;*/
	float: right;
	vertical-align: top;
}
div.widget-legend-container span.line-legend-icon{
	display: inline-block;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	background: rgba(220,220,220,1);
}

/*newfour*/
/* ------------------------------------------------------------ */
input,
button,
select,
textarea {
	font-family: 'LinkAktiv_W_Lt', Arial;
}
.chartMsg.widget-message-container .list-container .list-content .table > tbody > tr.active > td{
	background-color: #4acbd6;
}
.gm-svpc{
	display: none;
}
button.start-ping{
	margin: 42px 0 0 -40px;
}
.deleteMsg .fieldset{
	padding-left: 20px;
}
.scheduleMsg .fieldset.default{
	border-radius: 6px;
	position: relative;
	margin-top: 30px;
}
.scheduleMsg .fieldset .legend{
	position: absolute;
	top: -13px;
	left: 0;
	padding: 0 5px;
	background-color: #fff;
}
.glyphicon.glyphicon-remove{
	color: #c11c66;
}
.gmap-tips{
	width: 936px;
	height: 632px;
	background-color: #ddd;
	/*opacity: 0.7;*/
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}
.gmap-tips p{
	color: #c11c66;
	text-align: center;
	margin-top: 280px;
	font-size: 20px;
}
.gmap-tips span.loading{
	background: url(../img/loading.gif) no-repeat;
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-top: 235px;
}
.modal-footer .addonbtn{
	margin-left: 10px !important;
}
p.editManageMsg.note{
	font-size: 14px;
	color: #4acbd6;
	margin-top: 20px;
}
.chart.chart-line{
	width: 680px;
	height: 340px;
}
.chart-content .line-info{
	width: 100%;
	padding: 20px 20px 0;
	min-height: 50px;
	display: inline-block;
}
.chart-content .line-info .line-info-item{
	display: inline-block;
	font-size: 14px;
	color: #333;
	height: 20px;
	margin: 0 20px 5px 0px;
}
.chart-content .line-info span.short-line{
	width: 25px;
	height: 0;
	display: inline-block;
	margin-bottom: 3px;
}
.chart-content .line-info span.short-line.line-0{
	border: 1px solid #803690;
}
.chart-content .line-info span.short-line.line-1{
	border: 1px solid #00ADF9;
}
.chart-content .line-info span.short-line.line-2{
	border: 1px solid #250D71;
}
.chart-content .line-info span.short-line.line-3{
	border: 1px solid #FDB45C;
}
.chart-content .line-info span.short-line.line-4{
	border: 1px solid #333333;
}
.chart-content .line-info span.short-line.line-5{
	border: 1px solid #19951b;
}
.chart-content .line-info span.short-line.line-6{
	border: 1px solid #C11C66;
}
.chart-content .line-info span.short-line.line-7{
	border: 1px solid #bbd9cb;
}
.chart-content .line-info span.short-line.line-8{
	border: 1px solid #c87ac7;
}
.btn.disable,
#menubar-container .operate.disable{
	opacity: 0.5;
	filter: alpha(opacity=50)\0;
}
.btn.disable:hover,
#menubar-container .operate.disable:hover{
	cursor: not-allowed;
}
div.charMsg-config-switch{
	width: 100%;
}
div.charMsg-config-switch .widget-container.widget-radiogroup-container .widget-radio-base{
	display: inline-block;
	margin-right: 36px;
}
div.chartMsg .modal-dialog,
div.addChartMsg .modal-dialog{
	width: 700px;
}
div.chartMsg div.attrsetbtn{
	position: absolute;
	top: 78px;
	left: 205px;
}
div.chartMsg div.attrsetbtn button{
	width: 55px;
	padding: 0 10px;
}

div.chartMsg div.list-container div.widget-title-content button{
	position: absolute;
	top: 9px;
	right: 14px;
	width: 55px;
	padding: 0 10px;
	margin-right: 10px;
}
div.chartMsg div.list-container div.list-content{
	border: 2px solid #ccc;
	height: 402px;
}
div.chartMsg div.detail-container div.widget-detail-content div.widget-list-content .widget-list-th .widget-checkbox-input-ctn,
div.addChartMsg .widget-list-th .widget-checkbox-input-ctn{
	width: 25px;
}
div.device-wireless-container form div.widget-checkbox-input-ctn span{
	font-size: 14px;
	margin: 4px 0 0 5px;
	display: inline-block;
}

/* ----- device info */
div.modal-dialog.dbDeviceInfo div.modal-content{
	width: 900px;
}
div.modal-dialog.dbDeviceInfo div.modal-body{
	padding-top: 12px !important;
	padding-bottom: 24px !important;
}
div.grid-item-info{
	display: inline-block;
	vertical-align: top;
}
div.modal-dialog.dbDeviceInfo div.modal-body div.item{
	/*height: 30px;*/
	width: 420px;
	margin-top: 4px;
}
div.modal-dialog.dbDeviceInfo div.modal-body div.item span,
div.modal-dialog.dbDeviceInfo div.modal-body div.item label.widget-label{
	font-size: 14px;
	min-height: 30px;
	line-height: 30px;
	vertical-align: top;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}
div.modal-dialog.dbDeviceInfo div.modal-body div.item span{
	display: inline-block;
	width: 250px;
}
/* ----- location */
div.location.widget-message-container input.search-box{
	width: 220px;
	margin: 2px 5px 0 60px;
	display: inline-block;
}
div.location.widget-message-container button.search-box{
	height: 28px;
	padding: 4px 12px 8px 12px;
}
div.location.widget-message-container div.widget-container.widget-list-container{
	margin-top: 15px;
}
/* ----- status */
div.widget-container.widget-status-container .modal-dialog{
	width: 936px;
	height: 48px;
}
div.widget-container.widget-status-container .modal-content{
	margin: 0px;
	top: 731px;
	left: 110px;
}
div.widget-container.widget-status-container .modal-content .modal-body{
	padding: 15px 10px !important;
	text-align: center;
}
div.widget-container.widget-status-container .modal-content .modal-body .widget-status-text.success{
	color: #4acbd6;
}
div.widget-container.widget-status-container .modal-content .modal-body .widget-status-text.failure{
	color: #c11c66;
}
/* end of modal */
div.statistic{
	margin: 24px 0 0 5px;
	position: absolute;
	top: 620px;
	left: 0;
}
div.statistic.google-map{
	top: 620px;
}

div.statistic div.total,
div.statistic div.selected{
	display: inline-block;
}
div.statistic div.selected{
	margin-left: 60px;
}
div.statistic span.number{
	color: #4acbd6;
}

div.device-content-container button.dropdown-toggle.showmorelist{
	border-radius: 0px 6px 0px 0px;
	height: 47px;
	margin-top: -1px;
	border-color: #ccc;
}
div.checkbox-markerslock.widget-container.widget-checkbox-container{
	position: absolute;
	left: 420px;
	top: -37px;
}
div.checkbox-markerslock.widget-container.widget-checkbox-container input{
	margin: -5px 5px 0 0;
}
button.btn.btn-default.devicemap-infoallclose,
button.btn.btn-default.glyphicon.glyphicon-resize-full,
button.btn.btn-default.glyphicon.glyphicon-resize-small{
	margin: 10px 7px 10px 0;
	background-color: #fff;
	outline: none;
	font-size: 12px;
}
button.btn.btn-default.devicemap-infoallclose{
	margin-right: 2px;
}
#grid-container.gmap-fullscreen,
#device-live-container.gmap-fullscreen{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	background-color: #fff;
	z-index: 100;
}
.widget-message-container .widget-message-content .modal-content .modal-footer button.btn{
	min-width: 72px;
}
.btn.btn-success{
	border-color: #005564;
	background-color: #196674;
	margin-right: 9px;
}
.btn.btn-success:hover{
	background-color: #005564;
}
.btn.btn-warning{
	border-color: #196674;
	color: #196674;
	background-color: #fff;

}
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-warning:active{
	border-color: #005564;
	color: #005564;
	background-color: #fff;
}
.modal-footer .btn + .btn {
  margin-left: 24px;
}
div.discovery-content{
	min-height: 100px;
}
div.discovery-content .discovery-nav{
	text-align: center;
	margin-bottom: 24px;
}
div.discovery-content .discovery-nav span{
	margin: 0 18px;
	color: #ccc;
}
div.discovery-content .discovery-nav span:hover,
div.discovery-content .discovery-nav span.active{
	color: #333;
	border-bottom: 2px solid #333;
	padding-bottom: 2px;
	cursor: pointer;
}
div.discovery-message-container .status-replace span + span{
	margin-left: 126px;
}
div.discovery-note{
	margin: 10px 0 0 20px;
	color: #aaa;
}
div.discovery-note span{
	display: block;
}
div.widget-container.widget-progress-container .progress .progress-bar{
	line-height: 13px;
}
div.widget-progress-container span.completion{
	font-size: 14px;
	width: 30px;
	display: inline-block;
}
div.widget-progress-container span.btn-probar-stop{
	display: inline-block;
	margin-left: 25px;
	width: 28px;
	height: 28px;
	vertical-align: middle;
	opacity: 0.8;
	background: url("../img/icons-01.png") no-repeat -2px -91px;
}
div.widget-progress-container span.btn-probar-stop:hover{
	opacity: 1;
	cursor: pointer;
}
ul.dropdown-menu.toolbar-more li.toolbar-more a{
	padding: 0px 12px;
	font-size: 14px;
	line-height: 30px;
	color: #005564;
}
ul.dropdown-menu.toolbar-more div.expander-item{
	overflow: hidden;
}
ul.dropdown-menu.toolbar-more div.expander-item span{
	float: left;
}
ul.dropdown-menu.toolbar-more div.expander-item span.btn-arrow{
	float: right;
	margin-top: 7px;
	width: 10px;
	height: 18px;
	background: url('../img/icons-01.png') no-repeat -299px -80px;
}
.navbar-account{
	text-align: left;
}
.navbar-account .change-psw{
	margin-bottom: 20px;
	position: relative;
}
.navbar-account .change-psw div.last-change{
	display: inline-block;
	margin-top: 4px;
	min-width: 260px;
}
.navbar-account .change-psw div.last-change span{
	margin-right: 5px;
}
.navbar-account .change-psw .change,
.navbar-account .change-psw .cancel{
		color: #4aabd0;
		display: inline-block;
		margin-top: 4px;
}
.navbar-account .change-psw .change:hover,
.navbar-account .change-psw .cancel:hover{
	color: #4acbd6;
	cursor: pointer;
}
.navbar-account .change-psw div.change-psw-content{
	margin: 10px 0;
	border: 1px solid #ccc;
	padding: 20px 0 0 20px;
	width: 516px;
	border-radius: 4px;
}
.navbar-account .change-psw div.change-psw-content .delta{
	top: 18px;
	left: 50px;
}
.fieldset.trigger-gmail-fieldset .btn.btn-getcode{
	margin: 5px 0 20px;
}
span.gmail-in-use{
	color: #4acbd6;
	margin-left: 100px;
}
span.gmailcode-validate{
	width:20px;
	height:20px;
	/*display:block;*/
	/*float: left;*/
	margin: 4px 0 0 5px;
}
span.gmailcode-validate.waiting{
	background:url(../img/waiting.gif) no-repeat;
}
span.gmailcode-validate.glyphicon.glyphicon-ok{
	color: #4acbd6;
}
div.not-support-gmap{
	text-align: center;
	line-height: 600px;
	font-size: 20px;
}
.googlemap-markerinfo{
	color: #333;
}
.googlemap-markerinfo div.markerinfo-item.show{
	display: block;
}
.googlemap-markerinfo div.markerinfo-item.hide{
	display: none;
}
.googlemap-markerinfo span.name{
	margin-right: 10px;
	color: #555;
}
.device-live-container{
	height: 632px;
	width: 100%;
	padding: 5px;
	position: relative;
}
.angular-google-map,
.angular-google-map-container{
	width: 100%;
	height: 100%;
}
.widget-container.widget-message-container .modal-dialog .modal-content{
	/*background-color: #bbb;*/
	color: #555;
}
td,th{
	vertical-align: middle !important;
}
td.edit-chart{
	vertical-align: middle !important;
	text-align: center;
	font-size: 18px;
}
::-webkit-scrollbar-thumb{
   background-color:#ccc;
   height:50px;
   outline-offset:-2px;
   outline:2px solid #ccc;
   -webkit-border-radius:4px;
   /*border: 1px solid #fff;  */
}
::-webkit-scrollbar-thumb:hover{
   background-color:#ccc;
   height:50px;
   -webkit-border-radius:4px;
}
::-webkit-scrollbar{
	height: 10px;
	width: 8px;
}
::-webkit-scrollbar-track-piece{
   background-color:#f2f2f2;
   -webkit-border-radius:0;
}
button.btn.btn-primary.btn-manage,
button.btn.btn-primary.btn-ping{
	border-radius: 4px !important;
	margin-top: 2px;
}
span.currentfolder:hover,
.folder-operate-group span.operate:hover{
	cursor: pointer;
	color: #000;
}

li{
	list-style-type: none;
}
.table-hover > tbody > tr:hover {
  background-color: #A5E5EB;
}
.table-hover > tbody > tr.checked {
  background-color: #A5E5EB;
}
.table-hover > tbody > tr.last-tbody-tr:hover {
	background-color: #fff !important;
}
th input[type="checkbox"]:hover,
td input[type="checkbox"]:hover{
	cursor: pointer;
}
tr.selected{
	background-color: #fff;
	color: #000;
}

/*fileselect*/
div.fileselect{
	position: relative;
	display: inline-block;
	vertical-align: top;
}
div.fileselect input.widget-fileselect-input{
	border: 1px solid #ccc;
	border-radius: 4px;
}
div.fileselect label.widget-fileselect-label{
	vertical-align: top;
}
div.fileselect button{
	margin-left: 24px;
	margin-right: 0!important;
	padding: 3px 12px!important;
	vertical-align: top;
}
div.fileselect input.file-input{
	position: absolute;
	top: 0;
	height: 28px;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}
div.fileselect input.file-input:hover{
	cursor: pointer;
}
div.widget-fileselect-container div.widget-error-container{
	display: none;
}
div.widget-fileselect-container.fileSelectTip div.widget-error-container{
	display: block!important;
	margin-top: 5px;
}

ul.dropdown-menu li.more-item.show{
	display: list-item!important;
}
ul.dropdown-menu li a{
	padding: 0;
	/*height: 28px;*/
}
ul.dropdown-menu li span.glyphicon{
	width: 30px;
}
ul.dropdown-menu li span.text-selected,
ul.dropdown-menu li span.text-unselected{
	line-height: 28px;
}
ul.dropdown-menu li.static span.glyphicon-ok{
	color: #818181;
}
ul.dropdown-menu li span.glyphicon-ok{
	padding: 0 10px;
	/*background-color: #e5f1f8;*/
	color: #818181;
	/*line-height: 28px;*/
}
ul.dropdown-menu li div.item{
	position: relative;
	color: rgb(51, 51, 51);
	cursor: pointer;
	font-size: 14px;
	height: 26px;
	line-height: 20px;
	padding-bottom:3px;
	padding-left:20px;
	padding-right:20px;
	padding-top:3px;
	text-align:left;
	text-decoration:none;
	white-space:nowrap;
}
ul.dropdown-menu li div.item:hover,
ul.dropdown-menu li div.slide-item span:hover{
	background-color: #ccc;
}
ul.dropdown-menu li div.item span.glyphicon{
	position:absolute;
	right: 5px;
	top: 6px;
}
ul.dropdown-menu li div.slide-item{
	position: absolute;
	color: rgb(51, 51, 51);
	background-color: #fff;
	/*right: -65px;*/
	top: 0px;
	border: solid #ccc 1px;
	border-radius: 5px;
	z-index: 10;
	padding: 4px 0px;
}
ul.dropdown-menu li div.slide-item span{
	display: block;
	padding: 3px 20px;
	font-size: 14px;
	height: 26px;
	cursor: pointer;
}
div.widget-condition-item span.glyphicon-minus{
	color: #4acbd6;
	margin-right: 5px;
}
div.widget-condition-item span.glyphicon-minus:hover{
	color: #23c4c4;
	cursor: pointer;
}
div.widget-condition-item{
	padding: 3px 3px;
}
div.widget-condition-item select,
div.widget-condition-item div.widget-condition-content,
div.widget-condition-item div.widget-condition-content select,
div.widget-condition-item div.widget-condition-content input{
	display: inline-block;
	margin-right: 5px;
}
div.widget-condition-item div.widget-condition-content.top{
	margin-left: 77px;
}
td.searchbackground{
	background-color: #4acbd6;
	color: #fff;
}
tr.no-searchinfo{
	display: none;
}
.hide{
	display: none;
}

/*********************add by linxingjian 2016.07.08********************************/
/* reset bootstrap */
.table tr th,
.table tr td{
	vertical-align: middle!important;
}
.table > tbody + tbody {
    border-top: 1px solid #ccc;
}
input[type="checkbox"]{
	margin-top: 0;
	vertical-align: middle;
}
.form-control{
	height: 26px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control{
	background-color: #FFFFFF;
}

/*header*/
.top-header-logo{
	background: #36444b;
}
.top-header-navbar{
	background: #a7a9ac;
}
.top-header-logo-wrap{
	position: relative;
	height: 90px;
	background: #36444b;
}
.top-header-navbar-wrap{
	position: relative;
	height: 48px;
	padding-left: 1px;
	background: #a7a9ac;
}
.top-header-logo-wrap,
.top-header-navbar-wrap,
.top-main-wrap{
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}
.top-header-wrap span.top-header-tp{
	vertical-align: bottom;
	display: inline-block;
	margin: 14px 0;
	width: 156px;
	height: 60px;
	background: url('../img/icons-01.png') no-repeat -2px -3px;
}
.top-header-wrap span.top-header-pharos{
	vertical-align: bottom;
	display: inline-block;
	margin-left: 24px;
	margin-bottom: 26px;
	width: 192px;
	height: 24px;
	background: url('../img/icons-01.png') no-repeat -4px -66px;
}
.top-header-logo-wrap .top-header-info{
	position: absolute;
	right: 0;
	bottom: 20px;
}
.top-header-logo-wrap .top-header-info li{
	display: inline-block;
	padding-right: 24px;
}
.top-header-logo-wrap .top-header-info li a{
	display: inline-block;
}
.top-header-logo-wrap .top-header-info span.icon{
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('../img/icons-01.png') no-repeat;
}
.top-header-logo-wrap .account span.icon{
	background-position: -166px -3px;
}
.top-header-logo-wrap .logout span.icon{
	background-position: -165px -33px;
}
.top-header-logo-wrap .top-header-info span.text{
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	color: #d2d4d6;
	line-height: 24px;
	margin-left: 12px;
}
.top-header-logo-wrap .account:hover span.icon{
	background-position: -35px -92px;
}
.top-header-logo-wrap .logout:hover span.icon{
	background-position: -195px -3px;
}
.top-header-logo-wrap .account:hover span.text,
.top-header-logo-wrap .logout:hover span.text{
	color: #fff;
}

/* navbar */
.top-header-navbar-wrap ul{
	/*margin-left: -3px;*/
}
.top-header-navbar-wrap ul li{
	display: inline-block;
	height: 34px;
	margin-top: 7px;
	margin-left: -1px;
	border: none;
	border-left: 1px solid #ccc;
	font-size: 20px;
}
.top-header-navbar-wrap ul li.nav-log{
	border-right: 1px solid #ccc;
}
.top-header-navbar-wrap ul li.nav-log.active,
.top-header-navbar-wrap ul li.nav-log:hover{
	border-right: 0;
}
.top-header-navbar-wrap ul li div.nav-wrap{
	position: relative;
	top: -7px;
}
.top-header-navbar-wrap ul li div.nav-wrap a{
	display: table-cell;
	height: 48px;
	line-height: 48px;
	width: 160px;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.top-header-navbar-wrap ul li div.nav-wrap:hover a{
	background-color: #d2d4d6;
	cursor: pointer;
}
.top-header-navbar-wrap ul li.active div.nav-wrap a,
.top-header-navbar-wrap ul li div.nav-wrap:focus a{
	color: #005564;
	background-color: #fff;
}
.top-header-navbar-wrap ul li div.nav-wrap{
	margin-left: -1px;
}

/* sidebar styles */
.sidebar{
	background-color:#222;
	height: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
.sidebar>ul{
	margin: 0;
	padding: 0;
}

.sidebar ul{
	list-style: none;
}
.sidebar li>ul{
	padding-left: 30px; /* set padding of secondary list */
}
.sidebar ul>li{
	text-indent: 15px;
	line-height: 40px;
	display: block;
	position: relative;
}
.sidebar ul>li>a{
	display: block;
	border-radius: 4px;
	color: #ccc;
	padding: 0px 30px 0px 0px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sidebar ul>li>a:hover{
	background-color: #333;
	color: #fff;
	border-left: red 2px solid;
	text-decoration: none;
}
.sidebar ul>li.active>a{
	background-color: #337ab7;
	color: #fff;
}
/* glyphicon */
.sidebar li>a>span{
	color: #ccc;
}
.sidebar li>a>span:hover{
	color: #fff;
}

/* badge */
.badge{
	position: absolute;
	text-indent: 0px;
	top:11px;
	right: 5px;
	background-color: transparent;
}
.badge:empty{
	display: inline;
}

/* all widget container */
div.widget-container{
	margin: 0 0 20px;
}
div.widget-container.after{
	margin-left: 50px;
}
th div.widget-container,
td div.widget-container{
	margin: 0;
}
div.widget-container.inline{
	display: inline-block;
}
div.widget-container.block label.widget-label{
	display: block;
}
div.inline{
	display: inline-block;
}
.part-seperate{
	margin-top: 30px!important;
}
.bottom-seperate{
	margin-bottom: 20px;
}
div.widget-container.disabled,
div.widget-container.disabled input,
div.widget-container.disabled select,
fieldset.disabled,
fieldset.disabled input,
fieldset.disabled select{
	color: #ccc!important;
}
div.hidden{
	display: none!important;
}
div.widget-container input.padding{
	padding-left: 24px;
}
div.widget-container span.widget-icon{
	position: absolute;
	display: inline-block;
	width: 24px;
	height: 24px;
}

/* checkbox */
div.widget-checkbox-container span.text{
	vertical-align: top;
}
div.widget-checkbox-container span.icon,
td.list-checkbox-ctn span.icon{
	display: inline-block;
	height: 16px;
	width: 16px;
	background: url("../img/icons-01.png") no-repeat -313px -90px;
}
div.widget-checkbox-container span.icon.checked,
td.list-checkbox-ctn span.icon.checked{
	background-position: -313px -70px;
}
div.widget-checkbox-input-ctn.disabled span.icon,
td.list-checkbox-ctn.disabled span.icon{
	background-position: -276px -157px;
}
div.widget-checkbox-input-ctn.disabled span.icon.checked,
td.list-checkbox-ctn.disabled span.icon.checked{
	background-position: -258px -157px;
}
span.text.disabled{
	color: #ccc;
}

/* radio */
div.widget-radio-container label span,
div.widget-radiogroup-container label span{
	vertical-align: middle;
	display: inline-block;
}
div.widget-radio-container span.icon,
div.widget-radiogroup-container span.icon{
	display: inline-block;
	height: 16px;
	width: 16px;
	background: url("../img/icons-01.png") no-repeat -293px -174px;
}
div.widget-radiogroup-container span.icon.icon-error{
	height: 24px;
	width: 24px;
	background: url("../img/icons-01.png") no-repeat -223px -1px;
}
div.widget-radio-container span.icon.selected,
div.widget-radiogroup-container span.icon.selected{
	background-position: -293px -157px;
}
div.widget-radio-container.disabled span.icon,
div.widget-radiogroup-container.disabled span.icon{
	background-position: -276px -174px;
}
div.widget-radio-container.disabled span.icon.selected,
div.widget-radiogroup-container.disabled span.icon.selected{
	background-position: -258px -174px;
}
span.text.disabled{
	color: #ccc;
}

/*footer*/
div.top-footer{
    height: 42px;
    width: 100%;
/*    position: absolute;
    left: 0;
    bottom: 0;*/
    text-align: center;
    line-height: 42px;
	background-color: #CCCFD1;
}
div.top-footer p{
	margin-bottom: 0!important;
	color: #36444b;
	font-size: 14px;
}

/*folder menu*/
div.top-content{
	background: #fff;
}
div.top-content .menu-container{
	display: inline-block;
	width: 216px;
	vertical-align: top;
}
div.top-content .menu-container hr{
	margin: 0 0 10px 24px;
	border: 1px solid #d3d5d6;
}
li.menu-group-list span.icon,
div.folder-item span.icon{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	background: url("../img/icons-01.png") no-repeat;
}
li.menu-group-list span.text,
div.folder-item span.text{
	display: inline-block;
	font-size: 16px;
	line-height: 37px;
}
div.folder-item span.btn-folder-open{
	background-position: -252px -2px;
}
li.menu-group-list span.btn-folder-close,
div.folder-item span.btn-folder-close{
	background-position: -221px -24px;
}
div.widget-menu-container ul li.menu-group-list:hover,
div.widget-menu-container div.root div.folder-item:hover,
div.widget-menu-container ul li.menu-group-list.selected,
div.widget-menu-container div.root div.folder-item.selected{
	/*background-color: #a4e5ea;*/
	cursor: pointer;
}
div.widget-menu-container ul li.menu-group-list span.text.currentfolder:hover,
div.widget-menu-container div.root div.folder-item span.text.currentfolder:hover{
	color: #a7a9ac;
}
div.widget-menu-container ul li.menu-group-list.selected span.text.currentfolder,
div.widget-menu-container div.root div.folder-item.selected span.text.currentfolder{
	color: #4acbd6 !important;
}
div.widget-menu-container ul li.menu-group-list span.text.currentfolder.selected,
div.widget-menu-container div.root div.folder-item span.text.currentfolder.selected{
	color: #4acbd6 !important;
}
li.menu-group-list{
	padding-left: 24px;
}
div.widget-menu-container div.root div.folder-item-1{
	padding-left: 24px;
}
div.widget-menu-container div.root div.folder-item-2{
	padding-left: 52px;
}
div.widget-menu-container div.root div.folder-item-3{
	padding-left: 80px;
}
div.widget-menu-container div.root div.folder-item-4{
	padding-left: 108px;
}

/*icon*/
.icon-default{
	display: inline-block;
	width: 24px;
	height: 24px;
}
div#menubar-container div.folder-operate-group div.operate,
div#gridbar-container div.btn-group{
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
}
div#gridbar-container div.btn-group button.btn-default.btn-icon{
	outline: none;
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}
div.toolbar-others-ctn{
	display: inline-block;
}
div.btn-group .btn-icon{
	border-radius: 4px!important;
}
div.btn-group .btn-icon,
div.folder-operate-group div.operate span.icon{
	float: none;
	display: block;
	width: 24px;
	height: 24px;
	border: 0;
	margin: 0 auto!important;
	background: url("../img/icons-01.png") no-repeat;
}
div.folder-operate-group div.operate span.text,
div.btn-group span.text{
	display: block;
	text-align: center;
	white-space: nowrap;
	width: 40px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #9a9a9a;
}
div.btn-live-ctn{

}
div.btn-live-ctn button{
	background-color: #a7a9ac;
	border-radius: 4px!important;
	padding: 2px 1px!important;
	height: 30px;
}
div.btn-live-ctn button:hover{
	background-color: #d2d4d6;
}
div.btn-live-ctn button.btn-live{
	margin-left: 12px!important;
}
div.btn-live-ctn button.selected{
	background-color: #005564;
}
div.btn-live-ctn button span{
	display: inline-block!important;
	color: #fff!important;
	width: 24px;
	height: 24px;
	font-size: 18px;
	line-height: 16px;
	vertical-align: top;
}
div.btn-group .btn-live span.icon{
	background-position: -201px -59px;
}
div.btn-group .btn-list span.icon{
	background-position: -250px -71px;
}
div.btn-group .btn-icon.btn-discovery{
	background-position: -250px -23px;
}
div.btn-group .btn-icon.btn-discovery:hover{
	background-position: -81px -130px;
}
div.btn-group .btn-icon.btn-add,
div.folder-operate-group div.btn-add span.icon{
	background-position: -275px -53px;
}
div.btn-group .btn-icon.btn-add:hover,
div.folder-operate-group div.btn-add:hover span.icon{
	background-position: -107px -156px;
}
div.btn-group .btn-icon.btn-edit,
div.folder-operate-group div.btn-edit span.icon{
	background-position: -306px -25px;
}
div.btn-group .btn-icon.btn-edit:hover,
div.folder-operate-group div.btn-edit:hover span.icon{
	background-position: -155px -154px;
}
div.btn-group .btn-icon.btn-manage{
	background-position: 1px -72px;
}
div.btn-group .btn-icon.btn-manage:hover{
	background-position: -36px -72px;
}
div.btn-group .btn-icon.btn-reboot{
	background-position: -307px 0;
}
div.btn-group .btn-icon.btn-reboot:hover{
	background-position: -133px -129px;
}
div.btn-group .btn-icon.btn-upgrade{
	background-position: -146px -90px;
}
div.btn-group .btn-icon.btn-upgrade:hover{
	background-position: -29px -130px;
}
div.btn-group .btn-icon.btn-ping{
	background-position: 1px -108px;
}
div.btn-group .btn-icon.btn-ping:hover{
	background-position: -36px -108px;
}
div.btn-group .btn-icon.btn-location,
div.folder-operate-group div.btn-location span.icon{
	background-position: -198px -90px;
}
div.btn-group .btn-icon.btn-location:hover,
div.folder-operate-group div.btn-location:hover span.icon{
	background-position: -55px -156px;
}
div.btn-group .btn-icon.btn-delete,
div.folder-operate-group div.btn-delete span.icon{
	background-position: -276px -27px;
}
div.btn-group .btn-icon.btn-delete:hover,
div.folder-operate-group div.btn-delete:hover span.icon{
	background-position: -81px -156px;
}
div.btn-group .btn-icon.btn-remove{
	background-position: 1px -612px;
}
div.btn-group .btn-icon.btn-remove:hover{
	background-position: -36px -612px;
}
div.btn-group .btn-icon.btn-more{
	background-position: -281px -1px;
}
div.btn-group .btn-icon.btn-more:hover{
	background-position: -55px -130px;
}
div.btn-group.open .btn-icon.btn-more{
	background-position: -55px -130px;
}
div.btn-group .btn-icon.btn-activate{
	background-position: -120px -90px;
}
div.btn-group .btn-icon.btn-activate:hover{
	background-position: -29px -158px;
}
div.btn-group .btn-icon.btn-deactivate{
	background-position: -225px -49px;
}
div.btn-group .btn-icon.btn-deactivate:hover{
	background-position: -107px -130px;
}
div.btn-group .btn-icon.btn-add-to-group{
	background-position: 1px -468px;
}
div.btn-group .btn-icon.btn-add-to-group:hover{
	background-position: -36px -468px;
}
div.btn-group .btn-icon.btn-run{
	background-position: -93px -90px;
}
div.btn-group .btn-icon.btn-run:hover{
	background-position: -2px -158px;
}
div.btn-group .btn-icon.btn-check{
	background-position: 1px -144px;
}
div.btn-group .btn-icon.btn-check:hover{
	background-position: -36px -144px;
}
div.btn-group .btn-icon.btn-export{
	background-position: -250px -49px;
}
div.btn-group .btn-icon.btn-export:hover{
	background-position: -157px -130px;
}
div.btn-group .btn-icon.btn-chart{
	background-position: -228px -129px;
}
div.btn-group .btn-icon.btn-chart:hover{
	background-position: -254px -129px;
}
div.btn-group .btn-icon.btn-chart.disabled{
	background-position: -281px -129px;
}
.icon-role-ok,
.icon-role-forbidden{
	display: inline-block;
	height: 20px;
	width: 20px;
}
.icon-role-ok{
	background: url("../img/icons-01.png") no-repeat -225px -100px;
}
.icon-role-forbidden{
	background: url("../img/icons-01.png") no-repeat -226px -76px;
}
.icon-user{
	background: url("../img/icons-01.png") no-repeat -303px -130px;
}
.icon-password{
	background: url("../img/icons-01.png") no-repeat -227px -151px;
}
.icon-error{
	background: url("../img/icons-01.png") no-repeat -223px -1px;
}

/*all grid*/
div.top-content div.grid-content-container{
	position: relative;
	display: inline-block;
	margin-bottom: 38px;
	margin-left: 24px;
	width: 936px;
	vertical-align: top;
}
.table{
	margin-bottom: 0;
}
div.widget-grid-content{
	overflow: auto;
	border: 1px solid #ccc;
	border-radius: 6px;
}
div.widget-grid-content-body{
	min-height: 610px;
	max-height: 610px;
}
div.widget-grid-content-container tr.widget-grid-header-tr{
	background-color: #e5e5e6;
}
div.widget-grid-content-container tr th span.text{
	font-weight: bold;
}
div.widget-grid-content-container tr th{
	height: 46px;
	padding: 0 4px!important;
	border: 1px solid #cccccc;
	border-left: 0;
	border-top: 0;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
}
div.widget-grid-content-container tr th.th-lst{
	width: auto!important;
	border-right: 0;
}
div.widget-grid-content-container tr th.th-lst span{
	padding-right: 22px;
}
div.widget-grid-content-container tr td.td-lst{
	width: auto!important;
	border-right: 0;
}
div.widget-grid-content-container tr td{
	height: 40px;
	padding: 0 4px!important;
	border: 1px solid #cccccc;
	border-left: 0;
	border-top: 0;
	text-align: center;
	font-size: 16px;
}
div.widget-grid-content-container tr.last-tbody-tr th{
	border-bottom: 0;
}
div.widget-grid-content-container tr th.th-check,
div.widget-grid-content-container tr td.td-check{
	width: 36px!important;
}
div.widget-grid-content-container ul.dropdown-menu{
	padding-bottom: 0;
}

/*device grid*/
div.device-content-container div.widget-grid-content-container{
	/*width: 2680px;*/
}
div.device-content-container div.widget-grid-content-container tr th,
div.device-content-container div.widget-grid-content-container tr td{
	width: 133px;
}
div.device-content-container div.widget-grid-content-container tr th.th-chart,
div.device-content-container div.widget-grid-content-container tr td.td-chart{
	width: 36%!important;
}
div.device-content-container div.widget-grid-content-container tr th.th-ipAddress,
div.device-content-container div.widget-grid-content-container tr td.td-ipAddress{
	width: 160px;
}
div.device-content-container div.widget-grid-content-container tr th.th-macAddress,
div.device-content-container div.widget-grid-content-container tr th.th-essid,
div.device-content-container div.widget-grid-content-container tr th.th-rootAPEssid,
div.device-content-container div.widget-grid-content-container tr td.td-macAddress,
div.device-content-container div.widget-grid-content-container tr td.td-rootAPEssid,
div.device-content-container div.widget-grid-content-container tr td.td-essid{
	width: 188px;
}
div.device-content-container div.widget-grid-content-container tr th.th-version,
div.device-content-container div.widget-grid-content-container tr th.th-product,
div.device-content-container div.widget-grid-content-container tr td.td-version,
div.device-content-container div.widget-grid-content-container tr td.td-product{
	width: 338px;
}
div.device-content-container div.widget-grid-content-container tr td.td-description{
	text-align: left;
}

/*firmware grid*/
div.firmware-content-container div.widget-grid-content-container{
	width: 100%;
}
div.firmware-content-container div.widget-grid-content-container tr th,
div.firmware-content-container div.widget-grid-content-container tr td{
	width: 160px;
}
div.firmware-content-container div.widget-grid-content-container tr th.th-filename,
div.firmware-content-container div.widget-grid-content-container tr td.td-filename{
	width: 388px;
}
div.firmware-content-container div.widget-grid-content-container tr th.th-isActive,
div.firmware-content-container div.widget-grid-content-container tr td.td-isActive{
	width: 70px;
}

/*task grid*/
div.task-content-container div.widget-grid-content-container{
	width: 100%;
}
div.task-content-container div.widget-grid-content-container tr th,
div.task-content-container div.widget-grid-content-container tr td{
	width: 130px;
}

/*trigger grid*/
div.trigger-content-container div.widget-grid-content-container{
	width: 100%;
}
div.trigger-content-container div.widget-grid-content-container tr th,
div.trigger-content-container div.widget-grid-content-container tr td{
	width: 188px;
}

/*account grid*/
div.account-content-container div.widget-grid-content-container{
	width: 100%;
}
div.account-content-container div.widget-grid-content-container tr th,
div.account-content-container div.widget-grid-content-container tr td{
	width: 138px;
}
div.account-content-container div.widget-grid-content-container tr td.td-note.td-lst{
	text-align: left;
}

/*log grid*/
div.log-content-container div.widget-grid-content-container{
	width: 1100px;
}
div.log-content-container div.widget-grid-content-container tr th,
div.log-content-container div.widget-grid-content-container tr td{
	width: 138px;
}
div.log-content-container div.widget-grid-content-container tr th.th-macAddress,
div.log-content-container div.widget-grid-content-container tr td.td-macAddress{
	width: 188px;
}
div.log-content-container div.widget-grid-content-container tr th.th-logString,
div.log-content-container div.widget-grid-content-container tr td.td-logString{
	width: 300px;
}
div.log-content-container div.widget-grid-content-container tr td.td-logString{
	text-align: left;
}

/* device */
div.discovery-config-msg div.widget-radio-base-1 div.radio-slot-1{
	/*display: inline-block;*/
	margin-left: 20px;
}
div.discovery-config-msg div.widget-radiogroup-container{
	margin-bottom: 0;
}
div.discovery-config-msg div.discovery-note{
	margin-bottom: 20px;
}
div.widget-list-container.device-attroption-list,
div.widget-list-container.device-addchart-msg{
	height: 402px;
}

/* trigger */
div.trigger-update-msg div.modal-header{
	/*display: none;*/
	border: 0;
	margin-bottom: -25px;
}
div.trigger-update-msg div.modal-header span.modal-title{
	display: none;
}
div.trigger-condition-container div.widget-container{
	display: inline-block;
	vertical-align: top;
}

/* account */
div.account-role-info-ctn{
	position: relative;
	margin: -10px 0 20px 174px;
	padding: 15px 15px 0;
	width: 340px;
	border: 1px solid #d3d5d6;
	border-radius: 4px;
}
div.account-role-info-ctn *{
	vertical-align: middle
}
div.account-role-info-ctn div.role-info-item{
	margin-bottom: 10px;
}
div.account-role-info-ctn span.after{
	margin-left: 10px;
}
div.account-role-info-ctn div.delta.admin{
	left: 60px;
}
div.account-role-info-ctn div.delta.manager{
	left: 176px;
}
div.account-role-info-ctn div.delta.guest{
	left: 264px;
}

div.navbar-account div.account-role-info-ctn div.delta.admin{
	left: 60px;
}
div.navbar-account div.account-role-info-ctn div.delta.manager{
	left: 40px;
}
div.navbar-account div.account-role-info-ctn div.delta.guest{
	left: 32px;
}

/*task*/
div.widget-list-container.task-schedule-msg{
	height: 179px;
}

/*delta*/
div.delta{
	position:absolute;
	z-index: 2;
	left:0;
	top:-20px;
	width:20px;
	height:20px;
	border: 0;
}
.top-arrow1, .top-arrow2{
	width:0;
	height:0;
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index: 5;
	border-top:10px solid transparent;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-bottom:10px solid #d3d5d6;
	overflow:hidden;
}
.top-arrow2{
	z-index: 6;
	top:1px;
	border-bottom: 10px solid #fff;
}

/*********************end**********************************************************/


/* about tp font baseline */
div.widget-grid-content-container tr th div.widget-checkbox-input-ctn,
div.widget-grid-content-container tr td div.widget-checkbox-input-ctn{
	display: block;
	width: 20px;
	margin: 4px auto 0;
}

[translate]{
	margin-top: 4px;
}
button[translate]{
	margin-top: 0;
}
.panel-heading{
	margin-top: 0;
}
li.menu-group-list span.text,
div.folder-item span.text{
	vertical-align: middle;
	margin-top: 5px;
}
span.error-tip{
	display: inline-block;
	margin-top: 4px;
}
div.widget-grid-content-container tr th span.text,
div.widget-grid-content-container tr td span.text{
	display: block;
	margin-top: 6px;
}
div.widget-radiogroup-container label span.radio-text{
	margin-top: 4px;
}
/**************************/