@charset "utf-8";
/* General  ******************************************************************************/
button{
	border-radius:3px;
	width:160px;
	margin:2px;
	padding:3px;
	cursor:pointer;
	color:#666;
	font-size:120%;
}
/* Menus  ******************************************************************************/
.main-menu,
.sub-menu{
	padding-left:5px;
	padding-right:5px;
}
.main-menu{
	margin-top:0px;
}
.sub-menu{
	border-style:inset;
	border-color:#F6F6F6;
	border-width:2px;
	background:#f0f0f0;
	position:relative;
	top:-5px;
	width:fit-content;
	display:flex;
	padding-top:4px;
	margin:0px auto;
	margin-top: 2px;
}
.sub-menu button{
	border: 1px solid;
}
.sub-menu button:hover{
	background:#E9E4E4;
}
.sub2-menu{
	margin-top:0px;
	border-style:none;
	border-color:none;
	border-width:2px;
	background:none;
}
.select-menu button{
	display:block;
}
.main-menu button{
	padding:2px;
	margin-bottom:0px;
}
.sub-menu .selectedButton{
	background-color:#A9C0CB;
}
.main-menu .selectedButton{
	border-style:inset;
	border-bottom:none;
	padding-bottom:8px;
	z-index:10;
	position:relative;
	font-weight:bold;
}
.sub2-menu .selectedButton{
	font-weight: normal;
}
.select-menu{
	background:#cad1dc99;
	width:125px;
	padding:4px;
}
.select-menu button{
	width:100px;
	margin:0px auto;
	margin-top: 2px;
	margin-bottom:2px;
}

.sub2-menu.week-nav{
	margin-top:5px;
	font-size:150%;
	border:none;
	background:none;
}
.sub2-menu.week-nav button{
	width:40px;
	font-size:120%;
}
.reporting-day{
	padding:5px;
	font-size:150%;
	color:#555;
	font-weight:bold;
}
.reporting-status{
	margin:5px;
	font-size:150%;
	color:#555;
	font-weight:bold;
}
.reporting-status span{
	color: #C33;
}
/* Menus  ******************************************************************************/
.controls{
	padding:6px;
	padding-top:10px;
}
.controls button{
	width: 60px;
	padding:2px;
	background:#cad1dc99 !important;
	border:none;

}