html {
  font-family: century-gothic, sans-serif !important;
  font-style: normal;
  font-size: 12px;
}

#login-body {
  background-color: #e6e6e6;
}

#login-btn {
  background-color: #000000;
  color: white;
}

#login-btn:hover {
  background-color: #131313;
}

#login-btn:active {
  background-color: #131313;
  box-shadow: 0 0 0 3px #131313;
}

#login-form {
  background-color: #e6e6e6;
  border: 1px solid black;
  padding: 35px 20px 35px 20px;
}

#login-heading {
  font-weight: bold;
  width: 100%;
  text-align: center;
  margin-top: 12vh;
}

#login-recovery {
  color: #000000;
  vertical-align: center;
}

#login-footer {
  float: right;
  height: 35px;
  margin: 0px 0px 20px -50px;
  text-align: right;
  padding: 10px 10px;
  width: 100%;
  position: absolute;
  bottom: 0;
}

#login-footer > img, #footer > img {
  height: 30px;
}

#logo {
  max-width:230px;
  max-height:95px;
  width: auto;
  height: auto;
}

#footer {
  text-align: right;
}

.sidebar-container {
  background-color: #808080 !important;
  padding: 10px;
  margin-top: 15px !important;
}

.resizable-resource-table,
.resizable-resource-table > thead > tr > th,
.flex.items-center.py-3.border-b.border-50,
.bg-20.p-3.text-center.rounded-b-lg.flex.justify-between {
  background-color: #cccccc;
}

.breadcrumbs {
  border-radius: 15px 15px 0 0 !important;
  background-color: #000000 !important;
}

.breadcrumbs .breadcrumbs__item:last-of-type, .breadcrumbs .breadcrumbs__item span {
  color: white !important;
}

.breadcrumbs .breadcrumbs__item a, .breadcrumbs .breadcrumbs__item span {
  font-weight: 200 !important;
  color: #ffffff !important;
}

.breadcrumbs .breadcrumbs__item a::after, .breadcrumbs .breadcrumbs__item span::after {
  color: white !important;
  font-weight: 200 !important;
}

.w-sidebar {
  width: 14.25rem;
}

.bg-grad-sidebar {
  background-image: none;
}

.btn-primary {
  background-color: #808080;
}

.btn-primary:hover {
  background-color: #000000 !important;
}

.btn-primary:active {
  background-color: #131313 !important;
  box-shadow: 0 0 0 3px #131313 !important;
}

td > div > span > a, td > div > button > svg {
  color: #A9A9A9 !important;
}

.btn.btn.btn-link.px-4.text-primary.dim {
  color: darkslategray;
}

.btn.btn-default.btn-primary.flex.items-center.justify-center.px-3.btn-disabled,
.btn.btn-default.btn-icon.btn-white.mr-3,
.btn.btn-default.btn-icon.bg-primary{
  background-color: #808080 !important;
}

.btn.btn-default.btn-icon.btn-white.mr-3 > svg {
  color: #ffffff;
}

.sidebar-icon > g > use:nth-child(2), .sidebar-icon > path {
  fill: #ffffff;
}