:root {
  --coldark: #1f1f1f;
  --collight: #EAEAEA;
  --colteal: #39C0BA;
  --colnagative: #F16953;
  --colpositive: #39BF87;
}
.bg-rhoe {
  background-color: var(--coldark) !important;
}

.bg-rhoe-teal {
  background-color: var(--colteal) !important;
}

a.bg-rhoe:hover, a.bg-rhoe:focus,
button.bg-rhoe:hover,
button.bg-rhoe:focus {
  background-color: var(--coldark) !important;
}

.navbar {
  background: var(--colteal)!important;
}

.sidebar.navbar-nav.navbar-jobs {
  background: var(--colteal)!important;
}

.nav-link.dropdown-toggle.user-name {
  color: var(--coldark) !important;
}

.tab-round {
  padding: 10px;
  color: #fff;
  background-color: var(--colteal);
  border-color: var(--colteal);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-left: 2px;
  margin-right: 2px;
}

.tab-round.active {
  padding: 10px;
  color: #fff;
  background-color: var(--coldark);
  border-color: var(--coldark);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.tab-text {
  color: #fff;
}

.tab-text:hover {
  color: #fff;
}

.tab-pane.fade {
  padding: 10px;
  background-color: var(--collight);
  border-color: var(--collight);
}

.card-header {
  padding: 10px;
  color: #fff;
  background-color: var(--coldark);
  border-color: var(--coldark);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.btn-link {
  color: #fff;
}

.btn-link:hover {
  color: #fff;
}

.btn-link.fade {
  padding: 10px;
  background-color: var(--collight);
  border-color: var(--collight);
}


.fas.fa-bell.fa-fw, .fas.fa-user-circle.fa-fw{
  color: var(--coldark)!important;
}

.btn-primary {
  color: #fff;
  background-color: var(--colteal);
  border-color: var(--colteal);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--colteal);
  border-color: var(--colteal);
  filter: brightness(95%);
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: var(--collight);
  border-color: var(--collight);
}

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

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: var(--coldark);
  border-color: var(--coldark);
}

.btn-secondary:hover {
  color: #fff;
  background-color: var(--coldark);
  border-color: var(--coldark);
  filter: brightness(95%);
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: var(--collight);
  border-color: var(--collight);
}

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

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-print {
  color: #fff;
  background-color: var(--colteal);
  border-color: var(--colteal);
  width: 500px;
  height: 30px;

}