:root {
    --brand1: #F18E00;
    --brand1-dark: white;
    --brand2: #e35b1d;
    --brand3: #263238;
    --brand4: #474847;
    --brand5: #98a4b0;
    --brand6: #14171c;
    --logo1: #F18E00;
    --logo2: #e35b1d;
    --white: #faf0e6;
    --defaultfontcolor: #474847;
    --defaultfontcolor-dark: white;
    --defaultfontcolor-dark2: #98a4b0;
    --defaultbackgroundColor: white;
    --defaultbackgroundColor-dark: black;
    --defaultfont: 'Roboto',Arial;
    --positive: #ff4143;
    --negative: #00a674;
    --sh: rgb(253, 168, 82);
    --sl: rgb(165, 180, 58);
    --st: rgb(164, 131, 187);
    --de: rgb(219, 114, 103);
    --em: rgb(102, 165, 174);
    --sp: rgb(134, 134, 134);
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/css/roboto400.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/css/roboto500.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/css/roboto700.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/css/roboto700i.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(/css/roboto500i.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/css/roboto400i.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: url(/css/roboto100i.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url(/css/roboto300i.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url(/css/roboto100.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(/css/roboto300.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body {
    font-family: var(--defaultfont);
}

body {
    color: var(--defaultfontcolor);
    /*    letter-spacing:-0.015rem;
*/ font-size: 1.05em;
    background-color: var(--brand2);
}

    body.darkmode {
        color: var(--defaultfontcolor-dark);
        background-color: var(--brand3);
    }
    
    .splashscreen #appLogoText {
    width: 100%;
    position: fixed;
    top: 46%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    font-size: 0.8em;
    font-family: 'Roboto', sans-serif, 'Open Sans', Arial;
}
.splashscreen {
    background: linear-gradient(to bottom, #de5d26, #f48e27);
}

    .splashscreen .sdilogo1 {
        fill: white;
    }

    .splashscreen .sdilogo2 {
        fill: white;
    }

    .splashscreen .sdilogo3 {
        fill: white;
    }

.loginform.b1 {
    background-color: var(--brand6);
}
.loginform {
    background-color: var(--brand1);
}

    .loginform .separator {
        color: silver;
        font-size: 0.8em;
    }

        .loginform .separator::before,
        .loginform .separator::after {
            border-bottom: 1px solid silver;
        }
.applogo {
    width: 2.6rem;
    overflow: hidden;
}

    .applogo .color1 {
        fill: #e35b1d;
    }

    .applogo svg {
        padding: 0.14rem;
    }

#LoginByEmail, #RegisterByEmail {
    padding-top: 2rem;
}

.rsbutton.submit {
    background-color: var(--brand2);
}
.rsbutton2.loginbtn_Firebase {
    padding: 1rem;
    background-color: black;
    color: white;
}
.rsbutton.submit {
    background-color: var(--brand2);
}
.loginform .rsbutton.full.b6 {
    border: 1px solid var(--brand2);
}