body{
	min-width: 900px;
	/*overflow: hidden;*/
}
*{
	font-family: Helvetica,arial;
}
a,a:focus{
	outline: none;
}
a img{
	border:0px;
}
.container-fluid{
	padding:0px;
}
.row{
	margin-left: 0px;
	margin-right: 0px;
}
.bg{
	position: absolute;
	top:0px;
	left:0px;
	z-index: -9999;
	width:100%;
	height: 100%;
}
.bg img{
	width:100%;
	height: 100%;
}
.top{
	margin:0px auto 0px;
	color: white;
	position: relative;
	width:100%;
	background-color: #18375b;/*#3cbbef;*/
}
.header{
	margin:10px auto;
	width:100%;
	padding:0 50px;
	position: relative;
}
.logo{
	color: white;
	font-size: 18px;
	vertical-align: top;
	margin-right: 50px;
}
.logo img{
	vertical-align: top;
}
.logoword{
	display: inline-block;
	margin-left: 5px;
	font-size: 12px;
	text-align: center;
}
.logo:hover{
	text-decoration: none;
	color: white;
}
.banner{
	list-style: none;
	display: inline-block;
	height: 50px;
	margin:0px;
	vertical-align: middle;
	padding: 0;
}
.banner li{
	display: inline-block;
	width:50px;
	margin-right: 40px;
	height: 50px;
	vertical-align: middle;
}
.banner li a{
	display: block;
	width:100%;
	background-repeat: no-repeat;
	height: 100%;
}
.banner li.menu-dashboard a{
	background-image:url(../../public/images/banner.png);
	background-position: -110px -55px;
}
.banner li.menu-devices a{
	background-image:url(../../public/images/banner.png);
	  background-position: -110px -110px;
}
.banner li.menu-alarm a{
	background-image:url(../../public/images/banner.png);
	background-position: 0px -55px;
}
.banner li.menu-log a{
	background-image:url(../../public/images/banner.png);
	background-position: -165px -110px;
}
.banner li.menu-setting a{
	background-image:url(../../public/images/banner.png);
	background-position: -110px -165px;
}
.banner li.menu-task a{
	background-image:url(../../public/images/banner.png);
	background-position: -220px 0px;
}
.banner li.menu-dashboard a:hover{
	background-position: -55px -55px;
}
.banner li.menu-devices a:hover{
	background-position: 0px -109px;
}
.banner li.menu-alarm a:hover{
	background-position: -56px 0px;
}
.banner li.menu-log a:hover{
	background-position: -165px 0px;
}
.banner li.menu-setting a:hover{
	background-position: 0px -165px;
}
.banner li.menu-task a:hover{
	background-position: -220px -55px;
}
.banner li.menu-dashboard.menu-active a{
	background-position: -110px 0px;
}
.banner li.menu-devices.menu-active a{
	background-position: 0px 0px;
}
.banner li.menu-alarm.menu-active a{
	 background-position: -55px -110px;
}
.banner li.menu-log.menu-active a{
	 background-position: -165px -55px;
}
.banner li.menu-setting.menu-active a{
	background-position: -55px -165px;
}
.banner li.menu-task.menu-active a{
	background-position: -220px -110px;
}

