@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900&display=swap');
body{
	font-size:12px;
	font-weight:500;
	font-family: 'Work Sans', sans-serif;
	background:#f5f5f5;
}
.form-group>label{
	font-weight:600;
}
header{
	align-items:center;
	display:flex;
	overflow:hidden;
	background:#fff;
	border-bottom:1px solid #ddd;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	z-index:99;
}
.toggle-nav{cursor:pointer;}
header .logo{
	display:block;
	height:100%;
	padding:10px;
}
header .logo >img{
	height:100%;
	object-fit:contain;
	width:300px;
}
#wrapper a:hover{text-decoration:none;color:#e41515;} 
#wrapper a{color:#002690 ;text-decoration:none;transition:.15s;}
 
#wrapper a:not([href]):not([tabindex]){
	color:#002690;
	cursor:pointer;
	transition:.15s;
}
#wrapper a:not([href]):not([tabindex]):hover{
	color:#e41515;
}
nav#my_nav{
	background:#fff;
	color:#333;
	box-sizing:border-box;
	position:fixed;
	z-index:998;
	top:60px;
	right:0;
	min-width:800px;
	display:block;
	transition:left .5s;
	overflow-y:auto;
	box-shadow:1px 0px 2px #e6e6e6;
	font-size:14px;
	font-weight:400;
}
#my_nav ul{outline:0 !important;padding:0;margin:0;list-style:none;}
.no-border,.no-border th,.no-border td,.no-border tr{border:0 !important;}
#my_nav  a {text-decoration:none;color:inherit;cursor:pointer;}
#my_nav ul{width:100%;margin:0;display:none;padding-left:10px;}
#my_nav>ul>li>a{font-weight:700;}
#my_nav>ul{display:flex ;padding:0;}
#my_nav>ul>li{display:block;border-right:1px solid #eee;width:33.33%;	}
#my_nav>ul>li{color:inherit;outline:0;}
#my_nav>ul>li>ul{display:block ;padding:10px;}

#my_nav ul li.active {outline:0 !important;}
#my_nav ul li.active > a{outline:0;}
#my_nav ul li:hover> a {outline:0;}

#my_nav ul li span{display:block;padding:4px;outline:0;}
#my_nav li.active>a>span{outline:0;}
#my_nav li i.pull-right{font-size:10px;font-weight:500;color:#929292;}
body.collapse_nav>#my_nav >a{color:#904343;background-color:#fff;left:100%;}
body.collapse_nav>#my_nav{display:none;overflow:hidden;}
body.collapse_nav #wrapper,body.collapse_nav footer{width:100%;left:0;margin-left:0;}

body.collapse_nav .nav-backdrop{opacity:0;width:3px;}

#wrapper{width:100%;margin-top:60px;min-height:calc(100vh - 60px);position:relative;padding-bottom:50px;}

#wrapper footer{position:absolute;bottom:0;min-height:50px;width:100%;background:#fff;box-shadow: 0px -1px 1px #cecece;box-sizing:border-box;padding:15px 10px;font-weight:600;overflow:hidden;left:0;}
#wrapper footer a{text-decoration:none;}
.nav-backdrop{display:block;position:fixed;width:100%;height:100%;left:0;top:0;background:#0000001a;z-index:100;opacity:1;transition:opacity .5s;}
.box{margin:20px 10px;box-sizing:border-box;background:#fff;}
.box-header{padding: 10px;color:#333;background:#eee;display:flex;align-items:center;justify-content:space-between;}
.box-header>h3{margin:0;font-size:1em;font-weight:700;text-transform:uppercase;}
#wrapper .box-header a{color:#fff;background:orange;padding:2px 8px;font-size:12px;}
#wrapper .box-header a:hover{color:grey;background:#fff;}
.box-footer,.box-body{padding:10px;}
.box-footer{border-top:1px solid #eee;}

.form-control{border-radius:0;padding:2px;max-width:600px;}
input[type='email'].form-control,input[type='number'].form-control,input[type='password'].form-control,input[type='text'].form-control,select.form-control{
	height:22px;
}
.search{display:flex;background:#eee;padding:5px;align-items:flex-end;flex-wrap:wrap;margin-bottom:10px;}
.search>div{margin-right:5px;}
.search a.btn,.search button.btn{border:1px solid #2e9e5b;background:#4ec37d; color:#fff !important;}
.grp{border:1px solid #ddd;margin:5px;position:relative;width:calc(50% - 10px);}
.report{display:flex;flex-wrap:wrap;}
.report ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;margin:10px;}

.report ul li span{display:flex;align-items:center;justify-content:center;text-align:center;height:80px;width:150px;background:#fff;margin:5px;font-size:15px;border-top:3px solid #009688;overflow:hidden;padding:10px;box-shadow:1px 1px 4px #a0a0a0;color:#333;transition:.15s;}
.report .grp >strong{
	position:absolute;
	top:-10px;
	left:10px;
	background:#fff;
}
.report ul li span:hover{
	background:#009688;
	border-top:3px solid #fff;
	color:#fff;
}