#advanced-search{
	position: fixed;
	z-index: 9;
	padding: 10px;
	background: white;
	text-align: left;
	box-shadow: 0px 0px 10px;
	right: calc(15px + 100%);
	top: 190px;
	height: 50px;
	border-radius: 0 9px 0 0;
}

#advanced-search.toggled{
	right: 17px; 
	left: auto;
/* 	left: 0px; */
	height: auto;
	max-height: 95vh;
	top: 5vh;
	z-index: 999999;
}

#advanced-search h3{
    margin: 10px 0;
}
#advanced-search h4{
	margin: 0px;
	border-bottom: 1px solid lightgrey;
}

#search-fields-wrapper{
	max-height: 50vh;
	overflow-y: auto;
	width: 100%;
	max-width: 100%;
}

.toggled #search-fields-wrapper{
/*     padding: 0px 0 0px 0; */
}

.toggled #adv-search-toggle .alert-close{
	display: initial;
}

#adv-search-toggle{
	position: absolute;
	top: 0px;
	right: -65px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;   
	cursor: pointer;
    user-select: none;
    box-shadow: 0px 0px 10px;
    background: white;
	border-radius: 0 4px 4px 0;
}
.toggled #adv-search-toggle{
	height: auto;
	right: 0px;
}

#adv-search-toggle .alert-close,
.toggled #adv-search-toggle .arrow{
	display: none;
}

.arrow img{
	max-width: 20px;
}

#adv-search-toggle:hover{
	background: lightgrey;
}

#advanced-search .clarification{
	text-align: center;
	font-size: .8rem;
}

#advanced-search .button.reset{
	float: right;
    display: none;
}

#search-controls{
	padding-top: 10px;
}



/* content  */

#advanced-search input{
	max-width: 100%;
}

.drop-wrapper label{
	display: block;
}

.search-range>label{
	display: block;
}

.search-field-wrapper{

}

.search-field-wrapper:hover{

}

.search-field-wrapper:hover input,
.search-field-wrapper:hover select,
.search-field-wrapper.active input,
.search-field-wrapper.active select{
	background: pink;
}


.range-wrapper{
	font-size: .8rem;
	display: inline-block;
	padding: 5px;
}
.range-wrapper label{
		margin-right: 5px;
}

#advanced-search input[type='number']{
	border-left: 1px solid;
	display: inline-block;
	max-width: 100px;
    margin-right: 10px;
}

h3.blocked{
	padding: 50px 0;
	color: grey;
}

#num-next-courses{
	display: none;
}

@media screen and (max-width: 800px){
	#advanced-search.toggled{
		left: 10;
		max-height: 90vh;
		top: 10vh;
		border-radius: 10px;
	}
}