/*image theme corhofi svg*/


.ContainerlogoCorhofiPageChargement {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding-top: calc( 1rem + 24px);
}

.logo-corhofiPageChargement {
    max-height: 250px;
    min-height: 150px;
    height: 25vh;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.background-site {
    background-image: url("../images/LogoCorhofi/FormeCorhofi.svg");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 130%;
    background-size: 80%;
}

.background-site-main {
    background-image: url("../images/LogoCorhofi/FormeCorhofi.svg");
    background-repeat: no-repeat;
    background-position-x: 101%;
    background-position-y: 102%;
    background-size: 20%;
}

.ligne-titre-bienvenue-page-chargement {
    width: 45%;
    margin-left: auto;
    margin-right: auto;
    color: #005732;
    height: 3px !important;
    opacity: 100%;
}

.container-bienvenue-page-chargement {
    display: flex;
    justify-content: center !important;
    max-width: 600px;
    margin: auto;
    border-radius: 5px;
    border: solid #005732;
    border-width: 2px;
    padding-top: 0.5rem;
    padding-right: 3rem !important;
    padding-left: 3rem !important;
    min-height: 296px;
    background: color-mix(in srgb, var(--kendo-color-surface) 85%, transparent);
    backdrop-filter: blur(2.5px);
    -webkit-backdrop-filter: blur(2.5px);
}

.diagonal-split-background {
    background-color: var(--kendo-color-app-surface);
}


/* les point . . . . de chargement */

.gooey {
    background: #ffffff00;
    filter: opacity(1);
    align-self: center;
    margin-left: calc(50% - 61px);
    padding-top: 30px;
}

    .gooey .dot {
        position: absolute;
        width: 16px;
        height: 16px;
        top: 42px;
        left: 15px;
        /*filter: blur(4px);*/
        background-color: #005732;
        border-radius: 50%;
        transform: translateX(0);
        animation: dot 2.8s infinite;
    }

    .gooey .dots {
        transform: translateX(0);
        margin-top: 12px;
        margin-left: 31px;
        animation: dots 2.8s infinite;
    }

        .gooey .dots span {
            display: block;
            float: left;
            width: 16px;
            height: 16px;
            margin-left: 16px;
            /*filter: blur(px);*/
            background: var(--kendo-color-secondary);
            border-radius: 50%;
        }

@-moz-keyframes dot {
    50% {
        transform: translateX(96px);
    }
}

@-webkit-keyframes dot {
    50% {
        transform: translateX(96px);
    }
}

@-o-keyframes dot {
    50% {
        transform: translateX(96px);
    }
}

@keyframes dot {
    50% {
        transform: translateX(96px);
    }
}

@-moz-keyframes dots {
    50% {
        transform: translateX(-31px);
    }
}

@-webkit-keyframes dots {
    50% {
        transform: translateX(-31px);
    }
}

@-o-keyframes dots {
    50% {
        transform: translateX(-31px);
    }
}

@keyframes dots {
    50% {
        transform: translateX(-31px);
    }
}

.h3, h3 {
    font-weight: 500;
    font-size: 16px !important;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: var(--kendo-color-app-surface) !important;
}

a, .btn-link {
    color: #0366d6;
}

/*XS    Extra small devices (portrait phones)*/
@media (max-width: 599px) {
    .background-site {
        background-image: url("../images/LogoCorhofi/FormeCorhofiVertical.svg");
        background-repeat: no-repeat;
        background-position-x: 130%;
        background-position-y: 100%;
        background-size: 50%;
    }

    .background-site-main {
        background-image: url("../images/LogoCorhofi/FormeCorhofiVertical.svg");
        background-repeat: no-repeat;
        background-position-x: 101%;
        background-position-y: 102%;
        background-size: 20%;
    }

    .logo-corhofiPageChargement {
        height: 100px;
    }
}

/*SM    Small devices (landscape phones)*/
@media (min-width: 600px) and (max-width: 959px) {
    .background-site {
        background-image: url("../images/LogoCorhofi/FormeCorhofiVertical.svg");
        background-repeat: no-repeat;
        background-position-x: 130%;
        background-position-y: 100%;
        background-size: 50%;
    }

    .background-site-main {
        background-image: url("../images/LogoCorhofi/FormeCorhofiVertical.svg");
        background-repeat: no-repeat;
        background-position-x: 105%;
        background-position-y: 102%;
        background-size: 20%;
    }

    .logo-corhofiPageChargement {
        height: 120px;
    }


}