body,html {
  height: 90%;
  background-color: #222222;}
}

.datepicker-container{
  background-color: #333;
}

.datepicker-panel > ul > li {
  background-color: #333;
}

.datepicker-panel > ul > li:hover {
  background-color: rgb(129, 142, 155);
}

.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover {
  background-color: #333;
}

.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
  background-color: #333;
}

.page-content {
  flex: 1 0 auto;
}

.sticky-footer {
  flex-shrink: none;
}

.navbar-custom {
  background-color: #e9eeef;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
  color: #171717;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
  color: #171717;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
  color: #171717;
}