/*************** Css qui met les champs en erreur en rouge ***************/
.errorControl, .errorControl:focus {
    background-color: #ffb3b3 !important;
    color: #000;
}

.errorControl::-webkit-input-placeholder, .errorControl:focus::-webkit-input-placeholder {
    color: #888888;
}

.errorControl::-moz-placeholder, .errorControl:focus::-moz-placeholder {
    color: #888888;
}

.errorControl::-ms-input-placeholder, .errorControl:focus::-ms-input-placeholder {
    color: #888888;
}
/************* End Css qui met les champs en erreur en rouge *************/

/******* Style de la page connexion *******/
.box-login {
    background-color: rgba(255, 255, 255, .9);
    border-radius: 4px;
    padding: 25px;
    text-align: center;
}

.box-login img {
    width: 150px;
    height: auto;
}

.box-login .titleForm {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 18px;
    font-weight: 900;
}

.formWidth {
    width: 100%;
}

.btn-login, .btn-login:hover {
    background-color: #319db5;
    color: white;
}

.zone-message, .pnl-zone-message {
    text-align: center;
}

.pnl-zone-message, .pnl-zone-message-left {
    margin-top: 10px;
}

.alert:empty {
    display: none;
}

.navigation-link p {
    margin-bottom: 0px;
}

.navigation-link p a, .pnl-zone-message-left a {
    color: #000000;
}

.navigation-link p a:hover, .pnl-zone-message-left a:hover {
    color: #7f7f7f;
}

/****************** Style générale *****************/
.btnSend {
    margin-top: 15px;
}

/**** Style page associer soumission a un agent ****/
.form-quotation-agent .append-icon {
    margin-bottom: 8px;
}

.form-quotation-agent .alert {
    padding-left: 0px;
    padding-right: 0px;
}

.form-quotation-agent .alert .alert-success {
    padding: 25px;
}

.form-quotation-agent .alert .alert-success span {
    font-weight: 900;
}

@media screen and (max-width: 991px) {
    .box-login .titleForm {
        font-size: 14px;
    }
}