.myaccount{
	display: inline-block;
	vertical-align: top;
	padding-top:5px;
	cursor: pointer;
	color: white;
	position: absolute;
	right:120px;
	top:10px;
	margin-right: 0px;
	background: #70b8de;/*#83c9ee;*/
	padding:5px 20px;
	border-radius: 5px;
	text-align: center;
}
.logout{
	display: inline-block;
	vertical-align: top;
	background: #70b8de;/*#83c9ee;*/
	padding:5px 20px;
	border-radius: 5px;
	text-align: center;
	position: absolute;
	right:20px;
	top:10px;
	color: white;
}
.logout:hover{
	color: #f5f5f5;
}
.productreg:hover,.register:hover,.login:hover{
	color: #f99c00;
}
.copyright{
	color: #333;
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
}
.tab{
	width:100%;
	padding:0px;
	color:#103756;
	border-bottom:15px solid #f1f1f1;
}
.tablist{
	list-style:none;
	padding:0 50px;
	height:50px;
	margin:0px;
}
.tablist li{
	display:inline-block;
	line-height:50px;
	font-size:20px;
	height:100%;
	margin-right:50px;
}
.tablist li:first-child{
	margin-left:50px;
}
.tablist li:hover a{
	color:#266191;
}
.tablist li a,.tablist li.active:hover a{
	color:#103756;
	text-decoration: none;
}
.tablist li.active{
	border-bottom:3px solid #ed963f;
}
.fixed-table-header{
	background:#90a9c5;
	color:white;
}
.fixed-table-container thead th .sortable{
	padding-right:20px !important;
}
.fixed-table-container .bs-checkbox .th-inner{
	padding:8px !important;
}
.content{
	float:none;
	margin:10px auto;
	background-color: white;
	width:100%;
	padding:0 50px;
	position: relative;
}
.content_inner{
	position: relative;
}
.tools{
	margin:0px 0 0 0;
	padding:0px;
}
.tools button{
    border: 0px;
    padding: 5px 30px;
    margin-right: 10px;
    background: #103756;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
    line-height: normal;
	color:white;
}
.tools button:hover{
	background: #1f537d;
}
.search .form-control{
	padding-right: 28px;
	height: 30px;
	line-height: normal;
	padding:0px 28px 0px 12px;
}
.search_input{
	position: absolute;
	right: 7px;
	top:-3px;
	font-size: 18px;
	color: #356ca6;
	cursor: pointer;
}
.search_input:hover{
	color: #3ba7ea;
}
.tools input[type="text"]{
	border:1px solid #d0d0d0;
	height:30px;
	line-height: 30px;
	position: absolute;
	right:0px;
	border-radius: 15px;
	outline: none;
	padding:0 30px 0 15px;
}
.bootstrap-table .table thead>tr>th{
	/*font-weight: normal;*/
	text-align: center;
	border:0px !important;
}
.bootstrap-table .table tbody>tr>td{
	text-align: center;
	padding:13px 8px !important;
	border:0px !important;
}
@media screen and (max-width:1400px){
	.header,.content{
		padding:0 25px;
	}
}

