/* DROPDOWNS */
.dropdown-menu {
    border-color: #e4e9f0;
    top: 115%;
    padding: 0.61rem 0;
    box-shadow: 0 10px 35px -5px rgba(0, 0, 0, 0.15);
}

.dropdown-menu .dropdown-icon {
    margin-right: 0.75rem;
}

.dropdown-menu .dropdown-divider {
    background-color: #e4e9f0;
}

.dropdown-menu .dropdown-header {
    padding: 0.53rem 1.15rem;
    color: #615d7c;
    font-size: 1.07rem;
    font-weight: 600;
}

.dropdown-menu .dropdown-item {
    color: #74708d;
    background: none;
    padding: 0.23rem 1.15rem;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.dropdown-menu .dropdown-item a {
    color: #74708d;
}

.dropdown-menu .dropdown-item a:hover, .dropdown-menu .dropdown-item a:active {
    background: none;
    color: #08f;
}

.dropdown-menu .dropdown-item.disabled {
    cursor: not-allowed;
    color: #e4e9f0 !important;
}

.dropdown-menu .dropdown-item.disabled a {
    color: #e4e9f0 !important;
    cursor: not-allowed;
}

.dropdown-menu .dropdown-item.active {
    background: #eef0f4 !important;
}

.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus {
    background: none;
    color: #08f;
}

.dropdown-animate {
    overflow: hidden;
}

.dropdown-animate > .dropdown-item,
.dropdown-animate .dropdown-header {
    -webkit-animation-name: dropdown-slide-left;
            animation-name: dropdown-slide-left;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.dropdown-animate > .dropdown-item:nth-child(1),
.dropdown-animate .dropdown-header:nth-child(1) {
    -webkit-animation-delay: 0.02s;
            animation-delay: 0.02s;
}

.dropdown-animate > .dropdown-item:nth-child(2),
.dropdown-animate .dropdown-header:nth-child(2) {
    -webkit-animation-delay: 0.04s;
            animation-delay: 0.04s;
}

.dropdown-animate > .dropdown-item:nth-child(3),
.dropdown-animate .dropdown-header:nth-child(3) {
    -webkit-animation-delay: 0.06s;
            animation-delay: 0.06s;
}

.dropdown-animate > .dropdown-item:nth-child(4),
.dropdown-animate .dropdown-header:nth-child(4) {
    -webkit-animation-delay: 0.08s;
            animation-delay: 0.08s;
}

.dropdown-animate > .dropdown-item:nth-child(5),
.dropdown-animate .dropdown-header:nth-child(5) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
}

.dropdown-animate > .dropdown-item:nth-child(6),
.dropdown-animate .dropdown-header:nth-child(6) {
    -webkit-animation-delay: 0.12s;
            animation-delay: 0.12s;
}

.dropdown-animate > .dropdown-item:nth-child(7),
.dropdown-animate .dropdown-header:nth-child(7) {
    -webkit-animation-delay: 0.14s;
            animation-delay: 0.14s;
}

.dropdown-animate > .dropdown-item:nth-child(8),
.dropdown-animate .dropdown-header:nth-child(8) {
    -webkit-animation-delay: 0.16s;
            animation-delay: 0.16s;
}

.dropdown-animate > .dropdown-item:nth-child(9),
.dropdown-animate .dropdown-header:nth-child(9) {
    -webkit-animation-delay: 0.18s;
            animation-delay: 0.18s;
}

.dropdown-animate > .dropdown-item:nth-child(10),
.dropdown-animate .dropdown-header:nth-child(10) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
}

.open > .dropdown-menu {
    -webkit-animation-name: dropdown-slide-bottom;
            animation-name: dropdown-slide-bottom;
    -webkit-animation-duration: 0.15s;
            animation-duration: 0.15s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-delay: 0.01s;
            animation-delay: 0.01s;
    display: block;
}

.dropdown .dropdown-toggle {
    position: relative;
}

.dropdown .dropdown-toggle:after {
    color: #d2d9e5;
    vertical-align: middle;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.dropdown .dropdown-toggle > i {
    color: #d2d9e5;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.dropdown:hover .dropdown-toggle > i, .dropdown.show .dropdown-toggle > i {
    color: #b8beca;
}

.dropdown:hover .dropdown-toggle:after, .dropdown.show .dropdown-toggle:after {
    color: #b8beca;
}

@-webkit-keyframes dropdown-slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

@keyframes dropdown-slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes dropdown-slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

@keyframes dropdown-slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes dropdown-slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5px, 0);
                transform: translate3d(0, 5px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}

@keyframes dropdown-slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 5px, 0);
                transform: translate3d(0, 5px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
}