#mainContainer.container {
    background-color: #F6F7F7;
}

.office-search__content {
	font-family: proxima-nova;
    width: 655px;
    margin: 0px auto;
}

.office-search .office-search__title-container {
	color: #272525;
	font-family: proxima-nova;
	font-size: 40px;
	font-weight: 300;
	line-height: 43px;
	text-align: center;
    position: relative;
    top: 10px;
}

.office-search__search-container {
    padding: 0 0 16px 0;
    width: 100%;
}

.office-search__input-search-container {
    width: 512px;
    display: inline-block;
    padding-right: 15px;
}

.office-search__input-search-container .zoom-searchTerm {
    position: relative;
    top: 41px;
    left: 6px;
    height: 16px;
    width: 16px;
}

.office-search__input-search-container .zoom-searchTerm.disabled ellipse#Oval,
.office-search__input-search-container .zoom-searchTerm.disabled path#Shape{
    stroke: #BBBCBC;
}

.office-search__input-search-container img.clear-searchTerm {
    position: relative;
    right: 1px;
    cursor: pointer;
    padding: 8px 5px;
    float: right;
    top: 33px;
}

.office-search__input-search-container img.clear-searchTerm.disabled {
    opacity: 0;
    cursor: auto;
}

.office-search__input-search-container input.input-searchTerm {
    height: 30px;
    width: 100%;
    border: 1px solid #63666A;
    background-color: #FFFFFF;
    display: inline-block;
    font-family: proxima-nova;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 20px 5px 25px;
}

.office-search__input-search-container input.input-searchTerm:focus {
	border-color:#000;
}

#searchText::-ms-clear {
    display: none;
} 

.office-search__button-search-container {
    width: 139px;
    display: inline-block;
}

.mobile.office-search__button-search-container {
	display: none;
	width: 100%;
	margin-top: 20px;
}

.office-search__button-search-container .button-searchTerm{
    color: #FFFFFF;
    font-family: proxima-nova;
    font-size: 14px;
    letter-spacing: 1.08px;
    line-height: 17px;
    text-align: center;
    border-radius: 3px;
    background-color: #272525;
    display: inline-block;
    padding: 9px 0px;
    width: 100%;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

.office-search__button-search-container .button-searchTerm.disabled{
    background-color: #BBBCBC;
    text-transform: uppercase;
    cursor: not-allowed;
}

.office-search__filters .filters-select{
    display: inline-block;
    position: relative;
}
.office-search__filters .filters-select:after{
    background-image: url(../../../../etc/designs/backOffice/libs/clientlibs/img/ChevronDown-black.svg);
    background-repeat: no-repeat;
    background-color: white;
    background-position: center;
    content: "";
    right: 7px;
    display: block;
    position: absolute;
    width: 15px;
    top: 50%;
    height: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    background-size: 12px 6px;
}
.office-search__filters .filters-select.language-filter{
    margin: 0 11px;
}
.office-search__filters select.searchComboBox {
    border: 1px solid #63666A;
    border-radius: 0px;
    background-color: #FFFFFF;
    font-family: proxima-nova;
    color: #272525;
    font-size: 14px;
    line-height: 22px;
    display:inline-block;
    background-image: none;
    padding: 5px 25px 5px 15px;
}
.office-search__filters select.searchComboBox:hover {
	border-color: #63666A;
    background-color: #FFFFFF;
}
.office-search__filters select.searchComboBox:focus {
    outline: none;
}
.office-search__content.disabled .office-search__filters .filters-select:after{
	background-image: url(../../../../etc/designs/backOffice/libs/clientlibs/img/ChevronDown-grey.svg);
}
.office-search__content.disabled .office-search__filters select.searchComboBox,
.office-search__content.disabled .office-search__search-container input.input-searchTerm {
	border-color: #BBBCBC;
	color: #BBBCBC;
}

select#idCountryFilter{
	width: 180px;
}

select#idLanguageFilter{
	width: 175px;
}

select#idCategoryFilter{
	width: 270px;
}

