.comb-light {
  background-color: #ffffff;
  color: #000;
}
.comb-semi-dark {
  background-color: #5d5d5d;
  color: #ffffff;
}
.comb-dark {
  background-color: #2a2a2a;
  color: #ededed;
}
.theme-light {
  background-color: #ffffff;
  color: #000000;
}
.theme-light a,
.theme-light a:visited {
  color: #5d5d5d;
}
.theme-light a:hover,
.theme-light a:visited:hover {
  color: #f3b04e;
}
.theme-semi-dark {
  background-color: #5d5d5d;
  color: #ffffff;
}
.theme-semi-dark a,
.theme-semi-dark a:visited {
  color: #ffffff;
}
.theme-semi-dark a:hover,
.theme-semi-dark a:visited:hover {
  color: #f3b04e;
}
.theme-semi-dark ul:not(.mega-menu-column) {
  background-color: #5d5d5d;
}
.theme-semi-dark ul:not(.mega-menu-column) ul li:hover > a {
  background-color: #2a2a2a;
}
.theme-dark {
  background-color: #2a2a2a;
  color: #ededed;
}
.theme-dark a,
.theme-dark a:visited {
  color: #ededed;
}
.theme-dark a:hover,
.theme-dark a:visited:hover {
  color: #f3b04e;
}
.theme-dark ul:not(.mega-menu-column) {
  background-color: #2a2a2a;
}
.theme-dark ul:not(.mega-menu-column) ul li:hover > a {
  background-color: #5d5d5d;
}
.card-info.pattern-background-dark .card-header {
  background-color: initial;
  color: #f3b04e;
}
.card-info {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
  color: white;
  border-radius: 4px;
}
.card-info .card-body {
  background-image: initial;
  background-color: #5d5d5d;
  color: #ffffff;
  background-color: initial;
  padding: 4px;
}
.card-info .card-body > div {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: top;
}
.card-info .card-body > div:not(:last-child) {
  margin-right: 20px;
}
.card-info .card-body .section-photo img {
  width: 120px;
  height: 120px;
}
.card-info .card-body .section-main {
  margin-bottom: 0;
}
.card-info .card-body .section-main .data-description {
  display: block;
  font-size: 18px;
  color: #ffc107;
}
.card-info .card-body .section-main .data-subtitle {
  margin-top: 5px;
  font-size: small;
  color: lightgray;
}
.department-info .section-main {
  width: 100%;
}
.department-info .section-main div {
  margin-bottom: 0;
}
.ps-info {
  background-color: #5d5d5d;
  color: #ffffff;
}
.ps-info a,
.ps-info a:visited {
  color: #ffffff;
}
.ps-info a:hover,
.ps-info a:visited:hover {
  color: #f3b04e;
}
.ps-info ul:not(.mega-menu-column) {
  background-color: #5d5d5d;
}
.ps-info ul:not(.mega-menu-column) ul li:hover > a {
  background-color: #2a2a2a;
}
.ps-info .data-subtitle,
.ps-info .data-contents {
  font-size: 10px;
}
.employee-info .inactive-msg-cont {
  display: none !important;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.employee-info .inactive-msg {
  font-size: 24px;
  font-weight: bold;
  color: red;
}
.employee-info .inactive .inactive-msg-cont {
  display: flex !important;
}
.employee-info .loyalty-seal {
  padding: 2px 4px;
  color: yellow;
}