html{
	
	height: 100%;
}
body{
	font-family:Verdana, Geneva, sans-serif;
  background-color:#fff;

	/* width:1200px; */
	margin: 0 auto;
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
}

.bg-default{
  background-color: #308ccc;
}
.label_big{
	font-size:36px;
	font-weight:bold;
}
h2,h3{
	display: block;
	border-bottom: 1px solid #BBB;
}
div.content{
	padding: 15px;	
	min-height: calc(100vh - 185px); 
}

.filter{
	display:inline-block;
	padding: 5px;
	margin: 0 10px 0 10px;
}

.panel{
	box-shadow: 3px 3px 3px #888888;
	display:inline-block;
	padding:10px;
	border: 1px solid #ddd;
	background-color:#fff;
	/* float:left;	 */
}
.selected{
	background-color:#007DBA;	
}
table{
	border-spacing: 0px;	
	font-size:14px;
}

td{
	border: 1px solid #DDD !important;
	padding: 5px;
}


/*tr:nth-child(even) {background: #ECEDFB}
tr:nth-child(odd) {background: #FFF}
*/
tr.header {
	font-weight: bold;
	background: #008EE4;
	color:FFF;
}


.nostyle table, .nostyle tr, .nostyle td{
	border: 0;	
}


#login{
	margin: 0 auto;
	width:400px;
	background: #dddddd;
	padding:30px 40px 30px 40px;
	border-radius: 5px;
	border: 1px solid #CCC
}

.nav-item{
  margin: 0 10px 0 10px;
}

.nav-link{
  color: white !important;
  font-weight: bold !important;
}

.error{
	border: 1px solid #EEE;
	background: #FFFF66;
	color: #F00;
	padding: 5px
}

.status{
	font-size:14px; line-height:15px; border:2px solid #DDD; width:250px; padding:10px; background-color:#E6E6FF; display:inline-block;
}

.main_guage{
	background-color: #EEE; 
	border: 1px solid #DDD;
	display:inline-block;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #888888;
}

.tab{
	display:block;
	border-bottom: 1px solid #aaa;
	padding:0;
	text-align:center
}

.tab li{
	display:inline-block;
	padding: 5px;
	border:1px solid #aaa;
	border-bottom:0;
	border-radius: 5px 5px 0 0;
}

.tab li:hover{
	background-color:#eee;
}

.tab a{
	text-decoration:none;
	color:#000;
}

.active{
	background-color:#eee;
}

.employee{
	display:inline-block; 
	width:360px; 
	height:230px; 
	border:1px solid #DDD; 
	position:relative;
	margin:7px;
	padding:5px;
}

.employee .emp_head{
	width:100%;
	height:150px;
}
.emp_head img{
	width:130px;
	height:170px;
	border:2px solid #DBE7F2;
	float:left;
}
.emp_head span{
	float:left;
	margin:5px;
	color:#000;
	font-size:12px;
	line-height:25px;
	width: 210px;
}
.employee .emp_des{
	position:absolute;
	bottom: 0;
	right:0;
	margin:10px;
	clear:both;
	float:left;
	line-height:25px;
	color:#000;
	font-size:12px;
}

.option{
	border:1px solid #aaa;
	border-radius:5px;
	padding:10px;
	display:inline-block;
}
legend{
	font-weight:bold;
	border-bottom:1px solid #bbb;
	width:100%;	
}

.pagination{
	/* display:inline-block; */
	float: right;
	
}
.pagination a{
	text-decoration:none;
	color:#000;
}
.pagination li{
	display:inline-block;
	margin:5px;
	padding:5px	;
	border: 1px solid #000;
	background:#FFF;
}
.pagination .active{
	border: none;
	font-weight:bold;
	text-decoration:underline
}

.camp{
	display:inline-block;
	width:24px;
	height:24px;
	background-image: url(./images/csscheckbox_25dc4fab8910423ddd72c67594d5874b.png);
}

.camp_current{
	display:inline-block;
	width:24px;
	height:24px;
	background-image: url(./images/csscheckbox_25dc4fab8910423ddd72c67594d5874b.png);
	background-position: 0 -24px;
}


a{
	text-decoration: none;
	color: #000;	
}
a img{
	border:0;	
}

.button {
	border: 1px solid #CCC;
	cursor: pointer;
	outline: none;
	padding: 7px 15px;
	display:inline-block;
	background-color:#ddd;
	text-decoration:none;
	color:#000;
	font-size:13px;
}