/* login simulateur */
.containerLoginSimulateur { max-width: 800px; margin: auto; position: relative; z-index: 10; }
.containerLoginSimulateur h1 { color: #fff; margin-bottom: 60px; margin-left: -15px; font-family: 'Montserrat', sans-serif; margin-top: 20px; line-height: 58px; }
.containerLoginSimulateur.whiteBackground { background: #fff; border-radius: 5px; padding: 40px 60px; box-shadow: 0 33px 74px 0 rgba(0, 0, 0, .1); }
#block-header { margin-bottom: -380px; }
.formLoginSimulateur { margin-bottom: 80px; }
#edit-submit .icon:before { content: none; }
#edit-submit { transition: all .3s; }
#edit-submit:hover { background: #202020; }
.form-submit { width: auto !important; }
.form-submit .icon { display: none; }

.stentor-login-form a { color: #23307d; font-weight: bold; text-decoration: none; }
.stentor-login-form a:hover, .stentor-login-form a:focus { text-decoration: none; }

/* erreurs */
form .has-error .form-control, form .has-error .form-control:focus { box-shadow: none; }
.region .alert { display: none; }
.containerLoginSimulateur .alert { display: block; margin: 0 15px 35px; }

/* simulateur */
#stentor_simulateur_form .form-submit { width: auto; }
.simulateur h2 { font-size: 30px; font-family: 'Montserrat', sans-serif; font-weight: bold; margin-left: -15px; margin-bottom: 30px; }
.simulateur h3 { font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: normal; letter-spacing: 2px; color: #23307d; text-transform: uppercase; margin-bottom: 25px; }
.form-item.js-form-type-radio { display: inline-block; width: 33.33%; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: normal; letter-spacing: 2px; color: #23307d; text-transform: uppercase; margin-bottom: 25px; text-align: center; }
.form-item.js-form-type-radio input { display: none; }
#edit-situation { font-size: 0; }
.form-item.js-form-type-radio .control-label::after { content: none; }
.checkRadio .control-label { font-weight: bold; background: #23307d; color: #fff; }
.simulateur .radio label, .simulateur .checkbox label { border: 1px solid #23307d; padding: 10px; border-radius: 7px; width: calc(100% - 20px); }

.bienMontantProprietaire { display: none; }
.bienMontantProprietaire, .exceptProprietaire { animation: slidein .6s forwards;  }
.bienMontantProprietaire .col-sm-12, .exceptProprietaire .col-sm-6 { padding: 0; }
.exceptProprietaire .col-sm-6 { padding: 0 15px 0 0;}
.exceptProprietaire .col-sm-6:last-child { padding: 0 0 0 15px; }
.marginTop { margin-top: 20px; }

.control-label::after { content: none !important; }

.control-label.form-required::after {
    padding-left: 4px;
    content: '*' !important;
    color: #f1813b;
    background-image: none;
}

@media(max-width: 768px){
    .form-item.js-form-type-radio { width: 100%; }
}

@keyframes slidein {
    from {
        width: 70%;
        margin-left: 30%;
        margin-right: 30%;
    }

    to {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

/* bouton déconnexion */
#userLogout { float: right; margin-top: 13px }
.logoutButton { font-size: 18px; font-weight: bold; line-height: 20px; padding: 6px 15px; text-decoration: none; background: #23307d; color: #fff; border-radius: 5px; transition: all .3s ease-in;  }
.logoutButton:hover, .logoutButton:focus { background: #202020; text-decoration: none; color: #fff; }

/* confirmation */
.confirmation h2 { color: #23307d; font-weight: normal; font-size: 30px; font-family: 'Montserrat', sans-serif; margin-bottom: 20px; }
.confirmation p { line-height: 22px; }
.confirmation figure { text-align: center; margin: 60px 0; }
.confirmation a { color: #fff; text-decoration: none; transition: all .3s; border: 0; float: right; display: inline-block; }
.confirmation a:hover { background: #202020; text-decoration: none; }
.resultatSimulateur { display: none; }

.waiting img { animation: rotate 2s infinite; }

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* responsive */
@media (max-width: 991px) and (min-width: 768px){
    .logoutButton { font-size: 14px; }
    .navbar .navbar-header [role="navigation"] .navbar-nav > li > a { font-size: 14px !important; }
}

@media (max-width: 768px){
    .containerLoginSimulateur h1 { font-size: 22px; text-align: center; margin-top: 60px; margin-bottom: 40px; line-height: 32px; }
    #userLogout { display: none; }
    .logoutButton { font-size: 12px; font-weight: bold; background: transparent; color: #23307d; padding-left: 0; border-radius: 0; margin: 30px 0px 10px;  }
    .logoutButton:hover, .logoutButton:focus { font-size: 12px; font-weight: bold; background: transparent; color: #23307d; padding-left: 0; border-radius: 0; margin: 30px 0px 10px;  }
    .simulateur h2 { font-size: 20px; margin-left: 0; margin-top: 0; }
    .containerLoginSimulateur.whiteBackground { padding: 30px }
    .form-submit { margin: 15px 30px !important; width: auto !important; font-size: 16px !important; }
    .menu-mobile .inner { justify-content: inherit !important; }
    .exceptProprietaire .col-sm-6 { padding: 0;}
    .exceptProprietaire .col-sm-6:last-child { padding: 0; }
}