/*header*/
.custom-header .container-fluid {
padding: 0;
}
.custom-header .navbar {
margin-bottom: 0;
}
.custom-header .navbar-default {
background-color: white;
border: none;
border-bottom: 1px solid var(--nsu-blue);
border-radius: 0;
}
.custom-header .navbar-default .navbar-toggle {
border: none;
}
.custom-header .navbar-default .navbar-toggle .icon-bar {
background-color: var(--nsu-blue);
}
.custom-header .navbar-default .navbar-toggle:focus .icon-bar, 
.custom-header .navbar-default .navbar-toggle:hover .icon-bar{
background-color: var(--nsu-blue);
}
@media (min-width: 768px) {
    .custom-header {
	margin-bottom: 0;
	}
}
/*header top*/
/*logo*/
.custom-header .navbar-brand {
height: auto;
display: flex;
padding: 20px;
align-items: flex-start;
flex-direction: column;
}
.custom-header .navbar-brand img {
padding: 0;
}
.custom-header .navbar-brand span{
padding: 10px 0 5px;
}
.header-lib-name {
color: var(--nsu-blue);
}
/*header top links*/
.custom-header .navbar-right-content>a {
display: block;
}
.header-link-back {
position: relative;
padding-left: 28px;
}
.header-link-back:before {
content: url(https://d2jv02qf7xgjwx.cloudfront.net/sites/25899/include/icon-back-circle-blue.svg);
position: absolute;
left: 0;
top: 4px;
}
#st-account, #sm-account {
display: none;
}
@media (max-width: 991px){
	.nova-header-top .navbar-header {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	}
	.lib-ask {
	display: block;
	margin-top: 20px;
	}
}

@media (min-width: 992px) {
    .custom-header .navbar-header {
	flex: 1;
	}
	.top-buttons > a.header-account {
	background-color: var(--dk-blue);
	color: white;
	border-color: var(--dk-blue);
	}
	
	.custom-header .navbar-header {
	padding-top: 35px;
	}
	.nova-header-top {
	display: flex;
	justify-content: space-between;
	}
	#nav-top {
	margin-bottom: 20px;
	}
	.nova-header-top .navbar-right {
	float: none !important;
	height: 100%;
	}
	.navbar-top-content {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: flex-end;
	height: 100%;
	
	}
	.top-buttons > a.header-btn{
	text-transform: uppercase;
	font-weight: 600;
	margin-left: 10px;
	border: 2px solid;
	padding: 15px 20px;
	text-decoration: none;
	}
	.top-buttons > a.header-give {
	color: var(--nsu-blue);
	border-color: var(--nsu-blue);
	}
	.top-buttons > a.header-card {
	background-color: var(--nsu-blue);
	color: white;
	border-color: var(--nsu-blue);
	}
	.top-buttons > a.header-login {
	background-color: var(--dk-blue);
	color: white;
	border-color: var(--dk-blue);
	}
	.top-buttons > a.header-btn:hover {
	background-color: var(--mid-blue);
	border-color: var(--mid-blue);
	color: white;
	}
}

