// Large search box
.ms-srch-sbLarge{
	margin-bottom: 1em;

	& > input{
		width: calc(100% - 50px);
	}

	&-border{
		font-size: 16px;

		box-sizing: border-box;
		width: 100%;
		padding: 9px;
		padding-bottom: 7px;
		//padding-right: 10px;

		border: none;
		border-bottom: 2px $gray-50 solid;
		background-color: $gray;
		&:hover{
			border: none;
			border-bottom: 2px $red-dark solid;
			svg{
				//fill: $red-dark;
			}
		}
		#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox{
			padding-right: 6px;
		}
	}

	&-borderFocused{
		font-size: 16px;

		box-sizing: border-box;
		width: 100%;
		padding: 9px;
		padding-bottom: 7px;

		border: none;
		border-bottom: 2px $red solid;
		background-color: $gray;
		//padding-right: 10px;
		&:hover{
			border: none;
			border-bottom: 2px $red-dark solid;
		}
		#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox{
			padding-right: 6px;
		}
	}
}
.ms-srchnav{
	&-list{
	}
	&-item{
		font-family: $din-bold;
		h2{
			font-family: $din-bold;
		}
	}
}
.ms-srchnav-item.ms-verticalAlignTop{
	h2{
		font-family: $din-bold;
	}
}
#searchIcon{
	display: none;
}
.ms-srch-result-groups{
	font-size: 14px;
}
.ms-ref-refinername{
	font-family: $din-bold;
	color: $gray-333;
}
.ms-ref-ctrl{
	font-size: 14px;
}

#UpScopeLinkTop.ms-srch-upscope-top{
	display: block !important;

	width: auto !important;
	max-width: 500px;
	// background-color: lime;
}

.ms-searchCenter-main{
	.ms-srch-sbLarge{
		&.ms-srch-sb-border{
			width: 100% !important;
			&Focused,
			&:hover{
				width: 100% !important;
				svg{
					fill: $red-dark;
				}
			}
		}
	}
}

// Search Items
.ms-srch-item{
	// background-color: yellow;
	box-sizing: border-box;

	border-left: 2px $gray-search-border solid;
	margin-left: 0px;
	width: auto;
	&:hover{
		background-color: $gray;
	}
	&-title{
		font-size: 19px;
	}
	.ms-srch-item-path{
		width: auto;

		color: $gray-666;
	}
}

@media screen and (min-width: 0) and (max-width: 1024px){
	.ms-searchCenter-result-main{
	.ms-webpart-zone.ms-full-with{
		width: auto !important;
	}
	.ms-webpartzone-cell{
		margin-left: 0px;
		margin-right: 0px;
		min-width: 100% !important;
	}
	.ms-webpart-chrome-vertical{
		display: block;
	}
	.ms-webpart-cell-vertical{
		width: auto !important;
	}
	.ms-srch-sbLarge.ms-srch-sb-borderFocused,
	.ms-srch-sbLarge.ms-srch-sb-border{
		width: 100% !important;
	}
}
}

@media screen and (min-width: 0) and (max-width: 768px){
	.ms-srch-item{
		width: auto;
	}

	#UpScopeLinkBottom,
	#UpScopeLinkTop{

		width: auto !important;

		& div{

			display: block !important;
			padding-bottom: 0.5em;
			&:nth-child(2){
				display: none !important;
			}

		}

	}

	// Min-widTht
	.ms-srch-microblogitem #PostArea,
	.ms-srch-microblogitem,
	.ms-srch-microblogitem-outerContainer{
		min-width: 0;
		max-width: 100%;
	}
	.ms-srch-item{
		box-sizing: border-box;
		margin-left: 0;
		padding-right: 10px;
	}
	#Groups .ms-srch-hover-outerContainer{
		display: none !important;
		visibility: hidden !important;
	}
	.ms-srch-hover-innerContainer{
		display: none !important;
		visibility: hidden !important;
	}
	.ms-srch-hover-content{
		display: none;
	}
	.ms-srch-hover-arrowBorder{
		display: none;
	}
	.ms-srch-hover-arrow{
		display: none;
	}
	.ms-srch-item-summaryPreview{
		width: auto !important;
	}
	.ms-srch-item-previewContainer{
		float: left !important;

		width: 100%;
	}
	.ms-srch-microblogCommunityItem-body{
		display: block !important;

		width: auto !important;
		.ms-srch-item-body{
			display: block !important;
		}
	}
	.ms-srch-ellipsis{
		white-space: normal !important;
	}
	.ms-srch-item-path{
		width: auto !important;
		max-width: 100%;

		word-break: break-all;
	}

	.ms-srch-item{
		width: auto !important;
		max-width: 100%;

		word-break: normal;
	}

	.ms-srch-item-summary{
		word-break: break-word;
		white-space: normal;
	}


	.ms-srch-hover-outerContainer{
		display: none !important;
	}

	.ms-srchnav-item{
		box-sizing: border-box;
		width: 50%;
		&:nth-child(2n){
			padding-left: 20px;
		}
	}

	.ms-srch-result #ResultFooter li{
		display: block !important;

		box-sizing: border-box;
		width: 100%;
		min-height: 9mm;
		padding-left: 0 !important;
	}

	.ms-srch-item-metadataContainer{
		float: left !important;

		width: auto !important;
	}

	.srch-advancedtable{
		border: none !important;
		background-color: transparent !important;
		td{
			display: block;

			border: 0;
			&.ms-advsrchText-v1{
				font-weight: bold;

				text-align: left;
			}
			&.ms-advsrchText-v2box{
				font-size: 14px;

				height: auto;
				select{
					margin: .5em 0;
				}
			}
		}
	}
}
.ms-srch-hover-siteViewerContainer{
	border-width: 3px;
}
.strabag-refinement{
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 11px;

	border: 3px $gray solid;
	box-shadow: -3px 3px 0 0 $gray-drop-navi;
	.ms-ref-ctrl{
		display: none;
		margin-top: 11px;
		&.show{
			display: block;
		}
	}
}
@media screen and (min-widht: 0px) and (max-width: 480px){
.ms-srch-item-visualBestBet{
	width: 100%;
}
.ms-srch-bestBetItem{
	width: 100%;
}
}