/**
 * Savr Custom Style
 * (Proprietor 63)
 *
 */

/* csslint ignore:start */

/* CSS custom properties used for the theming of Savr */
:root {
    /*Theme Hex: #a5a4ff*/
    --theme-hue: 256;
    --theme-saturation: 62%;
    --theme-lightness: 51%;
    --theme-alpha: 1;
    /*Accent Hex: #a5a4ff*/
    --accent-hue: 241;
    --accent-saturation: 100%;
    --accent-lightness: 82%;
    --accent-alpha: 1;
    /* Chart Variables. */
    --chart-series-color-100: var(--accent-color-200);
    --chart-series-color-200: var(--theme-color-200);
    /*Anchor Hex: #5c33cf*/
    --anchor-hue: var(--theme-hue);
    --anchor-saturation: var(--theme-saturation);
    --anchor-lightness: var(--theme-lightness);
    --anchor-alpha: var(--theme-alpha);
    --footer-legal-background-color: #101010;
    --default-button-active-background-color: var(--white-color-500);
    --default-button-hover-background-color: var(--white-color-500);
}

.btn-default {
    --panel-color-200: var(--white-color-500);
    --panel-color-300: var(--white-color-500);
}

.FM-btn:disabled,
.FM-btn.disabled,
.FM-btn.aspNetDisabled,
.FM-btn[readonly="readonly"] {
    --panel-color-300: var(--white-color-500);
}

#FM-navbar {
    --navbar-hamburger-btn-background-color: var(--white-color-500);
    --panel-color-400: var(--white-color-500);
    background-color: #101010 !important;
}

#FM-navbar > :first-child {
    background-color: #101010 !important;
    color: var(--white-color-500) !important;
}

#FM-navbar > :first-child a {
    color: var(--white-color-500) !important;
}

@media (min-width: 1040px) {
    #FM-navbar #menubar li.level-0 > button[aria-expanded="false"],
    #FM-navbar #menubar li.level-0 > a[role="menuitem"] {
        --black-color-300: var(--white-color-500);
        --black-color-500: var(--white-color-500);
    }
}

.FM-navbar-tagline {
    display: none !important;
}

#site {
    padding-top: 15px;
}

#top-user {
    display: none;
}

.new-account-box {
    border-bottom: 2px solid var(--accent-color-200);
}

.input---checkbox span.label:before, #FM-KYC-Questionnaire td label:before {
    color: var(--accent-color-200) !important;
}

.FM-account--container, .account-headerblock {
    border-bottom: 2px solid var(--accent-color-200) !important;
}

#login-banner span:after,
#registration-banner span:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    inset: 0px 0px, 0vw -10vw;
    background: radial-gradient(circle at 90% 60%, rgba(217, 91, 114, 0.2) 0%, rgba(250, 220, 236, 0.3) 50%), 
        linear-gradient(17deg, rgba(64, 63, 145, 1) -10%, rgba(118, 117, 207, 1) 20%, rgba(165, 164, 255, 1) 60%, rgba(224, 232, 255, 1) 96%);
}

/* csslint ignore:end */