/*#mainnavbar{
    background-color:#409d26;
    border-bottom:0px;
    /*box-shadow: 0 0 20px rgba(150, 150, 150, 1);
    z-index: 10;* /
}*/

/*overrule default bootstrap css settings*/

.navbar{
    background-color: var(--main-dark-color);
    border-bottom:0px;
    opacity: 0.96;
    box-shadow: 0 0 20px rgba(150, 150, 150, 1);
    /*z-index: 10;

    /*text*/
	color: var(--navbar-main-text-color); /*#464646;*/
}

.navbar-img{
	display: inline-block;
	vertical-align: middle;
	height: 44px;
	width: auto;
	/*max-height: 100%;*/
	/*max-width: 100%;*/
}
.navbar-brand{
	padding: 3px;
	overflow: auto;
}
.navbar-title{
	text-align: center;
	padding: 5px;
	overflow: auto;
}
.navbar-text{
	/*float: right;*/
	height: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0;
}
.img-circle{
	width: 32px;
	height: 32px;
	margin-top: -15px;
	margin-bottom: -15px;
}
.navbar-nav>li>a{
	height: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0;
}

.navbar-default .navbar-nav>.open>a{
	background-color: var(--navbar-dropdown-color);
}
.navbar-form{
	border: 0px;
}

.dropdown-menu{
	padding: 0px;
	min-width: 250px;
}
.input-group{
    color: var(--navbar-dropdown-text-color);
    margin-bottom: 5px;
    min-width: 150px;
    width: 100%;
}
.input-group-comment{
	margin-left: 40px;
}
/*this is the point that the navbar menu button is extrected over the horizontal bar*/
@media (min-width: 768px) {
/*	.navbar-default{
		padding-left: 5px;
		padding-right: 15px;
	}*/
	.navbar-collapse{
		background-color: var(--main-dark-color);
		/*border-bottom:0px;*/
	}
	.navbar-default .navbar-nav>li>a { /*text color in extracted menu*/
		color: var(--navbar-main-text-color);
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>p{
		padding-left: 20px;
		padding-right: 20px;
	}
	.navbar-default .navbar-text { /*text color in extracted menu*/
		color: var(--navbar-main-text-color);
	}
	/*pull navbar text to right*/
	.navbar-nav{
		float: right!important;
	}
	.navbar-collapse .dropdown-toggle{
		background-color:var(--navbar-dropdown2-color);
		/*background-color:var(--navbar-main-text-color);*/
	}
	.dropdown-menu{
		background-color:var(--navbar-dropdown2-color);
		/*background-color:var(--navbar-main-text-color);*/
	}
	.dropdown-menu>li{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-even{
		background-color: var(--navbar-main-text-color);
		/*opacity: 0.3;*/
	}
}
/*navbar collapsed*/
@media (max-width: 767px) {
/*	.navbar-default{
		padding-left: 5px;
		padding-right: 5px;
	}*/
	.navbar-collapse{
		background-color: var(--navbar-dropdown-color);
		/*border-bottom:0px;*/
	}	
	.navbar-default .navbar-nav>li>a {	/*text color in compressed menu*/
		color: var(--navbar-dropdown-text-color);
	}
	.navbar-default .navbar-text {	/*text color in compressed menu*/
		color: var(--navbar-dropdown-text-color);
	}
	.navbar-default .navbar-nav>li>a{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-default .navbar-nav>.open>a{
		/*height: 50px;*/
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
		background-color: var(--main-dark-color);
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 50px;
		color: var(--navbar-dropdown-text-color);
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>p{
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 50px;
		padding-right: 50px;
		color: var(--navbar-dropdown-text-color);
	}
	.navbar-nav .open .dropdown-menu{
		border-bottom: 1px;
		border-color: var(--main-dark-color);
		background-color: var(--navbar-dropdown2-color);
		box-shadow: 0 0 10px rgba(150, 150, 150, 1);
	}
	.dropdown-menu>li{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-even{
		background-color: var(--navbar-dropdown3-color);
	}
}


.dropdown-menu {
	left: auto;
	right: 0px;
}

/*Navbar menu button styling behavior*/
	/*menu button styling compressed*/
	.navbar-default .navbar-toggle .icon-bar {
		background-color: var(--navbar-dropdown-text-color);
	}
	.navbar-default .navbar-toggle{
		border-color: var(--navbar-dropdown-text-color);
	}
	/*menu button styling collapsed*/
	.navbar-default .navbar-toggle.collapsed .icon-bar {
		background-color: var(--navbar-main-text-color);
	}
	.navbar-default .navbar-toggle.collapsed {
		border-color: var(--navbar-dropdown-text-color);
	}
	/*menu button styling when hover or focus, always transparant*/
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
		background-color: transparent;
	}