*{
    font-family: 'Roboto', sans-serif;
}

.code{
    font-size: large;
    color:green;
}
.code:hover{
    font-size: xxx-large;
}

.img{
    width: 300px;
}
.logo-out{
    background-color: #009DE0;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
}
.content-top {
    background-color: #009DE0;
}
.dropdown .user-name, .fa-bars {
    color: white;
}
.show .user-name, .device {
    color: #009DE0;
}
.main-header{
    background: url(../img/logo_ferrimax_blue.png) no-repeat scroll 50% 50%;
    background-size: 90%;
}

.register-go, .login-go, .lang-login, .logout {
    text-decoration: none;
}
.lang-group-login {
    text-align: center;
    margin-top: 25px;
}
.lang-login {
    padding-left: 3%;
    padding-right: 3%;
}
.login-ico-username{
    background: url(../img/person-circle.svg) no-repeat scroll 0px 0px;   
}

.login-ico-password{
    background: url(../img/lock-fill.svg) no-repeat scroll 0px 0px;   
}

.login-ico-username, .login-ico-password {
    background-size: contain;
}

.login-input-username, .login-input-password, .register-input-username, .register-input-password {
    font-family: inherit;
    text-align: center;
    width: 100%;
    border: 0;
    outline: 0;
    border-bottom: 2px solid gray;
}
.submit-login, .submit-register{
    font-family: 'Roboto', sans-serif;
    border-color: transparent;
    border-radius: 10px;
    background-color:#92949C;
    color: white;
    letter-spacing : 2px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.checkbox-devices {
    text-align: right;
}

/**
 *
 * PROPORCIÓN MÓVIL
 *
 */
@media only screen and (max-width: 980px) {
    .img{
        width: 600px;
        height: 100%; 
    }
    .logo{
        padding-top: 6%;
        padding-bottom: 6%;
    }
    .login-go, .register-go, .title {
        font-size: 300%;
    }
    .lang-group-login{
        font-size: 200%;
        margin-top: 50px;
    }
    .login-input-username, .login-input-password, .register-input-username, .register-input-password {
        width: 100%;
        height:4em;
        outline: 0;
        font-size: 3.000rem;
        color: black;
        padding: 7px 0;
        background: transparent;
        transition: border-color 0.2s;
        padding-left: 0px;
    }
    .login-ico-username{
        background: url(../img/person-circle.svg) no-repeat scroll 10px 55px;   
    }
    
    .login-ico-password{
        background: url(../img/lock-fill.svg) no-repeat scroll 10px 55px; 
    }
    .login-ico-username::-webkit-input-placeholder,
    .login-ico-password::-webkit-input-placeholder {
        font-size: 2.534rem;
    }

    .login-ico-username, .login-ico-password {
        background-size: 7rem;
    }

    .submit-login, .submit-register {
        margin-top: 10%;
        padding-top: 5%;
        padding-bottom: 5%;
        font-size: xxx-large; 
        border-radius: 20px;
        letter-spacing : 5px;
    }
    .message-login, .previous-login, .security-login {
        font-size: 200%;
    }

    .responsive-header {
        align-items: center;
        background: url(../img/o_logo_ferrimax.png) no-repeat scroll 50% 50%;
        box-shadow: inset 0 -1px 0 var(--responsive-header-border-color);
        display: flex;
        justify-content: space-between;
        background-color: #009DE0 !important;
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .content-top, .sidebar{
        background-color: white;
    }
    .user-name {
        color: black;
    }
}