#dashboard_header {
  background: #444444;
  padding: 16px;
  box-shadow: 0px 4px 4px #00000033;
  min-height: 80px;
}
#dashboard_header .sidebar-toggler:focus {
  outline: none;
  box-shadow: none;
}
/* SIDEBAR */
.sidebar {
  background: #0089ff;
  box-shadow: 4px 0px 4px #00000033;
  border-radius: 0px 0px 20px 0px;
  position: fixed;
  top: 0px;
  z-index: 20;
  left: 0;
  padding-bottom: 15px;
}
.sidebar .list-group {
  overflow-y: scroll;
}
.sidebar .list-group::-webkit-scrollbar {
  display: none;
}
.sidebar .list-group .list-group-item {
  background-color: #0089ff;
  color: white;
  border-color: #5454564d !important;
  padding: 8px 16px;
  width: 110px;
}
/* .border-top {
  height: 5rem;
} */
.sidebar .list-group .list-group-item.active .view-item {
  background: #00000029 0% 0% no-repeat padding-box;
  border: 1px solid #ffffff80;
  border-radius: 16px;
  padding: 5px;
}
.sidebar .list-group .list-group-item .view-item:hover {
  background: #66b8ff9d;
  border-radius: 9px;
}
.sidebar .list-group .list-group-item .text {
  font: normal normal 500 12px/21px roboto;
  letter-spacing: -0.24px;
  color: #ffffff;
  text-shadow: 0px 2px 4px #0000004d;
}

.sidebar .sidebar-dropdown .arrow {
  width: 15px;
  height: 15px;
}
.sidebar .sidebar-dropdown:not(.collapsed) .arrow {
  transform: rotate(90deg);
  padding-right: 0px;
}
/* SIDEBAR */

/* Admin Sidebar */
.admin-sidebar {
  background: #0089ff;
  box-shadow: 4px 0px 4px #00000033;
  position: fixed;
  top: 0px;
  z-index: 20;
  left: 0;
  padding-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
  border-bottom-right-radius: 20px;
  height: calc(100% - 120px) !important;
}
.admin-sidebar-scrollable {
  overflow: auto;
  height: calc(100% - 120px) !important;
}
.admin-sidebar .list-group .list-group-item {
  background-color: #0089ff;
  border: none;
}
.admin-sidebar .list-group .list-group-item.active,
.admin-sidebar .list-group .list-group-item:hover {
  background: #00000020 0% 0% no-repeat padding-box;
  text-decoration: none;
}
.admin-sidebar .list-group .list-group-item.active .view-item {
  background: #00000029 0% 0% no-repeat padding-box;
  border: 1px solid #ffffff80;
  border-radius: 16px;
}
.admin-sidebar .list-group .list-group-item .view-item:hover {
  background: #33a8a6 0% 0% no-repeat padding-box;
  border-radius: 16px;
}
.admin-sidebar .list-group .list-group-item .text {
  font: normal normal bold 16px/22px Nunito;
  color: #ffffff;
}
.admin-sidebar .list-group .heading-text {
  font: normal normal 600 14px/17px Nunito;
  letter-spacing: 0.28px;
  color: #ffffff;
  background-color: #0089ff;
  border: none;
}
.admin-sidebar .admin-sidebar-dropdown .arrow {
  width: 15px;
  height: 15px;
}
.admin-sidebar .admin-sidebar-dropdown:not(.collapsed) .arrow {
  transform: rotate(90deg);
  padding-right: 0px;
}
.list-group-item .circle-icon {
  border: 3px solid #ffffff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
}
.admin-sidebar .list-group .admin-info {
  background: #00000022 0% 0% no-repeat padding-box;
  box-shadow: inset 0px -1px 0px #0000001a;
}
.admin-sidebar .list-group .admin-icon {
  width: 40px;
  height: 40px;
}
.admin-sidebar .list-group .admin-info .name {
  text-align: left;
  font: normal normal 400 14px/17px Nunito;
  color: #ffffff;
}

.create-group-btn {
  background: #ff8323 0% 0% no-repeat padding-box;
  border-radius: 4px;
  text-align: left;
  font: normal normal bold 15px/23px Nunito;
  color: #ffffff;
  max-height: 40px;
}
.create-group-btn .white-plus-sign {
  width: 14px;
  height: 14px;
}
.user-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #00000033;
  border-radius: 8px;
  font: normal normal 800 16px/22px Nunito;
  color: #444444;
  text-transform: capitalize;
}
.user-card-bg {
  border-radius: 8px 8px 0px 0px;
  opacity: 1;
}
.user-card-icon {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.admin-sidebar .list-group .admin-dropdown {
  font: normal normal 800 15px/14px Nunito;
  color: #ffe7ae;
}
.admin-sidebar .list-group .admin-dropdown:focus {
  outline: none;
  box-shadow: none;
}
#dashboard_header .admin-sidebar-toggler:focus {
  outline: none;
  box-shadow: none;
}
.school-logo {
  height: 40px !important;
  width: auto !important;
}
/* Admin Sidebar */

