Iot/lpro/build/lpro-0.3.9.1/css/oss/iot/style.css

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset,
 form, legend, caption, tbody, tfoot, thead, article, aside, dialog,
  figure, footer, header, hgroup, nav, section {
	
	margin: 0;
	padding: 0;
}

/*
COMMON CSS
*/
.ml-10{
	margin-left: 10px;
}
.ml-20{
	margin-left: 20px;
}
.mr-10{
	margin-right: 10px;
}
.mr-20{
	margin-right: 20px;
}
.mb-10{
	margin-bottom: 10px;
}
.mt-10{
	margin-top: 10px;
}
.mt-20{
	margin-top: 20px;
}
.pb-10{
	padding-bottom: 10px;
}
.pl-10{
	padding-left: 10px;
}
.pr-10{
	padding-right: 10px;
}
.pt-10{
	padding-top: 10px;
}
.pl-5{
	padding-left: 5px;
}

.clearfloat{
	overflow: hidden;
	zoom:1;
}
.hide{
	display: none;
}
.width-50{
	width: 50%;
}
.pointer{
	cursor: pointer;
}
.width-33{
	width: 33.33333%;
}

.width-66{
	width: 66.66666%;
}

.width-auto{
	width: auto !important ;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}

input[type="checkbox"]{
	vertical-align: middle;
}

.red{
	color:red;
}

.blue{
	color:#3499da;
}
.white{
	color:white;
}

.text-align-left{
	text-align: left ;
}

.text-align-right{
	text-align: right ;
}

.text-align-center{
	text-align: center ;
}

.relative{
	position: relative;
}

/**************************************  */


.input-select{
     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAACXBIWXMAAAsTAAALEwEAmpwYAAA7amlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgICAgICAgICB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgICAgICAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+QWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDE3LTA4LTIyVDE2OjE0OjIzKzA4OjAwPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMTctMDktMjBUMDk6NTI6NTQrMDg6MDA8L3htcDpNb2RpZnlEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDE3LTA5LTIwVDA5OjUyOjU0KzA4OjAwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOmQ4NjFkYWE3LTRhYzItNGQ0MS1hZDIyLWY4MjZiOTgzNThiNTwveG1wTU06SW5zdGFuY2VJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+YWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjYwNGQzNTBkLTlkYTYtMTFlNy04YjBmLWYxOTdkNGRhY2U0ODwveG1wTU06RG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkRlcml2ZWRGcm9tIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgPHN0UmVmOmluc3RhbmNlSUQ+eG1wLmlpZDpFODI1MzY3RTg3MTExMUU3OTlBQkZCQjQ3RTRFN0VBMTwvc3RSZWY6aW5zdGFuY2VJRD4KICAgICAgICAgICAgPHN0UmVmOmRvY3VtZW50SUQ+eG1wLmRpZDpFODI1MzY3Rjg3MTExMUU3OTlBQkZCQjQ3RTRFN0VBMTwvc3RSZWY6ZG9jdW1lbnRJRD4KICAgICAgICAgPC94bXBNTTpEZXJpdmVkRnJvbT4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOkU4MjUzNjgxODcxMTExRTc5OUFCRkJCNDdFNEU3RUExPC94bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpIaXN0b3J5PgogICAgICAgICAgICA8cmRmOlNlcT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDpjNWEwYzRjYS1lYzhmLTdiNDAtYTFiNi01MTg1Njc2OGY0ZTc8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMTctMDktMjBUMDk6NTI6NTQrMDg6MDA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6ZDg2MWRhYTctNGFjMi00ZDQxLWFkMjItZjgyNmI5ODM1OGI1PC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE3LTA5LTIwVDA5OjUyOjU0KzA4OjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+NjU1MzU8L2V4aWY6Q29sb3JTcGFjZT4K
}

.input-self{
	width: 140px;
    display: inline;
}

.search-container{
	padding: 10px;
	border-bottom: 2px solid #18bbfc; 
	margin-bottom: 10px;
}

.bg-iot{
/* 	color:#00c0f1; */
/* 	border:1px solid #00c0f1; */
	color:white;
	background: #00c0f1;
	border: 1px solid #00c0f1;
}

.button:hover, .button:focus, .button.bg:hover, .button.bg:focus {
    background-color: #f5f5f5;
    color:#333;
    border: 1px solid #f5f5f5;
}

.button:hover {
    transition: all .3s cubic-bezier(0.175,0.885,0.32,1) 0s;
}

.border-iot{
	color:#00c0f1;
	border:1px solid #00c0f1;
}

.table td{
	vertical-align: middle !important;
}


