/*------------------------------------*/
/*------------ FILTERS ---------------*/
/*------------------------------------*/
.filter{
	button{
	    background: $white;
	    color: #4D5968;
	    border-color: $light_gray;
	    width: 199px;
	    text-align: left;
	    padding: 1.15rem 0.8rem;
	    margin-top: -0.4rem;
	    font-size: 0.8rem;
	    font-weight: 300;
	    margin-left: 0.3rem !important;
    	&:hover, &:focus, &:active{
    		background: $white;
    		color: $blue;
    		border-color: $light_gray;
    		box-shadow: 0 0 1px 0 #D2DEED;
    	}
	}
	.dropdown-toggle{
		&:before {
		    content: '';
		    background: #E7EBF2;
		    width: 1px;
		    height: 100%;
		    position: absolute;
		    right: 39px;
		    top: 0;
		}
		&:after{
 		        position: absolute;
			    right: 15px;
			    border-top: 0.4em solid;
			    border-right: 0.4em solid transparent;
			    border-left: 0.4em solid transparent;
			    top: calc( 100% - 55% );
		}
	}	

}

@media (max-width: 1199px){ 
	.filter{
		.dropdown-toggle{
			width: 150px;
		}
	}
}
@media (max-width: 991px){
	.filter{
		.dropdown-toggle{
			width: 200px;
			margin-left: 0 !important;
			margin-right: 0.3rem;
		}
	}
}
@media (max-width: 767px){
	.filters{
		float: none !important;
	}
	.filter{
		.dropdown-toggle{
			width: 100%;
			margin-bottom: 1rem;		
			display: inline-block;
			margin-right: 0;
		}
		&.btn-group{
			width: 100%;
		}
	}
}
/*------------------------------------*/
/*------------ /FILTERS --------------*/
/*------------------------------------*/
/**/