/* HEADER */
#dashboard_header .wizklub-logo {
  position: absolute;
  top: -16px;
  width: 124px;
  left: -15px;
  z-index: 30;
  height: 80px;
  background: #0089ff;
}
#dashboard_header .wizklub-logo-fullscreen {
  background: url(https://assets.wizklub.com/images/dashboard/header/bg-logo-fullscreen.svg) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
#dashboard_header .wizklub-logo img.logo {
  width: 126px;
  height: 28px;
}
#dashboard_header .wizklub-logo img.logo-icon {
  width: 52px;
  height: 52px;
}
#dashboard_header .wizklub-logo img.toggle-icon {
  width: 40px;
  height: 40px;
}
#dashboard_header .has-search input {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #b6c5cc;
  border-radius: 20px;
  font: normal normal 500 15px/17px Nunito;
  letter-spacing: 0px;
  color: #999999;
}
#dashboard_header .notification-btn.dropdown-toggle::after {
  display: none;
}
#dashboard_header .notification-btn .badge-notify {
  background: #0089ff 0% 0% no-repeat padding-box;
  border: 1px solid #ffffff;
  font: normal normal 600 11px/16px Nunito;
  letter-spacing: 0.44px;
  color: #ffffff;
  position: absolute;
  border-radius: 40px;
  height: 20px;
  right: 5px;
}
#dashboard_header .rewards {
  background: #fff4eb 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 8px #00000042;
  border: 1px solid #facaa5;
  border-radius: 25px;
  max-height: 48px;
}
#dashboard_header .rewards .points {
  text-align: center;
  font: normal normal 500 13px/20px sofia-pro;
  letter-spacing: 0px;
  color: #555555;
  margin-top: -10px;
}
#dashboard_header .rewards .points .highlight {
  font: normal normal 500 15px/20px sofia-pro;
  color: #0089ff;
}
#dashboard_header .rewards .badges-text {
  position: absolute;
  text-align: center;
  font: normal normal bold 12px/18px Sofia-Pro;
  letter-spacing: 0px;
  color: #545456;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#dashboard_header .menu-dropdown.dropdown-toggle::after {
  display: none;
}
#dashboard_header .search-icon {
  width: 22px;
}
#dashboard_header .kidname {
  font: normal normal 600 15px/21px Nunito;
  letter-spacing: 0px;
  color: #ffffff;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 14ch;
}
#dashboard_header .current-level {
  font: normal normal 800 13px/21px Nunito;
  letter-spacing: 0.52px;
  color: #ffcb4f;
}
#dashboard_header .wiz.dropdown .dropdown-toggle {
  background: transparent;
  border: none;
  border-radius: none;
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
  padding: 9px;
  width: auto;
}
/* HEADER */
/* DASHBOARD SECTIONS */
.dashboard {
  padding-top: 85px;
  min-height: 100vh;
  width: 100%;
}
.dashboard::before {
  background: #e9f5ff 0% 0% no-repeat padding-box;
  background-image: url(https://assets.wizklub.com/images/dashboard/dashboard-bg.svg);
  background-repeat: repeat;
  background-position: center top;
  content: "";
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  will-change: transform;
  z-index: -1;
}
/* WEBINAR SECTION */
.dashboard .webinar-card .webinar-heading {
  text-align: left;
  font: normal normal bold 20px/22px Nunito;
  letter-spacing: 0.4px;
  color: #333333;
}
.dashboard .webinar-card .webinar-heading .label,
.dashboard .my-student-card .label {
  text-align: left;
  font: normal normal bold 20px/16px Nunito;
  letter-spacing: 0.4px;
  color: #0089ff;
}
.view-all-link {
  text-align: right;
  font: normal normal bold 12px/16px Nunito;
  letter-spacing: 0px;
  color: #286efa;
}
.dashboard .webinar-card .webinar-description {
  text-align: left;
  font: normal normal normal 13px/18px Nunito;
  letter-spacing: 0px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
}
.dashboard .webinar-card .total-members {
  text-align: left;
  font: normal normal bold 11px/16px Nunito;
  letter-spacing: 0.22px;
  color: #bbbbbb;
}
.dashboard .webinar-card .webinar-status {
  text-align: left;
  font: normal normal 800 13px/17px Nunito;
  letter-spacing: 0px;
  color: #4d4d4d;
}
.dashboard .webinar-card .webinar-status .mode {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.dashboard .webinar-card .join-webinar-btn {
  font: normal normal bold 12px/22px Nunito;
  padding: 8px 20px;
  border-radius: 8px;
}
/* WEBINAR SECTION */
.dashboard .event-card .event-year {
  font: normal normal bold 12px/30px Nunito;
}
.dashboard .event-card .title {
  text-align: left;
  font: normal normal bold 16px/26px Nunito;
}
.dashboard .event-card .description {
  text-align: left;
  font: normal normal 600 12px/18px Nunito;
}
.dashboard .event-card .event-logo {
  width: 92px;
  height: auto;
  object-fit: scale-down;
}
/* Event Card Section */

/* Event Modal Section */

.tec-olympiad-confirmation-modal .heading {
  font: normal normal 800 32px/6px Nunito;
  color: #6b290c;
}
.tec-olympiad-confirmation-modal .description {
  text-align: center;
  font: normal normal 600 17px/26px Nunito;
  color: #444444;
}

/* Event Modal Section */

/* Event Card Section */
/* Wizklub card */
.dashboard .wizklub-card {
  width: 100%;
  border: 0;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 16px #00929057;
  border-radius: 12px;
}
.dashboard .wizklub-card .card-header .label,
.dashboard .my-notes .label {
  text-align: left;
  font: normal normal bold 20px/27px Nunito;
  letter-spacing: 0px;
  color: #545456;
}
.dashboard .wizklub-card .card-header .filter {
  background: #0089ff 0% 0% no-repeat padding-box;
  border: 1px solid #0089ff;
  border-radius: 4px;
  font: normal normal 600 12px/17px Nunito;
  color: #ffffff;
}
.dashboard .view-all {
  text-align: right;
  font: normal normal 600 11px/16px nunito;
  letter-spacing: 0px;
  color: #286efa;
  margin-left: auto;
}
/* Wiz card */
/* CURRENT ACTIVE SESSION SECTION */
.dashboard .current-course .card-header .current-course-name {
  background: #fcefea 0% 0% no-repeat padding-box;
  border: 1px solid #f99c55;
  border-radius: 12px;
  text-align: center;
  font: normal normal 12px/14px Nunito;
  letter-spacing: 0px;
  color: #f99c55;
}
.dashboard .current-course .no-session-image {
  opacity: 0.4;
}
.dashboard .current-course .no-session-description {
  font: normal normal 600 16px/22px Nunito;
  letter-spacing: 0px;
  color: #666666;
}
.dashboard .current-course .session-list {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; /* IE and Edge */
}
.dashboard .current-course .session-list::-webkit-scrollbar {
  display: none;
}
.dashboard .current-course .session-list .card {
  max-width: 240px;
  min-width: 210px;
  border: 0;
  display: inline-block;
}
.dashboard .current-course .session-list .card-body {
  background: #faffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 4px #35a7a64d;
  border-radius: 16px;
  border: none;
}
.dashboard .current-course .session-list .card-body .card-title {
  text-align: left;
  font: normal normal bold 15px/21px Nunito;
  color: #333333;
  white-space: initial;
}
.dashboard .current-course .session-list .card-body .card-text {
  text-align: left;
  font: normal normal normal 13px/18px Nunito;
  color: #333333;
  white-space: initial;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dashboard .current-course .session-list .card-body .session-status {
  text-align: left;
  font: normal normal bold 10px/16px Nunito;
  color: #465555;
}
.dashboard .current-course .session-list .card-body .progress {
  height: 4px;
}
.dashboard .current-course .session-list .card-body .progress-value {
  text-align: left;
  font: normal normal 500 10px/16px Nunito;
  color: #465555;
}
.dashboard .current-course .session-list .footer {
  background: transparent linear-gradient(0deg, #ff6ba0 0%, #ffffff 300%) 0% 0% no-repeat padding-box;
  border-radius: 0px 0px 16px 16px;
  font: normal normal 600 10px/16px Nunito;
  color: #ffffff;
  text-transform: uppercase;
}
/* CURRENT ACTIVE SESSION SECTION */
/* Popular Programs */

.popular-programs .popular-programs-card {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.popular-programs .popular-programs-card.green {
  background-image: url(https://assets.wizklub.com/images/dashboard/home/bg-popular-programs-card-green.png);
}
.popular-programs .popular-programs-card.orange {
  background-image: url(https://assets.wizklub.com/images/dashboard/home/bg-popular-programs-card-orange.png);
}
.popular-programs .popular-programs-card.skyblue {
  background-image: url(https://assets.wizklub.com/images/dashboard/home/bg-popular-programs-card-blue-v2.png);
}
.popular-programs .popular-programs-card.blue {
  background-image: url(https://assets.wizklub.com/images/dashboard/home/bg-popular-programs-card-skyblue-v2.png);
}
.popular-programs .popular-programs-card .title {
  text-align: left;
  font: normal normal 800 14px/21px Nunito;
  letter-spacing: 0px;
  color: #ffffff;
}
.popular-programs .popular-programs-card .description {
  text-align: left;
  font: normal normal 600 13px/19px Nunito;
  letter-spacing: 0px;
  color: #ffffff;
}
/* Popular Programs */
/* Workout Section */
.dashboard .current-workout .card-body .workout-list {
  max-height: 200px;
}
.dashboard .current-workout .card-body .workout-list::-webkit-scrollbar {
  display: none;
}
.dashboard .current-workout .card-body .workout-list .workout-card {
  box-shadow: 0px 1px 4px #00929033;
  border-radius: 4px;
}
.dashboard .current-workout .card-body .workout-list .workout-card .icon {
  min-width: 42px;
  min-height: 42px;
  box-shadow: 0px 1px 4px #00929033;
  border-radius: 4px;
}
.dashboard .current-workout .card-body .workout-list .workout-card .title {
  text-align: left;
  font: normal normal bold 13px/18px Nunito;
  letter-spacing: 0px;
  color: #555555;
}
.dashboard .current-workout .card-body .workout-list .workout-card .type {
  text-align: left;
  font: normal normal bold 12px/16px Nunito;
  letter-spacing: -0.24px;
}
.dashboard .current-workout .card-body .workout-list .workout-card-fff3e8 {
  background: #fff6e4 0% 0% no-repeat padding-box;
  border: 1px solid #f9d0ab;
}
.dashboard .current-workout .card-body .workout-list .workout-card-fff3e8 .icon {
  background: #ffb16b 0% 0% no-repeat padding-box;
}
.dashboard .current-workout .card-body .workout-list .workout-card-fff3e8 .type {
  color: #e27a1e;
}
.dashboard .current-workout .card-body .workout-list .workout-card-e8faeb {
  background: #e8faeb 0% 0% no-repeat padding-box;
  border: 1px solid #b9e3c0;
}
.dashboard .current-workout .card-body .workout-list .workout-card-e8faeb .icon {
  background: #86da95 0% 0% no-repeat padding-box;
}
.dashboard .current-workout .card-body .workout-list .workout-card-e8faeb .type {
  color: #65b472;
}
.dashboard .current-workout .card-body .workout-list .workout-card-f3f6ff {
  background: #f3f6ff 0% 0% no-repeat padding-box;
  border: 1px solid #ced6f3;
}
.dashboard .current-workout .card-body .workout-list .workout-card-f3f6ff .icon {
  background: #bcc6e2 0% 0% no-repeat padding-box;
}
.dashboard .current-workout .card-body .workout-list .workout-card-f3f6ff .type {
  color: #ced6f3;
}

/* Workout Section */
/* BATCH SECTION */

.dashboard .current-batch .nav.nav-tabs {
  border-bottom: 1px solid #ea6c3d !important;
}
.dashboard .current-batch .batch-nav {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}
.dashboard .current-batch .batch-nav .batch-nav-item {
  white-space: nowrap;
}
.dashboard .current-batch .nav .nav-item .nav-link:hover {
  border-bottom: 1px solid #ea8b42 !important;
}
.dashboard .current-batch .nav .nav-item .nav-link {
  text-align: center;
  font: normal normal 600 14px/19px Nunito;
  box-shadow: 0px 0px 10px #00000042;
  color: #aaaaaa !important;
}
.dashboard .current-batch .nav .nav-item .nav-link.active {
  background: #00bba2 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #00000042;
  color: #ffffff !important;
  text-shadow: 0px 2px 4px #00000033 !important;
  border: 1px solid transparent !important;
}
.dashboard .current-batch .tab-content {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: -2px 6px 20px #00000033;
  border-radius: 0px 0px 6px 6px;
}
.dashboard .current-batch .tab-content .batch-detail-card {
  background: #545456 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 4px #0089ff33;
  border: 2px solid #b8ddfc;
  border-radius: 16px 0px;
  color: #ffffff;
  text-shadow: 0px 2px 4px #00000029;
}
.dashboard .current-batch .tab-content .batch-detail-card .image,
.wizklub-batches .batch-info-card .batch-detail-card .image {
  width: 40px;
  height: 40px;
  padding: 2px;
  object-fit: scale-down;
  border-radius: 50%;
  background: #d6fffe 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 10px #00000057;
}
.dashboard .current-batch .tab-content .batch-detail-card .location {
  font: normal normal normal 10px/14px Nunito;
  letter-spacing: 0.1px;
}
.dashboard .current-batch .tab-content .batch-detail-card .instructor-name {
  font: normal normal bold 15px/20px Nunito;
  letter-spacing: 0.15px;
}
.dashboard .current-batch .tab-content .batch-detail-card .instructor-type {
  font: normal normal 11px/13px Nunito;
  letter-spacing: 0.11px;
}
.dashboard .current-batch .tab-content .batch-detail-card .program-type {
  font: normal normal bold 12px/16px Nunito;
  letter-spacing: 0.12px;
  text-align: left;
}
.dashboard .current-batch .tab-content .batch-detail .time .heading {
  font: normal normal 800 15px/20px Nunito;
}
.dashboard .current-batch .tab-content .batch-detail .time .sub-heading {
  font: normal normal 600 12px/25px Nunito;
}
.dashboard .current-batch .tab-content .batch-detail .time .heading-xl {
  font: normal normal bold 22px/16px Nunito;
}
.dashboard .current-batch .tab-content .batch-detail .join-button {
  font: normal normal 800 15px/20px Nunito;
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: capitalize;
}
.dashboard .current-batch .tab-content .batch-detail .vl {
  border-left: 6px solid green;
  height: 100%;
}
.dashboard .current-batch .batch-session-details {
  top: 18%;
  left: 30%;
}
.dashboard .current-batch .batch-session-details .session-count {
  font: normal normal 300 32px/38px Sofia-Pro;
  color: #cb872f;
}
.dashboard .current-batch .batch-session-details .session-status {
  font: normal normal medium 13px/14px Nunito;
  color: #888888;
}
.dashboard .current-batch .batch-name {
  font: normal normal 600 16px/22px Nunito;
}

/* OLD */
.dashboard .batch {
  border: none;
  background: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-left: -20px;
}
.dashboard .batch .label {
  text-align: center;
  font: normal normal normal 20px/26px sofia-pro-soft;
  letter-spacing: 0.8px;
  color: #ea6c3d;
  margin-top: 50px;
}
.dashboard .batch .card-header {
  border: none;
  background-color: transparent;
}
.dashboard .batch .schedule-box {
  border: 2px solid #7ac3ca;
  border-radius: 8px;
}
.dashboard .batch .schedule-image {
  display: block;
  margin: 0 auto;
}
.dashboard .batch .schedule {
  text-align: center;
  font: normal normal 800 15px/25px Nunito;
  letter-spacing: 0px;
  color: #0f7a79;
}
.dashboard .batch .batch-details.label {
  text-align: left;
  font: normal normal 500 13px/17px Nunito;
  letter-spacing: 0px;
  color: #888888;
  margin-top: 0;
  margin-bottom: 1rem;
}
.dashboard .batch .batch-details.value {
  text-align: left;
  font: normal normal bold 13px/16px Nunito;
  letter-spacing: 0px;
  color: #888888;
}
.dashboard .batch .batch-start-tag {
  text-align: center;
  font: normal normal 500 13px/16px Nunito;
  letter-spacing: 0px;
  color: #0f7a79;
}
.dashboard .batch .time-left {
  text-align: center;
  font: normal normal bold 26px Nunito;
  letter-spacing: 0px;
  color: #ea6c3d;
}
/* BATCH SECTION */

/* DASHBOARD NEW HOME PAGE */
.wizklub-product .label {
  text-align: left;
  font: normal normal bold 20px/24px Chivo;
  letter-spacing: 0px;
  color: #545456;
  opacity: 1;
}
.wizklub-product .sub-label {
  text-align: left;
  font: normal normal bold 14px/17px Chivo;
  letter-spacing: 0px;
  color: #545456;
  opacity: 1;
}
.wizklub-product .daily-workouts-btn {
  background: url("https://assets.wizklub.com/images/dashboard/home/bg-daily-workouts.svg");
  text-align: center;
  font: normal normal bold 17px/20px Chivo;
  letter-spacing: 0.68px;
  color: #ffffff;
  text-shadow: 0px 2px 4px #00000066;
  text-transform: uppercase;
  opacity: 1;
  padding: 15px 60px;
}

/* SESSION COMPLETION OVERVIEW SECTION */
.progress-card {
  box-shadow: 0px 4px 16px #00929057;
  border-radius: 6px;
  border: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.progress-card .progress-view {
  background-image: url(https://assets.wizklub.com/images/dashboard/home/sticky-notes.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 27px;
  background-position: center;
}
.progress-card .progress-view .number {
  text-align: center;
  font: normal normal 300 32px/38px sofia-pro;
  letter-spacing: 0px;
  color: #cb872f;
  padding-top: 28px;
  padding-left: 20px;
}
.progress-card .progress-view .description {
  text-align: center;
  font: normal normal 500 12px/14px Nunito;
  letter-spacing: 0px;
  color: #888888;
  padding-bottom: 38px;
  padding-left: 20px;
}
/* SESSION COMPLETION OVERVIEW SECTION */
.completion-card .heading {
  font: normal normal normal 44px/53px sofia-pro;
  color: #555555;
}
.completion-card .sub-heading {
  font: normal normal bold 14px/20px Nunito;
  color: #777777;
}
/* BADGE SECTION */
.badge-card {
  border: none;
  background: #faffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 16px #00929057;
  border-radius: 6px;
}
.badge-card .label {
  text-align: center;
  font: normal normal bold 14px/23px Nunito;
  letter-spacing: 0.28px;
  color: #333333;
}
.badge-card .card-image {
  background: url(https://assets.wizklub.com/images/dashboard/home/bg-badge.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.badge-card .value {
  text-align: center;
  font: normal normal 800 14px/4px Nunito;
  letter-spacing: 0.28px;
  color: #ea6c3d;
}
.badge-icon {
  background: url(https://assets.wizklub.com/images/dashboard/home/badge.svg);
  height: 122px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  font: normal normal bold 28px/135px sofia-pro;
  color: #cb872f;
}
/* BADGE SECTION */

/* POINTS EARNED SECTION */
.points-card-bg {
  background-image: url(https://assets.wizklub.com/images/dashboard/home/bg-points.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.points-card .points-earned-total {
  text-align: center;
  font: normal normal bold 18px/27px sofia-pro;
  color: #ea6c3d;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.points-card .badges-earned-total {
  font: normal normal bold 26px/40px sofia-pro;
  letter-spacing: 0px;
  color: #545456;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.points-card .points-earned-button {
  background: #0089ff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000033;
  border: 1px solid #00cdfa;
  border-radius: 15px;
  text-align: center;
  font: normal normal bold 14px/27px Nunito;
  letter-spacing: 0.28px;
  color: #333333;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%);
}
.points-card .points-earned-button:disabled {
  background: #c8d0d4 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000033;
  border: 1px solid #b6bebf;
  color: #54545667;
}
.points-card .point-earned-title {
  font: normal normal 800 14px/18px Nunito;
  color: #0089ff;
}
.points-card .point-earned-description {
  font: normal normal 600 12px/16px Nunito;
  letter-spacing: 0.24px;
  color: #333333;
}
/* POINTS EARNED SECTION */
/* LEADERBOARD SECTION */
.dashboard .leaderboard-card {
  max-height: 400px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 16px #00929057;
  border: 0;
  border-radius: 10px;
}
.leaderboard-card .card-header {
  background: transparent linear-gradient(270deg, #0089ff 0%, #545456 100%) 0% 0% no-repeat padding-box;
  border-radius: 6px 6px 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  font: normal normal bold 20px/27px Nunito;
  letter-spacing: 0px;
  color: #ffffff;
}
.leaderboard-card .list-group {
  overflow: auto;
  max-height: 300px;
}
.leaderboard-card .list-group::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ea6c3d;
}
.leaderboard-card .list-group-item {
  background: white;
  box-shadow: 0px 1px 4px #0000004d;
  border-radius: 12px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  margin-left: 20px;
  color: #009290;
  border: 0;
}
.leaderboard-card .list-group-item:hover {
  background: #24c0bf 0% 0% no-repeat padding-box;
}
.leaderboard-card .list-group-item.gold {
  background: transparent linear-gradient(90deg, #ffe093 0%, #fffdf9 50%, #ffe093 100%) 0% 0% no-repeat padding-box;
  color: #e68f26;
}
.leaderboard-card .list-group-item.silver {
  background: transparent linear-gradient(90deg, #ececec 0%, #fdfdfd 50%, #ececec 100%) 0% 0% no-repeat padding-box;
  color: #909090;
}
.leaderboard-card .list-group-item.bronze {
  background: transparent linear-gradient(90deg, #ffe2ca 0%, #fffaf6 50%, #ffe2ca 100%) 0% 0% no-repeat padding-box;
  color: #db7511;
}
.leaderboard-card .list-group-item.own {
  background: transparent linear-gradient(90deg, #ffe0f2 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
}
.leaderboard-card .list-group-item .theme-icon {
  position: absolute;
  left: -20px;
}
.leaderboard-card .list-group-item .level {
  font: normal normal 600 12px/25px Nunito;
  letter-spacing: 0px;
  color: #bbbbbb;
}
.leaderboard-card .list-group-item .points {
  font: normal normal bold 14px/25px Nunito;
  letter-spacing: 0px;
  color: #545456;
}
.leaderboard-card .list-group-item .badges {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.leaderboard-card .list-group-item .rewards {
  font: normal normal bold 14px/22px sofia-pro;
  letter-spacing: 0px;
  color: #cb872f;
}
/* LEADERBOARD SECTION */

/* WATCH RECORDING SECTION */
.watch-recording-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 16px #00929057;
  border-radius: 10px;
  border: none;
  min-height: 400px;
  max-height: 400px;
}
.watch-recording-card .card-header {
  border: none;
  border-radius: 10px 10px 0px 0px;
  background-color: transparent;
}
.watch-recording-card .card-header .label {
  text-align: left;
  font: normal normal bold 20px/27px Nunito;
  letter-spacing: 0px;
  color: #ea6c3d;
  margin-top: 10px;
}
.dashboard .watch-recording-list {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.dashboard .watch-recording-list::-webkit-scrollbar {
  display: none;
}
.watch-recording-card .recording-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 8px #35a7a666;
  border-radius: 10px;
  border: none;
  display: inline-block;
  margin: 5px 15px 10px 15px;
  min-width: 250px;
}
.watch-recording-card .recording-card .card-header {
  text-align: right;
  font: normal normal 600 12px/20px Nunito;
  letter-spacing: 0px;
  color: #333333;
  font-weight: bolder;
  background: #e9f5ff 0% 0% no-repeat padding-box;
}
.watch-recording-card .recording-card .title {
  text-align: left;
  font: normal normal bold 14px/21px Nunito;
  letter-spacing: 0px;
  color: #914716;
}
.watch-recording-card .recording-card .description {
  text-align: left;
  font: normal normal normal 13px/17px Nunito;
  letter-spacing: 0px;
  color: #333333;
  white-space: break-spaces;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.watch-recording-card .recording-card .btn .show-recording-icon {
  width: 13px;
  height: 13px;
}
/* WATCH RECORDING SECTION */

/* FEATURED PROJECTS SECTION */
.featured-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 16px #00929057;
  border-radius: 10px;
  border: 0;
  margin-bottom: 40px;
}
.featured-card .card-header {
  border: none;
  border-radius: 10px 10px 0px 0px;
  background-color: transparent;
}
.featured-card .card-header .label {
  text-align: left;
  font: normal normal bold 20px/27px Nunito;
  letter-spacing: 0px;
  color: #545456;
  margin-top: 10px;
}
.featured-card .card-header .view-all {
  font: normal normal bold 15px/22px Nunito;
  color: #666666;
}
.dashboard .featured-projects-list {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.dashboard .featured-projects-list::-webkit-scrollbar {
  display: none;
}
.featured-card .featured-project {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 20px #35a7a64d;
  border-radius: 10px;
  min-width: 300px;
  max-width: 300px;
  display: inline-block;
  margin-right: 30px;
}
.featured-card .featured-project .title {
  text-align: left;
  font: normal normal bold 20px/21px Nunito;
  letter-spacing: 0px;
  color: #096abd;
  white-space: break-spaces;
}
.featured-card .featured-project .author {
  text-align: left;
  font: normal normal normal 13px/25px Nunito;
  letter-spacing: 0px;
  color: #999999;
}
.featured-card .featured-project .description {
  text-align: left;
  font: normal normal 500 13px/20px Nunito;
  letter-spacing: 0px;
  color: #333333;
  white-space: normal;
}
.featured-card .featured-project .show-featuredproject-btn {
  position: absolute;
  right: -20px;
  padding: 12px 10px 16px 10px;
}
.featured-card .featured-project .description-height {
  min-height: 60px;
}
.featured-card .featured-project .meta-info {
  font: normal normal 600 12px/16px Nunito;
  letter-spacing: 0px;
  color: #666666;
}
/* FEATURED PROJECTS SECTION */

/* Wizklub Dashboard Navbar */
.wiz-back-desc a {
  font: normal normal bold 14px/18px Nunito;
  letter-spacing: 0px;
  color: #555555 !important;
  padding: 8px 8px 8px 8px;
  display: contents;
}
.wiz-dashboard-navbar {
  text-align: center;
  letter-spacing: 0px;
  text-transform: capitalize;
}
.wiz-dashboard-navbar a {
  color: #888888 !important;
  padding: 8px 8px 8px 8px !important;
}
.wiz-dashboard-navbar a.active {
  color: #0089ff !important;
  border-bottom: 2px solid #0089ff !important;
  opacity: 1 !important;
}
.wiz-dashboard-navbar li {
  width: 33.3%;
  text-align: center;
}
.filters-title {
  font: normal normal bold 13px/18px Nunito;
  color: #000000;
}
.wiz-filter {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  padding: 8px 12px 8px 12px;
}
.icon-description {
  font: normal normal 600 14px/17px Nunito;
  letter-spacing: 0px;
  color: #333333;
  padding: 4px 0px 0px 10px;
}
.wiz-back-desc a:last-child {
  color: #ff6ba0 !important;
}
/* Wizklub Dashboard Navbar */

/* WizKlub Card */
.wiz-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0000001f;
  border: 0;
  border-radius: 20px 20px 20px 20px;
  margin: 0px 0px 20px 0px;
}
/* WizKlub Card */

/* WizKlub Modal */
.wiz-modal {
  background: #033130cc 0% 0% no-repeat padding-box;
}
.wiz-modal .modal-content {
  background-image: url(https://assets.wizklub.com/images/dashboard/util/bg-dash-popup-v2.svg);
}
.wiz-modal .modal-header .close:focus {
  outline: none;
}
.wiz-modal .modal-body .modal-title {
  text-align: left;
  letter-spacing: 0px;
  color: #545456;
  text-shadow: 0px 3px 6px #00000029;
}
.wiz-modal .modal-body .modal-text {
  text-align: left;
  letter-spacing: 0px;
  color: #545456;
  text-shadow: 0px 3px 6px #00000029;
}
.wiz-modal .modal-body .wiz-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 30px #0000004d;
  border-radius: 10px;
  border: 6px solid #00cdfa;
}
.wiz-modal .modal-body .sec-title {
  text-align: center;
  font: normal normal bold 20px/16px Nunito;
  letter-spacing: 0.4px;
  color: #545456;
}
.wiz-modal .modal-body .wiz-dropbox {
  font-size: 1.25rem;
  background-color: #faffff;
  position: relative;
  padding: 0px 20px 30px 20px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.wiz-modal .modal-body .wiz-dropbox.has-advanced-upload {
  outline: 1px dashed #707070;
  -webkit-transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
}
.wiz-modal .modal-body .wiz-dropbox.is-dragover {
  outline-offset: -20px;
  outline-color: #c8dadf;
  background-color: #fff;
}
.wiz-modal .modal-body .wiz-dropbox .wiz-box-input .bg-dragdrop {
  width: 157px;
}
.wiz-modal .modal-body .wiz-dropbox .wiz-box-input .label {
  text-align: center;
  font: normal normal 600 15px/26px Nunito;
  letter-spacing: 0.3px;
  color: #555555;
}
.wiz-modal .modal-body .wiz-dropbox .wiz-box-input .btn-wiz-0497c4 {
  cursor: pointer;
  display: block;
  padding: 5px 12px;
  width: fit-content;
  margin: auto;
}
.wiz-modal .modal-body .wiz-dropbox .wiz-box-input .selected-info {
  font: normal normal 600 13px/14px Nunito;
  letter-spacing: 0.52px;
  color: #286efa;
}
.wiz-modal .modal-body .wiz-dropbox .wiz-box-input .preview-mode-btn {
  font: normal normal 600 15px/17px Nunito;
  letter-spacing: 0.52px;
  color: #047496;
  text-decoration: underline;
  cursor: pointer;
}
.wiz-box-dragndrop,
.wiz-box-icon {
  display: none;
}
.wiz-modal .modal-body .wiz-dropbox.has-advanced-upload .wiz-box-dragndrop {
  display: inline;
}
.wiz-modal .modal-body .wiz-dropbox .wiz-box-button {
  font-weight: 700;
  color: #e5edf1;
  background-color: #39bfd3;
  display: none;
  padding: 8px 16px;
  margin: 40px auto 0;
}
.wiz-box-button:hover,
.wiz-box-button:focus {
  background-color: #0f3c4b;
}
.wiz-multistep-header {
  display: none;
}
.wiz-multistep-panel .back-btn {
  font: normal normal 600 13px/18px Nunito;
  letter-spacing: 0px;
  color: #333333;
}
/* WizKlub Modal */
/* Admin Console */
.admin-console .admin-card .title {
  font: normal normal bold 32px/43px Nunito;
}
.admin-console .admin-card .description {
  font: normal normal normal 15px/20px Nunito;
}
.wizklub-page-heading {
  text-align: left;
  font: normal normal 800 20px/23px Nunito;
  letter-spacing: 0px;
  color: #545456;
}
.wizklub-page-header-text {
  text-align: left;
  font: normal normal 800 20px/23px Nunito;
  letter-spacing: 0px;
  color: #dd9d08;
}
.wizklub-page-subheading {
  text-align: left;
  font: normal normal bold 16px/27px Nunito;
  letter-spacing: 0px;
  color: #ea6c3d;
}
.admin-console .eye-icon {
  width: 25px;
  height: 25px;
}
.admin-console .card.user-groups-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #00000033;
  border-radius: 8px;
}
.admin-console .card.user-groups-card .group-count {
  position: absolute;
  top: 8px;
  right: 16px;
  background: #ffffffcc 0% 0% no-repeat padding-box;
  border: 1px solid #41ace6;
  border-radius: 4px;
  text-align: center;
  font: normal normal 800 12px/16px Nunito;
  color: #666666;
  text-transform: capitalize;
  min-width: 40px;
  min-height: 24px;
  padding: 4px;
}
.admin-console .card.user-groups-card .card-title {
  text-align: center;
  font: normal normal 800 16px/22px Nunito;
  letter-spacing: 0px;
  color: #444444;
  text-transform: capitalize;
}
.admin-console .card.user-groups-card .card-background-img {
  background-image: url(https://assets.wizklub.com/images/admin/users/user-groups-card-background.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.admin-console .card.user-groups-card .card-icon-img {
  width: 60px;
  height: 60px;
}
/* Admin Console */

/* Support CSS */

.wizklub-support {
  background-image: url(https://assets.wizklub.com/images/dashboard/dashboard-bg.svg);
  min-height: 100%;
  min-width: 100%;
  background-color: #e9f5ff;
}
.wizklub-support .heading {
  text-align: center;
  font: normal normal bold 32px/40px Nunito;
}
.wizklub-support .description {
  text-align: center;
  font: normal normal medium 20px/24px Nunito;
  color: #555555;
}
.wizklub-support .support-search-bar {
  border-radius: 24px 0px 0px 24px;
  border: 1px solid #0089ff;
  padding: 9px 10px 11px 15px;
  height: 100%;
}
.wizklub-support .support-search-button {
  border-radius: 0px 24px 24px 0px;
  border: 1px solid #0089ff;
  background-color: #0089ff;
}
.wizklub-support .support-category-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 30px #0f7a793d;
  border-radius: 40px;
  width: 160px;
  height: 160px;
}
.wizklub-support a.active .card {
  border: 2px solid #0089ff;
}
.wizklub-support .support-category-cards-list {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.wizklub-support .support-category-cards-list::-webkit-scrollbar {
  display: none;
}
.wizklub-support .support-category-card .support-icon {
  background-image: url(https://assets.wizklub.com/images/dashboard/support/support-icon.svg);
  width: 36px;
  height: 40px;
}
.wizklub-support .support-category-card:hover .support-icon,
.wizklub-support a.active .support-icon {
  background-image: url(https://assets.wizklub.com/images/dashboard/support/support-icon-colored-v2.svg);
}
.wizklub-support .support-category-card .title {
  text-align: center;
  font: normal normal bold 16px/20px Nunito;
  color: #7d9090;
}
.wizklub-support .support-category-card:hover .title,
.wizklub-support a.active .title {
  color: #0089ff;
}
.wizklub-support .support-que {
  text-align: left;
  font: normal normal bold 32px/40px Nunito;
  color: #555555;
}
.wizklub-support .support-ans {
  text-align: left;
  font: normal normal 19px/30px Nunito;
  color: #555555;
}
.wizklub-support .support-detail-icon {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 20px #0f7a794d;
  border-radius: 20px;
}
.wizklub-support .support-detail-heading {
  text-align: left;
  font: normal normal 800 20px/21px Nunito;
  letter-spacing: 0.4px;
  color: #555555;
}
.wizklub-support .support-detail-description {
  text-align: left;
  font: normal normal bold 16px/24px Nunito;
  color: #666666;
}
.wizklub-support .support-ask-que {
  font: normal normal bold 24px/30px Nunito;
  color: #555555;
}
.wizklub-support .white-round-icon-32 {
  width: 32px;
  height: 32px;
  background: #f1fefe 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #00000029;
  border-radius: 50%;
  object-fit: scale-down;
}
.wizklub-support .support-popular-que {
  text-align: left;
  font: normal normal 800 28px/40px Nunito;
  color: #545456;
}
.wizklub-support .support-popular-que-bg {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 4px #0f7a7980;
  border-radius: 4px;
}
.wizklub-support .support-popular-que-text {
  font: normal normal bold 16px/22px Nunito;
}
.wizklub-support .support-popular-ans {
  font: normal normal 600 14px/19px Nunito;
  color: #7d9090;
}
/* SUB-CATEGORY-QUESTIONS */
.sub-category-questions-card {
  background: #ffffff;
  border: 1px solid #ee6d0a;
  border-radius: 10px;
}
.sub-category-questions-card .sign-icon {
  background: #0089ff;
  border-radius: 10px 0px 0px 10px;
  padding: 30px;
  object-fit: scale-down;
}
.sub-category-questions-txt {
  text-align: left;
  font: normal normal bold 17px/17px Nunito;
}
.sub-category-question-title {
  text-align: left;
  font: normal normal bold 15px/22px Nunito;
  color: #444444;
}
.sub-category-questions-inside-title .sub-category-sign {
  background: transparent url("https://assets.wizklub.com/images/wizklub/pages/faq/plus-sign.png") 0% 0% no-repeat padding-box;
  padding: 10px;
  object-fit: scale-down;
}
.sub-category-answer {
  text-align: left;
  font: normal normal normal 14px/20px Nunito;
  color: #555555;
}

/* Support CSS */

/* Device Management */
.wizklub-devices::before {
  background: #ffffff 0% 0% no-repeat padding-box;
  background-image: url(https://assets.wizklub.com/images/dashboard/dashboard-bg.svg);
  background-repeat: repeat;
  background-position: center top;
  content: "";
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  will-change: transform;
  z-index: -1;
}
.wizklub-devices .devices-status-card .devices-list {
  overflow-x: scroll;
  overflow-y: hidden;
  flex-wrap: nowrap;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.wizklub-devices .devices-status-card .devices-list::-webkit-scrollbar {
  display: none;
}
.wizklub-devices .devices-status-card .device-label {
  font: normal normal 800 13px/16px Nunito;
  color: #555555;
}
.wizklub-devices .devices-status-card .device-id {
  font: normal normal 500 12px/16px Nunito;
  color: #555555;
}
.wizklub-devices .devices-status-card .device-status-inactive {
  font: normal normal bold 12px/18px Nunito;
  letter-spacing: 0.24px;
  color: #bbbbbb;
  opacity: 1;
}
.wizklub-devices .devices-status-card .device-status-active {
  font: normal normal bold 12px/18px Nunito;
  letter-spacing: 0.24px;
  color: #15a8a6;
  opacity: 1;
}
.wizklub-devices .devices-config-card .device-details {
  border-bottom: 1px solid #0f7a795c;
}
.wizklub-devices .devices-config-card .device-label {
  font: normal normal bold 20px/27px Nunito;
  color: #555555;
}
.wizklub-devices .devices-config-card .device-id {
  font: normal normal bold 16px/22px Nunito;
  color: #555555;
}
.wizklub-devices .devices-config-card .heading {
  font: normal normal bold 17px/23px Nunito;
  color: #914716;
}
.wizklub-devices .devices-config-card .edit {
  font: normal normal bold 17px/23px Nunito;
  color: #3b95da;
}
.wizklub-devices .devices-config-card .device-info {
  font: normal normal 600 14px/19px Nunito;
  color: #666666;
  padding: 0.5rem 0rem 0.5rem 0rem;
}
.wizklub-devices .devices-config-card .version {
  font: normal normal bold 14px/17px Nunito;
  color: #333333;
}
.wizklub-devices .devices-config-card .version-num {
  font: normal normal 500 14px/17px Nunito;
  color: #333333;
}
.wizklub-devices .devices-config-card .alert-heading {
  font: normal normal 800 14px/20px Nunito;
  color: #914716;
}
.wizklub-devices .devices-config-card .alert-description {
  font: normal normal 500 14px/20px Nunito;
  color: #333333;
}
.wizklub-devices .ota-update-div {
  border: 2px solid #00cdfa !important;
  border-radius: 6px;
}
.wizklub-devices .start-ota-btn {
  box-shadow: 0px 2px 4px #00000029;
  border: 0;
}
.devices-list .nav-item .wiz-card:hover {
  background: #fff8f3 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #0f7a795c;
  border: 0;
  border-radius: 20px 20px 20px 20px;
  margin: 0px 0px 20px 0px;
}
.devices-list .nav-item .active .wiz-card .nav-link {
  box-shadow: 0px 2px 10px #0f7a795c;
  border: 2px solid #eafcfc;
  border-radius: 20px 20px 20px 20px;
  background: #0089ff 0% 0% no-repeat padding-box;
}
.devices-list .nav-item .active .device-label {
  color: #eafcfc;
}
.devices-list .nav-item .active .device-id {
  color: #eafcfc;
}
.devices-list .nav-item .active .device-status-inactive {
  color: #eafcfc;
}
.devices-list .nav-item .active .device-status-active {
  color: #69fffb;
}
.devices-config-card .message {
  text-align: center;
  font: normal normal bold 26px/35px Nunito;
  color: #888888;
}
.devices-config-card .message-description {
  text-align: center;
  font: normal normal 600 16px/22px Nunito;
  color: #666666;
}
/* Device Management */
/* Level Management */
.admin-console .md-editor-enable .CodeMirror,
.admin-console .md-editor-enable .CodeMirror-scroll {
  min-height: 120px;
  max-height: 120px;
}
@media (min-width: 320px) {
  /* Wizklub Dashboard Navbar */
  .wiz-back-nav {
    padding: 75px 0px 20px 0px;
    margin: 0px;
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .wiz-dashboard-navbar {
    font: normal normal bold 13px/21px Nunito;
  }
  .wiz-dashboard-nav-bg {
    background-color: #ddfffd;
  }
  .wiz-back-arrow {
    margin: 8px 8px 8px 0px;
  }
  /* Wizklub Dashboard Navbar */
  .points-card .points-earned {
    width: 70%;
  }
  .dashboard .batch {
    background-image: url(https://assets.wizklub.com/images/dashboard/home/bg-batch.png);
  }
  .leaderboard-card .list-group-item .rank {
    font: normal normal bold 13px/25px Nunito;
  }
  .leaderboard-card .list-group-item .name {
    font: normal normal bold 13px/25px Nunito;
  }
  #dashboard_header .profile-icon {
    width: 32px;
    height: 32px;
  }

  /* WizKlub Modal */

  .wiz-modal .modal-body .modal-title {
    font: normal normal bold 28px/38px Nunito;
  }
  .wiz-modal .modal-body .modal-text {
    font: normal normal normal 16px/24px Nunito;
  }
  .wiz-modal .modal-content .modal-body .icon {
    width: 70px;
  }
  #dashboard_header .profile-icon {
    width: 32px;
    height: 32px;
  }
  /* WizKlub Modal */
}
@media (min-width: 576px) {
  /* Wizklub Dashboard Navbar */
  .wiz-back-nav {
    padding: 75px 0px 20px 0px;
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .wiz-dashboard-navbar {
    font: normal normal bold 17px/21px Nunito;
  }
  .wiz-dashboard-nav-bg {
    background-color: #ddfffd;
  }
  .wiz-back-arrow {
    margin: 8px 8px 8px 0px;
  }
  /* Wizklub Dashboard Navbar */
  .points-card .points-earned {
    width: 40%;
  }
  .dashboard .batch {
    background-image: url(https://assets.wizklub.com/images/dashboard/home/bg-batch-small.svg);
  }
  .leaderboard-card .list-group-item .rank {
    font: normal normal bold 16px/25px Nunito;
  }
  .leaderboard-card .list-group-item .name {
    font: normal normal bold 14px/25px Nunito;
    color: #465555;
  }

  /* WizKlub Modal */

  .wiz-modal .modal-body .modal-title {
    font: normal normal bold 32px/43px Nunito;
  }
  .wiz-modal .modal-body .modal-text {
    font: normal normal normal 17px/24px Nunito;
  }
  .wiz-modal .modal-content .modal-body .icon {
    width: 100px;
  }
  .external-service.description {
    text-align: left;
    font: normal normal medium 15px/24px Nunito;
    letter-spacing: 0.15px;
    color: #666666;
    opacity: 1;
  }
  .external-service.note {
    background: #e9f5ff;
    letter-spacing: 0.15px;
    color: #545456;
    border: 1px solid #0089ff;
    border-radius: 6px;
    padding: 20px;
  }
  /* WizKlub Modal */
}
@media (min-width: 768px) {
  /* Wizklub Dashboard Navbar */
  .wiz-back-nav {
    padding: 100px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
  }
  .wiz-dashboard-navbar {
    font: normal normal bold 17px/21px Nunito;
  }
  .wiz-dashboard-nav-bg {
    background-color: transparent;
  }
  .wiz-back-arrow {
    margin: 8px 8px 8px 0px;
  }
  /* Wizklub Dashboard Navbar */
  .dashboard .batch {
    background-image: url(https://assets.wizklub.com/images/dashboard/home/bg-batch-medium.svg);
  }
  .wiz-modal .modal-lg {
    max-width: 700px;
  }
  /* WizKlub Modal */

  .wiz-modal .modal-body .modal-title {
    font: normal normal bold 30px/41px Nunito;
  }
  .wiz-modal .modal-body .modal-text {
    font: normal normal normal 16px/22px Nunito;
  }
  .wiz-modal .modal-content .modal-body .icon {
    width: 126px;
  }
  /* WizKlub Modal */
}
@media (min-width: 992px) {
  /* Wizklub Dashboard Navbar */
  .wiz-back-nav {
    padding: 100px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
  }
  .wiz-dashboard-navbar {
    font: normal normal bold 17px/21px Nunito;
  }
  .wiz-dashboard-nav-bg {
    background-color: transparent;
  }
  .wiz-back-arrow {
    margin: 8px 8px 8px 0px;
  }
  /* Wizklub Dashboard Navbar */
  #dashboard_header .profile-icon {
    width: 40px;
    height: 40px;
  }
  .points-card .points-earned {
    width: 60%;
  }
  .dashboard .batch {
    background-image: url(https://assets.wizklub.com/images/dashboard/home/bg-batch.png);
  }

  /* WizKlub Modal */

  .wiz-modal .modal-body .modal-title {
    font: normal normal bold 30px/41px Nunito;
  }
  .wiz-modal .modal-body .modal-text {
    font: normal normal normal 15px/20px Nunito;
  }
  .wiz-modal .modal-lg {
    max-width: 900px;
  }
  /* WizKlub Modal */
}
@media (min-width: 1200px) {
  /* Wizklub Dashboard Navbar */
  .wiz-back-nav {
    padding: 100px 0px 0px 0px;
    display: flex;
    flex-wrap: wrap;
  }
  .wiz-dashboard-navbar {
    font: normal normal bold 17px/21px Nunito;
  }
  .wiz-dashboard-nav-bg {
    background-color: transparent;
  }
  .wiz-back-arrow {
    margin: 8px 8px 8px 0px;
  }
  /* Wizklub Dashboard Navbar */

  /* WizKlub Modal */

  .wiz-modal .modal-body .modal-title {
    font: normal normal bold 34px/46px Nunito;
  }
  .wiz-modal .modal-body .modal-text {
    font: normal normal normal 17px/23px Nunito;
  }

  /* WizKlub Modal */
}
/* SimpleMDE Validation Check */
.was-validated .form-control:valid ~ .CodeMirror {
  border-color: #28a745;
}
.was-validated .form-control:valid ~ .editor-statusbar {
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid ~ .CodeMirror {
  border-color: #dc3545;
}
.was-validated .form-control:invalid ~ .editor-statusbar {
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
/* SimpleMDE Validation Check */

/* Multiselect */

.multiselect-native-select .btn-group {
  width: 205px !important;
}
.multiselect-container .dropdown-item.active,
.dropdown-item.active {
  background-color: white !important;
}
#workshop_data .description,
#product_data .description {
  white-space: nowrap;
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiselect-native-select .custom-select {
  background: #fff url(https://assets.wizklub.com/images/dashboard/certificates/wiz-filter.svg) no-repeat left 0.75rem center/20px 15px;
  text-align: end;
}
.multiselect-native-select .custom-select .multiselect-selected-text {
  text-align: left;
  font: normal normal 600 14px/17px Nunito;
  color: #333333;
  padding-left: 25px;
}
.admin-console .warning-note {
  font: normal normal 800 16px/17px Nunito;
  color: #333333;
}

/* Multiselect */

/* Admin Session Page Css */
.admin-console .add-items-main-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 20px #00000033;
  border: 1px solid #009290;
  border-radius: 6px;
}
.add-items-main-card .heading-text {
  background: #00a09f;
  border: 0.30000001192092896px solid #5f5f5f;
  border-radius: 4px 4px 0px 0px;
  font: normal normal bold 15px/17px Nunito;
  color: #ffffff;
}
.add-items-main-card .search-bar {
  background: #f2ffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 2px #007b7966;
}
.add-items-main-card .search-bar input {
  text-align: initial;
  font: normal normal 600 15px/17px Nunito;
  color: #626262;
  background: white 0% 0% no-repeat padding-box;
  border: 0.30000001192092896px solid #009290;
}
.add-items-main-card .search-bar-btn {
  background: #00a09f;
  color: #f2ffff;
}
.entity-list-div,
.wiz-filter-max-height {
  max-height: 640px;
  min-height: 640px;
  overflow: scroll;
}
.draggable-entity-list {
  list-style-type: numbers;
  font: normal normal 800 17px/17px Nunito;
  color: #007b79;
  cursor: move;
  max-height: 560px;
  min-height: 560px;
  overflow-y: scroll;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 20px #00000033;
  border: 1px solid #009290;
  border-radius: 6px;
}
.addable-entity-list .main-drag-card .drag-card {
  background: #f2ffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 4px #00000033;
  border: 0.4000000059604645px solid #009290;
  border-radius: 4px;
  list-style-type: none;
}
.main-drag-card .drag-card {
  background: #f2ffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 4px #00000033;
  border: 0.4000000059604645px solid #009290;
  border-radius: 4px;
}
.main-drag-card .entity-type {
  font: normal normal 800 13px/16px Nunito;
  color: #666666;
}
.main-drag-card .entity-difficulty {
  font: normal normal 800 13px/16px Nunito;
}
.main-drag-card .entity-description {
  font: normal normal 400 13px/16px Nunito;
  color: #666666;
}
.main-drag-card .entity-description a {
  font: normal normal 800 13px/16px Nunito;
  color: #02b8b6;
}
.main-drag-card .entity-description span {
  text-decoration: underline;
  font: normal normal 800 13px/16px Nunito;
}
.main-drag-card .circle {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 2px #0000004d;
  border: 2px solid #0aaaa9;
}
.main-drag-card .circle::before {
  content: "+";
  height: 22px;
  width: 21px;
  font-size: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-family: courier;
  color: #0aaaa9;
}
.main-drag-card .circle.active {
  background-color: #007e7c;
  border: 2px solid #ffffff;
}
.main-drag-card .circle.active::before {
  content: "✔";
  color: #ffffff;
}
.main-drag-card .circle.color-dd9d08 {
  border-color: #dd9d08;
}
.main-drag-card .circle.color-dd9d08:not(.active):before {
  color: #dd9d08;
}
.main-drag-card .circle.color-dd9d08.active {
  background-color: #dd9d08;
  border: 2px solid #ffffff;
}
.main-drag-card .circle.color-0297bb {
  border-color: #0297bb;
}
.main-drag-card .circle.color-0297bb:not(.active)::before {
  color: #0297bb;
}
.main-drag-card .circle.color-0297bb.active {
  background-color: #0297bb;
  border: 2px solid #ffffff;
}
.category-section {
  max-height: 560px;
  overflow-y: scroll;
}
.wiz-filter-max-height::-webkit-scrollbar,
.entity-list-div::-webkit-scrollbar,
.draggable-entity-list::-webkit-scrollbar {
  display: none;
}
.remove-entity-btn {
  width: 14px;
  height: 14px;
  background: url(https://assets.wizklub.com/images/dashboard/util/cancel-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.note-box {
  background: #f1f1f1 0% 0% no-repeat padding-box;
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  font: normal normal 600 15px/17px Nunito;
  color: #666666;
}
.note-box span {
  text-decoration: underline;
  font: normal normal 800 15px/17px Nunito;
  color: #666666;
}

.addable-entity-list .remove-entity-btn {
  display: none;
}
.draggable-entity-list #un_draggable_list .remove-entity-btn {
  visibility: hidden;
}
.entity-list .add-entity-btn,
.draggable-entity-list .add-entity-btn {
  display: none;
}
.draggable-entity-list .main-drag-card:hover .remove-entity-btn {
  /* To be Editted */
  cursor: pointer;
}
.sortable-disable-others {
  opacity: 0.5 !important;
}
.sortable-chosen li {
  border-style: dashed !important;
  border-width: 3px !important;
}

/* Teacher's Dashboard */

/* My Student View */
.my-student-card .header {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 4px #00000014;
  border-radius: 10px 10px 0px 0px;
}
.my-student-card .my-student-card-content {
  height: 335px;
  overflow: auto;
}
.my-student-card .my-students-nav .nav .nav-item .nav-link {
  font: normal normal 600 12px/18px Nunito;
  color: #999999;
}
.my-student-card .my-students-nav .nav .nav-item .nav-link.active {
  font: normal normal 800 12px/18px Nunito;
  color: #a9730a;
  border-bottom: 3px solid #a9730a !important;
}
.my-student-card .student-info {
  border-bottom: 2px solid #999999;
}
.my-student-card .student-name {
  font: normal normal bold 14px/18px Nunito;
  color: #444444;
}
.my-student-card .student-session {
  font: normal normal 600 12px/18px Nunito;
  color: #666666;
}
.my-student-card .student-session-progress {
  font: normal normal bold 10px/16px Nunito;
  color: #333333;
}
.my-student-card .my-students-nav {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}
.my-student-card .my-students-nav > .nav-tabs {
  display: inline-block;
  position: relative;
}
.my-student-card .my-students-nav > .nav-tabs > li {
  display: inline-block;
  position: relative;
  white-space: normal;
}

/* My Notes */
.my-notes .add-notes {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #23c3bc;
  border-radius: 8px;
}
.my-notes .add-notes-content {
  height: 300px;
  overflow: auto;
}
.my-notes .add-notes-text {
  font: normal normal bold 12px/16px Nunito;
  color: #24a19c;
}
.my-notes .notes-heading {
  font: normal normal bold 14px/18px Nunito;
  color: #333333;
}
.my-notes .notes-description {
  font: normal normal normal 12px/16px Nunito;
  color: #999999;
  line-height: 1.5em;
  height: 3em;
  overflow: hidden;
}
.my-notes .notes-date {
  font: normal normal 600 12px/16px Nunito;
  color: #999999;
}
.my-notes .add-notes-content .btn:focus {
  outline: none;
}
#popup_notes_create_update .notes-modal-header {
  background: #0089ff 0% 0% no-repeat padding-box;
  box-shadow: inset 0px -1px 1px #00000029;
  border-radius: 4px 4px 0px 0px;
}
#popup_notes_create_update .header-text {
  font: normal normal bold 20px/27px Nunito;
  color: #ffffff;
}
#popup_notes_create_update .student-info {
  font: normal normal 600 14px/18px Nunito;
  letter-spacing: 0.26px;
  color: #555555;
}
#popup_notes_create_update .label {
  font: normal normal bold 16px/16px Nunito;
  letter-spacing: 0.32px;
  color: #0f7a79;
}

/* Student Classes */
.instructors-schedule-card .classes-date {
  font: normal normal bold 19px/22px Arial;
  color: #333333;
}
.instructors-schedule-card .classes-count {
  font: normal normal bold 14px/19px Nunito;
  color: #333333;
}
.instructors-schedule-card .classes-list {
  height: 200px;
  overflow: auto;
}
.instructors-schedule-card .batch-name,
.wizklub-student-list .batch-name {
  font: normal normal bold 14px/19px Nunito;
  color: #555555;
}
.instructors-schedule-card .batch-timing {
  font: normal normal bold 13px/18px Nunito;
  color: #0ca3a2;
}
.instructors-schedule-card .batch-status {
  font: normal normal bold 12px/16px Nunito;
  color: #888888;
}
.instructors-schedule-card .class-card {
  background: #e0ffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 4px #00929033;
  border: 1px solid #a0efef;
  border-radius: 4px;
}
#popup_reschedule_class .batch-name {
  font: normal normal bold 24px/32px Nunito;
  color: #914716;
}
#popup_reschedule_class .batch-reschedule {
  font: normal normal 500 13px/24px Nunito;
  color: #555555;
}
#popup_reschedule_class .label {
  font: normal normal bold 16px/16px Nunito;
  letter-spacing: 0.32px;
  color: #0f7a79;
}
#popup_reschedule_class .date-description {
  font: normal normal 500 12px/14px Nunito;
  letter-spacing: 0.48px;
  color: #aaaaaa;
}
#popup_reschedule_class .date-confirmation {
  font: normal normal bold 14px/14px Nunito;
  letter-spacing: 0.56px;
  color: #28bd28;
}

/* Notifications */

#dashboard_header .notification-heading {
  font: normal normal bold 16px/22px Nunito;
  color: #0f7a79;
}
#dashboard_header .notification-actions {
  font: normal normal bold 12px/16px Nunito;
  color: #286efa;
}
.notification-div {
  overflow: auto;
  height: 350px;
  width: 350px;
}
.notification-list .notification-box-success {
  background: #f2f9f2 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 1px #00000033;
}
.notification-list .notification-box-info {
  background: #f4f7f9 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 1px #00000033;
}
.notification-list .notification-box-warning {
  background: #fcf9f3 0% 0% no-repeat padding-box;
  box-shadow: inset 0px -1px 1px #0000001a;
}
.notification-list .notification-box-danger {
  background: #fcf6f6 0% 0% no-repeat padding-box;
  box-shadow: inset 0px -1px 1px #0000001a;
}
.notification-list .notification-box-seen {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: inset 0px -1px 1px #0000001a;
}
.notification-list .notification-text {
  font: normal normal bold 13px/17px Nunito;
  color: #444444;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 280px;
  white-space: normal;
}
.notification-list .notification-time {
  font: normal normal 600 11px/16px Nunito;
  color: #049695;
}
#notification_area a,
#notification_area a:hover,
#notification_area a:focus,
#notification_area a:active,
.wizklub-notifications #notification_tab a,
.wizklub-notifications #notification_tab a:hover,
.wizklub-notifications #notification_tab a:focus,
.wizklub-notifications #notification_tab a:active,
.wizklub-notifications #data_table a,
.wizklub-notifications #data_table a:hover,
.wizklub-notifications #data_table a:focus,
.wizklub-notifications #data_table a:active {
  background-color: transparent;
}

.wizklub-notifications {
  background-image: url(https://assets.wizklub.com/images/dashboard/dashboard-bg.svg);
  min-height: 100%;
  min-width: 100%;
  position: absolute;
}
.wizklub-notifications .notifications-area {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 16px #00929057;
  border-radius: 8px;
}
.wizklub-notifications .notification-header-text {
  font: normal normal bold 20px/27px Nunito;
  color: #dd9d08;
}
.wizklub-notifications #notification_tab .nav-item .nav-link {
  font: normal normal bold 20px/27px Nunito;
  color: #aaaaaa;
}
.wizklub-notifications #notification_tab .nav-item .nav-link.active {
  font: normal normal 800 20px/27px Nunito;
  color: #016a68;
  border-bottom: 2px solid #016a68;
}
.wizklub-notifications .notification-page-text {
  font: normal normal bold 16px/17px Nunito;
  color: #444444;
}
.wizklub-notifications .notification-content {
  overflow: auto;
  height: 500px;
}
#notification_dropdown .btn.focus,
#notification_dropdown .btn:focus {
  box-shadow: none;
}

/* Notifications */

.current-batch .product-based-batch-status {
  display: -webkit-inline-box;
  overflow-x: auto;
  overflow-y: hidden;
}

/* Resources */
.resources-dropdown .resources-btn {
  background: #ffffff 0% 0% no-repeat padding-box !important;
  box-shadow: 0px 2px 4px #00000033 !important;
  border-radius: 4px !important;
  font: normal normal 600 13px/13px Nunito !important;
  color: #666666 !important;
  border: 1px solid #0089ff !important;
}
.resources-dropdown .dropdown-text {
  font: normal normal 600 13px/13px Nunito !important;
  color: #666666 !important;
}
.resources-dropdown .add-icon {
  background: #0dbbb9 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 50%;
}
.resources-dropdown .dropdown-menu .resources-content {
  height: 200px;
  overflow: auto;
}
#resources_nav .nav-item .nav-link {
  font: normal normal 600 14px/21px Nunito;
  color: #888888;
}
#resources_nav .nav-item .nav-link.active {
  font: normal normal bold 14px/21px Nunito;
  color: #666666;
  border-bottom: 2px solid #0f7a79;
}
.resources-dropdown .add-label {
  font: normal normal bold 16px/21px Nunito;
  color: #0f7a79;
}
.resources-content #files .add-file .browse-file {
  background: #f1ffff 0% 0% no-repeat padding-box;
  border: 1px solid #35a7a6;
  border-radius: 4px;
}
.resources-content #files .add-file .note {
  font: normal normal 600 13px/20px Nunito;
  letter-spacing: 0.52px;
  color: #666666;
}
.resources-content .link-title {
  font: normal normal bold 14px/18px Nunito;
  color: #333333;
}
.resources-content .link-url {
  font: normal normal 600 12px/18px Nunito;
  color: #aaaaaa;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

/* DT Dashboard */

.admin-console .view-recent-activity {
  font: normal normal bold 14px/17px Nunito;
  color: #286efa;
}
.admin-console .view-recent-activity:hover {
  text-decoration: underline;
}

/*olympiad container */
.olympiad-swiper {
  background: #dff9ff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 16px #00929057;
  opacity: 1;
}
/*olympiad container */

.sub-category-questions-card.cursor-pointer {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #0089ff;
  border-radius: 10px;
  color: #0089ff;
  opacity: 1;
}
.sub-category-questions-card.cursor-pointer.collapsed {
  border: 1px solid grey;
  color: #545456;
}
.collapsed .sign-icon {
  background-color: #b6c5cc;
}
.support-sub-category-card {
  box-shadow: 0px 2px 6px #0f7a7942;
  border-radius: 4px;
}

/* amazon popup */
.sunray-bg-popup {
  background-image: url(https://assets.wizklub.com/images/dashboard/util/bg-dash-popup-sr-wb-v2.svg);
  border-radius: 12px;
}

/* back-ground image set for pop-up [ob-only background]*/
@media (max-width: 768px) {
  .sunray-bg-popup {
    background-image: url(https://assets.wizklub.com/images/dashboard/util/bg-dash-popup-ob-v2.svg) !important;
  }
}
@media (max-width: 992px) {
  .admin-sidebar {
    top: 80px;
  }
}

/* feedback modal */
#feedback_modal {
  overflow-y: auto;
}
#feedback_modal .feedback-modal {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 20px #00000066;
  border: 8px solid #0089ff;
}
#feedback_modal .feedback-modal-bg {
  background-image: url(https://assets.wizklub.com/images/dashboard/products/feedback-modal-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
#feedback_modal .close-btn {
  margin-top: -100px;
  margin-right: 5px;
}
#feedback_modal .heading {
  font: normal normal bold 20px/6px Nunito;
  letter-spacing: 0.4px;
  color: #ffffff;
  text-shadow: 0px 1px 2px #00000099;
}
#feedback_modal .congratulation-box {
  box-shadow: inset 0px 0px 4px #0000004d;
  border: 8px solid #ffb300;
  border-radius: 16px;
  background: #fffaee 0% 0% no-repeat padding-box;
}
#feedback_modal .congratulation-box .heading {
  font: normal normal bold 25px/34px Nunito;
  letter-spacing: 0.5px;
  color: #0089ff;
}
#feedback_modal .congratulation-box .description {
  font: normal normal bold 16px/30px Nunito;
  letter-spacing: 0.32px;
  color: #666666;
}
#feedback_modal .congratulation-box .points {
  font: normal normal 800 22px/30px Nunito;
  letter-spacing: 0.44px;
  color: #00bba2;
}
#feedback_modal .modal-body .title {
  font: normal normal 600 16px/16px Nunito;
  color: #555555;
}
#feedback_modal .comments-area {
  background: #f6f6f6 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 4px #00000029;
  border-radius: 10px;
}
/* feedback modal */

#navigate_last_page_btn {
  cursor: pointer;
}

#navigate_last_page_btn.disabled {
  cursor: auto;
}

/* Wiz Rating input */
.wiz-star-rating > input {
  display: none;
}
.wiz-star-rating > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
.wiz-star-rating > label.xxsmall {
  font-size: xx-small;
}

.wiz-star-rating > .half:before {
  content: "\f089";
  position: absolute;
}

.wiz-star-rating > label {
  color: #ddd;
  float: right;
  margin-bottom: 0px;
}
.rating-text {
  font-family: Nunito;
  font-size: 13px;
  color: #444444;
}

.wiz-star-rating:not(.disabled) > input:checked ~ label,
.wiz-star-rating:not(.disabled):not(:checked) > label:hover,
.wiz-star-rating:not(.disabled):not(:checked) > label:hover ~ label {
  color: #ffd700;
}
.wiz-star-rating.disabled > input:checked ~ label,
.wiz-star-rating.disabled input:not(:disabled):not(:checked) > label:hover,
.wiz-star-rating.disabled input:not(:disabled):not(:checked) > label:hover ~ label {
  color: #ffd700;
}

.wiz-star-rating > input:not(:disabled):checked + label:hover,
.wiz-star-rating > input:not(:disabled):checked ~ label:hover,
.wiz-star-rating > label:hover ~ input:not(:disabled):checked ~ label,
.wiz-star-rating > input:not(:disabled):checked ~ label:hover ~ label {
  color: #ffed85;
}
/* Wiz Rating input */

/* Cancel Batch */

#popup_batch_class_cancel .heading {
  font: normal normal 800 24px/32px Nunito;
  color: #545456;
}
#popup_batch_class_cancel .description {
  font: normal normal 500 14px/24px Nunito;
  color: #555555;
}
#popup_batch_class_cancel #batch_cancel_class_success_div .title {
  font: normal normal 600 28px/38px Nunito;
  color: #333333;
}
#popup_batch_class_cancel #batch_cancel_class_success_div .description {
  font: normal normal 500 16px/24px Nunito;
  color: #333333;
}

