body {
  color: #333;
  font-family: 'Roboto', sans-serif;
}

.bg-dark {
  background-color: #283643 !important;
}

.bg-gradient-primary  {
  background-color: #283643;
  background-image: linear-gradient(180deg, #283643 10%, #283643 100%);
  background-size: cover;
}

.btn-primary, .btn-secondary {
   color: #fff;
   background-color: #7d91a0;
   border-color: #7d91a0;
 }

.btn-primary:hover, .btn-secondary:hover {
  color: #fff;
  background-color: #293643;
  border-color: #293643;
}

.btn-primary.disabled, .btn-primary:disabled,
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #7d91a0;
  border-color: #7d91a0;
  opacity: .65;
}

.btn-info {
  color: #fff;
  background-color: #808080;
  border-color: #808080;
}

.btn-info:hover {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #808080;
  border-color: #808080;
  opacity: .65;
}

.btn-info:focus, .btn-info.focus,
.btn-primary:focus, .btn-primary.focus {
  outline: none;
  text-decoration: none;
  box-shadow: none;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #808080;
  border-color: #808080;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #7d91a0;
  border-color: #7d91a0;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  outline: none;
  text-decoration: none;
  box-shadow: none;
}

.switch.nav-tabs .nav-link.active {
  background-color: #7d91a0;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
  background-color: unset !important;
}

.sidebar-dark .sidebar-heading {
  color: #ffffff;
}

.filters_container > i.fa,
.wc-date-container > i,
.calendar-days,
.cal-util > .ok {
  color: #7d91a0 !important;
}

.selected-day > span,
.year-title,
.wc-details,
.calendar-day:hover > span {
  background-color: #7d91a0 !important;
}

.today > span {
  border: none !important;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #7d91a0;
  border-color: #7d91a0;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #7d91a0;
}

#wrapper #content-wrapper {
  background-color: #f5f7fc;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #7d91a0;
}