/* ===== FEX BV — оформление страниц входа ===== */

.fs-logo a img {
    display: none !important;
}
.fs-logo a {
    display: inline-block !important;
    width: 150px !important;
    height: 90px !important;
    background-image: url('/fex.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

html.login body {
    background-color: #0A3D62 !important;
    background-image:
        radial-gradient(circle at 14% 10%, #00A6E2 0 26px, transparent 27px),
        radial-gradient(circle at 46% 6%, #7FD4F5 0 17px, transparent 18px),
        radial-gradient(circle at 46% 6%, #00A6E2 0 32px, transparent 33px),
        radial-gradient(circle at 82% 12%, #00A6E2 0 22px, transparent 23px),
        radial-gradient(circle at 14% 10%, #12507E 0 74px, transparent 75px),
        radial-gradient(circle at 30% 2%, #1C6BA0 0 62px, transparent 63px),
        radial-gradient(circle at 46% 4%, #155F91 0 90px, transparent 91px),
        radial-gradient(circle at 66% 1%, #1C6BA0 0 64px, transparent 65px),
        radial-gradient(circle at 86% 13%, #12507E 0 76px, transparent 77px),
        radial-gradient(circle at 16% 94%, #00A6E2 0 24px, transparent 25px),
        radial-gradient(circle at 76% 92%, #00A6E2 0 26px, transparent 27px),
        radial-gradient(circle at 16% 94%, #12507E 0 72px, transparent 73px),
        radial-gradient(circle at 38% 99%, #1C6BA0 0 60px, transparent 61px),
        radial-gradient(circle at 76% 92%, #12507E 0 76px, transparent 77px),
        radial-gradient(circle at 96% 97%, #1C6BA0 0 54px, transparent 55px) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

html.login body .extra-header,
html.login body .extra-image,
html.login body .extra-footer {
    background-image: none !important;
    background-color: transparent !important;
}

html.login body div {
    background-color: transparent !important;
}

html.login body .header {
    background-color: transparent !important;
}

html.login body form.column,
html.login body .row > div:not(.fs-logo) {
    background-color: #F2F7FB !important;
    padding: 2rem !important;
    border-radius: 8px !important;
}

html.login body .fs-logo {
    display: block !important;
    background: none !important;
    background-color: transparent !important;
    padding: 3rem 0 0 !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

html.login body .row {
    background: none !important;
    background-color: transparent !important;
    overflow: visible !important;
}

html.login body button,
html.login body input[type="submit"],
html.login body form.column button {
    background-color: #00A6E2 !important;
    border-color: #00A6E2 !important;
    color: #ffffff !important;
}

html.login body a {
    color: #0066B3 !important;
}

/* логотип внутрь светлой карточки */
html.login body .fs-logo {
    background-color: #F2F7FB !important;
    padding: 0 2rem 1.5rem !important;
    margin-top: -1px !important;
    border-radius: 0 0 8px 8px !important;
}
html.login body form.column {
    border-radius: 8px 8px 0 0 !important;
    padding-bottom: 1rem !important;
}
html.login body .fs-logo a {
    width: 190px !important;
    height: 75px !important;
}

/* растворить белый фон логотипа */
html.login body .fs-logo a {
    mix-blend-mode: multiply !important;
}

/* белая полоса логотипа во всю ширину карточки */
html.login body .fs-logo {
    background-color: #ffffff !important;
    padding: 1rem 2rem !important;
    margin-top: 0 !important;
    border-radius: 0 0 8px 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
html.login body form.column {
    border-radius: 8px 8px 0 0 !important;
    padding-bottom: 1.5rem !important;
    margin-bottom: 0 !important;
}
html.login body .fs-logo a {
    width: 200px !important;
    height: 70px !important;
}

/* логотип без подложки, прямо на синем */
html.login body .fs-logo {
    background-color: transparent !important;
    background: none !important;
    padding: 2rem 0 0 !important;
    border-radius: 0 !important;
    width: auto !important;
}
html.login body form.column {
    border-radius: 8px !important;
    padding-bottom: 2rem !important;
}
html.login body .fs-logo a {
    width: 150px !important;
    height: 55px !important;
}

/* фон-паттерн с надписями FEX */
html.login body {
    background-image: url('/pattern.svg') !important;
    background-repeat: repeat !important;
    background-size: 400px 400px !important;
    background-attachment: fixed !important;
}