html.dark .form-label {
    color: #dde2e9;
}

html.dark .block-text {
    color: #dde2e9 !important;;
}

html.dark p {
    color: #dde2e9;
}

/* Add gold text colour */
.text-gold {
    color: #f0ad4e;
}

.btn-group-xs > .btn, .btn-xs {
    --bs-btn-padding-y: 0.15rem;
    --bs-btn-padding-x: 0.35rem;
    --bs-btn-font-size: 0.675rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.datagrid {
    display:grid;
    grid-gap: 1.5rem;
    grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))
}
.datagrid-title {
    font-size:.625rem;
    text-transform:uppercase;
    letter-spacing:.04em;
    line-height:1rem;
    margin-bottom:.25rem
}

.img-vendor-logo {
    display: inline-block !important;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.img-region-flag {
    display: inline-block !important;
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

.spinner-icon {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.20em;
    --bs-spinner-animation-speed: 1s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent;
}

.dt-empty{
    text-align: center;
}

.fs-7 {
    font-size: .875rem;
}

.modal-content .block form {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important;
}

.select2-results__options {
    color: #bec8d5;
}

.select2-selection__rendered {
    color: #bec8d5;
}

.dt-column-order {
    margin-left: .25rem !important;
}

.bg-body-light {
    background-color: #edeff2 !important;
}