@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/6.6.6/css/flag-icons.min.css");

.form-container {
    overflow: hidden;
}

.form-steps {
    display: flex;
    width: 100%;
    transition: transform 0.5s ease;
}

.form-step {
    flex: 1 0 100%;
    box-sizing: border-box;
}

.form-label.wsb-required:after {
    content:" *";
    color:red;
}

.toast {
    --bs-toast-max-width: 500px;
    --bs-toast-spacing: .5rem;
}

.wsb-active-wallet-label {
    font-size: .85rem;
    color: #999;
}

.wsb-active-wallet > a {
    text-decoration: none;
}

@media(max-width: 767px) {
    .wsb-active-wallet {
        font-size: .95rem;
    }

    .wsb-active-wallet-label {
        font-size: var(--bs-nav-link-font-size) !important;
        font-weight: var(--bs-nav-link-font-size) !important;
        color: var(--bs-nav-link-color) !important;
    }

    .wsb-choose-language,
    .wsb-selected-wallet {
        margin-top: 0!important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {

    .wsb-selected-wallet > .wsb-select-wallet {
        max-width: 66.66%;
    }
}

.horizontal-scrollable {
    overflow-x: auto !important;
}

.live-prices {
    font-size: .75rem;
    line-height: .9rem;
    background: var(--bs-body-color);
    color: white;
    width: 100%;
}

.live-prices > div:first-child {
    font-size: .65rem;
}

.metal-icon {
    overflow: hidden;
    height: 16px;
}
.metal-icon > img {
    height: 1.2rem;
}

.text-color_gold {
    color: rgb(255,215,0);
}

.text-color_silver {
    color: rgb(192, 192, 192);
}

@media (min-width: 576px) {
    .navbar-options {
        min-width: 350px;
    }
}

.table th,
.table td {
    white-space: nowrap;
}

.table-unit-value,
.table-th-note {
    display: block;
    color: var(--bs-secondary-color);
    font-weight: normal !important;
    font-size: .875em;
    line-height: .875em;
}
.table-unit-value {
    padding-top: .25rem;
    line-height: 1em;
}