.body-login {
    background-image: url('/images/bgimage.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    overflow: hidden;
}

.span-error {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    text-align: center;
    color: white;
    background-color: red;
}

.admin-span-error {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    text-align: center;
    color: red;
}

.button-flat {
    margin-top: 1%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: none;
}

.floating-logout {
    float: right;
    color: white;
    vertical-align: bottom;
    border: none;
    background-color: transparent;
}

    .floating-logout:hover {
        text-decoration: underline;
    }

.floating-back {
    float: left;
    color: white;
    vertical-align: bottom;
    border: none;
    background-color: transparent;
}

    .floating-back:hover {
        text-decoration: underline;
    }

.fieldset-login {
    border: initial;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1%;
    border-style: solid;
    border-radius: 8px;
    width: 40%;
    border-color: white;
    background: rgba(137, 146, 151, 0.4);
    text-align: center;
}

.hidden-div {
    margin-top: 2%;
    margin-bottom: 0%;
    margin-right: auto;
    margin-left: auto;
    display: none;
    width: 90%;
    text-align: center;
    color: white;
    background-color: red;
}

.hidden-msg {
    display: none;
    color: red;
}

.response-msg {
    margin-bottom: 0;
}


@media (max-width: 1200px) {
    .body-login {
        background-image: url('/images/bg-tablet.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: fixed;
        background-size: cover;
        height: 100%;
        overflow: hidden;
    }

    .fieldset-login {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .body-login {
        background-image: url('/images/bg-mobile.jpg');
        background-repeat: no-repeat;
        background-position: center top;
        background-attachment: fixed;
        background-size: cover;
        height: 100%;
        overflow: hidden;
    }

    .fieldset-login {
        width: 100%;
    }
}




.legend-size {
    width: auto;
    border-bottom: none;
    text-align: left;
}

.legend-img {
    height: 45px;
}

.myUsername {
    width: 90%;
    box-sizing: border-box;
    border-radius: 4px;
}

.myPassword {
    margin-top: 1%;
    width: 90%;
    box-sizing: border-box;
    border-radius: 4px;
}

.myButtonReset {
    background-color: transparent;
    color: white;
    border: none;
    text-align: center;
    text-decoration: underline;
    font-size: 10px;
    width: 10%;
    margin-top: 1%;
    margin-bottom: 1%;
}

.myButton {
    background-color: transparent;
    border: solid;
    border-radius: 8px;
    color: white;
    padding: 5px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    width: 90%;
    margin-top: 2%;
    margin-bottom: 1%;
}

    .myButton:hover {
        background-color: #F1F5F7;
        color: #8EA1A9;
    }

    .myButton:disabled {
        background-color: #F1F5F7;
        color: #8EA1A9;
        cursor: not-allowed;
    }

.recoverPass {
    color: white;
    text-decoration: none;
    font-size: 1em;
    background: none;
    border:0;
}

    .recoverPass:hover {
        color: #CDDFE7;
        text-decoration: underline;
    }

.returnHome {
    color: white;
    text-decoration: none;
    font-size: .5em;
    text-align: center;
}

    .returnHome:hover {
        color: #CDDFE7;
        text-decoration: underline;
    }



.titleHead {
    color: white;
    text-decoration: none;
    text-align: center;
    margin-top: 13%;
    font-size: 3.5em;
}

.titleHead2 {
    color: white;
    text-decoration: none;
    text-align: center;
    font-size: 2em;
}