/* Cancel Batch */

/* Start session in instructor dashboard */

#popup_select_class_topic_session .select-topic-session-bg {
  background-image: url(https://assets.wizklub.com/images/dashboard/util/bg-dash-popup-ob-v2.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
#popup_select_class_topic_session .modal-title {
  font: normal normal 800 30px/41px Nunito;
  color: #0089ff;
}
#popup_select_class_topic_session .section-title {
  font: normal normal 800 21px/22px Nunito;
  color: #545456;
}
#popup_select_class_topic_session .heading {
  font: normal normal 500 12px/22px Nunito;
  color: #849198;
}
#popup_select_class_topic_session .description {
  font: normal normal 800 12px/22px Nunito;
  color: #545456;
}
#popup_select_class_topic_session .session-box {
  background: #7fa0b1 0% 0% no-repeat padding-box;
  border-radius: 4px;
  font: normal normal normal 12px/14px Chivo;
  color: #fcfdff;
  width: fit-content;
  padding: 4px;
}
#popup_select_class_topic_session .session-status {
  border-radius: 11px;
  font: normal normal normal 12px/14px Chivo;
  color: #ffffff;
  padding: 4px;
}

/* Start session in instructor dashboard */
.click-to-capture {
  font: normal normal 500 12px/21px nunito;
  letter-spacing: -0.48px;
  color: #545456;
  opacity: 1;
}

