.dropdown-toggle:focus {
    box-shadow: none!important;
  }

  .dropdown-outline{
      border: .1rem solid var(--primary);
  }

.dropdown-menu{
	font-size: inherit;
	border: 0;
	z-index: 2;
	overflow:hidden;
	border-radius:$radius;
	box-shadow: 0 0 3.125rem 0 rgba(82, 63, 105, 0.15);
	margin-top:0;
	background-color: var(--card);
	animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
	animation-duration: 0.4s;
	animation-fill-mode: both;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-fill-mode: both;
	&.show{
		#{$ic-pos-right}: 0;
		#{$ic-pos-left}: auto;
	}
	
	.dropdown-item{
		font-size: 0.9rem;
		color:var(--text);
		padding: 0.5rem 1.75rem;
		text-align: #{$ic-pos-left};
	
		
		@include respond('laptop') {
			padding: 0.375rem 1rem;
			font-size: 0.875rem;
		}
		&:hover,
		&:focus,
		&:active,
		&.active{
			color: #514e5f;
		}
		&.active, 
		&:active{
			color: var(--primary);
			background:var(--rgba-primary-1);
		}
	}
	
	
	&.show{
		#{$ic-pos-right}: 0;
	}
}

@keyframes fadeInUp {
	from {
	  transform: translate3d(0, 100px, 0);
	}
	to {
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
  }
  @keyframes fadeInDown {
	from {
	  transform: translate3d(0, 0, 0);
	  opacity: 1;
	}
	to {
	  transform: translate3d(0, 70px, 0);
	  opacity: 0;
	}
}

////////////////////
// Custom Dropdown
///////////////////
.dropdown-toggle-split {
    padding: 0 0.625rem;
    opacity: 0.85;
	&:after{
		margin-#{$ic-pos-left}:0 !important;
	}
	&:active,
	&:focus,
	&:hover{
		opacity:1;
	}
}

.dropright .dropdown-toggle::after {
	content:none;
}
.custom-dropdown{
    display: inline-block;
   margin-bottom: 1rem;

    .dropdown-menu{
        border: 0rem;
        min-width: 10rem;
		
    }
}
.card-action{
    .custom-dropdown{
        margin: 0rem;
        background: var(--rgba-primary-1);
        &.show,&:focus,&:hover{
            background: var(--primary);
            color: $white;
        }

        i{
            display: inline-block;
            padding-top: 0.5625rem;
        }
    }
}

.dropdown{
	.dropdown-dots{
		position: relative;
		height: 0.3125rem;
		width: 0.3125rem;
		background: rgba($dark, 0.4);
		border-radius: 0.3125rem;
		display: block;	
		&:after,
		&:before{
			content: "";
			height: 0.3125rem;
			width: 0.3125rem;
			background: rgba($dark, 0.4);
			position: absolute;
			border-radius: 0.3125rem;
		}
		&:after{
			#{$ic-pos-right}: -0.5rem;
		}
		&:before{
			#{$ic-pos-left}: -0.5rem;			
		}
		
		&.text-white{
			background: rgba($white, 0.7);
			&:after,
			&:before{
				background: rgba($white, 0.7);				
			}
		}
	}
}
.btn-group{
	&.dropend{
		.dropdown-menu{
			z-index: 6;
		}
	}
} 
.bootstrap-select .btn{
	line-height: 2;
}