@charset "utf-8";
/* CSS Document */

:root{
	--primary:#415a77;
	--secondary:#c3423f;
	
	--grey:#999;
	
	--fonth: futura-pt, sans-serif;
	--fontp: 'Nunito Sans',sans-serif;
	
	--info:;
	--success:;
	--danger:#dc3545;
	--warning:;
	
	--info-border:;
	--success-border:;
	--danger-border:#ba1d2c;
	--warning-border:;

	--sidebar-width:16em;
	--sidebar-slim-width:3em;
	
	--navbar-height:95px;
	
}

body{
	background-color:#f2f2f2;
	font-family:var(--fontp);
	font-weight:300;
	font-size:16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading{
	font-family:var(--fonth);
}

.control-label{
	font-size:85%;
	display:block;
}

.checkbox-toggle-wrapper input[type="checkbox"]{
	display:none;
}

.checkbox-toggle-wrapper label{
	display:flex;
	justify-content:center;
	align-items:center;
}

.checkbox-toggle-wrapper label:hover{
	cursor:pointer;
}


.checkbox-toggle-wrapper label:hover:before{
	color:var(--primary);
}

.checkbox-toggle-wrapper label:before{
	display:inline-block;
	margin-right:5px;
	font-family:"Font Awesome 5 Free";
	content:'\f204';
	color:var(--grey);
	font-weight:600;
	font-size:2em!important;
	transition:all .3s;
}

.checkbox-toggle-wrapper input[type="checkbox"]:checked+label:before{
	content:'\f205';
	color:var(--primary);
}

.alert{
	border-radus:none!important;
	border-top:0;
	border-bottom:0;
	border-right:0;
	border-left:8px solid #ccc;
	box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;
	text-align:left;
}

.alert.alert-danger{
	background-color:var(--danger);
	border-color:var(--danger-border);
	color:#fff;
}

.bg-primary{
	background-color:var(--primary)!important;
	color:#fff;
}

main#main{
	margin-left:var(--sidebar-width);
	transition: all .2s;
	min-height:85vh;
}

.sidebar.slim+main#main{
	margin-left:var(--sidebar-slim-width);
}

.sidebar{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	background-color:#f2f2f2;
	max-width:var(--sidebar-width);
	transition:all .3s;
	border-right:1px solid rgba(0,0,0,0.1);
}

.sidebar.slim{
	max-width:var(--sidebar-slim-width);
}

.sidebar .brand{
	padding:1em;
}

.sidebar .sep{
	padding:1em;
}

.sidebar .sep hr{
	margin:0!important;
}

.sidebar ul.site-nav,
.sidebar ul.site-nav li.nav-item ul.child-menu{
	margin:0;
	padding-left:0;
	list-style-type:none;
}

.sidebar ul.site-nav>li.nav-item{
	padding:0 1em;
	margin-bottom:.8em;
}

.sidebar ul.site-nav li.nav-item a.nav-link{
	padding:0.6em 1em;
	border-radius:.3em;
	font-family:var(--fontp);
	font-weight:600;
	font-size:1.2em;
	width:100%;
	text-align:left;
	color:var(--primary);
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

.sidebar ul.site-nav li.nav-item a.nav-link i{
	background-color:#fff;
	color:var(--primary);
	padding:.2em;
	border-radius:.4em;
	margin-right:1em;
	display:inline-block;
	box-shadow:0 0.25rem 0.375rem -0.0625rem rgba(20,20,20,0.12), 0 0.125rem 0.25rem -0.0625rem rgba(20,20,20,0.7) !important
}

.sidebar ul.site-nav li.nav-item.active a{
	background-color:#fff;
	box-shadow:0 20px 27px 0 rgba(0,0,0, 0.05);
	font-weight:600;
}

.sidebar ul.site-nav li.nav-item.active a.nav-link i{
	background-color:var(--primary);
	color:#fff;
}

.sidebar ul.site-nav li.nav-item .child-menu{
	display:none;
}

nav.navbar{
	max-height:var(--navbar-height);
}

.sidebar .brand{
	max-height:var(--navbar-height);
}

.breadcrumbs-wrapper .breadcrumbs{
	color:#fff!important;
	margin-bottom:0;
	list-style-type:none;
	display:flex;
	justify-content:flex-start;
}

.breadcrumbs-wrapper .breadcrumbs .item:after{
	content:'/';
	display:inline-block;
	margin:0 .25em;
	opacity:.8;
}

.breadcrumbs-wrapper .breadcrumbs .item:last-of-type:after{
	display:none;
}