/*navbar*/
#nav-bottom {
color: white;
background-color: var(--nsu-blue);
}
#nav-bottom .navbar-nav>li>a,
#nav-bottom .navbar-nav>li>a:hover,
#nav-bottom .navbar-nav>li>a:active,
#nav-bottom .navbar-nav>li>a:focus {
color: white;
font-weight: 600;
}
#nav-bottom .navbar-nav>.open>a, 
#nav-bottom .navbar-nav>.open>a:focus, 
#nav-bottom .navbar-nav>.open>a:hover {
background-color: var(--dk-blue);
}
.navbar .mega-dropdown {
position: static !important;
}
.navbar .mega-dropdown .dropdown-menu {
background-color: var(--dk-blue);
border-color: var(--dk-blue);
width: 100%;
border-radius: 0;
}
.navbar .mega-dropdown .dropdown-menu a {
color: white;
font-size: 15px;
position: relative;
padding-left: 20px;
}
.navbar .mega-dropdown .dropdown-items a:before {
color: var(--mid-gray);
font-family: FontAwesome;
content: '\f054';
margin-right: 6px;
font-size: 11px;
}
.navbar .mega-dropdown .dropdown-menu a:hover {
background-color: transparent;
}
.mega-dropdown .dropdown-items {
list-style: none;
}
.mega-dropdown .dropdown-items li {
margin-bottom: 10px;
}
.mega-dropdown .dropdown-items a {
text-decoration: none;
font-weight: 600;
}
.nav-indent {
margin-left: 30px;
}
.mobile-give,
.mobile-card,
.mobile-login {
text-align: center;
background-color: var(--mid-blue);
margin: 10px 0;
}
.mobile-account {
text-align: center;
background-color: var(--mid-blue);
margin: 10px 0;
}
 a.mobile-link-back {
text-align: center;
}
@media (max-width: 991px) {
#nav-bottom li.dropdown.mega-dropdown>a{
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px;
}
li.dropdown.mega-dropdown {
border-bottom: 1px solid #6caae4;
}
}
@media (min-width: 992px) {
	#nav-bottom .navbar-nav {
	float: none;
	display: flex;
	justify-content: center;
	}
	.navbar .mega-dropdown .dropdown-menu {
	padding: 30px 0;
	border-bottom: 5px solid var(--nsu-blue);
	}
	.mega-dropdown .dropdown-items.container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 290px;
	}
}
/*search bar*/
.header-search {
background-color: var(--dk-blue);
padding: 10px;
}
[x-cloak] {
display: none; 
}
#names {
height: 200px;
overflow: auto;
}
#names a,
#database_subjects a {
color: white;
}
#names>div,
#database_subjects>div {
float: right;
padding-right: 15px;
}
#database_subjects {
height: 200px;
overflow: auto;
}
.search-form {
border: none;
display: flex;
}
.search-form select {
flex: 1 1 20%;
color: var(--nsu-blue);
background-color: #dbdbdb;
border: none;
height: auto;
border-radius: 4px 0 0 4px;
padding: 16px;
text-align: center;
}
.search-form input {
flex: 1 1 70%;
border: none;
padding: 16px;
color: var(--dk-gray);
}
.search-form button {
border: none;
background-color: white;
color: var(--nsu-blue);
border-radius: 0 4px 4px 0;
padding: 16px;
flex: 1 1 60px;
}
.search-form button.deactivated {
color: #ccc;
}
.search-form button {
color: var(--nsu-blue);
}
.search-form button.activated {
color: #ccc;
}
@media (max-width: 767px){
	.search-form {
	flex-wrap: wrap;
	}
	.search-form select  {
	border-radius: 4px;
	}
	.search-form input {
	border-radius: 4px 0 0 4px;
	}
}
@media (min-width: 768px){
	.search-form {
	border-radius: 4px;
	box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.11);
	-webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.11);
	-moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.11);
	}
	.custom-header {
	margin-bottom: 60px; 
	}
}
/*change collapse breakpoint*/
@media (max-width: 991px) {
	.custom-header .navbar-header {
		  float: none;
	  }
	.custom-header .navbar-left, .custom-header.navbar-right {
		  float: none !important;
	  }
	.custom-header  .navbar-toggle {
		  display: block;
	  }
	 .custom-header .navbar-collapse {
		  border-top: 1px solid transparent;
		  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	  }
	
	.custom-header  .navbar-collapse.collapse {
		  display: none!important;
	  }
	.custom-header  .navbar-nav {
		  float: none!important;
		  margin-top: 7.5px;
	  }
	.custom-header  .navbar-nav>li {
		  float: none;
	  }
	.custom-header  .navbar-nav>li>a {
		  padding-top: 10px;
		  padding-bottom: 10px;
	  }
	.custom-header  .collapse.in{
		  display:block !important;
	  }
	#nav-bottom {
	background-color: var(--dk-blue);
	}
}