@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, .btn-link {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.navbar {
    box-shadow: 0 6px 6px -2px rgb(0 0 0 / 20%);
}

.page-footer {
    box-shadow: 0px -11px 6px -2px rgb(0 0 0 / 20%);
}


.formContainer {
    background-color: black;
    padding: 6px;
    border-radius: 6px;
    margin-top: 6px;
}

.txtsmall {
    text-align: center;
    line-height: 0.2;
    font-size: 0.8rem;
}

.buttonSende {
    margin: 8px;
}

    .buttonSende:hover {
        background-color: aliceblue;
        font-weight: bold;
    }

@property --num {
    syntax: "<integer>";
    initial-value: 0;
    inherits: false;
}

.div_numbercount {
    transition: --num 5s;
    counter-set: num var(--num);
    font: 800 40px system-ui;
    text-align: center;
}

.numbers {
    font-family: 'Arial', sans-serif;
    font: 800 13rem system-ui;
    
    line-height: 1em;
    text-align: center;
    margin: 2px auto;
    overflow: hidden;
}



.buttonSende {
    background-color: white;
    border-color: #707070;
    border: darkseagreen;
    font-size: 1.2rem;
    border-radius: 6px;
    width: 240px;
    height: 49px;
    font-weight: bolder;
}

    .buttonSende :hover {
        background-color: blue;
    }

.hoverFab :hover {
    color: black;
}

.hoverFab  {
    color: white;
}


.gdpr-banner {
    font-size: medium;
    font-weight: 500;
    padding: 16px 0;
    /* display: flex;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*border: 1px solid #e0e0e0;*/
    padding: 13px;
    color: white;
}


.alertX {
    position: fixed;
    padding: 1rem 1rem;
    margin-top: 7rem;
    top: 0px;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

#coockieBG {
    background-color: blue;
    position: fixed;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvao7CFPrEHJA.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvao7CMPrEHJA.woff2') format('woff2'); 
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvao7CHPrEHJA.woff2') format('woff2'); 
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvao7CGPrEHJA.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvao7CIPrE.woff2') format('woff2'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2') format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2') format('woff2'); 
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2') format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2') format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2') format('woff2'); 
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2') format('woff2'); 
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2') format('woff2'); 
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}