/**LOGIN**/

html,
body {
    height: 100%;
    overflow: auto;
}

.all-width {
    width: 100% !important;
}

.full-size {
    height: 100% !important;
}

#login-frame {
    padding: 8vh 4vh 4vh 4vh;
}

.progress {
    position: absolute;
    margin: 0 !important;
    height: 0 !important;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
}

.progress.on {
    z-index: 9999;
    height: 4px !important;
}

#login-frame p {
    margin-bottom: 5vh;
}

#page {
    position: relative;
    height: 100% !important;
    /* Or whatever you want (eg. 400px) */
    overflow-y: scroll;
/*
    background-image: url("../../images/wallpapers/bg1.jpg");
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
*/
}

.no-margintop {
    margin-top: 0px !important;
}

.no-marginbottom {
    margin-bottom: 0px !important;
}

.no-mar-v {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.no-padding-top {
    padding-top: 0px !important;
}

.no-padding-bottom {
    padding-bottom: 0px !important;
}

.no-pad-v {
    padding-top: 0 !important;
    padding-bottom: 0px !important;
}

.zero-cool {
    padding: 0 !important;
    margin: 0 !important;
}

header,
main,
footer {
    padding-left: 240px;
}

@media only screen and (max-width: 600px) {
    #login-frame {
        height: 100% !important;
        background-attachment: fixed;
        overflow-y: scroll;
    }
}

.error-message {
    font-size: 0.8rem;
    margin-top: 5px;
}
.invalid {
    border-bottom: 1px solid #F44336 !important;
    box-shadow: 0 1px 0 0 #F44336 !important;
}