body { background: #f1f1f1; }

/* Bloc principal */
.container{
    background: #FFF;
    margin: 50px auto;
    padding: 40px 20px;
    width: 400px;
    border: solid 1px #ccd0d4;
}
.container h1#logo-connexion{
    text-align: center;
}
.container form {
    border: 1px solid #ccd0d4;
    padding: 20px;
}
.container form .form-group {
    width:100%;
    margin-top:10px;
    margin-bottom:5px
}

/* Logo */
h1#logo-connexion a{
    background-image: url(../images/logo-habisoft.jpg);
    background-size: 200px;
    width: 200px;
    background-position: center top;
    background-repeat: no-repeat;
    height: 85px;
    margin: 0 auto 15px;
    text-decoration: none;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

/* Pavé numerique */
ul#padkey{list-style: none;
    padding: 0;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}
ul#padkey li{ border: solid 1px #ced4da;
    border-radius: 0.25rem;
    text-align: center;
    cursor:pointer;
}
ul#padkey li input.button.btn{
    padding: 5px;
}
ul#padkey li:active  {
    background-color: #ccd0d4;
}
input.btn:focus {
    box-shadow:unset;
}

hr#connexion-separateur{
    width: 100%;
    margin-top:15px;
    margin-bottom:15px;
}

p { margin-bottom: 0px;}

.corriger-btn {
    width: 100%;
    margin: auto;
    text-align: center;
}

/* Début mot de passe oublié */
#test_login_password label {
    font-size: 15px;
}

#test_login_password input::placeholder {
    font-size: 15px;
}

#mot-de-passe-oublie {
    padding: 8px 0 0 0;
}

#mot-de-passe-oublie > a {
    font-size: 14px;
    margin: 15px 0 0 0;
}

h2.mot-de-passe {
    font-size: 1.5rem;
    margin-bottom: 10px;
    text-align: center;
}

#container-message {
    padding: 12px 30px;
    margin-top: 10px;
    font-size: 15px;
}

#connexion-back {
    margin-bottom: 5px;
}

#connexion-back > a {
    font-size: 14px;
}

#infos-password-mail {
    font-size: 13px;
    margin-bottom: 10px;
}
/* Fin mot de passe oublié */

/* Début réinitialisation mot de passe */
.reinitialisation-mdp {
    font-size: 1.5rem;
    margin-bottom: 20px;
    text-align: center;
}

#form_reset_password input::placeholder {
    font-size: 15px;
}

#form_reset_password label {
    font-size: 15px;
}

#conditions, #same-password {
    padding: 8px 0 0 0;
    font-size: 13px;
}

#conditions > p, #same-password > p {
    margin-bottom: 0;
}

/*Modifications de migration bootstrap*/
label{
    margin-bottom:0.5rem;
}


#toggle-password{
    height: 100%;
    background-color: var(--bs-secondary-bg)
}
.input-group-text{
    border-radius: 0;
    color: var(--bs-dark-text-emphasis);
}
#mot-de-passe-oublie > a{
    text-decoration: none;
}
#username{
    background: #fbfbfb
}
#password {
    background: #fbfbfb
}
button.close {
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    line-height: 1.5;
}
/* Fin réinitialisation mot de passe */