.currency-switcher button:not(.active) .currency-icon .dark {
    fill: #007bff;
    /* fill: #6c757d; */
}

.currency-switcher button:not(.active) .currency-icon .light {
    fill: white;
}

.currency-switcher button.active .currency-icon .dark {
    fill: white;
}

.currency-switcher button.active .currency-icon .light {
    fill: #007bff;
}

.currency-switcher button:not(.active):not([disabled]):hover .currency-icon .dark {
    fill: white;
}

.currency-switcher button:not(.active):not([disabled]):hover .currency-icon .light {
    fill: #007bff;
}

.price-plans {
    margin-top: 25px;
}

.plan {
    border-left-style: solid;
    border-color: darkgrey;
    border-width: 1px;
}

.hidden {
    display: none;
}

.asks {
    color: darkred;
    background: #fff9f9;
}

.bids {
    color: darkgreen;
    background: #f9fff9;
}

.bids, .asks {
    /* font-family: Verdana, sans-serif; */
    font-family: monospace;
}

.ask:nth-child(1) { background: #ffffff; }
.ask:nth-child(2) { background: #fffefe; }
.ask:nth-child(3) { background: #fffdfd; }
.ask:nth-child(4) { background: #fffcfc; }
.ask:nth-child(5) { background: #fffbfb; }

.bid:nth-child(1) { background: #fbfffb; }
.bid:nth-child(2) { background: #fcfffc; }
.bid:nth-child(3) { background: #fdfffd; }
.bid:nth-child(4) { background: #fefffe; }
.bid:nth-child(5) { background: #ffffff; }


.ask:last-child, .bid:first-child {
    font-weight: bold;
}


.demo {
    border-style: solid;
    border-width: 1px;
    border-color: black;
}