:root{
	--main-color:#02316a;
}

.font-18{
	font-size: 18px;
}
.font-16{
	font-size: 16px;
}
.login-form form {        
	margin-bottom: 15px;
	background: #f7f7f7;
	padding: 30px;
}
.input-group-addon .fa {
	font-size: 18px;
}
.btn-blue{
	background-color: var(--main-color);
	color:#ffffff;
}
.navbar-toggler {
	padding: 0;
	border: 0;
}
.btn-blue:hover{
	background-color: var(--main-color);
	color: #ffffff;
}
.form-control:focus {
	border-color: var(--main-color);
	outline: 0;
	box-shadow: 0 0 0 .2rem var(--main-color);
}
.custom-control-input:checked~.custom-control-label::before {
	color: var(--main-color);
	border-color: var(--main-color);
	background-color: var(--main-color);
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
	color: #fff;
	background-color: var(--main-color);
	border-color: var(--main-color);
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
	border-color: var(--main-color);
}
.custom-control-input:focus~.custom-control-label::before {
	box-shadow: 0 0 0 .2rem var(--main-color);
}
.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem var(--main-color);
}
.custom-select:focus {
	border-color: var(--main-color);
	outline: 0;
	box-shadow: 0 0 0 .2rem var(--main-color);
}
a.greenLink {
	color: #52b580;
	text-decoration: none;
	background-color: transparent;
}
hr{
	border: 1px solid #eee ;	
}

.navbar-header .navbar-brand{
	color: #ffffff;
}
.navbar-header .navbar-brand img{
	margin-top: -12px;
}
/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: 655px;}

/* Set gray background color and 100% height */
.sidenav {
	background-color: #f1f1f1;
	height: 100%;
}
.sidenav .nav li a{
	color:#52b580;
	font-size: 18px;
}
.sidenav .nav li a span{
	padding-right: 15px;	
}
.main-color{
	color: var(--main-color);
}
.collapse{
	background-color: #f7f7f7;
}
.collapse .nav li a{
	color: #999999;
}
.collapse .nav li a span{
	padding-right: 10px;	
}
.toast{
	border: 1px solid #eee;
	border-radius: 5px;
	padding:15px;
	box-shadow: 0px 3px 5px #eee;
}
.bg{
	height: 100px;
	background-color: #52b580;
	color: #ffffff;
	margin-top: -50px;
	padding:35px;
}

/* On small screens, set height to 'auto' for the grid */
@media (max-width:550px) and (max-width: 767px) {
	
	.row.content {height: auto;} 

}
@media (max-width:550px) and (min-width:450px)
{
	
}