html{
    min-height:100vh;/* make sure it is at least as tall as the viewport */
    position:relative;
}
body{
    height:100vh; /* force the BODY element to match the height of the HTML element */
}

.page-container {
    background: rgb(231,231,236);
    background: linear-gradient(158deg, rgba(231,231,236,1) 5%, rgba(0,0,0,1) 15%);
    display: block;
    height: 100vh;
    /*padding: 15px;*/
}

.content {
    padding: 15px;
    display: block;
    height: 100vh;
}

.img-center {
    display: block;
    margin: 0 auto;
}

.score {
    padding: 10px 10px;
    border-radius: 10px;
}

.score.blue {
    background-color: dodgerblue;
}

.score h1 {
    font-size: 50px;
}

.score.blue h1,h2,h3,h4 {
    margin: unset;
    color: whitesmoke;
}

.content p,label,a {
    color: whitesmoke !important;
    font-size: 16px;
}

.btn.active {
    background-color: grey;
}

.m-10 {
    margin-top: 10px;
}

.menu-footer {
    border-top: 1px solid whitesmoke;
    background-color: #272727;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 1000;
}

.menu-footer a , i , span {
    text-align: center;
    display: block;
    font-size: 10px;
}

.menu-footer i {
    font-size: 25px;
    margin-bottom: 5px;
}
.menu-footer img {
    font-size: 10px;
    margin-bottom: 3px;
}

.btn-group-wrap {
    text-align: center;
}

div.btn-group {
    margin: 0 auto;
    text-align: center;
    width: inherit;
    display: inline-block;
}

.login-content {
    padding: 20px;
    background-color: white;
    border-radius: 10px;
}

.login-content label {
    color: black !important;
    font-size: 13px;
}

.text-dark {
    color: black !important;
}

.panel label{
    color: black !important;
    font-size: 12px;
    margin-top: 5px;
}

.panel-body span {
    display: inline-block;
}

.panel-body p {

    color: black !important;
    font-size: 12px;
    margin-top: 5px;
}

.panel-title {
    font-size: 20px;
}

.boxed-layout {
    padding-bottom: 100px;
}

.panel > .panel-heading .panel-title {
    font-size: 20px;
}

.modal-body label{
    color: black !important;
}

.modal-body p {
    color: black !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

    vertical-align: middle;

}

.span-inline {
    display: inline-block;font-size: 20px;color: darkorange
}

.text-warning {
    color: darkorange !important;
}

.loading {
    position: fixed;
    z-index: 99999999;
    height: 100%;
    width: 100%;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
    background-color: #000000b8;
}

.loading .content {
    position: relative;
    top: 40%;
}

.loading img {
    display: block;
    margin: 0 auto;
}