:root {
    --couleur-principale: #482882; /* violet orisha */
    --couleur-secondaire: #E91069; /* rose orisha */
}

/* polices */
@font-face {
    font-family: 'Poppins';
    src: url(/content/font/Poppins-Regular.eot);
    src: url(/content/font/Poppins-Regular.eot?#iefix) format('embedded-opentype'), url(/content/font/Poppins-Regular.woff) format('woff'), url(/content/font/Poppins-Regular.woff2) format('woff2'), url(/content/font/Poppins-Regular.ttf) format('truetype'), url(/content/font/Poppins-Regular.svg#futura) format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'Poppins';
        src: url(/content/font/Poppins-Regular.svg#Poppins-Regular) format('svg');
    }
}

*:not(.fa) {
    font-family: "Poppins", 'Open sans', sans-serif !important;
}

.page-header {
    background: var(--couleur-principale) url("degrade.png") no-repeat;
    background-position: right;
    padding-bottom: 0 !important;
}

.login {
    background-color: var(--couleur-principale) !important;
    /*background-image: url(loginOrisha_oDroite.png) !important;*/
    background-image: url(login_immodocs.png) !important;
    background-size: cover;
    background-position: unset;
    background-repeat: no-repeat;
}

    .login .logo {
        margin-top: 40px;
    }

    .login .content {
        margin-top: 0;
    }

.login-options h4 {
    color: #364150 !important;
}

.login .copyright {
    color: #FAFAFA !important;
    /*margin: 0 13% 0 67%;
    width: 20%;
    */
    /*margin: 0 10%;
    width: 460px;*/
}

.login .content {
    /*background-color: #dde3ec !important;*/
    /*background-color: rgba(41, 188, 235, 0.1) !important;*/
    /*border-color: rgba(41, 188, 235, 0.6) !important;*/
    background: rgba(255,255,255,0.7);
    border-color: var(--couleur-principale) !important;
    border-width: 1px !important;
    border: solid;
    border-radius: 5px !important;
}

.login .logo {
    /*padding-left: 0;*/
}

.login .logo-default {
    padding-bottom: 10px;
}

.login .content .form-control {
    /*background-color: #ccd0e2 !important;*/
    /*background-color: transparent !important;*/
    background-color: white !important;
    border-radius: 5px !important;
    border-width: 1px !important;
}
    .login .content .form-control:not(.input-validation-error) {
        border-color: #333 !important;
    }

    input.input-validation-error {
        border-color: #D12A2F !important;
    }

.login .content .form-actions {
    border-bottom: 0 solid #eee;
    padding-top:10px;
    padding-bottom:10px;
}

.login .content .validation-summary {
    background-color: #FDEAED;
    color: #8A0636 !important;
    border: 1px solid #F96688;
    border-left: 4px solid #F96688;
    border-radius: 5px !important;
    margin-bottom: 10px;
    padding: 7px 0;
}
.validation-summary-errors ul {
    margin-bottom: 0 !important;
}

.login h2.form-title {
    /* Title */
    color: var(--couleur-principale) !important;
    font-weight: normal !important;
    text-align: center;
}

.btn-connex {
    background-color: var(--couleur-principale);
    color: #FAFAFA;
    /* Type=Primary, State=Default, Size=L */
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0px !important;
    width: 93px !important;
    height: 40px !important;
    font-weight: 300 !important;
    border-radius: 32px !important;
    margin: auto !important;
}

    .btn-connex:hover, .btn-connex:focus, .btn-connex:active {
        background-color: rgba(72, 40, 130, 0.60) !important;
        color: #FAFAFA;
    }
    .btn-connex:disabled {
        opacity: 0.20;
    }

.wip-green {
    color: #9ec419 !important;
}

.wip-grey {
    color: #444444 !important;
}

.wip-red {
    color: #D12A2F !important;
}

.wip-orange {
    color: #FA8D29 !important;
}

.wip-blue {
    color: rgba(41, 188, 235, 1) !important;
}