@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4n.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v35/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype');
}

:root {
    --sidebar-background: #102135;
    --sidebar-width: 320px;
    --main-50: 239 248 255;
    --main-100: 222 241 255;
    --main-200: 182 228 255;
    --main-300: 118 208 255;
    --main-400: 45 185 255;
    --main-500: 2 161 245;
    --main-600: 0 127 210;
    --main-700: 0 102 170;
    --main-800: 0 83 135;
    --main-900: 7 71 115;
    --main-950: 4 45 77;
    --gray-50: #f7f8f8;
    --gray-100: #edeef1;
    --gray-200: #d8dbdf;
    --gray-300: #b6bac3;
    --gray-400: #8e95a2;
    --gray-500: #6b7280;
    --gray-600: #5b616e;
    --gray-700: #4a4e5a;
    --gray-800: #40444c;
    --gray-900: #383a42;
    --gray-950: #25272c;
    --firefly-50: #f2f7fd;
    --firefly-100: #e4eefa;
    --firefly-200: #c4dcf3;
    --firefly-300: #90c0e9;
    --firefly-400: #549fdc;
    --firefly-500: #2e84c9;
    --firefly-600: #1f68aa;
    --firefly-700: #1a528a;
    --firefly-800: #1a4772;
    --firefly-900: #1a3c60;
    --firefly-950: #0f2136;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Open Sans", "sans-serif";
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

.login {
    height: 100vh;
}

    .login .login-aside {
        width: 100%;
        background-image: url('data:image/svg+xml,<svg id="visual" viewBox="0 0 900 1600" width="900" height="1600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><rect x="0" y="0" width="900" height="1600" fill="%236D7FCC"></rect><defs><linearGradient id="grad1_0" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="30%" stop-color="%238191da" stop-opacity="1"></stop><stop offset="70%" stop-color="%238191da" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad1_1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="30%" stop-color="%238191da" stop-opacity="1"></stop><stop offset="70%" stop-color="%236d7fcc" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad2_0" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="30%" stop-color="%238191da" stop-opacity="1"></stop><stop offset="70%" stop-color="%238191da" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad2_1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="30%" stop-color="%236d7fcc" stop-opacity="1"></stop><stop offset="70%" stop-color="%238191da" stop-opacity="1"></stop></linearGradient></defs><g transform="translate(900, 0)"><path d="M0 675C-52.2 675.4 -104.4 675.7 -150.2 658.1C-196.1 640.4 -235.6 604.8 -276.4 573.9C-317.2 543 -359.3 516.9 -377.8 473.8C-396.4 430.7 -391.3 370.8 -424.5 338.6C-457.7 306.4 -529.2 301.9 -567.6 273.3C-606.1 244.8 -611.6 192 -624 142.4C-636.4 92.8 -655.7 46.4 -675 0L0 0Z" fill="%237788d3"></path><path d="M0 337.5C-26.1 337.7 -52.2 337.9 -75.1 329C-98 320.2 -117.8 302.4 -138.2 287C-158.6 271.5 -179.6 258.4 -188.9 236.9C-198.2 215.4 -195.7 185.4 -212.3 169.3C-228.9 153.2 -264.6 151 -283.8 136.7C-303 122.4 -305.8 96 -312 71.2C-318.2 46.4 -327.8 23.2 -337.5 0L0 0Z" fill="%238191da"></path></g><g transform="translate(0, 1600)"><path d="M0 -675C54.3 -680.9 108.6 -686.8 150.2 -658.1C191.8 -629.3 220.7 -565.9 255.1 -529.8C289.6 -493.6 329.5 -484.7 375.3 -470.7C421.1 -456.7 472.8 -437.6 505.1 -402.8C537.4 -367.9 550.3 -317.2 562.2 -270.7C574.1 -224.3 584.9 -182.2 603.5 -137.7C622.1 -93.3 648.5 -46.7 675 0L0 0Z" fill="%237788d3"></path><path d="M0 -337.5C27.2 -340.5 54.3 -343.4 75.1 -329C95.9 -314.7 110.3 -283 127.6 -264.9C144.8 -246.8 164.8 -242.3 187.7 -235.3C210.6 -228.3 236.4 -218.8 252.5 -201.4C268.7 -184 275.2 -158.6 281.1 -135.4C287 -112.2 292.4 -91.1 301.7 -68.9C311 -46.7 324.3 -23.3 337.5 0L0 0Z" fill="%238191da"></path></g></svg>');
        background-size: cover;
        background-repeat: no-repeat;
    }

        .login .login-aside .login-wrapper {
            box-shadow: 0 0px 10px rgb(0 0 1);
            max-width: 450px;
            margin: 10px auto;
            padding: 2rem;
            border-radius: 12px;
            background: white;
           /* -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
            -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);
            box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.08);*/
        }

            .login .login-aside .login-wrapper .lwf-title {
                font-weight: 500;
            }

            .login .login-aside .login-wrapper .lwf-span {
                font-size: 0.9rem;
            }

            .login .login-aside .login-wrapper .lw-form {
                width: 100%;
            }

                .login .login-aside .login-wrapper .lw-form .form-select {
                    max-width: 200px;
                    width: 100%;
                    margin: 0 auto;
                }

            .login .login-aside .login-wrapper .lw-logo {
                display: none;
            }

                .login .login-aside .login-wrapper .lw-logo img {
                    width: 300px;
                }

    .login .login-info {
        width: 100%;
        background-image: url('data:image/svg+xml,<svg id="visual" viewBox="0 0 900 1600" width="900" height="1600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><rect x="0" y="0" width="900" height="1600" fill="%230f2136"></rect><defs><linearGradient id="grad1_0" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="30%" stop-color="%23142c48" stop-opacity="1"></stop><stop offset="70%" stop-color="%23142c48" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad1_1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="30%" stop-color="%23142c48" stop-opacity="1"></stop><stop offset="70%" stop-color="%230f2136" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad2_0" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="30%" stop-color="%23142c48" stop-opacity="1"></stop><stop offset="70%" stop-color="%23142c48" stop-opacity="1"></stop></linearGradient></defs><defs><linearGradient id="grad2_1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="30%" stop-color="%230f2136" stop-opacity="1"></stop><stop offset="70%" stop-color="%23142c48" stop-opacity="1"></stop></linearGradient></defs><g transform="translate(900, 0)"><path d="M0 675C-52.2 675.4 -104.4 675.7 -150.2 658.1C-196.1 640.4 -235.6 604.8 -276.4 573.9C-317.2 543 -359.3 516.9 -377.8 473.8C-396.4 430.7 -391.3 370.8 -424.5 338.6C-457.7 306.4 -529.2 301.9 -567.6 273.3C-606.1 244.8 -611.6 192 -624 142.4C-636.4 92.8 -655.7 46.4 -675 0L0 0Z" fill="%2311263f"></path><path d="M0 337.5C-26.1 337.7 -52.2 337.9 -75.1 329C-98 320.2 -117.8 302.4 -138.2 287C-158.6 271.5 -179.6 258.4 -188.9 236.9C-198.2 215.4 -195.7 185.4 -212.3 169.3C-228.9 153.2 -264.6 151 -283.8 136.7C-303 122.4 -305.8 96 -312 71.2C-318.2 46.4 -327.8 23.2 -337.5 0L0 0Z" fill="%23142c48"></path></g><g transform="translate(0, 1600)"><path d="M0 -675C54.3 -680.9 108.6 -686.8 150.2 -658.1C191.8 -629.3 220.7 -565.9 255.1 -529.8C289.6 -493.6 329.5 -484.7 375.3 -470.7C421.1 -456.7 472.8 -437.6 505.1 -402.8C537.4 -367.9 550.3 -317.2 562.2 -270.7C574.1 -224.3 584.9 -182.2 603.5 -137.7C622.1 -93.3 648.5 -46.7 675 0L0 0Z" fill="%2311263f"></path><path d="M0 -337.5C27.2 -340.5 54.3 -343.4 75.1 -329C95.9 -314.7 110.3 -283 127.6 -264.9C144.8 -246.8 164.8 -242.3 187.7 -235.3C210.6 -228.3 236.4 -218.8 252.5 -201.4C268.7 -184 275.2 -158.6 281.1 -135.4C287 -112.2 292.4 -91.1 301.7 -68.9C311 -46.7 324.3 -23.3 337.5 0L0 0Z" fill="%23142c48"></path></g></svg>');
        background-size: cover;
        background-repeat: no-repeat;
    }

        .login .login-info .li-wrapper .li-logo img {
            width: 300px;
        }

        .login .login-info .li-wrapper .li-textWrapper {
            display: flex;
        }

            .login .login-info .li-wrapper .li-textWrapper h2 {
                color: #fff;
                margin-bottom: 20px;
            }

            .login .login-info .li-wrapper .li-textWrapper img {
                object-fit: cover;
                width: 250px;
                margin-top: -20px;
            }

            .login .login-info .li-wrapper .li-textWrapper .li-description {
                font-weight: 500;
                font-size: 18px;
                color: #fff;
            }

.flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 992px) {
    .login-aside {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 992px) {
    .login {
        height: auto;
        flex-direction: column;
    }

        .login .login-aside {
            padding: 10px 0;
        }

        .login .login-info .li-logo {
            display: none;
        }

        .login .login-info .li-textWrapper {
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 20px;
        }

        .login .lw-logo {
            display: block !important;
        }
}
/*# sourceMappingURL=login.css.map */