#batch_enrollment_info_form .student-table-header {
  background: #f6f6f6 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 2px #0000001a;
  border: 0.10000000149011612px solid #000000;
}
#batch_enrollment_info_form .student-table_body {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 4px #0000004d;
  border: 0.10000000149011612px solid #000000;
}

/* Product Information Page */

#product_welcome_user_modal .header {
  font: normal normal 900 36px/43px Chivo;
  color: #545456;
}
#product_welcome_user_modal .description {
  font: normal normal normal 15px/20px Signika;
  color: #666666;
}
#product_welcome_user_modal .title {
  font: normal normal bold 20px/24px Chivo;
  letter-spacing: 0.4px;
  color: #555555;
}
#product_welcome_user_modal .user-option-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 6px #00000033;
  border-radius: 8px;
}
#product_welcome_user_modal .user-option-card .user-option-card-icon {
  background-repeat: no-repeat;
  background-position: center;
  height: 60px;
}
#product_welcome_user_modal .user-option-card .user-option-card-notes-icon-0089ff {
  background-image: url(https://assets.wizklub.com/images/dashboard/util/notes-icon-0089ff.svg);
}
#product_welcome_user_modal .user-option-card:hover .user-option-card-notes-icon-0089ff {
  background-image: url(https://assets.wizklub.com/images/dashboard/util/notes-icon-ffffff.svg);
}
#product_welcome_user_modal .user-option-card .user-option-card-path-icon-0089ff {
  background-image: url(https://assets.wizklub.com/images/dashboard/util/path-icon-0089ff.svg);
}
#product_welcome_user_modal .user-option-card:hover .user-option-card-path-icon-0089ff {
  background-image: url(https://assets.wizklub.com/images/dashboard/util/path-icon-ffffff.svg);
}
#product_welcome_user_modal .user-option-card .user-option-card-user-icon-0089ff {
  background-image: url(https://assets.wizklub.com/images/dashboard/util/user-icon-0089ff.svg);
}
#product_welcome_user_modal .user-option-card:hover .user-option-card-user-icon-0089ff {
  background-image: url(https://assets.wizklub.com/images/dashboard/util/user-icon-ffffff.svg);
}
#product_welcome_user_modal .user-option-card:hover {
  background: #0089ff 0% 0% no-repeat padding-box;
}
#product_welcome_user_modal .user-option-card .header {
  font: normal normal bold 12px/20px Chivo;
  letter-spacing: 0.48px;
  color: #545456;
}
#product_welcome_user_modal .user-option-card .title {
  font: normal normal bold 15px/18px Intro;
  color: #0089ff;
}
#product_welcome_user_modal .user-option-card:hover .header,
#product_welcome_user_modal .user-option-card:hover .title {
  color: #ffffff;
}
#product_welcome_user_modal .footer-heading {
  font: normal normal normal 15px/18px Chivo;
  color: #666666;
}

