.alert-success {
    background-color: var(--color-success);
    color: var(--color-success-text);
}

.dropdown-menu {
    border: none;
    box-shadow: var(--color-dropdown-shadow);
    border-radius: var(--border-radius);
}

.dropdown-menu>li>a {
    padding: 6px 20px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: var(--color-dropdown-item-hover);
    color: #fff !important;
}

.bootstrap-select .dropdown-toggle .filter-option {
    border-radius: var(--border-radius);
    background-color: var(--color-primary-label-bg) !important;
    display: flex;
    align-items: center;
}

.bootstrap-select>.dropdown-toggle {
    border-color: var(--color-border-inputs);
    padding: 7px 10px;
}

.bootstrap-select .no-results {
    background-color: var(--color-primary-label-bg) !important;
    color: var(--color-forms-text) !important;
}

.select--underline.bootstrap-select>.dropdown-toggle {
    border-bottom-color: var(--color-border-bottom);
    padding: 8px 10px;
    line-height: 1.6;
    height: 40px;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    background-color: white;
}

.bootstrap-select .filter-option-inner {
    overflow: hidden;
}

.bootstrap-select .filter-option-inner-inner {
    display: flex;
    align-items: center;
}

.dropdown-long .bootstrap-select .dropdown-menu {
    max-width: 100%;
}

.dropdown-long .dropdown-menu .inner {
    display: grid;
}

.bootstrap-select .dropdown-menu li a {
    display: inline-flex;
    align-items: center;
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inline-flex;
    align-items: center;
    overflow: auto;
}

/* bootstrap-select with coin icons */
.bootstrap-select .dropdown-toggle .coin-bitcoin,
.bootstrap-select .dropdown-toggle .coin-eth,
.bootstrap-select .dropdown-toggle .coin-dash,
.bootstrap-select .dropdown-toggle .coin-eos,
.bootstrap-select .dropdown-toggle .coin-usd,
.bootstrap-select .dropdown-toggle .coin-trx {
    width: 17px;
    height: 22px;
}

.bootstrap-select .dropdown-toggle .coin-usd {
    width: 22px;
    font-size: 16px;
}

/* add arrows */
.filter-option:before {
    content: "\f077";
    font-family: "FontAwesome";
    position: absolute;
    right: 10px;
    top: 3px;
    color: var(--color-text-gray4);
    font-size: var(--font-body);
}

.filter-option::after {
    content: "\f078";
    font-family: "FontAwesome";
    position: absolute;
    right: 10px;
    bottom: 3px;
    color: var(--color-text-gray4);
    font-size: var(--font-body);
}

button.dropdown-toggle {
    height: 40px;
    line-height: 1.7;
}

.dropdown-item {
    color: var(--color-dropdown-item) !important;
}

.dropdown-item.active {
    color: var(--color-dropdown-item-active) !important;
}

.bootstrap-select:hover {
    background-color: transparent;
}

.bootstrap-select .btn {
    border-radius: var(--form-control-border-radius) !important;
}

.input-group .bootstrap-select .btn {
    border-radius: var(--input-group-dropdown-border-radius) !important;
}

.input-group .bootstrap-select.form-control .filter-option {
    border-radius: inherit;
}