/* ================= Font Family =========== */
/* ================= Colors =========== */
/* ============== Define Color ============== */
/* ================= Font Size =========== */
/* ================= Padding =========== */
.guest-dashboard .sdg-detail .nav-tabs > li.active > a {
  background: #07325d;
}

.employee-dashboard .sidebar-left, .guest-dashboard .sidebar-left, .student-dashboard .sidebar-left {
  position: fixed;
  background: #041f2f;
  left: 0;
  top: 60px;
  padding-left: 15px;
  bottom: 0;
  width: 225px;
  height: 100vh;
  padding-top: 110px;
}

.guest-dashboard .sidebar-left {
  background: #07325d;
}

.employee-dashboard .sidebar-left li, .guest-dashboard .sidebar-left li, .student-dashboard .sidebar-left li {
  width: 100%;
}

.employee-dashboard .sidebar-left li a, .guest-dashboard .sidebar-left li a, .student-dashboard .sidebar-left li a {
  padding: 10px 0 10px 15px;
  color: #8c8ba6;
  font-size: 15px;
  margin-bottom: 20px;
  border-bottom: none;
}

.employee-dashboard .main-panel, .guest-dashboard .main-panel, .student-dashboard .main-panel {
  margin-left: 225px;
  background: #042e48;
  padding-top: 65px;
  width: calc(100% - 225px);
  color: #ffffff;
  min-height: 100vh;
}

.guest-dashboard .main-panel {
  background: url(../../images/data-stories/bg-body-6.png);
}

.employee-dashboard .page-title, .guest-dashboard .page-title, .student-dashboard .page-title {
  margin-top: 0;
  margin-bottom: 0;
}

.employee-dashboard .impact-box, .student-dashboard .impact-box {
  background: #03283e;
  border: 1px solid rgba(4, 46, 72, 0.3803921569);
}

.guest-dashboard .impact-box {
  background: rgba(7, 49, 90, 0.6392156863);
  border: 1px solid rgba(4, 46, 72, 0.3803921569);
}

.employee-dashboard .profile-page-box h4, .student-dashboard .profile-page-box h4 {
  border-bottom: 1px solid #042e48;
  color: #ffffff;
}

.guest-dashboard .profile-page-box h4 {
  border-bottom: 1px solid #163e67;
  color: #ffffff;
}

.employee-dashboard .impact-box-auto-height, .guest-dashboard .impact-box-auto-height, .student-dashboard .impact-box-auto-height {
  height: auto;
}

.employee-dashboard .progress, .guest-dashboard .progress, .student-dashboard .progress {
  height: 13px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background: #6c748c;
}

.employee-dashboard .htmllabels span, .guest-dashboard .htmllabels span, .student-dashboard .htmllabels span {
  color: #ffffff;
}

.employee-dashboard .progress-bar.bg-grey, .guest-dashboard .progress-bar.bg-grey {
  background: #8d8d8d;
}

.employee-dashboard .progress-bar.bg-success, .guest-dashboard .progress-bar.bg-success {
  background: #93c360;
}

.unsdg-tab li.active > a, .unsdg-tab li:hover > a {
  background-color: #54b9c7;
  color: #ffffff;
}

/*# sourceMappingURL=employeeGuestDashboard.css.map */