/* Product Information Page */

/* Product Dashboard */

.wizklub-product .page-title {
  font: normal normal 900 24px/29px Chivo;
  color: #545456;
}
.wizklub-product .page-description {
  font: normal normal normal 16px/24px Signika;
  color: #545456;
}
.wizklub-product .product-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 16px #00000033;
}
.wizklub-product .product-card .product-card-icon {
  background: #242424bf 0% 0% no-repeat padding-box !important;
  box-shadow: 10px 10px 20px #00000029;
  opacity: 1 !important;
}
.wizklub-product .product-card .product-card-text {
  font: normal normal bold 16px/20px Nunito;
  color: #f1fefe;
  text-shadow: 0px 2px 2px #0000004d;
}
.wizklub-product .product-card .card-heading {
  font: normal normal bold 23px/28px Chivo;
  color: #545456;
}
.wizklub-product .product-card .about-olympiad {
  font: normal normal bold 15px/18px Chivo;
  letter-spacing: -0.3px;
  color: #666666;
}
.wizklub-product .product-card .product-test-card {
  border-width: 1px;
  border-style: solid;
}
.wizklub-product .product-card .card-icon-bg {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 4px #00000029;
  border-radius: 4px;
}
.wizklub-product .product-card .title {
  font: normal normal bold 12px/14px Chivo;
  color: #7e8a90;
}
.wizklub-product .product-card .header {
  font: normal normal bold 15px/18px Chivo;
  color: #545456;
}
.wizklub-product .product-card .score {
  font: normal normal bold 12px/14px Chivo;
  letter-spacing: -0.24px;
}
.wizklub-product .product-card .report-header {
  background: #dff1ff 0% 0% no-repeat padding-box;
  border: 0.20000000298023224px solid #0089ff;
  font: normal normal bold 12px/14px Chivo;
  color: #888888;
}
.wizklub-product .product-card .report-body {
  background: transparent linear-gradient(90deg, #f9f9f9 0%, #e4e6e6 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 2px #00000029;
  font: normal normal normal 14px/17px Chivo;
  color: #545456;
}
.wizklub-product .product-card .report-footer-message {
  font: normal normal normal 14px/17px Chivo;
  color: #545456;
}
.wizklub-product .product-card .report-empty-message {
  font: normal normal normal 12px/14px Chivo;
  letter-spacing: 0.24px;
  color: #666666;
}
.top-30 {
  top: 30%;
}
.top-48 {
  top: 48%;
}
.top-0 {
  top: 0%;
}
.left-0 {
  left: 0%;
}
.wizklub-product .report-body-small {
  background: transparent linear-gradient(89deg, #f9f9f9 0%, #e4e6e6 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 2px #00000029;
  border-radius: 6px;
  color: #545456;
}
.wizklub-product .report-body-small .header {
  font: normal normal bold 15px/17px Chivo;
}
.wizklub-product .report-body-small .title {
  font: normal normal normal 12px/14px Chivo;
}

@media (min-width: 320px) {
  .wizklub-product .product-card .report-header {
    display: none;
  }
  .wizklub-product .product-card .report-body {
    display: none;
  }
  .wizklub-product .product-card .report-card-data-small {
    display: flex;
  }
  .left-alignment {
    left: 15%;
  }
}
@media (min-width: 768px) {
  .wizklub-product .product-card .report-header {
    display: flex;
  }
  .wizklub-product .product-card .report-body {
    display: flex;
  }
  .wizklub-product .product-card .report-card-data-small {
    display: none;
  }
  .left-alignment {
    left: 30%;
  }
}

/* Product Dashboard */

.timetable-card {
  border-radius: 10px;
  box-shadow: -2px 0px 2px #00000033 !important;
}
.timetable-card .card-body {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: -2px 0px 2px #00000033 !important;
  border-radius: 10px;
  margin-left: -10px;
  z-index: 1;
}

.timetable-card .timings {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.timetable-card .program-title,
.timetable-card .instructor-name,
.timetable-card .timetable-duration,
.timetable-card .scheduled-days,
.timetable-card .student-strenth {
  font: normal normal 700 14px/14px nunito;
}
.timetable-card .session-title,
.timetable-card .timetable-status {
  font: normal normal bold 14px/14px nunito;
}
.timetable-card .start-time,
.timetable-card .end-time {
  font: normal normal 500 12px/16px Signika;
}

.user-subscription-info {
  font: normal normal bold 10px/12px Chivo;
  color: #f04b23;
}

/*accordion horizontal*/
.tile .collapse {
  visibility: hidden;
}
.tile .collapse.show {
  visibility: visible;
  display: block;
}
.tile .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.collapsing.width {
  -webkit-transition-property: width, visibility;
  transition-property: width, visibility;
  width: 0;
  height: auto;
}
.tile-body .width {
  width: 400px;
}
.tile-body {
  border-radius: 18px;
  background-color: white;
  border: 2px solid #066fca;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.tile-head {
  border-radius: 10px 0px 0px 10px !important;
  min-height: 205px;
}
.tile-head.collapsed {
  border-radius: 10px !important;
}

/* horizontal accordion */

/* Copy link functionality */

.copy-link .tool-tip-text {
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 6px 5px 6px;
  position: absolute;
  margin-left: 20px;
  margin-top: 20px;
  opacity: 0;
  transition: opacity 0.3s;
  left: 60%;
}
.copy-link .tool-tip-text::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #555 transparent;
  left: 60%;
}
.copy-link:hover .tool-tip-text {
  visibility: visible;
  opacity: 1;
}

/* Copy link functionality */

/* School Registration */

#school_registration_form .sub-title {
  font: normal normal bold 30px/40px Nunito;
  color: #222222;
}
#school_registration_form .registration-bg #resend_otp_btn {
  text-decoration: underline;
  font: normal normal 600 14px/17px Nunito;
  letter-spacing: 0px;
  color: #286efa;
  cursor: pointer;
}

