body, html {
    height: 100%;
    background-color: #000;
    color: #fcd901;
}


#profile-img {
    height: 180px;
}

.h-80 {
    height: 80% !important;
}

.form-label {vertical-align:middle !important}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #fcd901;
    color: #000 !important;
}

.btn-info {
    background-color: #fcd901;
    color:#000;
}

.nav-tabs .nav-link {
    color: #fcd901;
}

.modal-title, .modal-body {color:#000}

.btn-custom {
  background-color: #FCDC33;
  border-color: #FCDC33;
  color:#000;
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #fcd81a;
  border-color: #f8d104;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
  background-color: #FCDC33;
  border-color: #FCDC33;
}

.modal-fixed {
    overflow-y: auto;
    max-height: 70vh;
}

a, a:hover {color: #fcd901;}

.bgimg {
    position: absolute;
    right: 150px
}

@media (max-width: 991px) {
    .bgimg {display: none;}
    /*body {background-color: #ff0 !important}*/
}

.nopad {padding:0 !important}

.nav-link {
    display: block;
    padding: .3rem .4rem !important;
}

#ddlAttendances {width:100px !important; display:inline}
#imgTakePhoto{ cursor:pointer !important}

.freeClass {color:#f00}