.operate{
	display: inline;
	margin-right:10px;
	width:20px;
	height: 20px;
	color:#356ca6;
	cursor: pointer;
}
.operate:hover{
	color: #3ba7ea;
}
.fa-edit,.fa-close{
	font-size: 1.1em;
}
.bootstrap-table .fixed-table-container{
	border:0px;
}
.bootstrap-table .tbl-content-div{
	border:1px solid #ddd;
	border-radius: 4px;
	/*overflow: hidden;*/
}
.bootstrap-table .table{
	border-bottom:0px !important;
}
.modal-title{
	text-align: center;
}
.action_modal .modal-dialog,.detail_modal .modal-dialog{
	width:500px;
}
.action_modal .modal-content,.alert_tip .modal-content,.detail_modal .modal-content{
	border:none;
	border-radius:0px;
}
.action_modal .modal-header,.alert_tip .modal-header,.detail_modal .modal-header{
	background: #103756;
	color: white;
	/*border-top-left-radius: 6px;
	border-top-right-radius: 6px;*/
	border-bottom: 0px;
}
.action_modal .close,.alert_tip .close,.detail_modal .close{
	color: white;
	text-shadow: none;
	filter:alpha(opacity=100);
	opacity: 1;
	outline: none;
	width:12px;
	height:12px;
	margin-top:6px;
	background:url(../../public/images/x.png) no-repeat;
	background-position:center center;
	-webkit-transform-origin:center center;
        -moz-transform-origin:center center;
        -o-transform-origin:center center;
        transform-origin:center center;
        -webkit-transition:all 0.3s linear;
        -moz-transition:all 0.3s linear;
        -o-transition:all 0.3s linear;
        transition:all 0.3s linear;
}
.action_modal .close:focus,.action_modal .close:hover,.alert_tip .close:focus,.alert_tip .close:hover,.detail_modal .close:focus,.detail_modal .close:hover{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
.action_modal .form-group,.detail_modal .form-group{
	font-size: 0px;
	border:1px solid #d0d0d0;
	border-radius: 5px;
	margin-bottom:0px;
}
.action_modal .form-group label,.detail_modal .form-group label{
	width:40%;
	font-size: 14px;
	text-align: right;
	padding-right: 10px;
	background: #f4f4f4;
	height:34px;
	margin:0px;
	vertical-align: top;
	line-height: 34px;
	font-weight: normal;
	color: #333;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right:1px solid #d0d0d0;
}
.action_modal .form-group input,.action_modal .form-group select,.detail_modal .form-group input{
	display: inline-block;
	width:60%;
	font-size: 14px;
	border:0px;
	margin:0px;
}
.action_modal .error,.detail_modal .error{
	display: block;
	width:100%;
	color: #c94b49;
	font-size: 13px;
	margin-top:5px;
	margin-bottom: 5px;
	text-align: left;
	height:18px;
	padding-left: 10px;
}
.action_modal .modal-footer,.alert_tip .modal-footer,.detail_modal .modal-footer{
	text-align: center;
	/*border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;*/
	border-top:0px;
}
.action_modal .modal-footer button,.alert_tip .modal-footer button,.detail_modal .modal-footer button,.upgrade_btn{
	background: #eda257;
	outline: none;
	width:120px;
	border:0px;
	height:32px;
	position:relative;
}
.action_modal .modal-footer button:before,.alert_tip .modal-footer button:before,.detail_modal .modal-footer button:before,
.upgrade_btn:before{
	position:absolute;
        content:'';
        width:100%;
        height:100%;
        background: #ed963f;
        top:0px;
        left:0px;
        border-radius:5px;
        -webkit-transform-origin:center center;
        -moz-transform-origin:center center;
        -o-transform-origin:center center;
        transform-origin:center center;
        -webkit-transition:all 0.3s linear;
        -moz-transition:all 0.3s linear;
        -o-transition:all 0.3s linear;
        transition:all 0.3s linear;
}
.action_modal .modal-footer button:hover:before,.alert_tip .modal-footer button:hover:before,
.detail_modal .modal-footer button:hover:before,.upgrade_btn:hover:before{
	-webkit-transform:scale(0);
        -moz-transform:scale(0);
        -o-transform:scale(0);
        transform:scale(0);
}
.action_modal .modal-footer button:after,.alert_tip .modal-footer button:after,.detail_modal .modal-footer button:after,
.upgrade_btn:after{
	position:absolute;
        content:attr(data-content);
        width:100%;
        height:100%;
        line-height:32px;
        text-align:center;
        color:white;
        font-size:16px;
        top:0px;
        left:0px;

}
.action_modal .modal-footer button:nth-child(2),.alert_tip .modal-footer button:nth-child(2),.detail_modal .modal-footer button:nth-child(2){
	margin-left: 30px;
	border-left:0px;
}
.action_modal .modal-footer .btn.disabled:hover:before,.alert_tip .modal-footer .btn.disabled:hover:before,
.detail_modal .modal-footer .btn.disabled:hover:before,.upgrade_btn::hover:after{
	-webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
}
.action_modal .has-error,.detail_modal .has-error{
	border:1px solid #c94b49;
}
.action_modal .has-error label,.detail_modal .has-error label{
	border-right:1px solid #c94b49;
	background: #ecbebd;
	color: #c94b49;
}
.action_modal .action_result,#detailmodal .action_result{
	display: inline-block;
	width:100%;
	text-align: center;
	color: red;
}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
	outline: none;
	box-shadow: none;
	-webkit-box-shadow:none;
}
.alert_tip .modal-header{
	padding:5px 15px;
}
.alert_tip .modal-title{
	text-align: left;
	min-height: 25px;
}
.alert_tip .modal-dialog{
	width:340px;
}
.alert_tip .modal-body{
	padding:30px 15px 15px;
	word-break: break-word;
	word-wrap:break-word;
	text-align:justify;
}
.alert_tip .modal-footer{
	padding:15px;
}
.detail_modal .form-group{
	margin-bottom: 20px;
}
.detail_modal .form-group label{
	color: #555;
}
.detail_modal .form-group.has-error label{
	color:#c94b49;
}
.detail_modal .form-group span{
	display: inline-block;
	width:60%;
	background: #f7f7f7;
	height:34px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #333;
	font-size: 14px;
	line-height: 34px;
	padding:0 12px;
}
#loading{
	z-index: 9999;
	position: fixed;
	width:100%;
	height: 100%;
	top:0px;
	left:0px;
	/*opacity: 0;*/
	/*display: none;*/
	visibility: hidden;
	 -webkit-transition:visibility .15s linear;
    -o-transition: visibility .15s linear;
    transition:visibility .15s linear
}
#loading .window-mask{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	top:0px;
	left:0px;
	opacity: 0.5;
}
#loading-backdrop{
	z-index: 9998;
}
.loading .modal-content{
	background: none;
	box-shadow: none;
	-webkit-box-shadow:none;
	border:none;
}
.loading .modal-dialog{
	width:300px;
	height: 300px;
}
#file{
	display: inline-block;
	position: absolute;
	right: 0px;
}
#tip-modal{
	z-index: 2000;
}
#tip-modal-backdrop{
	z-index: 1999;
}

