html{
	height:100%;
	width:100%;
}

body{	
	height:100%;
	width:100%;	
	overflow:hidden;
	
}

div{
	box-sizing:border-box;
	font-size:18px;
	font-weight:bolder;
}

.ekanban-container{
	height:100%;
	width:100%;	
	background:linear-gradient(#17375e, #c7daff);
	position:relative;
}

.header{
	height:100px;
	color:white;
	display:flex;
	
	
}
.header>div{
	height:100px;
	line-height:100px;
}

#clock h1{
	font-size:36px;
}

#title h1{
	
	text-align:center;	
}

#datafield{
	height:500px;
}

#plandata{
	height:100%;
}	

#totalPlans{
	
	height:245px;
	margin-top:10px;
	padding-left:10px;	
	background:#b9cde5;
	width:95%;
}
#totalExecutions{
	margin-top:10px;
	padding-left:10px;
	height:245px;	
	background:#b9cde5;
	width:95%;
	
}

.layui-table-header{
	background:#4f81bd !important;	
}

.layui-table-header th{
	background:#4f81bd !important;
	color:white !important;
	height:71px;	
}

.layui-table-body{
	height:429px !important;
	box-sizing:content-box;
	overflow:hidden;
	margin:0px;
}

.layui-table-body.layui-table-main tr{
	height:71.5px;
	box-sizing:border-box;

}

.layui-table-body.layui-table-main tr:nth-child(odd) td{
	background:#d0d8e8 !important;	

}

.layui-table-body.layui-table-main tr:nth-child(even) td{
	background:#e9edf4 !important;

}

.layui-form .layui-table-page{
	
	display:none !important;
}

.layui-form{
	background:#e9edf4 !important;	
}
#totalPlans,#totalExecutions{
	position:relative;
}

#totalPlans>.layui-row{
	height:33.33%;
}
#totalPlans>.layui-row:first-child{
	padding-top:10px;
}
#totalExecutions>.layui-row{
	height:33.33%;
}
#totalExecutions>.layui-row:first-child{
	padding-top:10px;
}
#workshop-sections{
	height:20%;
	display:flex;
	min-height:250px;
	flex-wrap: nowrap;
	justify-content:flex-start;
	align-items:center;
	overflow-x:auto;
	padding-right:3px;
	padding-left:3px;
}

#workshop-sections .workshop-section{
	width:235px;
	height:90%;
	margin-right:20px;
	background:#4383d1;
	flex-shrink:0;	
	box-shadow:-3px -3px 2px  rgb(0,0,0,.3) ;
}
#workshop-sections  .workshop-section.active{
	background:#93cddd;
	border:dashed 1px  red;
}

#workshop-sections  .workshop-section>div{
	height:25%;
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	color:white;
}

#workshop-sections  .workshop-section  .achieving_rate{
	font-size:22px;
}

#workshop-sections  .workshop-section .workshop-title{
	color:white;
	font-size:20px;
	
}
#workshop-sections  .workshop-section .warning_icon img{
	height:100%;
}

#workshop-sections::-webkit-scrollbar{
	display:none;
}

.footer{
	height:80px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}

#message{
	overflow:hidden;
	position:relative;
	height:80px;
	padding-right:50px;
}
#msg2{
	
}