#employee {
	height:100%;
	/*Safari 和 Chrome*/
	display: -webkit-flex;
	-webkit-flex-direction: column;
	-webkit-justify-content: space-between;
	-webkit-align-items: stretch;

	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	
}
header, main{
	display: inline-flex;
	display: -webkit-inline-flex;
	overflow:hidden;
	width: 100%;
}
main{
	flex-grow: 1;
	margin-top:1em;
	flex-shrink:1;
	overflow-y: scroll;
}

header{
	flex-shrink:0;
	flex-grow: 0;
	justify-content: space-between;
	height: 5rem;
	background: linear-gradient(white, #E5E5E5); 
	box-shadow: 0px 3px 3px #ccc;
	z-index: 1000;
	font-size:1.8rem;
	font-weight: bold;
	padding: 0.3rem 1rem;
}
#site_info,#time_info {
	display: inline-flex;
	align-items: center;
	height: 100%;
}
#site_info {
	align-items: flex-end;
}
#time_info{
	flex-direction:column ;
	justify-content: center;
}
#time_info i{
	
	font-size:2em;
}
#date_hm{
	display: flex;
}
#date_hm img, #date_hm b{
	display:inline-flex;
	align-items: center;
}

#left_box{
	flex-grow: 0;
	padding: 1em;
}
#left_box ul{
	width: 20rem;
	font-size: 2rem;
}
#right_box{
	flex-grow: 1;
	border-left: solid thin  #ccc;
	margin-left: 1em;
	padding: 1em;
}
.tbl_list{
	margin-top:1em;

}
.modal-backdrop.fade.in{
	z-index: 0;
}
.container-fluid{
	width: 100%;
}
.row{
	margin-left: 0;
	margin-right: 0;
}
.sel_btns label{
	margin-left: 5px!important;
	border-radius: 7px!important;
}
.header_calendar{
	display: flex;
}
.header_calendar button{
	margin-left: 1em;
	display: inline-flex;
	align-items: center;
}
.header_calendar span{
	margin-right: 4rem;
	display: inline-flex;
	align-items: center;
	cursor:hand;
}
.spec_site_info {
	align-items: center!important;
}

.datepicker{
	z-index: 2000!important;
}


#header_set{
	display: inline-flex;
	align-items: center;
	height: 100%;
	float:right;
	font-weight:normal;
	font-size:14px;
}

#user_info {
    margin-left: 20px;
}

#user_info a{
	text-decoration: underline;
}

#site_info h3{
	margin-bottom:0;
}

#site_info h4{
	margin-bottom:0;
	padding-left:10px;
}

#tr_roomlist td,#tr_floorlist td{
    height: 100px;
    line-height: 100px;
    vertical-align: middle;
}

.qrcodethumb{
	width:120px;
	height:120px;
}

.expiredCss{
	background-color:#e5e5e5;
}

.Expired{
	color:red;
}