html, body {
    height: 100%;
}


.login-card {
    color: #f66111;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d6d6d6+2,F66111+5,ffffff+100 */
}

.login-header {
    margin-bottom: 30px;
}

.login-footer {
    margin-top: 20px;
}

.login-card .form-control {
    border-color: #8C8C8C;
}


.login-shadow{
    background-color: #F7600F;
-webkit-box-shadow: inset 0px 5px 9px 0px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 5px 9px 0px rgba(0,0,0,0.5);
box-shadow: inset 0px 5px 9px 0px rgba(0,0,0,0.5);
width: 100%;
}



.input-group-prepend ~ .select2-container--bootstrap4 .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

label:not(.custom-control-label):not(.btn) {
    font-weight: bold;
}

.container {
    -webkit-box-shadow: 3px 5px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 3px 5px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 3px 5px 10px 0px rgba(0,0,0,0.5);
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
}

.version {
    font-size: 0.6rem;
    color: #d6d6d6;
}

    .version span {
        clear: both;
        display: inline-block;
    }

    .version a {
        color: #d6d6d6;
        text-decoration: underline;
    }

        .version a:hover {
            color: #000;
        }
.h-10{
    height: 10%;
}
.h-20{
    height: 20%;
}
.h-30{
    height: 30%;
}
.h-40{
    height: 40%;
}
.h-50{
    height: 50%;
}
.h-60{
    height: 60%;
}
.h-70{
    height: 70%;
}
.h-80{
    height: 80%;
}