.fa-globe,.fa-user-plus,.fa-map-marker{
	font-size: 18px;
}
.fa-trash{
	font-size: 18px;
}
.status-off{
	color:#ababab;
}
.status-on{
	color:#49df4d;
}
.status-abnormal{
	color:#ff0000;
}
.bootstrap-table .pagination{
	display: inline-block !important;
	vertical-align: middle;
}
.bootstrap-table .pagination a,.bootstrap-table .page-list .btn{
	padding:3px 8px !important;
}
.bootstrap-table .fixed-table-pagination  .dropdown-menu{
	min-width:80px;
}
.bootstrap-table .gobtn{
	display: inline-block;
	vertical-align: middle;
}
.bootstrap-table .tbl-gobtn-input{
	width:34px;
	padding:0 2px;
	margin-left: 5px;
	border-radius: 4px;
	border:1px solid #d0d0d0;
}
.bootstrap-table .tbl-gobtn-btn{
	color: #333;
	background: #fbfbfb;
	padding:1px 4px;
	margin:0 10px 0 5px;
	outline: 0;
	border:1px solid #d0d0d0;
	border-radius: 4px;
}
.bootstrap-table .tbl-gobtn-btn:hover{
	color: #356ca6;
}
thead .tbl_column1{
	background: #00b0ec;
	color: white;
	font-weight: normal;
}
thead .tbl_column2{
	background: #00a7eb;
	color: white;
	font-weight: normal;
}

a{
	color:#356ca6;
}
a:hover{
	color:#3ba7ea;
	text-decoration:none;
}
.tooltip-inner{
	max-width:100% !important;
	word-break: break-all;
	word-wrap: break-word;
}
.tooltip.bottom .tooltip-arrow{
	top:0px !important;
	left:50% !important;
}
.btn[name="refresh"]{
	padding:4px 8px;
	line-height:normal;
	outline:none;
	background:none !important;
	border:1px solid #d0d0d0 !important;
	height:29px;
}
.btn[name="refresh"]:hover{
	background:none;
	color:#3ba7ea;
	border:1px solid #d0d0d0;
}
.btn[name="refresh"] .glyphicon{
	top:2px;
	left:1px;
}
.btn-group .btn[data-toggle="dropdown"]{
	padding:3px 8px 3px;
	border:1px solid #d0d0d0 !important;
	background:none !important;
	height:29px;
}
.btn-group .btn[data-toggle="dropdown"]:hover{
	color:#3ba7ea;
}
#tip-modal .modal-body{
	text-align:center;
}
#logout-modal .modal-body{
	text-align:center;
}
.menu-dashboard .tooltip,.menu-devices .tooltip,.menu-alarm .tooltip,.menu-log .tooltip,.menu-setting .tooltip,.menu-task .tooltip{
	font-size:16px;
}
.menu-dashboard .tooltip{
	margin-left: -6px;
}
#pswlength{
	margin: 5px;
	display: none;
	width:400px;
}
#pswlength span{
	margin-right:10px;
	color: #999;
}
#pswlength b{
	width:40px;
	height: 12px;
	background-color: #eaeaea;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
#pswlength .cover{
	background-color: #10adf2;
}
#addtip-modal .modal-dialog{
	width: 500px;
}
.upload-error{
	display: block;
	width:100%;
	color: #c94b49;
	font-size: 13px;
	margin-top:5px;
	margin-bottom: 5px;
	text-align: right;
	height:18px;
	padding-left: 10px;
}