#search-box {
	display: flex;
	margin-bottom: 20px;
	margin-top: 150px;
	background: #333333cc;
	padding: 15px 15px 20px 20px;
	border-radius: 5px;
}

div#all-box, div#manuscripts-box, div#archives-box, div#cdm-box {
	padding-top: 9px;	
}

div#all-box, div#manuscripts-box, div#archives-box, div#cdm-box {
	width: 100%;
	margin-left: -2px;

}

.ui.selection.dropdown {
	height: 39px;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-top-left-radius: 0.28571429rem;
	border-bottom-left-radius: 0.28571429rem;
	padding: 0.8em 2.1em 0 1em !important;
}
.ui.input {
	width: 85%;
	padding: 1px;
}
.ui.input > input{
	font-family: Arial, sans-serif !important;
}

.ui.button {
	width: 13%;
	min-width: 95px;
	margin-left: -5px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	height: 53px !important;
	font-family: Arial, sans-serif !important;
	background-color: #003366 !important;
	color: #fff !important;
}

.ui.button:hover{
	background-color: #01426A !important;
}

.searchField {
	height: 30px;
	border-radius: 0 !important;
	font-size: 15px;
}

#search-categories {
	padding-top: 0.64rem;
}

#current-selection {
	padding-left: 10px;
	margin-top: 2px;
	font-size: 15px;
}

.dropdown.icon {
	top: 1.4em !important;
}

.item.active.selected {
	border-left: 5px solid #01426a !important;
}

@media screen and (max-width: 980px){
	.ui.dropdown{
		border-radius: 0 !important;
	}
}


@media screen and (max-width:955px){
	j.dropdown.icon{
		display: block;
	}
}

@media screen and (max-width:753px){
	.ui.button{
		margin-top: 15px !important;
		margin-left: 2px !important;
		width: 140px;
		border-radius: 0 !important;
	}

	.ui.input{
		width: 100%;
	}

	.ui.dropdown{
		border-radius: 0 !important;
	}
}

@media screen and (max-width: 700px){
	#search-box {
		margin-top: 50px;
		background: #444;
		padding: 15px;
		border-radius: 5px;
	}

}