div.office-search__error-container {
	
    padding: .75rem 0rem;
	height:auto;
	opacity: 1;
	color: #B00000;
	font-size: 16px;	
	font-weight: 300;	
	line-height: 18px;
	margin: 1.5rem 0rem;
	-webkit-transition: opacity 0.2s, padding 0.5s, margin 0.5s;
	-o-transition: opacity 0.2s, padding 0.5s, margin 0.5s;
	-moz-transition: opacity 0.2s, padding 0.5s, margin 0.5s;
	-ms-transition:  opacity 0.2s, padding 0.5s, margin 0.5s;
	transition:  opacity 0.2s, padding 0.5s, margin 0.5s;
}

div.office-search__error-container.hides {
	opacity: 0;
	height: 0px;
	padding: 0px;
	margin:0px;
}

.office-search__loading-container {
    text-align: center;
    margin: 15px 0px;
}

.office-search__loading-container img {
    width: 60px;
}

.office-search__extra-content {
	width: 95%;
	margin: 0px auto;
}
	
.office-search__extra-content .title-container {
   width: 100%;
   text-align: center;
   display: block;
   height: 50px;
}

.office-search__extra-content .title-container .title {
   color: #272525;
   font-family: proxima-nova;
   font-size: 16px;
   font-weight: 600;
   line-height: 24px;
   position: relative;
   background-color: #F6F7F7;
   padding: 0px 15px;
   bottom: -15px;
}
.office-search__extra-content .title-container .line {
   box-sizing: border-box;
   height: 2px;
   width: 100%;
   border: 1px solid #DEDEDE;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.73em;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 10rem;
    font-family:proxima-nova;
    color: #fff;
    background-color: #343a40;
}

.office-search__results-container {
    font-family: proxima-nova;
    width: 655px;
    margin: 0px auto;
    padding-top: 20px;
}

.office-search__results-container .title-container .title {
    padding: 0px 30px;
    font-size: 16px;
}

.results__list-container ul{
	padding-bottom: 20px;
}

.results__list-container li.result-item a{
    background-color: white;
    margin-bottom:10px;
    padding: 25px 20px;
    cursor:pointer;
    display: block;
}

.results__list-container li.result-item a:hover,
.results__list-container li.result-item a:focus{
	text-decoration: none;
	outline: 0;
}

.results__list-container li.result-item span.document__title {
    color: #272525;		
    font-size: 16px;	
    font-weight: 600;	
    line-height: 18px;
    word-wrap: break-word;
}

.results__list-container li.result-item span.document__type {
    color: #272525;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 14px;
    margin-left: 3px;
    vertical-align: text-top;
}


.results__list-container li.result-item .document__content{
    display:flex;
    margin-top:10px;
    flex-direction: row;
    flex-flow: nowrap;
}

.results__list-container li.result-item .document__img-container{
    margin-right: 10px;
}

.results__list-container li.result-item .document__img-container img {
    height: 55px;
    width: 55px;
    border: 1px solid #979797;
    background-color: #FFE0F9;
    margin-top: 3px;
}

.results__list-container li.result-item .document__desc-container {
   max-height: 60px;
   overflow-y: hidden;
}

.results__list-container li.result-item span.document__desc {
    color: #272525;	
    font-size: 14px;	
    line-height: 18px;
}

.results__list-container .results__load-more-container{
    display: inline-block;
    text-align:center;
    width:100%;
    margin-bottom: 25px;
}

.results__list-container .results__load-more-container img {
    width: 26px;
    display: block;
    margin: 0px auto;
    padding-bottom: 15px;
}
.results__list-container .results__load-more-container span{
    color: #646464;
    font-size: 14px;
    line-height: 18px;
}

.office-search__results-container .office-search__empty-results {
    text-align: center;
    margin: 0px auto;
    padding: 30px 0px;
}

.office-search__empty-results .empty-results__container {
    display: inline-block;
}

.office-search__empty-results .empty-results__container img{
    margin: 0px auto 15px auto;
}

.office-search__empty-results span{
    display: block;
    color: #272525;
    font-size: 14px;	
    line-height: 18px;
    width: 210px;
    margin: 0 auto;
    padding-bottom: 15px;
}

.office-search__empty-results .empty-results__container span.noneResults{
    font-size: 22px;
    line-height: 27px;
    width: 263px;
}

