.bootstrap-select{
    margin-bottom: 0;

   .btn {
		border: 1px solid var(--border);
		background-color: var(--card);
		font-weight:400;
		color: var(--text);
        font-size:0.875rem;
        line-height:1.5;
        height: 2.9rem;

        
		
		
       
       &:active,
       &:focus,
       &:hover {
			outline: none !important;
			outline-offset: 0;
			
       }
   }
    .dropdown-menu{
		border-color: var(--border) !important;
		box-shadow:$shadow;
		
		.dropdown-item{
			padding: 0.25rem 1rem;
		}
        
		
		
	}
    &.dashboard-select{
        width: auto!important;
        .dropdown-toggle{
            background-color: var(--rgba-primary-1)!important;
            color: var(--primary)!important;
            border: 0 !important;
            height: auto;
            &:after {
                margin-#{$dz-pos-left}: .5rem;
            }
        }
    }
   
}
.input-group > .bootstrap-select:not(:first-child) .dropdown-toggle{
    border-top-#{$dz-pos-left}-radius: 0;
    border-bottom-#{$dz-pos-left}-radius: 0;
}
.input-group > .bootstrap-select:not(:last-child) .dropdown-toggle{
    border-top-#{$dz-pos-right}-radius: 0;
    border-bottom-#{$dz-pos-right}-radius: 0;
}
.bootstrap-select .btn:active, .bootstrap-select .btn:focus, .bootstrap-select .btn:hover{
    background-color: var(--card);
    border-color:var(--border);
    color:var(--text);
}