@charset "UTF-8";
body{
    height: 100vh;
    font-family: 'IBM Plex Sans', sans-serif;
}
.smart {
    font-family: 'Roboto', sans-serif;
    font-size: 3rem;
    font-weight: 400;
    color: cornflowerblue;
}
.container{
    height: 100%;
}
.feedbackPanel{
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;

    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    /*color: #c09853;*/
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    /*background-color: #fcf8e3;*/
    /*border: 1px solid #fbeed5;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.feedbackPanel li {
    list-style-type: none;
}

.mensaje {
    position: fixed;
    top: 20px;
    right: 8px;
    z-index: 20000;
}
.app-name {
    text-align: center;
}

.inicie-sesion {
    font-size: 0.8rem;
    text-align: center;
}

.login-label {
    font-size: 0.8rem;
}

.recordar-label {
    font-size: 0.8rem;
    filter: opacity(50%);
}

.justificado {
    justify-content: center;
}
.continuar-boton {
    width: 80%;
}

.advertencia {
    font-size: 0.8rem;
    text-align: justify;
    width: 300px;
}
.mensaje-texto {
    font-size: 0.8rem;
    color: #383838;
}

button#toggle-password {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.8rem;
    filter: opacity(50%);
    padding: 0;
    right: 0;
}