.office-search .office-search__back-container a.back-search {
    color: #272525;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-left: 50px;
    padding-top: 20px;
    display: block;
}

.office-search .office-search__back-container a img.backLink {
    height: 12px;
    margin-right: 5px;
    vertical-align: baseline;
}

.office-search .office-search__back-container .back-dashboard a,
.office-search .office-search__back-container .back-dashboard span{
	font-size: 13px;
	line-height: 16px;
    padding-top: 23px;
    display: inline-block;
    color: #63666A;
}

.office-search .office-search__back-container .back-dashboard a{
	margin-left: 50px;
	cursor: pointer;
}

.office-search .office-search__back-container .back-dashboard span.office-search__breadcrum-title{
	color: #332F20;
	font-weight: 600;
}

.office-search .office-search__back-container .back-dashboard span.office-search__breadcrum-separator{
	padding: 23px 9px 0px;
}

@media only screen and (max-width: 768px){
	.office-search__input-search-container input.input-searchTerm {
    	height: 45px;
    	min-height: 45px;
    	font-size:16px;
   	    padding: 5px 30px 5px 40px;
    }
    .office-search__input-search-container .zoom-searchTerm {
        top: 44px;
    	left: 15px;
	    height: 20px;
	    width: 20px;
	}
	.office-search__input-search-container img.clear-searchTerm {
	    right: 5px;
	    top: 38px;
	}
	.office-search__button-search-container .button-searchTerm {
		height: 45px;
   	    font-size: 16px;
       	padding: 15px 0px;
	}
	.office-search__filters select.searchComboBox {
	    font-size: 16px;
	    height: 45px;
	    min-height: 45px;
	}
	.office-search .office-search__title-container {
		font-size: 22px;
	    line-height: 27px;
		text-align: left;
		top: 15px;
	}
	.office-search__content {
		padding-top: 0px;
	}
	
	.office-search__search-container {
	    padding: 0 0 20px 0;
	}
	
	.office-search .office-search__back-container{
	    width: 655px;
    	margin: 0px auto;
	}
	.office-search .office-search__back-container a.back-search,
	.office-search .office-search__back-container .back-dashboard a{
		margin-left: 0px;
	}
}

@media only screen and (max-width: 690px){
	.office-search__content {
		width: 593px;
	}
	.office-search__input-search-container {
		width: 450px;
	}
	
	select#idCountryFilter{
		width: 170px;
	}
    
    .office-search__filters .filters-select.language-filter{
        margin: 0 11px;
    }

	select#idLanguageFilter{
		width: 150px;
	}
	
	select#idCategoryFilter{
		width: 243px;
	}
	.office-search__extra-content {
		width: 593px;
	}
	
	.office-search__results-container {
		width: 100%;
	}
	.office-search .office-search__back-container{
	    width: 593px;
	}
}

@media only screen and (max-width: 610px){
	.office-search__content {
		width: 370px;
	}
	.office-search__input-search-container {
		padding-right: 0px;
		width: 370px;
	}
	.office-search__button-search-container {
		display: none;
	}
	
	select#idCountryFilter{
		width: 195px;
	}
    
    .office-search__filters .filters-select.language-filter{
        margin: 0px 0 20px 11px;
    }

	select#idLanguageFilter{
		width: 160px;
	}
	
	select#idCategoryFilter{
		width: 100%;
	}

	.mobile.office-search__button-search-container {
		display: block;
	}
	
	.office-search__extra-content {
		width: 370px;
	}
	
	.office-search .office-search__back-container{
	    width: 370px;
	}
}
@media only screen and (max-width: 390px){
	.office-search__content {
		width: 95%;
	}
	.office-search__input-search-container {
		padding-right: 0px;
		width: 100%;
	}
	
	select#idCountryFilter{
		width: 100%;
	}
    
    .office-search__filters .filters-select.language-filter{
		margin: 20px 0;
    }

	select#idLanguageFilter{
		width: 100%;
	}
	
	select#idCategoryFilter{
		width: 100%;
	}
	
	.office-search__extra-content {
		width: 95%;
	}
	
	.office-search .office-search__back-container{
	    width: 95%;
	}
	
}