.jumbotron {
   background-image: url(../icons/clouds.jpg);
   background-position: bottom left;
   background-repeat: repeat;
   background-size: cover;
   color: #fff;
}

.bmiCopyright {
   position: fixed;
   bottom: 10px;
   right: 10px;
   font-size: x-small;
}

.bmiVersion {
   position: fixed;
   bottom: 50px;
   right: 10px;
   font-size: small;
}

.form-signin {
   max-width: 330px;
   padding: 15px;
   margin: 0 auto;
}

.form-signin-heading {
   margin-bottom: 10px;
}

.rememberMe {
   width: 100%;
   text-align: center;
   margin: 5px;
}

#chkRememberMe {
   margin-right: 10px;
}

.bmiError {
   display: block;
   margin-top: 10px;
   padding: 8px 12px;
   background-color: #fff3cd;
   border: 1px solid #ffc107;
   border-radius: 4px;
   color: #856404;
   font-weight: normal;
   font-size: 0.9em;
}

#cmdbox img,
#cmdbox input[type="image"] {
   height: 40px;
   width: 40px;
   margin: 10px;
}

#pickUser {
   float: right;
   margin-right: 10px;
   margin-top: -50px;
}

#schedGrids img,
#schedGrids input[type="image"] {
   height: 40px;
   width: 40px;
}

.weeklyWeekend {
   background-color: #999999;
}

.widthDay {
   width: 40px;
}

.textBlack {
   color: #000 !important;
   font-weight: bold !important;
}

.modal-md {
   min-width: 50%;
}

.modal-lg {
   min-width: 65%;
}

.modal-xl {
   min-width: 80%;
}

.modal-dialog {
   pointer-events: auto !important;
}

.modalPopup {
   background-color: #0000ff !important;
   font-weight: bold;
   font-size: 1rem;
   padding: 3px;
   max-height: calc(100vh - 150px) !important;
   overflow-y: auto !important;
   -webkit-overflow-scrolling: touch !important;
}

.gridCheckbox {
   margin-left: 5px;
}

.top-header {
   background-color: #ddd;
   position: sticky;
   top: 0;
   margin: 0 0 0 0 !important;
   padding: 0 0 0 0 !important;
   width: 100% !important;
   z-index: 100 !important;
   border: solid 1px #888;
}