/**
 * Tin Fonder Custom Style
 * (Proprietor 71)
 *
 */

/* csslint ignore:start */

/* CSS custom properties used for the theming of Tin Fonder */
:root {
    /*Theme Hex: #296E8C*/
    --theme-hue: 198;
    --theme-saturation: 55%;
    --theme-lightness: 35%;
    --theme-alpha: 1;
    /*Accent Hex: #296E8C*/
    --accent-hue: var(--theme-hue);
    --accent-saturation: var(--theme-saturation);
    --accent-lightness: var(--theme-lightness);
    --accent-alpha: var(--theme-alpha);
    /*Anchor Hex: #296E8C*/
    --anchor-hue: var(--theme-hue);
    --anchor-saturation: var(--theme-saturation);
    --anchor-lightness: var(--theme-lightness);
    --anchor-alpha: var(--theme-alpha);
    --gray-color-50: #f9f8f7;
    --gray-color-100: #f3f0ee;
    --gray-color-200: #e9e3df;
    --gray-color-300: #d9cfc8;
    --gray-color-400: #ead9cd;
    --gray-color-500: #acaeae;
    --gray-color-600: #888a8b;
    --gray-color-700: #2d3a3f;
    --gray-color-800: #d5b29c;
    --gray-color-900: #384c52;
    --footer-legal-background-color: var(--theme-color-200);
    --default-button-active-background-color: var(--white-color-500);
    --default-button-hover-background-color: var(--white-color-500);
}

.btn-accent,
.btn-theme {
    --accent-color-300: hsla(198, 23.9%, 44.3%, 1);
}

.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-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: linear-gradient(30deg, rgba(41, 110, 140, 0.8) 0%, rgba(41, 110, 140, 0) 70%);
}

.account-block {
    border-bottom: 1px solid var(--accent-color-200);
}

.FM-dialogue--info.FM-dialogue--icon:before {
    background-color: #6a94a0;
}

.FM-dialogue--info {
    background-color: #d0e2f5;
    color: #006298;
}

.FM-dialogue--info a {
    color: var(--accent-color-200);
}

.FM-sidebar--header {
    text-align: center;
}

.FM-wizard > .actions ul li:nth-child(2) a,
.FM-wizard > .actions ul li:nth-child(3) a,
.FM-button.button-yellow {
    background: var(--accent-color-200) !important;
    border-color: var(--accent-color-200) !important;
}

.FM-button.button-yellow:hover {
    background: hsla(198, 23.9%, 44.3%, 1) !important;
    border-color: hsla(198, 23.9%, 44.3%, 1) !important;
}

.FM-panel .FM-panel--header {
    border-bottom-color: var(--accent-color-200) !important;
}

.logo-link:hover {
    position: relative;
}

.logo-link:hover:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 9999px;
    background-color: var(--theme-color-200);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    animation-name: logoZoom;
    animation-delay: 300ms;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    pointer-events: none;
}

@keyframes logoZoom {
    0% {
        transform: scale3d(1, 1, 1);
        opacity: 0.6;
    }

    100% {
        transform: scale3d(1.32, 1.32, 1.32);
        opacity: 0;
    }
}

/* csslint ignore:end */