/* School Registration */

/* Student Registration */

#student_registration_form .wizklub-form-radio-button {
  background: #ffffff 0% 0% no-repeat padding-box !important;
  border: 0.5px solid #b6c5cc !important;
  border-radius: 12px !important;
  text-align: center;
  font: normal normal 600 16px/22px Nunito;
  color: #0089ff !important;
  margin-right: 20px;
  margin-bottom: 10px !important;
  max-width: 68px;
  max-height: 63px;
}
#student_registration_form .wizklub-form-radio-button:hover {
  background: #0089ff 0% 0% no-repeat padding-box !important;
  color: #ffffff !important;
}
#student_registration_form .wizklub-form-radio-button:not(:disabled):not(.disabled).active,
#student_registration_form .wizklub-form-radio-button:not(:disabled):not(.disabled):active {
  background: #0089ff 0% 0% no-repeat padding-box !important;
  border: 0.5px solid #b6c5cc !important;
  border-radius: 12px !important;
  text-align: center;
  font: normal normal 600 16px/22px Nunito;
  color: #ffffff !important;
}
#student_registration_form .wizklub-form-radio-button.school-slot-selector {
  font: normal normal bold 12px/24px Nunito !important;
}
/* Checkbox Selector */
#student_registration_form .wizklub-form-checkbox-button {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #b6c5cc;
  border-radius: 4px !important;
  text-align: center;
  font: normal normal normal 15px/14px Nunito;
  letter-spacing: 0px;
  color: #545456;
  margin-right: 20px;
  margin-bottom: 10px !important;
  padding: 10px 10px;
  outline-style: none;
  box-shadow: none;
}
#student_registration_form .wizklub-form-checkbox-button:hover {
  background: #ddefff 0% 0% no-repeat padding-box !important;
  border: 1px solid #0089ff !important;
  outline-style: none;
  box-shadow: none;
}
#student_registration_form .wizklub-form-checkbox-button:not(:disabled):not(.disabled).active,
#student_registration_form .wizklub-form-checkbox-button:not(:disabled):not(.disabled):active {
  background: #ddefff 0% 0% no-repeat padding-box !important;
  border: 2px solid #0089ff !important;
  outline-style: none;
  box-shadow: none;
}

#student_registration_form .wizklub-form-checkbox-button:disabled,
#student_registration_form .wizklub-form-checkbox-button.disabled {
  opacity: 0.2;
}

.olympiad-round-selector .selectize-control {
  background: #a9ebfb;
  color: black !important;
  opacity: 1;
  border-radius: 5px;
}

.wizklub-reports {
  background-image: url(https://assets.wizklub.com/images/dashboard/dashboard-bg.svg);
  min-height: 100%;
  min-width: 100%;
  position: absolute;
}
/* Student Registration */

/* Olympiad Campaign Custom selection view */

.campaign-info {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.campaign-info .campaign-info-card-bg {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #b6c5cc;
  border-radius: 8px;
}
.campaign-info .title {
  font: normal normal normal 12px/14px Chivo;
  letter-spacing: -0.12px;
  color: #545456;
}
.campaign-info .count {
  font: normal normal bold 20px/24px Chivo;
  color: #545456;
}
#custom_campaign_form .show-time-filter {
  text-decoration: underline;
  font: normal normal bold 12px/17px Chivo;
  color: #1492e6;
}
#custom_campaign_form .show-time-filter.collapsed:after {
  content: "Show Time Filter";
}
#custom_campaign_form .show-time-filter:not(.collapsed):after {
  content: "Hide Time Filter";
}

/* Olympiad Campaign Custom selection view */

/* Default Certificate Page */

#default_certificate_page .title {
  font: normal normal bold 31px/30px Nunito;
  color: #0089ff;
}
#default_certificate_page .sub-title {
  font: normal normal bold 19px/30px Nunito;
  color: #545456;
}
#default_certificate_page .description {
  font: normal normal 600 13px/18px Nunito;
  color: #666666;
}

/* Default Certificate Page */

/* Share link modal css */

#popup_share_data_link .title {
  font: italic normal 500 12px/20px Chivo;
  color: #545456;
}
#popup_share_data_link .label {
  font: normal normal bold 14px/17px Chivo;
  color: #545456;
}
#popup_share_data_link .table-data-link {
  background: #b9f2ff 0% 0% no-repeat padding-box;
  border: 2px solid #0089ff;
  border-radius: 4px 0px 0px 4px;
  width: fit-content;
  font: normal normal normal 12px/17px Chivo;
  color: #545456;
}
#popup_share_data_link .password-box {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #b6c5cc;
  border-radius: 4px;
}
#popup_share_data_link .password-title {
  font: normal normal normal 12px/30px Chivo;
  color: #545456;
}
#popup_share_data_link .password {
  font: normal normal bold 12px/30px Chivo;
  color: #545456;
}
#password_not_matching {
  font: normal normal normal 12px/30px Chivo;
  color: #dc3545;
}
.registration-bg .registration-successfull-header {
  font: normal normal 800 34px/40px Nunito;
  letter-spacing: 0.68px;
  color: #e0732a;
}
.registration-bg .registration-successfull-title {
  font: normal normal bold 22px/30px Nunito;
  color: #004d4c;
}
.registration-bg .registration-successfull-description {
  font: normal normal 600 16px/24px Nunito;
  color: #666666;
}
.module-header {
  font: normal normal bold 14px/15px Nunito;
  color: white;
  text-decoration: none;
  white-space: nowrap;
  padding: 10px;
  background: #0497c4;
  display: inline;
  border-bottom: 3px solid white;
}
/* Share link modal css */

