body{
	/*background: #f4f4f4; */
	background:#ffffff;
}



/* nav bar */

.navbar{
	/*min-height: 50px !important; */
	margin-bottom:  0;
	margin-top: 4px;
	border-radius: 0;

}



/* form formating */
/*.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
} */

/* .custom-toggler.navbar-toggler {
  border-color: rgb(255,102,203) !important;
} */

.form-control:focus{border-color: #5cb85c;  box-shadow: none; -webkit-box-shadow: none;} 
.has-error .form-control:focus{box-shadow: none; -webkit-box-shadow: none;}

.navbar-nav >li >a, .navbar-brand{
	/*padding-top: 6px !important;*/
	/*padding-bottom: 0 !important;*/
	height: 60px; 
	color: #1f2833 !important;
}

.navbar-nav >li >a, .navbar-brand:hover,
.navbar-nav >li >a, .navbar-brand:focus{

		color: #008000;
}

.nav-link{
	margin-top: 10px;
}
.navbar-default{
	background-color: #e74c3c;
	border-color: #c0392b;
}

.navbar-default .navbar-brand{
	color: #ecf0f1;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{
	color: #ffbbbc;
}
.navbar-default .navbar-text{
	color:#ecf0f1;
}
.navbar-default .navbar-nav > li > a{
	color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
	color: #ffbbbc;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
	color: #ffbbbc;
	/*background-color: #c0392b; */
	background-color: #008000 !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
	color: #ffbbbc;
	background-color: #c0392b;
}
.navbar-default .navbar-toggle{
	/*border-color: #c0392b; */
	border-color: #008000 !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
	background-color: #c0392b;
}
.navbar-default .navbar-toggle .icon-bar{
	/*background-color: #ecf0f1; */
	background-color: color: #008000 !important;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form{
	border-color: #ecf0f1;
}
.navbar-default .navbar-link{
	color: #ecf0f1;
}
.navbar-default .navbar-link:hover{
	color: #ffbbbc;
}

/* Note we are using navbar-light; hence we customize to our color taste */

.navbar-light{
	background-color: #ffffff;
	border-color: #ffffff;
}

.navbar-light .navbar-brand{
	color: #ecf0f1;
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus{
	color: #810d0f;
}
.navbar-default .navbar-text{
	color:#ecf0f1;
}
.navbar-default .navbar-nav > li > a{
	color: #ecf0f1;
}
.navbar-light .navbar-nav > li > a:hover,
.navbar-light .navbar-nav > li > a:focus{
	color: #970f11;
	border-bottom: #008000;
}
.navbar-light .navbar-nav > .active > a,
.navbar-light .navbar-nav > .active > a:hover,
.navbar-light .navbar-nav > .active > a:focus{
	color: #ffbbbc;
	/*background-color: #c0392b; */
	border-bottom: 5px #970f11 !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
	color: #ffbbbc;
	background-color: #c0392b;
}
.navbar-default .navbar-toggle{
	/*border-color: #c0392b; */
	border-color: #008000 !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
	background-color: #c0392b;
}
.navbar-default .navbar-toggle .icon-bar{
	/*background-color: #ecf0f1; */
	background-color: color: #008000 !important;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form{
	border-color: #ecf0f1;
}
.navbar-light .navbar-link{
	color: #ecf0f1;
}
.navbar-default .navbar-link:hover{
	color: #ffbbbc;
}
/* navbar-light customization stops */


/* custom */

.main-color-bg{
	background-color: #e74c3c !important;
	border-color: #c0392b !important;
	color: #ffffff!important;
}






@media (max-width: 767px){
	.navbar-default .navbar-nav
}