.scoll::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
    background-color: white;
}
/*���������ڹ������ϵ����ɲ���*/
.scoll::-webkit-scrollbar-track:hover {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.4);
    background-color: rgba(0,0,0,.01);
}

.scoll::-webkit-scrollbar {
    width: 8px;//��ʾ��ֱ�������Ŀ���
    height: 8px;//��ʾˮƽ�������ĸ߶�
}

/*���������»�������ʽ*/
.scoll::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.05);
    border-radius: 10px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}
/*���������ڸ���ָ���Ŀؼ���ʱ��������ʽ*/
.scoll:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.2);
    border-radius: 10px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}
/*���������ڻ�����ʱ��������ʽ*/
.scoll::-webkit-scrollbar-thumb:hover {
  	background-color: rgba(0,0,0,.4);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
}
.table{
/* 	color: #676a6c; */
}
.lpro-thead{
	 background-color: #f4f4f5;
}

.table-bordered th{
	border-bottom: 1px solid #e7e7e7;;
}

.table-bordered th, .table-bordered td{
	border-bottom: 1px solid #e7e7e7;
}

.self-icon{
	font-size: 20px;
	cursor: pointer;
	color: #7a7e89;
/* 	color:#00c0f1; */
	margin: 0 4px;
}

.self-icon:HOVER,.self-icon:FOCUS {
	color: #333;
}

.jui-time{
	width:188px;
	cursor:pointer;
	display: inline;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAhCAYAAABN2CLhAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+IEmuOgAAAbFJREFUWIXtl9Fx2zAMhj/08h53Ao9gZwPCC9SZIOkI3iAbJJ2g9gTuBlAmiDtB7QmiTsA8mLqyPEuhfSaf9N/pRPAnwP8gCJSEM2FmHhDn3LmuZ0FEerkvRXcuhFF0LYyia+HqokXkv8vMdk3TbNP5hLd0fgg31xZtZhPgAWhVdSMiM2AWuEdgGpbuI77zXQZ+o6ptNdHe+52IdMI2Cf0zsVN+G+4KLPv2KFEe089XHRGeyil8G/K7eqZjmJkDfoTxqczFvMuNW7p7bIE/4UpLgzA3xJ9EsUx771/D8D7cf/cs7fgD8Dd+MftQTPRisXCX+IUPskEUrekUZjYH3oK5AvZEHUNVm5w4tU/ESTKeR7bLDVI108C+q3UR2QGt994Fu8kNUlx0dApuVHVvZmvgFmgARKQrj11uzNJ9es6/VnZnZi+R/RVogedgC/CSE7d0TfedeLn8SRTNtKo2ZrbiKO4Xx27R2WlW17lxi4k2s4mqtqqaikvtp9gnJ3bJTL+b2UWO3vvDEF+ipr9/tukQvPcHEXkaWnP1TDvn1pxRn5dg/EeshVF0LYyia2EUXQsfjAKLPHU/v1UAAAAASUVORK5CYII="); background-repeat:no-repeat;background-position: right center;
}

.layui-layer-title{
	background: #fff !important;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}

.layui-layer-setwin{
	top: 17px;
}

.input {
	box-shadow: none !important;
}

.border-gray{
	width: 120px;
}
.input-map{
	background: url(../../../image/oss/iot/location3.png) 243px center no-repeat;
	background-size: 10%;
}

.webui-popover-content{
	font-size:14px;
	text-align:center;
	color:#fff;
}
.webui-popover .webui-popover-content{
	padding:7px 8px !important ;
}
.webui-popover.top>.arrow{
	bottom:-8px;
}

input.labelauty:checked + label{
	background-color: #00c0f1 !important;
}

.dashboard-menu{
	max-height: 800px;
}

.no_data{
	text-align: center;
}
.no_data img{
	vertical-align: middle;
	height: 65px;
}

.no_data span{
	color: #bfbfbf;
}

.limiter{
	cursor: pointer;
}

.titleName{
	font-weight: 700;
    margin-right: 50px;
}

.prolist{
	height: 50px;
    line-height: 50px;
    padding-left: 10px;
    border-bottom: 1px solid #f2f2f2;
}

.index_theLeft li {
    list-style: none;
    position: relative;
    padding: 8px 0 8px 20px;
    border-bottom: 1px solid #d9d9d9;
    cursor: pointer;
}

.index_theLeft li.active , .index_theLeft li:HOVER{
	background: #3180bb;
	opacity: 0.9;
	 color:#fff;
}

.index_theLeft li span,.index_theLeft li h5{
	text-align: center;
}

.page-container{
	overflow: hidden;
}