/* Gap Diagnostic Product Page CSS */
.assessment-header-card {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/gap-diagnostic/gap-diagnostic-banner.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.competition-header-card {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/technathon/competition-header-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.assessment-header-card .title,
.competition-header-card .title {
  font: normal normal bold 37px/50px Chivo;
  letter-spacing: 1.11px;
  color: #a2edfd;
  text-shadow: 0px 2px 4px #00000066;
}

.assessment-header-card .subtitle,
.competition-header-card .subtitle {
  font: normal normal normal 20px/35px Chivo;
}

.assessment-navbar .nav-item .nav-link {
  font: normal normal bold 13px/15px Chivo;
  color: #9a9d9e !important;
}

.assessment-navbar .nav-item .nav-link.active {
  color: #444444 !important;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #0089ff;
}

.gap-description-card .question {
  font: normal normal bold 15px/18px Chivo;
}

.assessment-card .title {
  font: normal normal bold 18px/24px Chivo;
}

.assessment-card .labels,
.assessment-card .description,
.gap-description-card .answer,
#overview_content #assessment_analysis .labels {
  font: normal normal normal 12px/16px Chivo;
}

.assessment-card .test-type {
  font: normal normal bold 13px/16px Chivo;
  color: #446f83;
}

.assessment-card .assessment-btn {
  background: transparent linear-gradient(180deg, #ffc500 0%, #d79909 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000033;
  border-radius: 24px;
  font: normal normal bold 16px/20px Chivo;
  color: #f1fefe;
}
.assessment-card .assessment-btn:hover {
  background: transparent linear-gradient(180deg, #ffb300 0%, #b78103 100%) 0% 0% no-repeat padding-box;
}

.assessment-card .view-certificate-btn {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000033;
  border: 1px solid #0089ff;
  border-radius: 24px;
  color: #545456;
}

.assessment-card .view-certificate-btn {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000033;
  border: 1px solid #0089ff;
  border-radius: 24px;
  font: normal normal bold 16px/20px Chivo;
  color: #545456;
}

.assessment-card .assessment-report-btn {
  background: #0089ff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000033;
  border-radius: 24px;
  font: normal normal bold 16px/20px Chivo;
}
#overview_content #assessment_analysis .analysis-box {
  background: #ecf6ff 0% 0% no-repeat padding-box;
  border: 1px solid #00cdfa;
  border-radius: 4px;
}
#overview_content #assessment_analysis .description {
  font: normal normal bold 13px/17px Chivo;
  color: #444444;
}
/* Gap Diagnostic Product Page CSS */

/* Instructor-Timetable CSS */
.instructor-schedule-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 8px #00000029;
  border-radius: 4px;
}
.batch-schedule-date .date-number {
  font: normal normal bold 15px/20px Nunito;
  background: #0089ff 0% 0% no-repeat padding-box;
  color: white;
  border-radius: 50%;
}
.batch-schedule-date .month {
  font: normal normal 600 10px/14px Nunito;
}
.batch-schedule-date .month {
  color: #0089ff !important;
}
.batch-schedule:hover {
  background: #eeeeee 0% 0% no-repeat padding-box !important;
  border-radius: 14px !important;
}
.batch-schedule {
  border-radius: 14px;
}
.batch-schedule .batch-schedule-list .batch-time,
.batch-schedule-card .details-label {
  font: normal normal 600 12px/16px Nunito;
}
.show-schedule.active .batch-schedule {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 14px;
}
.batch-schedule-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px #00000066;
  border-radius: 6px;
  z-index: 2;
}
.batch-schedule .batch-label {
  font: normal normal bold 12px/16px Nunito;
}
.batch-schedule .batch-schedule-list .batch-overlap {
  color: transparent;
  text-shadow: 0 0 0 rgb(240, 75, 35);
}
.batch-schedule .batch-schedule-list .batch-scheduled {
  color: transparent;
  text-shadow: 0 0 0 rgb(0, 137, 255);
}
.batch-schedule .batch-schedule-list .batch-completed {
  color: transparent;
  text-shadow: 0 0 0 rgb(0, 255, 0);
}
.batch-schedule .batch-schedule-list .batch-rescheduled {
  color: transparent;
  text-shadow: 0 0 0 rgb(255, 179, 0);
}
.show-schedule:focus {
  outline: none;
  box-shadow: none;
}
@media (max-width: 576px) {
  .batch-schedule-card {
    margin-top: 50px !important;
    left: 0px !important;
  }
}
/* Instructor-Timetable CSS */

/* Summer Camp day css starts */
.summer-camp-calendar {
  position: absolute;
  top: 55px;
  right: 100px;
  right: 20px;
  width: 220px;
  z-index: 500;
}
.summer-camp-slot-analytics-table {
  font: normal normal bold 12px/14px Nunito;
  border-collapse: separate;
  border-spacing: 0 10px;
}
.summer-camp-slot-analytics-table thead tr {
  background: #f1f1f1 0% 0% no-repeat padding-box;
}
.summer-camp-slot-analytics-table tbody tr {
  background: #f4f7f8 0% 0% no-repeat padding-box;
}
.summer-camp-slot-analytics-table tr td:first-child {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
}
.summer-camp-slot-analytics-table tr td:last-child {
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
}
.summer-camp-slot-analytics-table tr th:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.summer-camp-slot-analytics-table tr th:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.summer-camp-slot-analytics-table thead {
  position: sticky;
  top: 0;
}
.clear-calendar {
  position: absolute;
  left: 200px;
  top: -20px;
  border-radius: 50px;
  color: #0089ff;
  background: white;
}
/* Summer camp css ends */
/* Copy link div */

.copy-link-div {
  background: #b9f2ff 0% 0% no-repeat padding-box;
  border: 2px solid #0089ff;
  border-radius: 4px 0px 0px 4px;
  width: fit-content;
}

/* Copy link div */

/* Instructor School & Batch Cards CSS */
.instructor-schools .school-batch-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #00000033;
  border-radius: 8px;
}
.instructor-schools .school-batch-card .batch-count {
  position: absolute;
  top: 8px;
  right: 16px;
  background: #ffffffcc 0% 0% no-repeat padding-box;
  border: 1px solid #41ace6;
  border-radius: 4px;
  font: normal normal 800 12px/16px Nunito;
  color: #666666;
  min-width: 40px;
  min-height: 24px;
  padding: 4px;
}
.instructor-schools .school-batch-card .school-name {
  text-align: center;
  font: normal normal 800 16px/22px Nunito;
  letter-spacing: 0px;
  color: #444444;
  text-transform: capitalize;
}
.instructor-schools .school-batch-card .school-address {
  font: normal normal normal 12px/16px Nunito;
  color: #888888;
  text-transform: capitalize;
}
.instructor-schools .school-batch-card .card-background-img {
  background-image: url(https://assets.wizklub.com/images/admin/users/user-groups-card-background.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.instructor-schools .school-batch-card .card-icon-img {
  width: 60px;
  height: 60px;
}

.instructor-batch-info .school-batch-summary {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 20px #00000029;
  border-radius: 20px;
}
.instructor-batch-info .school-batch-summary .batch-title {
  font: normal normal 800 18px/24px Nunito;
  color: #555555;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.instructor-batch-info .school-batch-summary .summary .summary-label {
  font: normal normal bold 12px/16px Nunito;
  color: #849198;
}
.instructor-batch-info .school-batch-summary .program-title {
  font: normal normal bold 12px/16px Nunito;
  color: #545456;
}
/* Instructor School & Batch Cards CSS */

/* Edit Icon Css */

.edit-entity {
  background: #bbd2dd 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 4px #00000033;
  border-radius: 4px;
}
#occurrence_info_form .session_status {
  font: normal normal normal 17px/16px Nunito;
  letter-spacing: 0.34px;
  color: #545456;
  /* background: #bbd2dd 0% 0% no-repeat padding-box; */
  box-shadow: 0px 2px 4px #00000033;
}

/* Edit Icon Css */

/* Technathon Design CSS */
.technathon-card {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/technathon/technathon-card-bg1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 10px 10px 0px 0px;
}
.technathon .close {
  position: relative;
  left: 15px;
  top: -15px;
}
.technathon-card .header-text {
  font: normal normal bold 13px/18px Chivo;
  color: #ffffff;
}
.technathon-card .title-text {
  font: normal normal bold 11px/15px Chivo;
  color: #ffffff;
}
.descp-text {
  font: normal normal bold 10px/24px Chivo;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 8px #00000033;
  border-radius: 0px 0px 10px 10px;
}
.technathon-add-popup {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/technathon/technathon-event-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.technathon-add-popup .popup-label {
  font: normal normal bold 30px/40px Chivo;
}
.join-label {
  font: normal normal bold 18px/50px Chivo;
  border-bottom: 4px solid #ffb300;
}
.technathon-info-text {
  font: normal normal 500 16px/29px Chivo;
}
.technathon-label {
  font: normal normal 900 20px/29px Chivo;
}
#session_list_refresh_btn {
  font: normal normal bold 12px/14px Nunito;
  color: #007bff;
  cursor: pointer;
  text-decoration: underline;
}

.technathon-final-round {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/technathon/technathon-finalround-popup-banner.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.technathon-final-round .greeting-text {
  font: normal normal bold 36px/40px Chivo;
  color: #ffc130;
}
.technathon-final-round .description-title {
  font: normal normal bold 26px/34px Chivo;
}
.technathon-final-round .set-up-text {
  font: normal normal bold 18px/50px Chivo;
  border-bottom: 2px solid #ffb300;
}
.technathon-final-round .description {
  font: normal normal normal 15px/26px Chivo;
}
.technathon-final-round .final-date {
  font: normal normal bold 16px/26px Chivo;
}
.technathon-final-round .close {
  position: absolute;
  left: 100%;
  top: -15px;
  color: #fff !important;
  opacity: 1 !important;
  outline: none !important;
}
@media (max-width: 575.98px) {
  .technathon-final-round .greeting-text {
    font: normal normal bold 25px/37px Chivo;
  }
  .technathon-final-round .description-title {
    font: normal normal bold 22px/28px Chivo;
  }
}
/* Technathon Design */

/* Technathon Analytics Design */
.technathon-analytics-round .technathon-nav-item .technathon-phase-cards {
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #b6c5cc;
  width: 100%;
}
.technathon-analytics-round .technathon-tabs,
.technathon-analytics-round .technathon-nav-item:hover,
.technathon-analytics-round .technathon-nav-item.active {
  border: none !important;
  background-color: transparent;
}
.technathon-analytics-round .technathon-nav-item.active .technathon-phase-cards {
  color: #ffffff;
  background: #0089ff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #ffb300;
  box-sizing: border-box;
}
.technathon-analytics-round .technathon-phase-cards .count-text {
  font: normal normal bold 20px/24px Chivo;
  border-bottom: 1px solid #00cdff;
}
.technathon-analytics-round .technathon-phase-cards .description-text {
  font: normal normal normal 12px/14px Chivo;
}
.technathon-analytics-charts .analytics-chart-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000033;
}
.analytics-chart-card .analytics-chart-container {
  width: 100%;
  height: 450px;
}
.analytics-chart-card .analytics-chart-title {
  background: #e1e9ee 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 1px #00000033;
  font: normal normal bold 18px/30px Chivo;
  color: #545456;
}
/* Technathon Analytics Design */

#batch_meeting_note {
  font-family: Nunito;
  font-size: 14px;
  color: darkred;
}

/* my progress dashboard css */
.progress-dashboard {
  background: #eaf5ff 0% 0% no-repeat padding-box;
}
.progress-select-dropdown .wiz.dropdown .dropdown-toggle {
  border: 2px solid #0089ff !important;
  font: normal normal bold 14px/17px Chivo;
  color: #545456;
}
.achievements-bg {
  background: #7d8f98 0% 0% no-repeat padding-box;
  border-radius: 4px;
}
.achievements-bg .title {
  font: normal normal bold 16px/19px Chivo;
  color: #ffffff;
}
.progress-dashboard .student-progress-details {
  background: #545456 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 2px #00000033;
}
.student-progress-details .student-progress-cards,
.program-overview-details {
  background: #ffffff22 0% 0% no-repeat padding-box;
  border-radius: 10px;
}
.student-progress-cards .label-value {
  font: normal normal bold 20px/17px Chivo;
  color: #ffffff;
}
.student-progress-cards .label-text {
  font: normal normal 300 9px/17px Chivo;
  color: #ffffff;
}
.student-info-container .card-header {
  background: #e1e9ee 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 1px #00000033;
}
.student-info-container .title {
  font: normal normal bold 18px/30px Chivo;
}
.key-metrics-card {
  border: 0.5px solid #3586cc;
  border-left: 4px solid #3586cc;
}
.key-metrics-card .label-value {
  font: normal normal bold 18px/16px Chivo;
}
.key-metrics-card .label-text {
  font: normal normal normal 12px/14px Chivo;
}
.course-program-cards.program-cards:hover {
  background-color: #5a64dc22;
}
.course-program-cards.olympiad-cards:hover {
  background-color: #4cb0db22;
}
.course-program-cards.assessment-cards:hover {
  background-color: #3fbead22;
}
.course-program-cards.competition-cards:hover {
  background-color: #d6739b22;
}
.course-program-cards .sub-title {
  font: normal normal bold 10px/12px Chivo;
}
.course-program-cards .card-arrows {
  border: 0.5px solid #707070;
  border-radius: 4px;
}
.course-program-cards .percentage,
.course-program-cards .program-title {
  font: normal normal bold 15px/18px Chivo;
}
.course-program-cards .percentage-label {
  font: normal normal normal 8px/10px Chivo;
}
.myprogress_proficiency_chart {
  width: 100%;
  height: 500px;
}
.student-information {
  background: #545456 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 2px #00000033;
}
.student-details {
  border-bottom: 1px solid #ffffff;
}
.student-details .student-name,
.program-overview-details .label-value {
  font: normal normal bold 20px/24px Chivo;
}
.student-details .sub-titles,
.student-information .school-address,
.program-overview-details .label-text,
.program-overview-section .refresh-status,
.student-progress-details .refresh-status {
  font: normal normal normal 12px/14px Chivo;
  color: #ffffff55;
}
.student-information .school-name {
  font: normal normal normal 12px/16px Chivo;
}
.program-overview-section .title {
  font: normal normal bold 17px/20px Chivo;
}
.star-icon-section {
  justify-content: space-evenly;
  margin-top: -30px;
}
.star-icon-section .star-icon {
  z-index: 10 !important;
  position: relative;
}
.student-performance-report {
  background: #f2f2f2 0% 0% no-repeat padding-box;
  box-shadow: inset -1px -1px 1px #00000029, 0px 2px 2px #00000033;
}
.personality-learning-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 2px solid #00cdff;
  border-radius: 6px;
}
.personality-learning-card .completed-count {
  font: normal normal bold 22px/28px Chivo;
  border-right: 1px solid #b6c5cc;
}
.personality-learning-card .description-text {
  font: normal normal 500 12px/16px Chivo;
}
.student-performance-report .chart-title {
  font: normal normal bold 18px/30px Chivo;
}
.session-progress-btn {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #0089ff;
  border-radius: 15px;
  font: normal normal bold 12px/14px Chivo;
}
.monthly-report-btn {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #ffb300;
  border-radius: 15px;
  font: normal normal bold 12px/14px Chivo;
}
.top-scored-banner {
  background: url("https://assets.wizklub.com/images/dashboard/my-progress/topped-result-skill.png") 45% 15% no-repeat;
  height: 100%;
}
.top-scored-banner .result-title {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 2px solid #0089ff;
  border-radius: 20px;
  color: #0561a1;
  font: normal normal bold 12px/14px Chivo;
}
.top-scored-banner .total-scored {
  font: normal normal bold 24px/24px Chivo;
  text-shadow: 0px 0px 4px #000000cc;
  color: #ffffff;
}
#sorted_bar_chart {
  width: 100%;
  height: 500px;
}
#donut_amchart,
#stacked_bar_chart {
  width: 100%;
  height: 250px;
}
#forced_tree_amchart,
#blockly_execution_amchart {
  width: 100%;
  height: 550px;
}
#circular_amchart {
  width: 30%;
}
.report-progress-circle {
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: conic-gradient(#7e86f1 var(--progress), gray 0deg);
  font-size: 0;
}
.report-progress-circle::after {
  content: attr(data-progress) "%";
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin: 5px;
  border-radius: 50%;
  background: white;
  font: normal normal bold 10px/14px Chivo;
  text-align: center;
}
#program_cards {
  height: 140px;
  overflow-y: scroll;
}
#program_cards .card-body {
  height: 300px;
  overflow-y: scroll;
}
.toggle-btn-close {
  display: none;
}
#toggle_card_btn:not(.collapsed) .toggle-btn-close {
  display: block;
}
#toggle_card_btn:not(.collapsed) .toggle-btn-open {
  display: none;
}
#toggle_card_btn.collapsed .toggle-btn-close {
  display: none;
}
#toggle_card_btn.collapsed .toggle-btn-open {
  display: block;
}
.batch-report-charts {
  min-height: 300px;
  max-height: 400px;
}
/* my progress dashboard and report css */

