@import url('../lib/miniui/res/fonts/sourcecodepro/fonts.css');

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-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: Titillium Web, sans-serif !important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

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
}





*, *:after, *:before {
    box-sizing: border-box
}

:root {
    --primary-text-color: #043959;
    --primary-color: #3071cd;
    --secondary-color: #2e69cb
}

:focus {
    outline: .125rem solid var(--primary-color);
    outline-offset: .125rem
}

body {
    color: var(--primary-text-color);
    line-height: 1.5;
    font-size: 1em
}

input, button {
    font: inherit;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    box-shadow: none
}

.container-1 {
    display: -webkit-box !important;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 100vh;
    background-image: linear-gradient(135deg,#52E5E7 5%,#130CB7 100%);
    width: 100% !important;
}

.panel {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.panel-body {
    background-color: #FFF;
    max-width: 34rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    padding: 3rem 3rem;
    border-radius: .5rem;
    box-shadow: .75rem .75rem 1.75rem 0 rgba(0,0,0,0.25)
}

.panel-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.panel-header-logo {
    /* width: 5rem;*/
    /*   height: 5rem*/
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 4rem;
}

    .panel-header-logo svg {
        max-width: 100%;
        max-height: 100%
    }

.panel-header-title {
    font-size: 1.75rem;
    font-weight: 700
}

.panel-header-info {
    margin-top: 1rem;
    text-align: center
}

.link {
    text-decoration: none;
    color: var(--primary-color);
    border-bottom: .0625rem solid
}

    .link:hover {
        color: var(--secondary-color)
    }

.form {
    margin-top: 2rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.input {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

    .input + .input {
        margin-top: 1.5rem
    }

.input-label {
    font-weight: 600
}

.input-field {
    margin-top: .25rem;
    border: .0625rem solid #999
}

.input-submit {
    padding: 1rem;
    background-color: var(--primary-color);
    color: #FFF
}

    .input-submit:hover {
        background-color: var(--secondary-color)
    }

.input-field, .input-submit {
    padding: .5rem .75rem;
    min-height: 3rem;
    border-radius: var(--bs-border-radius);
}

.panel-footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    margin-top: 1.5rem
}

.panel-footer-info {
    text-align: center
}