.loginMain {
    padding-top: 100px;
}

form .label {
    font-family: 'Work Sans Medium';
    font-size : 12px;
    color: #2A337E;
    margin-top: 10px;
}

.icon-text > .loginIcon {
    background-image: url('../../../assets/images/icons/user-circle.svg');
    width: 42px;
    height: 42px;
    margin-right : 24px;
}

.input.is-small {
    border-radius: 4px;
}

.input.is-small::placeholder {
    color: black;
    font : 'Work Sans Regular';
    font-size : 14px;
    vertical-align: middle;
}

.identifyButton {
    background-color: #2FA491;
    border-color: #2FA491;
    color: #FFF;
    font-weight: bold;
}

.creationAccountButton {
    background-color: rgb(251, 244, 239);
    border-color: #2A337E;
    color: #2A337E;
}

input#login.error, input#password.error {
    border: 2px solid #EA4335;
    border-radius: 4px;
}
.error {
    color: #EA4335;
    display: flex;
}

#inputCreaAccount_ValidForm {
    display: none;
}

#return_msg {
    padding-top: 5px;
    color: red;
    font-size: 14px;
    font-weight: bold;
}

.forgottenPasswordLabel:hover {
    cursor: pointer;
}

.notification.is-warning {
    background-color: #EA4335;
    color: #fff;
    border-radius: 0;
}

.timesCircleWhiteIcon {
    background-image: url('../../../assets/images/icons/times-circle-white.svg');
}

.control {
    position:relative;
}

.viewPasswordIcon{
    background-image: url('../../../assets/images/icons/eye-blue.svg');
    height: 20px;
    width: 20px;
    position:absolute;
    top:50%;
    right:10px;
    transform:translateY(-50%);
    transition: all 0.2s;
}

.viewPasswordIcon:hover{
    cursor: pointer;
}

.maskPasswordIcon {
    background-image: url('../../../assets/images/icons/eye-slash-blue.svg');
    height: 20px;
    width: 20px;
    position:absolute;
    top:50%;
    right:10px;
    transform:translateY(-50%);
    transition: all 0.2s;
    display: none;
}

  .maskPasswordIcon:hover{
    cursor: pointer;
}