/* Session Progress Dashboard CSS */
.session-progress-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 6px 10px #00000029;
  border-radius: 6px;
}
.session-progress-card .card-header {
  background: #00cdff11 0% 0% no-repeat padding-box;
  border-radius: 6px 6px 0px 0px;
}
.session-progress-card .title {
  font: normal normal bold 14px/17px Chivo;
}
.session-progress-card .label {
  font: normal normal normal 10px/12px Chivo;
  color: #8fa8b4;
}
.session-progress-card .percentage {
  background: #8999a0 0% 0% no-repeat padding-box;
  border-radius: 0px 6px 0px 0px;
  font: normal normal normal 14px/17px Chivo;
}
.session-progress-card .description {
  font: normal normal normal 12px/16px Chivo;
}
.session-progress-card .skill-explored {
  font: normal normal normal 12px/14px Chivo;
  color: #8999a0;
}
.session-progress-card .session-progress-bar {
  height: 4px;
}
.session-progress-card .percentage-label {
  font: normal normal bold 12px/14px Chivo;
  color: #545456;
}
.session-progress-dropdown .session-dropdown .wiz.dropdown .dropdown-toggle {
  font: normal normal bold 14px/17px Chivo;
  color: #545456;
}

/* Session Progress Dashboard CSS */
/* InfinityLearn CSS */
.infinitylearn-back-button {
  border: 1px solid #444444;
  border-radius: 15px;
  font: normal normal 500 16px/20px Chivo;
  color: #444444;
}
/* InfinityLearn CSS ENDS */

/* Student Achievements CSS */
.progress-dashboard .view-student-achievement {
  background: #7d8f98 0% 0% no-repeat padding-box;
  border-radius: 4px;
}
.view-student-achievement .label {
  font: normal normal bold 16px/26px Chivo;
  color: #ffffff;
}
.your-achievements-tab .achievement-link {
  background: #f3f3f3 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 2px #00000029;
  border-radius: 2px 2px 0px 0px;
  font: normal normal bold 12px/21px Chivo;
  color: #555555 !important;
}
.your-achievements-tab .achievement-link:hover {
  box-shadow: inset -1px 0px 1px #0000001a, 0px 0px 2px #00000029;
  border-top: 3px solid #0089ff;
}
.your-achievements-tab .achievement-link.active {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 6px #00000033;
  border-top: 3px solid #0089ff;
  color: #0089ff !important;
}
.achievement-pane .achievement-report-card {
  background: #f6f6f6 0% 0% no-repeat padding-box;
  border: 1px solid #b6c5cc;
  border-radius: 10px;
}
.achievement-report-card .program-name,
.achievement-monthly-report .report-month {
  font: normal normal bold 14px/17px Chivo;
  color: #555555;
  text-transform: capitalize;
}
.achievement-report-card .category,
.achievement-report-card .report-date {
  font: normal normal normal 12px/17px Chivo;
}
.student-monthly-report .achievement-monthly-report {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #b6c5cc;
  border-radius: 10px;
}
.achievement-pane .achievement-report-card:hover,
.student-monthly-report .achievement-monthly-report:hover {
  box-shadow: 0px 3px 6px #00000029;
}
/* Student Achievements CSS */

/* Student Certificates CSS */

.certificate-details-cards {
  background: #f6f6f6 0% 0% no-repeat padding-box;
  border: 1px solid #b6c5cc;
  border-radius: 10px;
}
.certificate-details-cards .title {
  font: normal normal bold 14px/17px Chivo;
}
.certificate-details-cards .label-text {
  font: normal normal normal 12px/14px Chivo;
  color: #e36180;
}
.certificate-details-cards .date-text {
  font: normal normal normal 10px/12px Chivo;
  color: #8999a0;
}
.technathon-result-download {
  background: #8fa8b422 0% 0% no-repeat padding-box;
  border: 0.5px solid #8fa8b4;
}
.technathon-result-download:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 0.5px solid #8fa8b4;
}
.technathon-view-report {
  background: #8fa8b4 0% 0% no-repeat padding-box;
  border-radius: 4px;
  font: normal normal 800 12px/18px Nunito;
  color: #ffffff;
}
.technathon-view-report:hover {
  background: #617078 0% 0% no-repeat padding-box;
  border-radius: 4px;
  color: #ffffff;
}
.default-title {
  font: normal normal 800 20px/23px Nunito;
  color: #e36180;
}

/* Student Certificates CSS */

/* Attendees form design table */
.attendees-table-section .label-text {
  font: normal normal 800 18px/17px Nunito;
}
.table-responsive.attendees-table {
  font: normal normal bold 14px/17px Nunito;
}
.table-responsive .attendees-table-body {
  max-height: 340px;
  overflow-y: auto;
  overflow-x: hidden;
}
.offline-attendees-row-clonable,
.offline-attendees-row {
  background: #f3f3f3 0% 0% no-repeat padding-box;
  border-radius: 4px;
}
.attendees-add-remove-modal .attendees-header {
  background: #0089ff 0% 0% no-repeat padding-box;
  border-radius: 10px 10px 0px 0px;
}
.attendees-add-remove-modal .attendees-header .popup-title {
  font: normal normal bold 16px/6px Chivo;
}
.attendees-add-remove-modal .attendees-header .student-detail {
  font: normal normal bold 12px/26px Chivo;
}
.attendees-add-remove-modal .confirmation-text .title-text {
  font: normal normal 800 15px/17px Nunito;
}
.attendees-add-remove-modal .confirmation-text .description-text {
  font: normal normal 500 12px/17px Nunito;
}
.remove-batch-student-section .warning-text {
  font: normal normal 600 17px/22px Nunito;
  color: #444444;
}
.remove-batch-student-section .student-removed-count {
  font: normal normal 800 26px/28px Nunito;
}
.remove-batch-student-section .student-removed-text {
  font: normal normal 600 16px/28px Nunito;
}
.manage-credits-dropdown {
  color: #0089ff !important;
}

.remove-batch-student-section .modal-close-icon,
.attendees-add-remove-modal .modal-close-icon {
  position: relative;
  left: 20px;
  top: 4px;
}
.attendees-select .selectize-dropdown {
  position: initial !important;
}
.attendees-add-remove-modal .add-credit {
  font: normal normal 800 26px/28px Nunito;
  letter-spacing: 0px;
  color: #28bd28;
}
.attendees-add-remove-modal .remove-credit {
  font: normal normal 800 26px/28px Nunito;
  letter-spacing: 0px;
  color: #f04b23;
}
.attendees-add-remove-modal .credit-msg {
  font: normal normal 600 16px/28px Nunito;
  letter-spacing: 0px;
  color: #545456;
}
.attendees-add-remove-modal .credits-text {
  font: normal normal 600 12px/17px Nunito;
  letter-spacing: 0px;
  color: #849198;
}
.attendees-table .attendees-table-sub-section {
  min-width: 768px;
}
.offline-attendees-row .total-credits {
  border: 1px solid #0089ff;
  background-color: #a7dbea;
  color: #545456;
}
.manage-credits-dropdown.disabled {
  opacity: 0.5;
}
.view-history.disable-a-href {
  pointer-events: none;
  opacity: 0.5;
}
#add_attendees.click-invalid {
  border-color: red !important;
}
.attendees-add-remove-modal .remove-credit-btn:hover,
.attendees-add-remove-modal .add-credit-btn:hover {
  opacity: 1;
}
/* Attendees form design table */

/* Student Average Attendance Report CSS */

.student-attedance-analysis .filters-bg {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 10px #0000001a;
  border: 0.20000000298023224px solid #0089ff;
  border-radius: 6px;
}
.average-attendance-report {
  background: #5e8c98 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 2px #0000001a;
  border-radius: 6px;
}
.average-attendance-report .report-header {
  font: normal normal normal 17px/23px Nunito;
  color: #ffffff;
}
.average-attendance-report .report-header .average-percent {
  font: normal normal bold 20px/26px Nunito;
  color: #ffffff;
}
.average-attendance-charts {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 10px #00000033;
  border-radius: 6px;
}
.average-attendance-charts #average_student_attendance {
  min-width: 450px;
  width: 100%;
  height: 400px;
}
.selected-date-range {
  background: #f2f8fd 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 4px #00000033;
  border: 1px solid #0089ff;
  border-radius: 4px;
}
.selected-date-range .selected-dates {
  border-right: 1px solid #0089ff;
  font: normal normal 600 12px/21px Nunito;
  color: #545456;
}
#user_attendance_analysis_report_table .avg-percentage-box-0089ff {
  background: #0089ff1a 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 2px #00000033;
  border-radius: 2px;
}
#user_attendance_analysis_report_table .avg-percentage-box-28bd28 {
  background: #28bd281a 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 2px #00000033;
  border-radius: 2px;
}
@media only screen and (max-width: 575px) {
  .average-attendance-report .report-header {
    font: normal normal normal 13px/18px Nunito;
    color: #ffffff;
  }
  .average-attendance-report .report-header .average-percent {
    font: normal normal bold 15px/21px Nunito;
    color: #ffffff;
  }
}
/* Student Average Attendance Report CSS */

/* Subscription ending popup css */
.subscription-popup {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/subscription/subscription-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.subscription-popup .title {
  font: normal normal 800 28px/40px Nunito;
  letter-spacing: 0.56px;
  color: #ffc53d;
  text-shadow: 0px 3px 6px #0000004d;
  text-transform: uppercase;
}
.subscription-popup .sub-title {
  font: normal normal normal 16px/24px Nunito;
  letter-spacing: 0.16px;
  color: #ffffff;
}
.wiz-color-ffe7ac {
  color: #ffe7ac;
}
.wiz-color-ff7858 {
  color: #ff7858;
}
.subscription-status-bg {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/subscription/status-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.subscription-status .status,
.subscription-agenda .status {
  font: normal normal 800 20px/20px Nunito;
  color: #ffffff;
}
.subscription-popup .contact-us,
.subscription-agenda .help {
  font: normal normal normal 15px/20px Nunito;
  color: #e7f4fe;
}
.contact-us .contact-info {
  font: normal normal bold 15px/20px Nunito;
  color: #e7f4fe;
}
.subscription-agenda .benefits {
  font: normal normal 600 12px/20px Nunito;
  color: #ffffff;
  text-shadow: 0px 1px 2px #00000099;
}
.subscription-agenda .tick-bullets {
  list-style-image: url("https://assets.wizklub.com/images/wizklub/pages/subscription/tick-mark-icon-white-small.png");
  padding: 3px;
}
.subscription-agenda .motto {
  font: normal normal bold 18px/30px Nunito;
  letter-spacing: 0.18px;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #ffc53d;
}
.subscription-agenda .message {
  font: normal normal bold 16px/30px Nunito;
  letter-spacing: 0.16px;
  color: #ffffff;
  text-shadow: 1px 1px 0px #ffc53d;
}
/* Subscription ending popup css */

/* Batch Menu */

.wiz.dropdown .batch-menu-dropdown {
  background: transparent;
  border: none;
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
  padding: 9px;
  width: auto;
}
.wiz.dropdown .btn.batch-menu-dropdown::after {
  content: none; /* Hide the default arrow */
}
/* Batch Menu */
/* Assessment Confirmation Popup CSS */
.assessment-confirmation-dialog {
  max-width: 725px !important;
}
.assessment-confirmation-dialog .modal-content {
  background-color: transparent !important;
  border: none;
}
.assessment-confirmation-modal {
  background-image: url("https://assets.wizklub.com/images/dashboard/util/assessment-confirmation-popup.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 10px;
  border: 0;
  min-height: 350px !important;
}
.assessment-confirmation-modal .title {
  font: normal normal bold 40px/50px Chivo;
  color: #00cdfa;
}
.assessment-confirmation-modal .description {
  font: normal normal normal 15px/26px Chivo;
  color: #ffffff;
}
.assessment-confirmation-modal .btn-close-icon {
  position: absolute;
  right: -18px;
  top: -22px;
  opacity: 1;
}
@media screen and (max-width: 575px) {
  .w-xs-80 {
    width: 80% !important;
  }
  .assessment-confirmation-modal .title {
    font: normal normal bold 24px/34px Chivo;
  }
  .assessment-confirmation-modal .description {
    font: normal normal normal 12px/18px Chivo;
  }
  .assessment-header-card .title,
  .competition-header-card .title {
    font: normal normal bold 32px/46px Chivo;
  }
  .assessment-header-card .subtitle,
  .competition-header-card .subtitle {
    font: normal normal normal 16px/28px Chivo;
  }
}