/* Ce fichier a été copié depuis le projet Commun. */
/* Ne pas éditer ce fichier directement; l'éditer depuis le projet Commun. */

mot-de-passe {
    margin-right: 20px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}

mot-de-passe .enLecture label::after, courriel .enLecture label::after {
    content: " : ";
}

mot-de-passe input {
    width: 388px;
    height: 18px;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #DDDDDD;
    background-color: #FFFFFF;
    display: block;
    cursor: text;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all 0.25s ease-in-out;
}

mot-de-passe input:not(:disabled):hover {
    border-color: #AAAAAA;
}

mot-de-passe input:not(:disabled):focus {
    transition: all 0.25s ease-in-out;
}

mot-de-passe input::placeholder {
    font-size: 11px;
    font-style: italic;
}

mot-de-passe input:hover::placeholder {
    transition: color 0.5s ease-in-out;
    color: #777777;
}

input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

mot-de-passe .enLecture libelle {
    float: left;
    margin-bottom: 10px;
    margin-right: 3px;
}

mot-de-passe .valeur {
    margin-bottom: 10px;
    white-space: normal;
}

mot-de-passe input:disabled {
    color: #AAAAAA;
    cursor: default;
}

mot-de-passe.petit {
    width: 85px;
}

mot-de-passe.petit input, .petit mot-de-passe input {
    width: 73px;
}

mot-de-passe.moyen {
    width: 190px;
}

mot-de-passe.moyen input, .moyen mot-de-passe input {
    width: 178px;
}

mot-de-passe texte input {
    width: 355px !important;
    border-radius: 3px 0 0 3px;
}

mot-de-passe #cadreOeil {
    transition: all 0.25s ease-in-out;
}

mot-de-passe:hover texte input, mot-de-passe:hover #cadreOeil {
    border-color: #AAAAAA !important;
}

mot-de-passe #cadreOeil {
    width: 29px;
    height: 26px;
    margin: -40px -20px 0 0 !important;
    padding-top: 2px;
    padding-left: 5px;
    border-radius: 0 3px 3px 0;
    border: 1px solid #DDDDDD;
    float: right;
}

mot-de-passe .oeil {
    width: 25px;
    height: 25px;
    background: url(../../../../images/commun/view.png);
    background-size: contain;
    cursor: pointer;
    opacity: 15%;
}

mot-de-passe .oeilBarre {
    width: 25px;
    height: 25px;
    background: url(../../../../images/commun/hide.png);
    background-size: contain;
    cursor: pointer;
    opacity: 15%;
}