@charset "UTF-8";

/* node_modules/angular-calendar/css/angular-calendar.css */
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}
.cal-month-view .cal-cell-top {
  min-height: 78px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
  min-height: 100px;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  float: left;
}
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.cal-month-view .cal-events {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
  padding: 15px;
}
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.cal-month-view .cal-draggable {
  cursor: move;
}
.cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.cal-month-view .cal-event-title {
  cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}
.cal-month-view {
  background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.cal-month-view .cal-days {
  border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: initial;
  border-left-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
  background-color: #b94a48;
  color: #fff;
}
.cal-month-view .cal-event {
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: #e0e0e0 !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  -webkit-box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}
.cal-week-view {
}
.cal-week-view * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 70px;
  border: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers {
  padding-left: initial;
  padding-right: 70px;
}
.cal-week-view .cal-day-headers .cal-header {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: initial;
  border-right: 1px solid;
}
.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.cal-week-view .cal-day-column {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-left: solid 1px;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left: initial;
  border-right: solid 1px;
}
.cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
  direction: ltr;
}
.cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
  margin-left: initial;
  margin-right: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: initial;
  left: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.cal-week-view .cal-hour-segment {
  position: relative;
}
.cal-week-view .cal-hour-segment::after {
  content: "\a0";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.cal-week-view .cal-draggable {
  cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
  display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
}
.cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
  border-color: #e1e1e1;
  border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: initial;
  border-left: solid 1px #e1e1e1 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.cal-week-view .cal-day-column {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-event {
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.cal-week-view .cal-time-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
  background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}
.cal-day-view {
}
.cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.cal-day-view .cal-events-container {
  margin-left: 70px;
}
[dir=rtl] .cal-day-view .cal-events-container {
  margin-left: initial;
  margin-right: 70px;
}
.cal-day-view .cal-day-column {
  border-left: 0;
}
.cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
[dir=rtl] .cal-day-view .cal-current-time-marker {
  margin-left: initial;
  margin-right: 70px;
}
.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}
.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}
.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}
.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}
.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}
.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}
.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}
.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}
.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}
.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}
.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}

/* node_modules/bootstrap/dist/css/bootstrap.min.css */
/*!
* Bootstrap  v5.3.5 (https://getbootstrap.com/)
* Copyright 2011-2025 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,
[data-bs-theme=light] {
  --bs-blue:#0d6efd;
  --bs-indigo:#6610f2;
  --bs-purple:#6f42c1;
  --bs-pink:#d63384;
  --bs-red:#dc3545;
  --bs-orange:#fd7e14;
  --bs-yellow:#ffc107;
  --bs-green:#198754;
  --bs-teal:#20c997;
  --bs-cyan:#0dcaf0;
  --bs-black:#000;
  --bs-white:#fff;
  --bs-gray:#6c757d;
  --bs-gray-dark:#343a40;
  --bs-gray-100:#f8f9fa;
  --bs-gray-200:#e9ecef;
  --bs-gray-300:#dee2e6;
  --bs-gray-400:#ced4da;
  --bs-gray-500:#adb5bd;
  --bs-gray-600:#6c757d;
  --bs-gray-700:#495057;
  --bs-gray-800:#343a40;
  --bs-gray-900:#212529;
  --bs-primary:#0d6efd;
  --bs-secondary:#6c757d;
  --bs-success:#198754;
  --bs-info:#0dcaf0;
  --bs-warning:#ffc107;
  --bs-danger:#dc3545;
  --bs-light:#f8f9fa;
  --bs-dark:#212529;
  --bs-primary-rgb:13,110,253;
  --bs-secondary-rgb:108,117,125;
  --bs-success-rgb:25,135,84;
  --bs-info-rgb:13,202,240;
  --bs-warning-rgb:255,193,7;
  --bs-danger-rgb:220,53,69;
  --bs-light-rgb:248,249,250;
  --bs-dark-rgb:33,37,41;
  --bs-primary-text-emphasis:#052c65;
  --bs-secondary-text-emphasis:#2b2f32;
  --bs-success-text-emphasis:#0a3622;
  --bs-info-text-emphasis:#055160;
  --bs-warning-text-emphasis:#664d03;
  --bs-danger-text-emphasis:#58151c;
  --bs-light-text-emphasis:#495057;
  --bs-dark-text-emphasis:#495057;
  --bs-primary-bg-subtle:#cfe2ff;
  --bs-secondary-bg-subtle:#e2e3e5;
  --bs-success-bg-subtle:#d1e7dd;
  --bs-info-bg-subtle:#cff4fc;
  --bs-warning-bg-subtle:#fff3cd;
  --bs-danger-bg-subtle:#f8d7da;
  --bs-light-bg-subtle:#fcfcfd;
  --bs-dark-bg-subtle:#ced4da;
  --bs-primary-border-subtle:#9ec5fe;
  --bs-secondary-border-subtle:#c4c8cb;
  --bs-success-border-subtle:#a3cfbb;
  --bs-info-border-subtle:#9eeaf9;
  --bs-warning-border-subtle:#ffe69c;
  --bs-danger-border-subtle:#f1aeb5;
  --bs-light-border-subtle:#e9ecef;
  --bs-dark-border-subtle:#adb5bd;
  --bs-white-rgb:255,255,255;
  --bs-black-rgb:0,0,0;
  --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient:linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.5;
  --bs-body-color:#212529;
  --bs-body-color-rgb:33,37,41;
  --bs-body-bg:#fff;
  --bs-body-bg-rgb:255,255,255;
  --bs-emphasis-color:#000;
  --bs-emphasis-color-rgb:0,0,0;
  --bs-secondary-color:rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb:33,37,41;
  --bs-secondary-bg:#e9ecef;
  --bs-secondary-bg-rgb:233,236,239;
  --bs-tertiary-color:rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb:33,37,41;
  --bs-tertiary-bg:#f8f9fa;
  --bs-tertiary-bg-rgb:248,249,250;
  --bs-heading-color:inherit;
  --bs-link-color:#0d6efd;
  --bs-link-color-rgb:13,110,253;
  --bs-link-decoration:underline;
  --bs-link-hover-color:#0a58ca;
  --bs-link-hover-color-rgb:10,88,202;
  --bs-code-color:#d63384;
  --bs-highlight-color:#212529;
  --bs-highlight-bg:#fff3cd;
  --bs-border-width:1px;
  --bs-border-style:solid;
  --bs-border-color:#dee2e6;
  --bs-border-color-translucent:rgba(0, 0, 0, 0.175);
  --bs-border-radius:0.375rem;
  --bs-border-radius-sm:0.25rem;
  --bs-border-radius-lg:0.5rem;
  --bs-border-radius-xl:1rem;
  --bs-border-radius-xxl:2rem;
  --bs-border-radius-2xl:var(--bs-border-radius-xxl);
  --bs-border-radius-pill:50rem;
  --bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width:0.25rem;
  --bs-focus-ring-opacity:0.25;
  --bs-focus-ring-color:rgba(13, 110, 253, 0.25);
  --bs-form-valid-color:#198754;
  --bs-form-valid-border-color:#198754;
  --bs-form-invalid-color:#dc3545;
  --bs-form-invalid-border-color:#dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color:#dee2e6;
  --bs-body-color-rgb:222,226,230;
  --bs-body-bg:#212529;
  --bs-body-bg-rgb:33,37,41;
  --bs-emphasis-color:#fff;
  --bs-emphasis-color-rgb:255,255,255;
  --bs-secondary-color:rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb:222,226,230;
  --bs-secondary-bg:#343a40;
  --bs-secondary-bg-rgb:52,58,64;
  --bs-tertiary-color:rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb:222,226,230;
  --bs-tertiary-bg:#2b3035;
  --bs-tertiary-bg-rgb:43,48,53;
  --bs-primary-text-emphasis:#6ea8fe;
  --bs-secondary-text-emphasis:#a7acb1;
  --bs-success-text-emphasis:#75b798;
  --bs-info-text-emphasis:#6edff6;
  --bs-warning-text-emphasis:#ffda6a;
  --bs-danger-text-emphasis:#ea868f;
  --bs-light-text-emphasis:#f8f9fa;
  --bs-dark-text-emphasis:#dee2e6;
  --bs-primary-bg-subtle:#031633;
  --bs-secondary-bg-subtle:#161719;
  --bs-success-bg-subtle:#051b11;
  --bs-info-bg-subtle:#032830;
  --bs-warning-bg-subtle:#332701;
  --bs-danger-bg-subtle:#2c0b0e;
  --bs-light-bg-subtle:#343a40;
  --bs-dark-bg-subtle:#1a1d20;
  --bs-primary-border-subtle:#084298;
  --bs-secondary-border-subtle:#41464b;
  --bs-success-border-subtle:#0f5132;
  --bs-info-border-subtle:#087990;
  --bs-warning-border-subtle:#997404;
  --bs-danger-border-subtle:#842029;
  --bs-light-border-subtle:#495057;
  --bs-dark-border-subtle:#343a40;
  --bs-heading-color:inherit;
  --bs-link-color:#6ea8fe;
  --bs-link-hover-color:#8bb9fe;
  --bs-link-color-rgb:110,168,254;
  --bs-link-hover-color-rgb:139,185,254;
  --bs-code-color:#e685b5;
  --bs-highlight-color:#dee2e6;
  --bs-highlight-bg:#664d03;
  --bs-border-color:#495057;
  --bs-border-color-translucent:rgba(255, 255, 255, 0.15);
  --bs-form-valid-color:#75b798;
  --bs-form-valid-border-color:#75b798;
  --bs-form-invalid-color:#ea868f;
  --bs-form-invalid-border-color:#ea868f;
}
*,
::after,
::before {
  box-sizing: border-box;
}
@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: .25;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width:1200px) {
  .h1,
  h1 {
    font-size: 2.5rem;
  }
}
.h2,
h2 {
  font-size: calc(1.325rem + .9vw);
}
@media (min-width:1200px) {
  .h2,
  h2 {
    font-size: 2rem;
  }
}
.h3,
h3 {
  font-size: calc(1.3rem + .6vw);
}
@media (min-width:1200px) {
  .h3,
  h3 {
    font-size: 1.75rem;
  }
}
.h4,
h4 {
  font-size: calc(1.275rem + .3vw);
}
@media (min-width:1200px) {
  .h4,
  h4 {
    font-size: 1.5rem;
  }
}
.h5,
h5 {
  font-size: 1.25rem;
}
.h6,
h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
.small,
small {
  font-size: .875em;
}
.mark,
mark {
  padding: .1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity,1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb:var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
code,
kbd,
pre,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: .875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: .1875rem .375rem;
  font-size: .875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: .25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  line-height: inherit;
  font-size: calc(1.275rem + .3vw);
}
@media (min-width:1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width:1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width:1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width:1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width:1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width:1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width:1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: .5rem;
}
.initialism {
  font-size: .875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: .875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\a0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: .25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: .5rem;
  line-height: 1;
}
.figure-caption {
  font-size: .875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width:576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width:768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width:992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width:1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
@media (min-width:1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs:0;
  --bs-breakpoint-sm:576px;
  --bs-breakpoint-md:768px;
  --bs-breakpoint-lg:992px;
  --bs-breakpoint-xl:1200px;
  --bs-breakpoint-xxl:1400px;
}
.row {
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x:0;
}
.g-0,
.gy-0 {
  --bs-gutter-y:0;
}
.g-1,
.gx-1 {
  --bs-gutter-x:0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y:0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x:0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y:0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x:1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y:1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x:1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y:1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x:3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y:3rem;
}
@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x:0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y:0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x:1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y:1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x:3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width:768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x:0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y:0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x:1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y:1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x:3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x:0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y:0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x:1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y:1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x:3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x:0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y:0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x:1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y:1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x:3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x:0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y:0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x:1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y:1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x:3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y:3rem;
  }
}
.table {
  --bs-table-color-type:initial;
  --bs-table-bg-type:initial;
  --bs-table-color-state:initial;
  --bs-table-bg-state:initial;
  --bs-table-color:var(--bs-emphasis-color);
  --bs-table-bg:var(--bs-body-bg);
  --bs-table-border-color:var(--bs-border-color);
  --bs-table-accent-bg:transparent;
  --bs-table-striped-color:var(--bs-emphasis-color);
  --bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color:var(--bs-emphasis-color);
  --bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color:var(--bs-emphasis-color);
  --bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: .5rem .5rem;
  color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: .25rem .25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type:var(--bs-table-striped-color);
  --bs-table-bg-type:var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-color-type:var(--bs-table-striped-color);
  --bs-table-bg-type:var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state:var(--bs-table-active-color);
  --bs-table-bg-state:var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state:var(--bs-table-hover-color);
  --bs-table-bg-state:var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color:#000;
  --bs-table-bg:#cfe2ff;
  --bs-table-border-color:#a6b5cc;
  --bs-table-striped-bg:#c5d7f2;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#bacbe6;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#bfd1ec;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color:#000;
  --bs-table-bg:#e2e3e5;
  --bs-table-border-color:#b5b6b7;
  --bs-table-striped-bg:#d7d8da;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#cbccce;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#d1d2d4;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color:#000;
  --bs-table-bg:#d1e7dd;
  --bs-table-border-color:#a7b9b1;
  --bs-table-striped-bg:#c7dbd2;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#bcd0c7;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#c1d6cc;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color:#000;
  --bs-table-bg:#cff4fc;
  --bs-table-border-color:#a6c3ca;
  --bs-table-striped-bg:#c5e8ef;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#badce3;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#bfe2e9;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color:#000;
  --bs-table-bg:#fff3cd;
  --bs-table-border-color:#ccc2a4;
  --bs-table-striped-bg:#f2e7c3;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#e6dbb9;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#ece1be;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color:#000;
  --bs-table-bg:#f8d7da;
  --bs-table-border-color:#c6acae;
  --bs-table-striped-bg:#eccccf;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#dfc2c4;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#e5c7ca;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color:#000;
  --bs-table-bg:#f8f9fa;
  --bs-table-border-color:#c6c7c8;
  --bs-table-striped-bg:#ecedee;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#dfe0e1;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#e5e6e7;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color:#fff;
  --bs-table-bg:#212529;
  --bs-table-border-color:#4d5154;
  --bs-table-striped-bg:#2c3034;
  --bs-table-striped-color:#fff;
  --bs-table-active-bg:#373b3e;
  --bs-table-active-color:#fff;
  --bs-table-hover-bg:#323539;
  --bs-table-hover-color:#fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width:575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width:767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width:991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: .5rem;
}
.col-form-label {
  padding-top: calc(.375rem + var(--bs-border-width));
  padding-bottom: calc(.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(.5rem + var(--bs-border-width));
  padding-bottom: calc(.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(.25rem + var(--bs-border-width));
  padding-bottom: calc(.25rem + var(--bs-border-width));
  font-size: .875rem;
}
.form-text {
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  -webkit-transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-secondary-bg);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::-webkit-file-upload-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem;
}
.form-control-sm::file-selector-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::-webkit-file-upload-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
  padding: .375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon,none);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: .75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg:var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: .25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  cursor: default;
  opacity: .5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
  pointer-events: none;
  filter: none;
  opacity: .65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  transition:
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem .75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), .65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem .75rem;
}
.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
}
.form-floating > .form-control-plaintext:-webkit-autofill,
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem;
  padding-left: .75rem;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > .form-control:disabled ~ label,
.form-floating > :disabled ~ label {
  color: #6c757d;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-floating,
.input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-floating:focus-within,
.input-group > .form-select:focus {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select,
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select,
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
  display: block;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}
.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: var(--bs-form-valid-border-color);
}
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25);
}
.form-control-color.is-valid,
.was-validated .form-control-color:valid {
  width: calc(3rem + calc(1.5em + .75rem));
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: var(--bs-form-valid-border-color);
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: var(--bs-form-valid-color);
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25);
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: .5em;
}
.input-group > .form-control:not(:focus).is-valid,
.input-group > .form-floating:not(:focus-within).is-valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-control:not(:focus):valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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");
  padding-right: 4.125rem;
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);
}
.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
  width: calc(3rem + calc(1.5em + .75rem));
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: .5em;
}
.input-group > .form-control:not(:focus).is-invalid,
.input-group > .form-floating:not(:focus-within).is-invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-control:not(:focus):invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.was-validated .input-group > .form-select:not(:focus):invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x:0.75rem;
  --bs-btn-padding-y:0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size:1rem;
  --bs-btn-font-weight:400;
  --bs-btn-line-height:1.5;
  --bs-btn-color:var(--bs-body-color);
  --bs-btn-bg:transparent;
  --bs-btn-border-width:var(--bs-border-width);
  --bs-btn-border-color:transparent;
  --bs-btn-border-radius:var(--bs-border-radius);
  --bs-btn-hover-border-color:transparent;
  --bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity:0.65;
  --bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color:#fff;
  --bs-btn-bg:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0b5ed7;
  --bs-btn-hover-border-color:#0a58ca;
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0a58ca;
  --bs-btn-active-border-color:#0a53be;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#0d6efd;
  --bs-btn-disabled-border-color:#0d6efd;
}
.btn-secondary {
  --bs-btn-color:#fff;
  --bs-btn-bg:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#5c636a;
  --bs-btn-hover-border-color:#565e64;
  --bs-btn-focus-shadow-rgb:130,138,145;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#565e64;
  --bs-btn-active-border-color:#51585e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#6c757d;
  --bs-btn-disabled-border-color:#6c757d;
}
.btn-success {
  --bs-btn-color:#fff;
  --bs-btn-bg:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#157347;
  --bs-btn-hover-border-color:#146c43;
  --bs-btn-focus-shadow-rgb:60,153,110;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#146c43;
  --bs-btn-active-border-color:#13653f;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#198754;
  --bs-btn-disabled-border-color:#198754;
}
.btn-info {
  --bs-btn-color:#000;
  --bs-btn-bg:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#31d2f2;
  --bs-btn-hover-border-color:#25cff2;
  --bs-btn-focus-shadow-rgb:11,172,204;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#3dd5f3;
  --bs-btn-active-border-color:#25cff2;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#0dcaf0;
  --bs-btn-disabled-border-color:#0dcaf0;
}
.btn-warning {
  --bs-btn-color:#000;
  --bs-btn-bg:#ffc107;
  --bs-btn-border-color:#ffc107;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffca2c;
  --bs-btn-hover-border-color:#ffc720;
  --bs-btn-focus-shadow-rgb:217,164,6;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffcd39;
  --bs-btn-active-border-color:#ffc720;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#ffc107;
  --bs-btn-disabled-border-color:#ffc107;
}
.btn-danger {
  --bs-btn-color:#fff;
  --bs-btn-bg:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#bb2d3b;
  --bs-btn-hover-border-color:#b02a37;
  --bs-btn-focus-shadow-rgb:225,83,97;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#b02a37;
  --bs-btn-active-border-color:#a52834;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#dc3545;
  --bs-btn-disabled-border-color:#dc3545;
}
.btn-light {
  --bs-btn-color:#000;
  --bs-btn-bg:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#d3d4d5;
  --bs-btn-hover-border-color:#c6c7c8;
  --bs-btn-focus-shadow-rgb:211,212,213;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#c6c7c8;
  --bs-btn-active-border-color:#babbbc;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#f8f9fa;
  --bs-btn-disabled-border-color:#f8f9fa;
}
.btn-dark {
  --bs-btn-color:#fff;
  --bs-btn-bg:#212529;
  --bs-btn-border-color:#212529;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#424649;
  --bs-btn-hover-border-color:#373b3e;
  --bs-btn-focus-shadow-rgb:66,70,73;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#4d5154;
  --bs-btn-active-border-color:#373b3e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#212529;
  --bs-btn-disabled-border-color:#212529;
}
.btn-outline-primary {
  --bs-btn-color:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0d6efd;
  --bs-btn-hover-border-color:#0d6efd;
  --bs-btn-focus-shadow-rgb:13,110,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0d6efd;
  --bs-btn-active-border-color:#0d6efd;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#0d6efd;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0d6efd;
  --bs-gradient:none;
}
.btn-outline-secondary {
  --bs-btn-color:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#6c757d;
  --bs-btn-hover-border-color:#6c757d;
  --bs-btn-focus-shadow-rgb:108,117,125;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#6c757d;
  --bs-btn-active-border-color:#6c757d;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#6c757d;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#6c757d;
  --bs-gradient:none;
}
.btn-outline-success {
  --bs-btn-color:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#198754;
  --bs-btn-hover-border-color:#198754;
  --bs-btn-focus-shadow-rgb:25,135,84;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#198754;
  --bs-btn-active-border-color:#198754;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#198754;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#198754;
  --bs-gradient:none;
}
.btn-outline-info {
  --bs-btn-color:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#0dcaf0;
  --bs-btn-hover-border-color:#0dcaf0;
  --bs-btn-focus-shadow-rgb:13,202,240;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#0dcaf0;
  --bs-btn-active-border-color:#0dcaf0;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#0dcaf0;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0dcaf0;
  --bs-gradient:none;
}
.btn-outline-warning {
  --bs-btn-color:#ffc107;
  --bs-btn-border-color:#ffc107;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffc107;
  --bs-btn-hover-border-color:#ffc107;
  --bs-btn-focus-shadow-rgb:255,193,7;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffc107;
  --bs-btn-active-border-color:#ffc107;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#ffc107;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#ffc107;
  --bs-gradient:none;
}
.btn-outline-danger {
  --bs-btn-color:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#dc3545;
  --bs-btn-hover-border-color:#dc3545;
  --bs-btn-focus-shadow-rgb:220,53,69;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#dc3545;
  --bs-btn-active-border-color:#dc3545;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#dc3545;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#dc3545;
  --bs-gradient:none;
}
.btn-outline-light {
  --bs-btn-color:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#f8f9fa;
  --bs-btn-hover-border-color:#f8f9fa;
  --bs-btn-focus-shadow-rgb:248,249,250;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#f8f9fa;
  --bs-btn-active-border-color:#f8f9fa;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#f8f9fa;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#f8f9fa;
  --bs-gradient:none;
}
.btn-outline-dark {
  --bs-btn-color:#212529;
  --bs-btn-border-color:#212529;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#212529;
  --bs-btn-hover-border-color:#212529;
  --bs-btn-focus-shadow-rgb:33,37,41;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#212529;
  --bs-btn-active-border-color:#212529;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#212529;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#212529;
  --bs-gradient:none;
}
.btn-link {
  --bs-btn-font-weight:400;
  --bs-btn-color:var(--bs-link-color);
  --bs-btn-bg:transparent;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color:var(--bs-link-hover-color);
  --bs-btn-hover-border-color:transparent;
  --bs-btn-active-color:var(--bs-link-hover-color);
  --bs-btn-active-border-color:transparent;
  --bs-btn-disabled-color:#6c757d;
  --bs-btn-disabled-border-color:transparent;
  --bs-btn-box-shadow:0 0 0 #000;
  --bs-btn-focus-shadow-rgb:49,132,253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-group-lg > .btn,
.btn-lg {
  --bs-btn-padding-y:0.5rem;
  --bs-btn-padding-x:1rem;
  --bs-btn-font-size:1.25rem;
  --bs-btn-border-radius:var(--bs-border-radius-lg);
}
.btn-group-sm > .btn,
.btn-sm {
  --bs-btn-padding-y:0.25rem;
  --bs-btn-padding-x:0.5rem;
  --bs-btn-font-size:0.875rem;
  --bs-btn-border-radius:var(--bs-border-radius-sm);
}
.fade {
  transition: opacity .15s linear;
}
@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease;
}
@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease;
}
@media (prefers-reduced-motion:reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex:1000;
  --bs-dropdown-min-width:10rem;
  --bs-dropdown-padding-x:0;
  --bs-dropdown-padding-y:0.5rem;
  --bs-dropdown-spacer:0.125rem;
  --bs-dropdown-font-size:1rem;
  --bs-dropdown-color:var(--bs-body-color);
  --bs-dropdown-bg:var(--bs-body-bg);
  --bs-dropdown-border-color:var(--bs-border-color-translucent);
  --bs-dropdown-border-radius:var(--bs-border-radius);
  --bs-dropdown-border-width:var(--bs-border-width);
  --bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg:var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y:0.5rem;
  --bs-dropdown-box-shadow:var(--bs-box-shadow);
  --bs-dropdown-link-color:var(--bs-body-color);
  --bs-dropdown-link-hover-color:var(--bs-body-color);
  --bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color:#fff;
  --bs-dropdown-link-active-bg:#0d6efd;
  --bs-dropdown-link-disabled-color:var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x:1rem;
  --bs-dropdown-item-padding-y:0.25rem;
  --bs-dropdown-header-color:#6c757d;
  --bs-dropdown-header-padding-x:1rem;
  --bs-dropdown-header-padding-y:0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position:start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position:end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width:576px) {
  .dropdown-menu-sm-start {
    --bs-position:start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position:end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width:768px) {
  .dropdown-menu-md-start {
    --bs-position:start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position:end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width:992px) {
  .dropdown-menu-lg-start {
    --bs-position:start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position:end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width:1200px) {
  .dropdown-menu-xl-start {
    --bs-position:start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position:end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width:1400px) {
  .dropdown-menu-xxl-start {
    --bs-position:start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position:end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius,0);
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: .875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color:#dee2e6;
  --bs-dropdown-bg:#343a40;
  --bs-dropdown-border-color:var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color:#dee2e6;
  --bs-dropdown-link-hover-color:#fff;
  --bs-dropdown-divider-bg:var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color:#fff;
  --bs-dropdown-link-active-bg:#0d6efd;
  --bs-dropdown-link-disabled-color:#adb5bd;
  --bs-dropdown-header-color:#adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > .btn-group:not(:first-child),
.btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem;
}
.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x:1rem;
  --bs-nav-link-padding-y:0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color:var(--bs-link-color);
  --bs-nav-link-hover-color:var(--bs-link-hover-color);
  --bs-nav-link-disabled-color:var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:focus,
.nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width:var(--bs-border-width);
  --bs-nav-tabs-border-color:var(--bs-border-color);
  --bs-nav-tabs-border-radius:var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color:var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg:var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius:var(--bs-border-radius);
  --bs-nav-pills-link-active-color:#fff;
  --bs-nav-pills-link-active-bg:#0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap:1rem;
  --bs-nav-underline-border-width:0.125rem;
  --bs-nav-underline-link-active-color:var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x:0;
  --bs-navbar-padding-y:0.5rem;
  --bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y:0.3125rem;
  --bs-navbar-brand-margin-end:1rem;
  --bs-navbar-brand-font-size:1.25rem;
  --bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x:0.5rem;
  --bs-navbar-toggler-padding-y:0.25rem;
  --bs-navbar-toggler-padding-x:0.75rem;
  --bs-navbar-toggler-font-size:1.25rem;
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius:var(--bs-border-radius);
  --bs-navbar-toggler-focus-width:0.25rem;
  --bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x:0;
  --bs-nav-link-padding-y:0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color:var(--bs-navbar-color);
  --bs-nav-link-hover-color:var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion:reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height,75vh);
  overflow-y: auto;
}
@media (min-width:576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width:768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width:992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width:1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width:1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color:rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color:rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color:#fff;
  --bs-navbar-brand-color:#fff;
  --bs-navbar-brand-hover-color:#fff;
  --bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y:1rem;
  --bs-card-spacer-x:1rem;
  --bs-card-title-spacer-y:0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width:var(--bs-border-width);
  --bs-card-border-color:var(--bs-border-color-translucent);
  --bs-card-border-radius:var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y:0.5rem;
  --bs-card-cap-padding-x:1rem;
  --bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg:var(--bs-body-bg);
  --bs-card-img-overlay-padding:1rem;
  --bs-card-group-margin:0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width:576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-header,
  .card-group > .card:not(:last-child) .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-footer,
  .card-group > .card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-header,
  .card-group > .card:not(:first-child) .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-footer,
  .card-group > .card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color:var(--bs-body-color);
  --bs-accordion-bg:var(--bs-body-bg);
  --bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color:var(--bs-border-color);
  --bs-accordion-border-width:var(--bs-border-width);
  --bs-accordion-border-radius:var(--bs-border-radius);
  --bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x:1.25rem;
  --bs-accordion-btn-padding-y:1rem;
  --bs-accordion-btn-color:var(--bs-body-color);
  --bs-accordion-btn-bg:var(--bs-accordion-bg);
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width:1.25rem;
  --bs-accordion-btn-icon-transform:rotate(-180deg);
  --bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x:1.25rem;
  --bs-accordion-body-padding-y:1rem;
  --bs-accordion-active-color:var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg:var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion:reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion:reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x:0;
  --bs-breadcrumb-padding-y:0;
  --bs-breadcrumb-margin-bottom:1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color:var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x:0.5rem;
  --bs-breadcrumb-item-active-color:var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x:0.75rem;
  --bs-pagination-padding-y:0.375rem;
  --bs-pagination-font-size:1rem;
  --bs-pagination-color:var(--bs-link-color);
  --bs-pagination-bg:var(--bs-body-bg);
  --bs-pagination-border-width:var(--bs-border-width);
  --bs-pagination-border-color:var(--bs-border-color);
  --bs-pagination-border-radius:var(--bs-border-radius);
  --bs-pagination-hover-color:var(--bs-link-hover-color);
  --bs-pagination-hover-bg:var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color:var(--bs-border-color);
  --bs-pagination-focus-color:var(--bs-link-hover-color);
  --bs-pagination-focus-bg:var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color:#fff;
  --bs-pagination-active-bg:#0d6efd;
  --bs-pagination-active-border-color:#0d6efd;
  --bs-pagination-disabled-color:var(--bs-secondary-color);
  --bs-pagination-disabled-bg:var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color:var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.active > .page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.disabled > .page-link,
.page-link.disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x:1.5rem;
  --bs-pagination-padding-y:0.75rem;
  --bs-pagination-font-size:1.25rem;
  --bs-pagination-border-radius:var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x:0.5rem;
  --bs-pagination-padding-y:0.25rem;
  --bs-pagination-font-size:0.875rem;
  --bs-pagination-border-radius:var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x:0.65em;
  --bs-badge-padding-y:0.35em;
  --bs-badge-font-size:0.75em;
  --bs-badge-font-weight:700;
  --bs-badge-color:#fff;
  --bs-badge-border-radius:var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg:transparent;
  --bs-alert-padding-x:1rem;
  --bs-alert-padding-y:1rem;
  --bs-alert-margin-bottom:1rem;
  --bs-alert-color:inherit;
  --bs-alert-border-color:transparent;
  --bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius:var(--bs-border-radius);
  --bs-alert-link-color:inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color:var(--bs-primary-text-emphasis);
  --bs-alert-bg:var(--bs-primary-bg-subtle);
  --bs-alert-border-color:var(--bs-primary-border-subtle);
  --bs-alert-link-color:var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color:var(--bs-secondary-text-emphasis);
  --bs-alert-bg:var(--bs-secondary-bg-subtle);
  --bs-alert-border-color:var(--bs-secondary-border-subtle);
  --bs-alert-link-color:var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color:var(--bs-success-text-emphasis);
  --bs-alert-bg:var(--bs-success-bg-subtle);
  --bs-alert-border-color:var(--bs-success-border-subtle);
  --bs-alert-link-color:var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color:var(--bs-info-text-emphasis);
  --bs-alert-bg:var(--bs-info-bg-subtle);
  --bs-alert-border-color:var(--bs-info-border-subtle);
  --bs-alert-link-color:var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color:var(--bs-warning-text-emphasis);
  --bs-alert-bg:var(--bs-warning-bg-subtle);
  --bs-alert-border-color:var(--bs-warning-border-subtle);
  --bs-alert-link-color:var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color:var(--bs-danger-text-emphasis);
  --bs-alert-bg:var(--bs-danger-bg-subtle);
  --bs-alert-border-color:var(--bs-danger-border-subtle);
  --bs-alert-link-color:var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color:var(--bs-light-text-emphasis);
  --bs-alert-bg:var(--bs-light-bg-subtle);
  --bs-alert-border-color:var(--bs-light-border-subtle);
  --bs-alert-link-color:var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color:var(--bs-dark-text-emphasis);
  --bs-alert-bg:var(--bs-dark-bg-subtle);
  --bs-alert-border-color:var(--bs-dark-border-subtle);
  --bs-alert-link-color:var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height:1rem;
  --bs-progress-font-size:0.75rem;
  --bs-progress-bg:var(--bs-secondary-bg);
  --bs-progress-border-radius:var(--bs-border-radius);
  --bs-progress-box-shadow:var(--bs-box-shadow-inset);
  --bs-progress-bar-color:#fff;
  --bs-progress-bar-bg:#0d6efd;
  --bs-progress-bar-transition:width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, .15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .15) 50%,
      rgba(255, 255, 255, .15) 75%,
      transparent 75%,
      transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color:var(--bs-body-color);
  --bs-list-group-bg:var(--bs-body-bg);
  --bs-list-group-border-color:var(--bs-border-color);
  --bs-list-group-border-width:var(--bs-border-width);
  --bs-list-group-border-radius:var(--bs-border-radius);
  --bs-list-group-item-padding-x:1rem;
  --bs-list-group-item-padding-y:0.5rem;
  --bs-list-group-action-color:var(--bs-secondary-color);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-tertiary-bg);
  --bs-list-group-action-active-color:var(--bs-body-color);
  --bs-list-group-action-active-bg:var(--bs-secondary-bg);
  --bs-list-group-disabled-color:var(--bs-secondary-color);
  --bs-list-group-disabled-bg:var(--bs-body-bg);
  --bs-list-group-active-color:#fff;
  --bs-list-group-active-bg:#0d6efd;
  --bs-list-group-active-border-color:#0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):focus,
.list-group-item-action:not(.active):hover {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width:576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width:768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width:992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width:1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width:1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color:var(--bs-primary-text-emphasis);
  --bs-list-group-bg:var(--bs-primary-bg-subtle);
  --bs-list-group-border-color:var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-primary-border-subtle);
  --bs-list-group-active-color:var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg:var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color:var(--bs-secondary-text-emphasis);
  --bs-list-group-bg:var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color:var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);
  --bs-list-group-active-color:var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg:var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color:var(--bs-success-text-emphasis);
  --bs-list-group-bg:var(--bs-success-bg-subtle);
  --bs-list-group-border-color:var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-success-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-success-border-subtle);
  --bs-list-group-active-color:var(--bs-success-bg-subtle);
  --bs-list-group-active-bg:var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color:var(--bs-info-text-emphasis);
  --bs-list-group-bg:var(--bs-info-bg-subtle);
  --bs-list-group-border-color:var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-info-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-info-border-subtle);
  --bs-list-group-active-color:var(--bs-info-bg-subtle);
  --bs-list-group-active-bg:var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color:var(--bs-warning-text-emphasis);
  --bs-list-group-bg:var(--bs-warning-bg-subtle);
  --bs-list-group-border-color:var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-warning-border-subtle);
  --bs-list-group-active-color:var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg:var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color:var(--bs-danger-text-emphasis);
  --bs-list-group-bg:var(--bs-danger-bg-subtle);
  --bs-list-group-border-color:var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-danger-border-subtle);
  --bs-list-group-active-color:var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg:var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color:var(--bs-light-text-emphasis);
  --bs-list-group-bg:var(--bs-light-bg-subtle);
  --bs-list-group-border-color:var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-light-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-light-border-subtle);
  --bs-list-group-active-color:var(--bs-light-bg-subtle);
  --bs-list-group-active-bg:var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color:var(--bs-dark-text-emphasis);
  --bs-list-group-bg:var(--bs-dark-bg-subtle);
  --bs-list-group-border-color:var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color:var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color:var(--bs-emphasis-color);
  --bs-list-group-action-active-bg:var(--bs-dark-border-subtle);
  --bs-list-group-active-color:var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg:var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color:var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color:#000;
  --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity:0.5;
  --bs-btn-close-hover-opacity:0.75;
  --bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity:1;
  --bs-btn-close-disabled-opacity:0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: .375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  --bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%);
}
:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}
[data-bs-theme=dark] {
  --bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%);
}
.toast {
  --bs-toast-zindex:1090;
  --bs-toast-padding-x:0.75rem;
  --bs-toast-padding-y:0.5rem;
  --bs-toast-spacing:1.5rem;
  --bs-toast-max-width:350px;
  --bs-toast-font-size:0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width:var(--bs-border-width);
  --bs-toast-border-color:var(--bs-border-color-translucent);
  --bs-toast-border-radius:var(--bs-border-radius);
  --bs-toast-box-shadow:var(--bs-box-shadow);
  --bs-toast-header-color:var(--bs-secondary-color);
  --bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color:var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex:1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex:1055;
  --bs-modal-width:500px;
  --bs-modal-padding:1rem;
  --bs-modal-margin:0.5rem;
  --bs-modal-color:var(--bs-body-color);
  --bs-modal-bg:var(--bs-body-bg);
  --bs-modal-border-color:var(--bs-border-color-translucent);
  --bs-modal-border-width:var(--bs-border-width);
  --bs-modal-border-radius:var(--bs-border-radius-lg);
  --bs-modal-box-shadow:var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x:1rem;
  --bs-modal-header-padding-y:1rem;
  --bs-modal-header-padding:1rem 1rem;
  --bs-modal-header-border-color:var(--bs-border-color);
  --bs-modal-header-border-width:var(--bs-border-width);
  --bs-modal-title-line-height:1.5;
  --bs-modal-footer-gap:0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color:var(--bs-border-color);
  --bs-modal-footer-border-width:var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform .3s ease-out;
}
@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex:1050;
  --bs-backdrop-bg:#000;
  --bs-backdrop-opacity:0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * .5);
}
@media (min-width:576px) {
  .modal {
    --bs-modal-margin:1.75rem;
    --bs-modal-box-shadow:var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width:300px;
  }
}
@media (min-width:992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width:800px;
  }
}
@media (min-width:1200px) {
  .modal-xl {
    --bs-modal-width:1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width:575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-footer,
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width:767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-footer,
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width:991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-footer,
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width:1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-footer,
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width:1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-footer,
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex:1080;
  --bs-tooltip-max-width:200px;
  --bs-tooltip-padding-x:0.5rem;
  --bs-tooltip-padding-y:0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size:0.875rem;
  --bs-tooltip-color:var(--bs-body-bg);
  --bs-tooltip-bg:var(--bs-emphasis-color);
  --bs-tooltip-border-radius:var(--bs-border-radius);
  --bs-tooltip-opacity:0.9;
  --bs-tooltip-arrow-width:0.8rem;
  --bs-tooltip-arrow-height:0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex:1070;
  --bs-popover-max-width:276px;
  --bs-popover-font-size:0.875rem;
  --bs-popover-bg:var(--bs-body-bg);
  --bs-popover-border-width:var(--bs-border-width);
  --bs-popover-border-color:var(--bs-border-color-translucent);
  --bs-popover-border-radius:var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow:var(--bs-box-shadow);
  --bs-popover-header-padding-x:1rem;
  --bs-popover-header-padding-y:0.5rem;
  --bs-popover-header-font-size:1rem;
  --bs-popover-header-color:inherit;
  --bs-popover-header-bg:var(--bs-secondary-bg);
  --bs-popover-body-padding-x:1rem;
  --bs-popover-body-padding-y:1rem;
  --bs-popover-body-color:var(--bs-body-color);
  --bs-popover-arrow-width:1rem;
  --bs-popover-arrow-height:0.5rem;
  --bs-popover-arrow-border:var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::after,
.popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow,
.bs-popover-top > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-top > .popover-arrow::before {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after,
.bs-popover-top > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow,
.bs-popover-end > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-end > .popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0;
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after,
.bs-popover-end > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow,
.bs-popover-bottom > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::before {
  border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow,
.bs-popover-start > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-start > .popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after,
.bs-popover-start > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block;
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%);
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    transition: none;
  }
}
.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: .5;
  transition: opacity .15s ease;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-control-next,
  .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease;
}
@media (prefers-reduced-motion:reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}
.carousel-dark {
  --bs-carousel-indicator-active-bg:#000;
  --bs-carousel-caption-color:#000;
  --bs-carousel-control-icon-filter:invert(1) grayscale(100);
}
:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg:#fff;
  --bs-carousel-caption-color:#fff;
  --bs-carousel-control-icon-filter: ;
}
[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg:#000;
  --bs-carousel-caption-color:#000;
  --bs-carousel-control-icon-filter:invert(1) grayscale(100);
}
.spinner-border,
.spinner-grow {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width:2rem;
  --bs-spinner-height:2rem;
  --bs-spinner-vertical-align:-0.125em;
  --bs-spinner-border-width:0.25em;
  --bs-spinner-animation-speed:0.75s;
  --bs-spinner-animation-name:spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width:1rem;
  --bs-spinner-height:1rem;
  --bs-spinner-border-width:0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width:2rem;
  --bs-spinner-height:2rem;
  --bs-spinner-vertical-align:-0.125em;
  --bs-spinner-animation-speed:0.75s;
  --bs-spinner-animation-name:spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width:1rem;
  --bs-spinner-height:1rem;
}
@media (prefers-reduced-motion:reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed:1.5s;
  }
}
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-zindex:1045;
  --bs-offcanvas-width:400px;
  --bs-offcanvas-height:30vh;
  --bs-offcanvas-padding-x:1rem;
  --bs-offcanvas-padding-y:1rem;
  --bs-offcanvas-color:var(--bs-body-color);
  --bs-offcanvas-bg:var(--bs-body-bg);
  --bs-offcanvas-border-width:var(--bs-border-width);
  --bs-offcanvas-border-color:var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);
  --bs-offcanvas-transition:transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height:1.5;
}
@media (max-width:575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width:575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.show:not(.hiding),
  .offcanvas-sm.showing {
    transform: none;
  }
  .offcanvas-sm.hiding,
  .offcanvas-sm.show,
  .offcanvas-sm.showing {
    visibility: visible;
  }
}
@media (min-width:576px) {
  .offcanvas-sm {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width:767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width:767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.show:not(.hiding),
  .offcanvas-md.showing {
    transform: none;
  }
  .offcanvas-md.hiding,
  .offcanvas-md.show,
  .offcanvas-md.showing {
    visibility: visible;
  }
}
@media (min-width:768px) {
  .offcanvas-md {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width:991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width:991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.show:not(.hiding),
  .offcanvas-lg.showing {
    transform: none;
  }
  .offcanvas-lg.hiding,
  .offcanvas-lg.show,
  .offcanvas-lg.showing {
    visibility: visible;
  }
}
@media (min-width:992px) {
  .offcanvas-lg {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width:1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width:1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.show:not(.hiding),
  .offcanvas-xl.showing {
    transform: none;
  }
  .offcanvas-xl.hiding,
  .offcanvas-xl.show,
  .offcanvas-xl.showing {
    visibility: visible;
  }
}
@media (min-width:1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width:1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width:1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.show:not(.hiding),
  .offcanvas-xxl.showing {
    transform: none;
  }
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show,
  .offcanvas-xxl.showing {
    visibility: visible;
  }
}
@media (min-width:1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion:reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {
  transform: none;
}
.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: .5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
  margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: .5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: .6em;
}
.placeholder-sm {
  min-height: .8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: .2;
  }
}
.placeholder-wave {
  -webkit-mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity,1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity,1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-primary:focus,
.link-primary:hover {
  color: RGBA(10, 88, 202, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity,1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-secondary:focus,
.link-secondary:hover {
  color: RGBA(86, 94, 100, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity,1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-success:focus,
.link-success:hover {
  color: RGBA(20, 108, 67, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity,1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-info:focus,
.link-info:hover {
  color: RGBA(61, 213, 243, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity,1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-warning:focus,
.link-warning:hover {
  color: RGBA(255, 205, 57, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity,1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-danger:focus,
.link-danger:hover {
  color: RGBA(176, 42, 55, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity,1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-light:focus,
.link-light:hover {
  color: RGBA(249, 250, 251, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity,1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-dark:focus,
.link-dark:hover {
  color: RGBA(26, 30, 33, var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity,1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity,1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-body-emphasis:focus,
.link-body-emphasis:hover {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity,.75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity,0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity,0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: .375rem;
  align-items: center;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity,0.5));
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity,0.5));
  text-underline-offset: 0.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: .2s ease-in-out transform;
}
@media (prefers-reduced-motion:reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:focus-visible > .bi,
.icon-link-hover:hover > .bi {
  transform: var(--bs-icon-link-transform,translate3d(.25em,0,0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio:100%;
}
.ratio-4x3 {
  --bs-aspect-ratio:75%;
}
.ratio-16x9 {
  --bs-aspect-ratio:56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio:42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width:576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width:768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width:992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width:1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width:1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
  position: absolute !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: .25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}
.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}
.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}
.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}
.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: .25 !important;
}
.opacity-50 {
  opacity: .5 !important;
}
.opacity-75 {
  opacity: .75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity:0.1;
}
.border-opacity-25 {
  --bs-border-opacity:0.25;
}
.border-opacity-50 {
  --bs-border-opacity:0.5;
}
.border-opacity-75 {
  --bs-border-opacity:0.75;
}
.border-opacity-100 {
  --bs-border-opacity:1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: .25rem !important;
}
.m-2 {
  margin: .5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important;
}
.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important;
}
.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: .25rem !important;
}
.mt-2 {
  margin-top: .5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: .25rem !important;
}
.me-2 {
  margin-right: .5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: .25rem !important;
}
.mb-2 {
  margin-bottom: .5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: .25rem !important;
}
.ms-2 {
  margin-left: .5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: .25rem !important;
}
.p-2 {
  padding: .5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important;
}
.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
}
.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: .25rem !important;
}
.pt-2 {
  padding-top: .5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: .25rem !important;
}
.pe-2 {
  padding-right: .5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: .25rem !important;
}
.pb-2 {
  padding-bottom: .5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: .25rem !important;
}
.ps-2 {
  padding-left: .5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: .25rem !important;
}
.gap-2 {
  gap: .5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: .25rem !important;
}
.row-gap-2 {
  row-gap: .5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}
.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
  column-gap: .25rem !important;
}
.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  column-gap: .5rem !important;
}
.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}
.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + .9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + .6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + .3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity:1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity:1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity:1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity:1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity:1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity:1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity:1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity:1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity:1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity:1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity:1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity:1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity:1;
  color: rgba(0, 0, 0, .5) !important;
}
.text-white-50 {
  --bs-text-opacity:1;
  color: rgba(255, 255, 255, .5) !important;
}
.text-body-secondary {
  --bs-text-opacity:1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity:1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity:1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity:1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity:0.25;
}
.text-opacity-50 {
  --bs-text-opacity:0.5;
}
.text-opacity-75 {
  --bs-text-opacity:0.75;
}
.text-opacity-100 {
  --bs-text-opacity:1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity:0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity:0.1;
}
.link-opacity-25 {
  --bs-link-opacity:0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity:0.25;
}
.link-opacity-50 {
  --bs-link-opacity:0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity:0.5;
}
.link-opacity-75 {
  --bs-link-opacity:0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity:0.75;
}
.link-opacity-100 {
  --bs-link-opacity:1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity:1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity:1;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity,1)) !important;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity,1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity:0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity:0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity:0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity:0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity:0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity:0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity:0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity:0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity:0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity:0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity:1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity:1;
}
.bg-primary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity:1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity:0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity:0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity:0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity:0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity:1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width:576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: .25rem !important;
  }
  .m-sm-2 {
    margin: .5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-sm-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: .25rem !important;
  }
  .mt-sm-2 {
    margin-top: .5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: .25rem !important;
  }
  .me-sm-2 {
    margin-right: .5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: .25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: .5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: .25rem !important;
  }
  .ms-sm-2 {
    margin-left: .5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: .25rem !important;
  }
  .p-sm-2 {
    padding: .5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-sm-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: .25rem !important;
  }
  .pt-sm-2 {
    padding-top: .5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: .25rem !important;
  }
  .pe-sm-2 {
    padding-right: .5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: .25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: .5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: .25rem !important;
  }
  .ps-sm-2 {
    padding-left: .5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: .25rem !important;
  }
  .gap-sm-2 {
    gap: .5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: .25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: .5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width:768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: .25rem !important;
  }
  .m-md-2 {
    margin: .5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-md-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: .25rem !important;
  }
  .mt-md-2 {
    margin-top: .5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: .25rem !important;
  }
  .me-md-2 {
    margin-right: .5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: .25rem !important;
  }
  .mb-md-2 {
    margin-bottom: .5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: .25rem !important;
  }
  .ms-md-2 {
    margin-left: .5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: .25rem !important;
  }
  .p-md-2 {
    padding: .5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-md-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: .25rem !important;
  }
  .pt-md-2 {
    padding-top: .5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: .25rem !important;
  }
  .pe-md-2 {
    padding-right: .5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: .25rem !important;
  }
  .pb-md-2 {
    padding-bottom: .5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: .25rem !important;
  }
  .ps-md-2 {
    padding-left: .5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: .25rem !important;
  }
  .gap-md-2 {
    gap: .5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: .25rem !important;
  }
  .row-gap-md-2 {
    row-gap: .5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width:992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: .25rem !important;
  }
  .m-lg-2 {
    margin: .5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-lg-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: .25rem !important;
  }
  .mt-lg-2 {
    margin-top: .5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: .25rem !important;
  }
  .me-lg-2 {
    margin-right: .5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: .25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: .5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: .25rem !important;
  }
  .ms-lg-2 {
    margin-left: .5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: .25rem !important;
  }
  .p-lg-2 {
    padding: .5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: .25rem !important;
  }
  .pt-lg-2 {
    padding-top: .5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: .25rem !important;
  }
  .pe-lg-2 {
    padding-right: .5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: .25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: .5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: .25rem !important;
  }
  .ps-lg-2 {
    padding-left: .5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: .25rem !important;
  }
  .gap-lg-2 {
    gap: .5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: .25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: .5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width:1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: .25rem !important;
  }
  .m-xl-2 {
    margin: .5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-xl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: .25rem !important;
  }
  .mt-xl-2 {
    margin-top: .5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: .25rem !important;
  }
  .me-xl-2 {
    margin-right: .5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: .25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: .5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: .25rem !important;
  }
  .ms-xl-2 {
    margin-left: .5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: .25rem !important;
  }
  .p-xl-2 {
    padding: .5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-xl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: .25rem !important;
  }
  .pt-xl-2 {
    padding-top: .5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: .25rem !important;
  }
  .pe-xl-2 {
    padding-right: .5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: .25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: .5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: .25rem !important;
  }
  .ps-xl-2 {
    padding-left: .5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: .25rem !important;
  }
  .gap-xl-2 {
    gap: .5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: .25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: .5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width:1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: .25rem !important;
  }
  .m-xxl-2 {
    margin: .5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important;
  }
  .mx-xxl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
  }
  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: .25rem !important;
  }
  .mt-xxl-2 {
    margin-top: .5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: .25rem !important;
  }
  .me-xxl-2 {
    margin-right: .5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: .25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: .5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: .25rem !important;
  }
  .ms-xxl-2 {
    margin-left: .5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: .25rem !important;
  }
  .p-xxl-2 {
    padding: .5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
  }
  .px-xxl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: .25rem !important;
  }
  .pt-xxl-2 {
    padding-top: .5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: .25rem !important;
  }
  .pe-xxl-2 {
    padding-right: .5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: .25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: .5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: .25rem !important;
  }
  .ps-xxl-2 {
    padding-left: .5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: .25rem !important;
  }
  .gap-xxl-2 {
    gap: .5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: .25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: .5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: .25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: .5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width:1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

/* node_modules/ngx-bootstrap/datepicker/bs-datepicker.css */
.bs-datepicker {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  background: #fff;
  box-shadow: 0 0 10px 0 #aaa;
  position: relative;
  z-index: 1;
}
.bs-datepicker:after {
  clear: both;
  content: "";
  display: block;
}
.bs-datepicker bs-day-picker {
  float: left;
}
.bs-datepicker button:hover,
.bs-datepicker button:focus,
.bs-datepicker button:active,
.bs-datepicker input:hover,
.bs-datepicker input:focus,
.bs-datepicker input:active,
.bs-datepicker-btns button:hover,
.bs-datepicker-btns button:focus,
.bs-datepicker-btns button:active,
.bs-datepicker-predefined-btns button:active,
.bs-datepicker-predefined-btns button:focus {
  outline: none;
}
.bs-datepicker-head {
  min-width: 270px;
  height: 50px;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  text-align: justify;
}
.bs-datepicker-head:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.bs-datepicker-head button {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  height: 30px;
  line-height: 30px;
  border: 0;
  background: transparent;
  text-align: center;
  cursor: pointer;
  color: #fff;
  transition: 0.3s;
}
.bs-datepicker-head button[disabled],
.bs-datepicker-head button[disabled]:hover,
.bs-datepicker-head button[disabled]:active {
  background: rgba(221, 221, 221, 0.3);
  color: #f5f5f5;
  cursor: not-allowed;
}
.bs-datepicker-head button.previous span {
  transform: translate(-1px, -1px);
}
.bs-datepicker-head button.next span {
  transform: translate(1px, -1px);
}
.bs-datepicker-head button.next,
.bs-datepicker-head button.previous {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.bs-datepicker-head button.next span,
.bs-datepicker-head button.previous span {
  font-size: 28px;
  line-height: 1;
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.bs-datepicker-head button.current {
  border-radius: 15px;
  max-width: 155px;
  padding: 0 13px;
}
.bs-datepicker-head button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.bs-datepicker-head button:active {
  background-color: rgba(0, 0, 0, 0.2);
}
.bs-datepicker-body {
  padding: 10px;
  border-radius: 0 0 3px 3px;
  min-height: 232px;
  min-width: 278px;
  border: 1px solid #e9edf0;
}
.bs-datepicker-body .days.weeks {
  position: relative;
  z-index: 1;
}
.bs-datepicker-body table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.bs-datepicker-body table th {
  font-size: 13px;
  color: #9aaec1;
  font-weight: 400;
  text-align: center;
}
.bs-datepicker-body table td {
  color: #54708b;
  text-align: center;
  position: relative;
  padding: 0;
}
.bs-datepicker-body table td span {
  display: block;
  margin: 0 auto;
  font-size: 13px;
  border-radius: 50%;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) {
  cursor: pointer;
}
.bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
}
.bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span,
.bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) {
  background-color: #e9edf0;
  transition: 0s;
  cursor: pointer;
}
.bs-datepicker-body table td span.disabled,
.bs-datepicker-body table td.disabled span {
  color: #9aaec1;
}
.bs-datepicker-body table td span.selected,
.bs-datepicker-body table td.selected span {
  color: #fff;
}
.bs-datepicker-body table td span.selected.disabled,
.bs-datepicker-body table td.selected.disabled span {
  opacity: 0.3;
}
.bs-datepicker-body table td span.is-other-month,
.bs-datepicker-body table td.is-other-month span {
  color: rgba(0, 0, 0, 0.25);
}
.bs-datepicker-body table td.active {
  position: relative;
}
.bs-datepicker-body table td.active.select-start:before {
  left: 35%;
}
.bs-datepicker-body table td.active.select-end:before {
  left: -85%;
}
.bs-datepicker-body table td span.active.select-start:after,
.bs-datepicker-body table td span.active.select-end:after,
.bs-datepicker-body table td.active.select-start span:after,
.bs-datepicker-body table td.active.select-end span:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  top: 0;
  border-radius: 50%;
}
.bs-datepicker-body table td:before,
.bs-datepicker-body table td span:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 6px;
  bottom: 6px;
  left: -3px;
  right: -2px;
  box-sizing: content-box;
  background: transparent;
}
.bs-datepicker-body table td.active.select-start + td.active:before {
  left: -20%;
}
.bs-datepicker-body table td:last-child.active:before {
  border-radius: 0 3px 3px 0;
  width: 125%;
  left: -25%;
}
.bs-datepicker-body table td span[class*=select-],
.bs-datepicker-body table td[class*=select-] span {
  border-radius: 50%;
  color: #fff;
}
.bs-datepicker-body table.days td.active:not(.select-start):not(.disabled):before,
.bs-datepicker-body table.days td.in-range:not(.select-start):not(.disabled):before,
.bs-datepicker-body table.days span.active:not(.select-start):not(.disabled):before,
.bs-datepicker-body table.days span.in-range:not(.select-start):not(.disabled):before {
  background: #e9edf0;
}
.bs-datepicker-body table.days span {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.bs-datepicker-body table.days span.select-start {
  z-index: 2;
}
.bs-datepicker-body table.days span.is-highlighted.in-range:before {
  right: 3px;
  left: 0;
}
.bs-datepicker-body table.days span.in-range.select-end:before {
  right: 4px;
  left: 0;
}
.bs-datepicker-body table.days td.select-start + td.select-end:before,
.bs-datepicker-body table.days td.select-start + td.is-highlighted:before,
.bs-datepicker-body table.days td.active + td.is-highlighted:before,
.bs-datepicker-body table.days td.active + td.select-end:before,
.bs-datepicker-body table.days td.in-range + td.is-highlighted:before,
.bs-datepicker-body table.days td.in-range + td.select-end:before {
  background: #e9edf0;
  width: 100%;
}
.bs-datepicker-body table.weeks tr td:nth-child(2).active:before {
  border-radius: 3px 0 0 3px;
  left: 0;
  width: 100%;
}
.bs-datepicker-body table:not(.weeks) tr td:first-child:before {
  border-radius: 3px 0 0 3px;
}
.bs-datepicker-body table.years td span {
  width: 46px;
  height: 46px;
  line-height: 45px;
  margin: 0 auto;
}
.bs-datepicker-body table.years tr:not(:last-child) td span {
  margin-bottom: 8px;
}
.bs-datepicker-body table.months td {
  height: 52px;
}
.bs-datepicker-body table.months td span {
  padding: 6px;
  border-radius: 15px;
}
.bs-datepicker .current-timedate {
  color: #54708b;
  font-size: 15px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  margin-bottom: 10px;
  cursor: pointer;
  text-transform: uppercase;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bs-datepicker .current-timedate span:not(:empty):before {
  content: "";
  width: 15px;
  height: 16px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: text-bottom;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC);
}
.bs-datepicker-multiple {
  border-radius: 4px 0 0 4px;
}
.bs-datepicker-multiple + .bs-datepicker-multiple {
  margin-left: 10px;
}
.bs-datepicker-multiple .bs-datepicker {
  box-shadow: none;
  position: relative;
}
.bs-datepicker-multiple .bs-datepicker:not(:last-child) {
  padding-right: 10px;
}
.bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after {
  content: "";
  display: block;
  width: 14px;
  height: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=);
  position: absolute;
  top: 25px;
  left: -8px;
}
.bs-datepicker-multiple .bs-datepicker .left {
  float: left;
}
.bs-datepicker-multiple .bs-datepicker .right {
  float: right;
}
.bs-datepicker-container {
  padding: 15px;
}
.bs-datepicker .bs-media-container {
  display: flex;
}
@media (max-width: 768px) {
  .bs-datepicker .bs-media-container {
    flex-direction: column;
  }
}
.bs-datepicker .bs-timepicker-in-datepicker-container {
  display: flex;
  justify-content: space-around;
}
.bs-datepicker-custom-range {
  padding: 15px;
  background: #eee;
}
.bs-datepicker-predefined-btns button {
  width: 100%;
  display: block;
  height: 30px;
  background-color: #9aaec1;
  border-radius: 4px;
  color: #fff;
  border: 0;
  margin-bottom: 10px;
  padding: 0 18px;
  text-align: left;
  transition: 0.3s;
}
.bs-datepicker-predefined-btns button:hover {
  background-color: #54708b;
}
.bs-datepicker-buttons {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid #e9edf0;
}
.bs-datepicker-buttons .btn-default {
  margin-left: 10px;
}
.bs-datepicker-buttons .btn-today-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.bs-datepicker-buttons .clear-right,
.bs-datepicker-buttons .today-right {
  flex-grow: 0;
}
.bs-datepicker-buttons .clear-left,
.bs-datepicker-buttons .today-left {
  flex-grow: 1;
}
.bs-datepicker-buttons .clear-center,
.bs-datepicker-buttons .today-center {
  flex-grow: 0.5;
}
.bs-timepicker-container {
  padding: 10px 0;
}
.bs-timepicker-label {
  color: #54708b;
  margin-bottom: 10px;
}
.bs-timepicker-controls {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.bs-timepicker-controls button {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0;
  background-color: #e9edf0;
  color: #54708b;
  font-size: 16px;
  font-weight: 700;
  vertical-align: middle;
  line-height: 0;
  padding: 0;
  transition: 0.3s;
}
.bs-timepicker-controls button:hover {
  background-color: #d5dadd;
}
.bs-timepicker-controls input {
  width: 35px;
  height: 25px;
  border-radius: 13px;
  text-align: center;
  border: 1px solid #e9edf0;
}
.bs-timepicker .switch-time-format {
  text-transform: uppercase;
  min-width: 54px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid #e9edf0;
  background: #fff;
  color: #54708b;
  font-size: 13px;
}
.bs-timepicker .switch-time-format img {
  vertical-align: initial;
  margin-left: 4px;
}
bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1080;
}
@media (max-width: 768px) {
  .bs-datepicker {
    width: min-content;
    justify-content: center;
  }
  .bs-datepicker-multiple {
    display: flex;
  }
  .bs-datepicker-multiple + .bs-datepicker-multiple {
    margin-top: 10px;
    margin-left: 0;
  }
}
.theme-default .bs-datepicker-head {
  background-color: #777;
}
.theme-default .btn-today-wrapper .btn-success,
.theme-default .btn-clear-wrapper .btn-success {
  background-color: #777;
  border-color: #777;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:focus,
.theme-default .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active,
.theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #616161;
  border-color: #616161;
}
.theme-default .btn-today-wrapper .btn-success:hover,
.theme-default .btn-clear-wrapper .btn-success:hover {
  background-color: #6F6E6E;
  border-color: #6F6E6E;
}
.theme-default .bs-datepicker-predefined-btns button.selected {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td span.selected,
.theme-default .bs-datepicker-body table td.selected span,
.theme-default .bs-datepicker-body table td span[class*=select-]:after,
.theme-default .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #777;
}
.theme-default .bs-datepicker-body table td.week span {
  color: #777;
}
.theme-default .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #777;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-green .bs-datepicker-head {
  background-color: #5cb85c;
}
.theme-green .btn-today-wrapper .btn-success,
.theme-green .btn-clear-wrapper .btn-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:focus,
.theme-green .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active,
.theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #1e7e34;
  border-color: #1e7e34;
}
.theme-green .btn-today-wrapper .btn-success:hover,
.theme-green .btn-clear-wrapper .btn-success:hover {
  background-color: #218838;
  border-color: #218838;
}
.theme-green .bs-datepicker-predefined-btns button.selected {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td span.selected,
.theme-green .bs-datepicker-body table td.selected span,
.theme-green .bs-datepicker-body table td span[class*=select-]:after,
.theme-green .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.week span {
  color: #5cb85c;
}
.theme-green .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5cb85c;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-blue .bs-datepicker-head {
  background-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success,
.theme-blue .btn-clear-wrapper .btn-success {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:focus,
.theme-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active,
.theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #2AA8CD;
  border-color: #2AA8CD;
}
.theme-blue .btn-today-wrapper .btn-success:hover,
.theme-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #3AB3D7;
  border-color: #3AB3D7;
}
.theme-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td span.selected,
.theme-blue .bs-datepicker-body table td.selected span,
.theme-blue .bs-datepicker-body table td span[class*=select-]:after,
.theme-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.week span {
  color: #5bc0de;
}
.theme-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #5bc0de;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-dark-blue .bs-datepicker-head {
  background-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success,
.theme-dark-blue .btn-clear-wrapper .btn-success {
  background-color: #337ab7;
  border-color: #337ab7;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:focus,
.theme-dark-blue .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active,
.theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #266498;
  border-color: #266498;
}
.theme-dark-blue .btn-today-wrapper .btn-success:hover,
.theme-dark-blue .btn-clear-wrapper .btn-success:hover {
  background-color: #2C6FA9;
  border-color: #2C6FA9;
}
.theme-dark-blue .bs-datepicker-predefined-btns button.selected {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td span.selected,
.theme-dark-blue .bs-datepicker-body table td.selected span,
.theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after,
.theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.week span {
  color: #337ab7;
}
.theme-dark-blue .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #337ab7;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-red .bs-datepicker-head {
  background-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success,
.theme-red .btn-clear-wrapper .btn-success {
  background-color: #d9534f;
  border-color: #d9534f;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:focus,
.theme-red .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active,
.theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #D23531;
  border-color: #D23531;
}
.theme-red .btn-today-wrapper .btn-success:hover,
.theme-red .btn-clear-wrapper .btn-success:hover {
  background-color: #E33732;
  border-color: #E33732;
}
.theme-red .bs-datepicker-predefined-btns button.selected {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td span.selected,
.theme-red .bs-datepicker-body table td.selected span,
.theme-red .bs-datepicker-body table td span[class*=select-]:after,
.theme-red .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #d9534f;
}
.theme-red .bs-datepicker-body table td.week span {
  color: #d9534f;
}
.theme-red .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #d9534f;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}
.theme-orange .bs-datepicker-head {
  background-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success,
.theme-orange .btn-clear-wrapper .btn-success {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus,
.theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:focus,
.theme-orange .btn-clear-wrapper .btn-success:focus {
  box-shadow: none;
}
.theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active,
.theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active {
  background-color: #ED9C29;
  border-color: #ED9C29;
}
.theme-orange .btn-today-wrapper .btn-success:hover,
.theme-orange .btn-clear-wrapper .btn-success:hover {
  background-color: #FFAC35;
  border-color: #FFAC35;
}
.theme-orange .bs-datepicker-predefined-btns button.selected {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td span.selected,
.theme-orange .bs-datepicker-body table td.selected span,
.theme-orange .bs-datepicker-body table td span[class*=select-]:after,
.theme-orange .bs-datepicker-body table td[class*=select-] span:after {
  background-color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.week span {
  color: #f0ad4e;
}
.theme-orange .bs-datepicker-body table td.active-week span:hover {
  cursor: pointer;
  background-color: #f0ad4e;
  color: #fff;
  opacity: 0.5;
  transition: 0s;
}

/* node_modules/bs-stepper/dist/css/bs-stepper.min.css */
/*!
 * bsStepper v1.7.0 (https://github.com/Johann-S/bs-stepper)
 * Copyright 2018 - 2019 Johann-S <johann.servoire@gmail.com>
 * Licensed under MIT (https://github.com/Johann-S/bs-stepper/blob/master/LICENSE)
 */
.bs-stepper .step-trigger {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  color: #6c757d;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: none;
  border-radius: .25rem;
  transition: background-color .15s ease-out, color .15s ease-out;
}
.bs-stepper .step-trigger:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.bs-stepper .step-trigger.disabled,
.bs-stepper .step-trigger:disabled {
  pointer-events: none;
  opacity: .65;
}
.bs-stepper .step-trigger:focus {
  color: #007bff;
  outline: 0;
}
.bs-stepper .step-trigger:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, .06);
}
@media (max-width:520px) {
  .bs-stepper .step-trigger {
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
  }
}
.bs-stepper-label {
  display: inline-block;
  margin: .25rem;
}
.bs-stepper-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width:520px) {
  .bs-stepper-header {
    margin: 0 -10px;
    text-align: center;
  }
}
.bs-stepper .line,
.bs-stepper-line {
  -ms-flex: 1 0 32px;
  flex: 1 0 32px;
  min-width: 1px;
  min-height: 1px;
  margin: auto;
  background-color: rgba(0, 0, 0, .12);
}
@media (max-width:400px) {
  .bs-stepper .line,
  .bs-stepper-line {
    -ms-flex-preferred-size: 20px;
    flex-basis: 20px;
  }
}
.bs-stepper-circle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  padding: .5em 0;
  margin: .25rem;
  line-height: 1em;
  color: #fff;
  background-color: #6c757d;
  border-radius: 1em;
}
.active .bs-stepper-circle {
  background-color: #007bff;
}
.bs-stepper-content {
  padding: 0 20px 20px;
}
@media (max-width:520px) {
  .bs-stepper-content {
    padding: 0;
  }
}
.bs-stepper.vertical {
  display: -ms-flexbox;
  display: flex;
}
.bs-stepper.vertical .bs-stepper-header {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin: 0;
}
.bs-stepper.vertical .bs-stepper-pane,
.bs-stepper.vertical .content {
  display: block;
}
.bs-stepper.vertical .bs-stepper-pane:not(.fade),
.bs-stepper.vertical .content:not(.fade) {
  display: block;
  visibility: hidden;
}
.bs-stepper .content:not(.fade),
.bs-stepper-pane:not(.fade) {
  display: none;
}
.bs-stepper .content.fade,
.bs-stepper-pane.fade {
  visibility: hidden;
  transition-duration: .3s;
  transition-property: opacity;
}
.bs-stepper .content.fade.active,
.bs-stepper-pane.fade.active {
  visibility: visible;
  opacity: 1;
}
.bs-stepper .content.active:not(.fade),
.bs-stepper-pane.active:not(.fade) {
  display: block;
  visibility: visible;
}
.bs-stepper .content.dstepper-block,
.bs-stepper-pane.dstepper-block {
  display: block;
}
.bs-stepper:not(.vertical) .bs-stepper-pane.dstepper-none,
.bs-stepper:not(.vertical) .content.dstepper-none {
  display: none;
}
.vertical .bs-stepper-pane.fade.dstepper-none,
.vertical .content.fade.dstepper-none {
  visibility: hidden;
}

/* node_modules/alertifyjs/build/css/alertify.min.css */
.alertify .ajs-dimmer {
  position: fixed;
  z-index: 1981;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  background-color: #252525;
  opacity: .5;
}
.alertify .ajs-modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  overflow-y: auto;
  z-index: 1981;
}
.alertify .ajs-dialog {
  position: relative;
  margin: 5% auto;
  min-height: 110px;
  max-width: 500px;
  padding: 24px 24px 0 24px;
  outline: 0;
  background-color: #fff;
}
.alertify .ajs-dialog.ajs-capture:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1;
}
.alertify .ajs-reset {
  position: absolute !important;
  display: inline !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}
.alertify .ajs-commands {
  position: absolute;
  right: 4px;
  margin: -14px 24px 0 0;
  z-index: 2;
}
.alertify .ajs-commands button {
  display: none;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  padding: 10px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.alertify .ajs-commands button.ajs-close {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC);
}
.alertify .ajs-commands button.ajs-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC);
}
.alertify .ajs-header {
  margin: -24px;
  margin-bottom: 0;
  padding: 16px 24px;
  background-color: #fff;
}
.alertify .ajs-body {
  min-height: 56px;
}
.alertify .ajs-body .ajs-content {
  padding: 16px 24px 16px 16px;
}
.alertify .ajs-footer {
  padding: 4px;
  margin-left: -24px;
  margin-right: -24px;
  min-height: 43px;
  background-color: #fff;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary {
  text-align: right;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
  margin: 4px;
}
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
  float: left;
  clear: none;
  text-align: left;
}
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
  margin: 4px;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
  min-width: 88px;
  min-height: 35px;
}
.alertify .ajs-handle {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  cursor: se-resize;
}
.alertify.ajs-no-overflow .ajs-body .ajs-content {
  overflow: hidden !important;
}
.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
  left: 0;
  right: 0;
  padding: 0;
}
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
  margin-left: -24px;
  margin-right: -24px;
}
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
  padding: 0;
}
.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
  left: 0;
  right: 0;
}
.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
.alertify.ajs-maximizable .ajs-commands button.ajs-restore {
  display: inline-block;
}
.alertify.ajs-closable .ajs-commands button.ajs-close {
  display: inline-block;
}
.alertify.ajs-maximized .ajs-dialog {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  top: 0 !important;
  left: 0 !important;
}
.alertify.ajs-maximized.ajs-modeless .ajs-modal {
  position: fixed !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
}
.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=);
}
.alertify.ajs-maximized .ajs-dialog,
.alertify.ajs-resizable .ajs-dialog {
  padding: 0;
}
.alertify.ajs-maximized .ajs-commands,
.alertify.ajs-resizable .ajs-commands {
  margin: 14px 24px 0 0;
}
.alertify.ajs-maximized .ajs-header,
.alertify.ajs-resizable .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 16px 24px;
}
.alertify.ajs-maximized .ajs-body,
.alertify.ajs-resizable .ajs-body {
  min-height: 224px;
  display: inline-block;
}
.alertify.ajs-maximized .ajs-body .ajs-content,
.alertify.ajs-resizable .ajs-body .ajs-content {
  position: absolute;
  top: 50px;
  right: 24px;
  bottom: 50px;
  left: 24px;
  overflow: auto;
}
.alertify.ajs-maximized .ajs-footer,
.alertify.ajs-resizable .ajs-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
  min-width: 548px;
}
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
  display: block;
}
.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
  cursor: move;
}
.alertify.ajs-modeless .ajs-dimmer,
.alertify.ajs-modeless .ajs-reset {
  display: none;
}
.alertify.ajs-modeless .ajs-modal {
  overflow: visible;
  max-width: none;
  max-height: 0;
}
.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC);
}
.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
  position: absolute;
}
.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=);
}
.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
  max-height: 500px;
  overflow: auto;
}
.alertify.ajs-basic .ajs-header {
  opacity: 0;
}
.alertify.ajs-basic .ajs-footer {
  visibility: hidden;
}
.alertify.ajs-frameless .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 60px;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 1;
}
.alertify.ajs-frameless .ajs-footer {
  display: none;
}
.alertify.ajs-frameless .ajs-body .ajs-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
  padding-top: 0;
}
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
  margin-top: 0;
}
.ajs-no-overflow {
  overflow: hidden !important;
  outline: 0;
}
.ajs-no-overflow.ajs-fixed {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll !important;
}
.ajs-no-selection,
.ajs-no-selection * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width:568px) {
  .alertify .ajs-dialog {
    min-width: 150px;
  }
  .alertify:not(.ajs-maximized) .ajs-modal {
    padding: 0 5%;
  }
  .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
    min-width: initial;
    min-width: auto;
  }
}
@-moz-document url-prefix() {
  .alertify button:focus {
    outline: 1px dotted #3593D2;
  }
}
.alertify .ajs-dimmer,
.alertify .ajs-modal {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
}
.alertify.ajs-hidden .ajs-dimmer,
.alertify.ajs-hidden .ajs-modal {
  visibility: hidden;
  opacity: 0;
}
.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
.alertify.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
}
.alertify .ajs-dialog.ajs-shake {
  -webkit-animation-name: ajs-shake;
  animation-name: ajs-shake;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes ajs-shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes ajs-shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-slideIn;
  animation-name: ajs-slideIn;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-slideOut;
  animation-name: ajs-slideOut;
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-zoomIn;
  animation-name: ajs-zoomIn;
}
.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-zoomOut;
  animation-name: ajs-zoomOut;
}
.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-fadeIn;
  animation-name: ajs-fadeIn;
}
.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-fadeOut;
  animation-name: ajs-fadeOut;
}
.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-pulseIn;
  animation-name: ajs-pulseIn;
}
.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-pulseOut;
  animation-name: ajs-pulseOut;
}
.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInX;
  animation-name: ajs-flipInX;
}
.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutX;
  animation-name: ajs-flipOutX;
}
.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInY;
  animation-name: ajs-flipInY;
}
.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutY;
  animation-name: ajs-flipOutY;
}
@-webkit-keyframes ajs-pulseIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes ajs-pulseIn {
  0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
@keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}
@-webkit-keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.25, .25, .25);
    transform: scale3d(.25, .25, .25);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.25, .25, .25);
    transform: scale3d(.25, .25, .25);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.25, .25, .25);
    transform: scale3d(.25, .25, .25);
  }
}
@keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.25, .25, .25);
    transform: scale3d(.25, .25, .25);
  }
}
@-webkit-keyframes ajs-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ajs-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ajs-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ajs-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@-webkit-keyframes ajs-slideIn {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 5%;
  }
}
@keyframes ajs-slideIn {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 5%;
  }
}
@-webkit-keyframes ajs-slideOut {
  0% {
    margin-top: 5%;
  }
  100% {
    margin-top: -100%;
  }
}
@keyframes ajs-slideOut {
  0% {
    margin-top: 5%;
  }
  100% {
    margin-top: -100%;
  }
}
.alertify-notifier {
  position: fixed;
  width: 0;
  overflow: visible;
  z-index: 1982;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.alertify-notifier .ajs-message {
  position: relative;
  width: 260px;
  max-height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.alertify-notifier .ajs-message.ajs-visible {
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 1;
  max-height: 100%;
  padding: 15px;
  margin-top: 10px;
}
.alertify-notifier .ajs-message.ajs-success {
  background: rgba(91, 189, 114, .95);
}
.alertify-notifier .ajs-message.ajs-error {
  background: rgba(217, 92, 92, .95);
}
.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, .95);
}
.alertify-notifier .ajs-message .ajs-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgba(0, 0, 0, .5);
  border-top-right-radius: 2px;
}
.alertify-notifier.ajs-top {
  top: 10px;
}
.alertify-notifier.ajs-bottom {
  bottom: 10px;
}
.alertify-notifier.ajs-right {
  right: 10px;
}
.alertify-notifier.ajs-right .ajs-message {
  right: -320px;
}
.alertify-notifier.ajs-right .ajs-message.ajs-visible {
  right: 290px;
}
.alertify-notifier.ajs-left {
  left: 10px;
}
.alertify-notifier.ajs-left .ajs-message {
  left: -300px;
}
.alertify-notifier.ajs-left .ajs-message.ajs-visible {
  left: 0;
}
.alertify-notifier.ajs-center {
  left: 50%;
}
.alertify-notifier.ajs-center .ajs-message {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.alertify-notifier.ajs-center .ajs-message.ajs-visible {
  left: 50%;
  -webkit-transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65);
  transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65);
}
.alertify-notifier.ajs-center.ajs-top .ajs-message {
  top: -300px;
}
.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
  top: 0;
}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message {
  bottom: -300px;
}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible {
  bottom: 0;
}
.ajs-no-transition.alertify .ajs-dialog,
.ajs-no-transition.alertify .ajs-dimmer,
.ajs-no-transition.alertify .ajs-modal {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
  animation: none !important;
}
.ajs-no-transition.alertify-notifier .ajs-message {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
  animation: none !important;
}
@media (prefers-reduced-motion:reduce) {
  .alertify .ajs-dialog,
  .alertify .ajs-dimmer,
  .alertify .ajs-modal {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
    animation: none !important;
  }
  .alertify-notifier .ajs-message {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
    animation: none !important;
  }
}

/* node_modules/alertifyjs/build/css/themes/default.min.css */
.alertify .ajs-dialog {
  background-color: #fff;
  -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .25);
  border-radius: 2px;
}
.alertify .ajs-header {
  color: #000;
  font-weight: 700;
  background: #fafafa;
  border-bottom: #eee 1px solid;
  border-radius: 2px 2px 0 0;
}
.alertify .ajs-body {
  color: #000;
}
.alertify .ajs-body .ajs-content .ajs-input {
  display: block;
  width: 100%;
  padding: 8px;
  margin: 4px;
  border-radius: 2px;
  border: 1px solid #ccc;
}
.alertify .ajs-body .ajs-content p {
  margin: 0;
}
.alertify .ajs-footer {
  background: #fbfbfb;
  border-top: #eee 1px solid;
  border-radius: 0 0 2px 2px;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
  background-color: transparent;
  color: #000;
  border: 0;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
  color: #3593d2;
}
.alertify-notifier .ajs-message {
  background: rgba(255, 255, 255, .95);
  color: #000;
  text-align: center;
  border: solid 1px #ddd;
  border-radius: 2px;
}
.alertify-notifier .ajs-message.ajs-success {
  color: #fff;
  background: rgba(91, 189, 114, .95);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, .5);
}
.alertify-notifier .ajs-message.ajs-error {
  color: #fff;
  background: rgba(217, 92, 92, .95);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, .5);
}
.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, .95);
  border-color: #999;
}

/* node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.carousel.min.css */
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}
.owl-carousel .owl-item.center {
  z-index: 5;
}
.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  transition: height .5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
  transition: opacity .4s ease;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("./media/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/* node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.theme.default.min.css */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
  margin-top: 10px;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: .5;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/* node_modules/codemirror/lib/codemirror.css */
.CodeMirror {
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}
.CodeMirror-lines {
  padding: 4px 0;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: white;
}
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker {
  color: black;
}
.CodeMirror-guttermarker-subtle {
  color: #999;
}
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection {
  background: transparent;
}
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
  background: transparent;
}
.cm-fat-cursor {
  caret-color: transparent;
}
@-moz-keyframes blink {
  0% {
  }
  50% {
    background-color: transparent;
  }
  100% {
  }
}
@-webkit-keyframes blink {
  0% {
  }
  50% {
    background-color: transparent;
  }
  100% {
  }
}
@keyframes blink {
  0% {
  }
  50% {
    background-color: transparent;
  }
  100% {
  }
}
.CodeMirror-overwrite .CodeMirror-cursor {
}
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}
.cm-s-default .cm-header {
  color: blue;
}
.cm-s-default .cm-quote {
  color: #090;
}
.cm-negative {
  color: #d44;
}
.cm-positive {
  color: #292;
}
.cm-header,
.cm-strong {
  font-weight: bold;
}
.cm-em {
  font-style: italic;
}
.cm-link {
  text-decoration: underline;
}
.cm-strikethrough {
  text-decoration: line-through;
}
.cm-s-default .cm-keyword {
  color: #708;
}
.cm-s-default .cm-atom {
  color: #219;
}
.cm-s-default .cm-number {
  color: #164;
}
.cm-s-default .cm-def {
  color: #00f;
}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {
}
.cm-s-default .cm-variable-2 {
  color: #05a;
}
.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
  color: #085;
}
.cm-s-default .cm-comment {
  color: #a50;
}
.cm-s-default .cm-string {
  color: #a11;
}
.cm-s-default .cm-string-2 {
  color: #f50;
}
.cm-s-default .cm-meta {
  color: #555;
}
.cm-s-default .cm-qualifier {
  color: #555;
}
.cm-s-default .cm-builtin {
  color: #30a;
}
.cm-s-default .cm-bracket {
  color: #997;
}
.cm-s-default .cm-tag {
  color: #170;
}
.cm-s-default .cm-attribute {
  color: #00c;
}
.cm-s-default .cm-hr {
  color: #999;
}
.cm-s-default .cm-link {
  color: #00c;
}
.cm-s-default .cm-error {
  color: #f00;
}
.cm-invalidchar {
  color: #f00;
}
.CodeMirror-composing {
  border-bottom: 2px solid;
}
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}
.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, .3);
}
.CodeMirror-activeline-background {
  background: #e8f2ff;
}
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
.CodeMirror-scroll {
  overflow: scroll !important;
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}
.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
}
.CodeMirror-widget {
}
.CodeMirror-rtl pre {
  direction: rtl;
}
.CodeMirror-code {
  outline: none;
}
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre {
  position: static;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected {
  background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}
.cm-force-border {
  padding-right: .1px;
}
@media print {
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
.cm-tab-wrap-hack:after {
  content: "";
}
span.CodeMirror-selectedtext {
  background: none;
}

/* node_modules/codemirror/theme/monokai.css */
.cm-s-monokai.CodeMirror {
  background: #272822;
  color: #f8f8f2;
}
.cm-s-monokai div.CodeMirror-selected {
  background: #49483E;
}
.cm-s-monokai .CodeMirror-line::selection,
.cm-s-monokai .CodeMirror-line > span::selection,
.cm-s-monokai .CodeMirror-line > span > span::selection {
  background: rgba(73, 72, 62, .99);
}
.cm-s-monokai .CodeMirror-line::-moz-selection,
.cm-s-monokai .CodeMirror-line > span::-moz-selection,
.cm-s-monokai .CodeMirror-line > span > span::-moz-selection {
  background: rgba(73, 72, 62, .99);
}
.cm-s-monokai .CodeMirror-gutters {
  background: #272822;
  border-right: 0px;
}
.cm-s-monokai .CodeMirror-guttermarker {
  color: white;
}
.cm-s-monokai .CodeMirror-guttermarker-subtle {
  color: #d0d0d0;
}
.cm-s-monokai .CodeMirror-linenumber {
  color: #d0d0d0;
}
.cm-s-monokai .CodeMirror-cursor {
  border-left: 1px solid #f8f8f0;
}
.cm-s-monokai span.cm-comment {
  color: #75715e;
}
.cm-s-monokai span.cm-atom {
  color: #ae81ff;
}
.cm-s-monokai span.cm-number {
  color: #ae81ff;
}
.cm-s-monokai span.cm-comment.cm-attribute {
  color: #97b757;
}
.cm-s-monokai span.cm-comment.cm-def {
  color: #bc9262;
}
.cm-s-monokai span.cm-comment.cm-tag {
  color: #bc6283;
}
.cm-s-monokai span.cm-comment.cm-type {
  color: #5998a6;
}
.cm-s-monokai span.cm-property,
.cm-s-monokai span.cm-attribute {
  color: #a6e22e;
}
.cm-s-monokai span.cm-keyword {
  color: #f92672;
}
.cm-s-monokai span.cm-builtin {
  color: #66d9ef;
}
.cm-s-monokai span.cm-string {
  color: #e6db74;
}
.cm-s-monokai span.cm-variable {
  color: #f8f8f2;
}
.cm-s-monokai span.cm-variable-2 {
  color: #9effff;
}
.cm-s-monokai span.cm-variable-3,
.cm-s-monokai span.cm-type {
  color: #66d9ef;
}
.cm-s-monokai span.cm-def {
  color: #fd971f;
}
.cm-s-monokai span.cm-bracket {
  color: #f8f8f2;
}
.cm-s-monokai span.cm-tag {
  color: #f92672;
}
.cm-s-monokai span.cm-header {
  color: #ae81ff;
}
.cm-s-monokai span.cm-link {
  color: #ae81ff;
}
.cm-s-monokai span.cm-error {
  background: #f92672;
  color: #f8f8f0;
}
.cm-s-monokai .CodeMirror-activeline-background {
  background: #373831;
}
.cm-s-monokai .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}

/* node_modules/codemirror/addon/display/fullscreen.css */
.CodeMirror-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  z-index: 9;
}

/* node_modules/codemirror/addon/fold/foldgutter.css */
.CodeMirror-foldmarker {
  color: blue;
  text-shadow:
    #b9f 1px 1px 2px,
    #b9f -1px -1px 2px,
    #b9f 1px -1px 2px,
    #b9f -1px 1px 2px;
  font-family: arial;
  line-height: .3;
  cursor: pointer;
}
.CodeMirror-foldgutter {
  width: .7em;
}
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
  cursor: pointer;
}
.CodeMirror-foldgutter-open:after {
  content: "\25be";
}
.CodeMirror-foldgutter-folded:after {
  content: "\25b8";
}

/* node_modules/codemirror/addon/hint/show-hint.css */
.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 2px;
  -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
  -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
  box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
  border-radius: 3px;
  border: 1px solid silver;
  background: white;
  font-size: 90%;
  font-family: monospace;
  max-height: 20em;
  overflow-y: auto;
  box-sizing: border-box;
}
.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}
li.CodeMirror-hint-active {
  background: #08f;
  color: white;
}

/* node_modules/highlight.js/styles/monokai.css */
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #272822;
  color: #ddd;
}
.hljs-tag,
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-strong,
.hljs-name {
  color: #f92672;
}
.hljs-code {
  color: #66d9ef;
}
.hljs-class .hljs-title {
  color: white;
}
.hljs-attribute,
.hljs-symbol,
.hljs-regexp,
.hljs-link {
  color: #bf79db;
}
.hljs-string,
.hljs-bullet,
.hljs-subst,
.hljs-title,
.hljs-section,
.hljs-emphasis,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
  color: #a6e22e;
}
.hljs-comment,
.hljs-quote,
.hljs-deletion,
.hljs-meta {
  color: #75715e;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-doctag,
.hljs-title,
.hljs-section,
.hljs-type,
.hljs-selector-id {
  font-weight: bold;
}

/* node_modules/@ctrl/ngx-emoji-mart/picker.css */
.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}
.emoji-mart {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}
.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}
.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}
.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color .1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:focus {
  outline: 0;
}
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}
.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}
.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}
.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
}
.emoji-mart-scroll {
  overflow-y: scroll;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform;
}
.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}
.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}
.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.emoji-mart-search-icon {
  position: absolute;
  top: 3px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}
.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}
.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}
.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, .95);
}
.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}
.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}
.emoji-mart-emoji-native {
  font-family:
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Segoe UI",
    "Apple Color Emoji",
    "Twemoji Mozilla",
    "Noto Color Emoji",
    "Android Emoji";
}
.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}
.emoji-mart-preview {
  position: relative;
  height: 70px;
}
.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.emoji-mart-preview-emoji {
  left: 12px;
}
.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all;
}
.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}
.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}
.emoji-mart-preview-name {
  font-size: 14px;
}
.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em;
}
.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}
.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}
.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}
.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}
.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}
.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: .75;
}
.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: .125s;
  transition-timing-function: ease-out;
}
.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}
.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: .03s;
}
.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: .06s;
}
.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: .09s;
}
.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: .12s;
}
.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: .15s;
}
.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out;
}
.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: .125s;
  transition-timing-function: ease-out;
  cursor: default;
}
.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}
.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: .75;
}
.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}
.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}
.emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}
.emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}
.emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}
.emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}
.emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}
.emoji-mart-skin-tone-6 {
  background-color: #594539;
}
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}
.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}
.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}
.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}
.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}
.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}
.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}

/* node_modules/xterm/css/xterm.css */
/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */
.xterm {
  cursor: text;
  position: relative;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.xterm.focus,
.xterm:focus {
  outline: none;
}
.xterm .xterm-helpers {
  position: absolute;
  top: 0;
  z-index: 5;
}
.xterm .xterm-helper-textarea {
  padding: 0;
  border: 0;
  margin: 0;
  position: absolute;
  opacity: 0;
  left: -9999em;
  top: 0;
  width: 0;
  height: 0;
  z-index: -5;
  white-space: nowrap;
  overflow: hidden;
  resize: none;
}
.xterm .composition-view {
  background: #000;
  color: #FFF;
  display: none;
  position: absolute;
  white-space: nowrap;
  z-index: 1;
}
.xterm .composition-view.active {
  display: block;
}
.xterm .xterm-viewport {
  background-color: #000;
  overflow-y: scroll;
  cursor: default;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.xterm .xterm-screen {
  position: relative;
}
.xterm .xterm-screen canvas {
  position: absolute;
  left: 0;
  top: 0;
}
.xterm .xterm-scroll-area {
  visibility: hidden;
}
.xterm-char-measure-element {
  display: inline-block;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: -9999em;
  line-height: normal;
}
.xterm.enable-mouse-events {
  cursor: default;
}
.xterm.xterm-cursor-pointer,
.xterm .xterm-cursor-pointer {
  cursor: pointer;
}
.xterm.column-select.focus {
  cursor: crosshair;
}
.xterm .xterm-accessibility,
.xterm .xterm-message {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  color: transparent;
}
.xterm .live-region {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.xterm-dim {
  opacity: 0.5;
}
.xterm-underline {
  text-decoration: underline;
}
.xterm-strikethrough {
  text-decoration: line-through;
}
.xterm-screen .xterm-decoration-container .xterm-decoration {
  z-index: 6;
  position: absolute;
}
.xterm-decoration-overview-ruler {
  z-index: 7;
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
.xterm-decoration-top {
  z-index: 2;
  position: relative;
}

/* node_modules/cookieconsent/build/cookieconsent.min.css */
.cc-window {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
.cc-window.cc-invisible {
  opacity: 0;
}
.cc-animate.cc-revoke {
  -webkit-transition: transform 1s ease;
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}
.cc-animate.cc-revoke.cc-top {
  -webkit-transform: translateY(-2em);
  transform: translateY(-2em);
}
.cc-animate.cc-revoke.cc-bottom {
  -webkit-transform: translateY(2em);
  transform: translateY(2em);
}
.cc-animate.cc-revoke.cc-active.cc-top {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.cc-animate.cc-revoke.cc-active.cc-bottom {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.cc-revoke:hover {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.cc-grower {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}
.cc-revoke,
.cc-window {
  position: fixed;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family:
    Helvetica,
    Calibri,
    Arial,
    sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  z-index: 9999;
}
.cc-window.cc-static {
  position: static;
}
.cc-window.cc-floating {
  padding: 2em;
  max-width: 24em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cc-window.cc-banner {
  padding: 1em 1.8em;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.cc-revoke {
  padding: .5em;
}
.cc-revoke:hover {
  text-decoration: underline;
}
.cc-header {
  font-size: 18px;
  font-weight: 700;
}
.cc-btn,
.cc-close,
.cc-link,
.cc-revoke {
  cursor: pointer;
}
.cc-link {
  opacity: .8;
  display: inline-block;
  padding: .2em;
  text-decoration: underline;
}
.cc-link:hover {
  opacity: 1;
}
.cc-link:active,
.cc-link:visited {
  color: initial;
}
.cc-btn {
  display: block;
  padding: .4em .8em;
  font-size: .9em;
  font-weight: 700;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap;
}
.cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent;
}
.cc-highlight .cc-btn:first-child:focus,
.cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
  text-decoration: underline;
}
.cc-close {
  display: block;
  position: absolute;
  top: .5em;
  right: .5em;
  font-size: 1.6em;
  opacity: .9;
  line-height: .75;
}
.cc-close:focus,
.cc-close:hover {
  opacity: 1;
}
.cc-revoke.cc-top {
  top: 0;
  left: 3em;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em;
}
.cc-revoke.cc-bottom {
  bottom: 0;
  left: 3em;
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
}
.cc-revoke.cc-left {
  left: 3em;
  right: unset;
}
.cc-revoke.cc-right {
  right: 3em;
  left: unset;
}
.cc-top {
  top: 1em;
}
.cc-left {
  left: 1em;
}
.cc-right {
  right: 1em;
}
.cc-bottom {
  bottom: 1em;
}
.cc-floating > .cc-link {
  margin-bottom: 1em;
}
.cc-floating .cc-message {
  display: block;
  margin-bottom: 1em;
}
.cc-window.cc-floating .cc-compliance {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.cc-window.cc-banner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cc-banner.cc-top {
  left: 0;
  right: 0;
  top: 0;
}
.cc-banner.cc-bottom {
  left: 0;
  right: 0;
  bottom: 0;
}
.cc-banner .cc-message {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  margin-right: 1em;
}
.cc-compliance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.cc-floating .cc-compliance > .cc-btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.cc-btn + .cc-btn {
  margin-left: .5em;
}
@media print {
  .cc-revoke,
  .cc-window {
    display: none;
  }
}
@media screen and (max-width:900px) {
  .cc-btn {
    white-space: normal;
  }
}
@media screen and (max-width:414px) and (orientation:portrait), screen and (max-width:736px) and (orientation:landscape) {
  .cc-window.cc-top {
    top: 0;
  }
  .cc-window.cc-bottom {
    bottom: 0;
  }
  .cc-window.cc-banner,
  .cc-window.cc-floating,
  .cc-window.cc-left,
  .cc-window.cc-right {
    left: 0;
    right: 0;
  }
  .cc-window.cc-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cc-window.cc-banner .cc-compliance {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .cc-window.cc-floating {
    max-width: none;
  }
  .cc-window .cc-message {
    margin-bottom: 1em;
  }
  .cc-window.cc-banner {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
  }
  .cc-window.cc-banner .cc-message {
    margin-right: 0;
  }
}
.cc-floating.cc-theme-classic {
  padding: 1.2em;
  border-radius: 5px;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
  text-align: center;
  display: inline;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.cc-theme-classic .cc-btn {
  border-radius: 5px;
}
.cc-theme-classic .cc-btn:last-child {
  min-width: 140px;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
  display: inline-block;
}
.cc-theme-edgeless.cc-window {
  padding: 0;
}
.cc-floating.cc-theme-edgeless .cc-message {
  margin: 2em;
  margin-bottom: 1.5em;
}
.cc-banner.cc-theme-edgeless .cc-btn {
  margin: 0;
  padding: .8em 1.8em;
  height: 100%;
}
.cc-banner.cc-theme-edgeless .cc-message {
  margin-left: 1em;
}
.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
  margin-left: 0;
}

/* src/assets/css/base.style.css */
:root {
  --white: #FFFFFF;
  --black: #000000;
  --green: #218739;
  --green-emphasis: #198754;
  --light-green: #F6FFED;
  --red: #dc3545;
  --light-red: #FFF1F0;
  --blue: #0D6EFD;
  --light-blue: #EBF3FF;
  --primary: #0D6EFD;
  --primary-emphasis: #005EC2;
  --secondary: #6C757D;
  --success: #218739;
  --success-emphasis: #1B6F2E;
  --danger: #dc3545;
  --danger--emphasis: #FF3B30;
  --course-content-active: #7ED957;
  --course-content-lock: #0B406B;
  --correct: #1B6F2E;
  --incorrect: #FF3B30;
  --missed: #006FEE;
  --partial: rgb(254, 176, 25);
  --pending: rgb(12, 12, 12);
}
.bg-primary {
  background-color: var(--primary) !important;
}
.bg-success {
  background-color: var(--success) !important;
}
.bg-success-emphasis {
  background-color: var(--success-emphasis) !important;
}
.bg-danger {
  background-color: var(--red) !important;
}
.bg-light-blue {
  background-color: var(--light-blue) !important;
}
.bg-light-red {
  background-color: var(--light-red) !important;
}
.bg-light-green {
  background-color: var(--light-green) !important;
}
.btn-primary {
  background-color: var(--primary);
  color: var(--white);
  border-color: var(--primary);
}
.btn-outline-primary {
  color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover {
  background-color: var(--primary-emphasis);
  color: var(--white);
  border-color: var(--primary-emphasis);
}
.btn-success {
  background-color: var(--success);
  color: var(--white);
  border-color: var(--success);
}
.btn-success:hover {
  background-color: var(--success-emphasis);
  color: var(--white);
  border-color: var(--success-emphasis);
}
.color-primary-emphasis {
  color: var(--primary-emphasis);
}
.btn-outline,
.btn-outline:hover {
  border: 1px solid var(--primary);
  color: var(--primary);
}
.btn-outline-black {
  border: 1px solid #000 !important;
  color: #000;
}
.btn-outline-white {
  border: 1px solid #fff !important;
  color: #fff !important;
}
.text-success {
  color: var(--green) !important;
}
.text-success-light {
  color: rgb(144, 238, 144);
}
.text-danger {
  color: var(--red) !important;
}

/* src/assets/fonts/font.css */
@font-face {
  font-family: "Hindi";
  src: url("./media/k010.eot");
  src:
    url("./media/k010.eot?#iefix") format("embedded-opentype"),
    url("./media/k010.woff") format("woff"),
    url("./media/k010.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DevLys";
  src:
    url("./media/DevLys-010.ttf.woff") format("woff"),
    url("./media/DevLys-010.ttf.svg#DevLys-010") format("svg"),
    url("./media/DevLys-010.ttf.eot");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Walkman-Chanakya-905";
  src:
    url("./media/Walkman-Chanakya905Normal.woff") format("woff"),
    url("./media/Walkman-Chanakya905Normal.eot"),
    url("./media/Walkman-Chanakya905Normal.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Walkman-Chanakya-905";
  src:
    url("./media/Walkman-Chanakya905Bold.woff") format("woff"),
    url("./media/Walkman-Chanakya905Bold.eot"),
    url("./media/Walkman-Chanakya905Bold.ttf") format("truetype");
  font-weight: bold;
}

/* src/styles.css */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  background: #f4f4f7;
  color: #858585;
  overflow-x: hidden;
}
ul,
ol {
  list-style: none;
}
img,
fieldset {
  border: none;
}
a {
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
figure {
  margin: 0;
  padding: 0;
}
embed,
iframe,
object,
video {
  max-width: 100%;
}
input,
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
a {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: none;
}
.f-bold {
  font-weight: 700;
}
@font-face {
  font-family: "icomoon";
  src: url("./media/icomoon.eot?5nc1zp");
  src:
    url("./media/icomoon.eot?5nc1zp#iefix") format("embedded-opentype"),
    url("./media/icomoon.ttf?5nc1zp") format("truetype"),
    url("./media/icomoon.woff?5nc1zp") format("woff"),
    url("./media/icomoon.svg?5nc1zp#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-1,
.icon-2,
.icon-3,
.icon-4,
.icon-5,
.icon-6,
.icon-7,
.icon-8,
.icon-9,
.icon-10 {
  font-size: 60px;
}
.icon-1:before {
  content: "\e900";
  color: #6a7297;
}
.icon-2:before {
  content: "\e901";
  color: #6a7297;
}
.icon-3:before {
  content: "\e902";
  color: #6a7297;
}
.icon-4:before {
  content: "\e903";
  color: #6a7297;
}
.icon-5:before {
  content: "\e904";
  color: #6a7297;
}
.icon-6:before {
  content: "\e900";
  color: black;
}
.icon-7:before {
  content: "\e901";
  color: black;
}
.icon-8:before {
  content: "\e902";
  color: black;
}
.icon-9:before {
  content: "\e903";
  color: black;
}
.icon-10:before {
  content: "\e904";
  color: black;
}
.calender {
  background: url("./media/calender-date.png") no-repeat 0 center;
}
#wrapper {
  overflow: hidden;
  width: 100%;
}
.align-search-bar {
  position: absolute;
  right: 12%;
}
.navbar-light .navbar-toggler {
  border: 0;
  border-radius: 0;
  border-color: transparent;
}
.navbar-light .navbar-toggler:focus {
  outline: 0;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(82, 81, 171, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
nav.sidebar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 30 40'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.bg-transparent {
  background: transparent !important;
  background-color: transparent !important;
}
.bg-color1 {
  background:
    linear-gradient(
      90deg,
      #b75ffa 0%,
      #6798fc 100%);
}
.bg-color2 {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
}
.bg-color3 {
  background: #f2994a;
}
.bg-color4 {
  background: #1ea3ff;
}
.bg-color5 {
  background: #b65ff9;
}
.bg-color6 {
  background: #9179fa;
}
.bg-color7 {
  background: #f4f4f7;
}
.bg-color8 {
  background:
    linear-gradient(
      90deg,
      #da22ff 0%,
      #9733ee 100%);
}
.bg-color9 {
  background: #a2fb93;
}
.modal-grey .modal-content {
  background: #f4f4f7;
}
.ajs-message {
  color: white;
  background-color: #767aff !important;
  border: 1px solid #767aff !important;
  border-radius: 10px !important;
  width: 300px !important;
}
header {
  background: #fff;
  padding: 15px 15px;
}
.header-area {
  position: relative;
}
header .header-area .navbar-brand img,
.site_logo {
  width: 100%;
  height: auto;
  max-width: 166px;
  max-height: 60px;
}
.header-area nav ul {
  margin-left: 6px;
}
.header-area nav ul li,
.header-area nav .dropdown-item {
  font-size: 14px;
  line-height: 16px;
  margin: 0 8px;
  font-weight: bold;
}
.header-area ul li.user {
  margin-left: 34px !important;
}
.header-area ul li.cart {
  position: relative;
}
.header-area ul li.notification {
  position: relative;
}
.header-area ul li.notification > span {
  position: absolute;
  top: -3px;
  right: 0;
  display: block;
  font-weight: 700;
  font-size: 8px;
  line-height: 14px;
  width: 14px;
  height: 14px;
  background: #eb5757;
  border-radius: 100%;
  -webkit-border-radius: 100%;
}
.header-area .nav ul li a {
  color: #4D4D4D;
}
.header-area nav ul li a:hover,
.header-area nav ul li a.active {
  color: #000 !important;
}
.header-area nav ul li.search a figure {
  width: 17px;
}
.header-area nav ul li a:hover {
  color: #494899 !important;
}
.header-area nav ul li a.active:hover {
  color: #000 !important;
}
.header-secondary {
  margin-top: 20px;
  padding: 15px 0;
}
.user-area {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 999;
}
.user-area .notify_type {
  position: relative !important;
  margin-left: 20px !important;
}
.user-area li.dropdown::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 37.12px;
  height: 37.12px;
  border-radius: 37px;
  z-index: -1;
}
.user-area li.dropdown.show::after {
  background: rgba(74, 72, 173, 0.2);
}
.user-area .dropdown .dropdown-menu {
  max-width: 360px;
  min-width: 260px;
  top: 45px !important;
  left: 70% !important;
  transform: translateX(-70%) !important;
  border: 0.815992px solid #c4c4c4;
  box-shadow: 0px 0px 12.8519px rgba(0, 0, 0, 0.05);
  border-radius: 4.58996px;
  z-index: 999;
}
.user-area .dropdown .dropdown-menu.vertical-Expand {
  max-width: 200px;
  transform: translateX(-96%) !important;
  padding-top: 0 !important;
}
.user-area .message_center_dropdown_wraper .dropdown-menu.vertical-Expand {
  transform: translateX(-50%) !important;
}
.user-area .dropdown .dropdown-menu img,
.user-area .dropdown .dropdown-menu svg {
  max-width: 100%;
}
.user-area .dropdown .dropdown-menu.vertical-Expand li {
  display: block;
  font-size: 14px;
  line-height: 26px;
}
.dropdown-item i {
  width: 24px;
}
.dp_bg img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}
.profile_img_dropdown_wrapper {
  text-align: center;
  margin-bottom: 10px;
  padding: 0 20px;
}
.profile_img_dropdown {
  border-radius: 100%;
  width: 80px;
  height: 80px;
  object-fit: cover;
  margin: auto;
  margin-top: -40px;
}
#dropdown-notification .chat_ib {
  width: calc(100% - 0px);
}
div#dropdown-msg .chat_ib {
  width: calc(100% - 0px);
}
.dropdown-logout-mob .user_name {
  font-size: 16px;
}
.dropdown-logout-mob .user_id {
  font-size: 14px;
  word-break: break-all;
  font-weight: normal;
}
.user-area .dropdown .dropdown-menu .heading {
  padding: 8px 15px;
  background-color: #f8f9fa !important;
}
.user-area .dropdown .dropdown-menu .heading h4 {
  font-weight: 700;
  font-size: 18px;
  color: #000;
}
.user-area .dropdown .dropdown-menu .chat_img {
  position: relative;
  width: 46px;
  margin-right: 8px;
}
.user-area .dropdown .dropdown-menu .chat_img .status {
  position: absolute;
  bottom: 0;
  right: -4px;
  width: 22.5px;
  height: 22.5px;
  border-radius: 22px;
  background: #c4c4c4;
}
.user-area .dropdown .dropdown-menu .chat_list,
.see-all-msg {
  padding: 8px 15px;
}
.user-area .dropdown .dropdown-menu .chat_img figure {
  max-width: initial;
  width: 40px;
  height: 40px;
}
.user-area .dropdown .dropdown-menu .chat_ib {
  width: calc(100% - 54px);
  padding: 0;
  overflow: hidden;
  word-break: break-word;
}
.user-area .label {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: #982525;
  color: #fff;
  padding: 1px 5px;
  text-align: center;
  min-width: 16px;
  min-height: 16px;
  max-height: 16px;
  line-height: 13.5px;
  font-weight: 600;
  border-radius: 15px;
  font-size: 10px;
}
.chat_ib span {
  display: block;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  color: #4a48ad;
}
.see-all-msg {
  font-weight: 700;
  font-size: 16px;
}
.see-all-msg a {
  display: block;
  color: #4a48ad;
}
.switch-item {
  position: relative;
  z-index: 99;
}
.width-560 {
  width: 560px;
}
.banner .banner-info form .form-group button {
  z-index: 99 !important;
}
.chat_people {
  overflow: initial !important;
}
.header-area ul li.massage {
}
header.mcq {
  background:
    linear-gradient(
      90deg,
      #1488cc 0%,
      #2b32b2 100%);
  padding: 15px 0;
}
header.mcq .header-area nav > a,
.adaptive-header-area nav > a {
  width: initial;
  max-width: initial;
}
header.mcq .header-area nav > a figure,
.adaptive-header-area nav > a figure {
  float: left;
  width: 38px;
  height: 38px;
}
header.mcq .header-area nav > a span,
.adaptive-header-area nav > a span {
  display: block;
  float: left;
  font-size: 14px;
  line-height: 16px;
  padding-left: 32px;
}
header.mcq .header-area nav ul {
  max-width: 313px;
}
.assesment-name {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 19px 0 16px 0;
}
.assesment-name span {
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}
.finish-btn {
  background: var(--green);
  font-weight: 700;
  height: 70px;
  font-size: 30px;
  line-height: 70px;
  border-radius: 6.66667px;
  -webkit-border-radius: 6.66667px;
  margin-left: 40px;
}
.finish-btn a {
  display: block;
  padding: 0 24px;
}
.timer-clock {
  height: 45px;
  line-height: 45px;
  min-width: 110px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 10px;
  padding: 0 10px;
}
.timer h6 {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 9px;
}
.timer-clock span {
  display: block;
  font-size: 30px;
}
.banner {
  padding-top: 30px;
}
.banner-area {
  background-size: cover;
  padding: 40px 0;
}
.banner-info {
  max-width: 786px;
  padding: 0 30px;
}
.banner-info h1 {
  font-weight: 700;
  font-size: 32px;
  line-height: 37px;
}
.search-result .banner-info form .form-group::before {
  display: none;
}
.search-result .banner-info form .form-group input {
  padding-left: 20px !important;
}
.banner-info form {
  margin-top: 34px;
}
.banner-info input::placeholder {
  font-size: 18px;
  color: #c8c8c9;
  text-shadow: none;
}
.search-result .banner-info form .form-group input::placeholder {
  color: #000;
}
.banner-info input:focus {
  box-shadow: none;
  padding-left: 0.75rem;
}
.banner-info input {
  height: calc(1.75em + 1rem + 7px);
  padding: 0 20px 0 55px;
  font-size: 18px;
  color: #000;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.banner-info form .form-group input + span {
  float: left;
  margin-top: -36px;
  margin-left: 20px;
}
.banner-info form .form-group input:focus + span {
  width: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.banner .banner-info form .form-group {
  position: relative;
}
.banner .banner-info form .form-group button {
  position: absolute;
  top: 15px;
  right: 23px;
  z-index: 999;
}
.banner .banner-info form .form-group button:focus {
  outline: 0;
  box-shadow: none;
}
.subject {
  padding: 20px 0 0 0;
}
.subject-area {
  max-width: 970px;
}
.subject-item {
  padding: 0 15px;
}
.subject-item a {
  display: block;
}
.subject-item figure {
  display: table;
  margin-bottom: 15px;
}
.subject-item_title {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  color: #000;
  text-transform: capitalize;
}
.subject-item .image-wrap {
  position: relative;
}
.subject-item .image-wrap .icon {
  width: 92px;
  height: 92px;
}
.subject-area .owl-carousel .owl-dots {
  display: table;
  margin: 0 auto;
}
.subject-area .owl-carousel .owl-dots .owl-dot {
  width: 5px;
  height: 5px;
  background: #c4c4c4;
  margin: 0 2.5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.subject-area .owl-carousel .owl-dots .owl-dot > span {
  display: none;
}
.subject-area .owl-carousel .owl-dots .owl-dot:focus {
  outline: 0;
}
.subject-area .owl-carousel .owl-dots .owl-dot.active {
  background: #2f80ed;
}
.subject-area .owl-carousel .owl-next,
.subject-area .owl-carousel .owl-prev {
  top: 30%;
  transform: translateY(-30%);
}
.subject-area .owl-carousel .owl-next {
  background: url("./media/angle-right.png") no-repeat 0 0 !important;
  background-size: contain !important;
}
.subject-area .owl-carousel .owl-prev {
  background: url("./media/angle-left.png") no-repeat 0 0 !important;
  background-size: contain !important;
}
.subject .tabs {
  display: table;
  padding: 30px 0 0 0;
}
.subject .tabs ul li a {
  display: block;
  width: 5px;
  height: 5px;
  background: #c4c4c4;
  margin: 0 2.5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.subject .tabs ul li a.active {
  background: #2f80ed;
}
main {
  padding: 50px 0;
}
.main-area {
  max-width: 1597px;
}
.main-area-top {
  padding: 0 20px;
}
.main-area .info {
  margin-bottom: 109px;
}
.main-area .info.subject-asses {
  margin-bottom: 40px;
}
.main-area-top.subject {
  margin-top: 30px;
}
.main-area .info.view-all-top {
  margin-bottom: 40px;
}
.main-area.view-all {
  margin-top: 20px;
}
.main-area .info .inner h3 {
  font-size: 40px;
  font-weight: 700;
  line-height: 47px;
  color: #000;
  margin-bottom: 6px;
}
.main-area .info .inner span {
  display: block;
  font-size: 20px;
  line-height: 25px;
  color: #000;
  background: url("./media/icon-task.png") no-repeat 0 center;
  padding-left: 20px;
  background-size: 14px;
}
.main-area .info form .form-group {
  position: relative;
}
.main-area .info form .form-group::before {
  content: "";
  position: absolute;
  top: 0;
  left: 9px;
  width: 47px;
  height: 45px;
  background: url("./media/search-icon-2.png") no-repeat center center;
}
.main-area .info form .form-group.focus::before {
  width: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.main-area .info form .form-group.close-btn::before {
  display: none;
}
.main-area .info form .form-group.close-btn.focus input {
  padding-left: 56px !important;
}
.main-area .info form .form-group.close-btn a {
  position: absolute;
  top: 16.5px;
  left: 24px;
  width: 15px;
  height: 15px;
  background: none;
  cursor: pointer;
}
.main-area .info form .form-group.focus input {
  padding-left: 0.75rem;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.main-area .info form input::placeholder {
  font-size: 18px;
  color: #c8c8c9;
}
.main-area .info form input:focus {
  box-shadow: none;
  outline: 0;
}
.main-area .info form input {
  font-size: 18px;
  font-weight: 700;
  height: calc(1.75em + 1rem + 1px);
  padding-left: 56px;
  color: #000;
}
.main-area.view-all .info form input {
  box-shadow: 0px 5px 13px 0px #00000029;
}
.search-btn {
  display: none;
}
.search-btn a {
  display: inline-block;
}
.search-btn a figure {
  width: 100%;
}
.box-area-wrap .inner-left {
  float: left;
  width: 40%;
}
.box-area-wrap .inner-right {
  float: left;
  width: 60%;
}
.box-area {
  margin-bottom: 75px;
}
.box-area .heading {
  margin-bottom: 27px;
  padding: 0 20px;
}
.box-area .heading h3 {
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
  color: #000;
}
.switch-item {
  float: right;
}
.switch-item > span {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 31px;
  color: #000;
  padding-right: 16px;
}
.switch-item label {
  position: relative;
  display: inline-block;
  width: 51px;
  height: 31px;
  z-index: 999;
}
.switch-item label input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-item .switch-item-label {
  color: var(--black);
}
.switch-item label span.slider {
  position: absolute;
  cursor: pointer;
  top: -2px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 31px;
  width: 51px;
  background: #dadae0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-item label span.slider:before {
  position: absolute;
  content: "";
  width: 27px;
  height: 27px;
  left: 2px;
  bottom: 2px;
  background: var(--white);
  border: 0.5px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch-item input:checked + .slider {
  background: rgb(from var(--primary) r g b / 20%);
}
.switch-item input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.switch-item input:checked + .slider:before {
  background: var(--primary);
}
.switch-wrap {
  float: right;
}
.slider.round {
  overflow: hidden;
  border-radius: 31px;
  -webkit-border-radius: 31px;
}
.slider.round:before {
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.box-item {
  width: 20%;
  float: left;
  padding: 0 25px;
  margin-bottom: 30px;
}
.boxLayout-fraud .fraud-box-area2 .box-item {
  width: 24%;
}
.main-area.view-all .box-item {
  width: 25%;
  float: left;
  padding: 0 25px;
  margin-bottom: 40px;
}
.box-area-wrap .inner-left .box-item {
  width: 100%;
}
.box-area-wrap .inner-right .box-item {
  width: 33.33%;
}
.box {
  position: relative;
  padding-top: 30px;
  border-radius: 10px;
}
.search-result .search-result-area .box {
  display: table;
}
.flags {
  position: absolute;
  top: 20px;
  left: 0;
}
.flags .flag {
  background: #000;
  padding: 4px 8px;
}
.flags .flag {
  background: #000;
  padding: 4px 8px;
  display: inline-block;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  color: #fff;
  text-transform: capitalize;
}
.flags .flag.flag-status {
  background: var(--green);
}
.flags .flag.flag-status-revoked {
  background: var(--red);
}
.box .status {
  position: absolute;
  top: 20px;
  left: 0;
  background: #000;
  padding: 4px 8px !important;
  margin-bottom: 0 !important;
}
.box .status-second {
  top: 45px;
  background: var(--green);
}
.box .status-second.status-revoked {
  top: 45px;
  background: var(--red);
}
.box .status span {
  display: block;
  font-weight: 700;
  font-size: 10px !important;
  line-height: 12px !important;
  color: #fff;
  text-transform: uppercase;
}
.box .status.seller-info_new span {
  color: #000;
}
.box figure {
  display: table;
  margin-bottom: 20px;
}
.search-result .search-result-area figure {
  width: 49%;
  float: left;
}
.box .image-wrap {
  position: relative;
}
.box .image-wrap figure {
  display: block;
  max-width: 100%;
}
.image-wrap .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.effort-distribution apx-chart .apexcharts-legend-series {
  display: block !important;
  width: 100%;
  text-align: left;
}
.new-image-box .image-wrap .icon {
  position: absolute;
  height: 45px;
  top: 60%;
  left: auto;
  transform: translateY(-50%);
}
.new-border-padding {
  padding-bottom: 0 !important;
  min-height: 82px !important;
}
.new-border-padding .form-control {
  border-bottom: 1px solid #dee2e6 !important;
  border-radius: 0 !important;
}
.image-wrap .icon-small {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-wrap .subjectItemIcon {
  width: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.new-individual-price {
  padding-right: 20px !important;
}
.box .image-wrap .rectangle {
  position: absolute;
  left: 30px;
  bottom: -20px;
  width: 60px;
  height: 60px;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.box .box-inner .title {
  margin-bottom: 20px;
}
.box .box-inner .title h5 {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #000;
}
.box .box-inner p {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #575757;
}
.box-inner {
  padding: 15px 15px;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 25%);
}
.course-item .course-inner {
  padding: 2px 10px;
}
.course-info h4 {
  font-weight: 400;
  font-size: 19px;
  line-height: 24px;
  color: #000;
}
.course-info p {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #000;
}
.search-result .search-result-area .box-inner {
  float: left;
  width: 50%;
  margin-top: 25px;
  padding: 15px 30px;
}
.search-result .box .info {
  padding: 0;
  margin-bottom: 0 !important;
}
.box .info h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  color: #000;
}
.box .info ul li {
  position: relative;
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  color: #8a8a8a;
}
.home-assessments .box .info ul li {
  position: relative;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  color: #8a8a8a;
}
.box .info ul li.dot {
  padding-left: 6px;
  margin-left: 4px;
}
.box .info ul li.dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 2px;
  height: 2px;
  background: #8a8a8a;
}
.box .info ul li a {
  color: #8a8a8a;
}
.question-count span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  color: #8a8a8a;
}
.box .time span {
  display: block;
  font-weight: 700;
  line-height: 14px;
  color: #8a8a8a;
}
.view-detail {
  display: table;
  width: 100%;
  height: 50px;
  font-size: 14px;
  font-weight: 700;
  line-height: 50px;
}
.view-detail a {
  display: block;
  padding: 0 15px;
  background: #e1e1f8;
  color: #4a48ad;
  border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 9px 9px;
}
.view-detail a:hover {
  background: rgba(225, 225, 248, 0.8);
}
.view-all {
  display: table;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
}
.view-all a {
  color: #000;
}
.view-all a:hover {
  color: #5251ab !important;
}
.owl-carousel .box-item {
  width: initial;
  float: none;
  padding: 0 20px;
}
.take-adaptiveTest-btn {
  display: table;
  min-width: 221px;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  font-weight: 700;
}
.take-adaptiveTest-btn a {
  display: block;
  background: #0253d5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.box.adaptive-logo-box {
  padding: 0;
}
.adaptive-logo-box .box-inner {
  padding: 15px !important;
}
.box.adaptive-logo-box .box-inner p {
  font-size: 18px;
  line-height: 21px;
  color: #4b4b4b;
  font-weight: 400;
}
.owl-next,
.owl-prev {
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
}
.owl-prev {
  left: 0;
}
.owl-next {
  width: 18px;
  height: 36px;
  right: -49px;
  background: url("./media/angle-right.png") no-repeat 0 0 !important;
}
.main-area.next .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.owl-prev {
  width: 18px;
  height: 36px;
  left: -49px;
  background: url("./media/angle-left.png") no-repeat 0 0 !important;
}
.main-area.next .mowl-prev {
  top: 50%;
}
.owl-next span {
  display: none;
}
.owl-prev span {
  display: none;
}
.owl-next:focus,
.owl-prev:focus {
  outline: 0;
}
.owl-next.disabled,
.owl-prev.disabled {
  display: none !important;
}
.subject-area button.owl-next {
  background: url("./media/angle-right-gray.png") no-repeat 0 0 !important;
  background-size: contain !important;
}
.subject-area button.owl-prev {
  background: url("./media/angle-left-gray.png") no-repeat 0 0 !important;
  background-size: contain !important;
}
.arrow {
  display: none;
}
.topic .box-item {
  margin-bottom: 73px;
}
.search {
  padding: 50px 0 30px 0;
  margin: 60px 0;
}
.search-area {
  padding: 0 20px;
}
.search-area figure {
  display: table;
}
.search-area .inner-content {
  max-width: 955px;
}
.search-area .inner-content h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-transform: uppercase;
  color: #2d56b3;
}
.inner-content-wrap {
  display: table;
  width: 100%;
  height: 100%;
}
.middle {
  display: table-cell;
  vertical-align: middle;
}
.search-bar {
  position: relative;
}
.show #wrap {
  visibility: visible;
  opacity: 1;
}
#wrap {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#wrap .form-group {
  position: relative;
}
.bg-grey {
  background-color: #F6F8F9 !important;
}
#wrap .form-group .arrow {
  position: absolute;
  top: 21px;
  left: 10px;
}
#wrap .form-group input {
  font-size: 12px;
  font-weight: 700;
  height: calc(2em + 1.75rem + 3px);
  padding-left: 37px;
  color: #000;
}
#wrap .form-group input:focus {
  outline: 0;
  box-shadow: none;
}
.filter-area {
  margin-bottom: 80px;
}
.filter-area .heading {
  padding: 11px 0;
}
.filter-area .heading h3 {
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  color: #000;
}
.filter-area .filter-dropdown {
  width: 100%;
  max-width: 315px;
}
.filter-area .filter-dropdown .dropdown {
  width: 100%;
}
.filter-area .filter-dropdown .dropdown > a {
  display: block;
  font-size: 22px;
  line-height: 26px;
  color: #525356;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 11px 20px 11px 23px;
}
.filter-area .filter-dropdown .dropdown > a span {
  display: block;
  float: right;
  width: 12px;
  height: 26px;
  line-height: 26px;
  background: url("./media/angle-down.png") no-repeat 0 center;
  background-size: contain;
}
.filter-area .filter-dropdown .dropdown.show > a span {
  background: url("./media/angle-up.png") no-repeat 0 center;
  background-size: contain;
}
.filter-area .filter-dropdown .dropdown > a.dropdown-toggle::after {
  display: none;
}
.filter-area .filter-dropdown .dropdown .dropdown-menu {
  width: 100%;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 15px 24px;
}
.filter-area .filter-dropdown .dropdown .dropdown-menu h5 {
  font-size: 22px;
  line-height: 26px;
  color: #525356;
  margin-bottom: 15px;
}
.details {
  margin-top: 83px;
  background:
    linear-gradient(
      90deg,
      #1488cc 0%,
      #2b32b2 100%);
  padding: 40px 0;
}
.details.topic {
  padding: 35px 0 30px 0;
}
.asses-info .info-text {
  float: left;
  background: #000;
}
.asses-info .info-text span {
  display: block;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  padding: 5px 20px;
}
.asses-info .info-text span.text-blue {
  color: #1876c6;
}
.asses-info h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 47px;
}
.asses-info .name h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  padding: 9px 0 10px 0;
}
.asses-info span {
  display: block;
  font-size: 20px;
  line-height: 23px;
}
.asses-user {
  padding: 8px 0;
}
.asses-item {
  float: left;
  padding: 10px 40px 0 30px;
  border-left: 1px solid #fff;
}
.asses-item figure {
  margin-bottom: 8px;
}
.asses-item h4 {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 4px;
}
.asses-item span {
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.asses-info.overview span {
  font-size: 18px;
  line-height: 21px;
}
.overview .asses-item h4 {
  font-size: 14px;
  line-height: 16px;
}
.overview .asses-item span {
  font-size: 14px;
  line-height: 16px;
}
.asses-box {
  padding: 16px 0;
}
.asses-box-item {
  padding: 8px 8px 10px 8px;
  border: 1.13333px solid #c4c4c4;
  border-radius: 11.3333px;
  -webkit-border-radius: 11.3333px;
}
.asses-box-item figure {
  margin-bottom: 9px;
}
.asses-box-item h4 {
  font-weight: 500;
  font-size: 20.4px;
  line-height: 24px;
  color: #000;
  margin-bottom: 6px;
}
.asses-box-item span {
  display: block;
  font-size: 11.3333px;
  line-height: 13px;
  color: #000;
}
.asses-box-item figure {
  display: table;
  max-width: 42px;
}
.asses-box-area-wrap {
  margin-left: -4px;
  margin-right: -4px;
}
.overview.asses-about-area .info {
  max-width: 100%;
}
.asses-about {
  padding: 80px 0;
}
.asses-about-area h3 {
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  color: #000;
}
.asses-about-area p {
  font-size: 20px;
  line-height: 27px;
  color: #373a3c;
}
.asses-about-area .info {
  max-width: 1036px;
  margin-bottom: 50px;
}
.camera {
  display: table;
}
.camera-wrap {
  position: relative;
}
.camera .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.camera .take-asses-btn {
  margin-top: 35px;
}
.asses-about-area .info .inner {
  padding-right: 66px;
}
.asses-about-area .info .item-row .item {
  margin: 0 15px 15px 15px;
}
.asses-about-area .info .item {
  width: 100%;
  max-width: 474px;
  border: 1px solid #1d0909;
  padding: 30px 30px 48px 30px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.asses-about-area .info .item h4 {
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  color: #000;
  margin-bottom: 16px;
}
.asses-about-area .info .item span {
  display: block;
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  color: #000;
}
.asses-about-area .info .item .item-inner p {
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
  color: #373a3c;
}
.chapter-box {
  position: relative;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 30px;
  margin-bottom: 20px;
}
.chapter-box .marked {
  position: absolute;
  top: -13px;
  left: 19px;
  background: #eb5757;
  padding: 3px;
  border-radius: 2.6px;
  -webkit-border-radius: 2.6px;
}
.chapter-box .marked.mark-red {
  background: var(--red);
}
.chapter-box .marked.mark-green {
  background: var(--green);
}
.chapter-box .marked.mark-blue {
  background: var(--blue);
}
.chapter-box .marked span {
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
}
.chapter-box p {
  font-size: 18px;
  line-height: 21px;
  color: #373a3c;
  margin-bottom: 28px;
}
.chapter-box h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 35px;
  color: #000;
}
.like .likkes {
  margin-left: -5px !important;
  cursor: pointer;
}
.chapter-box .practice-btn {
  display: table;
  font-size: 18px !important;
  height: 50px !important;
  line-height: 50px !important;
  border: 0.666667px solid #4c73e6 !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  margin: 18px 0;
}
.practice-btn a {
  display: block;
  color: #000;
  padding: 0 20px;
}
.take-asses-btn {
  display: table;
  width: 100%;
  max-width: 462px;
  height: 75px;
  line-height: 75px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 10px;
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 25px;
}
.take-asses-btn a {
  display: block;
}
.resume-btn {
  display: table;
  width: 100%;
  max-width: 462px;
  height: 75px;
  line-height: 75px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  font-weight: 700;
  font-size: 30px;
  border: double 2px transparent;
  background-image:
    linear-gradient(white, white),
    radial-gradient(
      circle at top left,
      #4776e6,
      #8e54e9);
  background-origin: border-box;
  background-clip: content-box, border-box;
  margin-bottom: 80px;
}
.asses-about-area .item-wrap {
  padding: 0 21px;
  max-width: 502px;
}
.asses-about-area .item {
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 20px;
  margin-bottom: 24px;
}
.asses-about-area .item > figure {
  display: table;
  margin-bottom: 30px;
}
.asses-about-area .item h4 {
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 30px;
}
.profile-item {
  margin-bottom: 8px;
}
.profile-item:last-child {
  margin-bottom: 0;
}
.profile-item span {
  display: block;
  float: right;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #000;
  padding: 13px 0 14px 0;
  width: 25%;
  text-align: right;
}
.profile-item-info .status {
  position: absolute;
  bottom: 0;
  right: 0px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #0f0;
  padding: 0px;
}
.online-status {
  position: absolute;
  bottom: 0;
  left: 20px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #0f0;
  padding: 0px;
  border-color: black;
  border-width: 1px;
  border-style: solid;
}
.profile-name h5 {
  font-size: 14px;
  line-height: 16px;
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  cursor: context-menu;
  width: 54px;
}
.profile-name .instructor-name {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 65px;
}
.subject-box {
  margin-bottom: 9px;
}
.subject-box span {
  position: relative;
  display: block;
  float: left;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  padding-left: 31px;
}
.subject-box span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.subject-box span.purple::before {
  background: #7f68fa;
}
.subject-box span.yellow::before {
  background: #ffa550;
}
.subject-box span.red::before {
  background: #ea6061;
}
.subject-box span.blue::before {
  background: #56ccf2;
}
.subject-box span.green::before {
  background: #6fcf97;
}
.subject-box span.lightyellow::before {
  background: #f2c94c;
}
.subject-box .dropdown {
  float: right;
  position: relative;
}
.subject-box .dropdown > a {
  font-size: 20px;
  line-height: 12px;
  color: #000;
}
.asses-about.topic .asses-about-area .info {
  margin-bottom: 131px;
}
.asses-about.topic .asses-about-area .item-wrap {
  max-width: 554px;
}
.attempt-info figure {
  width: 30px;
  float: left;
}
.attempt-info span {
  float: left;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  padding-left: 13px;
  color: #2c2b2b;
}
.attempt-time-info figure {
  width: 30px;
  float: left;
}
.attempt-time-info span {
  float: left;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #2c2b2b;
  padding-left: 8px;
}
.attempt-result figure {
  width: 30px;
  float: left;
}
.attempt-result span {
  float: left;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  padding-left: 13px;
  color: #2c2b2b;
}
.chapter-box .date-time {
  margin-bottom: 28px;
}
.chapter-box .date-time span {
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
.practice-btn.view-report {
  margin: 30px 0;
}
.asses-overview {
  padding: 0 0 50px 0;
}
.asses-overview-area {
  padding: 0 19px;
  margin-bottom: 50px;
}
.asses-overview-area h3 {
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  color: #000;
  margin-bottom: 21px;
}
.asses-overview-area .item {
  border: 1px solid #c4c4c4;
  padding: 21px 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-bottom: 30px;
}
.asses-overview-area .item .title h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 33px;
  color: #000;
}
.asses-overview-area .item .info {
  padding: 30px 0;
}
.asses-overview-area .item span {
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  color: #2c2b2b;
}
.result-overview {
  padding-top: 80px;
}
.result-overview-area {
  max-width: 1110px;
  margin-bottom: 50px;
}
.result-overview-box {
  box-shadow: 0px 0px 24px rgba(138, 138, 138, 0.15);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 15px;
  margin: 0 auto;
  display: table;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.result-overview-box .title h4 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #2c2c2c;
}
.result-overview-box .box-content {
  display: table;
  margin: 50px 0;
}
.result-overview-box .box-content figure {
  width: 75px;
  height: 75px;
  margin: 0 auto;
}
.result-overview-box .box-content .info {
  display: block;
  text-align: center;
}
.result-overview-box .box-content .info span {
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  color: #2c2b2b;
}
.result-overview-box .bottom-info span {
  font-size: 14px;
  line-height: 17px;
  color: #a6a6a6;
}
.overview-board-area .tabs ul.nav-tabs {
  max-width: 1362px;
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
.overview-board-area .tabs ul.nav-tabs {
  border-bottom: 0 !important;
}
.overview-board-area .tabs.std-performance ul.nav-tabs {
  margin-left: 400px;
}
.overview-board-area .tabs.std-performance .course-tab ul.nav-tabs {
  margin-left: 0px !important;
}
.overview-board-area .tabs.std-performance .course-tab ul.nav-tabs li {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.overview-board-area ul li {
  position: relative;
}
.overview-board-area.assessTeacher-Side ul li {
  position: relative;
  width: 16%;
}
.overview-board-area .tabs ul.nav-tabs li figure {
  display: table;
  margin-bottom: 20px;
}
.overview-board-area .tabs ul.nav-tabs li a {
  display: block;
  color: #525356;
  border: 0 !important;
  border-right: 2px solid #e3e3e4 !important;
  padding: 20px 0 15px 0;
}
.overview-board-area .tabs ul.nav-tabs li:last-child a {
  border-right: 0 !important;
}
.overview-board-area .tabs ul.nav-tabs li a::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 100%;
  height: 5px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.overview-board-area .tabs ul.nav-tabs li a.active::after {
  background: #4c73e6;
}
.overview-board-area .tabs .tab-content .selection-wrap ul li a::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 5px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.overview-board-area .tabs .tab-content .selection-wrap ul {
  margin-bottom: 30px;
}
.overview-board-area .tabs .tab-content .selection-wrap ul li a {
  border-right: 0 !important;
}
.overview-board-area .tabs .tab-content .selection-wrap ul li a.active::after {
  background: #4c73e6;
}
.overview-board-area .tabs .tab-content .selection-wrap ul li a span {
  max-width: initial;
}
.overview-board-area .tabs ul.nav-tabs li a span {
  display: block;
}
.overview-board-area .tabs ul.nav-tabs li a span:first-child {
  min-height: initial;
}
.overview-board-area .tabs ul.nav-tabs li a h5 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.overview-board-area .tabs ul.nav-tabs li a:hover,
.overview-board-area .tabs ul.nav-tabs li a.active,
.overview-board-area .tabs ul.nav-tabs li a:focus {
  background: none !important;
  color: inherit !important;
}
.board .heading {
  padding: 8px 0;
}
.board .heading ul.info {
  padding-left: 40px;
}
.board .heading ul.info li {
  font-size: 25px;
  line-height: 29px;
  color: #000;
  padding: 10px 11px;
}
.board .heading ul.info li a {
  display: block;
}
.board .heading ul.info li.count {
  min-width: 113px;
  background: var(--primary);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 0 19px 0 22px;
}
.board .heading ul.info li.count span {
  float: left;
  display: block;
  min-width: 30px;
}
.board .heading .btn-group {
  display: table;
  float: right;
}
.board .heading .btn-group ul li {
  margin-left: 30px;
}
.board .heading .btn-group ul li.edit {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.board .heading .btn-group ul li.calc {
  background: #00d9f5;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.board .heading .btn-group ul li.edit a {
  display: block;
  padding: 10px;
}
.board .heading .btn-group ul li.calc a {
  display: block;
  padding: 10px;
}
.board .heading .btn-group ul li.report {
  font-weight: 700;
  font-size: 20px;
  border: 1px solid #c4c4c4;
  height: 49px;
  line-height: 49px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.board .heading .btn-group ul li.report a {
  color: #000;
}
.board .heading .btn-group ul li.report a {
  display: block;
  padding: 0 18px;
  color: #000;
}
.board .title {
  padding: 8px 40px 6px 40px;
  background:
    linear-gradient(
      90deg,
      #1488cc 0%,
      #2b32b2 100%);
}
.board .title.question-header-panel {
  background: #2b32b222;
  color: #212121;
}
.board .title h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  padding: 5px 0 8px 0;
}
.board .title .title-right {
  display: table;
}
.board .title .title-right ul li {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  margin-left: 10px;
}
.board .title .title-right ul li:first-child {
  padding: 5px 0 8px 0;
  margin-right: 20px;
}
.board .title .title-right ul li.number {
  min-width: 36px;
  background: #f4f4f7;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #000;
  padding: 7px;
  text-align: center;
}
.question-box {
  padding: 35px 40px;
  min-height: 400px;
  padding: 30px;
}
.question-box.instruction {
  position: relative;
  z-index: 9999;
}
.question-header,
.question-item {
  font-size: 22px;
  line-height: 30px;
}
.question-item .MathJax {
  display: inline-block;
}
.answer-box {
  padding: 0 5px;
}
.answer-box ul {
  counter-reset: listStyle;
}
.answer-box ul li {
  counter-increment: listStyle;
  font-size: 20px;
  line-height: 33px;
  color: #000;
  opacity: 0.8;
  margin-bottom: 20px;
}
.answer-box ul li::before {
  display: inline-block;
  content: counter(listStyle, upper-alpha);
  width: 55px;
  height: 55px;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  border: 1px solid #4c73e6;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  padding: 8px;
}
.question-answers {
  margin-bottom: 20px;
}
.question-answers label .checkmark {
  display: inline-block;
  width: 55px;
  height: 55px;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  border: 1px solid #4c73e6;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  padding: 8px;
}
.question-answers label:hover input ~ .checkmark {
  background-color: #f6f6f6;
}
.question-answers label input:checked ~ .checkmark {
  background-color: #0253d5;
  color: #fff;
  border-color: transparent;
}
.question-answers .answer-text {
  color: #000;
  padding: 7px 0px;
  font-size: 20px;
  line-height: 30px;
}
.question-answers .green .checkmark {
  background-color: #6fcf97 !important;
  border-color: #6fcf97 !important;
  color: #fff !important;
}
.question-answers .red .checkmark {
  background-color: #f15454 !important;
  border-color: #f15454 !important;
  color: #fff !important;
}
.answer-box.no-content ul li::before {
  display: none;
}
.answer-box .checkbox-group {
  height: 0;
}
.answer-box .checkbox-group label {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 24px;
}
.answer-box .checkbox-group label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.answer-box .checkmark {
  position: absolute;
  top: -13px;
  left: 0;
  width: 26px;
  height: 26px;
  border: 3px solid #000;
  opacity: 0.8;
}
.answer-box .checkbox-group label:hover input ~ .checkmark {
  background-color: #f6f6f6;
}
.answer-box .checkbox-group label input:checked ~ .checkmark {
  background-color: #0253d5;
  border-color: transparent;
}
.answer-box .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.answer-box .checkbox-group label input:checked ~ .checkmark:after {
  display: block;
}
.answer-box .checkbox-group label .checkmark::after {
  left: 5px;
  top: 1px;
  width: 9px;
  height: 14px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.answer-box ul li .answer {
  max-width: calc(100% - 55px);
  float: left;
}
.answer-box ul li .answer > span {
  display: block;
  float: left;
  line-height: 23px;
  padding: 14px 15px 15px 70px;
  opacity: 0.8px;
}
.clear-btn,
.review-next-btn,
.save-btn,
.previous-btn,
.save-next-btn,
.run-code-btn,
.answer-box form button {
  font-weight: 700;
  font-size: 16px;
  float: left;
  height: 36px;
  line-height: 36px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-right: 10px;
}
.clear-btn a,
.review-next-btn a,
.save-btn a,
.previous-btn a,
.save-next-btn a,
.run-code-btn a {
  display: block;
  padding: 0 10px;
}
.clear-btn {
  background: #6D4C03;
}
.review-next-btn {
  background: #33abd1;
}
.save-btn {
  background: #107ebd;
}
.previous-btn {
  background: #f15454;
}
.save-next-btn {
  background: #06602D;
  margin-right: 0;
}
.save-next-btn.instruction {
  position: relative;
  z-index: 9999;
}
.finish-btn.instruction {
  position: relative;
  z-index: 9999;
}
.instruction.fixed-bottom {
  z-index: 9998;
}
.clear-btn.instruction {
  position: relative;
  z-index: 9999;
}
.review-next-btn.instruction {
  position: relative;
  z-index: 9999;
}
.save-btn.instruction {
  position: relative;
  z-index: 9999;
}
.previous-btn.instruction {
  position: relative;
  z-index: 9999;
}
.accordion.instruction {
  position: relative;
  z-index: 9999;
}
.statics ul.instruction {
  position: relative;
  z-index: 9999;
  padding: 15px 15px !important;
}
.left-btn-group {
  padding: 0 30px;
}
.right-btn-group {
  display: table;
}
.board .button-group {
  padding: 19px 0;
}
.statics {
  padding-top: 90px;
}
.statics ul {
  background: #f4f4f7;
  padding: 15px 0 !important;
}
.statics ul li {
  width: 50%;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #000;
  margin-bottom: 20px;
}
.statics ul li span {
  float: left;
  display: block;
  width: 80%;
  padding-top: 11px;
  padding-left: 15px;
  font-size: 14px;
  line-height: 16px;
}
.statics ul li .number {
  float: left;
  width: 47px;
  height: 47px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.statics ul li .number span {
  position: relative;
  float: none;
  display: block;
  line-height: 47px;
  min-width: 47px;
}
.statics ul li .number span.circle::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 15px;
  height: 15px;
  background: #08db62;
  border-radius: 15px;
  -webkit-border-radius: 15px;
}
.statics ul li .number.red {
  background: #f15454;
}
.statics ul li .number.blue {
  background: #107ebd;
}
.statics ul li .number.green {
  background: #08db62;
}
.statics .item {
  overflow: hidden;
}
.statics .item button {
  position: relative;
  width: 100%;
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  padding: 15px 40px 15px 15px;
}
.accordion .header button::after {
  content: "";
  position: absolute;
  top: 23px;
  right: 40px;
  width: 25px;
  height: 25px;
  background: url("./media/angle-up.png") no-repeat 0 0;
  background-size: contain;
}
.accordion .header button.collapsed::after {
  background: url("./media/angle-down.png") no-repeat 0 0;
  background-size: contain;
}
.accordion .header button#collapsed::after {
  background: url("./media/angle-down.png") no-repeat 0 0;
}
.accordion .card-header .angle::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("./media/angle-down.png") no-repeat 0 0;
  background-size: contain;
}
.accordion .panel-open .card-header .angle::after {
  background: url("./media/angle-up.png") no-repeat 0 0;
  background-size: contain;
}
.accordion button.collapsed .fa-angle-up {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.statics .item button:focus {
  outline: 0;
  box-shadow: none;
}
.statics .item .collapse {
  overflow: auto;
  max-height: 308px;
}
#collapseOne {
  padding: 9px 74px 0 10px;
}
#collapseTwo {
  padding: 9px 74px 0 10px;
}
#collapseThree {
  padding: 9px 74px 0 10px;
}
#collapseFour {
  padding: 9px 74px 0 10px;
}
.statics .item table {
  border-collapse: separate;
  border-spacing: 20px;
}
.statics .item table tbody tr td {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  position: relative;
  border: 0;
  background: #fff;
  -webkit-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #000;
  padding: 5px;
  line-height: 37px;
}
.statics .item table tbody tr td.red {
  background: #f15454;
  color: #fff;
}
.statics .item table tbody tr td.blue {
  background: #107ebd;
  color: #fff;
}
.statics .item table tbody tr td.green {
  background: #08db62;
  color: #fff;
}
.statics ul li .number span.circle::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 15px;
  height: 15px;
  background: #08db62;
  border-radius: 15px;
  -webkit-border-radius: 15px;
}
.nicescroll-rails {
  background: transparent !important;
  opacity: 1 !important;
}
.nicescroll-cursors {
  border-radius: 0 !important;
  border: 0 !important;
}
.answer-box .input-field input {
  border: 1px solid #c4c4c4 !important;
  border-radius: 0;
  background: #c4c4c4;
  height: calc(1.75em + 1rem + 4px);
}
.answer-box .input-field input:focus {
  outline: 0;
  box-shadow: none;
}
.answer-box textarea {
  border: 1px solid #c4c4c4 !important;
  border-radius: 0;
  min-height: 330px;
}
.answer-box textarea:focus {
  outline: 0;
  box-shadow: none;
}
.answer-box form button {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  padding: 0 14px;
  margin-top: 16px;
}
.answer-box form button:focus {
  outline: 0;
  box-shadow: none;
}
.capture-btn {
  float: left;
  display: none;
  margin-left: 16px;
}
.question-item span input {
  border-bottom: 1px solid #000 !important;
  min-width: 195px;
  max-width: 195px;
  line-height: 25px;
  height: 25px;
}
.question-item span input:focus {
  outline: 0;
}
.statics .item button#active {
  margin-bottom: 0;
}
.statics .item button#active + div {
  display: block;
}
.qest-panel-btn {
  display: table;
  position: relative;
  max-width: 238px;
  height: 50px;
  line-height: 50px;
  font-weight: 700;
  font-size: 20px;
  background:
    linear-gradient(
      90deg,
      #1488cc 0%,
      #2b32b2 100%);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-right: 40px;
}
.qest-panel-btn a {
  display: block;
  padding: 0 10px;
}
.coding-left {
  width: 30%;
  float: left;
}
.coding-left .item {
  padding: 0 10px !important;
}
.coding-left .item h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #000;
  padding: 14px 25px 13px 25px;
}
.coding-left .item textarea {
  overflow: auto;
  resize: none;
  border: 0;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  border-radius: 0;
  -webkit-border-radius: 0;
  min-height: 100px;
}
.coding-left .item textarea:focus {
  box-shadow: none;
  outline: none;
}
.coding-window {
  width: 70%;
  float: left;
  border: 1px solid #c4c4c4;
  border-top: 0;
}
.coding-window-title h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #000;
}
.coding-window-title .button-group {
  display: table;
  padding: 7px 22px !important;
}
.coding-window-title ul li.dropdown {
  min-width: 125px;
  margin: 0 18px;
  font-size: 24px;
  line-height: 28px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.coding-window-title ul li.dropdown a {
  color: #000;
  padding: 4px 15px 4px 15px;
}
.coding-window-title ul li.dropdown a.dropdown-toggle::after {
  position: absolute;
  top: 50%;
  right: 11.17px;
  transform: translateY(-50%);
  width: 12px;
  height: 10px;
  border: 0;
  background: url("./media/dropdown-icon.png");
  background-size: contain;
}
.coding-window-title ul li.download-btn,
.coding-window-title ul li.window-btn,
.coding-window-title ul li.moon-btn {
  width: 36px;
  height: 36px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-left: 10px;
}
.coding-window-title ul li a {
  display: block;
}
.coding-window-title ul li.download-btn a,
.coding-window-title ul li.window-btn a {
  padding: 9px 10px;
}
.coding-window-title ul li.moon-btn {
  background: #000;
}
.coding-window-title ul li.moon-btn a {
  padding: 8px 9px;
}
.coding-window .CodeMirror {
  resize: none;
  border: 0;
  border-top: 1px solid #c4c4c4;
  border-radius: 0;
  -webkit-border-radius: 0;
  min-height: 550px;
  padding-bottom: 30px;
}
.coding-window-title ul li.moon-btn figure.light {
  display: none;
}
.coding-window-title ul li.moon-btn.bg-white figure.light {
  display: block;
}
.coding-window-title ul li.moon-btn.bg-white figure.moon {
  display: none;
}
.coding-window-textfield {
  position: relative;
}
.run-code-btn {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
}
.modal {
  height: 100%;
}
.modal img,
.modal svg {
  max-width: 100%;
}
.modal-content {
  border: 0;
  border-radius: 15px;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.modal-header {
  padding: 15px;
  background-color: #F1F3F4;
  border-radius: 15px 15px 0px 0px;
  border-bottom: none;
}
.modal-header h5 {
  font-size: 16px;
  line-height: 18px;
  color: #000;
}
.modal-header h5 span.text-danger {
  color: #ea6061;
}
.modal-body .answer-box ul li::before {
  display: none;
}
.modal-body .answer-box ul li {
  font-size: 20px;
  line-height: 23px;
  color: #000;
  margin-bottom: 14px;
}
.modal-body .answer-box ul li .answer > span {
  float: none;
  display: block;
  padding: 0 0 0 36px;
}
.modal-body .answer-box ul li a {
  color: #000;
}
.modal-body .answer-box {
  margin-bottom: 0;
  float: none;
}
.modal-body {
  padding: 0 15px 15px 15px;
}
.modal-footer {
  padding: 15px;
}
.modal-body .answer-box .checkmark {
  left: 0;
  height: 20px;
  width: 20px;
  border: 1.5px solid #c4c4c4;
}
.modal-body .answer-box .checkbox-group label .checkmark::after {
  top: 0px;
  left: 4px;
}
.modal-body .answer-box .checkbox-group label {
  margin-left: 0;
}
.modal-dialog {
  max-width: 680px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 3.5rem);
}
@media screen and (max-width: 1200px) {
  .modal-dialog.modal-fullscreen-xl-down {
    max-width: none !important;
  }
}
.modal-dialog.modal-tutorial {
  max-width: 350px;
}
.modal-dialog.modal-xl {
  max-width: 800px;
}
.modal-dialog.modal-xxl {
  max-width: calc(100vw - 100px);
}
.modal-dialog.question-import {
  max-width: 1350px;
}
.modal-dialog.modal-sm {
  max-width: 500px;
}
.modal-dialog.modal-xs {
  max-width: 400px;
}
.modal-dialog.tts-modal {
  max-width: 300px;
}
.question-import .question-list {
  max-height: 500px;
  overflow: auto;
  background: #f4f4f7;
}
.modal-body .answer-box ul li textarea {
  min-height: 200px;
  background: #f4f3f3;
  overflow: auto;
  resize: none;
  margin-top: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 0 !important;
}
.modal-body .answer-box ul li .answer {
  float: none;
}
.right-btn-group .answer-box ul li::before {
  display: none;
}
.right-btn-group .answer-box ul li .answer {
  margin-left: 32px;
}
.right-btn-group .answer-box .checkmark {
  height: 26px;
  width: 26px;
  border: 3px solid #000;
  top: -12px;
}
.right-btn-group .answer-box ul li .answer > span {
  font-size: 20px;
  line-height: 23px;
  padding-left: 70px;
}
.right-btn-group .answer-box {
  float: left;
}
.right-btn-group .btn-group {
  float: right;
}
.right-btn-group #collapseBox {
  float: left;
  width: 100%;
  padding: 10px 12px 20px 35px;
}
.right-btn-group #collapseBox label {
  position: absolute;
  top: -45px;
  left: 5px;
  font-size: 20px;
  line-height: 23px;
  color: #000;
  opacity: 0.8;
  padding-bottom: 30px;
}
.right-btn-group #collapseBox textarea {
  overflow: auto;
  resize: none;
  border: 1px solid #c4c4c4;
  border-radius: 0;
  -webkit-border-radius: 0;
  min-height: 200px;
}
.button-group-wrap {
  padding: 0 10px;
}
.left-btn-group.left-align {
  float: left;
  width: 36%;
}
.right-btn-group.right-align {
  float: right;
  width: 64%;
}
.qest-panel-btn .dropdown-toggle::after {
  display: none;
}
.qest-panel-btn .dropdown-menu {
  min-width: 620px;
  padding: 0 0;
  margin: 0.125rem 0 0;
  background: #f4f4f7;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 0px 36px 10px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 0px 36px 10px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 0px 36px 10px rgba(0, 0, 0, 0.13);
}
.qest-panel-btn.dropdown.open .dropdown-menu {
  display: block;
}
.qest-panel-btn .dropdown-menu ul li {
  width: 50%;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #000;
}
.qest-panel-btn .dropdown-menu ul li span {
  float: left;
  display: block;
  width: 80%;
  padding-top: 11px;
  padding-left: 15px;
}
.qest-panel-btn .dropdown-menu ul li .number {
  float: left;
  width: 47px;
  height: 47px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.qest-panel-btn .dropdown-menu ul li .number span {
  position: relative;
  float: none;
  display: block;
  line-height: 47px;
  min-width: 47px;
}
.qest-panel-btn .dropdown-menu ul li .number.red {
  background: #f15454;
}
.qest-panel-btn .dropdown-menu ul li .number.blue {
  background: #107ebd;
}
.qest-panel-btn .dropdown-menu ul li .number.green {
  background: #08db62;
}
.qest-panel-btn .dropdown-menu ul li .number span.circle::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 15px;
  height: 15px;
  background: #08db62;
  border-radius: 15px;
  -webkit-border-radius: 15px;
}
.qest-panel-btn .dropdown-menu .accordion button {
  position: relative;
  width: 100%;
  display: block;
  font-weight: 700;
  font-size: 25px;
  line-height: 29px;
  color: #000;
  padding: 15px 40px 16px 40px;
}
.qest-panel-btn .dropdown-menu .accordion button:focus {
  outline: 0;
  box-shadow: none;
}
.qest-panel-btn .dropdown-menu .accordion .header button::after {
  content: "";
  position: absolute;
  top: 23px;
  right: 40px;
  width: 25px;
  height: 25px;
  background: url("./media/angle-up.png") no-repeat 0 0;
  background-size: contain;
}
.qest-panel-btn .dropdown-menu .accordion .header button.collapsed::after {
  background: url("./media/angle-down.png") no-repeat 0 0;
  background-size: contain;
}
.qest-panel-btn .dropdown-menu .accordion .item table {
  border-collapse: separate;
  border-spacing: 20px;
}
.qest-panel-btn .dropdown-menu .accordion .item table tbody tr td {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  position: relative;
  border: 0;
  background: #fff;
  -webkit-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #000;
  padding: 5px;
  line-height: 37px;
}
.qest-panel-btn .dropdown-menu .accordion .item table tbody tr td.red {
  background: #f15454;
  color: #fff;
}
.qest-panel-btn .dropdown-menu .accordion .item table tbody tr td.blue {
  background: #107ebd;
  color: #fff;
}
.qest-panel-btn .dropdown-menu .accordion .item table tbody tr td.green {
  background: #08db62;
  color: #fff;
}
.qest-panel-btn .dropdown-menu .accordion .item .collapse {
  overflow: auto;
  max-height: 308px;
}
.result {
  width: 70%;
  float: right;
  margin-top: 20px;
}
.result-board-title {
  padding: 10px 30px;
  border-bottom: 1px solid #c4c4c4;
}
.result-board-title h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #000;
}
.result-board-title h4 span {
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  color: #ea6061;
}
.result-board-wrap {
  padding: 25px 30px;
}
.result-info h5 {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #000;
}
.result-info span {
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
.result-board {
  position: relative;
  margin-bottom: 23px;
}
.result-board::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 100%;
  background: #ea6061;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.result-board.correct::before {
  background: #6fcf97;
}
.output-info {
  margin-bottom: 8px;
}
.output-info h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #000;
  margin-bottom: 4px;
}
.output-info p {
  font-size: 14px;
  line-height: 16px;
  color: #ea6061;
}
.output-info.correct p {
  color: #6fcf97;
}
#collapseBox-m textarea {
  border: 0.75px solid #c4c4c4;
  min-height: 100px;
  margin-bottom: 20px;
  resize: none;
  overflow: auto;
}
#collapseBox-m label {
  font-size: 13.8824px;
  line-height: 16px;
  margin-bottom: 20px;
}
.video-gallery {
  max-width: 1448px;
  margin-bottom: 50px;
  padding: 0 19px;
}
.video-box {
  padding: 0 10px;
}
.video-gallery-wrap {
  margin: 0 -25px;
}
.video-box h5 {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #000;
  margin-top: 20px;
}
.back-btn {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  margin-top: 30px;
}
.back-btn a {
  color: #000;
  text-decoration: underline;
}
.asses-about-area .info.instruction p {
  margin-bottom: 16px;
}
.modal-backdrop.show {
  opacity: 0.7;
}
.modal-body h2 {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #000;
}
.modal-dialog.instruction {
  max-width: 455px;
}
.modal-footer .run-code-btn {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  min-width: 85px;
  height: 41px;
  line-height: 41px;
}
.card-box.instruction-four {
  right: initial;
  left: 50px;
}
.card-box {
  overflow: hidden;
  position: absolute;
  right: 50px;
  bottom: 60px;
  width: 455px;
  background: #c4c4c4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  z-index: 9999;
}
.card-box-inner {
  padding: 20px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.card-box-content {
  padding: 10px;
}
.card-box-content p {
  font-size: 18px;
  line-height: 25px;
  color: #000;
}
.card-box-footer {
  position: relative;
  background: #fff;
  padding: 15px 20px 20px 20px;
}
.card-box-footer .inner {
  display: table;
}
.card-box-footer ul li {
  font-weight: 700;
  font-size: 18px;
  line-height: 41px;
}
.card-box-footer ul li a {
  color: #8a8a8a;
}
.card-box-footer ul li .run-code-btn {
  font-weight: 700;
  font-size: 18px;
  line-height: 41px;
  height: 41px;
  min-width: 80px;
  margin-left: 30px !important;
}
.card-box-wrap {
  position: relative;
}
.indicators {
  position: absolute;
  top: 25px;
  left: 15px;
  z-index: 99;
}
.indicators ul li {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #c4c4c4;
  margin-right: 5px;
}
.indicators ul li.active {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
}
.indicators ul li a {
  display: block;
  height: 10px;
  width: 10px;
}
.instruction .modal-body {
  padding: 30px 30px;
  margin-bottom: 10px;
}
.instruction .modal-footer {
  padding: 20px 20px 20px 20px;
}
.instruction .modal-content {
  border-radius: 10px;
}
.instruction .modal-content .answer-box ul li::before {
  display: none;
}
.instruction .modal-content .answer-box ul li .answer > span {
  font-size: 14px;
  line-height: 16px;
  padding: 12px 0 7px 46.5px;
}
.instruction .modal-content .answer-box .checkmark {
  width: 15px;
  height: 15px;
  border: 1.5px solid #c4c4c4;
}
.instruction .modal-content .answer-box .checkbox-group label .checkmark::after {
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
}
.instruction .modal-content .answer-box {
  margin-left: -20px !important;
}
.filter-label .checkbox-group {
  height: 0;
}
.filter-label .checkbox-group label {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 24px;
}
.filter-label .checkbox-group label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.filter-label .checkmark {
  position: absolute;
  top: -18px;
  left: -25px;
  width: 24px;
  height: 24px;
  border: 1px solid #72767d;
  opacity: 0.8;
}
.filter-label .checkbox-group label:hover input ~ .checkmark {
  background-color: #f6f6f6;
}
.filter-label .checkbox-group label input:checked ~ .checkmark {
  background-color: #fff;
}
.filter-label .checkmark:after {
  content: "";
  position: absolute;
}
.filter-label .checkbox-group label input:checked ~ .checkmark:after {
  display: none;
}
.filter-label .checkbox-group label .checkmark::after {
  left: 7px;
  top: 2px;
  width: 9px;
  height: 14px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.filter-label > span {
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #525356;
  padding-left: 39px;
}
.filter-label.clearfix {
  margin-bottom: 10px;
}
.ratings {
  padding: 77px 0;
}
.ratings-area {
  max-width: 700px;
  padding: 30px 50px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.ratings-area .heading {
  margin-bottom: 17.83px;
}
.ratings-area .heading h4 {
  font-size: 30px;
  line-height: 35px;
  color: #000;
}
.ratings-area .heading h5 {
  font-size: 20px;
  line-height: 23px;
  color: #000;
  margin-top: 10px;
}
.ratings-area .heading h5 span {
  color: #4926F7;
}
.ratings-area .stars {
  display: table;
}
.ratingOne {
  margin-bottom: 16px;
}
.ratings-area .stars ul li {
  margin: 0 6.75px;
  cursor: pointer;
}
.ratings-area .stars ul li a {
  display: block;
}
.ratings-area .info {
  display: table;
  margin: 25px 0 43px 0;
  max-width: 417px;
}
.ratings-area .info .title {
  margin-bottom: 20px;
}
.ratings-area .info .title h4 {
  font-size: 20px;
  line-height: 23px;
  color: #000;
}
.ratings-area .info .title h4 span {
  color: #ea6061;
}
.ratings-area .info .title h4 span.blue {
  color: #7a62f9;
}
.ratings-area .info ul li {
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  padding: 0 17px;
  width: 24%;
  color: #000;
}
.ratings-area .info .box {
  width: 70.7px;
  height: 89.98px;
  border: 0.642738px solid #8a8a8a;
  border-radius: 6.42738px;
  margin-bottom: 8px;
}
.ratings-area .info ul li {
  cursor: pointer;
}
.ratings-area .info ul li.changed .box {
  background: #f8f9fa;
}
.ratings-area form textarea {
  font-size: 14px;
  line-height: 16px;
  overflow: auto;
  resize: none;
  min-height: 141px;
  border: 1px solid #8a8a8a;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.ratings-area form textarea:focus {
  box-shadow: none !important;
  border: 1px solid #8a8a8a;
}
.ratings-area form textarea::placeholder {
  font-size: 10.5px;
  line-height: 12px;
  color: #808080;
}
.ratings-area form {
  margin-top: 12px;
}
.ratings-area form button {
  position: initial;
  display: table;
  width: 100%;
  max-width: 344px;
  height: 55px;
  line-height: 55px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-top: 29px;
}
.ratings-area form button:focus {
  box-shadow: none;
}
.help .btn-groups .title {
  float: left;
}
.help .btn-groups .title h5 {
  font-size: 18px;
  line-height: 21px;
  color: #525356;
}
.help .btn-groups ul {
  float: right;
  margin-bottom: 18px;
}
.help .btn-groups ul li {
  min-width: 62px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #8a8a8a;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 16px;
  margin: 0 5px;
}
.help .btn-groups ul li a {
  display: block;
  padding: 0 5px;
  color: #676767;
  transition: none;
}
.yes-no li.active {
  color: #fff !important;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
}
.yes-no li.active a {
  color: #fff !important;
}
.help .btn-groups ul.yes-no li.yes#clicked {
  border-color: #47dc98;
}
.help .btn-groups ul.yes-no li.yes#clicked a {
  color: #47dc98;
}
.help .btn-groups ul.yes-no li.no#clicked {
  border-color: #f15454;
}
.help .btn-groups ul.yes-no li.no#clicked a {
  color: #f15454;
}
.star {
  width: 90px;
  height: 90px;
  margin-top: -11px;
}
.error-analysis {
  padding: 90px 0;
  max-width: 1660px;
}
.error-analysis .sidebar {
  padding: 0 20px;
  float: left;
  width: 22%;
}
.error-analysis .sidebar .title {
  margin-bottom: 8px;
}
.error-analysis .sidebar .title h4 {
  font-weight: 700;
  font-size: 13.3333px;
  line-height: 16px;
  color: #000;
}
.error-analysis .sidebar ul li {
  font-size: 14px;
  line-height: 20px;
  color: #676767;
  margin-bottom: 10px;
  width: 100%;
}
.error-analysis .sidebar ul li a {
  color: #676767;
  background: transparent !important;
  border-right: 0 !important;
}
.error-analysis .sidebar ul li a.active {
  background: #f0f0f0 !important;
  padding: 5px 10px !important;
  border-radius: 4px;
  font-weight: 700;
  color: #000 !important;
}
.error-analysis .sidebar ul li a.active::after {
  display: none;
}
.error-analysis-area {
  float: left;
  width: 78%;
}
.error-analysis-area .item {
  box-shadow: 0px 0px 24px rgb(138 138 138 / 15%);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 15px;
  margin-bottom: 16px !important;
  background-color: #fff;
}
.error-analysis-area .item .item-wrap .title h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #000;
}
.error-analysis-area .item span {
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  color: #2c2b2b;
}
.error-analysis-area .item .content {
  padding: 27px 0 18px 0;
}
.error-analysis-area .accordation-area {
  padding-top: 80px;
}
.error-analysis-area .accordation-area .accordion .title {
  margin-bottom: 8px;
}
.error-analysis-area .accordation-area .accordion .title h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #000;
}
.error-analysis-area .accordation-area .accordion .area {
  background: #f4f3f3;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.error-analysis-area .accordation-area .accordion .area button.btn-accordion-header:focus {
  outline: 0;
}
.error-analysis-area .accordation-area .accordion .area button.btn-accordion-header {
  background: transparent;
}
.error-analysis-area .accordation-area .accordion .area .ques {
  max-width: 620px;
}
.error-analysis-area .accordation-area .accordion .area .number span,
.taken-time span,
.average-time span {
  font-size: 16px;
  line-height: 18px;
  color: #000;
}
.error-analysis-area .accordation-area .accordion .area .ques span {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #4b4b4b;
}
.selection form .checkbox-group {
  height: 0;
}
.selection > span {
  display: block;
  float: left;
  line-height: 26px;
  padding: 14px 15px 15px 80px;
  opacity: 0.8px;
}
.selection label {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 24px;
}
.selection label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.selection label .checkmark {
  position: absolute;
  top: -13px;
  left: 0;
  width: 41.45px;
  height: 41.45px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  border: 0.753571px solid #4c73e6;
  opacity: 0.8;
  font-size: 18px;
  line-height: 38px;
  color: #000;
}
.selection label .checkmark.green {
  background: #6fcf97 !important;
  border-color: transparent;
  color: #fff;
}
.selection label .checkmark.red {
  background: #f15454 !important;
  border-color: transparent;
  color: #fff;
}
.selection label input:checked ~ .checkmark.green {
  background: #6fcf97 !important;
  color: #fff;
  border-color: transparent;
}
.selection label input:checked ~ .checkmark.red {
  background: #f15454 !important;
  color: #fff;
  border-color: transparent;
}
.error-analysis-area .accordation-area .accordion .area {
  padding: 27px 0 20px 0;
}
.error-analysis-area .accordation-area .accordion .area button {
  position: relative;
}
.error-analysis-area .accordation-area .accordion .area .heading button::after {
  content: "";
  position: absolute;
  top: 6px;
  right: -165px;
  width: 21px;
  height: 10px;
  background: url("./media/angle-down.png") no-repeat 0 0;
  background-size: contain;
}
.error-analysis-area .accordation-area .accordion .area .heading button.active::after {
  background: url("./media/angle-up.png") no-repeat 0 0;
  background-size: contain;
}
.error-analysis-area .accordation-area .accordion .area .number {
  padding: 0 45px;
}
.selection-wrap {
  padding: 0 85px;
  margin: 25px 0 0 0;
}
.selection-wrap.code {
  padding: 0 60px 0 110px;
}
.selection-wrap.code pre {
  padding: 10px 11px !important;
}
.selection-wrap.code pre code {
  font-size: 20px;
  line-height: 27px;
  color: #4b4b4b;
}
.selection-wrap.code ul.nav-pills {
  border-bottom: 1px solid #c4c4c4;
}
.selection-wrap.code ul.nav-pills li {
  width: initial;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  margin-right: 40px;
}
.selection-wrap.code ul.nav-pills li a {
  color: #4b4b4b;
  padding: 20px 0 !important;
}
.selection-wrap.code ul.nav-pills li a.active {
  color: #5251ab;
}
.selection-wrap.code ul.nav-pills a.nav-link.active {
  background-color: #f4f3f3;
  border-bottom: 3px solid #5251ab;
  border-radius: 0;
}
.selection-wrap.code .code-wrap form {
  margin-top: 30px;
  margin-bottom: 20px;
}
.selection-wrap.code .code-wrap form textarea {
  min-height: 100px !important;
  overflow: auto;
  resize: none;
}
.selection-wrap.code .code-wrap .heading {
  margin-bottom: 20px;
}
.selection-wrap.code .code-wrap .heading .dropdown {
  display: table;
  font-size: 18px;
  line-height: 21px;
}
.selection-wrap.code .code-wrap .heading .dropdown > a {
  display: block;
  min-width: 125px;
  color: #000;
  padding: 7px 13px 7px 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.selection-wrap.code .code-wrap .heading .dropdown a.dropdown-toggle::after {
  float: right;
  margin-top: 8px;
}
.selection-wrap.code .code-wrap .heading h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #4b4b4b;
}
.selection-wrap.code .tab-pane .info {
  margin-bottom: 30px;
}
.selection-wrap.code .tab-pane .info form label {
  font-size: 20px;
  line-height: 26px;
  color: #000;
  padding: 16px 0;
  margin-right: 20px;
}
.selection-wrap.code .tab-pane .info form .input-group {
  margin-bottom: 20px;
}
.selection-wrap.code .tab-pane .info form .input-group pre code {
  font-size: 20px;
  line-height: 27px;
  color: #f15454;
}
.selection-wrap.code .tab-pane .info form input {
  font-size: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  height: calc(1.75em + 1.75rem + 9px);
}
.selection-wrap.code .tab-pane .info form input:focus {
  box-shadow: none;
  outline: 0;
}
.selection-wrap.code .tab-pane .info .heading {
  padding: 14px 0;
}
.selection-wrap.code .tab-pane .info .heading h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
}
.selection-wrap.code .tab-pane .info span {
  font-size: 20px;
  line-height: 23px;
  color: #4b4b4b;
  margin-bottom: 6px;
}
.selection-wrap.code .tab-pane .info .count {
  display: table;
  font-size: 20px;
  line-height: 23px;
}
.selection-wrap.code .tab-pane .info .count span {
  color: #4b4b4b;
}
.selection-wrap.code .tab-pane .info .heading h4 {
  color: #000;
}
.selection-wrap .exp {
  padding: 20px 23px;
}
.error-analysis-area .accordation-area .taken-time {
  padding: 0 68px;
}
.error-analysis-area .accordation-area .average-time {
  padding: 0 54px;
}
.selection-wrap .exp h6 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #4b4b4b;
  margin-bottom: 8px;
}
.selection-wrap .exp p {
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  color: #000;
}
.given-answer h6 {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #4b4b4b;
  margin-bottom: 20px;
}
.given-answer {
  margin-bottom: 20px;
  padding: 0 20px;
}
.given-answer span {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.given-answer span.text-dark {
  font-weight: 400;
  color: #4b4b4b !important;
}
.given-answer-teacher h6 {
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: #4b4b4b;
}
.given-answer-teacher {
  margin-bottom: 20px;
  padding: 0 20px;
}
.given-answer-teacher span {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}
.given-answer-teacher span.text-dark {
  font-weight: 400;
  color: #4b4b4b !important;
}
.correct-answer h6 {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #28a745;
  margin-bottom: 20px;
}
.correct-answer span {
  font-size: 20px;
  line-height: 27px;
  color: #28a745;
}
.correct-answer-error h6 {
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: #28a745;
}
.correct-answer-error span {
  font-size: 16px;
  line-height: 27px;
  color: #28a745;
}
.correct-answer-teacher h6 {
  font-weight: 700;
  font-size: 16px;
  line-height: 23px;
  color: #28a745;
}
.correct-answer-teacher span {
  font-size: 16px;
  line-height: 27px;
  color: #28a745;
}
.correct-answer {
  margin-bottom: 20px;
}
.correct-answer-teacher {
  margin-bottom: 20px;
}
header.mcq.instructionFive {
  z-index: 9999;
}
.overview-question-title table tbody tr td {
  font-size: 14px;
  line-height: 16px;
  color: #000;
  padding-bottom: 15px !important;
}
.error-analysis-area .accordation-area .accordion form textarea {
  background: #c4c4c4;
  min-height: 390px;
}
.error-analysis-area .accordation-area .accordion form textarea:focus {
  box-shadow: none;
  outline: 0;
}
.error-analysis-area .accordation-area .accordion form textarea.large {
  min-height: 745px;
  background: #c4c4c4;
}
.accuracy-area > .title {
  margin-bottom: 8px;
}
.accuracy-area > .title h5 {
  font-weight: 700;
  font-size: 20px;
  line-height: 33px;
  color: #000;
}
.login {
  background: url("./media/shape.png") no-repeat center center;
  background-size: 100% 100%;
  padding-bottom: 100px;
  min-height: 100vh;
}
.login .logo {
  display: table;
  padding: 25px;
  margin-bottom: 144px;
}
.login .logo a {
  display: block;
}
.login-area form {
  max-width: 478px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 15px;
  margin-left: 200px;
}
.login-area form .heading {
  max-width: 320px;
  margin-bottom: 20px;
}
.login-area form .heading h4 {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  color: #000;
  margin-bottom: 10px;
}
.login-area form .heading p {
  font-size: 15px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.7);
}
.login-area form .form-group {
  margin-bottom: 13px;
}
.login-area form label {
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  color: #525558;
  margin-bottom: 8px;
}
.login-area form input {
  font-size: 15px;
  height: calc(1.5em + 0.75rem + 4px);
  background-color: #f4f4f7;
  color: #000 !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.login-area form textarea {
  background-color: #f4f4f7;
}
.login-area form input:focus {
  box-shadow: none;
  border: 1px solid #2f80ed;
}
.login-area form select {
  font-size: 15px;
}
.login-area form select:focus {
  box-shadow: none;
  border: 1px solid #2f80ed;
}
.forgot-pass {
  font-size: 13px;
  line-height: 16px;
  margin-top: 7px;
  margin-bottom: 21px;
}
.forgot-pass a {
  color: #2C46A5;
}
.create-account a {
  color: #0051A8;
}
.login-area form button {
  font-weight: 700;
  font-size: 14px;
  width: 100%;
  height: 44px;
  line-height: 44px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom: 10px;
}
.login-area form button:focus {
  box-shadow: none;
}
.register-info p {
  font-size: 12px;
  line-height: 16px;
  color: #72767d;
}
.register-info p a {
  color: #7289da;
  padding-left: 10px;
}
.forgot-pass-modal .modal-content .modal-body {
  padding: 15px;
}
.forgot-pass-modal .modal-content .modal-body .login-area {
  position: initial;
  display: block;
}
.forgot-pass-modal .modal-content .modal-body .login-area form {
  position: initial;
  box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  padding: 0;
  transform: none;
}
.forgot-pass-modal .modal-content .modal-body button:focus {
  outline: 0;
}
.login-area form .checkbox-group {
  height: 0;
}
.login-area form .checkbox-group label {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.login-area form .checkbox-group label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.login-area form .checkmark {
  position: absolute;
  top: -14px;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #72767d;
  opacity: 0.8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.login-area form .checkbox-group label:hover input ~ .checkmark {
  background-color: #f6f6f6;
}
.login-area form .checkmark:after {
  content: "";
  position: absolute;
}
.login-area form .checkbox-group label input:checked ~ .checkmark:after {
  display: block;
}
.login-area form .checkbox-group label .checkmark::after {
  display: none;
  left: 7px;
  top: 2px;
  width: 9px;
  height: 14px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.login-area form .term {
  margin-top: 24px;
  margin-bottom: 21px;
}
.login-area form .term > span {
  display: block;
  font-size: 11px;
  line-height: 16px;
  padding-left: 32px;
  color: #72767d;
}
.login-area form .term > span a {
  color: #7289da;
}
.login-area form .success-text {
  margin: 30px 30px 0 30px;
}
.forgot-pass-modal-new form {
  margin: 0 auto !important;
  position: relative;
}
.login-area form .success-text p {
  font-size: 12px;
  line-height: 16px;
  color: #4f4f4f;
}
.login-area form .success-text p a {
  color: #7289da;
}
.field-icon {
  float: right;
  margin-right: 11px;
  margin-top: -28px;
  position: relative;
  z-index: 2;
}
.camera-sec {
  padding: 24px 0;
}
.camera-sec-area .logo {
  display: table;
}
.camera-sec-area .logo a {
  display: block;
}
.camera-sec-wrap {
  display: table;
  width: 100%;
  max-width: 1250px;
}
.camera-sec-wrap figure {
  display: table-cell;
  width: 60%;
}
.camera-sec-wrap .camera-sec-content {
  display: table-cell;
  vertical-align: middle;
  width: 40%;
  padding: 20px;
}
.camera-sec-wrap .camera-sec-content h3 {
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.25px;
  color: #000;
  margin-bottom: 13px;
}
.camera-sec-wrap .camera-sec-content h3 span.success {
  background: url("./media/emoji-smile.png") no-repeat right center;
  padding-right: 35px;
}
.camera-sec-wrap .camera-sec-content h3 span.not-access {
  background: url("./media/alert.png") no-repeat right center;
  padding-right: 35px;
}
.camera-sec-wrap .camera-sec-content .info {
  max-width: 240px;
}
.camera-sec-wrap .camera-sec-content .info p {
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.25px;
  color: #333333;
}
.camera-sec-wrap .camera-sec-content .lodar {
  display: table;
  width: 100%;
  max-width: 100px;
}
.camera-sec-wrap .camera-sec-content .button-group {
  display: table;
}
.camera-btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.25px;
  width: 160px;
  height: 50px;
  line-height: 50px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-top: 34px;
}
.camera-btn a {
  display: block;
  padding: 0 15px;
}
.retake-btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.25px;
  width: 160px;
  height: 50px;
  line-height: 48px;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-top: 34px;
  margin-left: 40px;
}
.retake-btn a {
  display: block;
  padding: 0 10px;
  color: #4975e6;
}
.help-link {
  display: table;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.25px;
  color: #000;
  margin-top: 15px;
}
.help-link a {
  color: #000;
}
#helpModal .modal-header {
  padding: 50px;
}
#helpModal .modal-header h5 {
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  color: #000;
}
#helpModal .modal-header h5 span {
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  margin-top: 5px;
}
#helpModal .modal-dialog {
  max-width: 1200px;
}
#helpModal .modal-body .video-box {
  margin-bottom: 40px;
}
#helpModal .modal-body .video-box h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #000;
  margin-top: 10px;
}
#helpModal .modal-header {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#helpModal .modal-content {
  border-radius: 0;
}
#helpModal .modal-body {
  padding: 20px 50px 0 50px;
}
.help-link a {
  text-decoration: underline;
}
.take-again {
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 0.25px;
  margin-top: 6px;
}
.take-again a {
  color: #333;
}
.camera-sec-area .form-area {
  max-width: 1410px;
  padding-top: 60px;
}
.camera-sec-area .form-area .info {
  margin-bottom: 36px;
}
.camera-sec-area .form-area .info h3 {
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.25px;
  color: #000;
  margin-bottom: 10px;
}
.camera-sec-area .form-area .info p {
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.25px;
  color: #333;
}
.camera-sec-area .form-area form .form-group > label {
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.25px;
  color: #000;
}
.camera-sec-area .form-area form .form-group input,
.camera-sec-area .form-area form .form-group select {
  font-size: 14px;
  letter-spacing: 0.25px;
  color: #000;
  border-bottom: 1px solid #c4c4c4 !important;
  height: calc(1.75em + 1.5rem + 1px);
  border-radius: 0;
}
.camera-sec-area .form-area form .form-group .input-group-append {
  border-bottom: 1px solid #c4c4c4 !important;
}
.camera-sec-area .form-area form .form-group select {
  -webkit-appearance: none;
}
.camera-sec-area .form-area form .form-group input:focus {
  box-shadow: none;
  outline: 0;
}
.camera-sec-area .form-area form .form-group select:focus {
  box-shadow: none;
  outline: 0;
}
.camera-sec-area .form-area form .form-group .radio-row {
  margin-top: 24px;
}
.camera-sec-area .form-area form .form-group {
  margin-bottom: 16px;
}
.camera-sec-area .form-area form .form-group .custom-control-label {
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0.25px;
  color: #000;
}
.camera-sec-area .form-area form .form-group .date > figure {
  float: right;
  padding-top: 12px;
  margin-bottom: -38px;
}
.camera-sec-area .form-area form .form-group .date input {
  padding-right: 30px !important;
}
.camera-sec-area .form-area form .form-group .custom-control-label::before {
  border: 2px solid #4776e6;
  width: 20px;
  height: 20px;
}
.camera-sec-area .form-area form .form-group .custom-control-label::after {
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 5px;
}
.camera-sec-area .form-area form .form-group .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #4776e6;
  background-color: #fff;
  box-shadow: none;
}
.camera-sec-area .form-area form .form-group .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #4776e6;
}
.camera-sec-area .form-area .camera-sec-box {
  display: table;
  width: 100%;
  max-width: 370px;
  margin-bottom: 40px;
}
.camera-sec-area .form-area .camera-sec-box .heading {
  margin-bottom: 19px;
}
.camera-sec-area .form-area .camera-sec-box .heading h6 {
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.25px;
  color: #000;
}
.camera-box-item {
  position: relative;
  display: table;
  width: 100%;
  max-width: 370px;
  height: 200px;
  background: #c4c4c4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.camera-box-btn {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  display: table;
  height: 30px;
  line-height: 30px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.25px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  min-width: 150px;
}
.camera-box-btn a {
  display: block;
  padding: 0 30px;
}
.drug-photo-box {
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  padding: 26px;
}
.drug-photo-box h2 {
  position: absolute;
  bottom: 124px;
  left: auto;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #bdbdbd;
  margin-bottom: 1px;
}
.drug-photo-box span {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0.1px;
  color: #bdbdbd;
}
.drug-photo-box .upload-btn {
  position: absolute;
  bottom: 62px;
  left: 57%;
  transform: translateX(-50%);
  z-index: 999;
  display: table;
  height: 30px;
  line-height: 30px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.25px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.drug-photo-box .upload-btn a {
  display: block;
  padding: 0 30px;
}
.continue-btn {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.25px;
  display: table;
  width: 100%;
  max-width: 160px;
  height: 50px;
  line-height: 50px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.continue-btn a {
  display: block;
  padding: 0 10px;
}
.retake-test-btn {
  font-weight: 700;
  font-size: 30px;
  line-height: 35px;
  display: block;
  width: 100%;
  max-width: 462px;
  height: 75px;
  line-height: 75px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.retake-test-btn a {
  display: block;
}
.post-asses {
  padding: 162px 0 162px 0;
}
.post-asses-area {
  max-width: 1500px;
}
.post-asses-area-wrap figure {
  max-width: 150px;
}
.post-asses-area-wrap {
  margin-bottom: 60px;
}
.post-asses-area .heading {
  max-width: 360px;
  padding: 10px 0 10px 30px;
  margin-left: 10px;
}
.post-asses-area .heading h2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 47px;
  color: #000;
}
.post-asses-area .continue-btn {
  font-weight: 700;
  font-size: 24px;
  display: table;
  width: 100%;
  max-width: 272px;
  height: 57px;
  line-height: 57px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.post-asses-area .result-overview-box {
  padding: 25px 30px;
  max-width: 300px;
}
.adaptive {
  max-width: 1235px;
  padding-top: 80px;
  padding-bottom: 150px;
}
.adaptive figure {
  display: table;
}
.adaptive-form {
  margin-top: 40px;
}
.adaptive-form > figure {
  margin-bottom: 68px;
}
.adaptive-form form .form-group {
  margin-bottom: 30px;
}
.adaptive-form form label {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #525458;
  margin-bottom: 8px;
}
.adaptive-form form select {
  font-size: 15px;
  color: #72767d;
  height: calc(1.6em + 0.8rem + 3.2px);
  border: 1px solid rgba(32, 34, 37, 0.5);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-appearance: none;
  padding-left: 8px !important;
  padding-right: 11px !important;
}
.adaptive-form form select option {
  line-height: 40px;
  height: 40px;
  padding: 0;
}
.adaptive-form form select + span {
  display: block;
  width: 11.6px;
  height: 8px;
  background: url("./media/angle-down-2.png") no-repeat 0 0;
  background-size: contain;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.adaptive-form form select:focus {
  box-shadow: none;
  outline: 0;
  border-color: rgba(32, 34, 37, 0.5);
}
.adaptive-form form .mode {
  margin-top: 38px;
}
.adaptive-form form .mode h5 {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: #525458;
  margin-top: 7.5px;
}
.adaptive-form form button {
  font-weight: 700;
  font-size: 14px;
  width: 100%;
  height: 44px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-top: 40px;
}
.adaptive-form form button:focus {
  box-shadow: none;
  outline: 0;
}
.adaptive-form form .mode .switch-item {
  float: right;
}
.adaptive-form form .mode .switch-item > span {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  line-height: 31px;
  color: #000;
  padding-right: 16px;
}
.adaptive-form form .mode .switch-item label {
  position: relative;
  display: inline-block;
  width: 51px;
  height: 31px;
  z-index: 999;
}
.adaptive-form form .mode .switch-item label input {
  opacity: 0;
  width: 0;
  height: 0;
}
.adaptive-form form .mode .switch-item label span.slider {
  position: absolute;
  cursor: pointer;
  top: -2px;
  left: 0;
  right: 0;
  bottom: 0;
  height: 31px;
  width: 51px;
  background: rgba(120, 120, 128, 0.45);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.adaptive-form form .mode .switch-item label span.slider::before {
  position: absolute;
  content: "";
  width: 27px;
  height: 27px;
  left: 2px;
  bottom: 2px;
  background: #ffffff;
  border: 0.5px solid rgba(0, 0, 0, 0.04);
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.adaptive-form form .mode .switch-item input:checked + .slider {
  background: #34c759;
}
.adaptive-form form .mode .switch-item input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.adaptive-form form .mode .switch-wrap {
  float: right;
}
.adaptive-form form .mode .slider.round {
  overflow: hidden;
  border-radius: 31px;
  -webkit-border-radius: 31px;
}
.adaptive-form form .mode .slider.round:before {
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.adaptive .dropdown-wrap {
  display: table;
  margin-top: 78px;
}
.adaptive .dropdown a {
  min-width: 290px;
  height: 50px;
  line-height: 48px;
  font-size: 19px;
  color: #525458;
  border: 1.19126px solid #c4c4c4;
  border-radius: 47px;
  -webkit-border-radius: 47px;
}
.adaptive .dropdown a:focus {
  outline: 0;
  box-shadow: none;
}
.adaptive .dropdown .dropdown-menu a {
  border-radius: 0;
  -webkit-border-radius: 0;
  border: 0;
  border-bottom: 1px solid #c4c4c4;
}
.adaptive .dropdown .dropdown-menu a:last-child {
  border: 0;
}
.adaptive .dropdown .dropdown-menu {
  overflow: hidden;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.dropdown-toggle::after {
  display: none;
}
.adaptive .dropdown a span {
  background: url("./media/angle-down-3.png") no-repeat right center;
  padding-right: 45px;
}
.work {
  background: #f3f6fa;
  padding: 80px 0;
}
.adaptive_new,
.work-area,
.help-area {
  max-width: 1130px !important;
}
.work-info-wrap {
  display: table;
  width: 100%;
  height: 100%;
  max-width: 445px;
}
.work-info {
  display: table-cell;
  vertical-align: middle;
}
.work-info h3 {
  font-weight: 700;
  font-size: 44px;
  line-height: 56px;
  letter-spacing: 0.2px;
  color: #373f41;
  margin-bottom: 40px;
}
.work-info p {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: #737b7d;
}
.help {
  padding: 103px 0 129px 0;
}
.help-info-wrap {
  display: table;
  width: 100%;
  height: 100%;
}
.help-info {
  display: table-cell;
  vertical-align: middle;
}
.help-info h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0.2px;
  color: #373f41;
  margin-bottom: 56px;
}
.help-info-item figure {
  margin-bottom: 18px;
}
.help-info-item p {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: #737b7d;
}
.create {
  background: #f3f6fa;
  padding: 165px 0;
}
.create-area {
  max-width: 730px;
}
.create-area h3 {
  font-weight: 700;
  font-size: 44px;
  line-height: 56px;
  letter-spacing: 0.2px;
  color: #373f41;
  margin-bottom: 32px;
}
.create-area p {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: #737b7d;
}
.start-btn {
  min-width: 96px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.3px;
  display: table;
  height: 42px;
  line-height: 42px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  margin-top: 55px;
}
.start-btn a {
  display: block;
}
.box-card-item {
  border-radius: 8.13953px;
  -webkit-border-radius: 8.13953px;
  padding: 30px 30px;
  margin-bottom: 20px;
}
.box-card-item.class {
  padding: 21px 30px 10px 30px;
}
.box-card-item figure {
  float: left;
  margin-bottom: 20px;
}
.box-card-item .image-row {
  margin: 0 -10px;
}
.box-card-item .image-row figure {
  width: 25%;
  float: left;
  padding: 0 10px;
}
.box-card-item .info {
  float: left;
  padding: 10px 0 7px 30px;
  width: 84%;
}
.box-card-item .info h4 {
  font-size: 20px;
  line-height: 21px;
  color: #000;
}
.box-card-item.share .info h4 {
  color: #4c4c4c;
}
.box-card-item .info span {
  display: block;
  font-size: 14px;
  line-height: 19px;
  color: #4c4c4c;
}
.box-card-item .title {
  margin-bottom: 29px;
}
.box-card-item .title h4 {
  font-size: 16px;
  line-height: 18px;
  color: #000;
}
.box-card-item.share ul li {
  font-size: 14px;
  line-height: 36px;
  background: rgba(235, 235, 249, 0.53);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #000;
  margin-right: 14px;
}
.box-card-item.share ul {
  margin-top: 30px;
}
.box-card-item.share ul li a {
  display: block;
  padding: 0 11px;
  color: #000;
}
.box-card-item.share ul li a span {
  padding-left: 32px;
}
.box-card-item.share ul li a span.video {
  background: url("./media/icon-video.png") no-repeat 0 center;
}
.box-card-item.share ul li a span.video:hover {
  background: url("./media/icon-video.png") no-repeat 0 center;
  color: #008ffb !important;
  padding-left: 24px;
}
.box-card-item.share ul li a span.doc {
  background: url("./media/ICON_DOC.png") no-repeat 0 center;
}
.box-card-item.share ul li a span.doc:hover {
  background: url("./media/ICON_DOC.png") no-repeat 0 center;
  color: #008ffb !important;
}
.box-card-item.share ul li a span.ques {
  background: url("./media/ICON_ques.png") no-repeat 0 center;
}
.box-card-item.share ul li a span.ques:hover {
  background: url("./media/ICON_ques.png") no-repeat 0 center;
  color: #008ffb !important;
}
.box-card-item.share ul li a span.link {
  background: url("./media/ICON_LINK.png") no-repeat 0 center;
}
.box-card-item.share ul li a span.link:hover {
  background: url("./media/ICON_LINK.png") no-repeat 0 center;
  color: #008ffb !important;
}
.post-box {
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-bottom: 20px;
}
.coding-post-box {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-bottom: 20px;
}
.post-box-wrap {
  padding: 30px;
}
.post-box-wrap h3 {
  font-size: 25px;
  line-height: 29px;
  color: #000;
  margin-bottom: 30px;
}
.post-box-wrap p {
  font-size: 18px;
  line-height: 21px;
  color: #000;
}
.post-box-btn {
  display: table;
  font-size: 22px;
  width: 100%;
  max-width: 250px;
  height: 55px;
  line-height: 55px;
  background: #5251ab;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-top: 50px;
}
.post-box-btn a {
  display: block;
}
.profile-box figure {
  float: left;
}
.profile-box {
  position: relative;
  padding: 30px 30px;
}
.profile-box .profile-info h4 {
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
.profile-box .profile-info ul li {
  font-size: 14px;
  line-height: 16px;
  color: #575757;
  position: relative;
}
.profile-box .profile-info ul li.dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background: #575757;
}
.post-box .comments {
  font-size: 18px;
  line-height: 21px;
  color: #828282;
}
.post-box .comments ul {
  padding: 17px 0;
  margin: 0 20px;
  border-bottom: 1px solid rgba(210, 210, 211, 0.5);
}
.post-box .comments ul li {
  margin-right: 22px;
  position: relative;
}
.post-box .comments ul li.dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -6px;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background: #828282;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
.post-box .like {
  padding: 30px 30px;
}
.post-box .comments ul li span.like-count {
  background: url("./media/heart.png") no-repeat 0 center !important;
  padding-left: 25px;
}
.post-box .like ul li span.dis-like {
  padding-left: 22px;
}
.post-box .dis-like.text-danger,
.post-box .dis-like.text-danger i {
  color: #dc3545 !important;
}
.post-box .like ul li {
  margin-right: 12px;
  font-size: 12px;
  line-height: 29px;
  color: #4f4f4f;
}
.post-box .like ul li span.like.new-like-hart {
  background: unset !important;
}
.post-box .like ul li span.like.new-like-hart i {
  position: absolute;
  font-weight: 500;
  font-size: 16px;
  color: #ea6061;
  margin-left: -25px;
  margin-top: 5px;
}
.mlm {
  margin-left: -9px;
}
.post-box .like ul li span.dis-like {
  background: unset;
}
.post-box .like ul li span.dis-like i {
  position: absolute;
  font-weight: 900;
  font-size: 16px;
  color: #ea6061;
  margin-left: -22px;
  margin-top: 5px;
}
.post-box .like ul li span.like {
  background: url("./media/like.png") no-repeat 0 center;
  padding-left: 25px !important;
  background-size: 20px !important;
  padding: 0;
}
.post-box .like ul li span.comment {
  background: url("./media/comment.png") no-repeat 0 center;
  padding-left: 25px !important;
  background-size: 20px !important;
  padding: 0;
}
.post-box .comment-form {
  padding: 5px 20px;
}
.post-box .comment-form figure {
  float: left;
  width: 12%;
  max-width: 50px;
  height: 50px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  overflow: hidden;
  margin-right: 20px;
}
.post-box .comment-form form {
  float: left;
  width: 88%;
}
.post-box .comment-form form input {
  height: calc(1.5em + 1.25rem + 3px);
  font-size: 18px;
  line-height: 21px;
  color: #000;
}
.post-box .comment-form form input::placeholder {
  font-size: 18px;
  color: #d2d2d3;
}
.post-box .comment-form form input:focus {
  outline: 0;
  box-shadow: none;
  border-color: #d2d2d3;
}
.post-box .user-comment {
  padding: 40px 20px 20px 20px;
}
.post-box .user-comment .user-comment-box figure {
  float: left;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50px;
  -webkit-border-radius: 50px;
}
.post-box .user-comment .user-comment-box .user-comment-info {
  float: left;
  padding-left: 15px;
  width: 91%;
}
.post-box .user-comment .user-comment-box .user-comment-info h4 {
  font-size: 14px;
  line-height: 16px;
  color: #000;
  margin-bottom: 4px;
}
.post-box .user-comment .user-comment-box .user-comment-info div {
  font-size: 14px;
  line-height: 19px;
  color: #333;
}
.post-box .user-comment .user-comment-box .user-comment-info ul {
  margin-top: 10px;
}
.post-box .user-comment .user-comment-box .user-comment-info ul li {
  font-size: 14px;
  line-height: 19px;
  color: #525252;
  margin-right: 24px;
}
.post-box .load-more {
  font-size: 14px;
  line-height: 16px;
  padding: 0 25px 25px 25px;
}
.post-box .load-more a {
  color: #4c4c4c;
}
.box-card-item.challenge {
  padding: 20px 0;
}
.box-card-item.challenge .title {
  padding: 0 30px;
}
.box-card-item.watch-video .video-box {
  max-width: 275px;
}
.box-card-item.watch-video .continue-box {
  max-width: 275px;
  border: 1px solid gray;
  border-radius: 16px;
  padding: 13px;
}
.box-card-item.watch-video .continue-box .image {
  overflow: hidden;
}
.box-card-item.watch-video .video-box figure {
  width: 100%;
  height: 100%;
}
.box-card-item.watch-video .video-box h4 {
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
.box-card-item.challenge figure {
  width: 100%;
}
.event-calender {
  padding: 17px 30px;
  margin-bottom: 20px;
  border-radius: 8.12689px;
  -webkit-border-radius: 8.12689px;
}
.event-calender .title {
  margin-bottom: 10px;
}
.event-calender .title h4 {
  font-size: 20px;
  line-height: 23px;
  color: #4c4c4c;
  margin-bottom: 12px;
}
.event-calender .title h4 strong {
  color: #000;
}
.event-calender .week td {
  font-size: 12px;
  line-height: 14px;
  color: #4c4c4c;
  padding: 5px 0;
  width: 14.285%;
  text-align: center;
  position: relative;
}
.event-calender .week td.active {
  color: #5251ab;
}
.event-calender .week td span {
  width: 18px;
  height: 17px !important;
  display: inline-block;
  padding-bottom: 3px;
}
.event-calender .week td.day-of-week span {
  display: inline-block;
  width: 18px;
  height: 17px !important;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  padding-top: 1px;
  margin-bottom: 2px;
}
.event-calender .week td span.active {
  background: #af8cef;
  padding-top: 1px;
  color: #f2f2f2;
  font-weight: 700;
}
.event-calender .week td .dot {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.event-calender .week td .dot.blue {
  background: #15ddff;
}
.event-calender .week td .dot.purple {
  background: #5433ff;
}
.event-calender .week td .dot.yellow {
  background: #ffeb3b;
}
.event-calender .week td .dot.red {
  background: #ce3737;
}
.event-calender .week td span strong {
  color: #000;
}
.event-calender .event {
  position: relative;
  padding: 12px 15px 11px 21px;
  margin-bottom: 15px;
}
.event-calender .event::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: #15ddff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.event-calender .event.purple::before {
  background: #af8cef;
}
.event-calender .event.yellow::before {
  background: yellow;
}
.event-calender .event.red::before {
  background: #ce3737;
}
.event-calender .event h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  display: flex;
  color: #000;
}
.event-calender .event span {
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #4c4c4c;
}
.event-calender .event .date {
  display: table;
}
.event-calender .event .date span {
  font-size: 14px;
  line-height: 16px;
  color: #4c4c4c;
}
.event-calender .load-more {
  display: table;
  font-size: 12px;
  line-height: 14px;
  color: #5251ab;
}
.event-calender .load-more a {
  color: #5251ab;
}
.event-calender > figure {
  display: table;
}
.box-card-img {
  display: table;
}
.box-card-img figure {
  width: 100% !important;
  height: 100% !important;
}
.post-box-content {
  padding: 0 30px;
  margin-bottom: 40px;
}
.post-box-content p {
  font-size: 25px;
  line-height: 29px;
  color: #000;
}
.post-box-content p a {
  color: #000;
  font-weight: 700;
  text-decoration: underline;
}
.choose-topic-area {
  padding: 60px 0;
}
.choose-topic-area .wrap {
  border-top: 1px solid rgba(196, 196, 196, 0.4);
  border-bottom: 1px solid rgba(196, 196, 196, 0.4);
}
.choose-topic-area .heading {
  margin-bottom: 30px;
}
.choose-topic-area .heading > figure {
  max-width: 160px;
  margin-bottom: 35px;
}
.choose-topic-area .heading .select-all {
  display: table;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}
.choose-topic-area .heading .select-all a {
  color: #5251ab;
}
.choose-topic-area .wrap .wrap-area {
  padding: 30px 0;
}
.choose-topic {
  margin-bottom: 8px;
}
.choose-topic > span {
  font-size: 14px;
  line-height: 16px;
  color: #000;
  padding-left: 8px;
}
.choose-topic .checkbox-group {
  height: 0;
}
.choose-topic .checkbox-group label {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 24px;
}
.choose-topic .checkbox-group label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.choose-topic .checkmark {
  position: absolute;
  top: -19px;
  left: -24px;
  width: 24px;
  height: 24px;
  border: 1px solid #72767d;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.col-3.draft {
  margin-top: 10px;
}
.choose-topic .checkbox-group label:hover input ~ .checkmark {
  background-color: #f6f6f6;
}
.choose-topic .checkbox-group label input:checked ~ .checkmark {
  background-color: #fff;
}
.choose-topic .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.choose-topic .checkbox-group label input:checked ~ .checkmark:after {
  display: block;
}
.choose-topic .checkbox-group label .checkmark::after {
  left: 7px;
  top: 2px;
  width: 7px;
  height: 14px;
  border: solid #000;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.generate-test-wrap {
  padding-top: 30px;
}
.generate-test {
  display: table;
  min-width: 160px;
  font-weight: 700;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  letter-spacing: 0.25px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.generate-test a {
  display: block;
}
.adaptive-question-header {
  padding: 4px 0;
  border: 1px solid rgba(196, 196, 196, 0.5);
}
.adaptive-question {
  padding: 20px 0;
}
.adaptive-header-area figure {
  margin-top: 8px;
}
.adaptive-question-area {
  max-width: 1000px;
}
.adaptive-header-area .header-right {
  display: table;
}
.adaptive-header-area .header-right .timer {
  float: left;
}
.adaptive-question-header .finish-btn {
  float: left;
  font-weight: 700;
  font-size: 22.3944px;
  min-width: 121.68px;
  height: 52.25px;
  line-height: 52.25px;
  background: #AC0C0C;
  border-radius: 7.46479px;
  -webkit-border-radius: 7.46479px;
}
.difficulty span {
  font-size: 20px;
  line-height: 23px;
  color: #000;
}
.difficulty {
  display: table;
}
.difficulty ul {
  margin-left: 11px;
}
.difficulty ul li {
  width: 15px;
  height: 15px;
  border: 1px solid #c4c4c4;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  margin: 2px 4px 0 4px;
}
.difficulty ul li.active {
  background: #4a48ad;
}
.adaptive-question-area .heading ul.info li {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #000;
}
.adaptive-question-area .heading ul.info li.count {
  min-width: 82px;
  background: #4a48ad;
  border-radius: 5.75221px;
  -webkit-border-radius: 5.75221px;
  margin-left: 15px;
  padding: 0 5px;
}
.adaptive-question-header .timer .timer-clock {
  font-size: 22.3944px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 7.46479px;
  -webkit-border-radius: 7.46479px;
  color: #000;
  height: 33.59px;
  line-height: 33.59px;
  background: rgba(0, 0, 0, 0.1);
}
.adaptive-question-header .timer h6 {
  color: #000;
  margin-bottom: 3px;
}
.timer-clock span {
  font-size: 22.3944px;
}
.adaptive-question-area .save-next-btn {
  display: table;
  float: none;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  min-width: 160px;
}
.adaptive-question-box {
  margin-bottom: 30px;
  position: relative;
  overflow: auto;
}
.adaptive-question-box .group-link {
  position: absolute;
  top: 0;
  right: -60px;
  z-index: 99;
}
.adaptive-question-box .group-link-Clearfix_new {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}
.adaptive-question-box .group-link button:focus {
  outline: 0;
  box-shadow: none;
}
.group-link .cal button > figure {
  display: block;
}
.group-link .cal button.active > figure {
  display: none;
}
.group-link .cal button .cal-active figure {
  display: none;
}
.group-link .cal button.active .cal-active figure {
  display: block;
}
.group-link .brush button > figure {
  display: block;
}
.group-link .brush button.active > figure {
  display: none;
}
.group-link .brush button .brush-active figure {
  display: none;
}
.group-link .brush button.active .brush-active figure {
  display: block;
}
.popover-body {
  font-size: 16px;
  padding: 0.5rem 0.75rem;
  color: #fff;
  background: #4a48ad;
}
.tts-popover .popover-body {
  background-color: #fff !important;
  padding: 0px !important;
}
.classboard-popup .popover {
  max-width: 400px;
}
.classboard-popup .popover-body {
  background: white;
  color: black;
}
.ACT .popover-body {
  background: white;
  padding: 0px;
  color: black;
  font-size: 12px;
}
.bs-popover-auto[x-placement^=right] > .arrow::before,
.bs-popover-right > .arrow::before {
  border-right-color: #4a48ad;
}
.bs-popover-auto[x-placement^=right] > .arrow::after,
.bs-popover-right > .arrow::after {
  border-right-color: #4a48ad;
}
.adaptive-question-area .dropdown > a {
  font-size: 20px;
  line-height: 27px;
  color: rgba(0, 0, 0, 0.7);
  line-height: 50px;
}
.adaptive-question-area .dropdown > a span {
  background: url("./media/angle-down-4.png") no-repeat right center;
  padding-right: 28px;
}
.adaptive-question-area .dropdown.show > a span {
  background: url("./media/angle-up-4.png") no-repeat right center;
}
.adaptive-question-area .adaptive-answer-box > ul {
  counter-reset: listStyle;
}
.adaptive-question-area .adaptive-answer-box > ul > li {
  counter-increment: listStyle;
  font-size: 24px;
  line-height: 33px;
  color: #000;
  margin-bottom: 20px;
}
.adaptive-question-area .adaptive-answer-box .checkbox-group {
  height: 0;
}
.adaptive-question-area .adaptive-answer-box .checkbox-group label {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 24px;
}
.adaptive-question-area .adaptive-answer-box .checkbox-group label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.adaptive-question-area .adaptive-answer-box .checkmark {
  position: absolute;
  top: -25px;
  left: -23px;
  width: 24px;
  height: 24px;
  border: 1px solid #000;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.adaptive-question-area .adaptive-answer-box .checkbox-group label:hover input ~ .checkmark {
  background-color: #f6f6f6;
}
.adaptive-question-area .adaptive-answer-box .checkbox-group label input:checked ~ .checkmark {
  background-color: #fff;
}
.adaptive-question-area .adaptive-answer-box .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.adaptive-question-area .adaptive-answer-box .checkbox-group label input:checked ~ .checkmark:after {
  display: block;
}
.adaptive-question-area .adaptive-answer-box .checkbox-group label .checkmark::after {
  left: 6px;
  top: 1px;
  width: 9px;
  height: 14px;
  border: solid #5251ab;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.adaptive-question-area .adaptive-answer-box > ul > li .answer > span {
  display: block;
  float: left;
  line-height: 26px;
  padding: 0 15px 0 50px;
  margin-bottom: 20px;
}
.adaptive-question-area .dropdown.text > a span {
  background: none;
}
.adaptive-question-area .adaptive-question-box {
  border: 1px solid #c4c4c4;
  padding: 30px 30px;
  min-height: 410px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.adaptive-question-area .heading ul.info li.count span {
  display: inline-block;
  min-width: 16px;
  text-align: center;
  padding: 2px;
  font-size: 14.3805px;
}
.adaptive-question-area .dropdown.show > a span {
  font-size: 20px;
  line-height: 27px;
  color: rgba(0, 0, 0, 0.7);
}
.adaptive-question-area .dropdown .dropdown-menu ul li {
  font-size: 20px;
  line-height: 27px;
  color: rgba(0, 0, 0, 0.7);
}
.adaptive-question-area .adaptive-question-item {
  overflow: auto;
}
.cl-black {
  color: #000;
}
.cl-white {
  color: #fff;
}
.code-badge {
  font-size: 1.5em;
}
.span-black {
  color: #000;
}
.adaptive-question-box .exp {
  font-size: 20px;
  line-height: 25px;
}
.adaptive-question-box .exp h5 {
  color: #4b4b4b;
  margin-bottom: 4px;
}
.adaptive-question-area .adaptive-question-box.adaptive-question-ans > ul > li::before {
  display: none;
}
.adaptive-question-area .adaptive-answer-box > ul > li::before {
  display: inline-block;
  content: counter(listStyle, upper-alpha);
  width: 55px;
  height: 55px;
  font-size: 24px;
  line-height: 33px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  border: 1px solid #4c73e6;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  padding: 8px;
}
.adaptive-question-area .adaptive-question-box.ans > ul > li .answer > span {
  margin-top: 10px;
}
.adaptive-question-area .adaptive-question-box.ans .adaptive-answer-box .checkmark {
  top: -14px;
}
.adaptive-question-area .adaptive-answer-box > ul > li.green::before {
  background: #6fcf97;
  border-color: #6fcf97;
  color: #fff;
}
.adaptive-question-area .adaptive-answer-box > ul > li.red::before {
  background: #f15454;
  border-color: #f15454;
  color: #fff;
}
.genarated-test-box-area {
  max-width: 1570px;
  padding: 0 20px;
}
.genarated-test-box {
  padding: 15px;
  margin-bottom: 30px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
}
.genarated-test-box h6 {
  font-size: 14px;
  line-height: 16px;
  color: #000;
  margin-bottom: 8px;
}
.genarated-test-box h4 {
  font-weight: bold;
  font-size: 30px;
  line-height: 35px;
  color: #000;
}
.practice-btn {
  display: table;
  font-size: 18px;
  line-height: 50px;
  height: 50px;
  border: 1px solid #4c73e6;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-top: 18px;
}
button.practice-btn {
  background: white;
}
.practice-btn a {
  color: #000;
}
.genarated-test-box-area .heading {
  margin-bottom: 70px;
}
.genarated-test-box-area .heading h3 {
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
  color: #000;
}
.post-box .special-info {
  position: relative;
  padding: 0 30px;
  margin-bottom: 30px;
}
.post-box .special-info figure.doc {
  padding: 8px 0px;
}
.post-box .special-info a {
  display: block;
  background: #f4f7f9;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.post-box .special-info .inner {
  padding: 23px 0;
  width: 100%;
  height: 100%;
}
.post-box .special-info .close-btn {
  position: absolute;
  top: 50%;
  right: 50px;
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  transform: translateY(-50%);
  z-index: 999;
  display: none;
}
.post-box .special-info h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #000;
  margin-bottom: 10px;
}
.post-box .special-info p {
  font-size: 18px;
  line-height: 21px;
  color: #575757;
  margin-bottom: 10px;
}
.post-box .special-info span {
  font-size: 18px;
  line-height: 21px;
  color: #828282;
}
.post-box .special-info span {
  display: block;
  background: url("./media/clip.png") no-repeat 0 center;
  padding-left: 18px;
}
.user-comment-reply {
  margin-top: 30px;
}
.genarated-testbox-wrap {
  margin-bottom: 50px;
}
#dashboardModal_1 .modal-dialog {
  height: initial;
  max-width: 655px;
}
.modal-body .dashboard-area .post-box .button-group {
  display: table;
  margin: 30px 20px;
}
.modal-body .dashboard-area .post-box .button-group .cancel-link {
  float: left;
  display: table;
  height: 50px;
  line-height: 50px;
  font-weight: 700;
  font-size: 18px;
}
.modal-body .dashboard-area .post-box .button-group .cancel-link a {
  color: #000;
}
.modal-body .dashboard-area .post-box .button-group .post-btn {
  float: left;
  display: table;
  min-width: 82px;
  height: 50px;
  line-height: 50px;
  font-weight: 700;
  font-size: 18px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-left: 10px;
}
.modal-body .dashboard-area .post-box .button-group .post-btn a {
  display: block;
}
.mix-match {
  justify-content: space-between;
}
.mix-match-drag::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 22.5px);
  transform: translateY(-50%);
  height: 1px;
  width: 40%;
  background: #4a48ad;
}
.mix-match-drag:last-child {
  margin-bottom: 0;
}
.mix-match-drop-area {
  border: 1px dashed #4a48ad;
  margin-bottom: 20px;
}
.mix-match-drag p {
  font-size: 16px;
  line-height: 22px;
  color: #292929;
}
.mix-match-drop.hover {
  border: 1px solid #4a48ad;
  box-shadow: 0px 10px 14px rgba(74, 72, 173, 0.12);
}
.mix-match-drop.active {
  border: 5px solid #4a48ad;
  box-shadow: 0px 10px 14px rgba(74, 72, 173, 0.12);
}
.mix-match-footer {
  background: #f4f4f7;
  padding: 28px 80px;
}
.mix-match-footer > ul {
  min-height: 40px;
  border: 1px dotted #4a48ad;
  padding: 10px;
}
.mix-match-footer ul li {
  font-size: 20px;
  line-height: 25px;
  color: #000;
  margin: 0 7.5px;
  border: 1px solid #c4c4c4;
  padding: 10px;
}
.mix-match-footer ul li a {
  display: block;
  color: #000;
  padding: 10px;
}
.mix-match-footer ul li .mathjax-container img {
  width: 65px;
  height: 65px;
}
.mix-match-footer .footer-wrap {
  position: relative;
}
.mix-match-footer .footer-wrap .inner {
  display: table;
}
.mix-match-footer .save-next-btn {
  min-width: 160px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 999;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
}
.adaptive-question-area .info {
  margin-bottom: 30px;
}
.adaptive-question-area .info p {
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
.question-box .adaptive-question-area {
  max-width: 100% !important;
}
.question-box .adaptive-question-area .info p {
  font-size: 30px;
  line-height: 41px;
}
.question-box .mix-match-drag p {
  font-size: 19.2223px;
  line-height: 26px;
}
.question-box .mix-match-drop .mathjax-container {
  font-size: 19.2223px;
  line-height: 26px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.question-box .mix-match-drop .mathjax-container img {
  font-size: 19.2223px;
  line-height: 26px;
  height: 100px;
  display: table;
  margin: 0 auto;
}
.question-box .mix-match-drag:last-child {
  margin-bottom: 0;
}
.question-box .mix-match-drag p,
.mix-match-drop-area {
  font-size: 19.2223px;
  line-height: 26px;
  height: 100px;
  align-items: center;
  display: flex;
  text-align: center;
  justify-content: center;
}
.question-box .mix-match-drag img {
  font-size: 19.2223px;
  line-height: 26px;
  height: 100px;
  display: table;
  margin: 0 auto;
}
.question-box .mix-match-drop {
  border: 1px solid #4a48ad;
  width: 100%;
}
.mix-match-drag,
.mix-match-dragd {
  position: relative;
  background: rgba(74, 72, 173, 0.1);
  padding: 10px 9px;
  cursor: pointer;
  margin-bottom: 20px;
}
.mix-match-drag,
.mix-match-dragd {
  height: 150px !important;
}
.mix-match-drag img,
.mix-match-dragd img {
  max-height: 130px;
  width: 100%;
  object-fit: cover;
}
.mix-match-dragd:last-child {
  margin-bottom: 0;
}
.mix-match-dragd p {
  font-size: 16px;
  line-height: 22px;
  color: #292929;
}
.question-box .mix-match-dragd:last-child {
  margin-bottom: 0;
}
.question-box .mix-match-dragd p,
.mix-match-drop-area {
  font-size: 19.2223px;
  line-height: 26px;
  height: 100px;
  align-items: center;
  display: flex;
  text-align: center;
  justify-content: center;
}
.question-box .mix-match-dragd img {
  font-size: 19.2223px;
  line-height: 26px;
  height: 100px;
  display: table;
  margin: 0 auto;
}
.question-box .mix-match-dragd p {
  font-size: 19.2223px;
  line-height: 26px;
}
.selection-wrap .mix-match .mix-match-content {
  width: 59.6%;
}
.selection-wrap .mix-match .mix-match-content .mix-match-content-inner {
  width: 75%;
}
.selection-wrap .mix-match .line-wrap {
  width: 25%;
}
.selection-wrap .mix-match .mix-match-drop-wrap {
  width: 40.4%;
}
.selection-wrap .mix-match .mix-match-drop-wrap .mix-match-drop {
  display: table;
  width: 50%;
  height: 16%;
  margin-bottom: 20px;
}
.selection-wrap .mix-match .mix-match-drop-wrap .mix-match-drop span {
  display: table-cell;
  vertical-align: middle;
  font-size: 13.8567px;
  line-height: 19px;
  color: #000;
}
.selection-wrap .mix-match .line-wrap .line {
  position: relative;
  height: 16%;
  margin: 0 20px;
  margin-bottom: 20px;
}
.selection-wrap .mix-match .line-wrap .line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background: #4a48ad;
}
.bold {
  font-weight: 700 !important;
}
header#header_sticky.fixed-top {
  background: #fff !important;
  position: fixed !important;
  top: 0 !important;
  margin-top: 0 !important;
}
header.course-header {
  position: initial;
  box-shadow: none;
}
header.course-header .header-area nav ul li {
  margin: 0 17px;
}
header.course-header .header-area nav ul li a {
  color: #000 !important;
}
header.course-header .header-area .user-area {
  top: 0;
  right: 0;
  transform: none;
  z-index: 999;
}
header.course-header .header-area ul li.notification {
  width: 20px;
  height: 20px;
  margin-left: 0 !important;
}
header.course-header .header-area ul li.notification figure {
  max-width: initial;
}
header.course-header .header-area ul li.notification figure {
  max-width: initial;
}
header.course-header .header-area ul li.notification a:hover {
  background: url("./media/icon-cart.png") no-repeat center center;
  background-size: contain;
}
header.course-header .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  background-size: 16px;
}
header.course-header .header-area ul li.notification > span {
  top: -3px;
  right: -3px;
}
.banner.course {
  position: relative;
}
.banner.course .banner-info {
  max-width: 465px;
}
.banner.course .banner-info h1 {
  font-weight: 700;
  font-size: 41.3507px;
  line-height: 48px;
}
.banner.course .banner-info form {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  width: 100%;
  max-width: 628px;
  margin-top: 0;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
}
.main-area.course {
  max-width: 1210px;
}
.main-area.course .box-area .heading {
  padding: 0 10px;
}
.main-area.course .box-area .box-item .box figure {
  margin-bottom: 12px;
}
.main-area.course .owl-carousel .box-item {
  padding: 0 10px;
}
.main-area.course .owl-carousel .course-item {
  border: 1px solid #e0e0e0;
  border-radius: 9px;
}
.box-area.favorites .heading h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color: #000;
}
.box-area.favorites .view-all {
  font-weight: 400;
  font-size: 19px;
  line-height: 32px;
}
.box-area.favorites .view-all a {
  color: #4f4f4f;
}
.box-area.favorites .box .info h4 {
  font-weight: 400;
  font-size: 19px;
  line-height: 24px;
  color: #000;
}
.box-area.favorites .box .box-inner p {
  font-size: 13px;
  line-height: 24px;
  color: #000;
}
.box-area.explore .heading h3 {
  font-weight: 700;
  font-size: 26px;
  line-height: 29px;
  letter-spacing: 0.2px;
  color: #3c3b37;
  margin-bottom: 8px;
}
.box-area.explore .tabs {
  padding: 0 10px;
}
.box-area.explore .tabs {
  margin-bottom: 41px;
  position: relative;
}
.box-area.explore .tabs > button {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  -webkit-border-radius: 100%;
}
.box-area.explore .tabs > button.prev {
  left: -50px;
  background: url("./media/angle-left-s.png") no-repeat center center;
}
.box-area.explore .tabs > button.next {
  right: 0;
  background: url("./media/angle-right-s.png") no-repeat center center;
}
.box-area.explore .tabs span {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 0.1536px;
  margin-right: 26px;
}
.box-area.explore .tabs span a {
  padding: 0 5px 11px 5px;
  color: #73726c;
  border-bottom: 2px solid transparent;
}
.box-area.explore .tabs span a.active {
  border-bottom: 2px solid #3c3b37;
}
.box-area.library .heading h3 {
  font-weight: 700;
  font-size: 26px;
  line-height: 29px;
  letter-spacing: 0.2px;
  color: #3c3b37;
  margin-bottom: 10px;
}
.box-area.explore .box .info h4 {
  font-weight: 400;
  font-size: 19px;
  line-height: 24px;
  color: #000;
  margin-bottom: 12px;
}
.box-area.explore .box .box-inner p {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #000;
}
.box-area.library .box .info h4 {
  font-weight: 400;
  font-size: 19px;
  line-height: 24px;
  color: #000;
}
.box-area.library .box .box-inner p {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #000;
}
.box-area.top-categories .heading {
  margin-bottom: 37px;
}
.box-area.top-categories .heading h3 {
  font-size: 26px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0.2px;
  color: #3c3b37;
}
.course-box-area {
  max-width: 554px;
}
.box-area.top-categories .box-item {
  width: 25%;
  padding: 0 10px;
  margin-bottom: 40px;
}
.box-area.top-categories .box-item .box-inner {
  padding: 0;
}
.box-area.top-categories .box-item .box figure {
  margin-bottom: 22px;
}
.box-area.top-categories .box-item .box .info {
  margin-bottom: 0 !important;
}
.box-area.top-categories .box-item .box .info h4 {
  font-size: 19px;
  line-height: 24px;
  color: #000;
  margin-bottom: 0;
}
.box-area.top-categories .course-item {
  float: left;
  width: 25%;
  margin: 0 10px;
  margin-bottom: 40px;
  border: 1px solid gray;
  border-radius: 9px;
}
.box-area.top-categories .course-item .box-inner {
  padding: 0;
}
.box-area.top-categories .course-item .box figure {
  margin-bottom: 22px;
}
.box-area.top-categories .course-item .box .info {
  margin-bottom: 0 !important;
}
.box-area.top-categories .course-item .box .info h4 {
  font-size: 19px;
  line-height: 24px;
  color: #000;
  margin-bottom: 0;
}
.course-box-wrap {
  overflow: hidden;
  height: 200px;
  max-width: 558px;
}
.course-box-wrap.aux {
  max-width: 100%;
}
.course-box {
  display: table;
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 25px;
  width: 100%;
  height: 100%;
}
.course-box-img {
  position: absolute;
  top: -9px;
  right: -9px;
  width: 148px;
  height: 148px;
  background: #000;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  z-index: 0;
}
.course-box .inner h5 {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
}
.course-box .inner h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}
.course-box .enroll-btn {
  position: absolute;
  bottom: 25px;
  left: 25px;
  z-index: 999;
  display: table;
  font-size: 13px;
  font-weight: 700;
  min-width: 130px;
  height: 36px;
  line-height: 36px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.course-box .enroll-btn a {
  display: block;
  color: #4f4f4f;
}
.course-box .learn-more-btn {
  position: absolute;
  bottom: 25px;
  left: 25px;
  z-index: 9;
  display: table;
  font-size: 13px;
  font-weight: 700;
  min-width: 130px;
  height: 36px;
  line-height: 36px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
}
.course-box .learn-more-btn a {
  display: block;
  color: #4f4f4f;
}
.course-box .circle {
  position: relative;
  float: right;
  width: 59px;
  height: 59px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  margin: -24px 15px 0 0;
  z-index: 99;
}
.main-area.course button.owl-next.disabled,
.main-area.course button.owl-prev.disabled {
  display: block;
}
.seller-info {
  display: block;
  background: #ffe799;
  padding: 0 8px;
  margin-bottom: 0px;
  width: 33%;
}
.class-boards.assess-feeds {
  margin-left: 0px;
}
.seller-info span {
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  color: #232323;
}
.author-name p {
  font-size: 13px;
  line-height: 24px;
  color: #4f4f4f !important;
}
.selling-price-info {
  position: relative;
  bottom: 2px;
  margin-top: 0px;
}
.selling-price-info span {
  font-size: 19px;
  line-height: 24px;
  color: #757575;
}
.selling-price-info span + span {
  font-size: 17px;
  line-height: 24px;
  position: relative;
}
.selling-price-info span + span::after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 0;
  height: 1px;
  width: 100%;
  background: #757575;
}
.selling-price-info span strong {
  color: #000;
}
.main-area.course button.owl-next,
.main-area.course button.owl-prev {
  top: 70px;
  transform: none;
}
.box-area.explore .heading p {
  font-size: 16px;
  line-height: 100%;
  color: #73726c;
}
.box-area.library .heading p {
  font-size: 16px;
  line-height: 100%;
  color: #73726c;
}
.header-area.nav-fluid {
  max-width: 1360px;
  padding: 0 15px;
}
.header-area.nav-fluid .user-area {
  right: 15px !important;
}
.course-search {
  max-width: 1047px;
  margin-left: 7px;
}
.course-search figure {
  float: left;
  width: 26%;
}
.course-search {
  border-bottom: 1px solid rgba(196, 196, 196, 0.3);
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.course-search-info h4 {
  font-size: 24px;
  line-height: 24px;
  color: #000;
  margin-bottom: 13px;
}
.course-search-info .author-name {
  margin-bottom: 13px;
}
.course-search-info p {
  font-size: 13px;
  line-height: 24px;
  color: #000;
}
.load-more-result {
  display: table;
  min-width: 200px;
  font-size: 14.5013px;
  height: 38px;
  line-height: 38px;
  border-radius: 3.375px;
  -webkit-border-radius: 3.375px;
  margin-top: 34px;
}
.load-more-result a {
  display: block;
  color: #000;
}
.top-head {
  padding: 16px 0;
}
.top-head-area {
  max-width: 1320px;
}
.top-head-area .logo a {
  margin-right: 8px;
  float: left;
}
.top-head-area .logo span {
  display: block;
  position: relative;
  float: left;
  font-weight: 700;
  font-size: 16px;
  color: #000;
  padding-left: 8px;
}
.top-head-area .logo span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5px;
  height: 100%;
  background: #bdbdbd;
}
.top-head-area .teacher .logo span {
  display: block;
  position: relative;
  float: left;
  font-weight: 700;
  font-size: 16px;
  color: #000;
  padding-left: 0px;
}
.top-head-area .teacher .logo span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0px !important;
  height: 100%;
}
.progress-info {
  max-width: 225px;
}
.progress-line {
  position: relative;
  height: 4.5px;
  background: #c4c4c4;
}
.progress-status {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 4.5px;
  background:
    linear-gradient(
      90deg,
      #00f5a0 0%,
      #00e4d5 99.99%,
      #00d9f5 100%);
}
.progress-info span {
  display: block;
  font-weight: 700;
  font-size: 15.75px;
  line-height: 18px;
  color: #000;
  margin-bottom: 5px;
}
.video-blog {
  padding: 35px 0;
}
.video-blog-area {
  max-width: 1320px;
}
.video-blog-area .side-menu button:focus {
  outline: 0;
}
.video-blog-area .side-menu h2 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #000;
  margin-bottom: 8px;
}
.video-blog-area .side-menu h2 button {
  font-weight: 700;
}
.video-blog-area .side-menu ul {
  margin-bottom: 8px;
}
.video-blog-area .side-menu ul li {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px;
}
.video-blog-area .side-menu ul li a {
  color: #858585;
  display: block;
}
.video-blog-area .side-menu ul li a.active {
  color: #000;
}
.video-blog-area .side-menu ul li a span {
  display: block;
  position: relative;
  margin-left: 15px;
}
.video-blog-area .side-menu ul li a span span {
  font-family: "karla", sans-serif;
  padding-left: 10px;
  top: 0;
  left: 0;
  z-index: 1;
  margin-left: 0;
}
.video-blog-area .side-menu ul li a span.y-blue {
  background: url("./media/youtube-blue.png") no-repeat 0 center;
}
.video-blog-area .side-menu ul li a span.y-gray {
  background: url("./media/youtube-gray.png") no-repeat 0 center;
}
.video-blog-area .side-menu ul li a span.y-yellow {
  background: url("./media/youtube-yellow.png") no-repeat 0 center;
}
.video-blog-area .side-menu ul li a span.c-blue {
  background: url("./media/cap-blue.png") no-repeat 0 center;
}
.video-blog-area .side-menu ul li a span.c-gray {
  background: url("./media/cap-gray.png") no-repeat 0 center;
}
.video-blog-area .side-menu ul li a span.c-yellow {
  background: url("./media/cap-yellow.png") no-repeat 0 center;
}
.video-blog-area .side-menu ul li a span.qa-blue {
  background: url("./media/qa-blue.png") no-repeat 0 center;
}
.video-blog-area .side-menu ul li a span.qa-gray {
  background: url("./media/qa-gray.png") no-repeat 0 center;
}
.video-blog-area .side-menu ul li a span.qa-yellow {
  background: url("./media/qa-yellow.png") no-repeat 0 center;
}
.video-blog-area .side-menu ul li a span.a-gray {
  background: url("./media/a-gray.png") no-repeat 0 center;
}
.video-blog-area .side-menu ul li a span.a-blue {
  background: url("./media/a-blue.png") no-repeat 0 center;
}
.video-blog-area .side-menu ul li a span.q {
  background: url("./media/q.png") no-repeat 0 center;
}
.video-blog-area .video-player {
  -webkit-box-shadow: 0px 6px 26px -8px rgba(0, 0, 0, 0.41);
  -moz-box-shadow: 0px 6px 26px -8px rgba(0, 0, 0, 0.41);
  box-shadow: 0px 6px 26px -8px rgba(0, 0, 0, 0.41);
  margin-bottom: 16px;
}
.video-blog-area .video-player.default {
  box-shadow: none;
}
.video-blog-area-wrap .heading span {
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 29px;
  color: #000;
}
.video-blog-area-wrap .heading h4 {
  font-weight: 700;
  font-size: 19.5px;
  line-height: 23px;
  color: #000;
}
.video-blog-area-wrap .heading figure {
  max-width: 21px;
}
.video-blog-area-wrap .tabs ul li {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
}
.video-blog-area-wrap .tabs ul li a {
  color: #000;
  display: block;
  padding-bottom: 3px;
  border-bottom: 2px solid transparent;
}
.video-blog-area-wrap .tabs ul li a.active {
  border-color: #3c3b37;
}
.video-blog-area .load-more-result {
  margin-bottom: 30px;
}
.video-blog-area-wrap {
  max-width: 780px;
  border-bottom: 0.75px solid #c6c6c6;
  margin-bottom: 16px;
}
.mark-btn {
  display: table !important;
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  height: 36px;
  line-height: 36px;
  border: 1.125px solid #4a48ad;
}
.mark-btn a {
  display: block;
  color: #4a48ad;
}
.video-blog-area-wrap .reply-info {
  border-bottom: 1.22px solid #c6c6c6;
}
.video-blog-area-wrap .reply-info p {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  color: #000;
}
.video-blog-area-wrap .post-box .comment-form form {
  width: 90%;
}
.course-search-empty > figure {
}
.course-search-empty h3 {
  font-weight: 700;
  font-size: 22.9688px;
  line-height: 26px;
  color: #000;
  margin-bottom: 20px;
}
.course-search-empty p {
  font-size: 16.8438px;
  line-height: 14px;
  color: #4d4d4d;
}
.banner.course .banner-info form .form-group {
  position: relative;
}
.banner.course .banner-info form .form-group button {
  position: absolute;
  top: 15px;
  right: 23px;
  z-index: 999;
}
.video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .heading ul.info li {
  font-size: 17.5781px;
  line-height: 21px;
}
.video-blog-area-wrap .adaptive-question-area .heading ul.count li {
  font-size: 12px;
  line-height: 22px;
}
.video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .heading ul.info li span {
  font-size: 10.1113px;
  line-height: 22px;
}
.video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .heading ul.info li.count {
  min-width: 50px;
}
.video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .heading ul.info li.count span {
  min-width: 8px;
}
.video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .adaptive-answer-box > ul > li .answer > span {
  font-size: 17px;
  line-height: 23px;
  padding-left: 40px;
}
.video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .adaptive-answer-box .checkmark {
  top: -22px;
  left: -23px;
  width: 16px;
  height: 16px;
}
.video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .adaptive-answer-box .checkbox-group label .checkmark::after {
  left: 5px;
  top: 1px;
  width: 5px;
  height: 9px;
}
.video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .adaptive-answer-box.myques > ul > li .answer {
  margin-left: 0;
}
.save-next-btn.check-ans-btn {
  width: initial;
  border-radius: 6.25px !important;
}
.video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .adaptive-question-box.ans .checkmark {
  display: none;
  top: -20px;
}
.video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .adaptive-question-box.ans ul li .answer > span {
  padding: 0;
}
.video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .adaptive-question-box.ans ul li .answer > span {
  margin-top: 4px;
  margin-bottom: 4px;
}
.checkout-area {
  max-width: 1165px;
}
.checkout-area .heading {
  margin-bottom: 31px;
}
.checkout-area .heading h3 {
  font-weight: 700;
  font-size: 23.1791px;
  line-height: 31px;
  color: #29303b;
}
.checkout-area .heading.mycart {
  margin-bottom: 72px;
}
.order-box-area.mycart {
  margin-top: 60px;
}
.checkout-area .heading h2 {
  font-weight: 700;
  font-size: 33.75px;
  line-height: 48px;
  color: #c4c4c4;
}
.checkout-area .heading h2:hover {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.checkout-area .heading h2 span {
  color: #000;
}
.order-area {
  position: relative;
  max-width: 640px;
}
.order-box-content {
  min-height: 545px;
  background: #f8f8f9;
  border: 0.965795px solid #dedfe0;
  border-radius: 3.86318px;
  -webkit-border-radius: 3.86318px;
  margin-bottom: 60px;
}
.cart_product_img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 5px;
}
.order-details-wrap .order-info h4 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #29303b;
}
.order-details-wrap .order-info p {
  font-size: 12px;
  line-height: 14px;
  color: #4f4f4f;
}
.order-details {
  position: relative;
  margin-bottom: 20px;
}
.order-details .price {
  display: table;
}
.order-details .price span {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #29303b;
}
.order-details button {
  position: absolute;
  top: 7px;
  left: -47px;
  z-index: 999;
}
.order-box-area {
  padding-top: 62px;
}
.order-box {
  border: 0.812463px solid #c4c4c4;
  border-radius: 8.41238px;
  -webkit-border-radius: 8.41238px;
  padding: 17px 21px 25px 21px;
  margin-bottom: 25px;
}
.order-box h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #29303b;
  margin-bottom: 8px;
}
.order-box form {
  border: 0.841238px solid #c4c4c4;
  border-radius: 2.52371px;
  -webkit-border-radius: 2.52371px;
}
.order-box form input {
  width: 77% !important;
}
.order-box form input:focus {
  outline: 0;
  box-shadow: none;
}
.order-box form button {
  width: 23%;
  font-size: 13.4598px;
  line-height: 19px;
  color: rgba(74, 72, 173, 0.62);
}
.order-box form button:focus {
  outline: 0;
  box-shadow: none;
}
.order-box .info {
  margin-bottom: 5px;
}
.order-box .info p {
  font-size: 14px;
  line-height: 16px;
  color: #29303b;
}
.order-box .info .price {
  display: table;
}
.order-box .info .price span {
  display: block;
  font-size: 12.187px;
  line-height: 19px;
  color: #29303b;
}
.order-box .info .price.discount span {
  color: var(--success);
}
.order-box .total {
  margin: 15px 0;
}
.order-box .total p {
  font-weight: 700;
  font-size: 12.9994px;
  line-height: 19px;
  color: #29303b;
}
.order-box .total .price {
  display: table;
}
.order-box .total span {
  display: block;
  font-weight: 700;
  font-size: 15.4368px;
  line-height: 17px;
  color: #29303b;
}
.order-box p {
  font-size: 12px;
  line-height: 14px;
  color: #29303b;
}
.order-box p a {
  color: #4a48ad;
}
.complete-payment-btn {
  font-weight: 700;
  font-size: 13.8804px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 8.41238px;
  -webkit-border-radius: 8.41238px;
  height: 43px;
  line-height: 43px;
  margin-top: 6px;
}
.complete-payment-btn a {
  display: block;
}
.explore-btn {
  display: table;
  font-weight: 700;
  font-size: 12.6562px;
  line-height: 15px;
  letter-spacing: 0.175781px;
  min-width: 112.5px;
  height: 35.16px;
  line-height: 35.16px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 7.03125px;
  -webkit-border-radius: 7.03125px;
  margin-top: 22px;
}
.explore-btn a {
  display: block;
}
.checkout-area > figure {
  display: table;
  margin-bottom: 36px;
}
.checkout-area h3 {
  font-weight: 700;
  font-size: 24.75px;
  line-height: 30px;
  color: #000;
  margin-bottom: 6px;
}
.checkout-area p {
  color: #4d4d4d;
}
.checkout.archive .box-area .box-item {
  margin-bottom: 36px;
  height: 220px;
}
.checkout.archive .checkout-area {
  max-width: 1090px;
}
.checkout.archive .box .info figure {
  float: left;
  width: 20%;
}
.checkout.archive .box .info .info-wrap {
  float: left;
  width: 80%;
  padding-left: 20px;
}
.checkout.archive .box .info .info-wrap span {
  display: block;
  font-weight: 700;
  font-size: 18.8738px;
  line-height: 18px;
  color: #2c2c2c;
}
.checkout.archive .box .info .info-wrap h4 {
  font-weight: 700;
  font-size: 11px;
  line-height: 11px;
  color: #858585;
}
.checkout.archive .box .image-wrap figure {
  min-height: 95px;
}
.main-area.course.course-search-result .tabs ul li {
  font-size: 14px;
  line-height: 20px;
}
.main-area.course.course-search-result .tabs ul li {
  margin-right: 15px;
}
.main-area.course.course-search-result .tabs ul li a {
  color: #828282;
  padding: 3px 7px;
}
.main-area.course.course-search-result .tabs ul li a.active {
  background: #f3f3f4;
}
.filter {
  display: table;
  min-width: 90px;
  font-family: Helvetica;
  height: 38.63px;
  line-height: 38.63px;
  font-size: 13.5211px;
  background: #f3f3f4;
  border-radius: 7.72636px;
  -webkit-border-radius: 7.72636px;
}
.filter a {
  display: block;
  color: #0d0c22;
}
.filter a span {
  display: block;
  background: url("./media/filter-icon.png") no-repeat 0 center;
  padding-left: 27px;
}
.course-search-result#wrap {
  visibility: visible;
  opacity: 1;
  position: initial;
}
.course-search-result#wrap .form-group input {
  font-size: 16px;
  font-weight: 700;
  color: #000 !important;
  height: calc(1.75em + 1.5rem + 3px);
}
.course-search-result#wrap .form-group input::placeholder {
  color: #000 !important;
}
.main-area.course.course-search-result .heading h4 {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #000;
}
.filter-area .filter-item .title {
  margin-bottom: 10px;
}
.filter-area .filter-item .title h4 {
  font-size: 13.5211px;
  line-height: 19px;
  color: #0d0c22;
}
.filter-area .filter-item .dropdown a {
  font-size: 13.5211px;
  padding-left: 12px;
  padding-right: 12px;
}
.filter-area .filter-item .dropdown > a {
  border: 1.125px solid #cfcfcf;
  border-radius: 7.72636px;
  -webkit-border-radius: 7.72636px;
  line-height: 24px;
}
.filter-area .filter-item .dropdown > a span {
  display: block;
  background: url(/assets/images/angle-down-3.png) no-repeat right center;
  background-size: 10px;
  padding-right: 20px;
}
.filter-area .filter-item .dropdown.show > a span {
  display: block;
  background: url(/assets/images/angle-up-3.png) no-repeat right center;
  background-size: 10px;
  padding-right: 20px;
}
.filter-area .filter-item .dropdown > .white-caret span {
  background: url(/assets/images/angle-down-5.png) no-repeat right center !important;
}
.filter-area .filter-item .dropdown > .black-caret span {
  background: url(/assets/images/angle-down-2.png) no-repeat right center !important;
}
.filter-area .filter-item .dropdown > a:focus {
  box-shadow: none !important;
  outline: none;
}
.filter-area .filter-item .dropdown .dropdown-menu {
  box-shadow: 0px 9px 22.5px rgba(0, 0, 0, 0.14);
  border-radius: 7.72636px;
  -webkit-border-radius: 7.72636px;
  margin-top: 4px;
}
.filter-area .filter-item .dropdown .dropdown-menu a {
  line-height: 23px;
}
.tab-header {
  max-width: 1047px;
}
.checkout-area .filter-area .filter-item {
  float: none;
  width: 100%;
}
.checkout-area .video-item {
  margin-bottom: 20px;
  padding: 10px;
}
.checkout-area .course-item {
  border: 1px solid gray;
  border-radius: 9px;
}
.checkout-area .video-item .video-item-img {
  position: relative;
  margin-bottom: 12px;
}
.checkout-area .course-item .video-item-img {
  position: relative;
  margin-bottom: 12px;
}
.checkout-area .video-item .video-item-img .favorite-icon {
  position: absolute;
  top: 11px;
  right: 9px;
  z-index: 99;
}
.checkout-area .course-item .video-item-img .favorite-icon {
  position: absolute;
  top: 11px;
  right: 9px;
  z-index: 99;
}
.image-wrap .favorite-icon {
  position: absolute;
  top: 11px;
  right: 9px;
  z-index: 99;
}
.checkout-area .video-item h4 {
  font-size: 19px;
  line-height: 24px;
  color: #000;
  margin-bottom: 12px;
}
.checkout-area .video-item p {
  font-size: 13px;
  line-height: 24px;
  color: #000;
}
.purchase {
  padding: 65px 0;
}
.purchase-area {
  max-width: 905px;
}
.purchase-area .course-item {
  min-width: 288px;
}
.purchase-info h5 {
  font-weight: 700;
  font-size: 24.75px;
  line-height: 29px;
  color: #000;
}
.purchase-item {
  max-width: 427px;
  margin-bottom: 20px;
  padding: 0 5px;
}
.purchase-item figure {
  display: table;
  margin-bottom: 20px;
}
.purchase-item h3 {
  font-weight: 700;
  font-size: 18px;
  color: #000;
  margin-bottom: 8px;
}
.purchase-item p {
  font-size: 14px;
  color: #4d4d4d;
}
.purchase-item .start-btn {
  min-width: 112px;
  height: 35px;
  line-height: 35px;
  font-size: 12.6563px;
  letter-spacing: 0.175781px;
  border-radius: 7.03125px;
  -webkit-border-radius: 7.03125px;
  margin-top: 20px;
}
.checkout-area .purchase-info {
  padding-top: 40px;
}
.checkout-area .video-item .bottom-info {
  position: absolute;
  width: 220px;
  height: 7px;
  bottom: 25px;
  margin-top: 10px;
}
.checkout-area .course-item .bottom-info {
  width: 100%;
  height: 7px;
  bottom: 25px;
  margin-top: 26px;
}
.checkout-area .video-item .bottom-info .progress-bar {
  height: 5px;
  background-color: #bdbdbd;
}
.checkout-area .video-item .bottom-info .progress-bar .progress {
  width: 33.75px;
  height: 4.5px;
  background: #27ae60;
}
.checkout-area .video-item .bottom-info p {
  font-size: 9px;
  line-height: 24px;
  color: #000;
}
.checkout-area .course-item .bottom-info .progress-bar {
  height: 5px;
  background-color: #bdbdbd;
}
.checkout-area .course-item .bottom-info .progress-bar .progress {
  width: 33.75px;
  height: 4.5px;
  background: #27ae60;
}
.checkout-area .course-item .bottom-info p {
  font-size: 9px;
  line-height: 24px;
  color: #000;
}
.checkout-area .box-area {
  padding-bottom: 70px;
}
.checkout-area .box-area:first-child {
  padding-bottom: 0;
}
.asses-user p {
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
}
.asses-right ul li {
  min-height: initial;
  border: 0;
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  margin-bottom: 7.5px;
  padding-left: 23px;
  white-space: nowrap;
}
.asses-right ul li:last-child {
  margin-bottom: 0;
}
.asses-right ul li.calender {
  background: url("./media/calender-icon.png") no-repeat 0 center;
}
.asses-right ul li.session {
  background: url("./media/session-icon.png") no-repeat 0 center;
}
.asses-right ul li.assessment {
  background: url("./media/assessment-icon.png") no-repeat 0 center;
}
.asses-right ul li.resource {
  background: url("./media/play-button.png") no-repeat 0 center;
}
.asses-right ul li.quizze {
  background: url("./media/task-icon.png") no-repeat 0 center;
}
.massage-btn {
  float: right;
  font-size: 10.5px;
  min-width: 40px;
  height: 31.5px;
  line-height: 31.5px;
  border: 0.75px solid #4c73e6;
  border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  color: #004FA3;
}
.massage-btn a {
  display: block;
  color: #000;
}
.asses-about-area .item .title-wrap .highlight {
  display: table;
  font-weight: 700;
  font-size: 19.5px;
  line-height: 23px;
  background: rgba(39, 174, 96, 0.2);
  border-radius: 2.25px;
  -webkit-border-radius: 2.25px;
}
.asses-about-area .item .title-wrap .highlight span {
  display: block;
  color: #27ae60;
  padding: 0 12px;
}
.asses-about-area .item .title-wrap .highlight.bachelor {
  background: rgba(47, 128, 237, 0.1);
}
.asses-about-area .item .title-wrap .highlight.bachelor span {
  color: #2f80ed;
}
.google-img figure {
  width: 100%;
  margin-bottom: 22px;
}
.google-img h5 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  margin-bottom: 8px;
}
.google-img p {
  font-size: 15px;
  line-height: 18px;
  color: #000;
}
.course-content h4 {
  font-weight: 600;
  font-size: 22.5px;
  line-height: 26px;
  margin-bottom: 15px;
  color: #000;
}
.course-content p {
  font-family: "Karla";
  font-size: 13.5px;
  line-height: 18px;
  color: #000;
}
.course-content .content {
  max-width: 745px;
  position: relative;
  margin-top: 30px;
  margin-bottom: 90px;
  padding-left: 200px;
}
.course-content .content ul {
  margin-top: 40px;
}
.course-content .content ul li {
  font-size: 13.5px;
  line-height: 22px;
  color: #000;
  padding-left: 40px;
  margin-bottom: 20px;
}
.course-content .content ul li.play {
  background: url("./media/play-btn-2.png") no-repeat 0 center;
}
.course-content .content ul li.quiz {
  background: url("./media/question-3.png") no-repeat 0 center;
}
.course-content .content ul li.online-class {
  background: url("./media/online-class.png") no-repeat 0 center;
}
.course-content .content ul li.assessment {
  background: url("./media/assessment-3.png") no-repeat 0 center;
}
.course-content .content .week {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.course-content .content .week span {
  display: block;
  font-weight: 700;
  font-size: 75px;
  text-align: center;
  line-height: 88px;
  color: #858585;
  margin-bottom: -16px;
}
.course-content .content .week p {
  font-size: 22.5px;
  line-height: 26px;
  color: #858585;
  padding: 0 12px;
}
.course-content .bottom {
  font-size: 13.5px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.7);
  margin-top: 30px;
}
.course-content .bottom .wrap {
  float: left;
  font-size: 13.5px;
  line-height: 18px;
}
.course-content .bottom .wrap a {
  color: rgba(0, 0, 0, 0.7);
}
.asses-about-area.course {
  padding: 0 75px;
}
.asses-about-area .item .title-wrap .highlight.master {
  background: rgba(235, 87, 87, 0.1);
}
.asses-about-area .item .title-wrap .highlight.master span {
  color: #eb5757;
}
.asses-about-area .item .title-wrap .highlight.open {
  background: rgba(155, 81, 224, 0.1);
}
.asses-about-area .item .title-wrap .highlight.open span {
  color: #9b51e0;
}
.asses-about-area .item .price span.new-price {
  font-weight: 700;
  font-size: 33.75px;
  line-height: 17px;
  color: #29303b !important;
}
.asses-about-area .item .price span.old-price {
  position: relative;
  font-size: 22.5px;
  line-height: 17px;
  color: #29303b;
  margin-left: 13px;
}
.asses-about-area .item .take-asses-btn {
  font-size: 17.2463px;
  height: 50px;
  line-height: 50px;
  margin-top: 25px;
}
.asses-about-area .item .resume-btn {
  font-size: 17.2463px;
  height: 50px;
  line-height: 50px;
}
.asses-about-area.course .chapter-box.active {
  border: 0.75px solid #9796f0;
  box-shadow: 0px 3px 40.5px rgba(0, 0, 0, 0.11);
  border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
}
.asses-about-area.course .chapter-box .date-time {
  display: table;
  margin: 10px 0;
}
.asses-about-area.course .chapter-box .date-time span {
  display: block;
}
.asses-about-area.course .chapter-box .join-now-btn {
  font-weight: 700;
  font-size: 13.5px;
  display: table;
  min-width: 78.75px;
  height: 37.5px;
  line-height: 37.5px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  margin-top: 22px;
}
.asses-about-area.course .chapter-box .join-now-btn a {
  display: block;
}
.asses-about-area.course .chapter-box .practice-btn.attempt {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  margin-top: -12px !important;
}
.asses-about-area .item-wrap .item .wrap {
  margin-bottom: 16px;
}
.asses-about-area .item-wrap .item .wrap:last-child {
  margin-bottom: 0;
}
.asses-about-area .item-wrap .item .wrap span {
  display: block;
  font-size: 14.9963px;
  line-height: 18px;
  color: #828282;
}
.asses-about-area .item-wrap .item .progress-area span {
  display: table;
  font-weight: 700;
  font-size: 19.5px;
  line-height: 23px;
  color: #000;
}
.asses-about-area .item-wrap .item .progress-area p {
  font-size: 15px;
  line-height: 18px;
  color: #000;
}
.asses-about-area .item-wrap .item .progress-area p span {
  display: inline-block;
  font-size: 15px;
  line-height: 18px;
  color: #6fcf97;
}
.asses-about-area .item-wrap .item .progress-area .progress-bar {
  height: 5.62px;
  background: green;
  margin-bottom: 11px;
}
.asses-about-area .item-wrap .item .progress-area .progress-bar .progress {
  height: 5.62px;
  background: #6fcf97;
  width: 57px;
}
.goto-course-btn {
  display: table;
  font-size: 13.5px;
  min-width: 138px;
  height: 29.25px;
  line-height: 29.25px;
  margin-top: 36px;
}
.goto-course-btn a {
  display: block;
  color: #000;
}
.details-area.course .profile-area ul {
  float: left;
  padding: 0 8px;
  width: 30%;
}
.details-area.course .profile-area ul li {
  margin: 0 -8px;
  position: relative;
}
.details-area.course .profile-area ul li:nth-child(1) {
  z-index: 111;
}
.details-area.course .profile-area ul li:nth-child(2) {
  z-index: 11;
}
.details-area.course .profile-area ul li:nth-child(3) {
  z-index: 1;
}
.details-area.course .profile-area .info h5 {
  font-size: 13.5px;
  line-height: 16px;
}
.asses-about-area.course .chapter-box .date-time p {
  font-size: 13.5px;
  line-height: 16px;
  color: #373a3c;
  margin-top: 21px;
}
.asses-about-area.course .chapter-box .view-attempt-btn {
  display: table;
  background-color: #4776e6;
  font-family: Karla;
  font-size: 12px;
  text-align: center;
  min-width: 98px;
  height: 32px;
  line-height: 32px;
  border: 0.666667px solid #6fcf97;
  border-radius: 6.66667px;
  -webkit-border-radius: 6.66667px;
  margin-top: -20px;
  margin-left: auto;
}
.asses-about-area.course .chapter-box .view-attempt-btn a {
  display: block;
  color: #fff;
}
.perfectice-certificate-btn {
  font-size: 15px;
  height: 45px;
  line-height: 43px;
  border: 0.5625px solid #c4c4c4;
  margin-top: 20px;
}
.perfectice-certificate-btn a {
  display: block;
  color: rgba(0, 0, 0, 0.3);
}
.session {
  position: relative;
  min-height: 400px;
  max-width: 705px;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.session-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.session-inner-wrap {
  display: table;
  width: 100%;
  height: 100%;
}
.session-info {
  display: table-cell;
  vertical-align: middle;
}
.session-info figure {
  display: table;
  margin-bottom: 30px;
}
.session-content {
  max-width: 245px;
}
.session-content h4 {
  font-weight: 700;
  font-size: 21.7393px;
  line-height: 24px;
  color: #000;
  margin-bottom: 13px;
}
.session-content p {
  font-size: 16.1032px;
  line-height: 22px;
  color: #4d4d4d;
}
.session-content p a {
  color: #4d4d4d;
}
.session-content span {
  display: block;
  font-size: 16.1032px;
  line-height: 22px;
  color: #4d4d4d;
}
.session-content .join-btn {
  font-weight: 700;
  font-size: 12.6562px;
  display: table;
  min-width: 112.5px;
  height: 35.16px;
  line-height: 35.16px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 7.03125px;
  -webkit-border-radius: 7.03125px;
  margin-top: 16px;
}
.session-content .join-btn a {
  display: block;
}
.all-classes-btn {
  font-weight: 700;
  font-size: 18px;
  display: table;
  min-width: 152px;
  height: 36px;
  line-height: 36px;
  background: var(--primary);
  border-radius: 15px;
  -webkit-border-radius: 15px;
}
.all-classes-btn a {
  display: block;
}
.dashboard-area .sidebar .navbar-collapse ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dashboard-area .sidebar ul li {
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 5px;
}
.dashboard-area .sidebar ul li a {
  display: block;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  padding: 0 12px;
  color: #575757;
  border: 0;
}
.dashboard-area .sidebar ul li a.active,
.dashboard-area .sidebar ul li a:hover {
  box-shadow: 0px 4px 7px 0px rgb(139 139 139 / 16%);
  color: black;
  background-color: #fff;
}
.dashboard-area .post-box .assignment {
  background: #6fcf97;
  padding: 7.5px 10px;
}
.dashboard-area .post-box .assignment.bg-red {
  background: #eb5757;
}
.dashboard-area .post-box .assignment .image-icon {
  width: 27px;
  height: 27px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  padding: 4px;
}
.dashboard-area .post-box .assignment span {
  display: block;
  font-weight: 700;
  font-size: 15.75px;
  line-height: 18px;
}
.dashboard-area .post-box .special-info .image-icon {
  background:
    linear-gradient(
      90deg,
      rgba(84, 51, 255, 0.8) 0%,
      rgba(32, 189, 255, 0.8) 50%,
      rgba(165, 254, 203, 0.8) 100%);
  width: 64.12px;
  height: 64.12px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  padding: 16px;
}
.modal-content.congr {
  max-width: 625px;
}
.congratulation.modal-body figure {
  display: table;
}
.congratulation.modal-body {
  margin-bottom: 20px;
}
.congratulation.modal-body h2 {
  font-weight: 700;
  font-size: 24.75px;
  line-height: 28px;
  margin-bottom: 5px;
  color: #000;
}
.congratulation.modal-body p {
  font-size: 13.5px;
  line-height: 16px;
  color: #4d4d4d;
}
.class-board {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 15px;
  margin-bottom: 16px;
}
.class-board figure {
  width: 10%;
  float: left;
  padding: none;
}
.class-board-info h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 31px;
  color: #000;
  margin-bottom: 7px;
}
.class-board-info p {
  color: #000;
}
.class-board-detail h3 {
  font-weight: 700;
  font-size: 26.6667px;
  line-height: 31px;
  color: #000;
  margin-bottom: 7px;
}
.class-board-detail p {
  font-size: 13.3333px;
  line-height: 16px;
  color: #000;
}
.class-board-wrap {
  margin-top: 46px;
}
.class-board-wrap h5 {
  font-size: 13.33px;
  line-height: 16px;
  color: #828282;
}
.class-board-wrap span {
  font-weight: 700;
  font-size: 17.3333px;
  line-height: 20px;
  color: #000;
}
.class-board-wrap p {
  font-size: 13.3333px;
  line-height: 16px;
  color: #000;
}
.class-board-wrap .inner {
  display: table;
}
.event-calender .date-info {
  position: relative;
  max-width: 157px;
  padding: 0 13px;
  margin: 13px 0 20px 0;
}
.event-calender .date-info .caret-btn-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 10px;
  z-index: 99;
  background: url("./media/caret-left.png") no-repeat 0 0;
  background-size: contain;
}
.event-calender .date-info .caret-btn-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 10px;
  z-index: 99;
  background: url("./media/caret-right.png") no-repeat 0 0;
  background-size: contain;
}
.event-calender .heading {
  border-bottom: 0.666667px solid rgba(195, 195, 198, 0.5);
  padding: 0 13px;
  padding-bottom: 13px;
}
.event-calender .heading h4 {
  font-weight: 700;
  font-size: 13.3333px;
  line-height: 16px;
  color: #000;
}
.event-calender .date-info span {
  display: block;
  font-size: 12px;
  line-height: 14px;
  color: #000;
}
.event-calender .event.classroom {
  margin-left: 15px;
  margin-right: 15px;
}
.leader-board .heading {
  margin-bottom: 20px;
}
.leader-board .heading h4 {
  font-weight: 700;
  font-size: 13.3333px;
  line-height: 16px;
  color: #000;
}
.leader-board-wrap {
  margin-bottom: 8px;
}
.leader-board-wrap ul li {
  width: 20%;
  padding: 0 2px;
}
.leader-board-wrap .title {
  margin-bottom: 10px;
}
.leader-board-wrap .title h5 {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #000;
}
.leader-board .goto-course-btn {
  font-weight: 700;
  font-size: 13.3333px;
  width: 100%;
  height: 42px;
  line-height: 42px;
  background:
    linear-gradient(
      90deg,
      rgba(71, 118, 230, 0.8) 0%,
      rgba(142, 84, 233, 0.8) 100%);
  border-radius: 6.66667px;
  -webkit-border-radius: 6.66667px;
}
.line-height-27 {
  line-height: 27px !important;
}
.leader-board .goto-course-btn2 {
  font-weight: 700;
  font-size: 13.3333px;
  width: 100%;
  height: 42px;
  line-height: 37px !important;
  background:
    linear-gradient(
      90deg,
      rgba(71, 118, 230, 0.8) 0%,
      rgba(142, 84, 233, 0.8) 100%);
  border-radius: 6.66667px;
  -webkit-border-radius: 6.66667px;
}
.leader-board .goto-course-btn a {
  display: block;
  padding: 0 13px;
}
.leader-board .goto-course-btn a span {
  display: block;
  background: url("./media/arrow-right-white.png") no-repeat right center;
}
.leader-board .goto-course-btn2 a span {
  display: block;
  background: url("./media/arrow-right-white.png") no-repeat right center;
}
.dashboard-area.classroom {
  max-width: 1320px;
}
.header-area.classroom {
  max-width: 1320px;
}
.dashboard-area.classroom .event-calender .event::before {
  width: 7.5px;
  height: 100%;
  background: #15ddff;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.dashboard-area.classroom .event-calender .event {
  padding: 4px 15px 3px 15px;
}
.dashboard-area.classroom .event-calender .event h4 {
  font-size: 10.5px;
  line-height: 12px;
  margin-bottom: 3px;
}
.dashboard-area.classroom .event-calender .event span {
  font-size: 10.5px;
  line-height: 12px;
  color: #858585;
}
.dashboard-area.classroom .event-calender .event .date {
  padding-top: 6px;
}
.dashboard-area.classroom .event-calender .event .date span {
  font-weight: 700;
  font-size: 10.5px;
  line-height: 12px;
  color: #000;
}
.dashboard-area.classroom .box-card-item .info input {
  font-size: 15px;
  color: #4e4e4e;
}
.dashboard-area.classroom .box-card-item .info {
  padding: 10px 0 7px 11px;
}
.dashboard-area.classroom .box-card-item.share ul li {
  font-size: 10.5px;
  margin-right: 11px;
  line-height: 27px;
  border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
}
.dashboard-area.classroom .box-card-item.share ul {
  margin-top: 22px;
}
.dashboard-area.classroom .box-card-item {
  padding: 30px 30px 15px 30px;
}
.dashboard-area.classroom .profile-box .profile-info h4 {
  font-size: 14.9913px;
  line-height: 18px;
}
.dashboard-area.classroom .profile-box .profile-info ul li {
  font-size: 10.4939px;
  line-height: 12px;
}
.dashboard-area.classroom .box-card-item .info input {
  height: calc(1.25em + 0.5rem + 2px);
}
.dashboard-area.classroom .post-box-content p {
  font-size: 14px;
  line-height: 17px;
}
.dashboard-area.classroom .post-box-content {
  padding: 0 15px;
  margin-bottom: 15px;
}
.dashboard-area.classroom .box-card-item.share ul li a {
  padding: 0 5px;
}
.dashboard-area.classroom .box-card-item.share ul li a span {
  padding-left: 25px;
}
.dashboard-area.classroom .post-box .comments {
  font-size: 10.206px;
  line-height: 12px;
}
.dashboard-area.classroom .post-box .like ul li {
  font-size: 14.175px;
  line-height: 17px;
}
.dashboard-area.classroom .post-box .like ul li span.comment {
  padding-left: 20px;
  background-size: 13px;
}
.dashboard-area.classroom .post-box .special-info h4 {
  font-size: 15.75px;
  line-height: 18px;
  max-width: 62%;
  margin-bottom: 10px;
}
.new-accordion-a .question-answer-list_number .ques p,
.question-answer-list_number .ques code {
  font-weight: unset;
}
.new-padding-1 a {
  padding: 6px 0;
  border-radius: 4px !important;
}
.folder-area table .progress-btn a.dropdown-item.view-dropdown-item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.new-specialization-input input {
  font-size: 12px !important;
  height: 22px !important;
}
.dashboard-area.classroom .post-box .special-info span {
  font-size: 10.4939px;
  line-height: 12px;
  color: #575757;
  background: none;
  padding-left: 0;
  margin-bottom: 5px;
}
.new-padding-b {
  padding-top: 10px;
}
.dashboard-area.classroom .post-box .special-info {
  padding: 0 15px;
  margin-bottom: 15px;
}
.dashboard-area.classroom .post-box .special-info .inner .wrap {
  width: 100%;
  padding-left: 10px;
}
.dashboard-area.classroom .post-box .special-info .inner .wrap h4 {
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 5px;
}
.dashboard-area.classroom .post-box .special-info .inner .wrap p {
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 5px;
}
.dashboard-area.classroom .post-box .special-info .inner .wrap span {
  background: url("./media/clip.png") no-repeat 0 center;
  padding-left: 10px;
  background-size: 6px;
}
.dashboard-area.classroom .post-box .special-info .inner {
  padding: 5px 0;
}
.class-item {
  border: 0.912666px solid #dadce0;
  border-radius: 7.30132px;
  -webkit-border-radius: 7.30132px;
  margin-bottom: 16px;
}
.class-img {
  position: relative;
}
.class-img-wrap {
  overflow: hidden;
  position: absolute;
  bottom: -20px;
  left: 18px;
  z-index: 999;
  width: 63px;
  height: 63px;
  background: #c4c4c4;
  border-radius: 7.30132px;
  -webkit-border-radius: 7.30132px;
}
.class-info {
  padding: 33px 18px;
}
.class-info h4 {
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  color: #000;
}
.class-info p {
  font-size: 12px;
  line-height: 14px;
  color: #000;
}
.join-with-code-btn {
  min-width: 140px;
  display: table;
  font-weight: 700;
  font-size: 15.75px;
  height: 40px;
  line-height: 40px;
  background: #7572fe;
  border-radius: 33.75px;
  -webkit-border-radius: 33.75px;
  margin-bottom: 25px;
  margin-top: 12px;
}
.join-with-code-btn a {
  display: block;
}
.my-class-area {
  max-width: 1190px;
}
.my-class-area.my-class-area_new1 {
  margin-left: unset;
}
.assignment-area .title {
  margin-bottom: 25px;
  margin-top: 5px;
}
.assignment-area .title h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #4a48ad;
}
.assignment-item {
  border-radius: 7.5px;
  -webkit-border-radius: 7.5px;
  padding: 15px 20px;
  margin-bottom: 10px;
}
.assignment-item h5 {
  font-size: 14px;
  line-height: 16px;
  color: #000;
  text-transform: capitalize;
}
.course.assign {
  color: #575757 !important;
  font-size: 12px !important;
}
.assignment-info-top {
  margin-top: 15px;
}
.assign-date-marks {
  color: black;
  font-family: "Karla" !important;
  font-size: 12px !important;
}
.assignment-item .assignment-info-right {
  display: table;
}
.assignment-item .assignment-info-right span {
  display: block;
}
.assignment-item .assignment-info-right span strong {
  color: #000;
}
.class-board.assignment figure {
  width: 6%;
}
.class-board.assignment.assignFolder-display figure {
  display: contents !important;
}
.class-board.assignment.assignFolder-display figure img {
  height: 200px !important;
  min-width: unset !important;
}
.class-board.assignment .class-board-info {
  width: 94%;
}
.class-board.assessments-detail .class-board-info {
  width: 85%;
  margin-left: 30px;
}
.class-board.assignment .class-board-info h3 {
  font-size: 14px;
  line-height: 16px;
}
.class-board.assignment .class-board-info p {
  font-size: 12px;
  line-height: 14px;
}
.assignment-area {
  margin-bottom: 20px;
}
.assignment-content {
  padding-top: 20px;
  max-width: 790px;
}
.assignment-content-area {
  padding: 15px 0;
}
.assignment-content-area .form-control {
  font-size: 14px;
}
.assignment-content-area .submit-response-btn {
  display: table;
  font-size: 13.5px;
  min-width: 169.5px;
  height: 45.75px;
  line-height: 45.75px;
  background: rgba(117, 114, 254, 0.15);
  border-radius: 15px;
  -webkit-border-radius: 15px;
  margin-top: 110px;
}
.assignment-content-area .submit-response-btn a {
  display: block;
  color: #4a48ad;
}
.assignment-content-area p {
  font-size: 12px;
  line-height: 14px;
  color: #000;
  margin-bottom: 8px;
  word-break: break-word;
}
.assignment-content .heading {
  border-bottom: 1px solid #7572fe;
  padding-bottom: 8px;
}
.assignment-content .heading .heading-info h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #7572fe;
}
.assignment-content .heading .heading-info .name-info h5,
.assignment-content .heading .heading-info .name-info p {
  font-size: 12px;
  line-height: 16px;
  color: #7e7e7e;
}
.assignment-content .heading .item-wrap {
  display: table;
}
.assignment-content .heading .item {
  float: left;
  padding: 5px 22px;
  border-left: 0.5625px solid #7e7e7e;
}
.assignment-content .heading .item figure {
  margin-bottom: 4px;
}
.assignment-content .heading .item span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
.assignment-content .heading .item p {
  font-size: 12px;
  line-height: 14px;
  color: #7e7e7e;
}
.submission h4 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
.submission-wrap {
  border: 0.84375px solid #c4c4c4;
  border-radius: 8.4375px;
  -webkit-border-radius: 8.4375px;
  padding: 22px 20px;
  margin-top: 8px;
  cursor: pointer;
}
.submission-wrap h5 {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #000;
}
.submission .status {
  display: table;
}
.submission .status p {
  display: table;
  font-size: 15.1875px;
  line-height: 18px;
  color: #373a3c;
}
.assignment-content-area .submit-response-btn.edit {
  min-width: 85px;
  margin-top: 8px;
}
.document-area {
  margin-top: 16px;
}
.document-area .document {
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  max-width: 333px;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 8px;
}
.document-area .document a {
  display: block;
  color: #000;
  padding: 0 17px;
}
.document-area .document a span {
  display: block;
  background: url("./media/img-doc.png") no-repeat 0 center;
  padding: 14px 0 14px 39px;
  background-size: 22px;
}
.score {
  padding: 15px;
  background: #f4f4f7;
  margin-bottom: 20px;
}
.score h4 {
  font-weight: 700;
  font-size: 15.2979px;
  line-height: 18px;
  color: #000;
}
.score span {
  display: block;
  font-weight: 700;
  font-size: 20px;
  color: #000000;
  margin: 16px 0 33px 0;
}
.score p {
  font-size: 11.4734px;
  line-height: 13px;
  color: #858585;
}
.score .profile-img {
  margin: 15px 0;
}
.score .profile-img figure {
  width: 35px;
  height: 35px;
  overflow: hidden;
  float: left;
}
.score .profile-img .inner {
  width: 75%;
  float: left;
  padding: 11px 0 11px 7px;
}
.score .profile-img .inner h6 {
  font-size: 11.4734px;
  line-height: 13px;
  color: #000;
}
.assignment-container {
  max-width: 1200px;
}
.assignment-content .heading .heading-info .name-info .time {
  display: table;
}
.assignment-content .heading .heading-info .name-info .time span {
  font-size: 12px;
  line-height: 14px;
  color: #7e7e7e;
}
.submit-response-btn a span {
  background: url("./media/clip2.png") no-repeat 0 center;
  padding-left: 21px;
}
.assignment-content-area .title {
  position: relative;
  background: #f4f4f7;
  margin-bottom: 16px;
}
.assignment-content-area .title h5 {
  font-size: 13.5px;
  line-height: 16px;
  color: #000;
}
.assignment-content-area .title .box-btn {
  position: absolute;
  top: 2px;
  left: -49px;
  z-index: 999;
}
.assignment-content-area .title .box-btn a {
  display: block;
}
.assignment-content-area .box {
  position: relative;
  padding: 7.875px 7.25px;
  max-width: 731.25px;
  min-height: 168.75px;
  background: #f4f4f7;
  border-radius: 0;
}
.assignment-content-area .box .box-btn {
  position: absolute;
  top: 6px;
  left: -44px;
  z-index: 999;
}
.assignment-content-area .box .box-btn a {
  display: block;
}
.assignment-content-wrap {
  max-width: 1400px;
}
.assignment-content-wrap .search {
  padding: 8px 60px;
  border-bottom: 1.5px solid rgba(195, 195, 198, 0.5);
}
.assignment-content-wrap .search .submit-response-btn {
  display: table;
  font-size: 14px;
  min-width: 169.5px;
  height: 45.75px;
  line-height: 45.75px;
  background: rgba(117, 114, 254, 0.15);
  border-radius: 15px;
  -webkit-border-radius: 15px;
  color: #4a48ad;
}
.assignment-content-wrap .search form button:focus {
  outline: 0;
  box-shadow: none;
}
.assignment-content-wrap .search form .form-group {
  float: left;
  width: 75%;
}
.assignment-content-wrap .search form .form-btn {
  float: right;
  width: 25%;
}
.assignment-content-wrap .search form input {
  padding: 0 30px;
}
.assignment-content-wrap .search form input::placeholder,
.assignment-content-wrap .search form input {
  font-family: "Karla";
  font-size: 16.5px;
  color: #000;
}
.assignment-content-wrap .search form input:focus {
  outline: 0;
  box-shadow: none;
}
.assignment-content-wrap .search form button.close {
  position: relative;
  opacity: 1;
  float: left;
  width: 12px;
}
.document-area .document a.close {
  position: relative;
  opacity: 1;
  margin-top: -30px;
}
.sidebar-wrap {
  max-width: 187px;
}
.class-board .title {
  padding: 13px 28px 0 28px;
  margin-bottom: 40px;
}
.class-board .title h4 {
  font-size: 18px;
  line-height: 21px;
  color: #000;
}
.folder-area .folder a {
  display: block;
  font-size: 12px;
  line-height: 14px;
  color: #000000;
  border: 0.369141px solid #8b8b8b;
  border-radius: 7.38281px;
  -webkit-border-radius: 7.38281px;
  padding: 8px 18px 8px 8px;
}
.folder-area .folder a span {
  background: url("./media/ppt.png") no-repeat 0 center;
  padding-left: 20px;
}
.class-board.folder-board {
  min-height: 550px;
}
.folder-area table thead th {
  font-size: 14px;
  line-height: 16px;
  color: #575757;
}
.folder-area table tbody td {
  font-size: 12px;
  line-height: 14px;
  color: rgba(0, 0, 0, 0.7);
  white-space: nowrap;
}
.emoji-mart-scroll {
  height: 220px;
}
.class-board.folder-board .search-form-wrap {
  display: table;
}
.class-board.folder-board .search-form {
  float: left;
}
.class-board.folder-board .button {
  float: left;
  width: 50px;
  height: 24px;
  padding-left: 25px;
}
.class-board.folder-board .button a {
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.class-board.folder-board .button a figure {
  width: 24px;
  height: 24px;
}
.class-board.folder-board .search-form form input {
  padding-left: 30px;
  background: transparent !important;
  border: 0.480978px solid rgba(146, 146, 148, 0.5);
  border-radius: 4.80978px;
  -webkit-border-radius: 4.80978px;
  height: calc(1.5em + 0.75rem + 4px);
}
.class-board.folder-board .search-form form input {
  min-width: 199px;
}
.class-board.folder-board .search-form form input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.class-board.folder-board .search-form form input + span {
  display: block;
  margin-top: -20px;
  margin-left: 10px;
  width: 85px;
  height: 12px;
}
.class-board.folder-board .search-form form input:focus {
  outline: 0;
  box-shadow: none;
}
.folder-area table .folder figure {
  width: 22px;
}
.folder-area table .folder .inner {
  float: left;
  padding-left: 7px;
  align-items: center;
}
.folder-area table .folder .inner h4 {
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
.folder-area table .email {
  font-size: 15px;
  line-height: 18px;
}
.folder-area table .status {
  font-size: 15px;
  line-height: 18px;
}
.folder-area table .status span {
  position: relative;
  color: #000;
}
.folder-area table .status span.active::after {
  content: "";
  position: absolute;
  top: 6px;
  right: -20px;
  width: 9px;
  height: 9px;
  border-radius: 9px;
  background: #00f5a0;
}
.qqq {
  padding-left: 6.2rem;
}
.status {
  font-size: 15px;
  line-height: 18px;
  margin-top: -2.5px;
}
.status span {
  position: relative;
  color: #000;
}
.status span.active::after {
  content: "";
  position: absolute;
  top: 6px;
  right: -20px;
  width: 9px;
  height: 9px;
  border-radius: 9px;
  background: #00f5a0;
}
.folder-area table .email a {
  color: #000;
}
.folder-area table .msg-btn {
  display: table;
  font-size: 11.25px;
  height: 30px;
  line-height: 30px;
}
.folder-area table .msg-btn a {
  border: 0.5625px solid #c4c4c4;
  overflow: hidden;
  display: block;
  color: #000;
  border-radius: 5.625px;
  -webkit-border-radius: 5.625px;
}
.class-board.folder-board .tabs ul li {
  font-size: 18px;
  line-height: 21px;
}
.class-board.folder-board .tabs ul li a {
  color: #000;
  padding-bottom: 8px !important;
  border-bottom: 3px solid transparent;
}
.class-board.folder-board .tabs ul li a.active {
  border-left: none;
  border-right: none;
  border-top: none;
  border-color: #4a48ad;
}
.class-board.folder-board .tab-pane {
  margin-top: 40px;
  padding: 0 20px;
}
.non-stepper .tab-pane {
  margin: 0px !important;
  padding: 0px !important;
}
.chapter-box.test figure {
  float: left;
  width: 151px;
  height: 151px;
}
.chapter-box.test h2 {
  font-size: 22.5px;
  line-height: 26px;
}
.chapter-box.test .test-wrap > ul {
  margin-top: 12px;
}
.chapter-box.test .test-wrap > ul li:first-child {
  padding-left: 0;
}
.chapter-box.test .test-wrap > ul li {
  font-weight: 700;
  font-size: 11.25px;
  line-height: 13px;
  color: #8a8a8a;
  padding: 0 10px;
  border-right: 0.4px solid #8a8a8a;
}
.chapter-box.test .test-wrap .test-wrap-bottom ul {
  margin-top: 9px;
}
.chapter-box.test .test-wrap .test-wrap-bottom ul li {
  font-weight: 700;
  font-size: 13.5px;
  line-height: 16px;
  color: #8a8a8a;
  margin-right: 15px;
}
.chapter-box.test .test-wrap .test-wrap-bottom .take-test-btn a {
  color: #000;
  display: block;
}
.messaging {
  margin: 20px 0;
}
.inbox_people {
  overflow: hidden;
  width: 32%;
  float: left;
  border-right: 1.5px solid rgba(139, 139, 139, 0.2);
}
.inbox_people.d-lg-none.d-block .custom_scrollbar {
  max-height: 300px;
}
.inbox_msg {
  clear: both;
  overflow: hidden;
}
.top_spac {
  margin: 20px 0 0;
}
.srch_bar {
  display: inline-block;
  text-align: right;
  width: 60%;
}
.headind_srch {
  padding: 10px 15px;
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  background-color: #f8f9fa !important;
  min-height: 56px;
}
.recent_heading h4 {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #000;
}
.srch_bar input {
  border: 1px solid #cdcdcd;
  border-width: 0 0 1px 0;
  width: 80%;
  padding: 2px 0 4px 6px;
  background: none;
}
.srch_bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #707070;
  font-size: 18px;
}
.srch_bar .input-group-addon {
  margin: 0 0 0 -27px;
}
.chat_ib h5 {
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
.active_chat .chat_ib h5 {
  font-weight: 700;
}
.chat_ib .status {
  position: absolute;
  right: 0;
  top: 4px;
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 9px;
  z-index: 99;
}
.new-bg-black {
  background-color: #000 !important;
}
.active_chat .chat_ib .status {
  background: #4a48ad;
  display: none;
}
.new-flex-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}
.new-flex-box .saving-box {
  width: 100%;
  text-align: right;
  margin-top: 10px;
}
.new-button-clo {
  position: absolute;
  right: 10px;
  top: 0;
  height: 36px;
  padding: 10px;
  z-index: 11;
}
.chat_ib p {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.chat_ib a {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}
.text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.text-ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.codeArgDescriptIon {
  font-size: 18px;
  line-height: 24px;
  font-family: "Karla";
  color: black;
}
.selected_chat {
  background-color: rgba(139, 139, 139, 0.2);
}
.chat_img {
  float: left;
  width: 11%;
}
.chat_img figure {
  background-image: url(/assets/images/profile-img.png);
  background-size: 100% 100%;
  width: 32px;
  height: 32px;
}
.chat_ib {
  width: calc(100% - 30px);
  margin-left: 8px;
}
.chat_people {
  overflow: hidden;
  clear: both;
  position: relative;
}
.chat_list {
  margin: 0;
  padding: 10px 15px;
  cursor: pointer;
}
.inbox_chat {
  max-height: 470px;
  overflow-y: auto;
  border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}
.left_chat_list {
  height: 470px;
  overflow-y: auto;
}
.msg_time {
  font-size: 0.7em;
  margin-top: 8px;
  padding: 0px 3px;
}
.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
  margin: 8px 0 0;
}
.mesgs {
  float: left;
  width: 68%;
  position: relative;
}
.mesgs .title {
  display: table;
  position: relative;
  padding: 15px 15px 0 15px;
  margin-bottom: 30px;
}
.mesgs .title span.status {
  display: block;
  position: absolute;
  top: 23px;
  right: 0;
  z-index: 99;
  width: 9px;
  height: 9px;
  background: #00f5a0;
  border-radius: 9px;
}
.mesgs .title h3 {
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  color: #000;
}
.sent_msg p {
  font-size: 13.5px;
  line-height: 16px;
  color: #000;
}
.outgoing_msg {
  overflow: hidden;
  margin: 2px 0px;
}
.sent_msg {
  padding: 13px 15px;
  background: #f4f4f7;
  border-radius: 12px;
}
.input_msg_write input {
  font-size: 12px;
  color: #000;
  min-height: 36px;
}
.input_msg_write input::placeholder {
  color: #a0a0a0;
}
.input_msg_write input:focus,
.input_msg_write button:focus {
  outline: 0;
  box-shadow: none;
}
.type_msg {
  border-top: 1px solid #c4c4c4;
  position: relative;
}
.msg_send_btn {
  cursor: pointer;
  font-weight: 700;
  font-size: 12px;
  min-width: 108px;
  height: 36px;
  line-height: 36px;
  background: #8e54e9;
  border-radius: 7.5px;
}
.msg_history {
  height: 415px;
  overflow-y: auto;
  padding: 15px;
}
.chat_list.msg-center.active {
  background: #f4f4f7;
}
.chat_list.msg-center .chat_ib p {
  color: #4a48ad;
}
.headind_srch.border {
  border: 0 !important;
  border-bottom: 1.125px solid #e8e8e8 !important;
}
.mesgs .mesgs-inner {
  padding: 0 0 15px 0;
  border-bottom: 1.125px solid #e8e8e8;
}
.img_control_abs .site-banner {
  position: absolute;
  right: 15px;
  top: 15px;
  max-width: 100px;
  max-height: 40px;
}
.img_control_wrapper {
  min-height: 50px;
}
.mesgs .mesgs-inner h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  color: #4a48ad;
  margin-bottom: 0px;
  padding-right: 15px;
}
.mesgs .mesgs-inner p {
  font-size: 13.5px;
  line-height: 18px;
  color: #000;
}
.mesgs .mesgs-inner a {
  color: var(--primary);
}
.mesgs .mesgs-inner .bottom-info {
  padding-top: 32px;
}
.mesgs .mesgs-inner .bottom-info p span {
  display: block;
}
.mesgs .mesgs-inner .color-primary-emphasis {
  color: #004085;
}
.delete-btn {
  font-weight: 600;
  font-size: 14.625px;
  margin-top: -41px;
  display: table;
  min-width: 90px;
  height: 39.38px;
  line-height: 39.38px;
  border: 1.125px solid #e8e8e8;
  border-radius: 3.375px;
  margin-left: 20px;
}
.delete-btn a {
  display: block;
  color: #5f6368;
}
.calender-area .table th {
  font-size: 11.0252px;
  line-height: 13px;
  color: #000;
  padding: 0.75rem;
  vertical-align: middle;
  border: 0;
}
.calender-area .table td {
  font-size: 11.0252px;
  line-height: 13px;
  color: #000;
  height: 99px;
  padding: 0.75rem;
  border: 1px solid #dee2e6;
}
.calender-area .event-calender .event h4 {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #000;
}
.event-calender .event span {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #4c4c4c;
}
.event-calender .title {
  margin-bottom: 37px;
}
.event-calender .title h4 {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #000;
}
.calender-area-top {
  margin-top: 6px;
  margin-bottom: 33px;
}
.calender-area-top .select-month {
  float: left;
}
.calender-area-top ul {
  float: left;
  padding: 0 55px;
}
.calender-area-top ul li {
  font-size: 18.3754px;
  line-height: 19px;
  margin-right: 14px;
}
.calender-area-top ul li a {
  border-radius: 9.18769px;
  display: block;
  padding: 3.67508px 8.26892px;
  color: #4d4d4d;
}
.calender-area-top ul li a.active {
  border: 0.918769px solid #c4c4c4;
  background: #ffffff;
}
.calender-area-top .select-month span {
  font-size: 18.3754px;
  line-height: 21px;
  text-align: center;
  color: #4d4d4d;
  display: block;
  width: 218.67px;
  height: 28.48px;
  border: 0.918769px solid #c4c4c4;
  border-radius: 9.18769px;
}
.calender-area-top .select-month button:focus {
  outline: 0;
  box-shadow: none;
}
.calender-area .table td.active {
  background: rgba(117, 114, 254, 0.15);
}
.calender-area .table td {
  width: 129px;
}
.calender-area .table td span {
  display: block;
  margin-bottom: 9px;
}
.dot-wrap {
  max-width: 129px;
}
.calender-area .table td span.dot {
  display: inline-block;
  width: 17.46px;
  height: 17.46px;
  border-radius: 100%;
}
.calender-area .table td.active span.dot {
  margin-right: 4px;
  width: 12.47px;
  height: 12.47px;
  border-radius: 100%;
  float: left;
}
.calender-area .table td span.dot.blue {
  background: #15ddff;
}
.calender-area .table td span.dot.purple {
  background: #af8cef;
}
.calender-area .table td span.dot.yellow {
  background: #ffeb3b;
}
.calender-area .table td span.dot.red {
  background: #ce3737;
}
.calender-area .table td span.active {
  width: 21.13px;
  height: 21.13px;
  line-height: 21.13px;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  background: #af8cef;
}
.calender-area .event-calender {
  margin-top: 6px;
}
.calender-area .calender-week {
  margin-left: -210px;
}
.calender-area .calender-week .table th {
  background: #fcfcfc;
  border: 0.3375px solid #dee2e6;
}
.calender-area .calender-week .table th span {
  display: block;
  font-size: 12.15px;
  font-weight: 400;
  line-height: 14px;
  color: #000;
}
.calender-area .calender-week .table th.active span {
  color: #5251ab;
}
.calender-area .calender-week .table th span.date {
  font-size: 15.525px;
  line-height: 18px;
}
.calender-area .calender-week .table td {
  position: relative;
  height: initial;
  color: #000;
}
.calender-area .calender-week .table td.time {
  font-size: 7.875px;
  line-height: 9px;
  color: #000;
}
.calender-area .calender-week .table td.gray {
  background: #d3d3d2;
}
.calender-area-top .button-group {
  float: right;
}
.calender-area .calender-week .table td .info {
  position: absolute;
  top: -12px;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 160.88px;
  background: #fcfcfc;
  border: 1.125px solid #a5a5a5;
  padding: 11px 12px;
}
.calender-area .calender-week .table td .info h4 {
  font-size: 12.15px;
  line-height: 14px;
  color: #5251ab;
}
.calender-area .calender-week .table td .inner {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.calender-area .calender-week .table td .info.session {
  top: 0;
  left: 0;
  height: 160.88px;
  border-radius: 0;
}
.calender-area .calender-week .table td .info a {
  display: block;
}
.calender-area .details-box {
  position: absolute;
  bottom: 50%;
  left: 110%;
  width: 272px;
  height: 146px;
  z-index: 99;
  background: #fcfcfc;
  box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.15);
  padding: 15px;
}
.calender-area .details-box {
  bottom: 75%;
}
.calender-area .details-box h3 {
  font-weight: 700;
  font-size: 13.2923px;
  line-height: 16px;
  color: #000;
  margin-bottom: 15px;
}
.calender-area .details-box span {
  display: block;
  font-size: 9.29px;
  line-height: 13px;
  color: #000;
  margin-bottom: 7px;
}
.calender-area .details-box p {
  font-size: 10.29px;
  line-height: 14px;
  color: #4f4f4f;
}
.calender-area .details-box .view-details-btn {
  font-size: 8.16103px;
  line-height: 11px;
  display: table;
  min-width: 68px;
  height: 27px;
  line-height: 27px;
  background: #8e54e9;
  border-radius: 3px;
  margin-top: 15px;
}
.calender-area .details-box .view-details-btn a {
  display: block;
}
.student-details {
  padding: 30px;
  border-radius: 3.33px;
  min-height: 725px;
}
.student-details .title {
  margin-bottom: 50px;
}
.student-details .title h3 {
  font-weight: 700;
  font-size: 23.67px;
  line-height: 27px;
  color: #000;
}
.student-details .title h3 a {
  color: #000;
}
.student-details .class-board-info p a {
  color: #6a6aff;
}
.student-details-area {
  max-width: 625px;
}
.student-details-area form {
  margin-bottom: 30px;
  margin-top: 50px;
}
.student-details-area form label {
  font-weight: 700;
  font-size: 17.33px;
  line-height: 20px;
  color: #000;
  width: 36%;
  padding-right: 20px;
  text-align: right;
}
.student-details-area form input {
  width: 64%;
  border: 1px solid #c4c4c4 !important;
  border-radius: 3px;
}
.student-details-area form input::placeholder {
  font-size: 13.3333px;
  color: #000;
}
.student-details-area form input:focus {
  outline: 0;
  box-shadow: none;
}
.student-details-area form button {
  display: table;
  font-size: 12px;
  min-width: 105px;
  height: 40.67px;
  line-height: 40.67px;
  background: rgba(74, 72, 173, 0.6);
  border-radius: 13.3333px;
  margin-top: 30px;
}
.student-details-area form button.change-pass {
  min-width: 170px;
  background: #4a48ad;
}
.student-details-area form button:focus {
  outline: 0;
  box-shadow: none;
}
.student-details-area.change-pass form input {
  background: #f4f4f7;
}
.student-details .class-board {
  max-width: 530px;
}
.analytics {
  padding: 40px 0;
}
.analytics-area {
  max-width: 1215px;
  margin-bottom: 48px;
}
.analytics-item-wrap {
  margin: 0 -26px;
}
.analytics-item {
  width: 20%;
  float: left;
  padding: 0 26px;
  margin-bottom: 30px;
}
.analytics-item-inner {
  font-size: 12.3184px;
  line-height: 14px;
  color: #000;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  padding: 20px;
}
.analytics-item .circle {
  width: 83.6px;
  height: 83.6px;
  padding: 5px;
  border-radius: 100%;
  background:
    linear-gradient(
      90deg,
      #da22ff 0%,
      #9733ee 100%);
  margin-bottom: 16px;
}
.analytics-item .circle .inner {
  display: table;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.analytics-item .circle .inner span {
  display: table-cell;
  vertical-align: middle;
  font-weight: 700;
  font-size: 16.5581px;
  line-height: 19px;
  color: #000;
}
.analytics-item .subject {
  margin-top: 25px;
  display: table;
}
.analytics-item .subject figure {
  float: left;
  width: 19%;
}
.analytics-item .subject .name {
  float: left;
  width: 81%;
  padding-left: 11px;
  padding-top: 5px;
}
.analytics-item .subject .name h6 {
  font-size: 12.0487px;
  line-height: 14px;
  color: #000;
}
.trend-item {
  display: table;
  min-width: 521px;
  min-height: 337px;
  padding: 40px;
  margin-bottom: 40px;
}
.trend-item .trend-item-inner {
  display: table-cell;
  vertical-align: middle;
}
.trend-item .trend-item-inner .info {
  display: table;
}
.analytics-area .heading {
  margin-bottom: 45px;
}
.analytics-area .heading h3 {
  font-weight: 700;
  font-size: 19.0688px;
  line-height: 22px;
  color: #000;
}
.analytics-area .heading.mycart {
  margin-bottom: 72px;
}
.analytics-area .heading h2 {
  font-weight: 700;
  font-size: 33.75px;
  line-height: 48px;
  color: #c4c4c4;
}
.analytics-area .heading h2:hover {
  color: #000;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.analytics-area .heading h2 span {
  color: #000;
}
.analytics-box-area {
  max-width: 1215px;
  padding-top: 80px;
  margin-bottom: 48px;
}
.analytics-box-wrap {
  margin: 0 -6px;
}
.analytics-box {
  width: 20%;
  float: left;
  padding: 0 6px;
  margin-bottom: 23px;
}
.analytics-box-inner {
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  padding: 20px;
}
.analytics-box-inner .circle {
  position: relative;
  border-radius: 100%;
  display: table;
  width: 70.31px;
  height: 70.31px;
  border: 0.5625px solid #c4c4c4;
  margin-bottom: 15px;
}
.analytics-box-inner .circle.time::before {
  content: "";
  position: absolute;
  top: -5px;
  right: 7px;
  width: 28px;
  height: 15px;
  background: url("./media/Ellipse30.png") no-repeat 0 0;
}
.analytics-box-inner .circle.percent::before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  width: 39px;
  height: 60px;
  background: url("./media/Ellipse31.png") no-repeat 0 0;
}
.analytics-box-inner .circle .inner {
  display: table-cell;
  vertical-align: middle;
}
.analytics-box-inner .circle .inner span {
  display: block;
  padding: 10px;
}
.practice-effort-dist {
  display: table;
  min-width: 478px;
  min-height: 418px;
  background: #e5e5e5;
}
.practice-effort-dist .inner {
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
}
.analytics-box .subject {
  margin-top: 25px;
  display: table;
}
.analytics-box .subject figure {
  float: left;
  width: 19%;
}
.analytics-box .subject .name {
  float: left;
  width: 81%;
  padding-left: 11px;
  padding-top: 5px;
}
.analytics-box .subject .name h6 {
  font-size: 12.0487px;
  line-height: 14px;
  color: #000;
}
.analytics-box-inner h6 {
  font-size: 9.79875px;
  line-height: 11px;
  color: #000;
}
.analytics-box-inner .inner span {
  font-weight: 700;
  font-size: 13.1712px;
  line-height: 15px;
  color: #000;
}
.analytics-area ul.nav-pills {
  margin-bottom: 55px;
  border-bottom: 1.5px solid #c4c4c4;
}
.analytics-area ul li {
  font-size: 15px;
  line-height: 18px;
}
.analytics-area ul li a {
  border-bottom: 2px solid transparent;
  color: #4b4b4b;
}
.analytics-area ul.nav-pills .nav-link.active,
.analytics-area ul.nav-pills .show > .nav-link {
  font-weight: 700;
  color: #5251ab;
  background-color: transparent;
  border-bottom: 2.25px solid #5251ab;
  border-radius: 0;
}
footer {
  display: none;
  padding: 5px 0;
}
.footer-area ul li {
}
.footer-area ul li a {
}
.mobile-menuicons {
  padding: 0;
}
.mobile-menuicons .nav-pills .nav-link.active,
.mobile-menuicons .nav-pills .show > .nav-link {
  background-color: transparent;
}
.mobile-menuicons li [class^=icon-] {
  line-height: 1;
}
.mobile-menuicons .nav-link {
  padding: 1px;
}
.mobile-menuicons .nav-link img {
  max-width: 60px;
  display: block;
  margin: auto;
}
footer.mcq {
  background:
    linear-gradient(
      90deg,
      #1488cc 0%,
      #2b32b2 100%);
  padding: 28px 0;
}
.subject-area button.owl-next.disabled {
  display: block;
}
.carousel-area {
  margin-bottom: 70px;
}
.carousel-area .carousel-control-next,
.carousel-area .carousel-control-prev {
  width: 61px;
  opacity: 1;
  background: #4a48ad;
}
.carousel-area .carousel-control-next-icon {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  background-image: initial;
  width: initial;
  height: initial;
  border-top: 1px solid #fff;
  padding-top: 3px;
}
.carousel-area .carousel-indicators li {
  overflow: hidden;
  width: 16px;
  height: 16px;
  margin-right: 11px;
  border-radius: 16px;
  border: 2.25px solid #29277e;
  background: none;
  margin-bottom: 13px;
  position: relative;
}
.carousel-area .carousel-indicators li.active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5.62px;
  height: 5.62px;
  border-radius: 16px;
  background: #29277e;
  transform: translate(-50%, -50%);
}
.modal-body .image-btn {
  background: rgba(235, 235, 249, 0.53);
  color: #000;
}
.modal-body .image-btn span {
  background: url("./media/icon-video.png") no-repeat 0 center;
  padding-left: 32px;
}
.modal-body .document-btn {
  background: rgba(235, 235, 249, 0.53);
  color: #000;
}
.modal-body .document-btn span {
  background: url("./media/ICON_DOC.png") no-repeat 0 center;
  padding-left: 32px;
}
figure.table table {
  width: 100%;
}
.max-with-image img {
  max-width: 100%;
}
.word-break-w {
  word-break: break-word;
}
.card.panel {
  position: relative;
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
.panel-heading.card-header {
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 0;
}
.panel-body.card-body {
  padding: 0;
}
.mathjax-container {
  color: black;
}
.mathjax-container > * {
  white-space: pre-wrap;
}
.mathjax-container > table {
  white-space: inherit;
}
.mathjax-over-initial .mathjax-container {
  overflow: initial !important;
}
.post-box-content table {
  width: 100% !important;
}
.chapter-box.test figure {
  float: left;
  width: 120px;
}
.chapter-box.test h2 {
  font-size: 22.5px;
  line-height: 26px;
}
.chapter-box.test .test-wrap > ul {
  margin-top: 12px;
}
.chapter-box.test .test-wrap > ul li:first-child {
  padding-left: 0;
}
.chapter-box.test .test-wrap > ul li {
  font-weight: 700;
  font-size: 11.25px;
  line-height: 13px;
  color: #8a8a8a;
  padding: 0 10px;
  border-right: 0.4px solid #8a8a8a;
}
.chapter-box.test .test-wrap .test-wrap-bottom ul {
  margin-top: 9px;
}
.chapter-box.test .test-wrap .test-wrap-bottom ul li {
  font-weight: 700;
  font-size: 13.5px;
  line-height: 16px;
  color: #8a8a8a;
  margin-right: 15px;
}
.chapter-box.test .test-wrap .test-wrap-bottom .take-test-btn a {
  color: #000;
  display: block;
}
a.disabled {
  pointer-events: none;
  opacity: 0.65;
}
.avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  background-color: lightgray;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.subject-area > h4 {
  color: black;
}
.pre-wrap {
  white-space: pre-wrap;
  overflow: auto;
}
.fullscreen-off {
  position: fixed;
  top: 10px;
  right: 30px;
  z-index: 1001;
}
.CodeMirror-fullscreen {
  z-index: 1000;
}
.inline-code .CodeMirror {
  height: auto;
}
.chk-normal {
  appearance: auto;
  margin: 3px 3px 3px 4px;
}
.range-control {
  appearance: auto;
}
.underline {
  text-decoration: underline;
}
.cal-modal .modal-content {
  background: #0000;
}
.multiselect-dropdown .dropdown-btn {
  position: relative;
  border: none !important;
}
.dropdown-down {
  display: inline-block;
  position: absolute;
  width: 10px !important;
  height: 10px !important;
  background: transparent;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-top: 2px solid #000 !important;
  border-left: 2px solid #000 !important;
  transform: rotate(-135deg);
  transition: all 250ms ease-in-out;
}
.dropdown-down:before {
  display: block;
  height: 20px;
  width: 20px;
  content: "";
  transform: rotate(45deg);
}
.dropdown-up {
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 10px;
  width: 10px !important;
  height: 10px !important;
  background: transparent;
  border-bottom: 0 !important;
  border-right: 0 !important;
  border-top: 2px solid #000 !important;
  border-left: 2px solid #000 !important;
  transition: all 250ms ease-in-out;
  transform: rotate(45deg);
}
.dropdown-up:before {
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  transform: rotate(45deg);
}
.answer-input-box {
  margin-left: 10px;
  margin-right: 10px;
  min-width: 50px;
  display: inline;
}
.yes-no .btn {
  min-width: 45px;
  height: 29.33px;
  line-height: 28px;
  border: 1px solid #8a8a8a;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 12.5px;
  margin: 0 5px;
  margin-top: -9px;
  padding: 0px;
}
.btn.box.focus,
.yes-no .btn.focus {
  outline: none;
  box-shadow: none;
}
.btn.box.active,
.yes-no .btn.active {
  background: #7572fe;
  color: #fff;
}
.question-table {
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
}
.question-table > .question-table-item {
  flex: 0 0 40px;
  max-width: 40px;
  margin: 5px;
  padding: 0 !important;
}
.question-table-item .number span.circle::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 15px;
  height: 15px;
  background: #08db62;
  border-radius: 15px;
  -webkit-border-radius: 15px;
}
.question-table-item .number.red {
  background: #f15454;
  color: #fff;
}
.question-table-item .number.blue {
  background: #107ebd;
  color: #fff;
}
.question-table-item .number.green {
  background: #08db62;
  color: #fff;
}
.question-table-item .number {
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  position: relative;
  border: 0;
  background: #fff;
  -webkit-border-radius: 10px;
  color: #000;
  padding: 0;
  line-height: 40px;
  width: 40px;
}
.answer-input-box {
  margin-left: 10px;
  margin-right: 10px;
  min-width: 50px;
  display: inline;
}
.compile-error {
  color: red;
}
.line-error {
  background: #fbc2c4 !important;
}
.code-dark-mode .line-error {
  background: #7777 !important;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-pointer.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.checkout-area .box-item {
  width: 100%;
  float: none;
}
.edit-profile-link {
  display: table;
  font-weight: 500;
  font-size: 9.33333px;
  line-height: 11px;
}
.assess-archive-item {
  width: 20% !important;
  float: left !important;
}
.assess-archive-item .box .info {
  min-height: 33px;
}
.min-h-0 {
  min-height: 0px !important;
}
.show-pass {
  position: absolute;
  top: 8px;
  right: 10px;
}
.event-list {
  max-height: 540px;
  overflow: auto;
}
.analytics {
  padding: 40px 0;
}
.analytics-area {
  max-width: 1215px;
  margin-bottom: 48px;
}
.analytics-item-wrap {
  margin: 0 -26px;
}
.analytics-item {
  width: 20%;
  float: left;
  padding: 0 26px;
  margin-bottom: 30px;
}
.analytics-item-inner {
  font-size: 12.3184px;
  line-height: 14px;
  color: #000;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  padding: 20px;
}
.analytics-item .circle {
  width: 83.6px;
  height: 83.6px;
  padding: 5px;
  border-radius: 100%;
  background:
    linear-gradient(
      90deg,
      #da22ff 0%,
      #9733ee 100%);
  margin-bottom: 16px;
}
.analytics-item .circle .inner {
  display: table;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.analytics-item .circle .inner span {
  display: table-cell;
  vertical-align: middle;
  font-weight: 700;
  font-size: 16.5581px;
  line-height: 19px;
  color: #000;
}
.analytics-item .subject {
  margin-top: 25px;
  display: table;
}
.analytics-item .subject figure {
  float: left;
  width: 19%;
}
.analytics-item .subject .name {
  float: left;
  width: 81%;
  padding-left: 11px;
  padding-top: 5px;
  height: 33px;
}
.analytics-item .subject .name h6 {
  font-size: 12.0487px;
  line-height: 14px;
  color: #000;
}
.trend-item {
  display: table;
  min-width: 521px;
  min-height: 337px;
  padding: 40px;
  margin-bottom: 40px;
}
.trend-item .trend-item-inner {
  display: table-cell;
  vertical-align: middle;
}
.trend-item .trend-item-inner .info {
  display: table;
}
.analytics-area .heading {
  margin-bottom: 45px;
}
.analytics-area .heading h3 {
  font-weight: 700;
  font-size: 19.0688px;
  line-height: 22px;
  color: #000;
}
.analytics-area .heading.mycart {
  margin-bottom: 72px;
}
.analytics-area .heading h2 {
  font-weight: 700;
  font-size: 33.75px;
  line-height: 48px;
  color: #c4c4c4;
}
.analytics-area .heading h2:hover {
  color: #000;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.analytics-area .heading h2 span {
  color: #000;
}
.analytics-box-area {
  max-width: 1215px;
  padding-top: 80px;
  margin-bottom: 48px;
}
.analytics-box-wrap {
  margin: 0 -6px;
}
.analytics-box {
  width: 20%;
  float: left;
  padding: 0 6px;
  margin-bottom: 23px;
}
.analytics-box-inner {
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  padding: 20px;
  height: 174px;
}
.analytics-box-inner .circle {
  position: relative;
  border-radius: 100%;
  display: table;
  width: 70.31px;
  height: 70.31px;
  border: 0.5625px solid #c4c4c4;
  margin-bottom: 15px;
}
.analytics-box-inner .circle.time::before {
  content: "";
  position: absolute;
  top: -5px;
  right: 7px;
  width: 28px;
  height: 15px;
  background: url("./media/Ellipse30.png") no-repeat 0 0;
}
.analytics-box-inner .circle.percent::before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  width: 39px;
  height: 60px;
  background: url("./media/Ellipse31.png") no-repeat 0 0;
}
.analytics-box-inner .circle .inner {
  display: table-cell;
  vertical-align: middle;
}
.analytics-box-inner .circle .inner span {
  display: block;
  padding: 10px;
}
.practice-effort-dist {
  display: table;
  min-width: 478px;
  min-height: 418px;
  background: #e5e5e5;
}
.practice-effort-dist .inner {
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
}
.analytics-box .subject {
  margin-top: 25px;
  display: table;
}
.analytics-box .subject figure {
  float: left;
  width: 19%;
}
.analytics-box .subject .name {
  float: left;
  width: 81%;
  padding-left: 11px;
  padding-top: 5px;
}
.analytics-box .subject .name h6 {
  font-size: 12.0487px;
  line-height: 14px;
  color: #000;
}
.analytics-box-inner h6 {
  font-size: 9.79875px;
  line-height: 11px;
  color: #000;
}
.analytics-box-inner .inner span {
  font-weight: 700;
  font-size: 13.1712px;
  line-height: 15px;
  color: #000;
}
.analytics-area ul.nav-pills {
  margin-bottom: 55px;
  border-bottom: 1.5px solid #c4c4c4;
}
.analytics-area ul li {
  font-size: 15px;
  line-height: 18px;
}
.analytics-area ul li a {
  border-bottom: 2px solid transparent;
  color: #4b4b4b;
}
.analytics-area ul.nav-pills .nav-link.active,
.analytics-area ul.nav-pills .show > .nav-link {
  font-weight: 700;
  color: #4B499C;
  background-color: transparent;
  border-bottom: 2.25px solid #5251ab;
  border-radius: 0;
}
.subject-area {
  max-width: 100% !important;
  overflow: hidden;
  padding: 0 30px;
}
.center_Alg {
  text-align: -webkit-center;
}
.subject-item {
  padding: 0 25px;
}
.subject-item {
  padding: 0 20px;
}
.subject-area .owl-carousel .owl-prev {
  left: -30px !important;
  top: 30%;
  transform: translateY(-12%);
  background-size: 13px !important;
}
.subject-area .owl-carousel .owl-next {
  right: -35px !important;
  top: 30%;
  transform: translateY(-12%);
  background-size: 13px !important;
}
.join-btn {
  min-width: 73px;
  display: table;
  font-weight: 700;
  font-size: 15.75px;
  height: 34px;
  line-height: 40px;
  background: #7572fe;
  border-radius: 33.75px;
  -webkit-border-radius: 33.75px;
  margin-bottom: 25px;
}
.join-cancel-btn {
  min-width: 73px;
  display: table;
  font-weight: 700;
  font-size: 15.75px;
  height: 34px;
  line-height: 40px;
  margin-left: -124px;
  border-radius: 33.75px;
  -webkit-border-radius: 33.75px;
  margin-bottom: 25px;
}
.fib-answer {
  border-bottom: 1px solid #000 !important;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}
.question-details {
  margin-bottom: 16px;
  color: #000;
}
.remove-image-preview {
  margin-top: -49px;
  margin-right: -25px !important;
}
.mathjax-container table {
  width: 100%;
}
.error-analysis-area .accordation-area .accordion .area .ques {
  min-width: 620px;
}
.classroom-wrap {
  max-width: 950px;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 0.5em;
  -webkit-column-gap: 0.5em;
  column-gap: 0.5em;
}
.classroom-wrap.spacing {
  column-gap: 80px !important;
}
.drug-photo-box {
  padding: 26px;
  min-height: 151px;
}
.ngx-file-drop__drop-zone {
  border: 0 !important;
  border-radius: 0 !important;
  height: initial !important;
  margin: auto !important;
}
.ngx-file-drop__content {
  display: block !important;
  height: initial !important;
}
.drug-photo-box h2 {
  position: initial !important;
}
.drug-photo-box span {
  line-height: 27px !important;
}
.drug-photo-box .upload-btn {
  position: initial !important;
  transform: none !important;
  bottom: initial !important;
  left: initial !important;
}
.box-card-item figure .profile-user {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50px;
  background: #e5e3e3;
}
.box-card-item figure .profile-user img {
  border-radius: 50%;
  object-fit: cover;
  height: 50px;
  width: 50px;
  max-height: 50px;
  max-width: 50px;
}
.profile-box figure .profile-user {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50px;
  background: #e5e3e3;
}
.post-box .comment-form figure .profile-user {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50px;
  background: #e5e3e3;
}
.post-box .comment-form figure .profile-user img {
  border-radius: 50%;
  object-fit: cover;
  height: 43px;
  width: 42px;
  max-height: 50px;
  max-width: 50px;
}
.profile-comment-box-user img {
  border-radius: 50%;
  object-fit: cover;
  height: 43px;
  width: 37px;
  max-height: 50px;
  max-width: 50px;
}
.class-board figure .profile-user {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50px;
  background: #e5e3e3;
}
.class-board figure .profile-user img {
  border-radius: 50%;
  object-fit: cover;
  height: 50px;
  width: 50px;
  max-height: 50px;
  max-width: 50px;
}
.dashboard-area.classroom .profile-box {
  position: relative;
}
.dropdown-edit-delete {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  width: 15px;
  height: 33px;
}
.dropdown-edit-delete .dropdown > a {
  display: block;
}
.dropdown-edit-delete .dropdown .dropdown-menu {
  top: 7px;
  box-shadow: 0px 0px 12.1515px rgb(0 0 0 / 10%);
  border-radius: 5px;
}
.dropdown-edit-delete .dropdown .dropdown-menu li {
  font-size: 14px;
  line-height: 26px;
  border-radius: 5px;
  box-shadow: none;
}
.dropdown-edit-delete .dropdown .dropdown-menu li a {
  color: #000;
  padding: 10px;
}
.dropdown-edit-delete .dropdown .dropdown-menu li a span.edit {
  background: url("./media/carbon_edit.png") no-repeat 0 0;
  padding-left: 27px;
}
.dropdown-edit-delete .dropdown .dropdown-menu li a span.delete {
  background: url("./media/carbon_delete.png") no-repeat 0 0;
  padding-left: 27px;
}
.dropdown-edit-delete .dropdown .dropdown-menu li a span.disable {
  background: url("./media/icon-disable.png") no-repeat 0 0;
  padding-left: 27px;
}
.asses-about-area .info .item {
  float: left;
  margin-right: 25px;
}
.center {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.box-area.explore .tabs .owl-carousel {
  -webkit-tap-highlight-color: transparent;
  position: relative;
  max-width: 1105px;
}
.box-area.explore .tabs span {
  margin-right: 10px;
}
.box-area.explore .tabs span a {
  display: block;
}
.box-area.explore .tabs .owl-carousel .owl-prev.disabled {
  display: block !important;
}
.box-area.explore .tabs .owl-carousel .owl-next.disabled {
  display: block !important;
}
.box-area.explore .tabs .owl-carousel .owl-next {
  box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  width: 40px;
  height: 40px;
  background-color: #fff;
  background: url("./media/angle-right-s.png") no-repeat center center !important;
  background-color: #fff !important;
}
.box-area.explore .tabs .owl-carousel .owl-prev {
  box-shadow: 3px 3px 14px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  width: 40px;
  height: 40px;
  left: -60px;
  background-color: #fff;
  background: url("./media/angle-left-s.png") no-repeat center center !important;
  background-color: #fff !important;
}
.dynamic-image {
  overflow: hidden;
  position: absolute;
  bottom: 7%;
  left: 10%;
  z-index: 1;
  background: #c4c4c4;
  border-radius: 10%;
  -webkit-border-radius: 10%;
}
.leaderboard img {
  border-radius: 50%;
  object-fit: cover;
  height: 43px;
  width: 42px;
  max-height: 50px;
  max-width: 50px;
}
.dropdown-edit-delete .dropdown > a {
  display: block;
}
.dropdown-edit-delete .dropdown .dropdown-menu {
  top: 10px !important;
}
.dropdown-edit-delete .dropdown .dropdown-menu li a {
  color: #000;
  padding: 4px 4px;
}
.dropdown-logout-mob .dropdown > a {
  display: block;
}
.dropdown-logout-mob .dropdown .dropdown-menu li {
  font-family: Karla;
  font-size: 12px;
  line-height: 25px;
}
.dropdown-logout-mob .dropdown .dropdown-menu li a {
  color: #000;
  padding: 4px 4px;
}
.nav-item .nav-link figure .profile-user {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50px;
  background: #e5e3e3;
}
.nav-item .nav-link figure .profile-user img {
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 40px;
  width: 40px;
  max-height: 50px;
  max-width: 50px;
}
.nav-item .dropdown figure .profile-user {
  width: 35px;
  height: 35px;
  margin-left: -10px;
  overflow: hidden;
  border-radius: 30px;
  background: #e5e3e3;
}
.nav-item .dropdown figure .profile-user img {
  border-radius: 50%;
  object-fit: cover;
  height: 35px;
  width: 35px;
  max-height: 35px;
  max-width: 35px;
}
.create-btn {
  min-width: 180px;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.3px;
  display: table;
  height: 50px;
  line-height: 50px;
  background: #7572fd;
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.create-btn a {
  display: block;
}
@media screen and (max-width: 480px) {
  .create-btn a {
    min-width: 46px;
    height: 21px;
  }
}
.rating {
  font-size: 10px;
}
.checked {
  color: #fab420;
}
.student-count .fa {
  font-size: 10px;
  line-height: 10px;
}
.right .fa {
  margin-top: 10px;
  font-size: 10px;
}
.draft {
  font-size: 8px;
  width: 38px;
  height: 17px;
  border: 0.5px;
  color: white;
  box-sizing: border-box;
  margin-bottom: 5px;
  text-align: center;
  line-height: 17px;
}
.draft.course {
  width: 60px;
  height: 21px;
  background-color: #4a48ad;
  line-height: 21px;
}
.assessment-draft {
  font-size: 1rem;
  background-color: #f8f157;
  padding: 3px 10px;
  font-weight: bold;
  margin-left: 10px;
  vertical-align: text-top;
  color: #000;
}
.assessment-published {
  font-size: 1rem;
  background-color: #7ee96d;
  padding: 3px 10px;
  font-weight: bold;
  margin-left: 10px;
  vertical-align: text-top;
  color: #000;
}
.draft.course span.draft-course a {
  color: white;
  font-weight: bold;
  font-size: 11px;
}
.private {
  font-size: 8px;
  width: 49px;
  height: 17px;
  border: 1px solid rgb(151, 150, 150);
  box-sizing: border-box;
  margin-left: 12px;
  text-align: center;
  line-height: 16px;
}
.private.course {
  font-size: 11px;
  width: 60px;
  height: 21px;
  border: 1px solid rgb(151, 150, 150);
  box-sizing: border-box;
  margin-left: 24px;
  text-align: center;
  line-height: 20px;
}
.private.coursee {
  font-size: 11px;
  width: 50px;
  height: 20px;
  border: 1px solid rgb(151, 150, 150);
  box-sizing: border-box;
  margin-left: 12px;
  text-align: center;
  line-height: 17px;
  color: black;
}
.private.course span {
  font-size: 11px;
  color: black;
}
.published {
  font-size: 8px;
  width: 56px;
  height: 18px;
  line-height: 18px;
  border: 0.5px;
  color: white;
  background-color: #66e57b;
  box-sizing: border-box;
  margin-bottom: 5px;
  text-align: center;
}
.class-board.assessments-detail .published {
  font-size: 14px;
  width: 78px;
  height: 22px;
  line-height: 20px;
  border: 0.5px;
  color: black;
  background-color: #66e57b;
  box-sizing: border-box;
  margin-bottom: 5px;
  text-align: center;
}
.edt-btn {
  min-width: 51px;
  height: 23px;
  line-height: 24px;
  font-weight: 100;
  font-size: 10px;
  letter-spacing: 0.3px;
  display: table;
  border: 1px solid rgb(151, 150, 150);
  box-sizing: border-box;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  margin-bottom: 6px;
  margin-top: 10px;
}
.edt-btn a {
  display: block;
  color: black;
}
.del-btn {
  min-width: 53px;
  height: 27px;
  line-height: 27px;
  font-weight: 100;
  font-size: 10px;
  letter-spacing: 0.3px;
  display: table;
  border: 1px;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  padding-right: none;
  background-color: #e36767;
  margin-top: 10px;
}
.customWthdr-drft {
  min-width: 70px;
  height: 30px;
  line-height: 28px;
  font-size: 12px;
}
.del-btn a {
  display: block;
  color: white;
}
.del-btn-remove {
  min-width: 53px;
  height: 27px;
  line-height: 27px;
  font-weight: 100;
  font-size: 10px;
  letter-spacing: 0.3px;
  border: 1px;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  padding-right: none;
  background-color: #e36767;
  margin-top: 10px;
}
.del-btn-remove a {
  display: block;
  color: white;
}
.publish {
  display: table;
  width: 100%;
  height: 32px;
  font-size: 15px;
  font-weight: 700;
  line-height: 32px;
}
.publish.customHomePublsh {
  display: table;
  width: 100%;
  height: 37px;
  font-size: 12px;
  font-weight: 700;
  line-height: 38px;
}
.customHomePublsh a {
  box-shadow: 0px 3px 6px 0px #00000040;
  border-radius: 0px opx 9px 9px !important;
}
.publish a {
  display: block;
  padding: 0 15px;
  background: #66e57b;
  color: white;
  border-radius: 7px;
  -webkit-border-radius: 7px;
}
.publish.assign-btn a {
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
}
.row.assign-data {
  margin-top: -15px;
  margin-bottom: 15px;
}
.edit-button {
  display: table;
  width: 100%;
  height: 32px;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 10px;
}
.edit-button a {
  display: block;
  padding: 0 15px;
  background: #ffffff;
  color: #707070;
  border: 1px solid #4c73e6;
  border-radius: 5px;
}
.withdraw {
  display: table;
  width: 100%;
  height: 32px;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
}
.withdraw a {
  display: block;
  padding: 0 15px;
  background: #e36767;
  color: white;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.row.assign-data {
  margin-top: -15px;
  margin-bottom: 15px;
}
.publish a:hover {
  background: rgba(225, 225, 248, 0.8);
}
.credit {
  max-height: 70px;
  border: 1px solid #c4c4c4;
  margin-bottom: 10px;
  padding: 5px 5px 5px 10px;
  border-radius: 10px;
  max-width: 250px;
}
.offer {
  max-height: 97px;
  border: 1px solid #c4c4c4;
  margin-bottom: 10px;
  padding: 5px 5px 5px 10px;
  border-radius: 10px;
  max-width: 250px;
}
.challenging {
  margin-bottom: 30px;
}
.item1 {
  border-radius: 10px;
  padding: 6px 20px 6px 20px;
}
.item1 h4 {
  font-size: 15px;
  color: #828282;
}
.google-imgs figure {
  width: 50%;
  padding-left: 5px;
}
.item2 h4 {
  font-size: 14px;
  color: #000;
  margin-bottom: 5px;
}
.headings {
  font-size: 49px;
  line-height: 55px;
  margin-right: 5px;
  color: #774D09;
  font-weight: 600;
}
.checked {
  color: #e59819;
}
.side {
  float: left;
  text-align: center;
  width: 15%;
  color: #b4690e;
}
.side h3 {
  font-size: 22px;
  color: #b4690e;
}
.side p {
  font-size: 12px;
}
.middle {
  margin-top: 10px;
  float: left;
  width: 70%;
}
.right {
  width: 15%;
  text-align: left;
  color: #6a6f73;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.bar-container {
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  color: white;
  margin-top: 7px;
}
.bar-5 {
  width: 60%;
  height: 8px;
  background-color: #6a6f73;
}
.bar-4 {
  width: 30%;
  height: 8px;
  background-color: #6a6f73;
}
.bar-3 {
  width: 10%;
  height: 8px;
  background-color: #6a6f73;
}
.bar-2 {
  width: 4%;
  height: 8px;
  background-color: #6a6f73;
}
.bar-1 {
  width: 15%;
  height: 8px;
  background-color: #6a6f73;
}
@media (max-width: 400px) {
  .side,
  .middle {
    width: 100%;
  }
  .right {
    display: none;
  }
}
.rev .search input[type=text] {
  width: 492px;
  height: 37px;
  font-size: 13px;
  border: 1px solid rgb(155, 154, 154);
  margin: unset;
}
.rev .search input.rev-search-reviews {
  width: 630px;
}
.rev .search button {
  background-color: #7572fd;
  color: #f2f2f2;
  float: right;
  padding: 9.5px 12px;
  font-size: 12px;
  border: none;
  cursor: pointer;
}
.rev .dropdown span {
  font-size: 13px;
  padding: 10px;
  background-color: #fff;
}
.lik {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  line-height: 26px;
  border-radius: 50%;
  color: #5624d3;
  background-color: rgba(245, 250, 249, 0.3);
  border-color: #636363;
  border-width: 1px;
  font-size: 15px;
  margin-right: 5px;
}
.dislik {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  line-height: 26px;
  border-radius: 50%;
  color: #5624d3;
  background-color: rgba(245, 250, 249, 0.3);
  border-color: #636363;
  border-width: 1px;
  font-size: 15px;
  margin-right: 10px;
}
.learnmore {
  width: 70%;
  padding: 6px;
  margin-left: 15%;
  margin-bottom: 20px;
  border: 1px solid #7572fd;
  border-radius: 5px;
  font-size: 16px;
  color: #7572fd;
  background-color: #fff;
  letter-spacing: 1px;
}
.report {
  display: table;
  font-weight: 500;
  font-size: 9.33333px;
  line-height: 35px;
}
.report a {
  color: rgb(48, 47, 47);
}
.class-boards {
  border-radius: 6.66667px;
  -webkit-border-radius: 6.66667px;
  padding: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  width: 100%;
}
.user-comment .fa {
  font-size: 14px;
}
.leftpane {
  width: 15%;
  height: 100%;
  float: left;
  background-color: #fff;
  border-collapse: collapse;
  text-align: center;
  margin-left: -30px;
}
.middlepane {
  width: 72%;
  height: 100%;
  float: left;
  margin-right: 8px;
  background-color: #fff;
  border-collapse: collapse;
  font-size: 12px;
}
.middlepane-course {
  width: 60%;
  float: left;
  margin-right: 8px;
  background-color: #fff;
  border-collapse: collapse;
  font-size: 12px;
}
.per {
  color: #5624d3;
  font-size: 12px;
  margin-left: 4px;
}
.text3 {
  font-size: 12px;
  color: rgba(187, 105, 14, 1);
  font-weight: 400;
}
.text2 {
  font-size: 12px;
}
.filter-area1 .filter-item .dropdown > a {
  width: 143px;
  max-width: 232px;
  border: 1.125px solid #cfcfcf;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  line-height: 24px;
}
.caret {
  color: #000;
}
.revs h4 {
  font-size: 14px;
}
.revs p {
  margin-bottom: 10px;
}
.switches {
  position: relative;
  display: inline-block;
  float: right;
  width: 37px;
  height: 17px;
  margin-right: -70px;
  margin-bottom: 15px;
}
.switches input {
  opacity: 0;
  width: 0;
  height: 0;
}
.sliders {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sliders:before {
  position: absolute;
  left: 2px;
  content: "";
  height: 12px;
  width: 10px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .sliders {
  background-color: #66e57b;
}
input:focus + .sliders {
  box-shadow: 0 0 1px #66e57b;
}
input:checked + .sliders:before {
  -webkit-transform: translateX(22px);
  -ms-transform: translateX(22px);
  transform: translateX(22px);
}
.sliders.round {
  border-radius: 34px;
}
.sliders.round:before {
  border-radius: 50%;
}
.course-content hr {
  margin-top: 10px;
  margin-bottom: -15px;
  margin-left: -24px;
}
.course-content .material-icons {
  float: right;
  font-size: 38px;
  margin-top: -75px;
  margin-right: -68px;
}
.teacher-details {
  padding: 30px;
  border-radius: 3.33px;
  min-height: 725px;
}
.teacher-details .title {
  margin-bottom: 50px;
}
.teacher-details .title h3 {
  font-weight: 700;
  font-size: 23.67px;
  line-height: 27px;
  color: #000;
}
.teacher-details .title h3 a {
  color: #000;
}
.teacher-details .class-board-info p a {
  color: #6a6aff;
}
.teacher-details-area {
  max-width: 625px;
}
.teacher-details-area form {
  margin-bottom: 30px;
  margin-top: 50px;
}
.teacher-details-area form label {
  font-weight: 700;
  font-size: 17.33px;
  line-height: 20px;
  color: #000;
  width: 36%;
  padding-right: 20px;
  text-align: right;
}
.teacher-details-area form input {
  border: 1px solid #c4c4c4 !important;
  border-radius: 3px;
}
.teacher-details-area form input::placeholder {
  font-size: 13.3333px;
  color: #000;
}
.teacher-details-area form input:focus {
  outline: 0;
  box-shadow: none;
}
.teacher-details-area form button {
  display: table;
  font-size: 12px;
  min-width: 105px;
  height: 40.67px;
  line-height: 40.67px;
  background: rgba(74, 72, 173, 0.6);
  border-radius: 13.3333px;
  margin-top: 30px;
}
.teacher-details-area form button.change-pass {
  min-width: 170px;
  background: #4a48ad;
}
.teacher-details-area form button:focus {
  outline: 0;
  box-shadow: none;
}
.teacher-details-area.change-pass form input {
  background: #f4f4f7;
}
.teacher-details .class-board {
  max-width: 530px;
}
.curriculam-buttons {
  display: inline;
}
.curriculam-create-btn {
  min-width: 98px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.3px;
  display: table;
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
  background: #7572fd;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  margin-top: -82px;
  margin-bottom: 29px;
  width: 170px;
}
.curriculam-create-btn a {
  display: block;
}
.curriculam-edit-btn {
  min-width: 96px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.3px;
  display: table;
  padding: 0px 10px;
  height: 29px;
  line-height: 28px;
  background: #fff;
  border: 1px solid black;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  margin-top: -74px;
  margin-right: 190px;
  margin-bottom: 29px;
}
.curriculam-edit-btn a {
  display: block;
  color: #000;
}
.heads {
  color: black;
  margin-bottom: 47px;
  font-weight: 600;
  font-size: 25px;
}
.drag .material-icons {
  float: left;
  font-size: 27px;
  margin-top: -95px;
  margin-left: 236px;
  transform: rotateZ(90deg);
}
.folder-area table .progress-btn {
  display: table;
  font-size: 11.25px;
  height: 30px;
  line-height: 30px;
  background-color: #7572fe;
  margin-right: -25px;
}
.folder-area table .progress-btn a {
  border: 0.5625px solid #c4c4c4;
  overflow: hidden;
  display: block;
  padding: 0px 10px;
  border-radius: 5.625px;
  -webkit-border-radius: 5.625px;
}
.folder-area table .progress {
  font-size: 13px;
  line-height: 18px;
}
.folder-area table .progress p {
  color: #000;
}
.folder-area table .msgs-btn {
  display: table;
  font-size: 11.25px;
  height: 30px;
  line-height: 30px;
}
.folder-area table .msgs-btn a {
  border: 0.5625px solid #c4c4c4;
  overflow: hidden;
  display: block;
  color: #000;
  border-radius: 5.625px;
  -webkit-border-radius: 5.625px;
}
.member-search .search-form {
  float: left;
  width: 807px;
}
.progresss .status span {
  float: left;
}
.container1 {
  float: left;
  margin: 8px 8px 0 0;
}
.rights {
  float: left;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  margin-top: 18px;
}
.rightss {
  float: left;
  color: #000;
  font-size: 12px;
  margin-top: 12px;
}
.rigt {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  margin-top: 12px;
}
.container1 .radio {
  width: 20px;
  position: relative;
}
.container1 .radio label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  border-radius: 50px;
  border: 1px solid black;
}
.container1 .radio label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  border: 6px solid rgb(50, 50, 51);
  background: rgb(50, 50, 51);
  border-radius: 50px;
  opacity: 0;
}
.container1 .radio label:hover::after {
  opacity: 0.3;
}
.container1 .radio input[type=radio] {
  visibility: hidden;
}
.container1 .radio input[type=radio]:checked + label:after {
  opacity: 1;
}
label {
  display: block;
  color: #000000;
}
input,
label,
select {
  margin: 0.4rem 0;
}
.input-group > input {
  margin: 0;
}
.rigt .instruct {
  margin-top: 5px;
  margin-left: 1px;
  float: right;
}
.class-board-info hr {
  margin-top: unset;
}
.instruct {
  margin-left: -32px;
}
.pub-btn {
  float: right;
  color: solid black;
  margin-right: 170px;
  margin-top: -42px;
  min-width: 106px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.3px;
  display: table;
  height: 34px;
  line-height: 34px;
  border: 1px solid black;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.pub-btn a {
  display: block;
  color: black;
}
.save-ch-btn-course {
  line-height: 35px;
  background: #7572fd;
  font-weight: 700;
  letter-spacing: 0.3px;
  font-size: 20px;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.save-ch-btn {
  float: right;
  padding: 0px 10px;
  margin-top: -42px;
  min-width: 96px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.3px;
  display: table;
  height: 35px;
  line-height: 35px;
  background: #7572fd;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.save-ch-btn a {
  display: block;
  color: white;
}
input[type=text] {
  width: 100%;
  box-sizing: border-box;
  border: none;
}
.assign-title input[type=text] {
  width: 100%;
  box-sizing: border-box;
  border: none;
  background-color: rgba(244, 244, 247, 0.979);
  height: 40px;
  margin-bottom: 16px;
}
.assign-marks input[type=text] {
  height: 30px;
}
.date-pick input.form-control.date-pick {
  border: antiquewhite;
}
.institute-onboarding.Stu_profile {
  cursor: default !important;
}
.container2 {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 14px;
  cursor: pointer;
  font-size: 14px;
  font-family: "Karla";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: capitalize;
}
.container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark1 {
  position: absolute;
  top: 5px;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #eee;
}
.container2:hover input ~ .checkmark1 {
  background-color: #ccc;
}
.container2 input:checked ~ .checkmark1 {
  background-color: #212222;
}
.quesBankImport .container2 input:checked ~ .checkmark1 {
  background-color: #66e57b;
}
.checkmark1:after {
  content: "";
  position: absolute;
  display: none;
}
.container2 input:checked ~ .checkmark1:after {
  display: block;
}
.container2 .checkmark1:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container2 .checkmark1.filter-out:after {
  left: 10px;
  top: 4px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.container2 .checkmark1.filter-out {
  position: absolute;
  top: 0px;
  left: 0;
  height: 28px;
  width: 28px;
  line-height: 18px;
}
.progress-circle {
  font-size: 10px;
  margin: 20px;
  position: relative;
  padding: 0;
  width: 5em;
  height: 5em;
  background-color: #f2e9e1;
  border-radius: 50%;
  line-height: 5em;
}
.progress-circle:after {
  border: none;
  position: absolute;
  top: 0.35em;
  left: 0.35em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 4.3em;
  height: 4.3em;
  background-color: white;
  content: " ";
}
.progress-circle span {
  position: absolute;
  line-height: 5em;
  width: 5em;
  text-align: center;
  display: block;
  color: #53777a;
  z-index: 2;
}
.p-circle span {
  line-height: 1.2em !important;
  top: 15px;
}
.p-circle span {
  line-height: 1.2em !important;
  top: 15px;
}
.left-half-clipper {
  border-radius: 50%;
  width: 5.1em;
  height: 5.1em;
  position: absolute;
  clip: rect(0, 5.1em, 5.1em, 2.7em);
}
.progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}
.value-bar {
  position: absolute;
  clip: rect(0, 2.5em, 5em, 0);
  width: 5.1em;
  height: 5.1em;
  border-radius: 50%;
  border: 0.45em solid #66e57b;
  box-sizing: border-box;
}
.progress-circle.over50 .first50-bar {
  position: absolute;
  clip: rect(0, 5.1em, 5.1em, 2.5em);
  background-color: #66e57b;
  border-radius: 50%;
  width: 5.1em;
  height: 5.1em;
}
.progress-circle:not(.over50) .first50-bar {
  display: none;
}
.progress-circle.p0 .value-bar {
  display: none;
}
.progress-circle.p1 .value-bar {
  transform: rotate(4deg);
}
.progress-circle.p2 .value-bar {
  transform: rotate(7deg);
}
.progress-circle.p3 .value-bar {
  transform: rotate(11deg);
}
.progress-circle.p4 .value-bar {
  transform: rotate(14deg);
}
.progress-circle.p5 .value-bar {
  transform: rotate(18deg);
}
.progress-circle.p6 .value-bar {
  transform: rotate(22deg);
}
.progress-circle.p7 .value-bar {
  transform: rotate(25deg);
}
.progress-circle.p8 .value-bar {
  transform: rotate(29deg);
}
.progress-circle.p9 .value-bar {
  transform: rotate(32deg);
}
.progress-circle.p10 .value-bar {
  transform: rotate(36deg);
}
.progress-circle.p11 .value-bar {
  transform: rotate(40deg);
}
.progress-circle.p12 .value-bar {
  transform: rotate(43deg);
}
.progress-circle.p13 .value-bar {
  transform: rotate(47deg);
}
.progress-circle.p14 .value-bar {
  transform: rotate(50deg);
}
.progress-circle.p15 .value-bar {
  transform: rotate(54deg);
}
.progress-circle.p16 .value-bar {
  transform: rotate(58deg);
}
.progress-circle.p17 .value-bar {
  transform: rotate(61deg);
}
.progress-circle.p18 .value-bar {
  transform: rotate(65deg);
}
.progress-circle.p19 .value-bar {
  transform: rotate(68deg);
}
.progress-circle.p20 .value-bar {
  transform: rotate(72deg);
}
.progress-circle.p21 .value-bar {
  transform: rotate(76deg);
}
.progress-circle.p22 .value-bar {
  transform: rotate(79deg);
}
.progress-circle.p23 .value-bar {
  transform: rotate(83deg);
}
.progress-circle.p24 .value-bar {
  transform: rotate(86deg);
}
.progress-circle.p25 .value-bar {
  transform: rotate(90deg);
}
.progress-circle.p26 .value-bar {
  transform: rotate(94deg);
}
.progress-circle.p27 .value-bar {
  transform: rotate(97deg);
}
.progress-circle.p28 .value-bar {
  transform: rotate(101deg);
}
.progress-circle.p29 .value-bar {
  transform: rotate(104deg);
}
.progress-circle.p30 .value-bar {
  transform: rotate(108deg);
}
.progress-circle.p31 .value-bar {
  transform: rotate(112deg);
}
.progress-circle.p32 .value-bar {
  transform: rotate(115deg);
}
.progress-circle.p33 .value-bar {
  transform: rotate(119deg);
}
.progress-circle.p34 .value-bar {
  transform: rotate(122deg);
}
.progress-circle.p35 .value-bar {
  transform: rotate(126deg);
}
.progress-circle.p36 .value-bar {
  transform: rotate(130deg);
}
.progress-circle.p37 .value-bar {
  transform: rotate(133deg);
}
.progress-circle.p38 .value-bar {
  transform: rotate(137deg);
}
.progress-circle.p39 .value-bar {
  transform: rotate(140deg);
}
.progress-circle.p40 .value-bar {
  transform: rotate(144deg);
}
.progress-circle.p41 .value-bar {
  transform: rotate(148deg);
}
.progress-circle.p42 .value-bar {
  transform: rotate(151deg);
}
.progress-circle.p43 .value-bar {
  transform: rotate(155deg);
}
.progress-circle.p44 .value-bar {
  transform: rotate(158deg);
}
.progress-circle.p45 .value-bar {
  transform: rotate(162deg);
}
.progress-circle.p46 .value-bar {
  transform: rotate(166deg);
}
.progress-circle.p47 .value-bar {
  transform: rotate(169deg);
}
.progress-circle.p48 .value-bar {
  transform: rotate(173deg);
}
.progress-circle.p49 .value-bar {
  transform: rotate(176deg);
}
.progress-circle.p50 .value-bar {
  transform: rotate(180deg);
}
.progress-circle.p51 .value-bar {
  transform: rotate(184deg);
}
.progress-circle.p52 .value-bar {
  transform: rotate(187deg);
}
.progress-circle.p53 .value-bar {
  transform: rotate(191deg);
}
.progress-circle.p54 .value-bar {
  transform: rotate(194deg);
}
.progress-circle.p55 .value-bar {
  transform: rotate(198deg);
}
.progress-circle.p56 .value-bar {
  transform: rotate(202deg);
}
.progress-circle.p57 .value-bar {
  transform: rotate(205deg);
}
.progress-circle.p58 .value-bar {
  transform: rotate(209deg);
}
.progress-circle.p59 .value-bar {
  transform: rotate(212deg);
}
.progress-circle.p60 .value-bar {
  transform: rotate(216deg);
}
.progress-circle.p61 .value-bar {
  transform: rotate(220deg);
}
.progress-circle.p62 .value-bar {
  transform: rotate(223deg);
}
.progress-circle.p63 .value-bar {
  transform: rotate(227deg);
}
.progress-circle.p64 .value-bar {
  transform: rotate(230deg);
}
.progress-circle.p65 .value-bar {
  transform: rotate(234deg);
}
.progress-circle.p66 .value-bar {
  transform: rotate(238deg);
}
.progress-circle.p67 .value-bar {
  transform: rotate(241deg);
}
.progress-circle.p68 .value-bar {
  transform: rotate(245deg);
}
.progress-circle.p69 .value-bar {
  transform: rotate(248deg);
}
.progress-circle.p70 .value-bar {
  transform: rotate(252deg);
}
.progress-circle.p71 .value-bar {
  transform: rotate(256deg);
}
.progress-circle.p72 .value-bar {
  transform: rotate(259deg);
}
.progress-circle.p73 .value-bar {
  transform: rotate(263deg);
}
.progress-circle.p74 .value-bar {
  transform: rotate(266deg);
}
.progress-circle.p75 .value-bar {
  transform: rotate(270deg);
}
.progress-circle.p76 .value-bar {
  transform: rotate(274deg);
}
.progress-circle.p77 .value-bar {
  transform: rotate(277deg);
}
.progress-circle.p78 .value-bar {
  transform: rotate(281deg);
}
.progress-circle.p79 .value-bar {
  transform: rotate(284deg);
}
.progress-circle.p80 .value-bar {
  transform: rotate(288deg);
}
.progress-circle.p81 .value-bar {
  transform: rotate(292deg);
}
.progress-circle.p82 .value-bar {
  transform: rotate(295deg);
}
.progress-circle.p83 .value-bar {
  transform: rotate(299deg);
}
.progress-circle.p84 .value-bar {
  transform: rotate(302deg);
}
.progress-circle.p85 .value-bar {
  transform: rotate(306deg);
}
.progress-circle.p86 .value-bar {
  transform: rotate(310deg);
}
.progress-circle.p87 .value-bar {
  transform: rotate(313deg);
}
.progress-circle.p88 .value-bar {
  transform: rotate(317deg);
}
.progress-circle.p89 .value-bar {
  transform: rotate(320deg);
}
.progress-circle.p90 .value-bar {
  transform: rotate(324deg);
}
.progress-circle.p91 .value-bar {
  transform: rotate(328deg);
}
.progress-circle.p92 .value-bar {
  transform: rotate(331deg);
}
.progress-circle.p93 .value-bar {
  transform: rotate(335deg);
}
.progress-circle.p94 .value-bar {
  transform: rotate(338deg);
}
.progress-circle.p95 .value-bar {
  transform: rotate(342deg);
}
.progress-circle.p96 .value-bar {
  transform: rotate(346deg);
}
.progress-circle.p97 .value-bar {
  transform: rotate(349deg);
}
.progress-circle.p98 .value-bar {
  transform: rotate(353deg);
}
.progress-circle.p99 .value-bar {
  transform: rotate(356deg);
}
.progress-circle.p100 .value-bar {
  transform: rotate(360deg);
}
.error-analysis-area .items {
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.error-analysis-area .items h4 {
  margin-left: 25px;
  margin-bottom: -18px;
  margin-top: 10px;
  font-size: 14px;
}
.error-analysis-area .items .circle {
  height: 70px;
  width: 70px;
}
.error-analysis-area .items .circle-title span {
  font-size: 14px;
  color: black;
}
.tile {
  margin-top: 35px;
  margin-left: -12px;
}
.mat-icons {
  margin-top: -5px;
}
.chapter-box h5 {
  font-size: 12px;
  margin-top: -11px;
}
.search-iconing input[type=text] {
  width: 72%;
}
.classroom-create-modal h2 {
  font-size: 22px;
}
.classroom-create-modal label {
  font-size: 14px;
}
.classroom-create-modal .profile-box .profile-info h4 {
  font-size: 15px;
  color: #757575;
}
.classroom-create-modal .post-box .cancel-link {
  margin-top: 54px;
  margin-left: 164px;
}
.classroom-create-modal .post-box .save-ch-btn {
  margin-top: -31px;
}
.creat-btn {
  min-width: 179px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.3px;
  display: table;
  height: 30px;
  line-height: 30px;
  background: #7572fd;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.creat-btn a {
  display: block;
}
.watch-list-btn {
  min-width: 179px;
  margin: 10px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.3px;
  display: table;
  height: 30px;
  line-height: 30px;
  border: 1px solid black;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.watch-list-btn a {
  display: block;
}
.box-item1 {
  width: 22%;
  margin: 10px;
}
.eval-box-shadow {
  box-shadow: 0px 3px 6px rgb(0 0 0 / 25%);
}
.eval-box-inner {
  padding: 15px 15px;
}
.student-expandEvaluationAns .mathjax-container .image {
  padding: 2% 8%;
}
.pagination li a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #E7EAEC;
  padding: 0 5px !important;
  line-height: 40px;
  height: 40px;
  min-width: 40px;
  text-align: center;
}
.pagination li.active a {
  background-color: #E6F4FF;
  border: 1px solid var(--primary);
  border-radius: 1px;
  color: var(--primary);
}
.pagination li:hover:not(.active) a {
  background-color: #ddd;
}
.pagination li.disabled {
  display: none;
}
.bottom-page-num {
  margin-left: 550px;
}
.stud {
  font-size: 14px;
  color: black;
}
.live-table {
  color: black;
  font-size: 14px;
}
.view-details-btn {
  min-width: 96px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.3px;
  display: table;
  height: 42px;
  line-height: 42px;
  border: 1px solid black;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.view-details-btn a {
  display: block;
}
.export-student-btn {
  min-width: 200px;
  margin: 10px;
  color: black;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.3px;
  display: table;
  height: 30px;
  line-height: 30px;
  border: 1px solid black;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  margin-bottom: 42px;
  margin-top: -40px;
  margin-left: 300px;
}
.export-student-btn a {
  display: block;
}
.upload-stud-btn {
  min-width: 96px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
  display: table;
  padding: 0px 10px;
  height: 29px;
  line-height: 28px;
  background: #fff;
  border: 1px solid black;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  margin-top: -74px;
  margin-right: 154px;
  margin-bottom: 29px;
}
.upload-stud-btn a {
  display: block;
  color: #000;
}
.table-com {
  float: right;
  margin-top: -20px;
  margin-right: 72px;
}
.assignment-content-area .box1 {
  position: relative;
  padding: 7.875px 7.25px;
  min-height: 168.75px;
  background: #f4f4f7;
  border-radius: 0;
}
.save-link {
  float: right;
  margin-right: 65px;
  margin-top: -42px;
  min-width: 106px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.3px;
  display: table;
  height: 32px;
  line-height: 32px;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.assignment .form-control {
  min-height: 220px;
}
.asses-about-area .credit .highlight {
  display: table;
  font-weight: 700;
  font-size: 17.3333px;
  line-height: 23px;
  background: rgb(150 239 121 / 74%);
  border-radius: 2.25px;
  -webkit-border-radius: 2.25px;
  padding: 0px 5px 0px 5px;
}
.sidebar1-wrap {
  max-width: 187px;
}
.dashboard-area .sidebar1 ul li a {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 16px;
  color: #8a8a8a;
}
.dashboard-area .sidebar1 {
  margin-left: -10%;
}
.dashboard-area .sidebar1 ul {
  width: 102%;
}
.dashboard-area .sidebar1 ul li a.router-link-active {
  box-shadow: 0px 4px 7px 0px rgb(139 139 139 / 16%);
  color: rgb(14, 12, 12);
}
.dashboard-area .sidebar1 ul li a {
  display: block;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  padding: 10px 15px;
}
.dashboard-area .sidebar1 ul li a.active,
.dashboard-area .sidebar1 ul li a:hover {
  background: #fff !important;
  box-shadow: 0px 4px 7px rgba(139, 139, 139, 0.16);
}
.sidebar1 p {
  color: #AD0000;
}
.eval .error-analysis-area {
  width: 100%;
}
.eval p {
  font-size: 12px;
}
.mark-n {
  background-color: #f15454;
  padding: 4px;
  min-width: 25px;
  height: 25px;
  text-align: center;
  padding-top: 6px;
  margin-left: 3px;
}
.mark-p {
  margin-left: 162px;
  background-color: #06652F;
  margin-right: 2px;
  padding: 4px;
  min-width: 25px;
  height: 25px;
  text-align: center;
  padding-top: 6px;
}
.number-head {
  background-color: greenyellow;
  padding: 7px;
  border-radius: 50%;
}
.table-head {
  float: left;
  font-size: 14px;
  margin-right: 72px;
}
.eval-header h3 {
  font-weight: 700;
  color: black;
}
.eval-header .eval-title {
  color: black;
  font-family: Karla, sans-serif;
  font-weight: 700;
}
.eval-number {
  font-weight: 500;
  font-size: 2em;
  text-align: center;
}
.asses-item h3 {
  font-size: 12px;
  line-height: 17px;
  display: block;
  font-weight: 700;
  color: #000;
  margin-left: -20px;
}
.sidebar1 h4 {
  color: red;
  float: right;
  margin-top: -17px;
}
.stud1 {
  font-size: 14px;
  color: black;
  line-height: 26px;
  margin-left: 29px;
  margin-top: -27px;
}
.eval-head {
  color: #000;
  font-weight: 600;
}
.eval-head.customEvalHeader1 {
  color: #000;
  font-weight: 600;
  font-size: 26px;
}
.test-profile a {
  display: block;
  font-size: 11.8125px;
  line-height: 14px;
  color: #000000;
  border: 0.369141px solid #8b8b8b;
  padding: 10px 12px;
}
.obj-f-scale-down {
  object-fit: scale-down;
}
.obj-f-contain {
  object-fit: contain !important;
}
.setting-camera {
  margin-top: -195px;
}
.setting-camera h6 {
  font-size: 14.9913px;
  line-height: 18px;
  color: #000;
}
.drug-photo-box1 {
  display: table;
  width: 100%;
  max-width: 646px;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  padding: 26px;
}
.drug-photo-box1 h2 {
  position: absolute;
  bottom: 124px;
  left: auto;
  font-weight: 700;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.1px;
  color: #bdbdbd;
  margin-bottom: 1px;
}
.drug-photo-box1 span {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0.1px;
  color: #bdbdbd;
}
.drug-photo-box1 .upload-btn {
  position: absolute;
  bottom: 62px;
  left: 57%;
  transform: translateX(-50%);
  z-index: 999;
  display: table;
  height: 30px;
  line-height: 27px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.25px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.drug-photo-box1 .upload-btn a {
  display: block;
  padding: 0 30px;
}
.drug-photo-box1 {
  padding: 26px;
  min-height: 151px;
}
.drug-photo-box1 h2 {
  position: initial !important;
}
.drug-photo-box1 span {
  line-height: 27px !important;
}
.drug-photo-box1 .upload-btn {
  position: initial !important;
  transform: none !important;
  bottom: initial !important;
  left: initial !important;
}
.export-student-btn1 a {
  display: block;
}
.detailed .material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.help-assess-link {
  margin-left: 223px;
  font-size: 14px;
  font-style: italic;
}
.upload-right {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  margin-top: 16px;
}
.drug-photo-box1 .upload-btn1 {
  position: absolute;
  bottom: 62px;
  left: 57%;
  transform: translateX(-50%);
  z-index: 999;
  display: table;
  height: 30px;
  line-height: 27px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.25px;
  background: rgb(163, 162, 162);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-top: 5px;
  color: #000;
  padding: 2px 5px;
}
.drug-photo-box1 .upload-btn1 {
  position: initial !important;
  transform: none !important;
  bottom: initial !important;
  left: initial !important;
}
.sub-info {
  font-size: 12px;
  margin: 5px;
}
.classroom-create-modal .post-box .cancel-link1 {
  margin-top: 54px;
  margin-left: 320px;
}
.eval-pop {
  margin-right: 20px;
  color: black;
  font-weight: 600;
  font-size: 15px;
}
.assess-demo-head.detail {
  color: black;
}
.assess-demo .material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.assess-demo-head .asses-item {
  float: left;
  padding: 10px;
  border-left: 1px solid #171616;
}
.asses-item1 {
  margin-left: 214px;
  font-size: 14px;
}
.asses-item1 .material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.head {
  color: black;
  margin-bottom: 15px;
  font-size: 20px;
}
.switch-item .assess-set-head {
  font-size: 14px;
}
.switch-item .assess-set-head1 {
  font-size: 14px;
  margin-left: 138px;
}
.upload-btn1 {
  z-index: 999;
  display: table;
  height: 35px;
  line-height: 33px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.25px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.upload-btn1 a {
  display: block;
  padding: 0 30px;
  color: white;
}
.gen-check-btn {
  min-width: 96px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.3px;
  display: table;
  padding: 0px 10px;
  height: 30px;
  line-height: 30px;
  background: #e36767;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  margin-top: -74px;
  margin-right: 192px;
  margin-bottom: 29px;
}
.gen-check-btn a {
  display: block;
  color: #000;
}
.table-hover tr:hover {
  background-color: #f54b4b;
}
.assess-columns {
  border: 1px dotted black;
  padding: 64px;
  padding-top: 32px;
  padding-bottom: 40px;
}
.assess-inner {
  font-size: 10px;
  line-height: 14px;
  width: 148px;
  margin-top: 42px;
  margin-left: -20px;
}
.assess-ques {
  color: #000;
  margin: 0px 16px;
}
.assess-tags {
  margin-left: 74px;
}
.question-tags > span {
  border-radius: 16px;
  font-weight: 500;
  padding: 5px 8px;
  margin: 5px;
  display: inline-block;
}
.question-tag-input-control input {
  height: 35px !important;
  margin: 0;
}
.color-tags tag,
.question-tags .tags,
.selected-item {
  background: #a7e2f2 !important;
  color: #000 !important;
  border: 0 !important;
  margin-bottom: 3px;
}
.color-tags tag {
  line-height: 32px !important;
}
.selected-item a {
  color: #000 !important;
}
.assess-head {
  margin-top: 60px;
}
.assess-create-align.ques-num {
  margin-left: 0px;
}
.btn.btn-primary.steppers {
  background:
    linear-gradient(
      270deg,
      #b561fa 0%,
      #778dfc 100%);
  font-weight: 700;
  border: none !important;
}
.create1-btn {
  min-width: 96px;
  font-weight: 700;
  margin-left: 134px;
  font-size: 14px;
  padding: 0px 20px;
  letter-spacing: 0.3px;
  display: table;
  height: 34px;
  line-height: 34px;
  background: #7572fd;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.create1-btn a {
  display: block;
  padding: 0px 15px;
}
.ques-num .form-control.all {
  display: inline-block;
  width: 30%;
  font-size: 20px;
  margin-left: 15px;
}
.ques-num .form-control.selected {
  display: inline-block;
  width: 35%;
  border: none;
  margin-left: 15px;
}
.ques-num .form-control.coding {
  display: inline-block;
  width: 55%;
  border: none;
  margin-left: 15px;
}
.ques-num h4.all {
  display: inline-block;
}
.fa-user-friends {
  font-size: 13px;
}
.pb-2c {
  font-size: 15px;
}
.level-dt {
  color: black;
  font-weight: bold;
}
.w-b-0 h4 {
  font-weight: bold !important;
}
.t-c-0 p {
  color: #828282;
  font-size: 12px;
  font-weight: 300;
}
.w-b-0 p {
  color: #828282;
  font-size: 12px;
  font-weight: 300;
}
.h-fx-0 .pt-2 {
  margin-left: -55px;
}
.mb-0-1 {
  margin-left: 10px;
}
.mb-0-1 img {
  height: 170px;
}
.bl-hd-0 {
  margin-right: -100px;
}
.asses-about-area .credit .highlight {
  display: table;
  font-family: Karla, sans-serif;
  font-weight: 700;
  font-size: 17.3333px;
  line-height: 23px;
  background: rgb(150 239 121/74%);
  border-radius: 2.25px;
  -webkit-border-radius: 2.25px;
  padding: 0 5px;
}
.class-board.ck {
  width: 850px;
}
.class-boards.ck {
  width: 850px;
  margin-top: 25px;
}
.wrap.ck {
  width: 850px;
}
.post-box.kc {
  width: 500px !important;
  margin-left: 0px !important;
}
.post-box.kl {
  margin-left: 115px !important;
}
.class-board.ck-1 {
  margin-left: -15px !important;
  margin-top: 30px;
}
.class-board.kk-1 {
  margin-top: 25px !important;
}
.start-yellow {
  color: #e59819;
}
.start-yellow.ck {
  display: inline-block;
}
.f-t-0 {
  font-size: 16px !important;
  margin-bottom: 10px;
}
.col-lg-12.ck-0 {
  margin-left: 20px;
}
.col-lg-12.ck-0 h3 {
  margin-left: 0px;
}
.level-dt.ck-1 {
  font-size: 16px;
}
.f-10 {
  font-size: 10px !important;
}
.class-board-info.kc-0 {
  height: 95px;
}
.col-7.mt-3 h4 {
  margin-top: 10px !important;
  color: black;
  font-size: 20px;
}
.col-lg-8.def-text {
  font-size: 20px;
  color: black;
}
.icon-svg {
  height: 40px;
  width: 64px;
  margin: 10px;
}
.trend-svg {
  width: 508px;
  height: 378px;
}
@media (max-width: 768px) {
  .trend-svg {
    width: 100%;
    height: auto;
  }
}
.icon-svg-text {
  text-align: center;
  font-size: 16px;
  color: black;
  font-weight: 300;
  font-family: karla;
  font-family: "Karla" !important;
}
.col-lg-7.shift-right {
  float: right;
  margin-right: -13px;
  margin-top: 15px;
}
.profile-box.default-height {
  height: 270px;
}
.dropdown.setting,
.form-control.date-picker {
  border: none;
  background: white;
}
.time-hrs {
  display: flex;
  float: left;
  letter-spacing: 1px;
}
.material-icons.course {
  font-size: 16px !important;
  color: black;
}
.icon-text {
  margin-left: 3px;
}
.student-time .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px !important;
  margin-left: 10px !important;
}
.assign-data .student-time .row {
  margin-right: 0px !important;
}
.profile-box.ht1 {
  height: 120px !important;
}
.profile-box.ht2 {
  height: 120px !important;
}
.profile-box.ht3 {
  height: 200px;
}
.box-area.response {
  width: 850px;
  margin-left: 20px;
}
.sub-assign {
  font-size: 18px;
  margin-left: -40px;
  margin-right: 404px;
  color: black;
  font-weight: 600;
}
.table-head1 {
  float: left;
  font-size: 14px;
  margin-left: -56px;
  margin-top: -22px;
}
.stud3 {
  font-size: 14px;
  color: black;
  line-height: 26px;
  margin-left: 25px;
  margin-top: -27px;
}
.pub-btn1 {
  float: right;
  color: solid black;
  margin-top: -42px;
  margin-right: 282px;
  min-width: 106px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.3px;
  display: table;
  height: 32px;
  line-height: 32px;
  border: 1px solid black;
  background: #fff;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.pub-btn1 a {
  display: block;
  color: black;
}
.edit-link {
  font-size: 15px;
  font-weight: 600;
}
.edit-link .material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.del1-btn .material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.mcq-status1 {
  color: #17de43;
  font-size: 13px;
  line-height: 18px;
}
.mcq-status2 {
  color: #e36767;
  font-size: 13px;
  line-height: 18px;
}
.add-test {
  min-width: 96px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.3px;
  display: table;
  height: 34px;
  line-height: 34px;
  margin-top: -37px;
  background: #7572fd;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.add-test a {
  display: block;
}
.assess-run-code-btn {
  float: right;
  margin-left: 875px;
  padding: 0px 10px;
  margin-top: -42px;
  margin-right: 73px;
  min-width: 96px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.3px;
  display: table;
  height: 35px;
  line-height: 35px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.assess-run-code-btn a {
  display: block;
}
.student {
  color: #000;
}
.pub-btn2 {
  float: right;
  color: solid black;
  margin-top: -42px;
  margin-right: 198px;
  min-width: 106px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.3px;
  display: table;
  height: 32px;
  line-height: 32px;
  border: 1px solid black;
  background: #fff;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.pub-btn2 a {
  display: block;
  color: black;
}
.assess-set-toggle {
  margin-left: 638px;
  margin-top: -46px;
}
.pub-btn3 {
  float: right;
  color: solid black;
  margin-top: -42px;
  margin-right: 198px;
  min-width: 106px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.3px;
  display: table;
  height: 35px;
  line-height: 35px;
  background: #66e57b;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.pub-btn3 a {
  display: block;
  color: black;
}
.assignment-content-area .box2 {
  position: relative;
  padding: 7.875px 7.25px;
  max-width: 731.25px;
  min-height: 78.75px;
  background: #f4f4f7;
  border-radius: 0;
}
.pub-btn4 {
  float: right;
  color: solid black;
  margin-top: -42px;
  margin-right: 124px;
  min-width: 106px;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.3px;
  display: table;
  height: 32px;
  line-height: 32px;
  border: 1px solid black;
  background: #fff;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
}
.pub-btn4 a {
  display: block;
  color: black;
}
.error-row {
  margin-left: 56px;
}
.live-box {
  height: 300px;
  margin: 51px;
  background: rgb(146, 146, 146);
}
.live-box video,
.live-box canvas {
  max-height: 350px;
}
.form-group.content-form {
  display: flex;
}
input[type=text]#border-solid {
  -webkit-appearance: none !important;
  border: 1px solid #999999;
  margin-left: 15px;
  height: 40px;
  outline: none;
}
.info.box-width {
  width: 100%;
}
.content-title-icon h4 {
  font-size: 20px;
  margin-left: 37px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-top: 23px;
  max-width: 170px !important;
  color: black;
}
.content-title-icon > h4:first-child {
  font-weight: bold;
}
.content-title-icon a {
  font-size: 12px;
  margin-right: 26px;
  margin-bottom: 5px;
  margin-top: 26px;
  color: black;
  font-weight: bolder;
  width: 160px;
}
.content-title-icon img {
  margin-left: 20px;
  margin-right: -35px;
  margin-top: 10px;
}
.content-nav .nav {
  float: right;
  margin-bottom: 20px;
}
.col-lg-10.quiz-search-test {
  display: flex;
  height: 40px;
  margin-bottom: 30px;
  margin-left: 15px;
  box-shadow: 0px 5px 13px 0px #00000029;
}
.col-lg-10.quiz-search-test span {
  margin-top: 15px;
}
.col-lg-10.quiz-search-test img {
  height: 14px;
}
.col-lg-12.assessment-container {
  background: #f5f5f5;
  margin-left: 15px;
  margin-bottom: 15px;
}
.toggle-right.toggle-switch {
  display: flex;
  flex-wrap: wrap;
  margin-left: 26px;
}
.toggle-right.toggle-switch h4 {
  margin-right: 16px;
  margin-top: 8px;
  color: black !important;
}
.toggle-right.toggle-switch a {
  margin-left: 90px;
  margin-top: 5px;
  color: black;
}
.time-count-clearfix {
  margin-top: 20px;
  margin-left: 10px;
}
.count-time-clearfix {
  margin-top: 20px;
}
.asses-item.border-fix {
  border-left: 1px solid black;
}
.far.fa-edit,
.fas.fa-book {
  font-family: "Font Awesome 5 Free" !important;
}
.teacher-grade-subject li.material-icons {
  display: inline;
}
.teacher-grade-subject span.icon-txt {
  display: inline;
  font-family: "karla";
}
.asses-item.size h4 {
  font-size: 30px !important;
  font-weight: bold;
  margin-bottom: 10px;
}
.asses-item.size span {
  font-size: 15px !important;
  color: black;
}
.container2.checkbox-title {
  margin-top: 20px;
  font-size: 18px !important;
  margin-left: -27px !important;
}
.container2.checkbox-click {
  margin-left: 20px;
  margin-top: 50px;
}
.teacher-grade-subject span {
  font-size: 15px !important;
  color: black !important;
  font-family: "Karla" !important;
}
.teacher-grade-subject li {
  font-size: 15px !important;
  color: black !important;
}
.container2.icon-text-inline {
  margin-left: -20px !important;
  margin-top: 15px;
  font-size: 14px !important;
  font-family: "Karla" !important;
  font-style: italic;
}
.view-detail-button button {
  border: 1px solid #4c76e3;
  border-radius: 9px;
  height: 40px;
  width: 80px !important;
  margin-top: 80px;
  float: right;
  margin-right: 60px;
}
.quiz-top-nav ul.nav {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 16px;
  position: relative;
  float: right;
}
.quiz-button button {
  height: 40px;
  width: 103px;
  border: none;
  background: #7572fd;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border-radius: 5px;
}
.quiz-button button.ass {
  width: 145px;
}
.quiz-button a {
  margin-top: 20px !important;
  margin-right: 10px !important;
}
li.cancel-top-nav {
  margin-top: 10px;
}
span.ques.cancel-top {
  font-size: 16px;
  color: black;
}
.checkmark1.circle {
  border-radius: 20px;
}
.form-control.no-border {
  border: none !important;
  font-size: 14px !important;
}
.member-search.stil form {
  box-shadow: 0px 5px 13px 0px #00000029;
}
.form-control::-webkit-input-placeholder {
  font-size: 12px !important;
}
.member-search.stil figure {
  margin-top: -8px;
}
.material-icons.setting-image {
  font-family: "Material Icons";
  font-size: 40px !important;
  color: black;
  margin-bottom: 10px;
}
.drug-photo-box1.border {
  border-radius: 10px !important;
  margin-left: 36px;
  margin-top: 20px;
  margin-bottom: 20px;
}
drug-photo-box1.border span {
  margin-bottom: 10px;
}
.upload-btn.transparent {
  background: none !important;
}
.upload-btn.transparent a {
  background: #c4c4c4;
  border-radius: 27px !important;
  height: 30px !important;
  color: black !important;
  margin-top: 10px;
}
.profile-info.weight {
  font-weight: bold;
}
.container.bottom-none label {
  margin: 0px !important;
}
.profile-info.weight h4 {
  font-weight: bold;
}
.container1.add-class {
  position: absolute;
  bottom: 0;
}
.teacher-grade-subject li.material-icons {
  font-size: 22px !important;
  display: inline;
  margin-top: 10px;
  margin-left: -5px;
}
.text-center.drag-photo-title {
  margin-bottom: 10px;
}
figure.img-search {
  margin-top: -5px;
}
.class-info-student {
  margin-top: -30px;
  margin-left: -15px;
  margin-bottom: 10px;
}
img.img-ellipse {
  border-radius: 28px;
  width: 48px;
  height: 48px;
  max-width: none;
}
.save-ch-btn.create-course {
  padding: none !important;
  background:
    linear-gradient(
      270deg,
      #b561fa 0%,
      #778dfc 100%);
}
.save-ch-btn.create-course {
  margin-bottom: 5px;
}
.cancel-link.create-course a {
  margin-left: 202px;
  font-size: 16px;
  color: black;
  font-weight: 600;
}
.cancel-link.create-course {
  margin-top: 10px;
  margin-bottom: -4px;
}
.create-course-drop select {
  border: none !important;
}
.assignment-top-detail h4 {
  display: inline-block;
  background-color: #fbf793;
  color: #4a48ad, 100%;
}
.assignment-top-detail p {
  font-size: 16px !important;
  color: #767676 !important;
  margin-top: 10px;
}
.material-icons-two-tone {
  margin-right: 5px;
}
span.postion-with-icon {
  position: absolute;
}
.tile.circle-progress-label {
  margin-left: -106px;
  font-size: 14px;
}
.item-wrap.clearfix.assignment-circle {
  margin-left: -87px;
}
.item-wrap.clearfix.assignment-circle.evaluated {
  margin-left: -141px;
}
.assignment-info.mt-4 h3 {
  font-size: 20px;
  color: black;
}
.assignment-info.mt-4 {
  margin-left: 20px;
}
.row.assign-data.fit-bar {
  margin-right: -43px;
  margin-left: -13px;
}
.create-btn.assignment {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%) !important;
  width: 212px !important;
}
.create-btn.assignment a {
  color: white;
}
.common-assign-btn {
  border: 1px solid #4c73e6;
  background: none;
  border-radius: 10px;
  min-width: 115px !important;
}
.row.pending-assign-dat {
  margin-top: 10px;
}
.row.pending-assign-dat .col-6.pr-2 {
  margin-left: -70px;
}
.pending-assign-dat .assign-date-marks {
  margin-top: 2px;
}
.row.pending-assign-dat .col-6.pr-2.recent {
  margin-left: -151px;
}
.assignment-info.mt-4.recent-assign h3 {
  margin-top: -12px !important;
}
.row.pending-assign-dat.recent-assign {
  margin-bottom: 12px !important;
}
.col-lg-5.cls-lft {
  margin-top: 30px;
  margin-left: 60px;
}
.col-lg-5.cls-rgt {
  margin-top: 30px;
  margin-right: 40px;
}
.contee1.cls-instr {
  margin-top: 14px;
}
.bg-mat {
  background: #faf8f8;
}
.text-center.cls-cancel-btn {
  border: none;
  background: inherit;
  width: 100px;
  height: 50px;
  font-size: 16px;
}
.text-center.cls-dlt-btn {
  border: 1px solid #5b5b5b;
  background: inherit;
  width: 130px;
  height: 40px;
  color: #e36767;
  font-size: 16px;
  border-radius: 5px;
}
.text-center.cls-save-btn {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  width: 130px;
  height: 40px;
  color: white;
  font-size: 16px;
  margin-left: 8px;
  border-radius: 5px;
  border: none;
}
.col-lg-8.cls-botton-btn {
  margin-left: 300px;
  margin-bottom: 30px;
  margin-top: 40px;
}
.drug-photo-box.cls-setting {
  margin-left: 28px;
}
.cls-input-fld {
  margin-bottom: 12px;
  width: 290px;
}
.cls-location-slct {
  border: none;
  background: inherit;
  margin-top: 10px;
  width: 290px;
  margin-bottom: 15px;
}
.add-new-head {
  margin-top: 20px;
  margin-bottom: -48px;
}
.add-new-right {
  float: left;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  margin-top: 44px;
  margin-left: -34px;
}
.add-new-mat .material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.add-new-mat {
  margin-left: 202px;
  margin-top: -20px;
}
.admin-head h4 {
  margin: 12px 0;
  font-weight: 600;
  font-size: 14px;
  color: black;
}
.admin-head .admin-left {
  margin: 5px 0;
}
.admin-head .admin-right {
  margin: 5px 0;
}
.admin-view-btn {
  float: left;
  background: #66e57b;
  padding: 5px;
  height: 28px;
  width: 99%;
  line-height: 19px;
  border-radius: 7px;
  margin-top: 6px;
}
.admin-view-btn a {
  display: block;
}
.admin-head .material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.admin-label {
  font-size: 14px;
  margin-left: 4px;
  margin-top: 8px;
  color: black;
}
.upload-btn2 {
  float: right;
  margin-right: -31px;
  bottom: 62px;
  transform: translateX(-50%);
  z-index: 999;
  display: table;
  height: 35px;
  line-height: 33px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.25px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.upload-btn2 a {
  display: block;
  padding: 0 30px;
}
.help-assess-link1 {
  margin-top: 40px;
  margin-left: 18px;
  font-size: 14px;
  font-style: italic;
}
.admin-head1 {
  font-size: 20px;
  color: black;
}
.inline1 {
  margin-top: 60px;
}
.admin-color-head {
  color: #2D2AFE;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
}
.admin-search input {
  height: 40px;
  border-radius: 7px;
}
.admin-table {
  font-size: 14px;
}
.folder-area table .admin-draft-btn {
  display: table;
  font-size: 12px;
  font-weight: 600;
  width: 86px;
  line-height: 29px;
  background: #fbf793;
  margin-right: -25px;
}
.folder-area table .admin-draft-btn a {
  overflow: hidden;
  display: block;
  color: #000;
  padding: 0px 25px;
  border-radius: 5.625px;
  -webkit-border-radius: 5.625px;
}
.folder-area table .admin-published-btn {
  display: table;
  font-size: 12px;
  font-weight: 600;
  width: 86px;
  line-height: 29px;
  background: #a2fb93;
  margin-right: -25px;
}
.folder-area table .admin-published-btn a {
  overflow: hidden;
  display: block;
  color: #000;
  padding: 0px 25px;
  border-radius: 5.625px;
  -webkit-border-radius: 5.625px;
}
.folder-area table .admin-withdraw-btn {
  display: table;
  font-size: 12px;
  font-weight: 600;
  width: 86px;
  line-height: 29px;
  background: #c4c4c4;
  margin-right: -25px;
}
.folder-area table .admin-withdraw-btn a {
  overflow: hidden;
  display: block;
  color: #000;
  padding: 0px 25px;
  border-radius: 5.625px;
  -webkit-border-radius: 5.625px;
}
.admin-activate-btn {
  float: right;
  margin-right: -87px;
  bottom: 62px;
  width: 106px;
  transform: translateX(-50%);
  z-index: 999;
  display: table;
  height: 35px;
  line-height: 33px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.25px;
  background: #7572fe;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.admin-activate-btn a {
  display: block;
  padding: 0 30px;
}
.admin-deactivate-btn {
  float: right;
  margin-right: -87px;
  bottom: 62px;
  width: 106px;
  transform: translateX(-50%);
  z-index: 999;
  display: table;
  height: 35px;
  line-height: 33px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.25px;
  background: #969696;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.admin-deactivate-btn a {
  display: block;
  padding: 0 30px;
}
.admin-manage-btn {
  min-width: 95px;
  margin-left: 300px;
  height: 34px;
  line-height: 34px;
  font-weight: 100;
  font-size: 13px;
  letter-spacing: 0.3px;
  display: table;
  border: 1px solid maroon;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  padding-right: none;
  background-color: #fff;
  margin-top: 10px;
  margin-bottom: 6px;
}
.admin-manage-btn a {
  display: block;
  color: black;
}
.admin-info1 {
  margin-top: -22px;
  margin-left: -13px;
}
@media (max-width: 450px) {
  .content {
    flex-direction: column;
    align-items: flex-start;
  }
  .prog-head {
    margin-bottom: 10px;
  }
  .admin-info1 {
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .admin-info1 .line-break {
    display: block;
    margin-top: 0.2rem;
  }
}
.admin-wrap {
  margin-top: -10px;
  margin-left: -14px;
  padding-bottom: 12px;
}
.content .material-icons {
  float: right;
  font-size: 38px;
}
.admin-wrap .material-icons {
  float: left;
  font-size: 16px;
  margin-top: -1px;
  margin-right: -150px;
}
.admin-wrap1 .material-icons {
  float: left;
  font-size: 16px;
  margin-top: 4px;
  color: black;
  margin-right: -150px;
}
.admin-draft-tag {
  font-size: 10px;
  font-weight: 600;
  width: 56px;
  height: 18px;
  line-height: 18px;
  border: 0.5px;
  color: rgb(0, 0, 0);
  background: #f8f157;
  box-sizing: border-box;
  margin-bottom: 5px;
  text-align: center;
}
.admin-filter .filter {
  float: right;
  margin-top: -24px;
}
.admin-filter .dropdown {
  float: right;
  margin-top: -27px;
  width: 17%;
  margin-bottom: 24px;
  margin-right: 30px;
  border-radius: 8px;
  border: 1px solid black;
}
.admin-filter .material-icons {
  margin-top: 3px;
  margin-left: 52px;
}
.admin-box1 figure {
  width: 100%;
  margin: 25px;
}
.admin-box1 {
  box-shadow: 0px 5px 13px rgb(0 0 0 / 16%);
  border-radius: 5px;
  width: 327px;
  margin-left: 36px;
  margin-top: 46px;
  height: 114px;
  position: relative;
}
.Admin-Cur_ricuLam .admin-box1 {
  margin-left: 0px;
}
.admin-user-info {
  margin-top: 15px;
  margin-left: 15px;
}
.drug-photo-box1 .admin-upload-btn {
  position: absolute;
  bottom: 16px;
  left: 47%;
  transform: translateX(-50%);
  z-index: 999;
  display: table;
  height: 30px;
  background: gray;
  line-height: 30px;
  font-weight: 700;
  font-size: 12px;
  width: 62px;
  letter-spacing: 0.25px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.drug-photo-box1 .admin-upload-btn a {
  display: block;
  padding: 0 14px;
}
.admin-box1 .material-icons {
  float: right;
}
.admin-user-image1 {
  margin-left: 9px;
  margin-top: 15px;
}
.result-overview-box1 {
  box-shadow: 0px 0px 24px rgb(138 138 138 / 15%);
  border-radius: 10px;
  display: table;
  width: 100%;
  height: 50%;
  -webkit-border-radius: 6.66667px;
  padding: 16px 20px;
  margin: 10px 0;
  background-color: #fff;
}
.result-overview-box1 .box-content {
  display: table;
}
.result-overview-box1 .box-content .info {
  padding: 14px 0;
  float: left;
  width: 69%;
}
.result-overview-box1 .box-content .info span {
  font-size: 16px;
  display: block;
  font-weight: 700;
  color: #5c5b5b;
}
.gen-check .result-overview-area {
  max-width: 1080px;
}
.gen-check-text1 {
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  font-size: 65px;
  line-height: 114.5%;
  letter-spacing: -0.015em;
}
.gen-check-text2 {
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 114.5%;
  letter-spacing: -0.015em;
}
.gen-check-text1 .mark1 {
  color: #66e57b;
}
.gen-check-text1 .mark2 {
  color: #000;
}
.gen-last .video-blog-area-wrap {
  max-width: 1080px;
}
.info .gen-check-green {
  color: #66e57b;
}
.loc-activate-btn {
  min-width: 95px;
  margin-left: 107px;
  height: 34px;
  line-height: 34px;
  font-weight: 100;
  font-size: 13px;
  letter-spacing: 0.3px;
  display: table;
  border: 1px solid maroon;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  padding-right: none;
  background-color: #fff;
  margin-top: 10px;
  margin-bottom: 6px;
}
.loc-activate-btn a {
  display: block;
  padding: 0 10px;
}
.admin-user-head {
  margin-left: 40px;
  margin-top: 20px;
}
.user-pass-head {
  font-size: 18px;
  font: 1rem "Fira Sans", sans-serif;
  font-weight: 600;
  margin-top: 10px;
  margin-right: 74px;
}
.admin-user-head1 {
  font-size: 20px;
  color: black;
}
.admin-subject .drug-photo-box1 {
  display: table;
  width: 100%;
  max-width: 100%;
  min-height: 154px;
  border: 1px solid #c4c4c4;
  border-radius: 10px;
  padding: 26px;
  margin-left: -1.5%;
}
.member-search1 .search-form {
  float: left;
  width: 828px;
  margin-left: 20px;
}
.subject-heads {
  color: black;
  margin-bottom: -28px;
  margin-left: 30px;
  font-weight: 600;
  font-size: 25px;
}
.box-info1 {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding-top: 12px;
}
.box-info2 {
  font-size: 12px;
  margin-top: 5px;
}
.box-info3 {
  font-size: 10px;
  margin-left: -9px;
}
.subject1 .material-icons {
  float: left;
  font-size: 16px;
  margin-top: 5px;
  margin-left: -28px;
}
.subject-card .admin-box1 {
  width: 408px;
  max-width: 100%;
}
.subject1 {
  margin-top: 10px;
}
.subject2 .material-icons {
  float: left;
  font-size: 15px;
}
.admin-search-bar {
  margin-top: -5px;
}
.sub-heading1 {
  color: blue;
  font-weight: 600;
}
.sub-heading2 {
  margin-top: 12px;
  font-weight: 600;
}
.sub-heading3 {
  margin-top: 32px;
  color: blue;
  font-weight: 600;
}
.admin-filter .upload-btn1 {
  margin-right: 8px;
}
.unit-head-pic figure {
  width: 100%;
  margin-left: 32px;
  margin-top: -6px;
}
.info2 {
  margin-left: -26px;
}
.box-info4 {
  font-size: 10px;
  margin-left: 18px;
}
.admin-wrap1 {
  margin-top: -7px;
}
.info1 {
  margin-left: 50px;
}
.admin-filter1 .upload-btn1 {
  margin-right: -151px;
}
.mat-blue .material-icons {
  color: blue;
}
.btn.btn-nofocus:focus {
  outline: none !important;
  box-shadow: none !important;
}
.form-select.nofocus:focus {
  outline: none !important;
  box-shadow: none !important;
}
.col-lg-6 .challenging.clearfix iframe.w-100 {
  border-radius: 10px;
}
.item-wrap.clearfix.course-progress {
  display: flex;
}
.item-wrap.clearfix.course-progress circle-progress {
  margin-left: -37px;
}
.cls-botton-btn.all {
  margin-left: 67px;
}
.cls-botton-btn.all a {
  float: right;
}
.col-lg-12.member-upload-export-btn a.label {
  float: right;
  margin-left: 24px;
}
label.heading {
  font-size: 24px;
}
.defult-height .scroll {
  overflow-y: auto;
  white-space: wrap;
  height: 109px;
  margin-bottom: 40px;
}
.pattern-match .profile-box.clearfix {
  margin-left: -5px;
}
.margin-all-left-main {
  margin-left: 55px;
}
.defult-height.section .class-board.bg-white {
  padding: 20px 25px 10px 39px;
}
.defult-height.section .container1 {
  margin: 0px 20px 0px 0px;
}
.defult-height input.videoUrl {
  border: 1px solid #999999;
  width: 665px;
  height: 38px !important;
}
label.page-title {
  font-size: 28px;
  margin-bottom: 30px;
}
.add-sec-btn.section {
  background:
    linear-gradient(
      270deg,
      #b561fa 0%,
      #778dfc 100%);
  font-size: 20px;
  width: 180px;
}
.over-view .side-menu {
  margin-left: -40px;
  display: inline-block;
}
.selection-wrap .ques-num {
  display: inline-block;
  width: 23px;
  height: 26px;
  border-radius: 30%;
  margin-left: -28px;
}
.selection-wrap .ques-text {
  display: inline-block;
}
.pop-cls-template span {
  margin-left: 30px;
  margin-top: 24px;
}
.pop-cls-template img {
  width: 20px;
  height: 20px;
}
input.sec-summary {
  margin-left: 88px !important;
  margin-top: 10px;
}
input.vdo-up {
  margin-left: 28px !important;
}
input.pdf-up {
  margin-left: 50px !important;
}
label.note {
  margin-right: 22px !important;
}
.drug-photo-box1.add-sect {
  margin-left: 10em;
  width: 40rem !important;
}
span.sect-file {
  color: white !important;
  line-height: 40px !important;
  font-size: 18px !important;
}
.profile-info.date label {
  margin-bottom: -7px;
}
.profile-info.date hr {
  margin: 0px;
  margin-top: -5px;
  margin-bottom: -14px;
}
img.assess-ques-list {
}
.drug-photo-box1.border.setting {
  border-radius: 10px !important;
  margin-left: 2px;
  margin-top: 20px;
  margin-bottom: 0px;
}
.add-sec-btn.dlt {
  margin-left: 144px !important;
  min-width: 20px;
  background: #e36767;
  margin-top: -40px;
  width: 100px;
}
.drag.curriculam .material-icons {
  float: left !important;
  font-size: 27px;
  margin-top: -97px !important;
  margin-left: 236px;
  transform: rotateZ(90deg);
}
.content.curriculam .material-icons {
  margin-right: -130px;
  margin-top: -100px;
}
.btn.assign-next {
}
.teach-eval {
  margin-top: 23px;
}
.teach-mark {
  margin-top: 23px;
}
.teach-eval h5 {
  color: black;
}
.teach-mark h5 {
  color: black;
  margin-left: -30px;
}
.asig-mark input {
  width: 103px;
  height: 50px;
  background: #c4c4c4;
}
span.ques-mark-header {
  margin-left: 5px;
  border: 1px solid #c4c4c4;
  padding: 5px 10px 5px 10px;
  background: #c4c4c4;
}
span.ques-mark-title {
  margin-left: 40px;
  font-size: 20px;
}
.create-btn.assesm a {
  color: white;
  font-size: 22px;
}
.create-btn.assesm.ques a {
  color: white;
  font-size: 20px;
}
p.assess-help {
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
  line-height: 14px;
}
p.asses-help {
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  line-height: 26px;
}
.assesm.ques span.helper-text {
  margin-left: 33px;
  margin-top: 10px;
  margin-right: 19px;
  display: inline-block;
}
span.uload-title {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}
span.excel-template-box {
  border: 1px solid #4c73e6;
  display: inline-block;
  width: 225px;
  height: 40px;
  border-radius: 10px;
}
span.excel-template-box a {
  color: black !important;
  font-family: "Karla";
  font-size: 18px;
  line-height: 36px;
}
span.word-template-box {
  border: 1px solid #4c73e6;
  display: inline-block;
  width: 225px;
  height: 40px;
  border-radius: 10px;
}
span.word-template-box a {
  color: black !important;
  font-family: "Karla";
  font-size: 18px;
  line-height: 36px;
}
img.tem-svg {
  display: inline-block;
  max-height: 20px;
}
.gen-check-text1 mark1 {
  color: #66e57b;
}
.gen-check-text1 mark2 {
  color: #000;
}
.user-pass-head1 {
  font-size: 20px;
  margin-left: 24px;
}
.user-pass-main-head {
  font-size: 28px;
  color: black;
}
.user1 .drug-photo-box1 .admin-upload-btn {
  position: absolute;
  bottom: 32px;
  left: 48%;
  transform: translateX(-50%);
  z-index: 999;
  display: table;
  height: 30px;
  background: gray;
  line-height: 30px;
  font-weight: 700;
  font-size: 12px;
  width: 62px;
  letter-spacing: 0.25px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
.user1 .drug-photo-box1 .admin-upload-btn a {
  display: block;
  padding: 0 14px;
}
.profile-box .prog-head {
  font-size: 16px;
}
.icon-svg-temp,
.icon-rigt-text {
  display: inline;
  position: absolute;
}
.row.content-title-icon.quiz {
  float: right;
}
.row.content-title-icon.quiz.q1 {
  float: none;
}
.view-detail-button .when-draft {
  display: inline-block;
  margin-left: -30px;
  margin-right: -15px;
}
.when-draft button {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border: none;
  color: white;
}
.view-detail-button .view-primary {
  display: inline-block;
}
.clearfix.subject-all {
}
.tag-publish {
  margin-top: 10px;
}
.published.course {
  font-size: 11px;
  width: 75px;
  height: 20px;
  line-height: 20px;
  border: 0.5px;
  color: black;
  background-color: #66e57b;
  box-sizing: border-box;
  margin-bottom: 5px;
  text-align: center;
}
.container5 {
}
.container6 {
  margin-left: 110px;
}
.container5 .details {
  background:
    linear-gradient(
      89.97deg,
      #b561fa 0.77%,
      #768dfc 99.35%);
  border-radius: 10px;
}
.admin-box,
.admin-box2,
.admin-box3,
.admin-box4,
.admin-box5 {
  box-shadow: 0px 5px 13px rgb(0 0 0 / 16%);
  border-radius: 10px;
  margin-bottom: 16px;
}
.admin-box {
  background: #ffffff;
}
.admin-box2 {
}
.admin-box3 {
  height: 500px;
}
.admin-box4 {
}
.admin-header {
  background:
    linear-gradient(
      91.93deg,
      rgba(205, 203, 207, 0.58) -3.92%,
      rgba(155, 139, 160, 0.07) 103.63%);
  border-radius: 8px 8px 0px 0px;
}
.admin-head {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.admin-head2 {
  font-size: 14px;
  color: #000;
}
.admin-box5 {
  height: 214px;
  margin-top: 20px;
}
.admin-head3 {
  font-size: 24px;
  margin-left: 35px;
  margin-top: -37px;
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  color: #000000;
}
.admin-box .practice-btn {
  float: right;
  margin-right: 15px;
}
.admin-box-info {
  color: #141414;
}
.admin-support .admin-box {
  width: 100%;
  height: 145px;
}
.admin-box-info p {
  font-size: 12px;
  font-family: Karla;
  font-style: normal;
  font-weight: 300;
  color: #000000;
}
.admin-info2 {
  margin-top: -6px;
  margin-left: -16px;
}
.admin-info3 {
}
.admin-info3 p {
  font-size: 10px;
  color: #6a6f73;
}
.admin-info3 .practice-btn {
  margin-left: 18px;
  margin-bottom: 5px;
}
.admin-yellow {
  background: #f8fc47;
}
.admin-box4 .drug-photo-box1 {
  height: 160px;
  width: 90%;
  margin: 25px;
}
.admin-box4 .drug-photo-box1 .admin-upload-btn {
  bottom: 106px;
}
.admin-box4 .upload-btn1 {
  margin-top: -17px;
  margin-right: -16px;
  background:
    linear-gradient(
      270deg,
      #b561fa 0%,
      #778dfc 100%);
  border-radius: 8px;
}
.admin-box4 .admin-box-info {
  height: 468px;
  overflow: auto;
}
.calender-window {
  height: 180px;
  margin-left: 16px;
  margin-top: 15px;
  width: 94%;
  background: #c4c4c4;
}
.admin-calender {
  margin-top: 25px;
}
.admin-calender .vline2 {
  border: 1px solid #15ddff;
  transform: rotate(90deg);
  width: 42px;
  height: 0px;
  margin-left: -4px;
  margin-top: 30px;
}
.admin-calender .vline3 {
  border: 1px solid #8e54e9;
  transform: rotate(90deg);
  width: 42px;
  height: 0px;
  margin-left: -4px;
  margin-top: 30px;
}
.calender-unit {
  margin-top: 16px;
  padding: 5px 15px;
  border-left: 2px solid #7572fe !important;
}
.calender-unit h4 {
  font-size: 12px;
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  color: #000000;
}
.calender-unit p {
  font-size: 12px;
  font-family: Karla;
  font-style: normal;
  color: #000000;
}
.admin-info4 {
  margin-top: -17px;
  margin-left: 7px;
}
.admin-info4 .practice-btn {
  margin-top: 20px;
  margin-left: 44px;
}
.admin-box-info .material-icons {
  font-size: 14px;
  margin-right: 4px;
  margin-top: 5px;
}
.live-icons1.export-import {
  text-align: center;
  color: black;
  font-size: 16px;
  font-weight: 700;
}
.live-icons1.export-import .material-icons {
  text-align: center;
  color: black;
  font-size: 28px;
  font-weight: 700;
  margin-right: 10px;
  margin-top: 10px;
}
.live-icons1.export-import p.up {
  font-size: 16px !important;
  font-weight: 700;
  margin-top: 5px;
}
.live-icons1.export-import span p.down {
  font-size: 10px !important;
  font-weight: 100;
  font-family: "Karla";
}
.assess-demo span.lock {
  color: black;
  font-size: 18px;
  font-weight: 600;
}
.class-board.assessments-detail figure.top {
  width: 100px;
  height: 100px;
}
.class-board.assessments-detail figure.top img {
  width: 106px;
  height: 110px;
  max-width: 110px;
}
.content-all .content-rev .title {
  display: inline-block;
}
.content-all .content-rev button {
  display: inline-block;
  float: right;
  width: 95px;
  height: 44px;
  background: #7572fe;
  color: white;
  font-size: 18px;
  border-radius: 10px;
  border: none;
}
.content-all .content-rev button.primary {
  margin-right: 20px;
  background: #e36767 !important;
}
.container1.add-section .radio label {
  margin-top: 55px;
  margin-left: 10px;
}
.row.scroll-quiz-assess {
  overflow-y: scroll;
  height: 470px;
  overflow-x: hidden;
}
.bs-stepper-content h4.head {
  font-size: 26px !important;
}
.stepper-content-all label {
  font-size: 20px;
  font-weight: 400;
}
.stepper-content-all2 label {
  font-size: 20px;
  font-weight: 400;
}
.stepper-content-all input {
  font-weight: 300;
}
.stepper-content-all2 input {
  font-size: 20px;
  font-weight: 300;
}
.stepper-content-all form {
}
.stepper-content-all2 form {
}
.stepper-content-all .mutiselect-dropdown .dropdown-btn,
.stepper-content-all2 .mutiselect-dropdown .dropdown-btn {
  border: none !important;
}
input[type=number] {
  border: none;
}
.assess-set-head1.marks {
  margin-right: 10px;
  font-size: 20px;
  color: black;
}
.assess-set-head.marks {
  font-size: 20px;
  color: black;
}
.row.special-strapping {
  margin-right: -40px;
}
.assessment-setting.drug-photo-box {
  max-width: none;
}
.stepper-content-all2 h4.head {
  margin-left: 0px !important;
}
.stepper-content-all2 .rights {
  font-size: 14px;
  font-weight: 100;
  font-family: "Karla";
  margin-top: 12px;
  margin-right: 8px;
}
input.buy-assess-dft.top {
}
input.buy-assess-dft {
}
label.only-text {
}
.upload-btn1.assess-setting-common {
  height: 45px;
}
.upload-btn1.assess-setting-common a {
  font-size: 22px;
  line-height: 45px;
}
.operator .admin-box {
  width: 342px;
  height: 159px;
  margin: 20px;
  background: #ffffff;
  box-shadow: 0px 5px 13px rgb(0 0 0 / 16%);
  border-radius: 10px;
}
.container5 .filter-area .filter-item {
}
.admin-head-dir {
  font-size: 36px;
  font-weight: bold;
  color: #000000;
}
.admin-box-dir {
  background: #ffffff;
  box-shadow: 0px 5px 13px rgb(0 0 0 / 16%);
  border-radius: 10px;
  padding: 15px;
  text-align: right;
  margin-bottom: 16px;
}
.admin-head-dir1 {
  font-size: 12px;
  font-weight: 600;
}
.dir-green {
  padding-top: 20px;
  font-size: 12px;
  font-weight: 600;
  color: #66e57b;
}
.dir-red {
  color: #e36767;
}
.asses-item.setting3 {
  display: inline-block;
  float: right;
}
.asses-item.setting3 label {
  margin-left: 20px;
}
.asses-item.setting3 span {
  font-size: 20px;
  font-weight: 400 !important;
}
.content.enable-section .material-icons {
  float: none;
  font-size: 20px;
}
.content input.custm-width-inpt {
  width: 80px;
}
.add-section-btn-tbl {
  font-size: 22px;
  font-weight: 600;
}
.sutpc .form-control {
  border: none;
}
.sutpc .profile-info h4 {
  font-size: 20px;
  color: black;
}
.sutpc .rights {
  font-size: 14px;
  color: black;
  font-weight: 100;
  margin-right: 10px;
}
.sutpc.rad .radio {
  margin-top: 7px;
}
.assess-create.ques-heading h4 {
  font-size: 20px;
  color: black;
}
.assess-create-align.ques-num.mcq .checkmark1 {
  border-radius: 15px;
  margin-left: 15px;
}
.assess-create-align.ques-num.mcq h4 {
  margin-left: 20px;
}
.btn.btn-link.mcq {
  font-size: 20px;
}
.assess-create.ques-heading h3 {
  font-size: 26px;
  color: black;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 25px;
}
.table.c-test-cases .border-0 .student {
  font-size: 18px;
  line-height: 20px;
  color: #9e9b9b;
  font-weight: 700;
}
.table.c-test-cases .all-test {
  font-size: 14px !important;
  line-height: 16px !important;
  font-weight: 400;
}
.del1-btn.test-case-right {
  min-width: 70px;
  width: 100px;
  height: 31px;
  line-height: 30px;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.3px;
  display: table;
  border: 1px;
  border-radius: 5.75px;
  -webkit-border-radius: 5.75px;
  background-color: #e36767;
  margin-top: 10px;
  text-align: center;
}
.assess-modal-all h2 {
  font-size: 26px !important;
  margin-bottom: 40px;
  color: black;
}
.assess-modal-all h4 {
  font-size: 22px !important;
  color: black !important;
  margin-bottom: 20px;
}
.assess-modal-all h6 {
  display: inline;
  font-size: 16px;
  font-weight: 100;
}
.assess-modal-all .upload-right {
  margin-top: 9px;
  margin-left: 20px;
  font-size: 14px;
}
.bar-container.small {
  width: 105%;
  background: white;
}
.bar-container.small span.all {
  color: black;
  float: left;
  margin-left: 18px;
  font-size: 14px;
}
.headings.feedback {
  line-height: 50px;
}
.assess-feedbck .text3 {
  font-size: 14px;
  font-weight: 400;
  color: black;
}
.leftpane.assess-feedbck {
  width: 15%;
  height: 100%;
  float: left;
  background-color: #fff;
  border-collapse: collapse;
  text-align: center;
  margin-left: -18px;
  margin-right: 20px;
}
.rating-assess.all {
}
.row.assess-feed-all {
}
.class-board-info.top-feedbck-bars {
  margin-bottom: 50px;
}
.assessAllDetailScreens {
  width: 1007px;
  margin-left: -17px;
}
.non-stepper h4.headTitle {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
}
.filter-item .drpbox-title {
  margin-top: 10px;
  margin-bottom: 10px;
}
.filter-area.nonStepper .filter-item .dropdown > a {
  width: 100%;
  max-width: 232px;
  border: 1.125px solid #cfcfcf;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  line-height: initial !important;
  height: auto !important;
}
.filter-area.nonStepper .filter-item .dropdown a {
  font-size: 14px;
  color: #828282;
  padding-left: 12px;
  padding-right: 12px;
}
.allDetailPagePosition .folder-area table .progress-btn a.out {
  overflow: hidden;
  display: block;
  padding: 0px 10px;
  border-radius: 5.625px;
  -webkit-border-radius: 7.625px;
  color: white;
  font-weight: 600;
  border: 0;
}
.allDetailPagePosition .folder-area table .progress-btn {
  display: table;
  font-size: 11.25px;
  height: 30px;
  line-height: 30px;
  background-color: #2320FE;
  margin-right: -25px;
  border-radius: 6px;
}
.assess-reportedIssue {
  margin-bottom: 20px;
}
.assess-reportedIssue .num-question {
  color: black;
}
.assess-reportedIssue .num-question span {
  border: 1px solid black;
  padding: 5px 10px 5px 10px;
  border-radius: 30px;
  font-weight: 700;
}
.assess-reportedIssue .mathjax-container {
  color: #4b4b4b;
  font-weight: 700;
}
.assess-reportedIssue .respondAll a {
  padding: 12px;
  background: #7572fe;
  border-radius: 6px;
  color: white;
  font-weight: 700;
  margin-left: 46%;
}
.respond-btn.pull-right {
  margin-left: 10px;
  border: 1px solid #7572fe;
  font-weight: 700;
}
.quesBankImport h4.assTitle {
  display: inline-block;
  margin-left: 40px;
}
.quesBankImport h4 {
  font-size: 18px;
  color: black;
}
.quesBankImport h3 {
  font-size: 20px !important;
}
.btn.btn-primary.filter {
  background: #a070fb;
  border: none;
  font-weight: 700;
  line-height: 20px;
  font-size: 16px;
  font-family: "Karla";
  height: 39px;
}
.quesBankImport .material-icons {
  display: inline-block;
  position: absolute;
  color: black;
}
.quesBankImport .row.mt-3 {
  margin-left: 20px;
}
.quesBankImport span.filteredQuestion-out {
  font-size: 18px;
  font-weight: 700;
}
.quesBankImport .container2.q-num {
  font-size: 18px;
  margin-top: 10px;
  font-weight: 700;
}
.container2 p.ques-found-top {
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
  color: #7572fe;
  margin-left: 25px;
  margin-right: 10px;
}
.container2 p.ques-found-rights {
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
}
.quesBankImport .dropdown-down {
  width: 7px !important;
  height: 7px !important;
}
.quesBankImport .sutpc .form-control {
  border: none;
}
.row.mt-3.custom-flex-import {
  margin-right: -45px;
}
.container5 .switch-item {
  float: right;
  margin-top: -30px;
}
.container5 .switch-item .assess-set-head {
  font-size: 8px;
}
.instance-head {
  font-size: 14px;
  font-weight: 600;
  margin-top: 26px;
  color: #000;
}
.inst-head {
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}
.instance-set .admin-box2 {
  height: unset;
}
.instance-set .col-lg-2 {
}
.container5 .inline {
  margin-top: 72px;
}
.email-set .col-lg-2 {
}
.inst-upload .drug-photo-box1 {
  display: table;
  width: 100%;
  max-width: 646px;
  border: 1px dotted #c4c4c4;
  border-radius: 7px;
  padding: 26px;
  margin: 20px;
}
.inst-head-set {
  font-size: 13px;
  padding-top: 10px;
  padding-left: 21px;
  margin-bottom: -14px;
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  color: #000000;
}
.settings mark {
  color: blue;
}
.drug-photo-box1 .admin-upload-btn1 {
  position: absolute;
  bottom: 29px;
  left: 57%;
  transform: translateX(-50%);
  z-index: 999;
  display: table;
  height: 30px;
  width: 84px;
  padding-left: 9px;
  color: #000;
  background: #bab8ff;
  line-height: 30px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.25px;
  border-radius: 5px;
  -webkit-border-radius: 25px;
}
.eval-firstBlock figure {
  margin-left: -18px;
  margin-right: 15px;
}
.eval-firstBlock h3 {
  font-size: 18px;
}
.eval-firstBlock h4 {
  color: #767676;
  font-size: 12px;
}
.eval-firstBlock .material-icons {
  font-size: 16px;
}
.eval-secondBlock .eval-number {
  color: black;
  font-weight: 700;
  font-size: 30px;
}
.eval-secondBlock span {
  font-size: 14px;
}
.eval-thirdBlock .upper-sliderInline span.slider-textLeft {
  font-weight: 700;
  font-family: "Karla";
  font-size: 14px;
  margin-right: 22px;
}
.eval-thirdBlock .upper-sliderInline label {
  font: 2rem "Fira Sans", sans-serif;
  margin: 0px;
}
.eval-thirdBlock .bottom-radioBlocks {
  display: flex;
}
.eval-thirdBlock .bottom-radioBlocks .rights {
  float: left;
  color: #000000;
  font-family: "Karla";
  font-size: 14px;
  font-style: normal;
  line-height: 14px;
  font-weight: 100;
}
.eval-left-quesWise a.text-truncate {
  font-weight: 700;
  font-size: 17px;
}
.number.eval-rightQuesIndex {
}
.number.eval-rightQuesIndex span.number-head {
  border-radius: 33px;
  padding: 8px 13px;
  font-size: 17px;
  font-weight: 600;
}
.eval-rightQuesIndex.custom-ColorQuestion span {
  background-color: #e1e1e1;
}
.number.eval-rightQuesIndex span.number-head,
.eval-rightQuesIndex.custom-ColorQuestion span {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  line-height: 50px !important;
  display: inline-block;
  text-align: center;
}
.eval-rightQuesIndex.custom-ColorQuestion .active span {
  background-color: #08db62;
}
.eval-right-quesWise p {
  font-size: 16px;
  color: #4b4b4b;
  line-height: 18px;
  font-weight: 600;
}
.eval-right-quesWise .mark-p {
  font-size: 16px;
  padding: 5px 3px;
  margin-left: 0px !important;
  font-weight: 600;
  border: 1px solid;
  border-radius: 8px;
}
.eval-right-quesWise .mark-n {
  font-size: 16px;
  padding: 5px 3px;
  font-weight: 600;
  border: 1px solid;
  border-radius: 8px;
}
.student-expandEvaluationAns .mathjax-container p {
  margin-left: 65px;
}
.evalMarksAssign-expand label {
  font-size: 22px;
  font-family: "Karla";
}
.evalMarksAssign-expand span.enter-Marks {
  font-size: 22px;
  font-family: "Karla";
  color: black;
  font-weight: bold;
}
.evalMarksAssign-expand input.enter-marksField {
  font-size: 22px;
  font-family: "Karla";
}
.customizedBorder-Input input {
  height: 21px;
  font-size: 22px;
  width: 104px;
  margin-top: 17px;
  margin-bottom: -10px;
}
.customizedBorder-Input span {
  width: 102px;
}
.customizedBorder-Input hr {
  width: 86px;
  border-top: 2px solid;
}
.customizedBorder-Input {
}
.evalStudentAnswerEditor {
  padding: 0px 24px !important;
}
.customizedSpanMarks-Assign {
}
.btn.custom-evaluationSubmitPrimary {
  background:
    linear-gradient(
      270deg,
      #b561fa 0%,
      #778dfc 100%) !important;
  color: white;
  font-weight: 700;
  font-size: 22px;
  width: 180px;
}
h6.expandStudentResponse-eval {
  font-size: 19px !important;
  margin-top: 40px;
  margin-bottom: 20px !important;
  font-family: "Karla";
}
.students-expandEvaluationAns p {
  font-size: 19px !important;
  color: black;
  line-height: 26px !important;
  font-weight: 500;
}
.eval-left-studentWise span {
  font-size: 17px;
  color: #767676;
  font-family: "Karla";
  font-weight: 700;
}
.eval-left-studentWise h3 {
  font-family: "Karla";
  font-size: 17px;
  line-height: 11px;
}
.eval-left-studentWise h4 {
  font-size: 17px;
  font-weight: 700;
  font-family: "Karla";
  margin-top: -26px;
}
.studWise-left-sidebar2 {
  padding-bottom: 10px;
}
.genuinityCheckCustomtabs .assessGenuinityContentTabs {
  display: flex;
  flex-direction: column;
}
.genuinityBoxHeaderCustomized .gen-bar1.head-CustomFlex {
}
.genuinityBoxHeaderCustomized .ht-FontAll {
  font-size: 17px;
}
.area-Custom-proctored .gen-check-text1 {
  font-size: 18px;
}
.area-Custom-proctored .gen-check-text2 {
  font-size: 14px;
}
h4.graph-titleProctoredAttempts {
  font-size: 26px;
  color: black;
  font-weight: 700;
  margin-top: 30px;
}
span.bottomTitle-BelowMain {
  margin-top: 10px;
  font-size: 13px !important;
  font-weight: 100 !important;
}
.inner-titleProctoredAttempts {
  font-size: 18px;
  color: #767676;
  font-weight: 500;
}
.inner-titleProctoredAttempts strong {
  color: black;
  margin-left: 10px;
}
select.owner-SingleInput {
  font-size: 20px;
  border: none;
}
.tag-input-size-equalize input {
  min-height: 26px !important;
  height: auto !important;
}
.common-MX-1 .dashboard-area.classroom .post-box {
  margin-bottom: 0px !important;
}
.common-MX-1 .random-MultiSelectInput {
  border: none;
  background: white;
  font-size: 20px;
  font-weight: 100;
}
.random-Testsettings .material-icons {
  display: inline;
  font-size: 26px;
  float: none;
  line-height: 34px;
  color: black;
  display: inline;
}
.randon-Testsettings {
  margin-bottom: 15px;
}
.Custom-boxLayout-1 label {
  font-size: 14px;
  font-weight: 400;
}
.Box-inner-accessModeTags {
  min-height: 40px;
}
.Box-inner-accessModeTags .material-icons {
  font-size: 16px;
}
.Box-inner-accessModeTags .stud2.subjctViewAll {
  line-height: 20px;
}
.random-Testsettings span.randomAdd-More {
  font-size: 20px;
  color: black;
  font-family: "Karla";
}
.modal-createAss-1 {
  background: #faf8f8;
}
.modal-createAss-1 h2 {
  margin-bottom: 0px;
}
.modal-createAss-1 label {
  font-family: "Karla";
  letter-spacing: normal;
}
.modal-createAss-1 .drug-photo-box {
  margin-left: 0px;
  margin-top: 20px;
  padding: 0px;
}
.modal-createAss-1 span.dropdown-btn {
  width: 670px;
}
.modal-createAss-1 .form-mainEntryModal {
  margin-top: 16px;
}
.modal-createAss-1 .save-ch-btn {
  background:
    linear-gradient(
      270deg,
      #b561fa 0%,
      #778dfc 100%);
  float: right;
  margin-top: 28px !important;
  border-radius: 7px !important;
  font-weight: 700;
  font-size: 20px !important;
  line-height: 42px;
  height: 45px;
}
.modal-createAss-1 .cancel-link {
  float: right;
  margin-right: 30px;
  font-size: 20px;
  margin-top: 35px !important;
  font-weight: 700;
  color: black;
}
.modal-createAss-1 .save-ch-btn .btn {
  font-size: 20px;
  font-weight: 700;
}
.modal-uploadAss-1 .save-ch-btn {
  background:
    linear-gradient(
      270deg,
      #b561fa 0%,
      #778dfc 100%);
  float: right;
  margin-top: 28px !important;
  border-radius: 7px !important;
  font-weight: 700;
  font-size: 20px !important;
  line-height: 42px;
  height: 45px;
}
.modal-uploadAss-1 .cancel-link {
  float: right;
  margin-right: 30px;
  font-size: 20px;
  margin-top: 35px !important;
  font-weight: 700;
  color: black;
}
.modal-uploadAss-1 .save-ch-btn .btn {
  font-size: 20px;
  font-weight: 700;
}
.edt-btn.only-editNoDelete {
  font-family: "Karla";
  border: 1.5px solid #4c73e6;
  max-width: 250px;
  width: 208px;
  height: 33px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 7px;
}
.edt-btn.only-editNoDelete a {
  color: #707070;
  line-height: 29px;
}
.optional-settingCustomWidth .class-board-info {
  width: 100%;
}
.optional-settingCustomWidth .post-box p {
  padding: 0px;
}
.optional-settingCustomWidth .post-box p {
  margin: 0px;
  margin-top: 1px;
}
.optional-settingCustomWidth input {
  margin: 0px;
  margin-top: 1px;
  background: white !important;
}
.optional-settingCustomWidth .profile-info hr {
  margin: 0px;
  margin-top: 1px;
  background: white !important;
  margin-top: 0px;
}
.ck.ck-editor {
  color: #000;
}
.ck.ck-editor ul,
.ck.ck-editor ol,
.ck-content ol,
.ck-content ul {
  margin-left: 2.666em;
  margin-bottom: .8em;
}
.ck-content ol {
  list-style-type: decimal;
}
.ck-content ol ol {
  list-style-type: lower-latin;
}
.ck-content ol ol ol {
  list-style-type: lower-roman;
}
.ck-content ol ol ol ol {
  list-style-type: upper-latin;
}
.ck-content ol ol ol ol ol {
  list-style-type: upper-roman;
}
.ck-content ul {
  list-style-type: circle;
}
.ck-content ul ul {
  list-style-type: disc;
}
.ck-content ul ul ul {
  list-style-type: square;
}
.ck-content ul ul ul ul {
  list-style-type: square;
}
.ck-editInstruckSett .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  height: 100px;
}
.ck-editInstruckSett .ck.ck-editor__main > .ck-editor__editable:not(.ck-blurred) {
  height: 100px;
}
.ck-editInstruckSett .class-board-info label {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
.ck-editInstruckSett .btn-padding {
  float: right;
  margin-top: 48px;
  margin-right: 24px;
  background: #66e57b;
  font-weight: 700;
  margin-right: 20px !important;
}
.ck-progress-bar {
  height: 10px !important;
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, .15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .15) 50%,
      rgba(255, 255, 255, .15) 75%,
      transparent 75%,
      transparent) !important;
  background-size: 1rem 1rem !important;
}
.topHeader-Liveboard .live-icons .material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-size: 35px;
  margin-top: 6px;
  margin-left: 50px;
  text-align: center;
  color: black;
}
.topHeader-Liveboard .liveTop-img h4 {
  background: #fbf793;
  display: inline-block;
  padding: 0px 5px;
  color: black;
  letter-spacing: 0.15em;
  font-size: 14px;
  margin-top: 4px;
}
.joined-studentsCard .watch-list-btn {
  line-height: 29px;
  border: 1px solid #4c73e6;
  border-radius: 5px;
  max-width: 204px;
  width: 204px;
}
.joined-studentsCard .material-icons {
  color: #e36767;
  margin-bottom: 6px;
  margin-right: 5px;
  margin-top: 4.5px;
}
.ProctoringIndiVidual img.profileDp {
  height: 280px;
  margin-bottom: 25px;
}
.ProctoringIndiVidual h5.targetTing {
  font-size: 22px;
  margin-bottom: 20px;
  color: #5c5b5b;
}
.ProctoringIndiVidual span.allTopIndexing,
.ProctoringIndiVidual span.allTopIndexing2 {
  font-size: 16px;
  line-height: 1.4;
}
.ta-7 {
  text-align: center;
}
.ta-7-r {
  text-align: right !important;
}
.ProctoringIndiVidual a.liveMessage-btn {
  float: right;
  margin-right: 30px;
  background:
    linear-gradient(
      270deg,
      #b561fa 0%,
      #778dfc 100%);
  max-width: 160px;
  width: 160px;
  border-color: white;
  font-weight: 700;
}
.ProctoringIndiVidual .live-procEye {
  font-size: 28px;
  color: #575252;
}
.live-FraudPrevent-1 .head {
  color: black;
  margin-left: 16px;
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 700;
}
.live-FraudPrevent-2 .head {
  color: black;
  margin-left: 16px;
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 700;
}
.live-FraudPrevent-2 .liveToptag-2 {
  background: #4a48ad;
  width: 70px;
  height: 22px;
  line-height: 23px;
  font-size: 11px;
  margin-bottom: 10px;
}
.live-FraudPrevent-2 span.liveToptag-spn {
  font-size: 18px;
  color: black;
}
.live-FraudPrevent-2 .liveToptag-spn {
  font-size: 18px;
  color: black;
}
.live-FraudPrevent-2 .liveToptag-spn1 {
  display: block;
  margin-top: 10px;
}
.live-FraudPrevent-2 .material-icons.liveToptag-spn {
  position: absolute;
  margin-top: -4px;
  font-size: 22px;
}
.live-FraudPrevent-2 p.liveToptag-spn {
  display: inline;
  margin-left: 25px;
}
.ProctoringIndiVidual.cuTom .live-box {
  height: auto;
  margin: 20px 0px;
  padding: 20px 0;
  background: lightgray;
}
.watchList-LiveInner .span.watch {
  margin-left: 50px;
}
.watchList-LiveInner .watch a {
  color: black;
  margin-left: 51px;
  font-size: 14px;
  font-weight: 500;
}
.ongoingDetailLive .material-icons {
  position: absolute;
}
.ongoingDetailLive p {
  margin-left: 30px;
}
.ongoingDetailLive h4 {
  color: #767676;
}
.ongoingDetailLive h4.specLiveCount {
  margin-left: 40px;
}
.liveMainInnner3 .material-icons {
  display: inline;
  position: initial;
  color: #767676;
  font-size: 16px;
}
.liveMainInnner4 .material-icons {
  display: inline;
  position: initial;
  font-size: 16px;
  margin: 0;
  color: black;
  vertical-align: middle;
}
.liveMainInnner4 a {
  font-size: 14px;
  color: inherit;
}
.liveMainInnner4 strong {
  color: black;
}
.liveMainInnner4 p {
  font-size: 20px;
  margin-left: 35px;
}
.liveMainInnner3 h4 {
  font-size: 16px;
  color: black;
  font-weight: 700;
}
.liveMainInnner3 h4.liveCom-date {
  display: inline;
  font-size: 14px;
  color: #767676;
  font-family: "Karla";
  font-weight: 400;
}
.invidualTopHeader3 .material-icons {
  font-family: "Material Icons" !important;
  font-size: 30px;
  margin-bottom: 16px;
  color: white;
  text-align: center;
}
.invidualTopHeader3 h4.refresh-HeaderLive {
  font-size: 16px;
}
.invidualTopHeader3 .liveNoBorder-1 {
  border: none;
}
.invidualTopHeader3 .liveUserImg-4 {
  width: 80px;
  margin-top: -5px;
  max-width: 100px;
}
.invidualTopHeader3 h4.liveIdUser-3 {
  margin-left: 98px;
}
.invidualTopHeader3 span.liveIdUser-3 {
  margin-left: 98px;
  margin-top: 8px;
}
.cardFontAll-imp {
  font-size: 12px;
}
.cardFontAll-imp3 {
  font-size: 12px;
  font-weight: 400;
}
.cardFontAll-imp .material-icons.course {
  position: relative;
}
.cardFontAll-imp1 h4 {
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cardFontAll-imp1 p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 14px !important;
}
.evaluationAdminSide1 .btn-primary {
  background:
    linear-gradient(
      270deg,
      #b561fa 0%,
      #778dfc 100%);
  font-size: 18px;
  font-weight: 700;
  float: right;
  border-color: white;
  border-radius: 8px;
}
.tableCenterHead1 {
  text-align: center;
}
.adminEvalMaterial-1 {
  position: absolute;
  margin-left: -50px;
  margin-top: -26px;
}
.evaluationAdminSide1 .stud1 {
  font-size: 14px;
  color: black;
  line-height: 26px;
  margin-left: 29px;
  margin-top: -27px;
}
.evaluationAdminSide1 .folder-area table .folder .inner h4,
.evaluationAdminSide1 .folder-area table .email h4,
.evaluationAdminSide1 .folder-area table .status h4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
.evaluationAdminSide1 .material-icons {
  color: black;
}
.evaluationAdminSide1 input {
  box-shadow: 0px 5px 13px 0px #00000029;
  height: 51px;
  margin: 0px;
  padding: 16px 36px;
  border-radius: 5px;
}
.evaluationAdminSide1 .fa-search {
  position: absolute;
  margin-top: 17px;
  margin-left: 10px;
  font-size: 17px;
  color: #cbcbcc;
}
.evaluationAdminSide2 input {
  box-shadow: 0px 5px 13px 0px #00000029;
  height: 51px;
  margin: 0px;
  padding: 16px 36px;
  border-radius: 5px;
}
.evaluationAdminSide2 .fa-search {
  position: absolute;
  margin-top: 17px;
  margin-left: 10px;
  font-size: 17px;
  color: #cbcbcc;
}
.tMargin8 {
  margin-top: 15px;
}
.commonFont-SizeK1 {
  font-size: 16px;
  font-family: "Karla";
  font-weight: 700;
  color: black;
}
.evaluationAdminSide2 .student {
  color: #000;
  font-size: 14px;
  line-height: 27px;
  font-weight: 500;
}
.create-ClassModalMain .form-subHeadingss {
  font-family: "Karla";
  font-size: 22px !important;
}
.create-ClassModalMain .drug-photo-box.create-course {
  margin-left: 0px !important;
}
.create-ClassModalMain .cameraToggleCombine {
  display: flex;
}
.create-ClassModalMain .switch-item {
  margin-left: 20px;
}
.create-ClassModalMain .toggleAllowCustom2 {
  background: white;
  width: 319px;
  padding-left: 20px;
  margin-top: 24px;
}
.create-ClassModalMain .assess-set-head {
  font-size: 16px;
  font-family: "Karla";
  color: black;
}
.create-ClassModalMain .create-course-drop select {
  width: 600px;
  border: none !important;
  background: white !important;
}
.create-ClassModalMain label.switch {
  position: absolute;
}
.memberClassroomMain1 h4.topLabelAllMain-1 {
  font-size: 26px !important;
  margin-top: 30px;
  font-family: "Karla";
}
.memberClassroomMain1 a.addStuDnt {
  width: 130px;
  height: 38px;
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  color: white;
  font-weight: 700;
  font-family: "Karla";
  font-size: 16px;
  border-radius: 5px;
  text-align: center;
  line-height: 36px;
}
.memberClassroomMain1 a.upldStuDnt {
  width: 82px;
  font-family: "Karla";
  height: 38px;
  border: 1px solid #4c73e6;
  border-radius: 5px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  color: black;
}
.memberClassroomMain1 a.exprtStuDnt {
  border: 1px solid #4c73e6;
  width: 176px;
  height: 38px;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
  border-radius: 5px;
  color: black;
}
.memberClassroomMain1 .member-upload-export-btn {
  margin-bottom: 88px;
  margin-left: -2.5%;
  margin-top: 16px;
}
.memberClassroomMain1 input {
  margin-left: 18px;
  max-width: 600px;
}
.memberClassroomMain1 img.searchBoxIcon-5 {
  display: inline;
  position: absolute;
  bottom: 16px;
  height: 16px;
  margin-left: 10px;
}
.memberClassroomMain1 .seachBoxClsMmbr1 {
  box-shadow: 0px 5px 13px 0px #00000029;
  margin-bottom: 40px;
  margin-left: 20px;
  max-width: 94%;
  border-radius: 5px;
}
.memberClassroomMain1 .table {
  margin-left: 20px;
}
.table.memberDetailsClass1 h4 {
  font-size: 14px !important;
  color: black !important;
}
.memberClassroomMain1 .tableClshead1 {
  font-size: 14px;
}
.memberClassroomMain1 .dlt-btnClM a {
  font-size: 15px;
  font-weight: 700;
  color: #9C1C28;
  line-height: 30px;
}
.memberClassroomMain1 .folder-area table .progress-btn {
  display: table;
  font-size: 11.25px;
  height: 30px;
  line-height: 30px;
  margin-right: -25px;
  background: #7572fe;
  font-size: 14px;
  font-weight: 700;
  font-family: "Karla";
  border: none;
}
.memberClassroomMain1 .folder-area table .progress-btn a {
  border: none;
}
.cls-modalAddStd1 h3 {
  font-size: 16px;
  margin-top: 5px;
  color: black;
  font-weight: 400;
}
.cls-modalAddStd1 input {
  border: 1px solid;
  height: 40px;
}
.cls-modalAddStd1 .radio label {
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  border-radius: 50px;
  border: 1px solid black;
}
.cls-modalAddStd1 .rights {
  float: left;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 20px;
}
.cls-modalAddStd1 .container1 .radio label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  border: 9px solid rgb(50, 50, 51);
  border-radius: 50px;
}
.cls-modalAddStd1 .modal-body international-phone-number .input-group {
  border: 1px solid black;
  height: 40px;
}
.cls-modalAddStd1 .modal-body international-phone-number input {
  border: none;
  max-width: 65%;
  border: none;
  margin-top: 2px;
  height: 29px;
  margin-left: -10px;
}
.cls-modalAddStd1 .pink.btn-cl-black {
  font-size: 18px;
  color: #575757;
  background: #f4f4f7;
}
.cls-modalAddStd1 .btn-cl-black.green {
  background:
    linear-gradient(
      90deg,
      rgba(71, 118, 230, 0.8) 0%,
      rgba(142, 84, 233, 0.8) 100%);
  color: white;
  font-weight: 600;
  margin-left: 25px;
  border-color: white;
}
.uploadModalheader-1cls h3.modal-title {
  font-size: 24px;
  color: black;
  font-weight: 700;
  font-family: "Karla";
}
.uploadModalheader-1cls h5.color-black {
  font-size: 24px;
  color: black;
  font-weight: 700;
  font-family: "Karla";
  margin-top: 3px;
}
.uploadModalheader-1cls .material-icons {
  position: absolute;
  margin-top: 0px;
  font-size: 27px;
}
.uploadModalheader-1cls a {
  margin-left: 30px;
}
.uploadModalheader-1cls .closeModalPopCls1 {
  color: black;
}
.clsModalupldBdy1 .ngx-file-drop__content {
  width: 100%;
}
.clsModalupldBdy1 .ngx-file-drop__content img {
  width: 50px;
  margin: 10px auto;
}
.clsModalupldBdy1 .ngx-file-drop__content h4 {
  text-align: center;
}
.clsModalupldBdy1 .ngx-file-drop__content h2 {
  text-align: center;
  margin-top: 5px;
}
.clsModalupldBdy1 .ngx-file-drop__content button.angular-file {
  margin-left: 45%;
  margin-top: -9%;
}
.crossForDeltFile1 {
  position: absolute;
  margin-top: -4.5%;
  margin-left: 17%;
}
.classFoldermainCls1 .title h4 {
  font-size: 26px;
  line-height: 30px;
  margin-left: 20px;
  font-weight: 700;
}
.classFoldermainCls1 img.search-1Fldr {
  position: absolute;
  margin-top: -7px;
}
.crtClassMain-hme1 a {
  margin-left: 65% !important;
  font-size: 18px !important;
}
.container5 input[type=text] {
  box-shadow: 0px 5px 13px rgb(0 0 0 / 16%);
  margin-left: -34px;
  width: 132%;
  padding-left: 22px;
}
.admin-search-bar-1 {
  margin-top: -30px;
  margin-left: -28px;
  margin-bottom: 30px;
}
.inst-head .mark1 {
  background: #c1c2f5;
  padding: 1px;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
}
.instance-head-rep {
  font-size: 12px;
  color: #000;
}
.instance-head-rep1 {
  font-size: 12px;
  color: #000;
}
.practice-rep-btn {
  float: right;
  font-size: 11.25px;
  line-height: 31.25px;
  height: 31.25px;
  border: 0.625px solid #000;
  border-radius: 6.25px;
  -webkit-border-radius: 6.25px;
  margin-top: -17px;
  margin-right: 20px;
  width: 54px;
  margin-left: -9px;
}
.practice-rep-btn a {
  display: block;
  color: #000;
  padding: 0 14px;
}
.sub-rep {
  margin-top: -20px;
  margin-left: 104px;
  font-size: 14px;
  color: blue;
}
.overall-analytics .details {
  background:
    linear-gradient(
      90deg,
      #1587cc -2.87%,
      #2a34b3 102.04%);
  border-radius: unset;
}
.container5 .over-head {
  font-size: 24px;
}
.over-head mark1 {
  color: #000;
}
.asses-info .over-head1 {
  font-size: 34px;
}
.over-head3 {
  font-size: 14px;
  padding-left: 14px;
  font-family: Karla;
  font-style: normal;
  color: #000000;
}
.overall-main .admin-head2 {
  font-size: 12px;
}
.overall-main .filter-area .filter-item .dropdown > a {
  border: none;
}
.overall-main .filter-area {
  margin-bottom: 16px;
}
.overall-main .admin-info3-dir h6 {
  font-weight: 600;
}
.overall-main .admin-info2-dir h6 {
  font-weight: 600;
}
.container5 .over-out h3 {
  letter-spacing: 0.01em;
  color: #000000;
}
.container5 .over-out p {
  color: #000000;
  font-size: 12px;
}
.over-out .circle-head {
  font-size: 12px;
  font-weight: 600;
  color: black;
  font-family: Karla;
}
.container5 .over-out .over-out2 {
  letter-spacing: 0.01em;
  font-size: 14px;
}
.over-out .material-icons {
  font-size: 14px;
  color: black;
}
.over-out-mat {
  font-size: 13px;
  color: #000;
}
.out-circle .progress-circle.over50 .first50-bar {
  background: #e5e066;
}
.out-circle .value-bar {
  border: 0.45em solid #e5e066;
}
.out-circle1 .progress-circle.over50 .first50-bar {
  background: #66e57b;
}
.out-circle1 .value-bar {
  border: 0.45em solid #66e57b;
}
.out-circle2 .progress-circle.over50 .first50-bar {
  background: #e5ab66;
}
.out-circle2 .value-bar {
  border: 0.45em solid #e5ab66;
}
.over-active {
  background: #0D5887;
  color: #fff;
  border-radius: 3px;
  padding: 5px;
}
.over-active .admin-info2-dir p {
  color: #fff;
}
.over-box1 {
  box-shadow: 0px 5px 13px rgb(0 0 0 / 16%);
  border-radius: 8px;
}
.over-content {
  color: #000;
  font-size: 12px;
}
.over-input .circle-head {
  font-size: 14px;
}
.over-input .out-circle .progress-circle {
  font-size: 14px;
}
.over-input .out-circle2 .progress-circle {
  font-size: 14px;
}
.circle-head1 {
  font-size: 14px;
  font-weight: 600;
}
.over-in {
  color: black;
}
.over-in1 {
  color: black;
}
.over-box2 {
  margin-bottom: 20px;
  box-shadow: 0px 5px 13px rgb(0 0 0 / 16%);
  border-radius: 8px;
}
.out-online {
  margin-left: 26px;
  margin-top: 22px;
  color: black;
  font-family: Karla;
  font-style: normal;
}
.container5 .out-online-1 {
  font-size: 18px;
  color: #000;
  font-weight: 600;
}
.out-group p {
  font-size: 14px;
}
.over-group-active mark1 {
  color: rgb(27, 189, 27);
  font-weight: 600;
}
.over-persist .progress-circle {
  font-size: 20px;
  background: #66e5b7;
}
.over-persist {
  margin-left: 55px;
  margin-top: 20px;
}
.over-persist .circle-head1 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: -10px;
}
.over-persist .progress-circle .first50-bar {
  background: #e56666;
}
.over-persist .value-bar {
  border: 0.45em solid #e56666;
}
.persist-finish1 {
  color: #000;
}
.persist-green {
  background: #66e5b7;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-left: -10px;
  margin-top: 4px;
}
.persist-red {
  background: #e56666;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-left: -10px;
  margin-top: 4px;
}
.over-group-active .material-icons {
  font-size: 12px;
  color: rgb(27, 189, 27);
}
.persist-arrow1,
.persist-arrow2 {
  font-size: 15px;
  font-weight: 600;
  color: rgb(27, 189, 27);
}
.main-ClassViewAllTop-All1 .main-area.view-all .box-item {
  width: 20%;
  float: left;
  padding: 0 15px;
  margin-bottom: 10%;
}
.main-ClassViewAllTop-All1 .box .info ul li {
  position: relative;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 6px;
  line-height: 14px;
  color: #8a8a8a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-ClassViewAllTop-All1 .btn.LoadMoreAll-btn {
  font-weight: 700;
  text-align: center;
  margin-top: -6%;
  font-size: 20px;
  border: 1px solid black;
  height: 45px;
}
.home-assessments.bg-plAll_text .box .info ul li {
  position: relative;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  color: #8a8a8a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.byStdNameAllStrng-1 {
  font-size: 17px;
  font-family: "Karla";
  color: black;
  font-weight: 700;
}
.commentStd-MathCls1 .mathjax-container {
  color: #4b4b4b;
  font-weight: 300;
}
.detNAmeAssess1 .material-icons {
  color: black;
  font-size: 16px;
}
.assess-demo-head.del2 h4.text-center {
  font-size: 22px;
  font-weight: 700;
  font-family: "Karla";
}
.assess-demo-head.del2 span {
  font-size: 13px !important;
  font-weight: 400;
  font-family: "Karla";
}
.form-group input:focus {
  box-shadow: unset !important;
}
.AllQuesDeT .mathjax-container p {
  font-size: 18px;
  line-height: 24px;
  max-width: 118%;
  width: 100%;
  font-family: "Karla";
}
.AllQuesDeT .selection-wrap h6 {
  font-size: 18px;
}
.AllQuesDeT .selection-wrap h6.headerSmallAl {
  font-size: 16px !important;
}
.AllQuesDeT .selection-wrap strong.ansoption_hed {
  margin-bottom: 4px;
  display: inline-block;
}
.AllQuesDeT div.number {
  min-width: 40px;
  min-height: 40px;
  border: 1px solid black;
  border-radius: 50%;
  margin-top: -30%;
  margin-left: 27%;
  max-width: 40px;
  max-height: 40px;
  text-align: center;
  padding: 0px !important;
  margin-top: -20%;
}
.AllQuesDeT div.number span.number-head {
  font-size: 18px !important;
  text-align: center !important;
  background-color: white;
  padding: 0px !important;
  line-height: 38px !important;
  position: relative;
  color: #4b4b4b !important;
  font-weight: 700;
}
.AllQuesDeT .deltWhnCollapsed {
  margin-left: 5% !important;
  height: 32px;
  border-radius: 6px !important;
  line-height: 16px;
}
.AllQuesDeT .deltWhnCollapsed-Pre {
  margin-left: -16%;
  height: 32px;
  line-height: 16px;
}
img.imgAllCnvrtd-IconQues {
  width: 80px;
  height: 64px;
}
img.imgAllCnvrtd-IconQues.cStM-1 {
  width: 54px;
  height: 60px;
}
img.imgAllCnvrtd-IconQues.readOnlyCTG {
  margin-left: 33% !important;
}
.boxForMcqCKCedit-opt .ck-editor__editable_inline {
  min-height: 100px !important;
}
.feed-msg-box .ck-editor__editable_inline {
  min-height: 50px !important;
}
.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
  width: unset !important;
}
[dir=ltr] .ck.ck-button .ck-button__label,
[dir=ltr] a.ck.ck-button .ck-button__label {
  text-align: left;
  font-size: 14px;
}
.CurricuLaM-CustEdT .course-content .bottom .wrap {
  font-size: 16px;
  line-height: 16px;
  color: black;
  font-weight: 600;
  font-family: "Karla";
}
.CurricuLaM-CustEdT .course-content .content ul li {
  padding-left: 15px;
}
.boxForSummCourseCardS .box .info h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 19%;
  padding-top: 5%;
  font-size: 18px;
}
.boxForSummCourseCardS .box-item {
  max-width: 115%;
  width: 115%;
}
.boxForSummCourseCardS .del-btn-remove {
  height: 36px;
  width: 87%;
  margin-right: 7%;
  font-size: 14px;
  line-height: 37px;
  font-weight: 700;
  margin-bottom: 6%;
  border-radius: 5px;
}
.boxForSummCourseCardS .couNtBoLd {
  margin-left: 15% !important;
  font-weight: 700;
  color: black;
}
.boxForSummCourseCardS span.icon-text {
  margin-left: 4%;
  color: black;
}
.boxForSummCourseCardS .class-info-student .material-icons {
  position: absolute;
  margin-top: 1%;
  font-size: 20px !important;
}
.nOnStp-1 img {
  position: absolute;
}
.corrctopTiOn-TaG {
  color: #079262 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}
.AnswRtEx-T p {
  color: black !important;
  font-weight: 400 !important;
  max-width: 90% !important;
}
.OnLyOpt-ion {
  font-size: 16px !important;
  font-weight: 600 !important;
}
.PeRc-eNt {
  color: #000;
  font-size: 14px;
  margin-left: 4px;
  margin-top: 0.1%;
  position: absolute;
}
.feedBa-CkAs-ses .text3 {
  font-size: 16px;
  font-weight: 400;
  color: #80490A;
}
.BaR_ContaIneR-2.small span.all {
  color: black;
  margin-left: 18px;
  font-size: 16px;
  float: left;
  text-align: left;
  letter-spacing: -0.8px;
  line-height: 14px;
}
.Lik-UnLiKE .lik {
  width: 62px;
  height: 35px;
  margin: 0px 20px;
  line-height: 14px;
  border-radius: 17.5px;
  color: #676767;
  background-color: rgba(245, 250, 249, 0.3);
  border-color: #636363;
  border: 1px solid;
  font-size: 16px;
  margin-right: 5px;
  text-align: center;
}
.Lik-UnLiKE .dislik {
  line-height: 14px;
  border-radius: 17.5px;
  color: #676767;
  background-color: rgba(245, 250, 249, 0.3);
  border-color: #636363;
  border: 1px solid;
  font-size: 16px;
  margin-right: 5px;
  text-align: center;
}
.cust-FeEdnaMeY {
  font-family: "Karla";
  font-size: 18px;
  font-weight: 500;
}
.Lik-UnLiKE {
  margin-right: 30px;
  margin-top: 0px;
}
.gEtfeEd-Loop {
  display: inline-flex !important;
}
.feeDbAcK-tagS-8 p.ample-TimE,
.feeDbAcK-tagS-8 p.amaZing-QuEs,
.feeDbAcK-tagS-8 p.SmoOtH-SoFt {
  display: inline-block;
  border: 1px solid #8a8a8a;
  font-size: 14px;
  border-radius: 100px;
  padding: 5px;
  margin-right: 5px;
}
.asspubLishDarcHV {
  line-height: 40px !important;
}
.forQues_BanKteMpL .Ques-bankCoPitemP .create-btn.assesm {
  width: 29.4% !important;
}
.container5 .over-out .over-out-effort {
  font-size: 14px;
}
.over-out .circle-head-content {
  font-size: 16px;
  font-weight: 600;
  color: black;
  font-family: Karla;
}
.test-series-analytics .filter-area {
  max-width: unset;
}
.content-library .search-form {
  width: 1025px;
  margin-left: 15px;
  margin-top: 20px;
}
.content-library .upload-btn1 {
  margin-left: 25px;
  margin-right: -28px;
}
.content-info {
  float: right;
  font-size: x-small;
  margin-top: 38px;
  margin-right: -98px;
  margin-left: -20px;
}
.class-board .content-video figure {
  width: 100%;
  float: left;
  padding: none;
}
.box .content-video figure {
  max-width: 100%;
  margin-bottom: 8px;
}
.content-tag,
.content-tag-total {
  background: #c4c4c4;
  border-radius: 100px;
  display: inline-block;
  font-size: 12px;
  color: #000000;
  padding: 2px 4px;
  margin-right: 6px;
  margin-top: 2px;
}
.Admin-Cur_ricuLam .assess-setting-common {
  width: 15%;
  margin-right: -4%;
  height: 30px;
  margin-top: -1%;
  background:
    linear-gradient(
      270deg,
      #b561fa 0%,
      #778dfc 100%);
}
.Admin-Cur_ricuLam .assess-setting-common a {
  font-size: 18px;
  line-height: 45px;
  margin-left: -30px;
  margin-right: -30px;
}
.Admin-Cur_ricuLam .memberClassroomMain1 .seachBoxClsMmbr1 {
  box-shadow: 0px 5px 13px 0px #00000029;
  margin-bottom: 0px;
  margin-left: 35px;
  max-width: 92%;
  border-radius: 5px;
  padding-left: 0px;
}
.Admin-Cur_ricuLam .box-info1 {
  font-size: 16px;
}
.Admin-Cur_ricuLam .box-info2 {
  font-size: 14px;
  height: 30px;
}
.Admin-Cur_ricuLam .BalOt-1 {
  margin-left: 7.2%;
}
.Admin-Cur_ricuLam .admin-wrap {
  margin: 0px;
  padding: 0px;
}
.Admin-Cur_ricuLam .box-info3 {
  font-size: 14px;
  font-weight: 500;
}
.Admin-Cur_ricuLam .box-info3 strong {
  color: black;
}
.drug-photo-box1 .helPer_txT {
  width: 306px;
  margin-left: 31%;
  margin-bottom: 2%;
}
.drug-photo-box1 .helPer_txT strong {
  color: #778dfc;
  text-decoration: underline;
}
.smAlLPop_up {
  box-shadow: 0px 5px 13px rgb(0 0 0 / 16%);
}
input:focus {
  outline: none !important;
}
.Un-ItCurCu-Lam .admin-filter .upload-btn1 {
  margin-right: -20%;
  line-height: 45px;
  font-size: 18px;
  width: 104%;
  font-family: "Karla";
  background:
    linear-gradient(
      270deg,
      #b561fa 0%,
      #778dfc 100%);
}
.Un-ItCurCu-Lam .admin-filter .upload-btn1 a {
  padding: 0px;
}
.topiC-ur-culaM .sub-heading2 {
  margin-top: 12px;
  font-weight: 500;
  font-size: 20px;
}
.topiC-ur-culaM .sub-heading1 {
  color: #2622e0;
  font-weight: 500;
  font-size: 14px;
}
.Un-ItCurCu-Lam .sub-heading3 {
  color: #2622e0;
  font-weight: 500;
  font-size: 20px;
}
.topiC-ur-culaM .upload-btn1 {
  width: 21%;
  font-size: 18px;
  line-height: 45px;
  margin-right: -27%;
  background:
    linear-gradient(
      270deg,
      #b561fa 0%,
      #778dfc 100%);
}
.Admin-Cur_ricuLam .box-info4 {
  font-size: 14px;
}
.admiN_ModAlAlL .admin-user-image1 {
  margin-left: 0px;
  margin-top: 0px;
  background: white;
  width: 88%;
  height: 100%;
}
.admiN_ModAlAlL select.countryInput-MaIn {
  border: none;
  background: white;
  width: 100%;
  max-width: 100%;
}
.modal-body.admiN_ModAlAlL .class-board {
  padding: 10px 20px !important;
}
.admiN_ModAlAlL .inline .save-ch-btn {
  float: right;
  margin-top: 10px;
  min-width: 86px;
  font-size: 16px;
  letter-spacing: 0.5px;
  text-align: center;
  background:
    linear-gradient(
      90deg,
      rgba(71, 118, 230, 0.8) 0%,
      rgba(142, 84, 233, 0.8) 100%);
  border: none;
}
.admiN_ModAlAlL h4.admin-user-head1 {
  margin-bottom: 2%;
}
.emptyPageteMplaTe figure {
  width: 300px;
  margin-top: 8%;
  margin-left: 40%;
}
.emptyPageteMplaTe figure {
  margin-bottom: 30px;
}
.cusTomMargin_modalAlL .class-board {
  margin-bottom: 20px !important;
}
.cusTomMargin_modalAlL .form-control {
  border: none;
  padding: 0px;
}
.cusTomMargin_modalAlL .admin-user-image1 {
  width: 80%;
  height: 85%;
}
.cusTomMargin_modalAlL .admin-user-image1 img {
  width: 69%;
  margin-top: 5%;
}
.cusTomMargin_modalAlL tag-input {
  width: 100%;
}
.admiN_ModAlAlL .class-board-info p {
  font-size: 12px;
}
.Admin-Cur_ricuLam .cArDnameUser {
  font-size: 14px;
  font-weight: 700;
  color: black;
  line-height: 16px;
}
.Admin-Cur_ricuLam .cArDroleUser {
  font-size: 14px;
  color: black;
  line-height: 20px;
  font: 500;
}
.Admin-Cur_ricuLam .cArDMail_phn {
  font-size: 12px;
  color: black;
  font-weight: 500;
}
.UserCardAdmiN-AlL1 .admin-user-info {
  margin-top: 15px;
  margin-left: -5%;
}
.CurriculamSub-admin_new .admin-user-info_new {
  margin-left: 20px;
}
.UserCardAdmiN-AlL1 .admin-box1 figure {
  width: 100%;
  margin: 20px 10px;
}
.UserCardAdmiN-AlL1 .admin-box1 figure img {
  border-radius: 50px;
}
.teCherTestSeriEsHead .details-area.course {
  padding: 0 0px;
}
.teStSerieS-SummRY .challenging.clearfix iframe {
  height: auto;
  border-radius: 7px;
}
.teStSerieS-SummRY input {
  border: none;
}
.teStSerieS-SummRY p.input-group {
  width: 192%;
}
.aLlSettiNgFonT {
  font-size: 20px !important;
  color: black;
  font-family: "Karla";
}
.CleaRWrongCsS input {
  border: none;
  border-bottom: 1px solid #ced4da;
  border-radius: 0px;
}
.CleaRWrongCsS .material-icons {
  position: absolute;
  right: 0;
  color: black;
}
.box .info h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pOsTive input {
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.cusTomMargin_modalAlL .post-box {
  margin-bottom: 20px !important;
}
.PassWdsManagment .class-board {
  padding: 7px 15px !important;
}
.PassWdsManagment hr {
  margin-top: -8px;
}
.PassWdsManagment .admin-user-head {
  margin-left: 0px !important;
  margin-top: -10px;
  padding: 20px;
  font-size: 20px;
  color: black;
}
.PassWdsManagment span.question-tag {
  background: #fccc50;
  padding: 5px 15px;
  min-width: 92px;
}
.admin-User-ConfirM {
  margin-top: -1.4%;
  font-size: 20px;
}
.ProGrammE .admin-info1 {
  color: #707070;
  margin-top: -11px;
  margin-left: 0.5%;
}
.ProGrammE h4.Prog_Head2 {
  margin-top: 3%;
  font-size: 16px !important;
}
.dropShadowProgrammE {
  box-shadow: 0px 5px 13px 0px #00000029;
}
.ProGrammE .assess-tags .question-tag {
  background: #e8e36c;
  padding: 10px 15px;
  border-radius: 21px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: 400;
  color: black;
  margin-bottom: 4px;
  display: inline-block;
}
.ProGrammE .admin-activate-btn {
  margin-right: -30%;
}
.ProGrammE .admin-activate-btn a {
  color: white;
}
.ProGrammE .loc-activate-btn {
  margin-left: 74%;
  line-height: 33px;
}
.ProGrammE .course-content .content {
  max-width: 87%;
}
.content-pop-up {
  background: #f4f4f7;
}
.content-pop-up input {
  background: #f4f4f7;
  font-weight: 600;
}
.admin-user-head1 .material-icons {
  float: right;
}
.content-tag .material-icons {
  font-size: 12px;
  float: right;
  margin-top: -12px;
}
.content-pop-up .content-tag {
  margin-left: 88px;
  margin-top: -27px;
  margin-bottom: 10px;
  padding: 4px 18px;
}
.content-library1 .search-form {
  width: 662px;
  margin-left: 15px;
  margin-top: 20px;
}
.content-pop-up1 .drug-photo-box2 {
  background: #f4f4f7;
  font-weight: 600;
  margin-top: 67px;
  margin-left: 169px;
  width: 78%;
}
.content-tag1 {
  background: #ffffff;
  border: 0.5px solid #8b8b8b;
  box-sizing: border-box;
  border-radius: 10px;
  font-size: 12px;
  color: black;
  padding: 10px;
  margin: 10px;
}
.content-tag1 .material-icons {
  font-size: 12px;
  float: right;
  margin-top: -12px;
}
.content-left-tag .material-icons {
  font-size: 16px;
  float: left;
  margin-top: -2px;
  color: #2f80ed;
}
.info .over-head {
  font-size: 24px;
  font-weight: 600;
  margin-left: 45px;
  margin-top: 6px;
}
.content-library-view .search-form {
  width: 488px;
  margin-left: 15px;
  margin-top: 20px;
}
.view-head {
  font-size: 18px;
  font-weight: 600;
  color: black;
  margin-left: 34px;
  margin-top: 15px;
}
.mentor-homepage .container5 {
  margin-left: 30px;
}
.content-library-1 .box-item {
  width: 25%;
}
.content-library-1 .upload-btn1 {
  margin-right: -42px;
}
.content-library-1 .cancel-link {
  float: right;
  margin-right: 94px;
  font-size: 18px;
  margin-top: 5px;
}
.content-library-1 .cancel-link a {
  color: #000;
}
.add-view-btn {
  min-width: 95px;
  margin-left: 26px;
  line-height: 34px;
  font-weight: 100;
  font-size: 13px;
  letter-spacing: 0.3px;
  display: table;
  border: 1px solid maroon;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  padding-right: none;
  background-color: #fff;
  margin-top: 10px;
  margin-bottom: 6px;
}
.add-view-btn a {
  display: block;
  color: black;
}
.add-view h4 {
  margin: 15px;
  color: #000;
}
.add-view p {
  margin: 15px;
}
.drag-1 .material-icons {
  float: left;
  font-size: 27px;
  margin-top: -48px;
  margin-left: 236px;
  transform: rotateZ(90deg);
}
.add-view-mat .material-icons {
  font-size: 14px;
  margin-top: -60px;
  margin-left: -5px;
  transform: rotateZ(90deg);
}
.add-view-mat {
  margin-top: -37px;
}
.content-library-1 .search-form {
  width: 775px;
  margin-left: 15px;
  margin-top: 20px;
}
.add-view-window .analytics-area ul li {
  border: 1px solid;
}
.add-view-window .nav-link {
  display: block;
  padding: 0.5rem 6.45rem;
}
.add-view-window .analytics-area ul.nav-pills {
  margin-bottom: -16px;
  border: unset;
}
.add-view-window .admin-subject .drug-photo-box1 {
  border: 1px dashed #000;
}
.add-view-window .drug-photo-box1 .admin-upload-btn {
  left: 50%;
}
.add-view-bar {
  border: 1px solid rgb(139, 138, 138);
  width: 91%;
  margin-left: 32px;
}
.add-view-window .content-tag-1 {
  width: 80px;
  margin-left: 251px;
  margin-top: -30px;
  margin-bottom: 24px;
  background: #c4c4c4;
  border-radius: 14.5px;
  font-size: 10px;
  height: 21px;
  font-family: Karla;
  font-style: normal;
  font-weight: 300;
  color: #000000;
  padding: 4px 4px;
}
.content-tag-1 .material-icons {
  font-size: 12px;
  float: right;
  margin-top: -12px;
}
.add-view-window .dashboard-area.classroom .profile-box .profile-info h4 {
  line-height: 50px;
  color: rgb(139, 138, 138);
  padding-left: 20px;
}
.content-library-1 figure {
  width: 190px;
}
.content-tag-2 {
  background: #c4c4c4;
  width: 30px;
  padding: 5px;
  float: right;
  color: black;
  margin-right: 47px;
  margin-top: -38px;
}
.add-view-bar input[type=text] {
  width: 94%;
}
.add-view-bar-1 {
  width: 91%;
  border: 1px solid rgb(139, 138, 138);
  margin-left: 32px;
}
.ProGrammE .course-content .content {
  max-width: 87%;
}
.add-view-bar-1 input[type=text] {
  width: 30%;
}
.content-library .content-video,
.content-library .content-video img {
  height: 180px;
}
.content-library .subject-heads {
  margin-bottom: -42px;
  margin-top: 20px;
  font-size: 30px;
}
.overflow-unset {
  overflow: unset !important;
}
.assessment-img {
  background-color: #c4c4c4;
  width: 130px;
  height: 100%;
  border: 1px solid #c4c4c4;
  border-radius: 10px 0px 0px 10px;
  overflow: hidden;
}
.assessment-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.assessment-info {
  border: 1px solid #c4c4c4;
  border-radius: 0px 10px 10px 0px;
  background-color: white;
  padding: 10px 10px;
}
.profile-box .profile-info .multiselect-item-checkbox {
  font-size: 1em;
  line-height: 1.1em;
}
.add-section-attach .class-board-info {
  width: 100%;
}
.add-section-attach .content-library-1 .subject-heads {
  font-size: 28px;
  line-height: 30px;
  margin-bottom: -30px;
  margin-top: 10px;
}
.post-box .profile-box .container1 {
  margin: 10px;
}
ng-multiselect-dropdown.multiSelectLocCls .dropdown-list {
  position: relative;
}
.test-graph-area {
  height: 350px;
}
.psycho-test-1 .admin-box2 {
  height: unset;
}
.psycho-test-1 .progress-circle {
  font-size: 23px;
  background: #c4c4c4;
}
.psycho-text1 {
  color: #7661fa;
  font-size: 12px;
  padding: 10px;
  padding-left: 45px;
  font-weight: 600;
}
.psycho-text2 {
  font-size: 12px;
  padding: 10px;
  padding-left: 45px;
  font-weight: 600;
}
.psycho-test-1 .out-circle-1 {
  margin-top: -34px;
}
.psycho-test-1 .out-circle-2 .progress-circle {
  font-size: 10px;
}
.psycho-text3 {
  padding: 19px;
  padding-right: 45px;
  font-size: 14px;
  color: #000;
}
.psycho-text4 {
  font-size: 12px;
}
.psycho-head {
  font-size: 18px;
  font-weight: 600;
}
.psycho-test-1 .out-circle-2 {
  margin-left: 25px;
}
.psycho-test-1 .out-circle-3 {
  margin-left: 25px;
}
.psycho-test-1 .psycho-box {
  background: #f8f8f8;
}
.psycho-test-2 .dashboard-area .sidebar1 ul li a.active,
.dashboard-area .sidebar1 ul li a:hover {
  background: #7572fe;
}
.mentor-1 {
  padding: 10px 25px;
  margin: 10px 20px;
  background: #f4f4f7;
}
.mentor-2 {
  padding: 10px 25px;
  margin: 10px 20px;
  background: #f4f4f7;
}
.psycho-test-2 .admin-box2 {
  height: unset;
}
.mentor-msg {
  padding-right: 10px;
  font-size: 14px;
  margin-top: 8px;
}
.psycho-test-2 .filter-area .filter-item {
  float: left;
  width: 70%;
}
.psycho-test-2 .class-board.folder-board {
  min-height: unset;
}
.psycho-test-2 .sidebar1 {
  width: 120%;
  margin-left: -25px;
}
.side-info-p {
  font-size: 10px;
  float: right;
}
.mentor-homepage .container6 .create-btn {
  margin: 0 13%;
  min-width: 75%;
  height: 36px;
  line-height: 37px;
  font-size: 17px;
}
.container6 {
  margin-left: 30px;
  background: #ffffff;
  border-radius: 7px;
}
.container6 h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.025em;
  color: #000000;
}
.letter-spacing-md {
  letter-spacing: 0.025em;
}
.mentor-info-box {
  border: 1px solid #c4c4c4;
  box-sizing: border-box;
  border-radius: 8px;
  margin-top: 8px;
  padding: 10px;
}
.mentor-btn-1 {
  border: 1px solid rgba(185, 185, 185, 0.87);
  box-sizing: border-box;
  border-radius: 8px;
  margin: 5px;
  padding: 4px;
}
.mentor-btn-1 a {
  display: block;
  color: #000;
  font-size: 12px;
}
.mentor-btn-4 {
  border: 1px solid rgba(185, 185, 185, 0.87);
  box-sizing: border-box;
  border-radius: 8px;
  margin: 5px;
  width: 67px;
  margin-left: 140px;
  padding: 4px;
}
.mentor-btn-4 a {
  display: block;
  color: #000;
  font-size: 12px;
}
.mentor-btn-2 {
  border: 1px solid rgba(185, 185, 185, 0.87);
  box-sizing: border-box;
  border-radius: 8px;
  margin: 5px;
  padding: 4px;
  background: #e36767;
}
.mentor-btn-2 a {
  display: block;
  color: #000;
  font-size: 12px;
}
.mentor-btn-3 {
  border: 1px solid rgba(185, 185, 185, 0.87);
  box-sizing: border-box;
  border-radius: 8px;
  margin: 5px;
  padding: 4px;
  background: #66e57b;
}
.mentor-btn-3 a {
  display: block;
  color: #000;
  font-size: 12px;
}
.container6 .ment-head-6 {
  font-size: 12px;
}
.container6 .ment-head-5 {
  font-size: 12px;
  margin-left: 10px;
  margin-bottom: 10px;
  color: #000;
}
.container6 .ment-head-4 {
  font-size: 12px;
  margin-top: 8px;
}
.container6 .ment-head-red {
  color: #e36767;
  font-size: 34px;
}
.container6 .ment-head-red-1 {
  color: #e36767;
}
.mentor-btn-5 {
  border: 1px solid rgba(185, 185, 185, 0.87);
  box-sizing: border-box;
  border-radius: 8px;
  margin: 5px;
  width: 83%;
  margin-left: 21px;
  padding: 4px;
}
.mentor-btn-5 a {
  display: block;
  color: #000;
  font-size: 12px;
}
.side-graph-space {
  height: 150px;
}
.mentor-homepage .checked {
  color: #7272fe;
}
.ment-create-btn {
  min-width: 132px;
  font-weight: 700;
  font-size: 14px;
  border: 1px solid;
  letter-spacing: 0.3px;
  display: table;
  height: 40px;
  line-height: 40px;
  background: #7572fd;
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
.ment-create-btn a {
  display: block;
  color: #000;
}
.ment-create-btn-1 {
  min-width: 132px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.3px;
  display: table;
  background: #2020FE;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.ment-create-btn-1 a {
  display: block;
  color: #fff !important;
}
.mentor-homepage .container5 .admin-head {
  font-size: 24px;
}
.mentor-homepage .container5 .admin-head2 {
  font-weight: 600;
  padding: 18px 12px;
}
.code-head {
  letter-spacing: 0.025em;
  color: white;
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
}
.code-editor.dark-mode .code-head,
.code-editor.dark-mode .filter-area .filter-item .dropdown .dropdown-toggle,
.code-editor.dark-mode .switch-item .switch-item-label {
  color: white;
}
.code-editor {
  background: white;
}
.code-editor.dark-mode {
  background: #1c2130;
  color: white;
}
.code-editor .logo {
  padding: 10px;
}
.code-editor.dark-mode .logo {
  background: #2e2e33;
}
.code-editor .logo img {
  padding: 10px;
}
.code-editor .filter-area .filter-item {
  float: left;
  width: 132%;
}
.code-editor .filter-area .dropdown-toggle {
  width: 140px;
}
.code-editor .filter-area .filter-item .dropdown > a {
  color: white;
  border: 1.125px solid #fff;
}
.code-editor.dark-mode .filter-area .filter-item .dropdown > a {
  color: white;
}
.code-editor .filter-area {
  margin-left: 10px;
  margin-top: -7px;
}
.code-highlight,
.coding-window-title {
  color: white;
  background:
    linear-gradient(
      90deg,
      #1587cc -2.87%,
      #2a34b3 102.04%);
  padding: 8px;
}
.code-editor.dark-mode .code-highlight {
  background: #2e2e33;
}
.code-editor.dark-mode .code-highlight .material-icons,
.code-editor.dark-mode .code-highlight h3,
.code-editor.dark-mode .code-highlight .switch-item-label {
  color: white;
}
.mentor-homepage .member-search1 .search-form {
  float: left;
  width: 580px;
  margin-left: 52px;
}
.mentor-homepage .container5 .filter-area .filter-item {
  float: right;
  width: 80%;
  margin-right: 25px;
  margin-top: 8px;
}
.mentor-homepage .container5 .admin-search-bar {
  margin-top: -30px;
  margin-left: -27px;
}
.mentor-student-list {
  border: 1px solid rgba(185, 185, 185, 0.87);
  box-sizing: border-box;
  border-radius: 8px;
  margin-right: 25px;
  margin-top: 16px;
  padding: 12px 15px;
}
.mentor-mat-2 {
  color: #7661fa;
}
.mentor-student-list h3 {
  color: rgba(0, 0, 0, 1);
  font-size: 18px;
}
.mentor-student-list p,
.mentor-student-list h4 {
  color: rgba(0, 0, 0, 1);
  font-size: 14px;
}
.mentor-student-list .create-btn {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 10px;
  min-width: 36%;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 5%;
}
.institute-onboarding .container2 {
  padding-left: 30px;
  padding-top: 3px;
}
.institute-onboarding .checkmark1 {
  left: 11px;
  border: 1px solid #000000;
  box-sizing: border-box;
  border-radius: 4px;
  background: #fff;
}
.institute-onboarding .container2:hover input ~ .checkmark1 {
  background-color: #cbcaf5;
}
.institute-onboarding .container2 input:checked ~ .checkmark1 {
  background: #7572fe;
}
.onboarding-1 .container5 {
  margin-right: 52px;
  margin-bottom: 20px;
}
.institute-onboarding .container6 .create-btn {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 10px;
  float: right;
}
.link-blue {
  margin: 20px;
}
.onboarding-1 .test-graph-area-5 h3 {
  font-size: 15px;
}
.institute-onboarding .container6 .admin-head {
  font-size: 22px;
  margin-left: 3%;
}
.institute-onboarding .container6 {
  margin: 0 70px;
  padding: 10px;
}
.welcome-pop .admin-user-head1 {
  font-size: 26px;
  color: black;
}
.welcome-pop p {
  font-size: 18px;
  margin-top: 10px;
  letter-spacing: 0.7px;
}
.welcome-pop .save-ch-btn {
  margin-top: 20px;
  margin-right: 24px;
  padding: 3px 70px;
  float: none;
  width: 100%;
}
.welcome-pop .modal-content {
  border-radius: 5px 5px 5px 5px;
}
.dash-1 {
  font-size: 12px;
  color: #000;
}
.box-card-item .title .dash-2 {
  font-size: 15px;
  color: #000;
}
.box-card-item .title .dash-3 {
  font-size: 13px;
  color: #000;
}
.dash-onboard-1 .create-btn {
  margin-left: -52px;
  margin-top: -8px;
  min-width: 102px;
  height: 38px;
  line-height: 36px;
  font-size: 12px;
}
.dash-onboard-1 .box-card-item .dash-fig {
  width: 236px;
  height: 236px;
}
.dash-onboard-1 .box-card-item .info h4 {
  font-size: 14.5px;
}
.dash-onboard-1 .box-card-item .info a {
  font-size: 12px;
}
.dash-box .create-btn {
  margin-left: 64px;
  margin-top: 9px;
  margin-bottom: 26px;
}
.institute-signup {
  padding-top: 0;
}
.institute-signup .container7 {
  max-width: 790px;
  margin-left: 300px;
  border: 1px solid #717378;
  box-sizing: border-box;
  border-radius: 5px;
  margin: auto !important;
}
.institute-signup .container7 .signup-area {
  background: #0071EB;
  color: #fff;
  border-radius: 5px;
  padding: 15px;
}
.institute-signup .container7 .signup-area svg {
  max-width: 100%;
}
.signup-area h3 {
  font-size: 22px;
  margin-bottom: 10px;
}
.signup-area p {
  margin-bottom: 10px;
  font-size: 14px;
}
.signup-area-1 {
  padding: 15px;
  border-radius: 5px;
}
.signup-area-1 .text-danger {
  font-size: 12px !important;
  line-height: 14px !important;
  font-weight: bold;
}
.signup-area-1 p {
  color: #000;
  margin: 8px 0;
  font-weight: 600;
  font-size: 12px;
}
.institute-signup .ment-create-btn-1 {
  min-width: 100px;
}
.institute-signup .ment-create-btn {
  min-width: 100px;
}
.institute-signup .ment-create-btn a {
  color: #7572fe;
}
.institute-signup .filter-area .filter-item {
  float: left;
  width: 30%;
  margin-right: 10px;
}
.institute-signup .add-view-window .nav-link {
  padding: 0.5rem 0.9rem;
  color: #1B1BFE;
}
.institute-signup .add-view-window .analytics-area ul.nav-pills {
  margin-bottom: 5px;
  border: 1px solid #dbdcdd;
  box-sizing: border-box;
  border-radius: 5px;
}
.institute-signup .add-view-window .analytics-area ul li {
  border: unset;
}
.institute-signup .analytics-area ul.nav-pills .nav-link.active,
.analytics-area ul.nav-pills .show > .nav-link {
  background: var(--primary);
  color: #fff;
}
.code-editor .code-highlight .material-icons {
  color: white;
  margin: 8px;
}
.code-high-right .material-icons {
  float: right;
}
.fraud-attempt {
  background-color: red !important;
}
pre > code {
  white-space: pre-wrap;
}
.pro-badge-1 {
  margin-top: 20px;
  margin-left: 99px;
  margin-right: -34px;
}
.admin-head-pro {
  margin-top: 10px;
  margin-left: -43px;
  font-size: 13px;
}
textarea.form-control.inputCustomusEr {
  min-height: 120px;
}
.CustominputExapand-DesignChange {
  width: 70%;
  float: right;
}
.outline-0 {
  outline: none !important;
  box-shadow: none !important;
}
.rounded {
  border-radius: 10px !important;
}
.rounded-sm {
  border-radius: 6px;
}
.testSeries_DetailS .image-wrap .icon {
  position: absolute;
  top: 72%;
}
.testSeries_DetailS .chapter-box .marked {
  background: rgba(0, 143, 251, 0.85) !important;
}
.testSeries_DetailS .asses-about-area_new .chapter-box {
  padding: 20px 0px !important;
}
.testSeries_DetailS .asses-about-area .item .resume-btn {
  border: double 1px transparent;
  text-align: center;
}
.testSeries_DetailS .subJectPlusMore a.buttorScotch1 {
  color: #8a8a8a;
  font-weight: 500;
  margin-right: 10px;
}
.banner_testSeries .carousel-item {
  height: 350px;
}
.banner_testSeries .carousel-item img {
  height: 350px;
  width: 100%;
}
.carousel-area .banner_testSeries .carousel-control-next,
.carousel-area .banner_testSeries .carousel-control-prev {
  width: 0px;
  opacity: 0;
  background: transparent;
}
.TeacherDashBorad_new .ck.ck-toolbar {
  border: none !important;
}
.Clone_ClFeed .dashboard-rightsidebar {
  max-width: 260px;
  width: 260px;
}
.Admin_DashneW .admin-box {
  margin: 20px;
  background: #ffffff;
  box-shadow: 0px 5px 13px rgb(0 0 0 / 16%);
  border-radius: 10px;
  min-height: 160px;
  padding: 15px;
}
.Admin_DashneW .admin-head3 {
  margin-left: 50px;
}
.Admin_DashneW .admin-box .material-icons {
  background: #7272fe;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  color: white;
  text-align: center;
  line-height: 38px;
  margin-right: 20px;
}
.Admin_DashneW button.practice-btnAdmin {
  min-width: 90px;
  background: white;
  border: 1px solid #7272fe;
  border-radius: 7px;
  min-height: 35px;
  float: right;
  margin-top: 5px;
}
.Admin_DashneW .overall-main p.pr-4 {
  margin-top: 7px;
  padding-right: 0px !important;
}
.Admin_DashneW .sessionWhiteboard1 {
  min-height: 200px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px;
}
.Admin_DashneW .addNoDataImgs {
  margin-top: 5%;
}
.Admin_DashneW .addNoDataImgs img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.Admin_DashneW .addNoDataImgs h4 {
  font-size: 20px;
  color: #5c5c5c;
  font-weight: 600;
}
.Admin_DashneW .addNoDataImgs p {
  font-size: 14px;
  color: #5c5c5c;
}
.Admin_DashneW .scheduleTime {
  float: right;
  margin-right: 20px;
}
.Admin_DashneW .sessiontitLe {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}
.Admin_DashneW .scheduleTime {
  float: right;
  margin-right: 20px;
}
.Admin_DashneW .scheduleTime .admin-mat-head {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}
.Admin_DashneW .overall-main .admin-box3 {
  min-height: 580px;
  height: 580px;
  max-height: 570px;
  overflow-x: hidden !important;
}
.Admin_DashneW .admin-box-info .material-icons {
  font-size: 18px;
}
.Admin_DashneW .admin-calender .vline3 {
  margin-top: 36px;
}
.Admin_DashneW .calender-unit h4 {
  font-size: 16px;
}
.Admin_DashneW .calender-unit p {
  font-size: 14px;
}
.Admin_DashneW .calender-title_New {
  font-size: 20px;
}
.Admin_DashneW .admin-box2 {
  margin: 20px 0px 30px 0px;
}
.Admin_DashneW .admin-box3 {
  margin: 20px 0px;
}
.Admin_DashneW .admin-box4 .admin-box-info {
  height: 350px;
  max-height: 350px;
  overflow-x: hidden;
  overflow: auto;
  padding: 20px;
}
.Admin_DashneW .awaitingResponse_new .admin-info2 h6 {
  font-size: 14px;
  font-weight: 600;
}
.Admin_DashneW .awaitingResponse_new .admin-info2 p {
  font-size: 15px;
}
.Admin_DashneW .awaitingResponse_new .admin-info2 p.highlight_new {
  text-align: center;
  padding: 0 5px;
  font-size: 12px;
}
.Admin_DashneW .flaggedDiscussion_new {
  margin-top: 25px;
}
.Admin_DashneW .details {
  background:
    linear-gradient(
      89.97deg,
      #b561fa 0.77%,
      #768dfc 99.35%);
  border-radius: 10px;
}
.Admin_DashneW .flaggedDiscussion_new .mathjax-container p {
  margin-bottom: 5%;
}
.Admin_DashneW .response_new-Admin1 {
  width: 50px;
  height: 50px;
}
.Admin_DashneW .response_new-Admin2 {
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
}
.Admin_DashneW .dropMapfile_new {
  height: 340px;
  max-height: 340px;
  margin-top: 10px;
}
.Admin_DashneW .dropMapfile_new .material-icons {
  color: black;
  font-size: 45px;
  margin-bottom: 15px;
}
.Admin_DashneW .dropMapfile_new .instructDrop_new {
  color: black;
  font-weight: 100;
}
.Admin_DashneW .admin-box4 .drug-photo-box1 .admin-upload-btn {
  bottom: unset;
  margin-left: 3% !important;
  border-radius: 40px;
}
.Admin_DashneW .admin-box4 .drug-photo-box1 .admin-upload-btn a {
  display: block;
  padding: 0 35px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
}
.Admin_DashneW .admin-box4 .drug-photo-box1 {
  width: 92%;
}
.Admin_DashneW .admin-box4 .upload-btn1 {
  margin-top: 0px;
  margin-right: -3%;
  border-radius: 5px;
}
.Admin_DashneW .admin-box4 .upload-btn1 {
  font-size: 16px;
}
.Admininistration-admin_new .class-board.folder-board {
  padding: 30px !important;
}
.Admininistration-admin_new .Header-administration_new .upload-btn1 {
  bottom: 6px;
  float: right;
  transform: unset;
  max-width: 180px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  margin-right: unset;
}
.Admininistration-admin_new .Header-administration_new .subject-heads {
  margin-left: unset;
}
.Admininistration-admin_new .banner-info {
  max-width: auto !important;
}
.Admininistration-admin_new .banner-info {
  max-width: inherit;
  padding: 0px !important;
}
.mainLoginInput {
  height: 40px;
  padding: 0px;
  font-size: 30px;
  margin: 5px 0;
}
.mainLoginInput::-webkit-input-placeholder {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  overflow: visible;
  vertical-align: top;
  display: inline-block !important;
  padding-left: 5px;
  padding-top: 2px;
  color: #ced4da;
}
.mainLoginInput::-moz-placeholder {
  font-family: FontAwesome;
  font-weight: normal;
  overflow: visible;
  vertical-align: top;
  display: inline-block !important;
  padding-left: 5px;
  padding-top: 2px;
  color: #ced4da;
}
.mainLoginInput:-ms-input-placeholder {
  font-family: FontAwesome;
  font-weight: normal;
  overflow: visible;
  vertical-align: top;
  display: inline-block !important;
  padding-left: 5px;
  padding-top: 2px;
  color: #ced4da;
}
.Admininistration-admin_new .drug-photo-box1 {
  max-width: inherit;
}
.Admininistration-admin_new .camera-sec-box {
  margin-top: 60px;
}
.Admininistration-admin_new .drug-photo-box1 {
  min-height: 250px;
}
.Admininistration-admin_new .drug-photo-box1 .ngx-file-drop__drop-zone {
  margin-top: 20px !important;
}
.Admininistration-admin_new .drug-photo-box1 .upload-btn a {
  display: block;
  padding: 0 30px;
  line-height: 40px;
  width: 121px;
  font-size: 16px;
}
.unit_curRiculam_new .Header-administration_new .upload-btn1 {
  margin-top: -5%;
}
.unit_curRiculam_new .class-board figure {
  width: 7%;
  margin-left: -1%;
}
.unit_curRiculam_new .UserCardAdmiN-AlL1 .admin-user-info {
  margin-left: 4%;
}
.topic_cuRiculam_new .UserCardAdmiN-AlL1 .admin-user-info {
  margin-left: 4%;
}
.Admininistration-admin_new .drop_edit_new-delete {
  top: 5px !important;
  right: 8px !important;
  color: #3650ec;
}
.mentor-homepage .side-ind .rights {
  font-size: 12px;
  margin-top: 15px;
  margin-left: -5px;
}
.mentor-homepage .box-area {
  height: 700px;
}
.mentor-homepage .box-item {
  width: 25%;
}
.mentor-homepage .ind-search .member-search1 .search-form {
  width: 500px;
}
.mentor-homepage .instance-head {
  font-size: 13px;
  margin-top: 14px;
}
.ind-right .ment-create-btn {
  float: right;
  margin-top: 130px;
  margin-right: 58px;
}
.ind-line-1 {
  color: rgba(0, 0, 0, 0.87);
  margin-left: 18px;
  font-style: normal;
  font-weight: normal;
}
.mentor-homepage-profile .pro-wall img {
  width: 1136px;
  height: 300px;
  padding: 20px 40px;
}
.mentor-homepage-profile .pro-dp {
  object-fit: cover;
  border-radius: 50%;
}
.mentor-homepage-profile .pro-dp img {
  border: 1px solid white;
  margin-left: 82px;
  margin-top: -98px;
  border-radius: 54%;
  width: 124px;
  height: 115px;
}
.mentor-homepage-profile .pro-badge {
  margin: 20px;
  margin-left: 60px;
}
.mentor-homepage-profile .content-tag {
  width: 90px;
  margin: 15px -14px 20px 25px;
  background: rgba(117, 114, 254, 0.2);
  border-radius: 23px;
  font-size: 12px;
  padding: 5px 9px;
}
.mentor-homepage-profile .admin-head {
  margin-left: 35px;
}
.mentor-homepage-profile .admin-head2 {
  margin-left: 30px;
}
.pro-badge-1 {
  margin-top: 20px;
  margin-left: 99px;
  margin-right: -34px;
}
.admin-head-pro {
  margin-top: 10px;
  margin-left: -43px;
  font-size: 13px;
}
.institute-onboarding .curriculam-edit-btn {
  min-width: 160px;
}
.member-search2 .search-form {
  float: left;
  width: 814px;
  margin-left: 71px;
}
.admin-search-bar-5 {
  margin-top: -30px;
}
.create-btn-program {
  float: right;
  min-width: 96px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.3px;
  display: table;
  height: 42px;
  line-height: 42px;
  background: #7572fd;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  margin-right: 85px;
}
.create-btn-program a {
  display: block;
}
.instance-head-program {
  font-size: 12px;
  font-weight: 600;
  color: #000;
}
.institute-onboarding .switch-item {
  margin-right: 10px;
}
.institute-font-1 {
  color: black;
  font-size: 12px;
}
.pro-empty-space input[type=text] {
  height: 100px;
  background: #f5f6f7;
  margin: 25px;
  width: 95%;
}
.summary-edit-btn {
  min-width: 172px;
  font-weight: 700;
  font-size: 14px;
  height: 29px;
  line-height: 28px;
  float: right;
  letter-spacing: 0.3px;
  padding: 0px 10px;
  background: #fff;
  border: 1px solid black;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  margin-bottom: 29px;
  margin-right: 37px;
}
.summary-edit-btn a {
  display: -webkit-box;
  color: rgb(95, 94, 94);
}
.summary-edit-btn-1 {
  min-width: 176px;
  font-weight: 700;
  font-size: 14px;
  height: 29px;
  line-height: 28px;
  float: right;
  letter-spacing: 0.3px;
  padding: 0px 10px;
  background: #fff;
  border: 1px solid black;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  margin-bottom: 29px;
  margin-right: 37px;
}
.summary-edit-btn-1 a {
  display: block;
  color: #7272fe;
}
.summary-edit-btn .material-icons {
  float: left;
}
.pro-icon img {
  max-width: 30px;
  max-height: 30px;
}
.admin-head-pro-1 {
  font-size: 14px;
  padding-top: 10px;
  font-family: Karla;
  font-style: normal;
  color: #000000;
  margin-left: 34px;
}
.pro-mat .material-icons {
  margin-top: 17px;
  margin-left: -17px;
  font-size: 21px;
  color: #000;
}
.pro-mat-2 {
  margin-left: 174px;
  margin-top: -30px;
}
.pro-mat-2 .material-icons {
  background: white;
  border-radius: 50%;
  padding: 4px;
  font-size: 18px;
}
.Admin_DashneW .admin-box4 .upload-btn1 {
  font-size: 16px;
}
.tag-pro {
  background: #7272fe;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  margin: 10px;
  padding: 2px 10px 1px 0px;
  position: relative;
}
.tag-pro:after {
  background: #fff;
  width: 5px;
  height: 5px;
  content: "";
  display: inline-block;
  border-radius: 20px;
  margin: 8px 5px 5px 0px;
}
.tag-pro:before {
  display: inline-block;
  border: 12.5px solid;
  border-color: transparent transparent transparent #7272fe;
  height: 0;
  width: 0;
  position: absolute;
  left: -25px;
  transform: rotate(180deg);
  top: 0;
  content: "";
  display: inline-block;
}
.assess-tag-pro .tag-pro {
  background: #66e57b;
}
.assess-tag-pro .tag-pro:before {
  border-color: transparent transparent transparent #66e57b;
}
.mentor-homepage-profile .dashboard-area.classroom .sidebar {
  max-width: unset;
}
.mentor-homepage-profile .login-area form {
  max-width: unset;
  box-shadow: unset;
  margin-left: unset;
}
.mentor-homepage-profile .login-area form .form-group {
  margin-left: 12px;
  margin-bottom: 10px;
}
.mentor-homepage-profile .login-area form label {
  font-size: 12px;
  color: #000;
}
.mentor-homepage-profile .login-area form input {
  border: 1px solid #ccd0d5;
  box-sizing: border-box;
  border-radius: 4px;
}
.mentor-homepage-profile .login-area form .form-group-1 {
  margin-bottom: 10px;
}
.mentor-homepage-profile .login-area form .form-group-1 input {
  height: calc(4.5em + 0.75rem + 4px);
}
.form-group-1 .admin-head2 {
  margin-left: unset;
  padding-left: unset;
  font-size: 10px;
}
.pro-basic-img {
  margin-top: 40px;
}
.mentor-homepage-profile .login-area form label span {
  font-size: 12px;
  color: rgb(102, 101, 101);
  font-weight: 300;
}
.mentor-homepage-profile .drug-photo-box1 {
  margin: 10px 31px;
  border: 1px dashed #9c9a9a;
  box-sizing: border-box;
  width: unset;
  max-width: unset;
  display: flow-root;
}
.mentor-homepage-profile .drug-photo-box1 .admin-upload-btn {
  left: 50%;
}
.mentor-homepage-profile .upload-btn1 {
  float: right;
  margin-right: 68px;
  padding: 2px 16px;
}
.drug-photo-box1 .pro-text-drug {
  color: #000;
  font-size: 12px;
  font-weight: 300;
}
.drug-photo-box1 .pro-text-drug a {
  color: blue;
}
.Admin_DashneW .addNoDataImgs {
  margin-top: 5%;
}
.Admin_DashneW .addNoDataImgs img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.Admin_DashneW .addNoDataImgs h4 {
  font-size: 20px;
  color: #5c5c5c;
  font-weight: 600;
}
.Admin_DashneW .addNoDataImgs p {
  font-size: 14px;
  color: #5c5c5c;
}
.addNoDataFullpageImgs img {
  width: 500px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.addNoDataFullpageImgs figure {
  width: 100%;
}
.addNoDataFullpageImgs h4 {
  font-size: 20px;
  color: #5c5c5c;
  font-weight: 600;
  margin-top: 2%;
}
.addNoDataFullpageImgs p {
  font-size: 14px;
  color: #5c5c5c;
  text-align: center;
}
.emptyPostBox_new {
  height: 600px;
  padding-top: 50px;
}
.admiN-location-new .course-content .content {
  max-width: 100%;
  margin-bottom: 0px;
}
.Location-admin_new .log-edit-btn {
  float: right;
  min-width: 60px;
  background: #7572fe;
}
.Location-admin_new .log-edit-btn a {
  color: white !important;
}
.Location-admin_new .loc-activate-btn {
  float: right;
  margin-left: 20px;
  margin-top: -2%;
  height: 28px;
  line-height: 28px;
}
.Location-admin_new .loc-activate-btn a {
  color: black;
  font-size: 15px;
  font-weight: 600;
}
.admiN-location-new .admin-wrap1 {
  margin-top: 0px;
}
.admiN-location-new .switch-item_new1 {
  float: right;
  margin-top: -7px !important;
}
.admiN-location-new .switch-item .assess-set-head {
  font-size: 15px;
  margin-right: 15px;
}
.admiN-location-new .switch-item label span.slider {
  top: -2px;
}
.admiN-location-new .drug-photo-box1 .helPer_txT {
  margin-left: 36%;
}
.pro-basic-img-1 img {
  max-width: 67%;
  margin-left: 68px;
  margin-bottom: -20px;
}
.session-mngmt_new {
  max-width: 200px;
  margin-top: 3%;
  border: 1px solid;
  border-radius: 30px;
}
.session-mngmt_new input {
  margin-left: 5px !important;
  border-radius: 25px;
  background-color: white !important;
  font-weight: 700;
  margin: 0px !important;
}
.session-manangmnt_new .admin-head {
  box-shadow: 0px 5px 13px 0px #00000029;
  padding: 15px;
}
.session-manangmnt_new .admin-view-btn {
  float: none !important;
  margin-top: 3%;
  height: 40px;
  line-height: 32px;
}
.session-manangmnt_new .admin-view-btn a {
  color: white !important;
}
.session-manangmnt_new .admin-label .actvE1_new {
  color: red;
}
.session-manangmnt_new .admin-label .actvE2_new {
  color: #66e57b;
}
.session-manangmnt_new .admin-head h4 {
  margin: 0px 0;
  font-size: 18px;
}
.createNewsesion_new .mainLoginInput {
  font-size: 18px;
}
.createNewsesion_new .admin-Table-new1 {
  margin-top: -14px;
}
.createNewsesion_new .admin-Table-new1 .container2.checkbox-click {
  margin-left: 10px;
}
.createNewsesion_new .container2.checkbox-click {
  margin-top: 0px !important;
}
.createNewsesion_new .table_newTitle-asseSion {
  font-size: inherit;
  color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
}
.text-NewEdit_new3 {
  background:
    linear-gradient(
      270deg,
      #b561fa 0%,
      #778dfc 100%);
}
.createNewsesion_new .datepicker-box input {
  background: white !important;
}
.createNewsesion_new .inputFieldNum_new input {
  color: black;
  width: 70px;
  margin-left: 10px;
  border-bottom: 1px solid #707070;
}
.createNewsesion_new .inputFieldNum_new .assess-set-head1 {
  color: black;
  font-weight: 600;
  font-size: 14px;
}
.createNewsesion_new .titileHeaderBs-stepper_new h4.optionalheadertile_new {
  font-size: 20px;
  color: black;
}
.createNewsesion_new .titileHeaderBs-stepper_new form.ml-2 input {
  border-bottom: 1px solid #707070;
}
.createNewsesion_new .titileHeaderBs-stepper_new .switch-item .assess-set-head {
  font-size: 14px;
  margin-right: 20px;
}
.rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.admin-mange-btn1_new {
  margin: 0px !important;
  margin-right: 0px !important;
  float: right;
}
.newCourse_newContent {
  box-shadow: 0px 0px 17px 0px #88888829;
}
.container6 .content-tag {
  width: unset;
}
.institute-btn .upload-btn1 {
  margin-right: -86px;
  margin-top: 30px;
}
.pro-basic-img-1 {
  width: 90%;
  margin-left: 5%;
}
.dob-dropdown .dropdown-toggle {
  width: 90px;
}
.dob-dropdown .dropdown-menu {
  max-height: 250px;
  overflow: auto;
}
.welcome-left {
  background-color: #b8c3dd;
  border-radius: 5px 0px 0px 5px;
}
.Assignment-description_new .mathjax-container p {
  line-height: 15px;
  font-size: 12px;
}
.rightSidebar-Feed_new .event-calender .event {
  padding: inherit;
  margin: inherit;
}
.rightSidebar-Feed_new .leaderboard img {
  height: 50px;
  width: 50px;
  max-height: 50px;
  max-width: 50px;
}
.rightSidebar-Feed_new .leader-board-wrap ul li {
  width: 24%;
}
.rightSidebar-Feed_new .event-calender .heading {
  padding: 0px !important;
}
.rightSidebar-Feed_new .event-calender .heading h4 {
  margin-bottom: 5px;
}
.memberSearch_new1 input {
  font-size: 14px;
}
.memberSearch_new1 img {
  max-width: 15px;
  height: 15px;
  margin-top: -14px;
}
.assignment-new_new .assignment-area .title h3 {
  font-size: 18px;
}
.mentor-btn-7 .ment-create-btn {
  min-width: 246px;
  margin: 10px;
  height: 34px;
  line-height: 34px;
}
.add-view-window .inner-course {
  margin-left: 18%;
  margin-top: -21%;
}
.dash-onboard-1 .box-card-item .dash-fig-1 {
  width: 236px;
}
.inner1_neW {
  padding: 0px !important;
}
input.shadow:focus {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.ment-text-9 {
  font-style: normal;
  font-weight: bold;
  font-size: medium;
  color: rgba(0, 0, 0, 0.87);
}
.ment-text-9 {
  color: #757575;
}
.container6 .container5 .ment-text-8 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 0.025em;
  color: rgba(0, 0, 0, 0.87);
}
.purchase-cart-new .text-head-1 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}
.text-head-2 {
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  margin: 6px 0;
}
.purchase-cart-new {
  padding-right: 21%;
}
.purchase-cart-new .ment-create-btn {
  border: 1px solid #4a48ad;
  box-sizing: border-box;
  width: 97%;
  border-radius: unset;
  margin: 10px 0;
}
.assess-tag-purchase .question-tag {
  background: #ffe799;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
  width: 40%;
  border-radius: unset;
  padding: 8px 12px;
  margin: 10px;
  color: #232323;
}
.curriculum-item-info {
  font-size: 14px;
  font-weight: 500;
}
.curriculum-item-info .material-icons {
  font-size: 15px;
  color: #000;
}
.ah-cursor:hover {
  cursor: pointer;
}
.ad-cursor:hover {
  cursor: default;
}
.my-class-area.my-class-area_new1 {
  max-width: 1320px;
}
.classroom-topImage1 figure img {
  width: 80px;
  height: 50px;
}
.class-info-com_new {
  padding: 10px 15px !important;
}
.my-class-area_new1 .class-item img {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.box-inner_tag {
  background: #315E58;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  padding: 5px 15px;
  font-size: 12px;
}
.mater-black_new .material-icons {
  color: black;
}
.tutorial-exm_new .answer-box .checkmark {
  top: 4px;
}
.tutorial-exm_new .answer-box ul li .answer > span {
  margin-top: -3%;
}
.newDesign-uploadImg_new {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 80%;
}
.course-img_class_new p-image img {
  height: 102px !important;
}
.privacy .upload-btn1 {
  float: unset;
  padding: 0 24px;
  margin-left: 70%;
}
.privacy-1 .btn-border .create-btn-program {
  height: 32px;
  line-height: 32px;
}
.banner-blue {
  background:
    linear-gradient(
      90deg,
      #1587cc 0%,
      #2a34b3 100%);
  padding: 2%;
}
.banner-blue h3 {
  font-size: 36px;
  font-weight: 600;
}
.privacy-img {
  margin: 0 37%;
}
.privacy-box {
  padding: 0 10%;
}
.privacy-box-1 {
  padding: 0 15%;
}
.bottom-pagination {
  display: flex;
  justify-content: center;
  padding-bottom: 15px;
  text-align: center;
}
.bottom-pagination a {
  color: #7272fe;
  font-weight: 600;
  padding: 0 10px;
}
.privacy-home .text-head-5-kar {
  font-family: Open Sans;
  font-size: 15px;
  text-align: justify;
  letter-spacing: 0.035px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  opacity: 0.8;
}
.privacy-home .text-head-4-kar {
  font-size: 18px;
  margin: 0.5% 2.2%;
  color: #000;
}
.row-primary {
  font-size: 15px;
  line-height: 22px;
  color: #000;
}
.add-view-window .analytics-area ul.pagination li {
  border: none;
}
.add-view-window .analytics-area ul.pagination {
  justify-content: center;
}
.instance-set_new .custom-padng_new {
  padding-left: 60px;
  padding-right: 60px;
}
.remove-evalModal_new .rights {
  float: left;
  font-size: 16px;
  margin-top: 14px;
}
.LibraryChange_new .dropdown-list .filter-textbox input {
  margin-top: -5%;
}
.LibraryChange_new .dropdown-list .filter-textbox {
  height: 40px;
  padding: 0px;
}
.LibraryChange_new .item1 {
  border-radius: 0px;
  border: none;
}
.dashboard-online-use-new {
  color: #00ff00;
  font-size: 16px;
}
.dashboard-extraBorder-New {
  max-width: calc(100% - 490px);
}
.dashboard-extraBorder-New .ck.ck-toolbar.ck-toolbar_grouping {
  border: none;
}
.dashboardNo-shadow_new .dashboard-card-items,
.post-box_new {
  box-shadow: none;
}
.text-head-1-kar {
  font-family: Karla;
  font-style: normal;
  font-weight: 500;
  font-size: 45px;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: #748390;
}
.institute-box {
  background: #f5f6f7;
  border: 2px solid #ccd0d5;
  box-sizing: border-box;
  border-radius: 8px;
  margin: 2% 3%;
}
.institute-load-1 {
  margin-top: 12%;
}
.institute-load-1 h4 {
  float: right;
  margin-top: 4%;
  padding-left: 27%;
  margin-left: 20%;
}
.load-more-result p {
  float: left;
  padding-left: 15%;
}
.container6 .load-more-result {
  border: 1px solid #000000;
  box-sizing: border-box;
  border-radius: 5px;
}
.testcase-header {
  padding-top: 0.5rem;
  background-color: rgba(50, 49, 57, 0.36);
}
.testcase-table > div:nth-child(odd) {
  background-color: rgba(166, 166, 170, 0.15);
}
.mentor-box {
  border: 0.812463px solid #c4c4c4;
  box-sizing: border-box;
  margin-bottom: 10px;
  filter: drop-shadow(0px 0px 0.812463px rgba(20, 23, 28, 0.1));
  border-radius: 8.41238px;
  padding: 15px;
}
.mentor-homepage .container5 .mentor-box .admin-head {
  font-size: 17px;
  font-family: Karla;
  font-style: normal;
  font-weight: normal;
}
.mentor-box-1 {
  width: 21%;
  height: 20%;
  margin-left: 28px;
  border: 0.812463px solid #c4c4c4;
  box-sizing: border-box;
  margin-bottom: 10px;
  filter: drop-shadow(0px 0px 0.812463px rgba(20, 23, 28, 0.1));
  border-radius: 8.41238px;
}
.mentor-homepage .container5 .mentor-box-1 .admin-head {
  font-size: 16px;
  margin-top: 7%;
  font-family: Karla;
  font-style: normal;
  font-weight: normal;
}
.mentor-box .create-btn {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 50px;
  min-width: 50%;
  margin: 10px;
  height: 35px;
  line-height: 35px;
}
.mentor-box-1 .create-btn {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 50px;
  margin: 10px;
  height: 35px;
  line-height: 35px;
}
.mentor-box-1 .create-btn-1 {
  border-radius: 8px;
  border: 1px solid rgba(185, 185, 185, 0.87);
  margin-top: 5%;
  margin-left: 8%;
  height: 34px;
  line-height: 32px;
}
.mentor-box-1 .create-btn-1 a {
  display: block;
  color: #000;
  font-size: small;
}
.mentor-homepage .admin-search-bar-5 figure {
  margin-top: -30px;
}
.mentor-homepage .admin-search-bar-5 {
  margin-top: -30px;
}
.container6 .switch-item {
  float: right;
  margin-top: -30px;
}
.institute-btn .upload-btn1 {
  margin-right: -86px;
  margin-top: 30px;
}
.pro-basic-img-1 {
  width: 90%;
  margin-left: 5%;
}
.mentor-btn-7 .ment-create-btn {
  min-width: 246px;
  margin: 10px;
  height: 34px;
  line-height: 34px;
}
.add-view-window .inner-course {
  margin-left: 18%;
  margin-top: -21%;
}
.dash-onboard-1 .box-card-item .dash-fig-1 {
  width: 236px;
}
.ind-line .material-icons {
  margin-left: 5%;
  font-size: 22px;
  color: black;
}
.ind-line-2 {
  color: rgba(0, 0, 0, 0.87);
  margin-left: 13%;
  margin-top: -10%;
  margin-bottom: 3%;
  font-family: Open Sans;
  font-style: normal;
  font-weight: normal;
}
.ind-line .ment-create-btn {
  min-width: 212px;
}
.mentor-homepage .container5 {
  background: #ffffff;
  box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  padding: 20px;
}
.mentor-invite .login-area form {
  max-width: 84%;
  margin: 20px 8px;
}
.mentor-invite .save-ch-btn {
  margin: 2% 6%;
}
.mentor-btn-7 {
  padding: 2% 0%;
}
.testcase-header {
  padding-top: 0.5rem;
  background-color: rgba(50, 49, 57, 0.36);
}
.testcase-table {
  color: #000;
}
.testcase-table > div:nth-child(odd) {
  background-color: rgba(166, 166, 170, 0.15);
}
.result-overview-area-new {
  max-width: 960px;
}
.result-overview-area-new .result-overview-box .box-content {
  padding: 0px;
  margin: 0px auto;
  height: 100%;
  display: flex;
  justify-content: center;
  width: fit-content;
  align-items: center;
}
.result-overview-area-new .result-overview-box .box-content figure {
  height: 50px;
  width: auto;
  margin-right: 10px;
}
.result-overview-area-new .result-overview-box .box-content figure img {
  height: 100%;
}
.result-overview-area-new .over2 {
  font-size: 14px;
  color: #244ebb;
}
.result-overview-area-new .over2 small {
  font-size: 17px;
  color: #000000;
}
.result-overview-area-new .over3 {
  font-size: 14px;
  color: #244ebb;
}
.result-overview-area-new .over3 small {
  font-size: 14px;
  color: #000000;
}
.result-overview-area-new .over4 {
  font-size: 18px;
  color: #244ebb;
}
.result-overview-area-new .over4 small {
  font-size: 17px;
  color: #000000;
}
.result-overview-area-new .result-overview-box .box-content .over-img {
  width: 44%;
}
.result-overview-area-new h3 {
  color: #737373;
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 18px;
}
.result-overview-area-new p {
  color: #141414;
  font-size: 14px;
  margin-bottom: 8px;
}
.over-img-1 {
  padding-left: 6%;
}
.over-img-1 img {
  max-width: 65%;
}
.result-overview-area-new .result-overview-box .title-1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.result-overview-area-new .result-overview-box .title-1 figure img {
  max-height: 16px;
}
.result-overview-area-new .result-overview-box .title h4 {
  color: #737373;
  margin-bottom: 8px;
}
.result-overview-area-new .result-overview-box .box-content .info {
  padding: 28px 0;
}
.over-text {
  font-weight: 600;
  font-size: 13.3333px;
  color: #737373;
}
.result-overview-area-new .over2-inactive {
  color: #263238;
  font-size: 27px;
}
.result-overview-area-new .over2-inactive small {
  color: #101010;
  font-size: 21px;
}
.result-overview-area-new .info-1 .over2 {
  margin-top: 10%;
}
.txt-email {
  border: 1px solid #ccd0d5;
  resize: none;
  background: #f5f6f7;
  border-radius: 4px;
  box-sizing: border-box;
}
.coding-question-text {
  max-height: 300px;
  overflow-y: auto;
}
.coding-question-text p {
  font-size: 16px;
  line-height: 20px !important;
}
.chart_area_body .legends-left .apexcharts-legend {
  justify-content: start !important;
}
.code-testcases {
  background-color: #c4c4c4;
  color: black;
  padding: 12px 20px;
  display: flex;
  align-items: center;
}
.code-testcases > h4 {
  margin-right: 20px;
}
.code-testcases a {
  padding: 6px 12px;
  margin-right: 10px;
}
.code-testcases a.active {
  background-color: #0253d5;
  color: white;
}
.extraCustom-cs_new .box .info.pubCourseS1 {
  min-height: 45px;
}
.extraCustom-cs_new .box-inner {
  padding: 0 15px 10px 15px;
}
.teacherClass-imp h4 {
  margin-left: 0px;
  font-size: 18px;
}
.dot_circle {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.inline_dot_circle {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
}
.flag-box {
  margin: 2%;
  padding: 3%;
  background: #d8c3e1;
}
.flagged-discussion .mentor-msg {
  color: #000;
}
.flagged-discussion .admin-box2 {
  height: unset;
}
.flagged-discussion .admin-head2 {
  font-size: 16px;
  font-weight: 600;
}
.flagged-discussion .bg-flagged {
  background: #e1d6ea;
}
span.flagged {
  background: url("./media/icon-flag.png") no-repeat 0 0;
}
.stepper {
  margin-bottom: 16px;
  overflow: hidden;
  color: var(--black);
  counter-reset: steps 0;
}
.stepper .active:after {
  content: "";
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent) !important;
  background-size: 1rem 1rem !important;
}
.stepper li {
  counter-increment: steps;
  list-style-type: none;
  font-size: 15px;
  float: left;
  position: relative;
  font-weight: 400;
  cursor: pointer;
  z-index: 1;
}
.stepper li:before {
  content: counter(steps);
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: block;
  font-size: 20px;
  color: #ffffff;
  background: var(--primary);
  border-radius: 50%;
  margin: 0 auto 5px auto;
  padding: 2px;
}
.stepper li:after {
  content: "";
  width: 100%;
  height: 10px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 10px;
  z-index: -1;
}
.stepper li.active:before,
.stepper li.active:after {
  background: #7572fe;
}
.ongoing-video video,
.ongoing-video canvas {
  background-color: lightgray;
  min-height: 120px;
  max-height: 120px;
  height: 120px;
}
.ongoing-video {
  background: url("./media/defaultProfile120.png");
  background-repeat: no-repeat;
  background-position: center;
  min-height: 120px;
  max-height: 120px;
  height: 120px;
}
.image_iconFix .max-content img {
  height: 50px;
}
.align-1 {
  position: absolute;
  left: 59%;
  bottom: 6%;
}
.align-2 {
  position: absolute;
  left: 31%;
  bottom: 0px;
}
.align-3 {
  position: absolute;
  left: 64%;
  bottom: 5%;
}
.myeducoins-section {
  padding: 0px;
}
.card-title-common2 {
  font-size: 15px;
  color: #fff;
  margin-bottom: 0;
}
.input-color textarea,
.input-color input {
  background-color: rgb(240, 240, 240);
}
.myeducoins-section .educoin-body {
  background: -webkit-gradient(linear, left top, right top, from(#1488cc), to(#2b32b2));
  background:
    linear-gradient(
      90deg,
      #1488cc 0%,
      #2b32b2 100%);
  border-radius: 6px 6px 0px 0px;
  overflow: hidden;
}
.myeducoins-section .educoin-body .chart-box .image {
  text-align: center;
}
.myeducoins-section .educoin-body .chart-box .image img {
  margin: 0 auto;
}
.myeducoins-section .educoin-body .data-box {
  padding-bottom: 20px;
}
.myeducoins-section .educoin-body .data-box ul {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
  max-width: 300px;
  margin: 0 auto;
}
.myeducoins-section .educoin-body .data-box ul li {
  list-style: none;
  text-align: left;
  position: relative;
}
.myeducoins-section .educoin-body .data-box ul li::before {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #fff;
  position: absolute;
  left: -20px;
  border-radius: 50%;
  top: 7px;
}
.myeducoins-section .educoin-body .data-box ul li:nth-child(1)::before {
  background-color: #008ffb;
}
.myeducoins-section .educoin-body .data-box ul li:nth-child(2)::before {
  background-color: #00e396;
}
.myeducoins-section .educoin-body .data-box ul li:nth-child(3)::before {
  background-color: #ffe363;
}
.myeducoins-section .educoin-body .data-box ul li .name-b {
  color: #fff;
  font-family: Karla;
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  width: 60px;
  overflow: hidden;
}
.myeducoins-section .educoin-body .data-box ul li small {
  color: #fff;
  display: block;
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #e0e0e0;
}
.myeducoins-section .educoin-teb {
  -webkit-box-shadow: 0px 4px 10px #00000040;
  box-shadow: 0px 4px 10px #00000040;
}
.myeducoins-section .educoin-teb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
  -ms-flex-wrap: unset;
  flex-wrap: unset;
}
.myeducoins-section .educoin-teb ul li {
  display: block;
  position: relative;
  width: 100%;
}
.myeducoins-section .educoin-teb ul li a {
  font-family: Karla;
  font-style: normal;
  padding: 22px 0;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  line-height: 21px;
  display: block;
  color: #000000;
  border-bottom: 2px solid #0000;
}
.myeducoins-section .educoin-teb ul li a.active {
  border-bottom: 2px solid #000;
}
.myeducoins-section .earn-body {
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 10px #00000040;
  box-shadow: 0px 4px 10px #00000040;
  padding: 30px;
  margin-top: 30px;
}
.myeducoins-section .earn-body .earn-cart {
  display: -ms-grid;
  display: grid;
  padding: 25px 0;
  -ms-grid-columns: 50px 1fr;
  grid-template-columns: 50px 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  position: relative;
  border-top: 1px solid #ebebeb;
}
.myeducoins-section .earn-body .earn-cart:last-child {
  padding-bottom: 0;
}
.myeducoins-section .earn-body .earn-cart:first-child {
  border-top: unset;
  padding-top: 0;
}
.myeducoins-section .earn-body .earn-cart:after {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  background-color: #4c73e6;
  bottom: -1px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.myeducoins-section .earn-body .earn-cart:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.myeducoins-section .earn-body .earn-cart:hover:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
}
.myeducoins-section .earn-body .earn-cart .icone-box {
  width: 50px;
  height: 50px;
  background: #4c73e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.myeducoins-section .earn-body .earn-cart .earn-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
.myeducoins-section .earn-body .earn-cart .earn-content .left-box h5 {
  font-family: Karla;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 80px;
  grid-template-columns: 1fr 80px;
}
.myeducoins-section .earn-body .earn-cart .earn-content .left-box h5 span:last-child {
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
}
.myeducoins-section .earn-body .earn-cart .earn-content .left-box h5 .rigth-n {
  text-align: right;
}
.myeducoins-section .earn-body .earn-cart .earn-content .left-box p {
  font-family: Karla;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #0000009c;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 80px;
  grid-template-columns: 1fr 80px;
}
.myeducoins-section .earn-body .earn-cart .earn-content .left-box p:last-child {
  margin-bottom: 0;
}
.myeducoins-section .earn-body .earn-cart .earn-content .left-box p .rigth-n {
  text-align: right;
}
.myeducoins-section .earn-body .earn-cart .earn-content .right-box {
  text-align: right;
}
.myeducoins-section .earn-body .earn-cart .earn-content .right-box .btn-theme-a {
  border: 1px solid #4c73e6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 29px;
  padding: 10px 20px;
  font-family: Karla;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #4c73e6;
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.myeducoins-section .earn-body .earn-cart .earn-content .right-box .btn-theme-a:hover {
  background-color: #4c73e6;
  color: #fff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.myeducoins-section .redeem-body {
  margin-top: 30px;
}
.myeducoins-section .redeem-body .redeem-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin: 30px 0;
  padding-left: 0;
}
.myeducoins-section .redeem-body .redeem-list li {
  list-style: none;
}
.myeducoins-section .redeem-body .redeem-list li a {
  font-family: Karla;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-decoration: none;
  background: #c4c4c4;
  padding: 6px 24px;
  border-radius: 20px;
  color: #1b1b1b;
}
.myeducoins-section .redeem-body .redeem-list li a.active {
  color: #ffffff;
  background: #4c73e6;
}
.myeducoins-section .redeem-body .redeem-cart {
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 13px #00000040;
  box-shadow: 0px 5px 13px #00000040;
  border-radius: 10px;
  margin-bottom: 30px;
  overflow: hidden;
}
.myeducoins-section .redeem-body .redeem-cart .content-box {
  padding: 15px 0 0;
}
.myeducoins-section .redeem-body .redeem-cart .content-box h6 {
  padding: 0 15px;
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  cursor: context-menu;
  color: #000000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 42px;
  overflow: hidden;
}
.myeducoins-section .redeem-body .redeem-cart .content-box .count-box {
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 7px 0;
}
.myeducoins-section .redeem-body .redeem-cart .content-box .count-box .box {
  background-color: #ffc661;
  border-radius: 50%;
  padding: 5px;
}
.myeducoins-section .redeem-body .redeem-cart .content-box .count-box .box span {
  font-family: Karla;
  font-style: normal;
  position: relative;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  color: #9a5707;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff27d;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
}
.myeducoins-section .redeem-body .redeem-cart .content-box .count-box .text {
  font-family: Karla;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
}
.myeducoins-section .redeem-body .redeem-cart .content-box .btn-theme-b {
  background: #1E4BD2;
  border-radius: 0px 0px 10px 10px;
  display: block;
  text-align: center;
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  padding: 13px 0;
  color: #ffffff;
}
.myeducoins-section .history-body {
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 10px #00000040;
  box-shadow: 0px 4px 10px #00000040;
  padding: 30px;
  margin-top: 30px;
}
.myeducoins-section .history-body .history-select-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  gap: 10px;
  margin: 0 0 12px;
}
.myeducoins-section .history-body .history-select-body .history-select {
  border: 1px solid #c4c4c4;
  max-width: 242px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  align-items: center;
  display: flex;
  gap: 20px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  padding: 0px 5px 0px 0;
}
.myeducoins-section .history-body .history-select-body .history-select span {
  font-family: Karla;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #424c52;
}
.myeducoins-section .history-body .history-select-body .history-select select {
  border: unset;
  text-transform: capitalize;
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #424c52;
}
.myeducoins-section .history-body .history-select-body .history-select select:focus-visible {
  outline: unset;
}
.myeducoins-section .history-body .history-cart {
  margin-bottom: 30px;
}
.myeducoins-section .history-body .history-cart .date-box h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Karla;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #252727de;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.myeducoins-section .history-body .history-cart .date-box h5 span {
  width: 30px;
  border-radius: 50%;
  display: block;
  text-align: center;
  opacity: 0.6;
  padding: 8px 0;
  height: 30px;
  background-color: #4c73e6;
}
.myeducoins-section .history-body .history-cart .date-box h5 span img {
  margin: 0 auto;
}
.myeducoins-section .history-body .history-cart .content-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 80px;
  grid-template-columns: 1fr 80px;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}
.myeducoins-section .history-body .history-cart .content-box .left-box h6 {
  font-family: Karla;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
}
.myeducoins-section .history-body .history-cart .content-box .left-box p {
  font-family: Karla;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 21px;
  color: #2b2e30de;
}
.myeducoins-section .history-body .history-cart .content-box .left-box p:last-child {
  margin-bottom: 0;
}
.myeducoins-section .history-body .history-cart .content-box .right-box {
  text-align: right;
}
.myeducoins-section .history-body .history-cart .content-box .right-box h5 {
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 14px;
  overflow: hidden;
  line-height: 23px;
}
.myeducoins-section .history-body .history-cart .content-box .right-box h5.green {
  color: #00e396;
}
.myeducoins-section .history-body .history-cart .content-box .right-box h5.red {
  color: #ea5d5e;
}
.vedio-section-box {
  background: #ffffff;
  border: 1px solid #c4c4c4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 4px 4px #00000040;
  box-shadow: 0px 4px 4px #00000040;
  border-radius: 6px;
  overflow: hidden;
  padding-bottom: 20px;
}
.vedio-section-box .vedio-name {
  background: -webkit-gradient(linear, left top, right top, from(#1488cc), color-stop(100%, #2b32b2), to(#2b32b2));
  background:
    linear-gradient(
      90deg,
      #1488cc 0%,
      #2b32b2 100%,
      #2b32b2 100%);
  border-radius: 6px 6px 0px 0px;
}
.vedio-section-box .vedio-name h3 {
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  padding: 10px 30px 10px 45px;
  margin-bottom: 0;
  color: #ffffff;
}
.vedio-section-box .vedio-body {
  padding: 30px 45px;
  padding-bottom: 0;
  padding-top: 30px !important;
}
.vedio-section-box .vedio-body .vedio-cart {
  margin-bottom: 30px;
}
.vedio-section-box .vedio-body .vedio-cart .image a {
  text-align: center;
  display: block;
  position: relative;
}
.vedio-section-box .vedio-body .vedio-cart .image a img {
  width: 100%;
}
.vedio-section-box .vedio-body .vedio-cart .image a::before {
  content: "";
  background-size: cover;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  bottom: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.vedio-section-box .vedio-body .vedio-cart .content-box h4 a {
  font-family: Karla;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  color: #000000;
  text-decoration: unset;
}
.vedio-section-box .vedio-body .vedio-cart .content-box p {
  font-family: Karla;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #575757;
}
.vedio-section-box .vedio-body .vedio-cart .content-box p:last-child {
  margin-bottom: 0;
}
.recommendedTitle_new {
  font-size: 16px;
  color: black;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: unset !important;
}
.Lik-UnLiKE .emoji-btn-n {
  border: unset !important;
  padding: 0;
  color: #ffc107 !important;
  background: #000 !important;
  border-radius: 50% !important;
  height: auto !important;
  position: relative;
  display: block;
  font-size: 20px !important;
  width: auto !important;
}
.new-accordion-a-chang .nav-item .nav-link {
  border: 1px solid #858585;
  border-radius: 0;
  margin-right: -1px;
  position: relative;
  border-bottom: 1px solid #858585 !important;
}
.new-accordion-a-chang .nav-item .nav-link:after {
  content: "";
  width: 0%;
  height: 2px;
  background-color: #5251ab;
  position: absolute;
  bottom: -2px;
  left: 0;
}
::-webkit-scrollbar-track {
  box-shadow: none;
  background-color: #f5f5f5;
  border-radius: 10px;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #84838feb;
}
.new-accordion-a-chang .nav-item .nav-link.active:after {
  width: 100%;
}
.new-accordion-a-chang .nav-item {
  border: unset !important;
}
.cheng-multiselect_controlled .new-color-tags input {
  height: 30px;
}
.cheng-multiselect_controlled .new-color-tags .ng2-tag-input {
  border-bottom: 1px solid #dee2e6;
  padding: 0px;
}
.cheng-multiselect_controlled .new-color-tags .ng2-tag-input .ng2-tags-container {
  height: 35px;
}
.cheng-multiselect_controlled .dropdoun-cheng-a .multiselect-dropdown .dropdown-btn {
  padding: 4px;
  position: relative;
  left: -4px;
}
.cheng-multiselect_controlled .dropdown-down {
  width: 7px;
  height: 7px;
  background: transparent;
  border-right: 0;
  border-bottom: 0;
  border-top: 2px solid #495057;
  border-left: 2px solid #495057;
}
.cheng-multiselect_controlled .dropdoun-cheng-a .multiselect-dropdown .dropdown-btn .dropdown-up {
  right: 1px;
}
.cheng-multiselect_controlled .dropdown-up {
  width: 7px;
  height: 7px;
  background: transparent;
  border-top: 2px solid #495057;
  border-left: 2px solid #495057;
}
.new-course-summery .profile-name h5 {
  width: 118px;
}
.top-hading-close {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  width: 100%;
  margin: 0 auto;
  gap: 40px;
  background: #cec6f8;
}
.top-hading-close p {
  color: #000;
  line-height: 36px;
}
.new-whats-new .post_btn {
  color: #fff;
  padding: 7px 10px;
  font-size: 10px;
}
.top-hading-close .close-hading img {
  height: 35px;
}
.card-body-common.new-whats-new {
  padding: 0 !important;
}
.course-item_new .image img {
  border-radius: 0 !important;
}
.card-body-common.new-whats-new .course-item_new .image {
  position: relative;
}
.new-position-text {
  position: absolute;
  width: 100%;
  padding: 0 10px;
  bottom: 5px;
  z-index: 1;
  line-height: 16px !important;
  left: 0;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.new-whats-new .carousel-indicators li {
  background: #8956e8 !important;
  width: 10px;
  height: 0px !important;
  border-radius: 50%;
  border-bottom: 0 solid transparent !important;
}
.new-whats-new .carousel-indicators {
  bottom: 10px;
  left: 0;
}
.card-body-common.new-whats-new .course-item_new .image::after {
  content: "";
  top: 0;
  height: 100%;
  position: absolute;
  width: 100%;
  background-color: #00000059;
}
.contnt-a {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  margin-bottom: 20px;
}
.contnt-a span.titel-name {
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.contnt-a span {
  font-size: 10px !important;
  text-align: center;
}
.hadding-name {
  background: -webkit-gradient(linear, left top, right top, color-stop(41.32%, #8d79f6), to(#6b8ee9));
  background:
    linear-gradient(
      90deg,
      #8d79f6 41.32%,
      #6b8ee9 100%);
}
.hadding-name h3 {
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  padding: 10px 20px;
  margin-bottom: 0;
  text-align: left;
}
.bulk-mail .main-body {
  background-color: #fff;
  padding: 50px 80px;
}
.bulk-mail .main-body select:focus,
.bulk-mail .main-body select:focus-visible {
  outline: none;
  border: 1px solid #c4c4c4;
}
.bulk-mail .main-body .select-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bulk-mail .main-body .select-box .select-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bulk-mail .main-body .select-box .select-body .select-ty .select-template {
  background: #fff;
  border-radius: 0 4px 4px 0px;
  font-size: 14px;
  color: #000;
  padding: 12px 15px;
  border: 1px solid #c4c4c4;
}
.bulk-mail .main-body .select-box .select-body .reset {
  margin-left: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bulk-mail .main-body .select-box .select-body .reset img {
  cursor: pointer;
}
.bulk-mail .main-body .select-box .select-body .reset input {
  width: 0;
  height: 0;
  display: none;
  opacity: 0;
}
.bulk-mail .main-body .section-2 .description-body {
  display: -ms-grid;
  display: grid;
  gap: 30px;
}
.bulk-mail .main-body .section-2 .description-body .cart {
  background: #ffffff;
  border-radius: 9.03012px;
  padding: 15px;
  -webkit-box-shadow: 0px 9.03012px 27.0904px #b0bec552, 0px 3.38629px 5.64383px #b0bec552;
  box-shadow: 0px 9.03012px 27.0904px #b0bec552, 0px 3.38629px 5.64383px #b0bec552;
}
.bulk-mail .main-body .section-2 .description-body .cart h5 {
  font-size: 16px;
}
.bulk-mail .main-body .section-2 .description-body .cart p {
  font-size: 12px;
}
.bulk-mail .main-body .section-2 .description-body .content {
  border-bottom: 1px solid #c4c4c4;
}
.bulk-mail .main-body .section-2 .description-body .content h4 {
  font-size: 16px;
}
.bulk-mail .main-body .section-2 .description-body .content p {
  font-size: 14px;
}
.bulk-mail .main-body .section-2 .description-body .content .tag-use .tag-use-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bulk-mail .main-body .sms-box {
  margin-bottom: 60px;
}
.bulk-mail .main-body .sms-box h4 {
  padding: 13px 15px;
  text-align: center;
  color: var(--primary) !important;
  font-size: 16px;
  border-radius: 4px 4px 0 0;
  border: 1px solid var(--primary);
  margin-bottom: 0;
}
.bulk-mail .main-body .sms-box .disc {
  padding: 30px;
  border-radius: 0 0 4px 4px;
  border: 1px solid #c4c4c4;
  border-top: unset;
}
.bulk-mail .main-body .section-4 .btn-body {
  margin: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}
.bulk-mail .main-body .section-4 .button-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  border: 1px solid var(--primary);
  overflow: hidden;
}
.bulk-mail .main-body .section-4 .button-box .btn-teg {
  font-size: 14px;
  padding: 12px 20px;
  color: var(--primary);
}
.bulk-mail .main-body .section-4 .button-box .btn-teg.active {
  background: var(--primary);
  color: #fff;
}
.bulk-mail .main-body .section-4 .sms-box h4 {
  color: #fff;
  background-color: #ffffff;
}
.bulk-mail .main-body .section-5 select {
  font-size: 14px;
  padding: 7px 6px;
  border: 1px solid #ddd;
}
.bulk-mail .main-body .section-5 .on-select {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.bulk-mail .main-body .section-5 .on-select h5 {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 0;
}
.bulk-mail .main-body .section-5 .on-select .on-select-box {
  max-width: 150px;
}
.bulk-mail .main-body .section-5 .on-select .on-select-box select {
  width: 100%;
}
.bulk-mail .main-body .section-5 .on-select .add-remov {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -1px;
}
.bulk-mail .main-body .section-5 .on-select .add-after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bulk-mail .main-body .section-5 .on-select .input-hour {
  text-align: center;
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
}
.bulk-mail .main-body .section-5 .repeat-on .in-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 40px;
}
.bulk-mail .main-body .section-5 .repeat-on .in-flex .input-box-a .checkbox {
  margin: 0;
  padding: 5px 0;
  position: relative;
}
.bulk-mail .main-body .section-5 .repeat-on .in-flex .input-box-a .checkbox label {
  width: 25px;
  height: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  line-height: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  margin-bottom: 0;
}
.bulk-mail .main-body .section-5 .repeat-on .in-flex .input-box-a .checkbox label a {
  color: #8b8b8b;
  text-decoration: underline;
}
.bulk-mail .main-body .section-5 .repeat-on .in-flex .input-box-a .checkbox label a:hover {
  color: #8d79f6;
}
.bulk-mail .main-body .section-5 .repeat-on .in-flex .input-box-a .checkbox input[type=checkbox] {
  display: none;
}
.bulk-mail .main-body .section-5 .repeat-on .in-flex .input-box-a .checkbox input[type=checkbox]:checked + label {
  border: 1px solid #8d79f6;
  -webkit-box-shadow: #00000021 0px 7px 12px 0px;
  box-shadow: #00000021 0px 7px 12px 0px;
  background: #8d79f6;
  color: #fff;
}
.bulk-mail .main-body .section-5 .repeat-on .in-flex .input-box-a .checkbox input[type=checkbox] + label {
  border: 1px solid #8d79f6;
  background: #f4f4f4a3;
  -webkit-box-shadow: #00000014 0px 2px 4px 0px;
  box-shadow: #00000014 0px 2px 4px 0px;
}
.bulk-mail .main-body .section-5 .sms-box h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background-color: #fff;
  color: #fff;
}
.bulk-mail .main-body .section-5 .sms-box h4 .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
  border-radius: 50px;
  overflow: hidden;
  margin-left: 12px;
}
.bulk-mail .main-body .section-5 .sms-box h4 .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.bulk-mail .main-body .section-5 .sms-box h4 .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0px;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.bulk-mail .main-body .section-5 .sms-box h4 .slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 20px;
  left: 4px;
  border-radius: 50%;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.bulk-mail .main-body .section-5 .sms-box h4 input:checked + .slider {
  background-color: #2196f3;
}
.bulk-mail .main-body .section-5 .sms-box h4 input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196f3;
  box-shadow: 0 0 1px #2196f3;
}
.bulk-mail .main-body .section-5 .sms-box h4 input:checked + .slider:before {
  -webkit-transform: translateX(21px);
  transform: translateX(21px);
}
.bulk-mail .main-body .section-5 .sms-box h4 .slider.round {
  border-radius: 34px;
}
.bulk-mail .main-body .section-5 .sms-box h4 .slider.round:before {
  border-radius: 50%;
}
.bulk-mail .main-body .section-5 .sms-box .disc .name-teb {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}
.btn-theme-bg {
  background: var(--primary);
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  padding: 10px 30px;
  border: 1px solid var(--primary);
}
.btn-theme-bg:hover {
  color: #fff;
}
.link-btn {
  font-size: 14px;
  font-weight: 600;
  color: #8d79f6;
}
.textaria textarea {
  width: 100%;
  border: 1px solid #c4c4c4;
  padding: 15px;
}
.textaria textarea:focus,
.textaria textarea:focus-visible {
  border: 1px solid #c4c4c4;
  outline: unset;
}
.textaria input {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.standard-upload-box {
  border: 1px solid #8d79f6 !important;
  border-radius: 6px;
  padding: 30px 15px;
  margin: 30px 0;
  text-align: center;
  color: #000;
  position: relative;
}
.standard-upload-box .uplode-box span {
  font-size: 14px;
  color: #8d79f6;
}
.standard-upload-box .cancel-bt {
  text-align: right;
}
.standard-upload-box .cancel-bt a {
  border: 1px solid #8d79f6;
  padding: 10px 30px;
  color: #8d79f6;
  border-radius: 4px;
  font-size: 14px;
}
.standard-upload-box .file-drop__drop-zone input {
  display: none;
}
.standard-upload-box .file-drop__drop-zone label {
  width: 100%;
  margin-bottom: 0;
}
.standard-upload-box .file-drop__drop-zone label .btn-uploading {
  font-size: 18px;
  color: #8d79f6;
  font-weight: 600;
}
.standard-upload-box .file-drop__drop-zone label .btn-uploading:hover {
  color: #8d79f6;
}
.main-sub-title {
  width: 135px;
}
.border-bottom-color-1 {
  border-bottom: 1px solid #e5e5e5;
}
.square_profile_info .main-titel-evaluation {
  font-size: 16px !important;
}
.name-box-student {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.name-box-student .dropdown a figure {
  margin-right: 0 !important;
  width: 20px !important;
  height: 20px !important;
}
.name-box-student .dropdown a figure img {
  margin-right: 0 !important;
  width: 25px;
  transform: rotate(90deg);
  margin-left: auto;
}
.name-box-student .dropdown .dropdown-menu {
  top: -7px !important;
  box-shadow: 0px 0px 12.1515px rgb(0 0 0 / 10%) !important;
  border-radius: 5px !important;
  min-width: auto;
  float: unset;
  position: absolute !important;
  overflow: hidden;
  margin-top: -10px !important;
  margin-right: 20px !important;
}
.name-box-student .dropdown .dropdown-menu li a {
  padding: 8px 10px !important;
}
#headingTwenty table.table tr td:first-child {
  width: 55px;
}
.certificates-achieved .certificates-empty-body .image {
  text-align: center;
}
.certificates-achieved .certificates-empty-body .image img {
  margin: 0 auto;
}
.certificates-achieved .certificates-empty-body .content {
  text-align: center;
}
.certificates-achieved .certificates-empty-body .content p {
  color: #8a8a8a;
  font-size: 14px;
}
.certificates-achieved .certificates-achieved-body {
  display: "-ms-grid";
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.certificates-achieved .certificates-achieved-body .certificates-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f2f2f2;
  padding: 30px;
  -webkit-box-shadow: 0px 2px 2px #00000040;
  box-shadow: 0px 2px 2px #00000040;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.certificates-achieved .certificates-achieved-body .certificates-cart:hover {
  -webkit-box-shadow: 0px 2px 12px #00000040;
  box-shadow: 0px 2px 12px #00000040;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.certificates-achieved .certificates-achieved-body .certificates-cart .left-content {
  max-width: 85%;
  width: 100%;
}
.certificates-achieved .certificates-achieved-body .certificates-cart .image {
  width: 50px;
  height: 50px;
  background-color: #4c73e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 20px;
}
.certificates-achieved .certificates-achieved-body .certificates-cart .content h4 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.21em;
  color: #000000;
  margin-bottom: 5px;
}
.certificates-achieved .certificates-achieved-body .certificates-cart .content h3 {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #4c73e6;
  margin-bottom: 10px;
}
.certificates-achieved .certificates-achieved-body .certificates-cart .content h5 {
  font-size: 12px;
  line-height: 14px;
  color: #737171;
}
.certificates-achieved .certificates-achieved-body .certificates-cart .download {
  max-width: 15%;
  width: 100%;
  text-align: right;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}
.certificates-achieved .certificates-achieved-body .certificates-cart .download .download-link {
  display: block;
  padding: 7px 0 0;
}
.btn.btn-theme-purple {
  color: #000;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 40px;
  background-color: #e1e1f8;
  border: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.btn.btn-theme-purple:hover {
  background-color: #4c73e6;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #fff;
}
.adaptive-test .hadding-name {
  padding: 20px 0;
  background: -webkit-gradient(linear, left top, right top, from(#1488cc), to(#2b32b2));
  background:
    linear-gradient(
      90deg,
      #1488cc 0%,
      #2b32b2 100%);
}
.adaptive-test .hadding-name .box {
  max-width: 767px;
}
.adaptive-test .hadding-name .box h3 {
  color: #fff;
  font-size: 28px;
  padding: 0;
}
.adaptive-test .hadding-name .box p {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
}
.adaptive-test .adaptive-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding: 40px 0;
}
.adaptive-test .left-card {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 70%;
  flex: 0 1 70%;
  max-width: 70%;
}
.adaptive-test .right-card {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 30%;
  flex: 0 1 30%;
  max-width: 30%;
}
.adaptive-test .right-card .adaptive-form .body-box {
  border: 1px solid #c4c4c4;
  padding: 20px;
  border-radius: 7px;
}
.adaptive-test .right-card .adaptive-form .body-box select {
  height: 45px;
  font-size: 14px;
}
.adaptive-test .right-card .adaptive-form .btn-theme-blue-g {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%);
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  border: unset;
  opacity: 1;
  height: 45px;
  text-align: center;
  transition: 0.5s;
}
.adaptive-test .right-card .adaptive-form .btn-theme-blue-g:hover {
  background:
    linear-gradient(
      90deg,
      #8e54e9 0%,
      #4776e6 100%);
  transition: 0.5s;
}
.adaptive-test .right-card .adaptive-form .body-box .mode h5 {
  margin-bottom: 10px;
}
.adaptive-test .right-card .content h4 {
  text-align: center;
}
.adaptive-test .main-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 30px;
}
.adaptive-test .main-box .cart-box {
  max-width: 230px;
  width: 100%;
}
.adaptive-test .main-box .cart-box .image {
  margin-bottom: 20px;
}
.adaptive-test .main-box .cart-box .content-box h5 {
  font-size: 14px;
  color: #000;
}
.adaptive-test .main-box .cart-box .content-box p {
  font-size: 14px;
}
.adaptive-test .content {
  margin-bottom: 40px;
}
.adaptive-test .content h4 {
  margin-bottom: 10px;
  font-size: 16px;
  color: #000;
}
.adaptive-test .content p {
  font-size: 14px;
  max-width: 785px;
  font-weight: 400;
  color: #000;
}
.new-service-body {
  padding-bottom: 50px;
}
.new-service-body .hadding-name {
  background-image: url("./media/back-i.svg");
  padding: 80px 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.new-service-body .hadding-name .box {
  text-align: center;
  max-width: 450px;
  position: relative;
  margin: 0 auto;
}
.new-service-body .hadding-name .box h3 {
  color: #fff;
  font-size: 20px;
  margin-bottom: 20px;
}
.new-service-body .hadding-name .box .btn-box {
  position: absolute;
  border: 0;
  left: 0;
  background-color: #0000;
  height: 45px;
  width: 45px;
  text-align: center;
}
.new-service-body .hadding-name .box .search-services {
  width: 100%;
  height: 45px;
  border-radius: 5px;
  padding: 10px 0 10px 50px;
  border: 0;
  font-size: 14px;
}
.new-service-body .new-service-mainbody {
  padding-top: 20px;
}
.new-service-body .new-service-mainbody .service-cart-b {
  position: relative;
  -webkit-box-shadow: 0px 0 4px #00000040;
  box-shadow: 0px 0 4px #00000040;
  padding: 15px 0;
  border-radius: 5px;
  border: 1px solid #eee;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.new-service-body .new-service-mainbody .service-cart-b > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.new-service-body .new-service-mainbody .service-cart-b:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0px 2px 10px #00000040;
  box-shadow: 0px 2px 10px #00000040;
}
.new-service-body .new-service-mainbody .service-cart-b .right-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 15px;
  width: 100%;
}
.new-service-body .new-service-mainbody .service-cart-b .right-box h6 {
  width: 100%;
  text-align: right;
  margin-bottom: 0;
}
.new-service-body .new-service-mainbody .service-cart-b .right-box h6:first-child {
  height: 24px;
}
.new-service-body .new-service-mainbody .service-cart-b .right-box .down-link {
  margin-left: auto;
  width: 18px;
  height: 18px;
  display: block;
}
.new-service-body .new-service-mainbody .service-cart-b .right-box .down-link img {
  width: 100%;
}
.new-service-body .new-service-mainbody .service-cart-b .right-box .price span {
  font-size: 1.5rem;
}
.new-service-body .new-service-mainbody .service-cart-b .left-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80%;
  flex: 0 0 80%;
  max-width: 80%;
  width: 100%;
  padding: 0 15px;
}
.new-service-body .new-service-mainbody .service-cart-b .description-box {
  margin-top: 30px;
}
.new-service-body .new-service-mainbody .service-cart-b .description-box h4 {
  font-size: 16px;
  color: #4c4c4c;
}
.new-service-body .new-service-mainbody .service-cart-b .description-box p {
  color: #4c4c4c;
  font-size: 14px;
}
.new-service-body .new-service-mainbody .service-cart-b .description-box h5 {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  font-size: 16px;
}
.new-service-body .new-service-mainbody .service-cart-b .description-box h5 a {
  color: #5251ab;
  text-decoration: unset;
}
.new-service-body .new-service-mainbody .service-cart-b .mobile-view {
  display: none;
}
.new-service-body .new-service-mainbody .service-cart-b .image {
  max-width: 30%;
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
  padding: 0 15px 0 0;
}
.new-service-body .new-service-mainbody .service-cart-b .image img {
  width: 100%;
}
.new-service-body .new-service-mainbody .service-cart-b .btn-buy {
  background: #421FEF;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  padding: 6px 29px;
}
.new-service-body .new-service-mainbody .service-cart-b .content-box {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
  padding: 0 0 0 15px;
  width: 100%;
}
.new-service-body .new-service-mainbody .service-cart-b .content-box h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  font-size: 16px;
}
.new-service-body .new-service-mainbody .service-cart-b .content-box h4 .name {
  color: #5251ab;
  font-weight: 700;
}
.new-service-body .new-service-mainbody .service-cart-b .content-box h4 .month {
  color: #575757;
}
.new-service-body .new-service-mainbody .service-cart-b .content-box h4 .link-img {
  width: 15px;
  height: 15px;
  display: block;
}
.new-service-body .new-service-mainbody .service-cart-b .content-box h4 .link-img img {
  width: 100%;
}
.new-service-body .new-service-mainbody .service-cart-b .content-box p {
  font-size: 14px;
}
.new-service-body .new-service-mainbody .service-cart-b .content-box .box-ul {
  padding: 0;
  display: -ms-grid;
  display: grid;
  gap: 10px;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
}
.new-service-body .new-service-mainbody .service-cart-b .content-box .box-ul li {
  list-style: none;
  padding-left: 25px;
  position: relative;
  font-weight: 600;
  color: #000;
  font-size: 14px;
  word-break: break-word;
}
.new-service-body .new-service-mainbody .service-cart-b .content-box .box-ul li::before {
  content: "";
  background-image: url("./media/check.svg");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  background-size: cover;
  left: 0;
  top: 3px;
}
.line-through {
  text-decoration: line-through;
}
.service-tag {
  display: inline-block;
  height: 15px;
}
.mandatory-color {
  color: red !important;
  font-size: 8px !important;
  vertical-align: top;
}
.question-new-top .finish-btn {
  background: #f15454;
  font-weight: 700;
  font-size: 18px;
  height: unset;
  line-height: 40px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-left: 40px;
}
.question-new-top .assesment-name {
  padding: 0;
}
.new-question-area-box .board .heading ul.info li {
  font-size: 16px;
  padding: 10px;
}
.new-question-area-box .board .title .title-right ul li {
  font-size: 16px;
}
.new-question-area-box .mathjax-container p {
  padding: 20px 40px;
}
.new-question-area-box .mathjax-container pre code.hljs {
  padding: 20px 40px;
}
.new-question-area-box .adaptive-answer-box {
  padding: 15px 40px;
}
.new-question-area-box .board .button-group {
  padding: 15px 55px;
}
.new-question-area-box .board .title {
  padding: 10px 15px;
}
.new-question-area-box .board .button-group .save-next-btn {
  background:
    linear-gradient(
      90deg,
      #4776e6,
      #8e54e9) !important;
}
.accordation-area.attemptSummary-vedio .area {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.accordation-area.attemptSummary-vedio .area table.table {
  width: 96%;
}
.accordation-area.attemptSummary-vedio .area .heading button::after {
  right: 13px !important;
}
.accordation-area.attemptSummary-vedio .selection-wrap {
  padding-left: 0;
}
.accordation-area.attemptSummary-vedio .heading.heading_new {
  padding-left: 45px !important;
}
.accordation-area.attemptSummary-vedio .selection {
  padding-left: 101px;
}
.accordation-area.attemptSummary-vedio .selection span.p-0.pl-2 .mathjax-container {
  padding-left: 20px;
}
.vedio-section-box .vedio-body .mathjax-container {
  padding-left: 0px;
}
.accordation-area.attemptSummary-vedio .selection-padding-left45 {
  padding-left: 45px;
  padding-right: 45px;
}
.new-class-instructor-a input {
  font-size: 12px !important;
}
.accordation-area.attemptSummary-vedio .vedio-section-box {
  border: unset;
  box-sizing: border-box;
  box-shadow: unset;
  border-radius: 0;
}
.accordation-area.attemptSummary-vedio .vedio-section-box .vedio-name {
  border-radius: 0;
}
.student-public-profile {
  background-color: #e5e5e5;
  padding: 1px 0 50px;
}
.student-public-profile .modal-dialog {
  -webkit-transform: none;
  transform: none;
  top: 20%;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
}
.student-public-profile .modal-dialog .main-box-modal {
  max-height: 40vh;
  overflow-y: scroll;
}
.student-public-profile .modal-dialog .main-box-modal ul {
  padding-left: 0;
}
.student-public-profile .modal-dialog .main-box-modal ul li {
  margin-top: 25px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
}
.student-public-profile .modal-dialog .main-box-modal ul li:first-child {
  margin-top: 0;
}
.student-public-profile .modal-dialog .main-box-modal ul li .name-box {
  margin-left: 15px;
}
.student-public-profile .modal-dialog .main-box-modal ul li .name-box h6 {
  margin-bottom: 0;
  font-size: 16px;
}
.student-public-profile .modal-dialog .main-box-modal ul li .name-box p {
  margin-bottom: 0;
  font-size: 14px;
}
.student-public-profile .section-bodys {
  background: #fff;
  border-radius: 15px;
  margin-top: 50px;
  padding: 50px;
}
.student-public-profile .hadding-name-a {
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: #1a1a1a;
}
.student-public-profile .section-1 {
  padding: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
}
.student-public-profile .section-1.desktop-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.student-public-profile .section-1.mobile-view {
  display: none;
}
.student-public-profile .section-1 .image {
  border-radius: 50%;
  border: 5px solid #8d79f6;
  max-width: 125px;
  max-height: 125px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.student-public-profile .section-1 .image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.student-public-profile .section-1 .right-content {
  width: 100%;
}
.student-public-profile .section-1 .right-content .name-hadding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 20px;
}
.student-public-profile .section-1 .right-content .name-hadding h4 {
  font-size: 24px;
  margin-bottom: 0;
}
.student-public-profile .section-1 .right-content .name-hadding .level {
  background: #5251ab;
  border-radius: 2px;
  color: #fff;
  line-height: 20px;
  font-size: 12px;
  padding: 2px 12px 3px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.student-public-profile .section-1 .right-content .name-hadding .btn-primary {
  color: #fff;
  background-color: #4c73e6;
  border-color: #4c73e6;
  opacity: 1;
}
.student-public-profile .section-1 .right-content .name-hadding .btn-primary:hover {
  opacity: 0.9;
}
.student-public-profile .section-1 .right-content .name-hadding .menu-t {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.student-public-profile .section-1 .right-content .name-hadding .dropdown-menu.show {
  padding: 0;
  border: unset;
  -webkit-box-shadow: 0px 4px 4px #00000040;
  box-shadow: 0px 4px 4px #00000040;
  border-radius: 7px;
}
.student-public-profile .section-1 .right-content .name-hadding .dropdown-menu.show .dropdown-item {
  padding: 5px 15px;
}
.student-public-profile .section-1 .right-content .name-hadding .dropdown-menu.show .dropdown-item.active,
.student-public-profile .section-1 .right-content .name-hadding .dropdown-menu.show .dropdown-item:hover {
  color: #000;
  background-color: #f4f4f7;
}
.student-public-profile .section-1 .right-content .name-hadding .right-box {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.student-public-profile .section-1 .right-content .name-hadding .right-box a {
  width: 25px;
  height: 25px;
  text-align: right;
}
.student-public-profile .section-1 .right-content .followers-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}
.student-public-profile .section-1 .right-content .followers-row h4 {
  font-size: 16px;
  margin-top: 10px;
  font-weight: 400;
}
.student-public-profile .section-1 .right-content .followers-row h4 span {
  font-weight: 600;
}
.student-public-profile .section-1 .right-content .disc-row {
  margin: 5px 0 25px;
}
.student-public-profile .section-1 .right-content .disc-row p {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #575757;
  margin-bottom: 0;
}
.student-public-profile .section-1 .right-content .shaer-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
}
.student-public-profile .section-1 .right-content .shaer-box .meny-followed {
  font-weight: 500;
  font-size: 14px;
  color: #818080;
}
.student-public-profile .section-1 .right-content .shaer-box .meny-followed b {
  color: #000;
  margin-left: 5px;
}
.student-public-profile .section-1 .right-content .shaer-box .meny-followed span {
  margin-left: 5px;
}
.student-public-profile .section-1 .right-content .shaer-box .meny-followed span a {
  color: #818080;
  text-decoration: none;
}
.student-public-profile .section-1 .right-content .shaer-box .find {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.student-public-profile .section-1 .right-content .shaer-box .find span {
  font-weight: 300;
  font-size: 18px;
  color: #000000;
}
.student-public-profile .section-2 {
  margin-top: 50px;
}
.student-public-profile .section-2 .know-body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.student-public-profile .section-2 .know-body .left-cart {
  width: 100%;
  padding: 40px 40px 80px;
  background: #fff;
  border-radius: 15px;
  position: relative;
}
.student-public-profile .section-2 .know-body .left-cart h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  color: #1a1a1a;
}
.student-public-profile .section-2 .know-body .left-cart p {
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
  color: #575757;
}
.student-public-profile .section-2 .know-body .left-cart h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #818080;
  text-align: center;
  position: absolute;
  bottom: 30px;
  width: 100%;
  left: 0;
}
.student-public-profile .section-2 .know-body .right-cart {
  width: 100%;
  padding: 40px 40px 140px;
  background: #fff;
  border-radius: 15px;
}
.student-public-profile .section-2 .know-body .right-cart h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  color: #1a1a1a;
}
.student-public-profile .section-2 .know-body .right-cart .box {
  margin-top: 40px;
}
.student-public-profile .section-2 .know-body .right-cart .box h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #575757;
}
.student-public-profile .section-2 .know-body .right-cart .box ul {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-top: 20px;
}
.student-public-profile .section-2 .know-body .right-cart .box ul li {
  list-style: none;
}
.student-public-profile .section-2 .know-body .right-cart .box ul li a {
  background: #7572fe33;
  border-radius: 23px;
  font-weight: 300;
  font-size: 18px;
  color: #000000;
  text-decoration: none;
  padding: 7px 20px 9px;
  line-height: 28px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.student-public-profile .section-2 .know-body .right-cart .box ul li a:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #fff;
  background-color: #7572feba;
}
.student-public-profile .section-3 h4 {
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  color: #1a1a1a;
  margin-bottom: 30px;
}
.student-public-profile .section-3 .experience-body .subjectwise-performance {
  display: -ms-grid;
  display: grid;
  gap: 50px;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
}
.student-public-profile .section-3 .experience-body .subjectwise-performance .performance-cart {
  background: #4c73e624;
  padding: 30px;
  -webkit-box-shadow: 0px 2px 2px #00000040;
  box-shadow: 0px 2px 2px #00000040;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
}
.student-public-profile .section-3 .experience-body .subjectwise-performance .performance-cart h5 {
  display: block;
  font-weight: 500;
  font-size: 22px;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: #000000;
}
.student-public-profile .section-3 .experience-body .subjectwise-performance .performance-cart h6 {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  letter-spacing: 0.02em;
  color: #000000;
}
.student-public-profile .section-3 .experience-body .subjectwise-performance .performance-cart h6 a {
  text-decoration: none;
}
.student-public-profile .section-3 .experience-body .subjectwise-performance .performance-cart:hover {
  -webkit-box-shadow: 0px 2px 12px #00000040;
  box-shadow: 0px 2px 12px #00000040;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.student-public-profile .section-4 {
  padding: 40px 50px 30px;
}
.student-public-profile .section-4 .certificates-achieved-body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.student-public-profile .section-4 .certificates-achieved-body .certificates-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #4c73e624;
  padding: 30px;
  -webkit-box-shadow: 0px 2px 2px #00000040;
  box-shadow: 0px 2px 2px #00000040;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.student-public-profile .section-4 .certificates-achieved-body .certificates-cart:hover {
  -webkit-box-shadow: 0px 2px 12px #00000040;
  box-shadow: 0px 2px 12px #00000040;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.student-public-profile .section-4 .certificates-achieved-body .certificates-cart .left-content {
  max-width: 85%;
  width: 100%;
}
.student-public-profile .section-4 .certificates-achieved-body .certificates-cart .image {
  width: 50px;
  height: 50px;
  background-color: #4c73e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin-bottom: 20px;
}
.student-public-profile .section-4 .certificates-achieved-body .certificates-cart .content h4 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.21em;
  color: #000000;
  margin-bottom: 5px;
}
.student-public-profile .section-4 .certificates-achieved-body .certificates-cart .content h3 {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #4c73e6;
  margin-bottom: 10px;
}
.student-public-profile .section-4 .certificates-achieved-body .certificates-cart .content h5 {
  font-size: 12px;
  line-height: 14px;
  color: #737171;
}
.student-public-profile .section-4 .certificates-achieved-body .certificates-cart .download {
  max-width: 15%;
  width: 100%;
  text-align: right;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}
.student-public-profile .section-4 .certificates-achieved-body .certificates-cart .download .download-link {
  display: block;
  padding: 7px 0 0;
}
.student-public-profile .section-5 .courses-enrolled {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  gap: 30px;
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
}
.student-public-profile .section-5 .courses-enrolled .cart-enrolled {
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 2px #00000040;
  box-shadow: 0px 2px 2px #00000040;
  background: #f2f2f2;
  border-radius: 5px 5px 0px 0px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.student-public-profile .section-5 .courses-enrolled .cart-enrolled:hover {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0 0 15px 0 #bbb;
  box-shadow: 0 0 15px 0 #bbb;
}
.student-public-profile .section-5 .courses-enrolled .cart-enrolled .image img {
  width: 100%;
}
.student-public-profile .section-5 .courses-enrolled .cart-enrolled .disc {
  padding: 10px 15px 0;
}
.student-public-profile .section-5 .courses-enrolled .cart-enrolled .disc h6 {
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #4c73e6;
  margin: 0 0 5px;
}
.student-public-profile .section-5 .courses-enrolled .cart-enrolled .disc h6 a {
  text-decoration: unset;
}
.student-public-profile .section-5 .courses-enrolled .cart-enrolled .disc p {
  font-size: 12px;
  line-height: 14px;
  color: #737171;
  margin-bottom: 10px;
}
.student-public-profile .a-mobile-view {
  display: none;
}
.btn-light {
  color: #212529;
  background-color: #eaedf0;
  border-color: #eaedf0;
}
.btn-light:hover {
  color: #212529;
  background-color: #cbcccd;
  border-color: #cbcccd;
}
.new-assesm-box-body {
  display: flex;
  text-align: left;
  gap: 10px;
}
.new-assesm-box-body .box-left {
  max-width: 200px;
  width: 100%;
}
.new-assesm-box-body .box-right {
  max-width: 300px;
}
.selection-wrap .given-answer {
  padding-left: 6.2rem !important;
  padding-right: 45px !important;
}
.selection-wrap .correct-answer {
  padding-left: 6.2rem !important;
  padding-right: 45px !important;
}
.selection-wrap .given-answer-error {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
.selection-wrap .correct-answer-error {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
.selection-wrap .given-answer-teacher {
  padding-right: 45px !important;
}
.selection-wrap .correct-answer-teacher {
  padding-right: 45px !important;
}
.standard-upload-box .title a {
  color: #24598F !important;
}
.apexcharts-legend.apexcharts-align-left.position-bottom .apexcharts-legend-series {
  display: block;
  width: 100%;
  padding: 2px 0;
}
.apexcharts-legend.apexcharts-align-right .apexcharts-legend-series,
.apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
  display: inline-block;
  min-width: 100%;
}
input.d-radio {
  -webkit-appearance: radio !important;
  cursor: pointer;
  vertical-align: middle;
}
.service-dropdown .dropdown-toggle {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;
  color: #000;
}
.service-dropdown .dropdown-toggle:focus,
.service-dropdown .dropdown-toggle.hover {
  box-shadow: none;
  text-decoration: none;
}
.service-dropdown .dropdown-toggle .caret {
  width: 13px;
  height: 8px;
  margin-top: 5px;
}
.service-dropdown img {
  height: 15px;
  vertical-align: middle;
}
span.support_1_month {
  display: inline-block;
  background: url(/assets/images/serviceSupport2.svg) no-repeat center / contain !important;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
span.support_2_month {
  display: inline-block;
  background: url(/assets/images/serviceSupport6.svg) no-repeat center / contain !important;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
span.support_3_month {
  display: inline-block;
  background: url(/assets/images/serviceSupport3.svg) no-repeat center / contain !important;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
span.support_6_month {
  display: inline-block;
  background: url(/assets/images/serviceSupport4.svg) no-repeat center / contain !important;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
span.support_1_year {
  display: inline-block;
  background: url(/assets/images/serviceSupport5.svg) no-repeat center / contain !important;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
span.membership_1_month {
  display: inline-block;
  background: url(/assets/images/serviceMembership2.svg) no-repeat center / contain !important;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
span.membership_2_month {
  display: inline-block;
  background: url(/assets/images/serviceMembership6.svg) no-repeat center / contain !important;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
span.membership_3_month {
  display: inline-block;
  background: url(/assets/images/serviceMembership3.svg) no-repeat center / contain !important;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
span.membership_6_month {
  display: inline-block;
  background: url(/assets/images/serviceMembership4.svg) no-repeat center / contain !important;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
span.membership_1_year {
  display: inline-block;
  background: url(/assets/images/serviceMembership5.svg) no-repeat center / contain !important;
  width: 15px;
  height: 15px;
  vertical-align: middle;
}
.break-word {
  overflow-wrap: break-word;
}
.footer-area .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer-area .nav-item .nav-link img {
  height: 30px;
  margin: 15px 15px 5px 15px;
}
.footer-area .nav-item .nav-link span {
  text-align: center;
  color: black;
  font-size: 11px;
}
.footer-area .nav-item .nav-link span.active {
  color: #3610F4;
}
.chart_area_body.custom-legend .apexcharts-legend-series {
  display: flex !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.chart_area_body.custom-legend.course-effort-distribution .apexcharts-legend-series {
  padding: 0px !important;
}
.chart_area_body.custom-legend .apexcharts-legend-text {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.chart_area_body.custom-legend .apexcharts-legend-text .apexcharts-legend-custom-text {
  flex: 0 0 75%;
  max-width: 75%;
}
.chart_area_body.custom-legend .apexcharts-legend-text .apexcharts-legend-custom-value {
  flex: 0 0 25%;
  max-width: 25%;
}
::-ms-reveal {
  display: none;
}
.gap-sm {
  gap: 20px;
}
.gap-xs {
  gap: 10px;
}
.gap-xxs {
  gap: 5px;
}
.test-submit-panel {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 100;
}
.test-submit-curtain {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #DDD;
  opacity: 0.7;
}
.test-submit-msg {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 50px;
}
.test-submit-msg span {
  margin-bottom: 20px;
  margin-top: 200px;
  color: blue;
  display: block;
  font-size: 26px;
  line-height: 34px;
}
.test-submit-msg img {
  width: 64px;
}
.actual-uploaded-image {
  margin: auto;
  max-height: 100px;
}
.take-test-question-header .mathjax-container {
  color: #212121;
}
.take-test-question-header .mathjax-container a {
  color: #212121;
  text-decoration: underline;
}
.code-element .CodeMirror {
  background-color: azure;
}
.question-review .mix-match-drag {
  font-size: 19.2223px;
  line-height: 26px;
  height: 100px;
  align-items: center;
  display: flex;
  text-align: center;
  justify-content: center;
}
.question-review .mix-match-dragd img {
  height: 100px;
  margin: 0 auto;
}
.check-in-input {
  position: absolute;
  top: 5px;
  right: 6px;
}
.dropdown-toggle .caret::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}
.switch-item > .switch input[disabled] + span.slider {
  cursor: default;
}
.course-setting-area .ck.ck-editor__editable_inline {
  max-height: 180px !important;
}
.custom-pie {
  --p: 0;
  width: 16px;
  aspect-ratio: 1;
  position: relative;
  display: inline-grid;
}
.custom-pie:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  inset: 0;
  background: conic-gradient(var(--course-content-active) calc(var(--p)*1%), #0000 0);
  background-color: var(--course-content-lock);
}
.testseries-setting-area .ck.ck-editor__editable_inline {
  max-height: 180px !important;
}
.question-text-header {
  max-width: 870px;
  overflow: hidden;
}
.question-text-header-readOnly {
  max-width: 870px;
  overflow: hidden;
}
.border-radius-0 {
  border-radius: 0px;
}
.btn-view {
  box-shadow: 0px 3px 6px 0px #00000040;
  background: #e1e1f8;
  color: black;
  font-weight: 500;
}
.dashboard_edit_post {
  color: #1F3DEA;
}
.dashboard_delete_post {
  color: #1F3DEA;
}
.is_stuck {
  z-index: 100;
}
.assignment-area .owl-theme .owl-nav .owl-next {
  right: -25px !important;
}
.assignment-area .owl-theme .owl-nav .owl-prev {
  left: -20px !important;
}
.classboard .question-box {
  padding: 0px;
}
.theme-green .bs-datepicker-head {
  background-color: var(--green);
}
.nav-pills .nav-link {
  color: black;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--primary);
}
.cursor-default {
  cursor: default;
}
.ng2-tags-container {
  align-items: center;
}
.classroom-icon {
  width: 26px !important;
  display: inline-block !important;
}
.question-header-panel {
  padding-top: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
.break-time-row,
.break-time-row input {
  background-color: lightblue;
}
.captcha-section {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff5;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-form .form-group {
  margin-bottom: 10px;
}
.profile-form label {
  margin-bottom: 8px;
  line-height: 16px;
  font-weight: 700;
  font-size: 12px;
  color: var(--black);
}
.profile-form input {
  font-size: 15px;
  height: calc(1.5em + 0.75rem + 4px);
  background-color: #f4f4f7;
  color: var(--black);
  border: 1px solid #ccd0d5;
  box-sizing: border-box;
  border-radius: 4px;
}
.btn-buy,
.btn-buy:hover {
  background: #e1e1f8;
  color: #000000;
}
.flex-basic-0 {
  flex-basis: 0;
}
.tag-input-sm input {
  padding-left: 0px;
  margin-top: 0px;
}
.textarea-no-resize {
  resize: none;
}
.tag-input-normal-height .ng2-tag-input__text-input {
  height: 20px !important;
}
.tag-input-normal-height .ng2-tag-input {
  padding-top: 0px !important;
}
.hide-tooltip .tooltip {
  visibility: hidden;
}
.v-align-top {
  vertical-align: top;
}
.actCrossoutMode {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.answerMasking {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.answerMasking button {
  pointer-events: all;
}
.pointer-events-0 {
  pointer-events: none;
}
.pointer-events-all {
  pointer-events: all;
}
.actCrossoutMode .answer-crossedOut {
  position: relative;
  display: inline-block;
  width: 100%;
}
.actCrossoutMode .answer-crossedOut::before,
.actCrossoutMode .answer-crossedOut::after {
  content: "";
  width: 100%;
  position: absolute;
  right: 0;
  top: 3px;
}
.actCrossoutMode .answer-crossedOut::before {
  border-bottom: 1px solid red;
  -webkit-transform: skewY(-4deg);
  transform: skewY(-4deg);
}
.actCrossoutMode .answer-crossedOut::after {
  border-bottom: 1px solid red;
  -webkit-transform: skewY(4deg);
  transform: skewY(4deg);
}
.ACT .actCrossoutMode .answer-crossedOut::before {
  border-bottom: 2px solid red;
  -webkit-transform: skewY(-2deg);
  transform: skewY(-2deg);
}
.ACT .actCrossoutMode .answer-crossedOut::after {
  border-bottom: 2px solid red;
  -webkit-transform: skewY(2deg);
  transform: skewY(2deg);
}
.solution-answer-crossedOut {
  height: 1px;
  border: 1px solid #BBB;
  position: absolute;
  left: -1%;
  width: 100%;
}
.alternate-color > div:nth-of-type(odd) {
  background: #e8e9ea;
}
.hidden-in-5 {
  -webkit-animation: hiddenIn5Animation 10s forwards;
  animation: hiddenIn5Animation 10s forwards;
}
@keyframes hiddenIn5Animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes hiddenIn5Animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.error-analysis-area .item .missed-icon {
  display: inline;
  color: red;
  margin-right: 5px;
  font-size: 18px;
}
.round-bottom {
  border-radius: 0 0 9px 9px;
}
.correct-color {
  color: var(--correct);
}
.correct-btn {
  color: var(--white);
  background-color: var(--correct);
}
.incorrect-color {
  color: var(--incorrect);
}
.incorrect-btn {
  color: var(--white);
  background-color: var(--incorrect);
}
.missed-color {
  color: var(--missed);
}
.missed-btn {
  color: var(--white);
  background-color: var(--missed);
}
.pending-color {
  color: var(--pending);
}
.pending-btn {
  color: var(--white);
  background-color: var(--pending);
}
.partial-color {
  color: var(--partial);
}
.partial-btn {
  color: var(--white);
  background-color: var(--partial);
}
.correct-dot::before {
  content: "";
  display: inline-block;
  min-width: 10px;
  min-height: 10px;
  border-radius: 50%;
  background: var(--correct);
  margin-right: 3px;
}
.incorrect-dot::before {
  content: "";
  display: inline-block;
  min-width: 10px;
  min-height: 10px;
  border-radius: 50%;
  background: var(--incorrect);
  margin-right: 3px;
}
.missed-dot::before {
  content: "";
  display: inline-block;
  min-width: 10px;
  min-height: 10px;
  border-radius: 50%;
  background: var(--missed);
  margin-right: 3px;
}
.partial-dot::before {
  content: "";
  display: inline-block;
  min-width: 10px;
  min-height: 10px;
  border-radius: 50%;
  background: var(--partial);
  margin-right: 3px;
}
.pending-dot::before {
  content: "";
  display: inline-block;
  min-width: 10px;
  min-height: 10px;
  border-radius: 50%;
  background: var(--pending);
  margin-right: 3px;
}
.mw-300 {
  max-width: 300px;
}
.no-result-img {
  max-height: 250px;
}
.empty-check {
  color: lightgray;
}
.check-primary {
  color: #7572fe;
}
.center-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@-webkit-keyframes floatLeft {
  0% {
    left: 50px;
  }
  100% {
    left: 0px;
  }
}
@keyframes floatLeft {
  0% {
    left: 50px;
  }
  100% {
    left: 0px;
  }
}
.animate-float-left {
  position: relative;
  -webkit-animation: floatLeft 5s infinite normal ease-out;
  animation: floatLeft 5s infinite normal ease-out;
}
.text-wrap-0 {
  text-wrap: nowrap;
}
.curtain {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1000;
  pointer-events: all;
}
.highlight-red {
  border: 4px solid red;
}
.ng2-tag-input form {
  padding: 0px;
}
.ng2-tag-input .ng2-tag-input__text-input {
  padding: 0 .5rem;
  margin: 0px;
  background: transparent;
  border: none !important;
}
.ng2-tag-input .ng2-tag-input__text-input::placeholder {
  font-size: 14px;
}
.announcement {
  background-color: #30363D;
  color: white;
  font-size: medium;
}
.announcement-toggle {
  background: #C43735;
  height: 5px;
  cursor: pointer;
}
.question-review-box {
  width: 55px;
  height: 55px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.question-review-box > div {
  width: 25px;
  height: 25px;
}
.underline-dotted {
  text-decoration: underline dotted black;
}
.underline-solid {
  text-decoration: underline solid black;
}
.underline-double {
  text-decoration: underline double black;
}
.underline-dash {
  text-decoration: underline dash black;
}
.underline-wavy {
  text-decoration: underline wavy black;
}
.f-30 {
  font-size: 30px;
}
.see-through {
  position: relative;
  width: 100%;
  min-width: 700px;
  height: 100px;
  margin: 0 auto;
  overflow: hidden;
}
.see-through-act {
  min-width: 600px;
}
.see-through:after {
  content: "";
  position: absolute;
  top: 25px;
  left: 25px;
  width: calc(100% - 50px);
  height: 25px;
  box-shadow: 0px 0px 0px 2000px #000c;
}
.see-through-1:after {
  height: 25px;
}
.see-through-2:after {
  height: 50px;
}
.see-through-3:after {
  height: 75px;
}
.fixed-bottoms {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 15px;
  padding: 10px 0px;
  background: #f4f4f7;
  z-index: 1100;
}
.max-height-0 {
  max-height: unset !important;
}
.long-tag-input .ng2-tag-input__text-input {
  min-width: 250px;
}
.ck-balloon-panel {
  z-index: 1060 !important;
}
.modal-dialog.assign-test-modal {
  margin-top: -100px;
}
.btn-program {
  min-width: 90px;
}
.no-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.tag-published {
  width: 56px;
  height: 18px;
  line-height: 18px;
  border: 0.5px;
  background-color: var(--success);
  box-sizing: border-box;
  text-align: center;
  font-size: 10px;
  color: white;
}
.tag-draft {
  background-color: #ebeb00;
  color: black;
  font-size: 10px;
  width: 60px;
  height: 18px;
  line-height: 18px;
  border: 0.5px;
  box-sizing: border-box;
  text-align: center;
}
.tag-revoked {
  background-color: #d94242;
  color: white;
  font-size: 10px;
  width: 64px;
  height: 18px;
  line-height: 18px;
  border: 0.5px;
  box-sizing: border-box;
  text-align: center;
}
.types {
  background-color: black;
  color: white;
  font-size: 10px;
  padding: 2px 5px;
  height: 18px;
  border: 0.5px;
  box-sizing: border-box;
  text-align: center;
}
.btn-common-width {
  width: 70px;
}
ul.stacked-avatars {
  display: inline-flex;
  flex-direction: row-reverse;
}
ul.stacked-avatars li {
  position: relative;
}
ul.stacked-avatars li:not(:last-child) {
  margin-left: -60px;
}
ul.stacked-avatars .li img {
  width: 100%;
  display: block;
}
.v-text-bottom {
  vertical-align: text-bottom;
}
.btn-icon {
  height: 16px;
}
.apexcharts-tooltip-y-group span {
  font-size: 12px !important;
  line-height: 1.2 !important;
}
.question-of-day .adaptive-question-box .exp,
.question-of-day .question-header,
.question-of-day .question-item,
.question-answers .answer-text {
  font-size: 16px !important;
  line-height: 20px !important;
}
.question-of-day .question-answers .answer-text {
  margin-top: 6px !important;
}
.ck-font-size-dropdown ul {
  margin-left: 0px !important;
  margin-bottom: 0px !important;
}
.course-learning .addfavrouite {
  height: 21px;
  width: 21px;
}
.course-learning .removeFavorite {
  height: 21px;
  width: 21px;
}
.ng-star-inserted .tooltip.show {
  opacity: 0;
}
.switch .btn.active {
  background-color: var(--primary) !important;
  color: white !important;
}
.ng2-tag-input {
  padding: 0px !important;
}
.modal-header .form-box_title {
  font-weight: 700;
  font-size: 16px;
}
.text-grey {
  color: grey;
}
.white-space-0 {
  white-space: nowrap;
}
.act-bar {
  background-color: black;
  height: 8.5px;
  width: 100px !important;
  display: inline-block !important;
}
.act-bar .progress-bar {
  background-color: white;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
.btn-block {
  display: block;
  width: 100%;
}
.ck-content pre:has(code) {
  background-color: #1F1F1F;
}
table.table td {
  vertical-align: middle;
}
.question-answers label {
  position: relative;
}
.table td {
  border-top: 1px solid rgb(222, 226, 230);
}
.table.table-borderless td {
  border-top: none;
}
.tab-container {
  width: 100%;
}
.btn.rounded-bottom {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.details-area .profile-area ul li figure {
  margin-right: -5px;
}
.course-summery {
  max-width: 1640px;
}
.course-summery-area {
  padding: 40px 30px 0px 30px;
  max-width: 1442px;
}
.course-summery-area .item {
  border: 1px solid #C4C4C4;
  border-radius: 11px;
  padding: 23px 32px 13px 32px;
  margin-bottom: 37px;
  max-width: 364px;
}
.course-summery-area .item h5 {
  font-weight: 500;
  font-size: 15px;
  line-height: 17px;
  letter-spacing: 0.025em;
  color: #828282;
  margin-bottom: 7px;
}
.course-summery-area .item .inner {
  margin-bottom: 13px;
}
.course-summery-area .item .inner-wrap {
  max-height: 180px;
  overflow-y: auto;
}
.course-summery-area .item .inner h4 {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.025em;
  color: #272727;
}
.course-summery-area .item .inner h5 {
  font-weight: 500;
  font-size: 15px;
  line-height: 17px;
  letter-spacing: 0.025em;
  color: #595959;
}
.course-summery-area .item .inner p {
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.025em;
  color: #595959;
  margin-bottom: 4px;
}
.course-summery-area .item p {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.025em;
  color: #595959;
}
.course-summery-area .item.credt {
  padding: 10px 32px 10px 32px;
  margin-bottom: 18px;
}
.course-summery-area .item.credt h4 {
  color: #000;
}
.course-summery-area .item.credt .google-imgs figure img {
  height: 55px;
}
.course-summery-area .item.credt .google-imgs h4 {
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  letter-spacing: 0.025em;
  color: #272727;
  margin-bottom: 3px;
}
.course-summery-area .item.credt .google-imgs p {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.025em;
  color: #828282;
}
.course-summery-area .profile-item {
  margin-bottom: 13px;
}
.course-summery-area .profile-item .massage-btn {
  margin-top: 12px;
  margin-right: 10px;
  height: 38px;
  line-height: 36px;
  min-width: 81px;
  font-size: 12px;
  letter-spacing: 0.08em;
}
.course-summery-area .profile-item-inner {
  margin-top: 13px;
  float: left;
  width: 60%;
  margin-top: 0;
  padding: 4px 17px 6px 0;
}
.course-summery-area .profile-item-inner figure {
  float: left;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  overflow: hidden;
}
.course-summery-area .profile-item-inner .profile-name {
  width: 61%;
  float: left;
  padding: 9px 0 0 16px;
}
.video-frame iframe {
  width: 435px;
  height: 235px;
}
.assessment-summery-info {
  margin-bottom: 30px;
}
.course-summery-info h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #000;
  margin-bottom: 22px;
}
.course-summery-info p {
  font-weight: 300;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: -0.02em;
  color: #000;
}
.course-summery-info p a {
  color: #437ae5 !important;
}
.course-summery-slider {
  margin-bottom: 20px;
  max-width: 1250px;
}
.course-summery-slider h3 {
  font-weight: bold;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 0.025em;
  color: #000;
  margin-bottom: 45px;
}
.course-summery-wrap {
  max-width: 1306px;
}
.course-summery .sidebar {
  margin: 30px 0;
}
span.icon-text {
  font-family: "Karla", sans-serif !important;
}
.course-setting-box {
  border-radius: 4px;
  margin-bottom: 30px;
  padding: 20px 30px 30px 30px;
}
.course-setting-box label {
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 0.025em;
  color: #000;
  margin: 0 0 30px 0;
}
.course-setting-box .radio label {
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.01em;
  color: #131313;
  margin-bottom: 0;
}
.course-setting-box form input {
  font-size: 20px;
  letter-spacing: 0.01em;
  line-height: 29px;
  color: #131313;
  border-bottom: 1px dashed #707070;
}
.course-setting-box .radio .custom-radio label {
  margin-right: 22px;
}
.custom-radio .custom-control-label::before {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: #000 solid 1px;
  border-radius: 18px;
}
.custom-radio .custom-control-label::after {
  top: 9px;
  left: -19px;
  width: 8px;
  height: 8px;
  background: #fff;
}
.custom-radio .custom-control-input {
  -webkit-appearance: auto;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #000;
  background-color: #fff;
  box-shadow: none;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  width: 8px;
  height: 8px;
  background: #000;
  border-radius: 8px;
}
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
  background-color: #fff;
}
.custom-radio .custom-control-input:focus ~ .custom-control-label::after {
  box-shadow: none;
  top: 9px;
  left: -19px;
  width: 8px;
  height: 8px;
  background: #000;
  border-radius: 8px;
}
.course-setting-box .drug-photo-box {
  display: table;
  width: 100%;
  max-width: 646px;
  border: 1px dashed #000;
  border-radius: 10px;
  padding: 26px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.course-setting-box form ul li {
  margin-right: 10px;
  overflow: hidden;
}
.course-setting-box form ul li span {
  padding: 0 5px;
  display: block;
  float: left;
  color: #131313;
}
.course-setting-box form ul li span.material-icons {
  font-size: 20px;
}
.course-setting-area .btn-area {
}
.course-setting-area .delete-btn {
  float: left;
  font-weight: 700;
  font-size: 28px;
  height: 54px;
  line-height: 54px;
  letter-spacing: 0.025em;
  border: 0;
}
.course-setting-area .delete-btn a {
  color: #E36767 !important;
}
.course-setting-area .widthdraw-btn {
  float: left;
  min-width: 175px;
  font-weight: 700;
  font-size: 28px;
  height: 54px;
  line-height: 54px;
  letter-spacing: 0.025em;
  border: 1px solid #000000;
  border-radius: 8px;
  margin-left: 50px;
}
.course-setting-area .widthdraw-btn a {
  display: block;
  color: #303030;
}
.course-setting-area .publish-btn {
  float: left;
  min-width: 181px;
  font-weight: 700;
  font-size: 28px;
  height: 54px;
  line-height: 54px;
  letter-spacing: 0.025em;
  background: #66E57B;
  border-radius: 8px;
  margin-left: 50px;
}
.course-setting-area .publish-btn a {
  display: block;
}
.course-setting-area .save-changes-btn {
  float: left;
  min-width: 240px;
  font-weight: 700;
  font-size: 28px;
  height: 54px;
  line-height: 54px;
  letter-spacing: 0.025em;
  border: 0;
  background: #7572FD;
  border-radius: 8px;
  margin-left: 50px;
}
.course-setting-area .save-changes-btn a {
  display: block;
}
.course-setting-box .tab-item {
  cursor: pointer;
}
.course-setting-box .tab-item h5 {
  color: #000;
}
.course-setting-box .tab-item a {
  border-bottom: 5px solid transparent;
  background: #fff !important;
}
.course-setting-box .tab-item a.active {
  border-bottom: 5px solid #7572FE;
  border-radius: 0;
}
.course-setting-box .tab-item a.active h5 {
  color: #7572FE !important;
}
.course-setting-box .tab-item img {
  height: auto;
  width: initial;
  margin: 0 auto 10px auto;
  max-width: 38px;
}
.course-offeredBy-box {
  font-size: 20px;
  letter-spacing: 0.01em;
  line-height: 29px;
  color: #131313;
  border-bottom: 1px dashed #707070;
}
.course-curriculum-area {
}
.course-curriculum-area .title {
  margin-bottom: 40px;
}
.course-curriculum-area .title .btn-area {
}
.course-curriculum-area .title .cancel {
  float: left;
  font-weight: 700;
  font-size: 28px;
  line-height: 54px;
  letter-spacing: 0.01em;
  height: 54px;
  border: 1px solid #000;
  border-radius: 7px;
}
.course-curriculum-area .title .cancel a {
  display: block;
  color: #000;
  padding: 0 24px;
}
.course-curriculum-area .title .delete {
  float: left;
  font-weight: 700;
  font-size: 28px;
  line-height: 54px;
  letter-spacing: 0.01em;
  height: 54px;
  background: #E36767;
  border-radius: 7px;
  margin-left: 50px;
}
.course-curriculum-area .title .delete a {
  display: block;
  padding: 0 24px;
}
.course-curriculum-area .title .add {
  float: left;
  font-weight: 700;
  font-size: 28px;
  line-height: 54px;
  letter-spacing: 0.01em;
  height: 54px;
  background:
    linear-gradient(
      270deg,
      #B561FA 0%,
      #778DFC 100%);
  border-radius: 8px;
  margin-left: 50px;
}
.course-curriculum-area .title .add a {
  display: block;
  padding: 0 36px;
}
.course-curriculum-area .title h4 {
  font-weight: 700;
  font-size: 36px;
  line-height: 41px;
  letter-spacing: 0.01em;
  color: #000;
}
.course-curriculum-area .title .btn-area {
}
.add-new-section {
  float: left;
  display: table;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.025em;
  height: 46px;
  line-height: 46px;
  background: #7572FD;
  border-radius: 7px;
  margin-left: 50px;
}
.add-new-section a {
  display: block;
  padding: 0 24px 0 24px;
}
.course-curriculum-item {
  position: relative;
  padding: 30px 65px 44px 55px;
  margin-bottom: 20px;
}
.course-curriculum-info h4 {
  font-weight: 700;
  font-size: 28px;
  line-height: 32px;
  color: #000;
  margin-bottom: 20px;
}
.course-curriculum-info p {
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #000;
}
.course-curriculum-info .bottom {
  margin-top: 46px;
}
.course-curriculum-info .material-icons {
  font-size: 30px;
}
.course-curriculum-info .expand-more {
  position: absolute;
  top: -15px;
  right: 0;
  z-index: 99;
}
.course-curriculum-info .expand-less {
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
}
.course-curriculum-info .expand-less .material-icons {
  transform: rotate(-90deg);
  font-size: 30px;
}
.course-curriculum-info .bottom .switches {
  height: 22px;
}
.course-curriculum-info .bottom .sliders::before {
  height: 12px;
  width: 12px;
  bottom: 5px;
  left: 5px;
}
.course-curriculum-info .bottom input:checked + .sliders::before {
  transform: translateX(21px);
  left: 0;
}
.curriculum-content-accordion {
}
.curriculum-content-accordion ul {
  padding-top: 15px;
}
.curriculum-content-accordion ul li {
  font-size: 22px;
  line-height: 25px;
  letter-spacing: -0.005em;
  color: #000;
  margin: 0 0 25px 15px;
}
.curriculum-content-accordion ul li span {
  padding-left: 15px;
  font-family: "karla", sans-serif;
}
.curriculum-edit-btn a {
  color: #000 !important;
}
.course-curriculum-addsection {
  position: relative;
  overflow: hidden;
  padding: 17px 35px 60px 55px;
  margin-bottom: 25px;
  border-radius: 4px;
}
.course-curriculum-addsection h4 {
  font-weight: 300;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0.01em;
  color: #131313;
}
.course-curriculum-addsection .top-area {
  overflow: hidden;
  float: left;
  padding-right: 30px;
}
.course-curriculum-addsection .top-area p {
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 0.025em;
  color: #000;
}
.course-curriculum-addsection .bottom-area p {
  font-weight: 300;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0.01em;
  color: #131313;
}
.course-curriculum-addsection .bottom-area .cancel-top {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 48px;
  letter-spacing: 0.025em;
  color: #000;
  margin: 0 30px;
  position: absolute;
  top: 17px;
  right: 130px;
  z-index: 99;
}
.course-curriculum-addsection .bottom-area .mathjax-container {
  font-weight: 300;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0.01em;
  color: #131313;
}
.addsection-area {
  border: 1px solid #C4C4C4;
  border-radius: 10px;
  padding: 37px 40px 118px 40px;
  margin-top: 25px;
}
.addsection-area p {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0.025em;
  color: #000;
}
.addsection-area p img {
  width: initial !important;
  height: auto !important;
  max-width: 450px;
  margin-top: 46px;
  margin-bottom: 20px;
}
.course-curriculum-addsection button {
  display: table;
  min-width: 103px;
  height: 48px;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.025em;
  line-height: 48px;
  border-radius: 8px;
}
.course-curriculum-addsection button.blue {
  background: #7572FE;
  position: absolute;
  top: 17px;
  right: 35px;
  z-index: 99;
}
.course-curriculum-addsection button.red {
  background: #E36767;
  margin: 0 40px;
  position: absolute;
  top: 17px;
  right: 140px;
  z-index: 99;
}
.view-note {
  margin-bottom: 25px;
  padding: 20px 30px;
}
.view-note form .form-group {
}
.view-note form label {
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 0.025em;
  color: #000;
  min-width: 55px;
}
.view-note form .form-group input {
}
.view-note form .form-group input::placeholder {
}
.view-note .btn-area {
}
.view-note ul {
}
.view-note ul li {
}
.view-note ul li a {
}
.view-note ul li.continue {
  background: #C4C4C4;
  margin-left: 25px;
}
.view-quiz {
  padding: 50px 24px 11px 24px;
  margin-bottom: 25px;
  overflow-x: hidden;
}
.view-quiz .title {
}
.view-quiz .title h4 {
  font-size: 22px;
  line-height: 25px;
  letter-spacing: 0.025em;
  color: #000;
}
.view-quiz .title .btn-area {
}
.view-quiz .title .btn-area ul li {
}
.view-quiz .title .btn-area ul li.add-quiz {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.025em;
  height: 40px;
  line-height: 40px;
  background: #7572FE;
}
.search-bar ul {
  margin-top: 8px;
}
.search-bar ul li {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.025em;
  color: #000;
  margin-left: 14px;
}
.assess-box-wrap {
  max-height: 550px;
  overflow-y: auto;
  overflow-x: hidden;
}
.assess-box-wrap {
  padding-bottom: 11px;
}
.assess-box {
  background: #F5F5F5;
  padding: 15px 6px 12px 25px;
  margin-bottom: 12px;
}
.assess-box h4 {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  margin-bottom: 8px;
  padding-left: 30px;
}
.assess-box .item {
  border-left: 1px solid #B5B5B5;
  padding: 0 11px 8px 11px;
}
.assess-box .item span {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #000;
  min-height: 29px;
}
.assess-box .item p {
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.025em;
  color: #000;
}
.assess-box h5 {
  font-style: italic;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  color: #000;
  margin-bottom: 10px;
}
.assess-box ul li {
  margin-bottom: 10px;
}
.assess-box ul li {
  position: relative;
  font-weight: 300;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  padding-left: 24px;
}
.assess-box ul li i {
  position: absolute;
  top: 0;
  left: 0;
}
.assess-box button:focus {
  box-shadow: none;
  outline: 0;
}
.attachment {
  padding: 24px 30px;
  margin-bottom: 25px;
}
.attachment .analytics-tab > ul {
  margin-bottom: 50px;
}
.library-content .title {
  margin-bottom: 30px;
}
.library-content .title h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 47px;
  color: #000;
}
.library-content .title .btn-area ul li.upload-content-btn {
  background: #7572FD;
}
.library-content form input:focus {
  box-shadow: none;
  outline: 0;
}
.library-content .content-item {
  margin-bottom: 34px;
}
.library-content .content-item ul li {
  margin-right: 10px;
  margin-top: 10px;
  font-weight: 300;
  font-size: 16px;
  line-height: 29px;
  color: #000;
  background: #C4C4C4;
  border-radius: 14.5px;
  padding: 0 15px;
}
.library-content .load-more {
  width: 100%;
  max-width: 257px;
  margin-top: 50px;
  display: table;
  border: 1px solid #000000;
  height: 74px;
  line-height: 74px;
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.01em;
  color: #000000;
}
.library-content .load-more a {
  display: block;
  color: #000;
}
.library-content .drug-photo-box {
  border: 1px dashed #000;
  border-radius: 10px;
  padding: 26px;
  margin-bottom: 30px;
}
.externel-source form {
  position: relative;
  box-shadow: none;
  border: 0;
}
.externel-source form tag-input > div {
  padding: 0;
  border: 0 !important;
}
.externel-source form tag-input div form {
  margin-bottom: 0;
}
.form-input-tag {
  border: 1px solid #999;
}
.library-content .bottom h4 {
  font-size: 20px;
  line-height: 23px;
  letter-spacing: 0.01em;
  color: #434343;
  margin-right: 16px;
  margin-top: 9px;
}
.library-content .bottom label {
  line-height: 27px;
}
.content-item-inner h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #000;
  margin-bottom: 6px;
}
.content-item-top {
  position: relative;
  margin-bottom: 11px;
}
.content-item-inner p {
  font-size: 14px;
  line-height: 16px;
  color: #8A8A8A;
}
.content-item-inner .head-title {
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
.content-item-inner .head-title h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #000000;
}
.content-item-inner .text-info {
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
}
.content-item-inner .text-info p {
  font-size: 14px;
  line-height: 16px;
  color: #8A8A8A;
}
.content-item-inner ul li {
  font-weight: 300;
  font-size: 16px;
  line-height: 29px;
  color: #000;
  background: #C4C4C4;
  border-radius: 14.5px;
  margin-right: 11px;
}
.content-item-radio {
  position: absolute;
  top: 11px;
  right: 11px;
  z-index: 99;
}
.tag-wrapper span {
  position: initial !important;
  width: initial !important;
  height: initial !important;
  line-height: initial !important;
  background: initial !important;
}
.library-content .answer-box .checkmark {
  top: 0;
  left: -20px;
  height: 17.33px;
  width: 17.33px;
  border: 2px solid #000;
}
.library-content .answer-box {
  padding-bottom: 30px !important;
}
.library-content .answer-box label {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #434343;
  margin-top: 25px;
}
.library-content h4 {
  line-height: 28px;
  float: left;
  margin-right: 15px;
}
.library-content h4 span {
  float: right;
  margin-left: 8px;
}
.content-item-iframe {
  min-height: 122px;
  max-height: 122px;
}
.dropdown.setting,
.form-control.date-picker {
  margin: 0;
}
.dropdown.setting,
.form-control.date-picker:focus {
  box-shadow: none !important;
  outline: none !important;
}
.course-section .course-section-header {
  display: flex;
  gap: 10px;
  font-weight: 700;
}
.course-section .course-section-items {
  margin-bottom: 10px;
}
.course-section .course-content-item {
  margin-left: 1.3em;
  color: black;
  display: flex;
  gap: 10px;
  margin-top: 10px;
  font-size: 12px;
}
.select-border-bottom {
  border-top: none;
  border-bottom: 1px solid rgb(222, 226, 230);
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.text-left {
  text-align: left;
}
td.fitwidth {
  width: 1px;
  white-space: nowrap;
}
.parent-tag {
  display: inline-block !important;
  height: 24px;
  font-size: 12px !important;
  line-height: 14px !important;
  font-weight: 500 !important;
  padding: 6px 14px;
  align-items: center;
  gap: 10px;
  border-radius: 78px;
  background: #F0F0F0;
  color: #000;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drag-drop-question-container .drop-zone {
  border: 1px dashed #ccc;
  border-radius: 4px;
  min-width: 100px;
  min-height: 40px;
  padding: 8px;
  text-align: center;
  transition: background-color 0.2s;
  display: inline-block;
  vertical-align: middle;
}
.drag-drop-question-container .drop-zone.cdk-drop-list-dragging {
  background-color: #f0f0f0;
}
.drag-drop-question-container .drop-zone-placeholder {
  min-height: 24px;
}
.drag-drop-question-container .drag-item {
  background-color: #f8f9fa;
  border: 2px solid #0d6efd;
  border-radius: 0.5rem;
  padding: 0.75rem 1.5rem;
  color: #0d6efd;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  box-shadow: none;
  transition: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.25rem 0;
}
.drag-drop-question-container .drag-item:hover {
  box-shadow: none;
  transform: none;
}
.drag-drop-question-container .cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.drag-drop-question-container .cdk-drag-placeholder {
  opacity: 0;
}
.drag-drop-question-container .drop-zone.correct {
  border-color: #28a745;
  background-color: #e9f7ef;
}
.drag-drop-question-container .drop-zone.incorrect {
  border-color: #dc3545;
  background-color: #fce8e6;
}
.drag-drop-question-container .answer-bank {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 1rem;
  background-color: #f8f9fa;
  border-radius: 0.375rem;
  min-height: 80px;
}
.drag-drop-question-container .answer-bank .answer-item {
  background-color: #f8f9fa;
  border: 2px solid #0d6efd;
  border-radius: 0.5rem;
  padding: 0.75rem 1.5rem;
  color: #0d6efd;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  box-shadow: none;
  transition: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.25rem 0;
}
.drag-drop-question-container .answer-bank .answer-item:hover {
  box-shadow: none;
  transform: none;
}
.fixed-bottom ul.nav li.nav-item img {
  margin-right: auto;
  margin-left: auto;
}
.dropdown-menu li[role=menuitem] img {
  width: 16px;
}
.vr.vr-sm {
  width: 3px;
}
.grab-cursor {
  cursor: grab;
}

/* src/assets/css/responsive.css */
@media screen and (min-width: 1200px) {
  .container {
    max-width: 1340px;
  }
  .public-all .container {
    max-width: 1245px;
  }
  .dextop-left {
    padding-left: 0;
  }
  .createSession-temp_new {
    width: 1280px !important;
  }
  .search_Asses-menT .container {
    min-width: 1200px;
  }
  .Admin_DashneW .container {
    max-width: 1350px;
  }
  p-student p-course app-course-stage .container {
    max-width: 1700px;
  }
}
@media screen and (max-width: 1919px) {
  .header-area nav .navbar-brand {
    max-width: 125px;
  }
  .header-area nav ul {
    margin-left: 0;
  }
  .Admin_DashneW .details-area {
    max-width: 1280px;
  }
  .practice-btnAdmin {
    margin-top: -4px;
  }
  .header-area ul li.user {
    margin-left: 25px !important;
  }
  .main-area {
    max-width: 1201px;
  }
  .main-area .info {
    margin-bottom: 81px;
  }
  .main-area .info.sujject-asses {
    margin-bottom: 30px;
  }
  .main-ClassViewAllTop-All1 .main-area.view-all {
    max-width: 92%;
  }
  .main-area .info.view-all-top {
    margin-bottom: 40px;
  }
  .main-area.view-all .info.view-all-top .inner {
    padding: 22px 0 17px 10px;
  }
  .main-area .info .inner h3 {
    font-size: 30px;
    line-height: 35px;
  }
  .subject-card .admin-box1 {
    width: 467px;
    max-width: 100%;
  }
  .main-area .info form input {
    height: calc(1.5em + 0.75rem + 2.75px);
    font-size: 13.5px;
    padding-left: 42px;
  }
  .main-area .info form .form-group::before {
    left: 5px;
    width: 37px;
    height: 35px;
    background-size: 13px;
  }
  .main-area .info form input::placeholder {
    font-size: 13.5px;
  }
  .box-area .heading h3 {
    font-size: 24px;
  }
  .box-area .heading.top-manual h3 {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .switch-item label span.slider {
    height: 24px;
    width: 38px;
  }
  .switch-item label span.slider::before {
    width: 20px;
    height: 20px;
  }
  .switch-item input:checked + .slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
  }
  .switch-item label {
    width: 38px;
  }
  .box-item {
    padding: 0 18px;
  }
  .box .info h4 {
    font-size: 15px;
  }
  .main-area.view-all .box .info h4 {
    overflow: hidden;
    -webkit-box-orient: vertical;
    padding-top: 7px;
    padding-bottom: 5px;
  }
  .main-ClassViewAllTop-All1 .main-area.view-all .box .info h4 {
    -webkit-box-orient: vertical;
    padding-top: 7px;
    font-size: 17px;
    padding-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .Admin-Cur_ricuLam .memberClassroomMain1 .seachBoxClsMmbr1 {
    max-width: 93%;
  }
  .ProGrammE .memberClassroomMain1 .seachBoxClsMmbr1 {
    max-width: 95%;
    margin-left: 2.5%;
  }
  .view-detail {
    height: 37px;
    line-height: 37px;
    font-size: 10.5px;
  }
  .main-ClassViewAllTop-All1 .view-detail {
    height: 37px;
    line-height: 46px;
    font-size: 14px;
  }
  .view-detail.drfArchivedCatgry {
    height: 46px;
    line-height: 46px;
    font-size: 12px;
  }
  .view-detail.drfArchivedCatgry a {
    box-shadow: 0px 3px 6px 0px #00000040;
  }
  .view-all {
    font-size: 13.5px;
    line-height: 30px;
  }
  .box figure {
    max-width: 63.75px;
    margin-bottom: 11px;
  }
  .box {
    padding-top: 20px;
  }
  .box-area {
    margin-bottom: 75px;
  }
  .box-area.assignment {
    margin-bottom: 30px !important;
  }
  .owl-carousel .box-item {
    padding: 0 13px;
  }
  .box-area .heading {
    padding: 0 13px;
  }
  button.owl-next {
    width: 13px;
    height: 26px;
    right: -36px;
    background-size: 13px !important;
  }
  button.owl-prev {
    width: 13px;
    height: 26px;
    left: -36px;
    background-size: 13px !important;
  }
  .topic .box-item {
    margin-bottom: 55px;
  }
  .banner-area {
    max-width: 1320px;
    background-size: contain;
    padding: 69px 0;
  }
  .subject-area {
    max-width: 970px;
  }
  .banner-info h1 {
    font-size: 28px;
    line-height: 36px;
  }
  .banner-info input {
    height: calc(1.75em + 0.75rem + 2px);
    padding: 0 20px 0 50px;
  }
  .banner-info form .form-group::before {
    width: 50px;
    height: 42px;
  }
  .banner-info input::placeholder {
    font-size: 16px;
  }
  .banner-info {
    max-width: 736px;
    padding: 0 20px;
  }
  .Admininistration-admin_new .banner-info {
    max-width: inherit;
    padding: 0px !important;
  }
  .main-area .info form .form-group.close-btn a {
    top: 11px;
    left: 17px;
    width: 13px;
    height: 13px;
  }
  .main-area .info form .form-group.close-btn.focus input {
    padding-left: 42px !important;
  }
  .search-area {
    padding: 0 13px;
  }
  .details {
    padding: 28px 0 37px 0;
  }
  .asses-info h3 {
    font-size: 30px;
    line-height: 35px;
  }
  .asses-info .name {
    float: left;
    padding: 0 10px;
  }
  .details-area {
    max-width: 1320px;
  }
  .asses-item {
    padding: 0 30px 0 21px;
  }
  .asses-item figure {
    width: 15px;
    height: 15px;
  }
  .asses-about-area h3 {
    font-size: 19.5px;
    line-height: 23px;
  }
  .asses-about {
    padding: 60px 0;
  }
  .asses-about-area .info {
    max-width: 777px;
    margin-bottom: 40px;
  }
  .asses-about-area .item-wrap {
    padding: 0 16px;
    max-width: 379px;
  }
  .asses-about-area p {
    font-size: 12px;
    line-height: 16px;
  }
  .asses-about-area .info .inner {
    padding-right: 50px;
  }
  .asses-about-area .info .item {
    max-width: 356px;
    padding: 22px 22px 38px 22px;
  }
  .asses-about-area .info .item h4 {
    font-size: 19.5px;
    line-height: 23px;
    margin-bottom: 4px;
  }
  .asses-about-area .info .item .item-inner p {
    font-size: 9.75px;
    line-height: 11px;
  }
  .chapter-box h2 {
    font-size: 22.5px;
    line-height: 26px;
  }
  .chapter-box {
    padding: 22px;
  }
  .chapter-box .practice-btn {
    font-size: 13.5px !important;
    height: 38px !important;
    line-height: 38px !important;
    margin: 12px 0;
  }
  .chapter-box p {
    margin-bottom: 16px;
  }
  .take-asses-btn {
    font-size: 22.5px;
    height: 56.25px;
    line-height: 56.25px;
    margin-bottom: 25px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .resume-btn {
    font-size: 22.5px;
    height: 56.25px;
    line-height: 56.25px;
    margin-bottom: 60px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .asses-about-area .item {
    padding: 22px;
    margin-bottom: 16px;
  }
  .asses-about-area .item h4 {
    font-size: 19.5px;
    line-height: 23px;
  }
  .asses-about-area .item h4 {
    margin-bottom: 20px;
  }
  .profile-item span {
    font-size: 15px;
    line-height: 18px;
  }
  .profile-name {
    padding: 10px 0 10px 16px;
  }
  .profile-item span {
    padding: 10px 0;
  }
  .profile-item {
    margin-bottom: 15px;
  }
  .asses-about-area .item > figure {
    max-width: 137px;
    margin-bottom: 22px;
  }
  .subject-box span {
    font-size: 15px;
  }
  .subject-box span::before {
    width: 16px;
    height: 16px;
  }
  .subject-box span {
    padding-left: 24px;
  }
  .subject-box .dropdown > a {
    font-size: 15px;
    line-height: 9px;
  }
  .asses-about.topic .asses-about-area .info {
    margin-bottom: 98px;
  }
  .details.topic {
    padding: 25px 0 26px 0;
  }
  header.mcq {
    padding: 11px 0;
  }
  .finish-btn {
    height: 53px;
    font-size: 22.5px;
    line-height: 53px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
    margin-left: 40px;
  }
  .timer-clock span {
    font-size: 22.5px;
  }
  .timer-clock {
    height: 33px;
    line-height: 33px;
    min-width: 82.5px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .timer h6 {
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 7px;
  }
  .assesment-name span {
    font-size: 22.5px;
    line-height: 26px;
  }
  .assesment-name {
    padding: 15px 0 12px 0;
  }
  header.mcq .header-area nav > a span {
    font-size: 22.5px;
    line-height: 26px;
  }
  header.mcq .header-area nav > a figure {
    width: 26px;
    height: 26px;
  }
  header.mcq .header-area nav > a span {
    padding-left: 23px;
  }
  .board .heading ul.info li {
    font-size: 18.75px;
    line-height: 22px;
    padding: 7px 11px;
  }
  .board .heading ul.info li figure {
    max-width: 30px;
  }
  .board .heading ul.info li.count {
    min-width: 84.75px;
    margin: 0 3.25px 0 11.5px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .board .heading ul.info li.count span {
    min-width: 20px;
  }
  .board .heading .btn-group {
    display: table;
    float: right;
  }
  .board .heading .btn-group ul li.edit {
    width: 37.5px;
    height: 37.5px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .board .heading .btn-group ul li.calc {
    width: 37.5px;
    height: 37.5px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .board .heading .btn-group ul li.report {
    font-size: 15px;
    height: 37.5px;
    line-height: 37.5px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .board .heading .btn-group ul li.report a {
    padding: 0 13.5px;
  }
  .board .heading .btn-group ul li {
    margin-left: 22.5px;
  }
  .board .heading ul.info {
    padding-left: 30px;
  }
  .board .title h4 {
    font-size: 15px;
    line-height: 18px;
    padding: 3px 0 6px 0;
  }
  .board .title .title-right ul li {
    font-size: 15px;
    line-height: 18px;
  }
  .board .title .title-right ul li.number {
    min-width: 27px;
    height: 27px;
    padding: 5px;
    border-radius: 3.75px;
    -webkit-border-radius: 3.75px;
  }
  .board .title .title-right ul li:first-child {
    padding: 3px 0 6px 0;
    margin-right: 10px;
  }
  .board .title {
    padding: 5px 30px;
  }
  .adaptive-question-box .exp,
  .question-header,
  .question-item {
    font-size: 18px;
    line-height: 22px;
  }
  .question-box {
    padding: 37.5px 30px;
    min-height: 350px;
  }
  .answer-box ul li::before,
  .question-answers label .checkmark {
    width: 41.25px;
    height: 41.25px;
    font-size: 18px;
    padding: 3px;
  }
  .question-answers .answer-text {
    font-size: 18px;
    line-height: 30px;
  }
  .tutorial-exm_new .answer-box .checkmark {
    top: 4px;
  }
  .answer-box .checkmark {
    top: -17px;
    left: -6px;
    height: 19.5px;
    width: 19.5px;
    border: 2.25px solid #000;
  }
  .answer-box ul li .answer {
    max-width: calc(100% - 41.25px);
  }
  .answer-box ul li .answer > span {
    font-size: 18px;
    line-height: 25px;
    padding: 7px 0 9px 58.5px;
  }
  .statics {
    padding-top: 43px;
  }
  .qest-panel-btn .dropdown-menu ul {
    padding: 25px 36px 16px 23px;
  }
  .statics ul li .number {
    width: 35.25px;
    height: 35.25px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .qest-panel-btn .dropdown-menu ul li .number {
    width: 35.25px;
    height: 35.25px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .statics ul li .number span {
    line-height: 35.25px;
    min-width: 35.25px;
  }
  .statics ul li {
    margin-bottom: 15px;
  }
  .qest-panel-btn .dropdown-menu ul li {
    margin-bottom: 15px;
  }
  .statics ul li .number span.circle::before {
    width: 11.25px;
    height: 11.25px;
  }
  .statics .item button#active::after {
    width: 18px;
    height: 10px;
    background-size: 18px;
  }
  .statics .item button::after {
    width: 18px;
    height: 10px;
    background-size: 18px;
    top: 16px;
  }
  .statics .item table {
    border-spacing: 15px;
  }
  .statics .item table tbody tr td {
    font-size: 15px;
    -webkit-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    line-height: 35px;
    height: 35px;
    padding: 0 10px;
  }
  .statics .item .collapse {
    max-height: 235px;
  }
  .answer-box .checkbox-group label .checkmark::after {
    left: 4px;
    top: 0;
    width: 6px;
    height: 13px;
  }
  .board .title h4 {
    padding: 4px 0;
  }
  .answer-box .input-field input {
    height: calc(1.5em + 0.75rem + 0px);
  }
  .answer-box textarea {
    min-height: 247px;
  }
  .answer-box form button {
    font-size: 15px;
    height: 39px;
    line-height: 39px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    padding: 0 10px;
  }
  .question-item span input {
    max-width: 145px;
    min-width: 145px;
  }
  .qest-panel-btn {
    max-width: 178.5px;
    height: 37.5px;
    line-height: 37.5px;
    font-size: 15px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    margin-right: 30px;
  }
  .run-code-btn a {
    padding: 0 11.5px;
  }
  .coding-left .item h4 {
    font-size: 15px;
    line-height: 18px;
    padding: 10.5px 18.75px 9.5px 18.75px;
  }
  .coding-window-title h4 {
    font-size: 15px;
    line-height: 18px;
    padding: 10.5px 15px 9.5px 15px;
  }
  .coding-window-title ul li.download-btn,
  .coding-window-title ul li.window-btn,
  .coding-window-title ul li.moon-btn {
    width: 27px;
    height: 27px;
    border-radius: 3.75px;
    -webkit-border-radius: 3.75px;
    margin-left: 7.5px;
  }
  .coding-window-title ul li.download-btn a,
  .coding-window-title ul li.window-btn a {
    padding: 6.75px 7.75px;
  }
  .coding-window-title ul li.dropdown {
    min-width: 93.75px;
    margin: 0 15px;
    font-size: 18px;
    line-height: 21px;
    border-radius: 3.75px;
    -webkit-border-radius: 3.75px;
  }
  .coding-window-title ul li.dropdown a.dropdown-toggle::after {
    width: 8.75px;
    height: 6.56px;
  }
  .coding-window-title ul li.dropdown a {
    padding: 3px 10.25px 3px 11.25px;
  }
  .coding-window-title .button-group {
    padding: 5px 16.5px !important;
  }
  .coding-window textarea {
    min-height: 449px;
    padding-bottom: 22.5px;
  }
  .coding-window-textfield::after {
    height: 22.5px;
  }
  .coding-window-title ul li.moon-btn a {
    padding: 6px 5.25px 10.5px 6.75px;
  }
  .coding-left .item textarea {
    min-height: 130px;
  }
  .right-btn-group .answer-box ul li .answer {
    margin-left: 20px;
  }
  .right-btn-group .answer-box .checkmark {
    height: 19.5px;
    width: 19.5px;
    border: 2.25px solid #000;
    top: -16px;
  }
  .right-btn-group .answer-box ul li .answer > span {
    font-size: 15px;
    line-height: 18px;
    padding: 10px 0 9px 60px;
  }
  .qest-panel-btn .dropdown-menu ul {
    padding: 25px 23px 16px 23px !important;
  }
  .qest-panel-btn .dropdown-menu ul li span {
    font-size: 15px;
    line-height: 18px;
    padding-top: 9px;
  }
  .qest-panel-btn .dropdown-menu ul li .number span {
    line-height: 35.25px;
    min-width: 35.25px;
  }
  .qest-panel-btn .dropdown-menu ul li .number span.circle::before {
    width: 11.25px;
    height: 11.25px;
  }
  .qest-panel-btn .dropdown-menu {
    min-width: 523.7px;
  }
  .qest-panel-btn .dropdown-menu .accordion button {
    font-size: 18.75px;
    line-height: 22px;
    padding: 11px 40px 12px 40px;
  }
  .qest-panel-btn .dropdown-menu .accordion .item button.active::after {
    font-size: 18.75px;
    line-height: 22px;
  }
  .qest-panel-btn .dropdown-menu .accordion .item button::after {
    width: 16px;
    height: 9px;
    background-size: 16px;
    top: 16px;
  }
  .qest-panel-btn .dropdown-menu .accordion .item table tbody tr td {
    font-size: 15px;
    -webkit-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    line-height: 35px;
    height: 35px;
    padding: 0 10px;
  }
  .qest-panel-btn .dropdown-menu .accordion .item table {
    border-spacing: 15px;
  }
  .qest-panel-btn .dropdown-menu .accordion .item .collapse {
    max-height: 235px;
  }
  .result-board-title h4 {
    font-size: 15px;
    line-height: 18px;
  }
  .result-board-title h4 span {
    font-size: 15px;
    line-height: 18px;
  }
  .result-board-title {
    padding: 7.5px 22.5px;
  }
  .result-board::before {
    width: 11.25px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .result-board-wrap {
    padding: 18.75px 22.5px;
  }
  .right-btn-group #collapseBox textarea {
    border: 0.75px solid #c4c4c4;
    min-height: 150px;
  }
  .left-btn-group.left-align {
    width: 37.5%;
  }
  .right-btn-group.right-align {
    width: 62.5%;
  }
  .right-btn-group #collapseBox {
    padding: 10px 12px 20px 30px;
  }
  .right-btn-group #collapseBox label {
    font-size: 15px;
    line-height: 18px;
    top: -33px;
  }
  .video-gallery {
    max-width: 1200px;
    margin-bottom: 40px;
    padding: 0 15px;
  }
  .video-box h5 {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
  }
  .back-btn {
    font-size: 13.5px;
    line-height: 15.78px;
  }
  .modal-dialog.instruction {
    max-width: 341.25px;
    margin-left: auto;
    margin-right: auto;
  }
  .instruction .modal-content {
    border-radius: 7.5px;
  }
  .modal-body h2 {
    font-size: 18px;
    line-height: 21px;
  }
  .modal-footer .run-code-btn {
    font-size: 15px;
    min-width: 75px;
    height: 37px;
    line-height: 37px;
  }
  .instruction .modal-footer {
    padding: 15px 15px 15px 15px;
  }
  .instruction .modal-body {
    padding: 22.5px 30px 30px 30px;
    margin-bottom: 0;
  }
  .back-btn {
    margin-top: 22px;
  }
  .card-box-content p {
    font-size: 13.5px;
    line-height: 18px;
  }
  .card-box {
    right: 37.5px;
    width: 340px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .card-box-footer ul li .run-code-btn {
    font-size: 13.5px;
    line-height: 30.75px;
    height: 30.75px;
    min-width: 60px;
    margin-left: 22.5px !important;
  }
  .card-box-footer ul li {
    font-size: 13.5px;
    line-height: 30px;
  }
  .carousel-indicators li {
    width: 7.5px;
    height: 7.5px;
    margin-right: 3.75px;
  }
  .card-box-inner {
    padding: 15px 12.5px;
    border-top-right-radius: 7.5px;
    border-top-left-radius: 7.5px;
  }
  .carousel-indicators {
    left: 22.5px;
  }
  .card-box.instruction-four {
    left: 37.5px;
  }
  .instruction .modal-content .answer-box ul li .answer > span {
    font-size: 14px;
    line-height: 18px;
    padding: 8px 0 7px 36.5px;
  }
  .instruction .modal-content .answer-box .checkmark {
    width: 18px;
    height: 18px;
    border: 1px solid #c4c4c4;
    top: -3px;
    left: 0;
    transform: translateY(-50%);
  }
  .instruction .modal-content .answer-box .checkbox-group label .checkmark::after {
    left: 6px;
    top: 4px;
    width: 4px;
    height: 8px;
    border-width: 0 2px 2px 0;
  }
  .ratings-area .stars ul li figure {
    max-width: 51px;
    margin-top: 8px;
  }
  .ratings-area .heading h5 {
    font-size: 15px;
    line-height: 18px;
    margin-top: 0;
  }
  .ratings-area .heading {
    margin-bottom: 13.37px;
  }
  .ratingOne {
    margin-bottom: 5px;
  }
  .ratings-area {
    max-width: 525px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
  }
  .ratings {
    padding: 57px 0;
  }
  .ratings-area .info .title h4 {
    font-size: 15px;
    line-height: 18px;
  }
  .ratings-area .info {
    margin: 20px 0 32px 0;
    max-width: 320px;
  }
  .ratings-area .info .box {
    width: 53px;
    height: 67px;
    border: 0.482053px solid #8a8a8a;
    border-radius: 4.82053px;
    margin-bottom: 6px;
  }
  .ratings-area .info ul li {
    padding: 0 13px;
    font-size: 10.5px;
    line-height: 12px;
  }
  .ratings-area form textarea {
    font-size: 12px;
    line-height: 14px;
  }
  .ratings-area form textarea::placeholder {
    font-size: 12px;
    line-height: 14px;
  }
  .help .btn-groups .title h5 {
    font-size: 13.5px;
    line-height: 26px;
  }
  .help .btn-groups ul li {
    min-width: 46.5px;
    height: 26.25px;
    line-height: 26.25px;
    border: 0.75px solid #8a8a8a;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    font-size: 12px;
    margin: 0 3.75px;
  }
  .help .btn-groups ul {
    margin-bottom: 13px;
  }
  .ratings-area form {
    margin-top: 9px;
  }
  .ratings-area form textarea {
    min-height: 105px;
    border: 0.75px solid #8a8a8a;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .ratings-area form button {
    width: 100%;
    max-width: 258px;
    height: 41px;
    line-height: 41px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    margin-top: 21px;
  }
  .ratings-area .heading h4 {
    font-size: 22.5px;
    line-height: 26px;
  }
  .ratings-area {
    padding: 30px 37px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
  }
  .asses-info.overview span {
    font-size: 13.5584px;
    line-height: 16px;
  }
  .overview .asses-item span {
    font-size: 12px;
    line-height: 12px;
  }
  .asses-info.overview {
  }
  .asses-overview {
    padding: 4px 0 60px 0;
  }
  .asses-overview-area h3 {
    font-size: 19.5px;
    line-height: 23px;
    margin-bottom: 14px;
  }
  .asses-overview-area {
    max-width: 1320px;
  }
  .asses-overview-area .item {
    padding: 15px 15px;
  }
  .asses-overview-area .item span {
    font-size: 18.0778px;
    line-height: 25px;
  }
  .asses-overview-area .item figure {
    width: 22.6px;
    height: 22.6px;
  }
  .asses-overview-area .item .title h4 {
    font-size: 15.0649px;
    line-height: 25px;
  }
  .asses-overview-area .item .title {
    padding-left: 11.3px;
  }
  .asses-overview-area .item .info {
    padding: 17px 0;
  }
  .asses-overview-area {
    max-width: 1028px;
  }
  .result-overview-area {
    max-width: 825px;
  }
  .result-overview-box {
  }
  .result-overview-box .box-content .info,
  .result-overview-area-new .result-overview-box .box-content .info {
    padding: 15px 0;
  }
  .result-overview-box .box-content .info span {
    font-size: 18.0778px;
    line-height: 25px;
    padding-left: 15px;
  }
  .result-overview-box .bottom-info span {
    font-size: 10.5454px;
    line-height: 13px;
  }
  .result-overview-box .box-content {
    margin: 37px 0;
  }
  .result-overview {
    padding-top: 60px;
  }
  .overview-board-area .tabs ul.nav-tabs li figure {
    max-width: 30px;
    margin-bottom: 15px;
  }
  .overview-board-area ul li a::after {
    height: 3.7px;
  }
  .overview-board-area .tabs ul.nav-tabs li a {
    padding: 10px 0 0 0;
  }
  .overview-board-area .tabs ul.nav-tabs li a::after {
    height: 4px;
  }
  .error-analysis {
    padding: 70px 0;
    max-width: 1246px;
  }
  .error-analysis-area .item .item-wrap .title {
  }
  .error-analysis-area .item .item-wrap .title h4 {
    font-size: 14px;
    line-height: 16px;
  }
  .error-analysis-area .item span {
    font-size: 14px;
    line-height: 16px;
  }
  .error-analysis-area .item {
  }
  .error-analysis-area .item .item-wrap figure {
  }
  .error-analysis-area .item .content {
    padding: 8px 0 0 0;
  }
  .error-analysis .sidebar {
    padding: 0 16px;
  }
  .error-analysis .sidebar {
    width: 23%;
  }
  .error-analysis-area {
    width: 77%;
  }
  .box .box-inner .title h5 {
    font-size: 13.5px;
    line-height: 16px;
  }
  .box .box-inner p {
    font-size: 10.5px;
    line-height: 12px;
  }
  .box .image-wrap .rectangle {
    left: 22.5px;
    bottom: -15px;
    width: 45px;
    height: 45px;
  }
  .subject-item .image-wrap .icon {
    width: 65px;
    height: 65px;
  }
  .box-inner.amazon .info {
    min-height: 116px;
  }
  .attempt-info span {
    font-size: 15px;
    line-height: 21px;
    padding-left: 7.68px;
  }
  .attempt-result span {
    font-size: 15px;
    line-height: 21px;
    padding-left: 7.68px;
  }
  .chapter-box .date-time {
    margin-bottom: 22px;
  }
  .practice-btn.view-report {
    margin: 26px 0;
  }
  .modal-body .answer-box .checkbox-group label .checkmark::after {
    top: 2px;
    left: 6px;
  }
  .error-analysis-area .accordation-area .accordion .area .ques span {
    font-size: 15px;
    line-height: 18px;
  }
  .error-analysis-area .accordation-area .accordion .area .eval-rightQuesIndex span {
    font-size: 18px;
    line-height: 24px;
  }
  .taken-time span,
  .average-time span {
    font-size: 14px;
    line-height: 16px;
  }
  .error-analysis-area .accordation-area .accordion .area .ques {
    max-width: 460px;
  }
  .error-analysis-area .accordation-area .accordion .area .eval-rightQuesText {
    max-width: 520px;
  }
  .error-analysis-area .accordation-area .accordion .area .number {
    padding: 0 34px;
  }
  .error-analysis-area .accordation-area .taken-time {
    padding: 0 66px;
  }
  .error-analysis-area .accordation-area .accordion .area .heading button::after {
    right: -55px;
  }
  .error-analysis-area .accordation-area .accordion .area .heading button::after {
    width: 15px;
  }
  .selection label .checkmark {
    font-size: 13.5px;
    line-height: 29px;
    width: 31.45px;
    height: 31.45px;
  }
  .selection > span {
    padding: 8px 15px 10px 70px;
  }
  .selection-wrap {
    padding: 0 60px;
    margin: 20px 0 0 0;
  }
  .error-analysis-area .accordation-area .accordion .title h3 {
    font-size: 16px;
    line-height: 19px;
  }
  .error-analysis-area .accordation-area .accordion .title h3 {
    font-size: 18px;
    line-height: 21px;
  }
  .error-analysis-area .accordation-area .accordion .area {
    padding: 18px 0 16px 0;
  }
  .error-analysis-area .accordation-area.initial .accordion .area.init {
    padding: 20px 0px 20px 30px;
  }
  .error-analysis-area .accordation-area .accordion .area .heading button::after {
    top: 12px;
  }
  .overview-question-title table tbody tr td {
    font-size: 10.6px;
    line-height: 12px;
    padding-bottom: 11px !important;
  }
  .star {
    width: 65px;
    height: 65px;
    margin-top: 0;
  }
  .accuracy-area > .title {
  }
  .accuracy-area > .title h5 {
    font-size: 16px;
    line-height: 20px;
  }
  .error-analysis-area .accordation-area .accordion .title {
  }
  .camera {
    max-width: 337px;
  }
  .camera .take-asses-btn {
    margin-top: 26px;
  }
  .asses-info .info-text span {
    font-size: 15px;
    line-height: 18px;
    padding: 3.75px 15px;
  }
  .asses-info .title {
    margin-right: 30px;
  }
  .indicators ul li {
    width: 7px;
    height: 7px;
  }
  .card-box {
    bottom: 60px;
  }
  .login .logo {
    max-width: 170px;
    margin-bottom: 105px;
  }
  .search-result .search-result-area .box-inner {
    margin-top: 5px;
    padding: 13px 22px;
  }
  .filter-area {
    max-width: 1145px;
    margin-bottom: 60px;
  }
  .filter-area .filter-dropdown {
    max-width: 236px;
  }
  .filter-area .filter-dropdown .dropdown > a {
    font-size: 16.5px;
    line-height: 19px;
    color: #525356;
    padding: 8px 15px 8px 17px;
    border: 0.75px solid #c4c4c4;
    border-radius: 3.75px;
  }
  .filter-area .filter-dropdown .dropdown > a span {
    width: 9px;
    height: 19px;
    line-height: 19px;
  }
  .filter-area .heading h3 {
    font-size: 19.5px;
    line-height: 23px;
  }
  .filter-area .heading {
    padding: 7px 0;
  }
  .filter-area .filter-dropdown .dropdown .dropdown-menu h5 {
    font-size: 16.5px;
    line-height: 19px;
  }
  .filter-label > span {
    font-size: 16.5px;
    line-height: 19px;
  }
  .filter-label .checkmark {
    width: 20px;
    height: 20px;
  }
  .filter-label .checkbox-group label .checkmark::after {
    left: 6px;
    top: 0px;
    width: 7px;
  }
  .filter-label > span {
    padding-left: 30px;
  }
  .filter-area .filter-dropdown .dropdown .dropdown-menu {
    padding: 15px 20px;
  }
  .banner-info form .form-group input + span {
    margin-top: -31px;
    margin-left: 18px;
  }
  .login-area form {
    margin-left: 150px;
  }
  .camera-sec-wrap .camera-sec-content h3 {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0.25px;
  }
  .camera-sec-wrap .camera-sec-content .info p {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.25px;
  }
  #helpModal .modal-body .video-box figure {
    max-width: 337px;
  }
  #helpModal .modal-body .video-box h4 {
    font-size: 13.5px;
    line-height: 16px;
  }
  #helpModal .modal-body .video-box {
    margin-bottom: 30px;
  }
  #helpModal .modal-header {
    padding: 37px;
  }
  #helpModal .modal-header h5 {
    font-weight: 700;
    font-size: 19.5px;
    line-height: 23px;
  }
  #helpModal .modal-header h5 span {
    font-size: 13.5px;
    line-height: 16px;
  }
  #helpModal .modal-dialog {
    max-width: 900px;
  }
  #helpModal .modal-body {
    padding: 15px 37px 0 37px;
  }
  .camera-sec-area .form-area {
    max-width: 1060px;
    padding-top: 60px;
  }
  .camera-sec-area .form-area .info h3 {
    font-size: 19.5px;
    line-height: 27px;
    letter-spacing: 0.1875px;
    margin-bottom: 7.5px;
  }
  .camera-sec-area .form-area .info p {
  }
  .camera-sec-area .form-area form .form-group > label {
  }
  .camera-sec-area .form-area .info {
    margin-bottom: 34px;
  }
  .camera-sec-area .form-area form .form-group input {
    height: calc(1em + 1.25rem + 1px);
  }
  .camera-sec-area .form-area form .form-group select {
    height: calc(1em + 1.25rem + 1px);
  }
  .camera-sec-area .form-area form .form-group .custom-control-label {
    font-size: 10.5px;
    letter-spacing: 0.1875px;
    line-height: 20px;
  }
  .camera-sec-area .form-area form .form-group .custom-control-label::before {
    border: 1px solid #4776e6;
    width: 13px;
    height: 13px;
  }
  .camera-sec-area .form-area form .form-group .custom-control-label::after {
    width: 7px;
    height: 7px;
    margin: 3px;
  }
  .camera-sec-area .form-area form .form-group .radio-row {
    margin-top: 20px;
  }
  .camera-sec-area .form-area form .form-group {
    margin-bottom: 30px;
  }
  .camera-sec-area .form-area form .form-group .date > figure {
    max-width: 16px;
    padding-top: 6px;
    margin-bottom: -40px;
  }
  .camera-sec-area .form-area .camera-sec-box .heading h6 {
    font-size: 10.5px;
    line-height: 14px;
    letter-spacing: 0.1875px;
  }
  .camera-box-item {
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .camera-sec-area .form-area .camera-sec-box {
    max-width: 277px;
    margin-bottom: 30px;
  }
  .camera-box-btn {
  }
  .camera-box-btn a {
    padding: 0 18px;
  }
  .drug-photo-box h2 {
    font-size: 19.5px;
    line-height: 20px;
    letter-spacing: 0.1875px;
  }
  .drug-photo-box span {
    font-size: 10.5px;
    line-height: 10px;
    letter-spacing: 0.1875px;
  }
  .drug-photo-box .upload-btn {
    font-size: 9px;
    height: 22px;
    line-height: 22px;
    letter-spacing: 0.1875px;
    border-radius: 3.75px;
    -webkit-border-radius: 3.75px;
  }
  .drug-photo-box .upload-btn a {
    padding: 0 18px;
  }
  .drug-photo-box {
    padding: 35px;
  }
  .continue-btn {
    font-size: 12px;
    letter-spacing: 0.1875px;
    width: 100%;
    max-width: 120px;
    height: 37.5px;
    line-height: 37.5px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .camera-sec-area .form-area {
    padding-top: 50px;
  }
  .selection-wrap.code {
    padding: 0 50px 0 80px;
  }
  .selection-wrap.code pre code {
    font-size: 15px;
    line-height: 20px;
  }
  .selection-wrap.code ul.nav-pills li a {
    padding: 15px 0 !important;
  }
  .selection-wrap.code ul.nav-pills li {
    font-size: 15px;
    line-height: 18px;
  }
  .selection-wrap.code .code-wrap .heading h4 {
    font-size: 15px;
    line-height: 18px;
  }
  .selection-wrap.code .code-wrap .heading {
    margin-bottom: 15px;
  }
  .selection-wrap.code .code-wrap form textarea {
    min-height: 75px !important;
  }
  .selection-wrap.code .code-wrap .heading .dropdown {
    font-size: 13.5px;
    line-height: 16px;
  }
  .selection-wrap.code .code-wrap .heading .dropdown > a {
    min-width: 93px;
  }
  .selection-wrap.code .code-wrap form {
    margin-bottom: 15px;
    margin-top: 22px;
  }
  .selection-wrap.code .tab-pane .info span {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 4px;
  }
  .selection-wrap.code .tab-pane .info .heading {
    padding: 11px 0;
  }
  .selection-wrap.code .tab-pane .info .heading h4 {
    font-size: 15px;
    line-height: 18px;
  }
  .selection-wrap.code .tab-pane .info .count {
    font-size: 15px;
    line-height: 18px;
  }
  .selection-wrap.code .tab-pane .info {
    margin-bottom: 22px;
  }
  .selection-wrap.code .tab-pane .info form label {
    font-size: 15px;
    line-height: 21px;
    padding: 10px 0;
    margin-right: 15px;
  }
  .selection-wrap.code .tab-pane .info form input {
    font-size: 15px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    height: calc(1.75em + 1rem + 1px);
  }
  .selection-wrap.code .tab-pane .info form .input-group {
    margin-bottom: 15px;
  }
  .selection-wrap.code .tab-pane .info form .input-group pre code {
    font-size: 15px;
    line-height: 20px;
  }
  .given-answer h6 {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 8px;
  }
  .expand-filteredQues h6 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 15px;
  }
  .given-answer {
    margin-bottom: 15px;
    padding: 0 24px;
  }
  .correct-answer h6 {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 15px;
  }
  .correct-answer span {
    font-size: 15px;
    line-height: 18px;
  }
  .correct-answer {
    margin-bottom: 15px;
  }
  .post-asses-area {
    max-width: 1150px;
  }
  .post-asses-area {
    max-width: 1140px;
  }
  .post-asses-area .heading h2 {
    font-size: 29px;
    line-height: 36px;
  }
  .post-asses-area .heading {
    max-width: 600px;
  }
  .post-asses-area-wrap figure {
    max-width: 365px;
    margin: 0 auto;
    display: block;
  }
  .post-asses-area-wrap {
    margin-bottom: 10px;
    text-align: center;
  }
  .post-asses-area .continue-btn {
    font-size: 20px;
    max-width: 240px;
    height: 50px;
    line-height: 50px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .post-asses {
    padding: 120px 0;
  }
  .retake-test-btn {
    font-size: 22.5px;
    max-width: 346.5px;
    height: 56.25px;
    line-height: 56.25px;
    margin-bottom: 25px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .adaptive-form > figure {
    max-width: 228px;
  }
  .adaptive-form form label {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 6px;
  }
  .adaptive-form form select {
    font-size: 11.25px;
    height: calc(1.5em + 0.5rem + 6px);
    border: 0.75px solid rgba(32, 34, 37, 0.5);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding-left: 5.25px !important;
    padding-right: 8px !important;
  }
  .adaptive-form form select option {
    line-height: 30px;
    height: 30px;
  }
  .adaptive-form form .form-group {
    margin-bottom: 16px;
  }
  .adaptive-form form .mode h5 {
    font-size: 12px;
    line-height: 12px;
    margin-top: 7.5px;
  }
  .adaptive-form form .mode .switch-item label {
    width: 38px;
    height: 23px;
  }
  .adaptive figure {
    max-width: 375px;
  }
  .adaptive-form form button {
    font-size: 10.5px;
    height: 33px;
    border-radius: 3.75px;
    -webkit-border-radius: 3.75px;
    margin-top: 30px;
  }
  .adaptive-form form .mode {
    margin-top: 22px;
  }
  .adaptive-form form .mode .switch-item label span.slider::before {
    width: 20px;
    height: 20px;
  }
  .adaptive-form form .mode .switch-item label span.slider {
    height: 24px;
    width: 38px;
  }
  .adaptive-form form .mode .switch-item input:checked + .slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
  }
  .adaptive .dropdown a {
    min-width: 228px;
    height: 37px;
    line-height: 35px;
    font-size: 14.3px;
    border: 0.893443px solid #c4c4c4;
    border-radius: 35.7377px;
    -webkit-border-radius: 35.7377px;
  }
  .adaptive {
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .adaptive-form > figure {
    margin-bottom: 50px;
  }
  .work-info h3 {
    font-size: 44px;
    line-height: 56px;
    letter-spacing: 0.2px;
  }
  .adaptive-form {
    margin-top: 10px;
  }
  .create-area h3 {
    font-size: 36.6667px;
    line-height: 47px;
    margin-bottom: 25px;
  }
  .create-area p {
    font-size: 13.3333px;
    line-height: 18px;
  }
  .create-area {
    max-width: 608px;
  }
  .start-btn {
    min-width: 87px;
    font-size: 11.6667px;
    height: 35px;
    line-height: 35px;
    border-radius: 3.75px;
    -webkit-border-radius: 3.75px;
    margin-top: 46px;
  }
  .adaptive-form > figure {
    max-width: 228px;
  }
  .adaptive .dropdown a span {
    background-size: 14px;
    padding-right: 30px;
  }
  .adaptive-form form select + span {
  }
  .adaptive {
    max-width: 850px;
  }
  .box-card-item .info h4 {
    font-size: 15px;
    line-height: 18px;
  }
  .box-card-item .info input {
    font-size: 15px;
    line-height: 18px;
  }
  .box-card-item .info input:placeholder {
    font-size: 15px;
    line-height: 18px;
  }
  .box-card-item .info span {
    font-size: 10.5px;
    line-height: 12px;
  }
  .box-card-item figure {
  }
  .box-card-item .info {
    padding: 8px 0 6px 11px;
  }
  .box-card-item {
    padding: 16.5px 22.5px;
  }
  .dashboard-area {
    max-width: 1320px;
  }
  .box-card-item .image-row figure {
    width: 25%;
    padding: 0 7.5px;
    height: 100%;
  }
  .box-card-item .image-row {
    margin: 0 -7.5px;
  }
  .box-card-item.class {
    padding: 15px 22.5px 10px 22.5px;
  }
  .box-card-item .title {
    margin-bottom: 22px;
  }
  .box-card-item figure {
    margin-bottom: 15px;
  }
  .box-card-item.share ul li {
    font-size: 10.5px;
    line-height: 27px;
    margin-right: 11.2px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .box-card-item.share ul li a span {
    padding-left: 24px;
  }
  .box-card-item.share ul li a {
    padding: 0 8px;
  }
  .box-card-item.share ul li a span.video {
    background-size: 15px;
  }
  .box-card-item.share ul li a span.doc {
    background-size: 15px;
  }
  .box-card-item.share ul li a span.ques {
    background-size: 15px;
  }
  .box-card-item.share ul li a span.link {
    background-size: 15px;
  }
  .box-card-item.share ul {
    margin-top: 15px;
  }
  .post-box-wrap h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 22px;
  }
  .post-box-wrap p {
    font-size: 13.5px;
    line-height: 16px;
  }
  .post-box-btn {
    font-size: 16.5px;
    max-width: 187px;
    height: 41px;
    line-height: 41px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    margin-top: 37.5px;
  }
  .post-box-wrap {
    padding: 22px;
  }
  .sutpc .profile-info h4 {
    font-size: 20px;
    color: black;
  }
  .profile-box figure {
    width: 50px;
    height: 50px;
  }
  .profile-box .profile-info {
    padding: 10px 0 7px 15px;
  }
  .profile-box {
    padding: 22px 22px;
  }
  .post-box .comments ul li span.like {
    padding-left: 21px;
  }
  .post-box .comments ul li {
    font-size: 13.5px;
    line-height: 16px;
    background-size: 12px;
  }
  .post-box .comments ul li span.like {
    background-size: 12px;
  }
  .post-box .like {
    padding: 22px 22px;
  }
  .post-box .like ul li {
  }
  .post-box .like ul li span.like {
    background-size: 22px;
  }
  .post-box .like ul li span.comment {
    background-size: 22px;
  }
  .post-box .comment-form figure {
    width: 37px;
    height: 37px;
    margin-right: 15px;
  }
  .post-box .comment-form form input {
    height: calc(1.25em + 1rem + 2px);
    font-size: 13.5px;
  }
  .post-box .comment-form form input::placeholder {
    font-size: 13.5px;
  }
  .post-box .user-comment .user-comment-box figure {
    width: 37.5px;
    height: 37.5px;
  }
  .post-box .user-comment .user-comment-box .user-comment-info div {
    font-size: 10.5px;
    line-height: 14px;
  }
  .post-box .user-comment .user-comment-box .user-comment-info ul li {
    font-size: 10.5px;
    line-height: 14px;
  }
  .post-box .user-comment {
    padding: 20px 20px 20px 20px;
  }
  .event-calender .title h4 {
    font-size: 15px;
    line-height: 18px;
  }
  .event-calender .event h4 {
    font-size: 15px;
    line-height: 18px;
  }
  .event-calender .event span {
    font-size: 10.5px;
    line-height: 12px;
  }
  .event-calender .event .date span {
    font-size: 10.5px;
    line-height: 12px;
  }
  .event-calender .event::before {
    width: 4.5px;
  }
  .event-calender .event {
    padding: 10px 11px 11px 15px;
  }
  .box-card-item.watch-video .video-box h4 {
    font-size: 10.5px;
    line-height: 12px;
  }
  .generate-test {
    min-width: 120px;
    font-size: 12px;
    height: 37.5px;
    line-height: 37.5px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
  }
  .choose-topic-area {
    padding: 50px 0;
  }
  .adaptive-header-area {
    max-width: 1320px;
  }
  .adaptive-header-area figure {
    max-width: 228px;
  }
  .adaptive-question-header .finish-btn {
    font-size: 16.7958px;
    min-width: 91px;
    height: 39px;
    line-height: 39px;
    margin-left: 22px;
  }
  .adaptive-question-header .timer .timer-clock {
    border-radius: 5.59859px;
    -webkit-border-radius: 5.59859px;
    height: 25.19px;
    line-height: 25.19px;
  }
  .adaptive-question-header .timer h6 {
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 2px;
  }
  .adaptive-question-area .heading .difficulty span {
    font-size: 15px;
    line-height: 18px;
  }
  .adaptive-question-area .heading .difficulty ul li {
    width: 11.25px;
    height: 11.25px;
    border: 0.75px solid #c4c4c4;
    margin: 4px 2px 0 2px;
  }
  .adaptive-question-area .adaptive-answer-box > ul > li .answer > span {
    padding: 0 15px 0 8px;
    font-size: 18px;
    line-height: 25px;
  }
  .adaptive-question-area .adaptive-question-box {
    padding: 35px 22px;
    min-height: 310px;
  }
  .adaptive-question-area .adaptive-answer-box .checkmark {
    top: -22px;
    left: -49px;
    width: 18px;
    height: 18px;
    border: 0.75px solid #c4c4c4;
    border-radius: 2.25px;
  }
  .adaptive-question-area .adaptive-answer-box .checkbox-group label .checkmark::after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 11px;
    border-width: 0 1px 1px 0;
  }
  .adaptive-question-area .dropdown > a {
    font-size: 15px;
    line-height: 20px;
  }
  .adaptive-question-area .dropdown .dropdown-menu ul li {
    font-size: 15px;
    line-height: 20px;
  }
  .adaptive-question-area .dropdown.show > a span {
    background-size: 12px;
  }
  .adaptive-question-area .adaptive-question-box.ans > ul > li::before {
    font-size: 13.5px;
    width: 32.75px;
    height: 31.08px;
    line-height: 29.08px;
  }
  .adaptive-header-area figure {
    margin-top: 7px;
  }
  .adaptive-question-area .dropdown > a span {
    font-size: 15px;
    line-height: 37px;
  }
  .adaptive-question-area .dropdown.show > a span {
    font-size: 15px;
    line-height: 37px;
  }
  .adaptive-question-area .dropdown > a span {
    background-size: 12px;
  }
  .adaptive-question-area .adaptive-answer-box > ul > li .answer > span {
    margin-bottom: 0;
  }
  .adaptive-question-area .adaptive-answer-box > ul > li::before {
    padding: 0;
  }
  .adaptive-question-area .adaptive-answer-box.myques > ul > li .answer {
    margin-left: 0;
  }
  .adaptive-question-area .adaptive-question-box.ans > ul > li .answer > span {
    margin-top: 3px;
  }
  .adaptive-question-area .adaptive-question-box.ans .adaptive-answer-box .checkmark {
    top: -20px;
  }
  .adaptive-question-area .heading ul.info li.count {
    min-width: 69px;
    padding: 0 10px;
  }
  .adaptive-question-area .adaptive-answer-box.myques > ul > li .answer {
    margin-left: 25px;
  }
  .adaptive-question-area .heading .difficulty {
    padding-top: 5px;
  }
  .adaptive-header-area .timer .timer-clock span {
    font-size: 16.7958px;
  }
  .post-box-content p {
    font-size: 18.75px;
    line-height: 22px;
  }
  .post-box-content {
    padding: 0 22px;
  }
  .post-box .special-info h4 {
    font-size: 13.5px;
    line-height: 16px;
    margin-bottom: 7.5px;
  }
  .post-box .special-info p {
    font-size: 13.5px;
    line-height: 16px;
    margin-bottom: 7.5px;
  }
  .post-box .special-info span {
    font-size: 13.5px;
    line-height: 16px;
  }
  .post-box .special-info .close-btn {
    right: 35px;
    width: 20px;
    height: 20px;
  }
  .genarated-test-box h4 {
    font-size: 22.5px;
    line-height: 26px;
  }
  .practice-btn {
    font-size: 13.5px;
    line-height: 37.5px;
    height: 37.5px;
    border: 0.75px solid #4c73e6;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    margin-top: 14px;
  }
  .genarated-test-box .inner figure {
    max-width: 226px;
  }
  .genarated-testbox-wrap {
    margin-bottom: 30px;
  }
  .box-area-wrap .inner-left .box.adaptive-logo-box figure.adaptive-logo {
    max-width: 228px;
  }
  .box.adaptive-logo-box .box-inner p {
    font-size: 14px;
    line-height: 18px;
  }
  .take-adaptiveTest-btn {
    min-width: 180px;
    height: 37px;
    line-height: 37px;
    font-size: 14px;
    margin: 0 20px 0 0;
  }
  #dashboardModal_1 .modal-dialog {
    max-width: 492px;
  }
  #dashboardModal_2 .modal-dialog {
    max-width: 492px;
  }
  #dashboardModal_3 .modal-dialog {
    max-width: 492px;
  }
  #dashboardModal_4 .modal-dialog {
    max-width: 492px;
  }
  #dashboardModal_5 .modal-dialog {
    max-width: 492px;
  }
  #dashboardModal_6 .modal-dialog {
    max-width: 492px;
  }
  #dashboardModal_7 .modal-dialog {
    max-width: 492px;
  }
  .modal-dialog .post-box-content {
    margin-bottom: 30px;
  }
  .modal-dialog .profile-box {
    padding: 22px 22px;
  }
  .modal-dialog .profile-box figure {
    width: 50px;
    height: 50px;
  }
  .modal-dialog .profile-box .profile-info {
    padding: 0 0 0 15px;
  }
  .modal-body .dashboard-area .post-box .button-group .post-btn {
    min-width: 78px;
    height: 37px;
    line-height: 37px;
    font-size: 14px;
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    margin-left: 22px;
  }
  .modal-body .dashboard-area .post-box .button-group {
    margin: 22px 15px;
  }
  .modal-body .dashboard-area .post-box .button-group .cancel-link {
    height: 37px;
    line-height: 37px;
    font-size: 13.5px;
  }
  .mix-match-drag p {
    font-size: 11.9984px;
    line-height: 16px;
  }
  .mix-match-dragd p {
    font-size: 11.9984px;
    line-height: 16px;
  }
  .mix-match {
    margin-bottom: 16px;
  }
  .mix-match-footer .save-next-btn {
    min-width: 120px;
  }
  .mix-match-footer ul li {
    font-size: 14.998px;
    line-height: 20px;
    margin: 0 5.5px;
    border: 0.749902px solid #c4c4c4;
  }
  .mix-match-footer ul li a {
    padding: 7.5px;
  }
  .mix-match-footer {
    padding: 21px 60px;
  }
  .adaptive-question-area .info p {
    font-size: 11.9984px;
    line-height: 16px;
  }
  .adaptive-question-area .info {
    margin-bottom: 22px;
  }
  .question-box .adaptive-question-area .info p {
    font-size: 25px;
    line-height: 30px;
  }
  .mix-match-drop.active {
    border: 3.74px solid #4a48ad;
  }
  .selection-wrap .mix-match .mix-match-drop-wrap .mix-match-drop {
    height: 15%;
  }
  .selection-wrap .mix-match .line-wrap .line {
    height: 15%;
  }
  .selection-wrap .mix-match .mix-match-drop-wrap .mix-match-drop span {
    font-size: 12.857px;
    line-height: 15px;
  }
  .course-box .inner {
    margin-bottom: 72px;
  }
  .main-area.course .box-area {
    margin-bottom: 10px;
  }
  .video-blog-area-wrap .post-box .user-comment .user-comment-box .user-comment-info div {
    font-size: 14px;
    line-height: 19px;
  }
  .video-blog-area-wrap .post-box .user-comment .user-comment-box .user-comment-info h4 {
    font-size: 18px;
    line-height: 21px;
  }
  .checkout-area .heading h3 {
    font-family: "Karla", sans-serif;
    font-weight: 700;
    font-size: 23.1791px;
    line-height: 31px;
    color: #29303b;
  }
  .purchase {
    padding: 55px 0;
  }
  .purchase-info h5 {
    font-size: 22px;
    line-height: 26px;
  }
  .purchase-info figure {
    max-width: 100px;
  }
  .checkout-area .purchase-info {
    padding-top: 30px;
  }
  .details-area.course {
    padding: 0 55px;
  }
  .teCherTestSeriEsHead .details-area.course {
    padding: 0 0px;
  }
  .asses-about-area.course {
    padding: 0 55px;
  }
  .asses-about-area.course .chapter-box .date-time p {
    margin-top: 16px;
  }
  .calender-area .calender-week {
    margin-left: -150px;
  }
  .user-area .dropdown .dropdown-menu {
    top: 34px !important;
  }
  .student-details .class-board {
    max-width: 485px;
  }
  .overview-board-area .tabs .tab-content .selection-wrap ul li a::after {
    height: 4px;
  }
  .error-analysis-area .accordation-area .accordion .area .ques {
    min-width: 430px;
  }
  .error-analysis-area .accordation-area .accordion .area .eval-rightQuesText {
    min-width: 520px;
  }
  .camera-btn {
    font-size: 15px;
    width: 140px;
    height: 45px;
    line-height: 45px;
  }
  .align-items-figure_new figure {
    width: 50px !important;
    height: 50px !important;
  }
  .align-items-figure_new figure .profile-user {
    width: 50px !important;
    height: 50px !important;
  }
  .asses-about-area .info .item {
    margin-right: 18px;
  }
}
@media screen and (max-width: 1439px) {
  .checkout-area.new-checkout-area-a.mx-auto {
    max-width: 100%;
  }
  .header-area nav .navbar-brand {
    width: 111px;
  }
  .header-area ul li.user {
    margin-left: 22px !important;
  }
  .main-area {
    max-width: 1067px;
  }
  .main-area.view-all {
    max-width: 1180px;
  }
  .main-area.com-width {
    max-width: 1180px;
  }
  .main-area .info figure {
    max-width: 87px;
  }
  .main-area .info .inner {
    padding: 17px 0 15px 33px;
  }
  .main-area.view-all .info.view-all-top .inner {
    padding: 22px 0 15px 10px;
    width: 100%;
  }
  .main-area .info .inner h3 {
    font-size: 26px;
    line-height: 31px;
  }
  .main-area .info form {
    margin: 17px 0;
  }
  .main-area .info form input {
    height: calc(1.25em + 0.75rem + 5px);
    padding-left: 37px;
    font-size: 12px;
  }
  .main-area .info form .form-group::before {
    left: 5px;
    width: 32px;
    height: 32px;
    background-size: 12px;
  }
  .main-area .info form input::placeholder {
    font-size: 12px;
  }
  .box-area .heading h3 {
    font-size: 28px;
  }
  .box-area .heading.top-manual h3 {
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .main-area .info {
    margin-bottom: 72px;
  }
  .main-area .info.subject-asses {
    margin-bottom: 30px;
  }
  .Admin-Cur_ricuLam .memberClassroomMain1 .seachBoxClsMmbr1 {
    max-width: 92%;
  }
  .ProGrammE .memberClassroomMain1 .seachBoxClsMmbr1 {
    max-width: 94.5%;
    margin-left: 2.7%;
  }
  .switch-item > span {
    font-size: 8.66667px;
    line-height: 21px;
  }
  .switch-item label span.slider {
    height: 21px;
    width: 34px;
  }
  .quesBankImport .switch-item label span.slider {
    top: -3px;
    height: 21px;
    width: 34px;
  }
  .switch-item label span.slider::before {
    width: 17px;
    height: 17px;
  }
  .switch-item input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
  }
  .switch-item label {
    width: 34px;
  }
  .box-item {
    padding: 0 15px;
  }
  .main-area.view-all .box .info h4 {
    font-size: 14px;
    line-height: 12px;
    margin-bottom: 5px;
    padding-top: 10px;
    overflow-wrap: break-word;
  }
  .main-ClassViewAllTop-All1 .main-area.view-all .box .info h4 {
    font-size: 16px;
    line-height: 12px;
    margin-bottom: 5px;
    padding-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .box .info.assignment-info-top h4 {
    font-size: 14px;
    margin-bottom: 0px;
  }
  .box-inner {
    box-shadow: 0px 3px 6px rgb(0 0 0 / 25%);
  }
  .view-detail {
    height: 32.67px;
    line-height: 32.67px;
    font-size: 9.33333px;
  }
  .view-all {
    font-size: 12px;
    line-height: 30px;
  }
  .box figure {
    max-width: 56px;
    margin-bottom: 8px;
  }
  .box-area {
    margin-bottom: 46px;
  }
  .boxLayout-fraud .fraud-box-area2 {
    margin-bottom: 10px !important;
  }
  .box-area.course.home-all {
    margin-left: -40px;
    margin-right: -80px;
  }
  .box-area.assignment {
    margin-bottom: 30px !important;
  }
  .owl-carousel .box-item {
    padding: 0 13px;
  }
  .box-area .heading {
    padding: 0 10px;
  }
  button.owl-next {
    width: 12px;
    height: 24px;
    right: -32px;
    background-size: 12px !important;
  }
  button.owl-prev {
    width: 12px;
    height: 24px;
    left: -32px;
    background-size: 12px !important;
  }
  .joined-studentsCard .creat-btn3 {
    background:
      linear-gradient(
        270deg,
        #b561fa 0%,
        #778dfc 100%);
    height: 35px;
    max-width: 200px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    font-weight: 700;
  }
  .joined-studentsCard .watch-list-btn3 {
    height: 35px;
    max-width: 200px;
    border-radius: 5px;
    text-align: center;
    line-height: 33px;
    font-weight: 700;
    margin-top: 10px;
  }
  .joined-studentsCard .watch-list-btn {
    line-height: 29px;
    border: 1px solid #4c73e6;
    border-radius: 5px;
    max-width: 180px;
    width: 180px;
  }
  .topic .box-item {
    margin-bottom: 55px;
  }
  .banner-area {
    max-width: 1174px;
    padding: 62px 0;
  }
  .subject-area {
    max-width: 970px;
  }
  .subject-item h4 {
    font-size: 11px;
  }
  .banner-info h1 {
    font-size: 20px;
    line-height: 30px;
  }
  .banner-info form {
    margin-top: 25px;
  }
  .banner-info {
    max-width: 700px;
  }
  .Admininistration-admin_new .banner-info {
    max-width: inherit;
  }
  .main-area .info form .form-group.close-btn a {
    top: 10px;
    left: 14px;
    width: 12px;
    height: 12px;
  }
  .main-area .info form .form-group.close-btn.focus input {
    padding-left: 37px !important;
  }
  .search-area {
    padding: 0 10px;
  }
  .details {
    padding: 24px 0 32px 0;
  }
  .asses-info h3 {
    font-size: 26.6667px;
    line-height: 31px;
  }
  .asses-info .name {
    float: left;
    padding: 0 10px;
  }
  .asses-about-area h3 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 8px;
  }
  .asses-about-area .credit {
    width: 380px;
  }
  .asses-about-area .offer {
    width: 380px;
  }
  .asses-about {
    padding: 55px 0;
  }
  .take-asses-btn {
    font-size: 20px;
    max-width: 308px;
    height: 50px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
    margin-bottom: 25px;
  }
  .resume-btn {
    font-size: 20px;
    max-width: 308px;
    height: 50px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
  }
  .asses-about-area .info {
    max-width: 688px;
    padding: 0 13px;
    margin-bottom: 36px;
  }
  .asses-about-area p {
    font-size: 12px;
    line-height: 16px;
  }
  .asses-about-area .info .inner {
    padding-right: 34px;
  }
  .asses-about-area .info .item h4 {
    font-size: 16px;
    line-height: 20px;
  }
  .asses-about-area .info .item .item-inner p {
    font-size: 8.66667px;
    line-height: 10px;
  }
  .asses-about-area .info .item {
    max-width: 316px;
    padding: 20px 20px 33px 20px;
  }
  .chapter-box h2 {
    font-size: 20px;
    line-height: 23px;
    color: #000;
  }
  .asses-about-area p {
    font-size: 12.6667px;
    line-height: 17px;
  }
  .chapter-box {
    padding: 20px;
  }
  .chapter-box .practice-btn {
    border: 0.666667px solid #4c73e6 !important;
    border-radius: 6.66667px !important;
    -webkit-border-radius: 6.66667px !important;
    margin: 9px 0;
  }
  .chapter-box p {
    margin-bottom: 10px;
  }
  .asses-about-area .item-wrap {
    padding: 0 13px;
    max-width: 370px;
  }
  .asses-about-area .item h4 {
    font-size: 17.3333px;
    line-height: 20px;
  }
  .asses-about-area .item {
    padding: 20px;
  }
  .profile-name {
    padding: 8px 0 5px 16px;
  }
  .profile-item span {
    font-size: 13.3333px;
    padding: 7px 0;
  }
  .asses-about-area .item > figure {
    max-width: 123px;
    margin-bottom: 22px;
  }
  .subject-box span {
    font-size: 13.3333px;
  }
  .subject-box span::before {
    width: 14px;
    height: 14px;
  }
  .subject-box span {
    padding-left: 21px;
  }
  .subject-box .dropdown > a {
    font-size: 13.3333px;
  }
  .subject-box .dropdown {
    margin-top: -5px;
  }
  .asses-about.topic .asses-about-area .info {
    margin-bottom: 87px;
  }
  .details.topic {
    padding: 22px 0 23px 0;
  }
  header.mcq {
    padding: 10px 0;
  }
  .finish-btn {
    height: 46.67px;
    font-size: 20px;
    line-height: 46.67px;
    margin-left: 26px;
  }
  .timer-clock span {
    font-size: 20px;
  }
  .timer-clock {
    height: 30px;
    line-height: 30px;
    min-width: 73.33px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
  }
  .assesment-name {
    padding: 12px 0 11px 0;
  }
  .timer h6 {
    font-size: 9.33333px;
    line-height: 11px;
    margin-bottom: 5px;
  }
  .assesment-name span {
    font-size: 18px;
    line-height: 20px;
  }
  header.mcq .header-area nav > a span {
    font-size: 20px;
    line-height: 23px;
  }
  header.mcq .header-area nav > a figure {
    width: 25.33px;
    height: 25.33px;
  }
  .board .heading ul.info li {
    font-size: 16.6667px;
    line-height: 19px;
    padding: 6px 6px;
  }
  .board .heading ul.info li.count {
    min-width: 75px;
    margin: 0 1px 0 9px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
  }
  .board .heading ul.info li.count span {
    min-width: 21px;
  }
  .board .heading ul.info li figure {
    max-width: 26.67px;
  }
  .board .heading .btn-group ul li.edit {
    width: 33.33px;
    height: 33.33px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
  }
  .board .heading .btn-group ul li.calc {
    width: 33.33px;
    height: 33.33px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
    margin-left: 20px;
  }
  .board .heading .btn-group ul li.report {
    font-size: 13.3333px;
    height: 33.33px;
    line-height: 33.33px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
    margin-left: 20px;
  }
  .board .heading .btn-group ul li.report a {
    padding: 0 12px;
  }
  .board .heading ul.info {
    padding-left: 26px;
  }
  .board .title h4 {
    padding: 4px 0 4px 0;
    font-size: 13.3333px;
    line-height: 16px;
  }
  .board .title .title-right ul li {
    font-size: 13.3333px;
    line-height: 16px;
  }
  .board .title .title-right ul li.number {
    min-width: 24px;
    height: 24px;
    font-size: 13.3333px;
    line-height: 16px;
    padding: 4px;
  }
  .board .title {
    padding: 5px 26px 3px 26px;
  }
  .adaptive-question-box .exp,
  .question-header,
  .question-item {
    font-size: 16px;
    line-height: 20px;
  }
  .question-box {
    padding: 33.33px 26px;
    min-height: 250px;
  }
  .answer-box ul li::before,
  .question-answers label .checkmark {
    width: 36.67px;
    height: 36.67px;
    line-height: 33px;
    padding: 0;
  }
  .question-answers .answer-text {
    font-size: 16px;
    line-height: 30px;
  }
  .tutorial-exm2_new .answer-box .checkmark {
    top: -13px;
  }
  .answer-box .checkmark {
    top: -17px;
    left: -6px;
    height: 17.33px;
    width: 17.33px;
    border: 2px solid #000;
  }
  .tutorial-exm_new .answer-box .checkmark {
    top: 4px;
  }
  .answer-box ul li .answer {
    max-width: calc(100% - 36.67px);
  }
  .answer-box ul li .answer > span {
    font-size: 16px;
    line-height: 22px;
    padding: 7px 0 7px 55px;
  }
  .answer-box .checkbox-group label .checkmark::after {
    left: 4px;
    top: 0px;
    width: 6px;
    height: 12px;
  }
  .left-btn-group {
    padding: 0 26px;
  }
  .board .button-group {
    padding: 12px 0;
  }
  .static {
    padding-top: 58.33px;
  }
  .statics ul li .number {
    width: 31.25px;
    height: 31.25px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
  }
  .qest-panel-btn .dropdown-menu ul li .number {
    width: 31.25px;
    height: 31.25px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
  }
  .statics ul li .number span {
    line-height: 31.25px;
    min-width: 31.25px;
  }
  .statics ul li .number span.circle::before {
    width: 10px;
    height: 10px;
  }
  .statics ul {
  }
  .qest-panel-btn .dropdown-menu ul {
    padding: 25px 36px 0 23px;
  }
  .statics .item button#active::after {
    width: 16px;
    height: 9px;
    background-size: 16px;
  }
  .statics .item button::after {
    width: 16px;
    height: 9px;
    background-size: 16px;
  }
  .statics .item table tbody tr td {
    font-size: 13.3333px;
    -webkit-border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
    line-height: 31px;
    height: 31px;
    padding: 0 7px;
  }
  .statics .item table {
    border-spacing: 13px;
  }
  .statics .item .collapse {
    max-height: 205px;
  }
  .answer-box .input-field input {
    height: calc(1.25em + 0.75rem + 0px);
  }
  .answer-box textarea {
    min-height: 220px;
    border: 0.666667px solid #c4c4c4;
  }
  .answer-box form button {
    font-size: 13.3333px;
    height: 35.33px;
    line-height: 35.33px;
    border-radius: 6.66667px;
    border-radius: 6.66667px;
    padding: 0 10px;
  }
  .question-item span input {
    max-width: 130px;
    min-width: 130px;
    border-bottom: 0.5px solid #000 !important;
  }
  .qest-panel-btn {
    max-width: 158.67px;
    height: 33.33px;
    line-height: 33.33px;
    font-size: 13.3333px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
    margin-right: 26px;
  }
  .run-code-btn {
    height: 35.33px;
    line-height: 35.33px;
    font-size: 13.3333px;
    margin-right: 15px;
  }
  .run-code-btn a {
    padding: 0 11.5px;
  }
  .coding-left .item h4 {
    font-size: 13.3333px;
    line-height: 16px;
    padding: 9.33px 16.67px 8.67px 16.67px;
  }
  .coding-window-title h4 {
    font-size: 13.3333px;
    line-height: 16px;
    padding: 9.33px 13.33px 8.67px 13.33px;
  }
  .coding-window-title ul li.dropdown {
    min-width: 83.33px;
    margin: 0 15px;
    font-size: 16px;
    line-height: 19px;
    border-radius: 3.33333px;
    -webkit-border-radius: 3.33333px;
  }
  .coding-window-title ul li.download-btn,
  .coding-window-title ul li.window-btn,
  .coding-window-title ul li.moon-btn {
    width: 24px;
    height: 24px;
    border-radius: 3.33333px;
    -webkit-border-radius: 3.33333px;
    margin-left: 6.67px;
  }
  .coding-window-title ul li.download-btn a,
  .coding-window-title ul li.window-btn a {
    padding: 6px;
  }
  .coding-window-title ul li.moon-btn a {
    padding: 4px 4.67px 9.33px 6px;
  }
  .coding-window-title ul li.dropdown a {
    padding: 2.67px 8.89px 2.67px 10px;
  }
  .coding-window textarea {
    min-height: 400px;
    padding-bottom: 20px;
  }
  .coding-window-textfield::after {
    height: 20px;
  }
  .coding-left .item textarea {
    min-height: 117.67px;
  }
  .right-btn-group .answer-box ul li .answer {
    margin-left: 15px;
  }
  .right-btn-group .answer-box .checkmark {
    height: 17.33px;
    width: 17.33px;
    border: 2px solid #000;
    top: -17px;
  }
  .right-btn-group .answer-box ul li .answer > span {
    font-size: 13.33px;
    line-height: 16px;
    padding: 10px 15px 9px 49px;
  }
  .qest-panel-btn .dropdown-menu {
    min-width: 441.7px;
  }
  .qest-panel-btn .dropdown-menu ul li .number span {
    line-height: 31.25px;
    min-width: 31.25px;
  }
  .qest-panel-btn .dropdown-menu ul li span {
    font-size: 13.3333px;
    line-height: 16px;
    padding-left: 10.75px;
  }
  .qest-panel-btn .dropdown-menu .accordion button {
    font-size: 16.6667px;
    line-height: 19px;
    padding: 10px 26.66px 11px 26.66px;
  }
  .qest-panel-btn .dropdown-menu .accordion .item button.active::after {
    width: 16px;
    height: 9px;
    background-size: 16px;
    top: 16px;
  }
  .qest-panel-btn .dropdown-menu .accordion .item table tbody tr td {
    font-size: 13.3333px;
    -webkit-border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
    line-height: 31px;
    height: 31px;
    padding: 0 7px;
  }
  .qest-panel-btn .dropdown-menu .accordion .item table {
    border-spacing: 13px;
  }
  .qest-panel-btn .dropdown-menu .accordion .item .collapse {
    max-height: 205px;
  }
  .qest-panel-btn .dropdown-menu ul li .number span.circle::before {
    width: 10px;
    height: 10px;
  }
  .result-board-title h4 {
    font-size: 13.3333px;
    line-height: 16px;
  }
  .result-board-title h4 span {
    font-size: 13.3333px;
    line-height: 16px;
  }
  .result-board-title {
    padding: 6.67px 20px;
  }
  .result-board::before {
    width: 10px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
  }
  .result-board-wrap {
    padding: 16.67px 20px;
  }
  .right-btn-group #collapseBox textarea {
    border: 0.666667px solid #c4c4c4;
    min-height: 133.33px;
  }
  .right-btn-group #collapseBox label {
    font-size: 13.3333px;
    line-height: 16px;
  }
  .video-gallery {
    max-width: 1110px;
    margin-bottom: 25px;
    padding: 0 0;
  }
  .video-gallery-wrap {
    margin: 0 -12px;
  }
  .video-gallery h3 {
    padding: 0 12px;
  }
  .video-box h5 {
    font-size: 12px;
    line-height: 16px;
  }
  .back-btn {
    font-size: 13.5px;
  }
  .modal-body h2 {
    font-size: 16px;
    line-height: 19px;
  }
  .modal-dialog.instruction {
  }
  .instruction .modal-footer {
    padding: 13px 13px 13px 13px;
  }
  .instruction .modal-content {
    border-radius: 6.66667px;
  }
  .instruction .modal-body {
    padding: 20px 25px 26px 30px;
  }
  .modal-footer .run-code-btn {
    font-size: 14px;
    min-width: 75px;
    height: 35px;
    line-height: 35px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
  }
  .card-box {
    right: 15px;
    width: 303px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
  }
  .card-box-content p {
    font-size: 12px;
    line-height: 16px;
  }
  .card-box-inner {
    padding: 10px 10px;
  }
  .card-box-footer ul li .run-code-btn {
    font-size: 12px;
    line-height: 27.33px;
    height: 27.33px;
    min-width: 53px;
    margin-left: 20px !important;
  }
  .card-box-footer ul li {
    font-size: 12px;
    line-height: 27px;
  }
  .carousel-indicators li {
    width: 6.5px;
    height: 6.5px;
    margin-right: 3.33px;
  }
  .card-box-inner {
    border-top-right-radius: 6.66667px;
    border-top-left-radius: 6.66667px;
  }
  .carousel-indicators {
    left: 20px;
  }
  .card-box.instruction-four {
    left: 33px;
    bottom: 30%;
  }
  .ratings-area .stars ul li figure {
    max-width: 45px;
    margin-top: 11px;
  }
  .ratings-area .heading h5 {
    font-size: 13.3333px;
    line-height: 16px;
  }
  .ratings-area .heading {
    margin-bottom: 11.85px;
  }
  .ratingOne {
    margin-bottom: 0;
  }
  .ratings-area {
    max-width: 466px;
    border-radius: 13.3333px;
    -webkit-border-radius: 13.3333px;
  }
  .ratings {
    padding: 51px 0;
  }
  .ratings-area .heading h4 {
    font-size: 20px;
    line-height: 23px;
  }
  .ratings-area .info .title h4 {
    font-size: 13.3333px;
    line-height: 16px;
  }
  .ratings-area .info .title {
    margin-bottom: 13px;
  }
  .ratings-area .info .box {
    width: 47.13px;
    height: 59.99px;
    border: 0.428492px solid #8a8a8a;
    border-radius: 4.28492px;
    margin-bottom: 5px;
  }
  .ratings-area .info ul li {
    padding: 0 11px;
    font-size: 9.33333px;
    line-height: 11px;
  }
  .help .btn-groups .title h5 {
    font-size: 12px;
    line-height: 23.33px;
  }
  .help .btn-groups ul li {
    min-width: 41.33px;
    height: 23.33px;
    line-height: 23.33px;
    border: 0.75px solid #8a8a8a;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
    font-size: 10.6667px;
    margin: 0 3.75px;
  }
  .ratings-area {
    padding: 20px 33px;
    border-radius: 13.3333px;
    -webkit-border-radius: 13.3333px;
  }
  .ratings-area form button {
    font-size: 13.3333px;
    max-width: 229.33px;
    height: 36.67px;
    line-height: 36.67px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
    margin-top: 21px;
  }
  .asses-info.overview span {
    font-size: 12px;
    line-height: 14px;
  }
  .assess-demo-head.del2 h4.text-center {
    font-size: 22px;
    font-weight: 700;
    font-family: "Karla";
  }
  .QuestiopnAssessInnerBind .form-group {
  }
  .overview .asses-item span {
    font-size: 9.33333px;
    line-height: 11px;
  }
  .asses-overview {
    padding: 0 0 55px 0;
  }
  .asses-overview-area h3 {
    font-size: 17.3333px;
    line-height: 20px;
    margin-bottom: 13px;
  }
  .asses-overview-area {
    max-width: 1174px;
  }
  .asses-about-area .info .item {
    padding: 20px 20px 33px 20px;
  }
  .asses-overview-area .item {
    padding: 14px 13px;
  }
  .asses-overview-area .item span {
    font-size: 16px;
    line-height: 22px;
  }
  .asses-overview-area .item figure {
    width: 20px;
    height: 20px;
  }
  .asses-overview-area .item .title h4 {
    font-size: 13.3333px;
    line-height: 22px;
  }
  .asses-overview-area .item .title {
    padding-left: 10px;
  }
  .asses-overview-area .item .info {
    padding: 14px 0;
  }
  .asses-overview-area {
    max-width: 928px;
  }
  .result-overview-area {
    max-width: 720px;
  }
  .result-overview-box {
  }
  .result-overview-box .box-content .info,
  .result-overview-area-new .result-overview-box .box-content .info {
    padding: 14px 0;
  }
  .result-overview-box .box-content .info span {
    font-size: 16px;
    line-height: 22px;
    padding-left: 13.33px;
  }
  .result-overview-box .bottom-info span {
    font-size: 9.33333px;
    line-height: 11px;
  }
  .result-overview-box .box-content {
    margin: 27px 0;
  }
  .result-overview {
    padding-top: 53px;
  }
  .overview-board-area .tabs ul.nav-tabs li figure {
    max-width: 26px;
    margin-bottom: 10px;
  }
  .overview-board-area ul li a span h5 {
    font-size: 12px !important;
    line-height: 14px !important;
  }
  .overview-board-area ul li a::after {
    height: 3.3px;
  }
  .overview-board-area .tabs ul.nav-tabs li a::after {
    height: 3px;
  }
  .error-analysis {
    padding: 40px 0;
    max-width: 1100px;
  }
  .error-analysis-area .item .item-wrap .title h4 {
    font-size: 13.3333px;
    line-height: 22px;
  }
  .error-analysis-area .item span {
    font-size: 16px;
    line-height: 22px;
  }
  .error-analysis-area .item .item-wrap figure {
  }
  .error-analysis-area .item {
    padding: 14px;
    margin: 0 10px;
  }
  .error-analysis-area .item .content {
    padding: 19px 0 9px 0;
  }
  .error-analysis .sidebar {
    padding: 0 14px;
  }
  .error-analysis .sidebar {
    width: 100%;
  }
  .error-analysis-area {
    width: 100%;
  }
  .error-analysis-area .accordation-area {
  }
  .box .box-inner .title h5 {
    font-size: 11.25px;
    line-height: 13px;
  }
  .box .box-inner p {
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 10px;
    font-weight: 550;
  }
  .box .box-inner .title {
    margin-bottom: 15px;
  }
  .box .image-wrap .rectangle {
    left: 18.75px;
    bottom: -12.5px;
    width: 37.5px;
    height: 37.5px;
  }
  .subject-item .image-wrap .icon {
    width: 56px;
    height: 56px;
  }
  .box-inner.amazon .info {
    min-height: 94px;
  }
  .attempt-info span {
    font-size: 12.5px;
    line-height: 17px;
    padding-left: 7.68px;
  }
  .attempt-result span {
    font-size: 12.5px;
    line-height: 17px;
    padding-left: 7.68px;
  }
  .chapter-box .date-time {
    margin-bottom: 18.75px;
  }
  .practice-btn.view-report {
    margin: 22px 0;
  }
  .error-analysis-area .accordation-area .taken-time {
    padding: 0 50px;
  }
  .error-analysis-area .accordation-area .average-time {
    padding: 0 25px;
  }
  .error-analysis-area .accordation-area .accordion .area .number {
    padding: 0 29px;
  }
  .selection label .checkmark {
    font-size: 12px;
    line-height: 25px;
    width: 27.45px;
    height: 27.45px;
    margin-top: 19px;
  }
  .error-analysis-area .accordation-area .accordion .area .ques span {
    font-size: 13.33px;
    line-height: 16px;
  }
  .error-analysis-area .accordation-area .accordion .area .ques {
    max-width: 410px;
  }
  .taken-time span,
  .average-time span {
    font-size: 12px;
    line-height: 14px;
  }
  .error-analysis-area .accordation-area .accordion .area .number span {
  }
  .error-analysis-area .accordation-area .accordion .area .eval-rightQuesIndex span {
    font-size: 18px;
    line-height: 24px;
  }
  .error-analysis-area .accordation-area .accordion .area .heading button::after {
    width: 13px;
  }
  .error-analysis-area .accordation-area .average-time {
    padding: 0 20px;
  }
  .selection-wrap .exp p {
    font-size: 13.3333px;
    line-height: 18px;
  }
  .selection-wrap {
    padding: 0 45px;
    margin: 18px 0 0 0;
  }
  .error-analysis-area .accordation-area .accordion .title h3 {
    font-size: 16px;
    line-height: 19px;
  }
  .error-analysis-area .accordation-area .accordion .area {
    padding: 18px 0 18px 0;
  }
  .selection > span {
    padding: 6px 15px 8px 65px;
  }
  .selection-wrap .exp {
    padding: 15px 23px;
  }
  .error-analysis-area .accordation-area .accordion .area {
    padding: 13px 0 13px 0;
  }
  .error-analysis-area .accordation-area.initial .accordion .area.init {
    padding: 20px 0px 20px 30px;
  }
  .error-analysis-area .accordation-area .accordion .area .heading button::after {
    top: 12px;
  }
  .overview-question-title table tbody tr td {
    font-size: 10.6px;
    line-height: 11px;
    padding-bottom: 10px !important;
  }
  .star {
    width: 60px;
    height: 60px;
    margin-top: 3px;
  }
  .accuracy-area > .title h5 {
    font-size: 14px;
    line-height: 18px;
  }
  .camera {
    max-width: 285px;
  }
  .camera .take-asses-btn {
    margin-top: 22px;
  }
  .asses-info .info-text span {
    font-size: 12.6667px;
    line-height: 15px;
    padding: 3.15px 12.35px;
  }
  .asses-info .title {
    margin-right: 25px;
  }
  .indicators ul li {
    width: 6px;
    height: 6px;
  }
  .card-box {
    bottom: 35px;
  }
  .instruction-three.card-box {
    bottom: 30%;
  }
  .login .logo {
    max-width: 150px;
    margin-bottom: 47px;
  }
  .search-result .search-result-area .box-inner {
    padding: 10px 18px;
  }
  .filter-area {
    max-width: 1020px;
    margin-bottom: 50px;
  }
  .filter-area .heading h3 {
    font-size: 16.25px;
    line-height: 19px;
  }
  .filter-area .filter-dropdown .dropdown > a {
    font-size: 13.75px;
    line-height: 16px;
    border: 0.625px solid #c4c4c4;
    border-radius: 3.125px;
    padding: 6px 12px 6px 14px;
  }
  .filter-area .filter-dropdown {
    max-width: 196px;
  }
  .filter-area .filter-dropdown .dropdown .dropdown-menu h5 {
    font-size: 13.75px;
    line-height: 16px;
  }
  .filter-label > span {
    font-size: 13.75px;
    line-height: 16px;
  }
  .filter-label .checkmark {
    width: 15px;
    height: 15px;
  }
  .filter-label .checkbox-group label .checkmark::after {
    left: 6px;
    top: 0px;
    width: 7px;
  }
  .filter-label > span {
    padding-left: 25px;
  }
  .filter-label .checkbox-group label .checkmark::after {
    left: 4px;
    top: 1px;
    width: 6px;
    height: 10px;
  }
  .filter-area .filter-dropdown .dropdown .dropdown-menu {
    padding: 15px 15px;
  }
  .login-area form {
    margin-left: 100px;
  }
  .camera-sec-wrap figure {
    width: 39%;
  }
  .camera-sec-wrap {
    max-width: 1040px;
  }
  .camera-sec-area .logo {
    max-width: 134px;
  }
  .camera-sec-wrap .camera-sec-content h3 {
    font-size: 21.6667px;
    line-height: 30px;
    letter-spacing: 0.208333px;
    margin-bottom: 12.5px;
  }
  .camera-sec-wrap .camera-sec-content .info p {
    font-size: 11.6667px;
    line-height: 16px;
    letter-spacing: 0.208333px;
  }
  .camera-btn {
    font-size: 13px;
    width: 145px;
    height: 35px;
    line-height: 35px;
    border-radius: 8.33333px;
    -webkit-border-radius: 8.33333px;
    margin-top: 28px;
  }
  .retake-btn {
    width: 145px;
    height: 41.67px;
    line-height: 39.67px;
    border-radius: 8.33333px;
    -webkit-border-radius: 8.33333px;
    margin-top: 28px;
  }
  #helpModal .modal-header h5 {
    font-size: 16.25px;
    line-height: 19px;
  }
  #helpModal .modal-header h5 span {
    font-size: 11.25px;
    line-height: 13px;
  }
  #helpModal .modal-body .video-box figure {
    max-width: 280px;
  }
  #helpModal .modal-body .video-box h4 {
    font-size: 11.25px;
    line-height: 13px;
  }
  #helpModal .modal-body .video-box {
    margin-bottom: 25px;
  }
  #helpModal .modal-dialog {
    max-width: 750px;
  }
  #helpModal .modal-body {
    padding: 10px 30px 0 30px;
  }
  .camera-sec-area .form-area .info h3 {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.15625px;
    margin-bottom: 6.25px;
  }
  .camera-sec-area .form-area .info p {
  }
  .camera-sec-area .form-area form .form-group > label {
  }
  .camera-sec-area .form-area form .form-group {
    margin-bottom: 25px;
  }
  .camera-sec-area .form-area form .form-group .date > figure {
    max-width: 13px;
    padding-top: 9px;
    margin-bottom: -40px;
  }
  .camera-sec-area .form-area .info {
    margin-bottom: 15px;
  }
  .camera-box-item {
    border-radius: 6.25px;
    -webkit-border-radius: 6.25px;
  }
  .camera-sec-area .form-area .camera-sec-box {
    max-width: 230px;
    margin-bottom: 25px;
  }
  .continue-btn {
    font-size: 10px;
    letter-spacing: 0.15625px;
    max-width: 100px;
    height: 31.5px;
    line-height: 31.5px;
    margin-bottom: 70px;
    border-radius: 6.25px;
    -webkit-border-radius: 6.25px;
  }
  .camera-sec-area .form-area {
  }
  .selection-wrap.code {
    padding: 0 70px;
  }
  .selection-wrap.code pre code {
    font-size: 13.3333px;
    line-height: 18px;
  }
  .selection-wrap.code ul.nav-pills li a {
    padding: 13px 0 !important;
  }
  .selection-wrap.code ul.nav-pills li {
    font-size: 13.3333px;
    line-height: 16px;
  }
  .selection-wrap.code .code-wrap .heading h4 {
    font-size: 13.3333px;
    line-height: 16px;
  }
  .selection-wrap.code .code-wrap form textarea {
    min-height: 66px !important;
  }
  .selection-wrap.code .code-wrap .heading {
    margin-bottom: 13px;
  }
  .selection-wrap.code .code-wrap .heading .dropdown > a {
    min-width: 83px;
    padding: 4px 8px 5px 10px;
  }
  .selection-wrap.code .code-wrap .heading .dropdown {
    font-size: 12px;
    line-height: 14px;
  }
  .selection-wrap.code .code-wrap form {
    margin-bottom: 13px;
    margin-top: 15px;
  }
  .selection-wrap.code .tab-pane .info span {
    font-size: 13.3333px;
    line-height: 16px;
    margin-bottom: 3px;
  }
  .selection-wrap.code .tab-pane .info .heading h4 {
    padding: 10px 0;
  }
  .selection-wrap.code .tab-pane .info .heading h4 {
    font-size: 13.3333px;
    line-height: 16px;
  }
  .selection-wrap.code .tab-pane .info .count {
    font-size: 13.3333px;
    line-height: 16px;
  }
  .selection-wrap.code .tab-pane .info {
    margin-bottom: 20px;
  }
  .selection-wrap.code .tab-pane .info form label {
    font-size: 15px;
    line-height: 21px;
    padding: 10px 0;
    margin-right: 15px;
  }
  .selection-wrap.code .tab-pane .info form input {
    border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    height: calc(1.25em + 1rem + 4px);
  }
  .selection-wrap.code .tab-pane .info form .input-group {
    margin-bottom: 13px;
  }
  .selection-wrap.code .tab-pane .info form input {
    font-size: 13.3333px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
  }
  .selection-wrap.code .tab-pane .info form label {
    font-size: 13.3333px;
    line-height: 20px;
    padding: 10px 0;
    margin-right: 15px;
  }
  .selection-wrap.code .tab-pane .info form .input-group pre code {
    font-size: 13.3333px;
    line-height: 18px;
  }
  .given-answer h6 {
    font-size: 13.3333px;
    line-height: 16px;
    margin-bottom: 13px;
    color: black;
  }
  .expand-filteredQues h6 {
    font-size: 18px;
    line-height: 16px;
    margin-bottom: 13px;
    color: black;
  }
  .given-answer {
    margin-bottom: 13px;
    padding: 0 24px;
  }
  .correct-answer h6 {
    font-size: 13.3333px;
    line-height: 16px;
    margin-bottom: 13px;
  }
  .correct-answer span {
    font-size: 13.3333px;
    line-height: 18px;
  }
  .correct-answer {
    margin-bottom: 13px;
    padding: 0 24px;
  }
  .post-asses {
    padding: 100px 0;
  }
  .post-asses-area {
    max-width: 1040px;
  }
  .take-asses-btn {
    font-size: 20px;
    max-width: 460px;
    height: 50px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
    margin-bottom: 25px;
  }
  .create {
    padding: 135px 0;
  }
  .help-info h3 {
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 50px;
  }
  .help-info-item p {
    font-size: 13.3333px;
    line-height: 18px;
    letter-spacing: 0.25px;
  }
  .help-info-item figure {
    margin-bottom: 16px;
  }
  .work-info h3 {
    font-size: 36px;
    line-height: 47px;
    margin-bottom: 33px;
  }
  .work-info p {
    font-size: 13.3333px;
    line-height: 18px;
    letter-spacing: 0.25px;
  }
  .help-info-wrap {
    max-width: 496px;
  }
  .help {
    padding: 75px 0 60px 0;
  }
  .help-area {
    max-width: 940px;
  }
  .work-area {
    max-width: 940px;
  }
  .adaptive figure {
    max-width: 312px;
  }
  .adaptive-form form select {
    font-size: 9.375px;
    height: calc(1.5em + 0.5rem + 3px);
    padding: 0.25rem 0.75rem;
  }
  .adaptive-form form select option {
    line-height: 25px;
    height: 25px;
  }
  .adaptive-form form label {
    font-size: 10px;
    line-height: 10px;
  }
  .adaptive-form form .mode h5 {
    font-size: 10px;
    line-height: 10px;
  }
  .adaptive-form form select + span {
    background-size: 7.25px;
  }
  .adaptive-form form button {
    font-size: 8.75px;
    height: 27.5px;
    border-radius: 3.125px;
    -webkit-border-radius: 3.125px;
    margin-top: 25px;
  }
  .adaptive-form form .mode {
    margin-top: 18px;
  }
  .adaptive .dropdown a {
    min-width: 180px;
    height: 31px;
    line-height: 29px;
    font-size: 11.9126px;
  }
  .adaptive .dropdown .dropdown-menu {
    border-radius: 8px;
    -webkit-border-radius: 8px;
  }
  .adaptive {
    max-width: 750px;
  }
  .adaptive-form > figure {
    max-width: 190px;
  }
  .adaptive-form > figure {
    margin-bottom: 40px;
  }
  .adaptive-form form .mode .switch-item label span.slider::before {
    width: 16px;
    height: 16px;
  }
  .adaptive-form form .mode .switch-item label span.slider {
    height: 19px;
    width: 31px;
  }
  .adaptive-form form .mode .switch-item input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
  }
  .adaptive-form form .mode .switch-item label {
    width: 31px;
    height: 19px;
  }
  .adaptive-form form .form-group {
    margin-bottom: 12px;
  }
  .adaptive .dropdown a span {
    background-size: 11px;
    padding-right: 24px;
  }
  .dashboard-area {
  }
  .event-calender .event h4 {
    font-size: 12.5px;
    line-height: 15px;
  }
  .event-calender .event span {
    font-size: 8.75px;
    line-height: 10px;
  }
  .event-calender .event .date span {
    font-size: 8.75px;
    line-height: 10px;
  }
  .event-calender .event {
    padding: 8px 11px 8px 13px;
  }
  .event-calender .title h4 {
    font-size: 12.5px;
    line-height: 15px;
  }
  .box-card-item .info input {
    font-size: 12.5px;
    line-height: 15px;
  }
  .box-card-item .info input:placeholder {
    font-size: 12.5px;
    line-height: 15px;
  }
  .box-card-item.watch-video .video-box h4 {
    font-size: 8.75px;
    line-height: 10px;
  }
  .box-card-item .info h4 {
    font-size: 12.5px;
    line-height: 15px;
  }
  .box-card-item figure {
  }
  .align-items-figure_new .box-card-item figure {
    width: 52px;
    height: 46px;
  }
  .box-card-item.share ul li {
    font-size: 8.75px;
  }
  .post-box-wrap h3 {
    font-size: 15.625px;
    line-height: 18px;
  }
  .post-box-wrap p {
    font-size: 11.25px;
    line-height: 13px;
  }
  .post-box-btn {
    font-size: 13.75px;
    max-width: 156px;
    height: 34px;
    line-height: 34px;
    border-radius: 6.25px;
    -webkit-border-radius: 6.25px;
    margin-top: 31.5px;
  }
  .profile-box figure {
  }
  .sutpc .profile-info h4 {
    font-size: 20px;
    color: black;
  }
  .profile-box .profile-info ul li {
  }
  .profile-box .profile-info {
    padding: 7px 0 7px 12px;
  }
  .post-box .comments ul li span.like-count {
    padding-left: 17px;
    background-size: 10px;
  }
  .post-box .comments ul li {
    font-size: 11.25px;
    line-height: 13px;
  }
  .post-box .like ul li {
  }
  .post-box .like ul li span.like {
    background-size: 18px;
    padding-left: 25px;
  }
  .post-box .like ul li span.comment {
    background-size: 18px;
  }
  .post-box .like ul li span.comment {
    padding-left: 25px;
  }
  .post-box .user-comment .user-comment-box .user-comment-info div {
    font-size: 8.75px;
    line-height: 12px;
  }
  .post-box .user-comment .user-comment-box figure {
    width: 31.25px;
    height: 31.25px;
  }
  .post-box .user-comment .user-comment-box .user-comment-info ul li {
    font-size: 8.75px;
    line-height: 12px;
  }
  .box-card-item .info {
    padding: 5px 0 5px 11px;
  }
  .generate-test {
    min-width: 100px;
    font-size: 10px;
    height: 31.25px;
    line-height: 31.25px;
    border-radius: 6.25px;
    -webkit-border-radius: 6.25px;
  }
  .adaptive-header-area {
    max-width: 1100px;
  }
  .adaptive-header-area figure {
    max-width: 190px;
  }
  .adaptive-question-header {
  }
  .adaptive-question-header .timer h6 {
    font-size: 10px;
    line-height: 11px;
  }
  .adaptive-question-header .timer .timer-clock {
    border-radius: 4.66549px;
    -webkit-border-radius: 4.66549px;
    height: 20.99px;
    line-height: 20.99px;
  }
  .adaptive-question-header .timer .timer-clock span {
    font-size: 13.9965px;
  }
  .adaptive-question-header .finish-btn {
    font-size: 13.9965px;
    min-width: 76px;
    height: 34px;
    line-height: 32px;
    margin-left: 18px;
    border-radius: 4.66549px;
    -webkit-border-radius: 4.66549px;
  }
  .adaptive-question-area .adaptive-question-item {
    font-size: 13.75px;
    line-height: 19px;
  }
  .adaptive-question-area .adaptive-answer-box > ul > li .answer > span {
    padding: 0 15px 0 5px;
    font-size: 15px;
    line-height: 20px;
  }
  .adaptive-question-area .adaptive-answer-box .checkmark {
    position: absolute;
    top: -25px;
    left: -49px;
    width: 15px;
    height: 15px;
    border-radius: 1.875px;
  }
  .adaptive-question-area .adaptive-answer-box .checkbox-group label .checkmark::after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border-width: 0 1px 1px 0;
  }
  .adaptive-question-area .adaptive-question-box {
    padding: 30px 18px 15px 18px;
    min-height: 255px;
    border: 0.625px solid #c4c4c4;
    border-radius: 6.25px;
    -webkit-border-radius: 6.25px;
  }
  .adaptive-question-area {
  }
  .adaptive-question-area .heading .difficulty span {
    font-size: 12.5px;
    line-height: 15px;
  }
  .adaptive-question-area .heading .difficulty ul li {
    width: 10px;
    height: 10px;
    margin: 3px 2px 0 2px;
  }
  .adaptive-question-area .heading .difficulty {
    padding-top: 5px;
  }
  .adaptive-question-area .save-next-btn {
  }
  .adaptive-question-area .dropdown > a {
    font-size: 12.5px;
    line-height: 17px;
  }
  .adaptive-question-area .dropdown .dropdown-menu ul li {
    font-size: 12.5px;
    line-height: 17px;
  }
  .adaptive-question-area .dropdown > a span {
    background-size: 10px;
  }
  .adaptive-question-area .adaptive-question-box.ans > ul > li::before {
    font-size: 11.25px;
    width: 27.29px;
    height: 25.9px;
    line-height: 23.08px;
  }
  .adaptive-header-area figure {
    margin-top: 6px;
  }
  .adaptive-question-area .dropdown > a span {
    line-height: 30px;
  }
  .adaptive-question-area .dropdown.show > a span {
    line-height: 30px;
  }
  .adaptive-question-area .heading ul.info li.count {
    min-width: 62px;
  }
  .adaptive-question-area .adaptive-answer-box.myques > ul > li .answer {
    margin-left: 25px;
  }
  .adaptive-question-area .heading ul.info li.count span {
    min-width: 10px;
  }
  .post-box-content p {
    font-size: 15.625px;
    line-height: 18px;
  }
  .post-box .special-info h4 {
    font-size: 11.25px;
    line-height: 13px;
    margin-bottom: 6.25px;
  }
  .post-box .special-info p {
    font-size: 11.25px;
    line-height: 13px;
    margin-bottom: 6.25px;
  }
  .post-box .special-info span {
    font-size: 11.25px;
    line-height: 13px;
  }
  .post-box .special-info .inner {
    padding: 15px 0;
  }
  .post-box-content {
    margin-bottom: 30px;
  }
  .genarated-test-box h4 {
    font-size: 18.75px;
    line-height: 22px;
  }
  .practice-btn {
    font-size: 11.25px;
    line-height: 31.25px;
    height: 31.25px;
    border: 0.625px solid #4c73e6;
    border-radius: 6.25px;
    -webkit-border-radius: 6.25px;
    margin-top: 14px;
  }
  .take-adaptiveTest-btn {
    min-width: 155px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin: 30px 15px 0 0;
  }
  .box.adaptive-logo-box .box-inner p {
    font-size: 12px;
    line-height: 16px;
  }
  .box.adaptive-logo-box {
    padding-bottom: 30px;
  }
  .box-area-wrap .inner-left .box.adaptive-logo-box .box-inner .info {
    padding: 0 10px !important;
  }
  .box.adaptive-logo-box {
    padding-bottom: 20px;
  }
  #dashboardModal_1 .modal-dialog {
    max-width: 410px;
  }
  #dashboardModal_2 .modal-dialog {
    max-width: 410px;
  }
  #dashboardModal_3 .modal-dialog {
    max-width: 410px;
  }
  #dashboardModal_4 .modal-dialog {
    max-width: 410px;
  }
  #dashboardModal_5 .modal-dialog {
    max-width: 410px;
  }
  #dashboardModal_6 .modal-dialog {
    max-width: 410px;
  }
  #dashboardModal_7 .modal-dialog {
    max-width: 410px;
  }
  .modal-dialog .post-box-content {
    margin-bottom: 25px;
  }
  .modal-dialog .profile-box {
    padding: 18px 18px;
  }
  .modal-dialog .profile-box figure {
  }
  .modal-dialog .profile-box .profile-info {
    padding: 0 0 0 12px;
  }
  .modal-body .dashboard-area .post-box .button-group .post-btn {
    min-width: 65px;
    height: 31px;
    line-height: 31px;
    font-size: 11.25px;
    border-radius: 6.25px;
    -webkit-border-radius: 6.25px;
    margin-left: 8px;
  }
  .modal-body .dashboard-area .post-box .button-group {
    margin: 18px 20px;
  }
  .modal-body .dashboard-area .post-box .button-group .cancel-link {
    height: 31px;
    line-height: 31px;
    font-size: 11.25px;
  }
  .mix-match-drag p {
    font-size: 9.99869px;
    line-height: 14px;
  }
  .mix-match-dragd p {
    font-size: 9.99869px;
    line-height: 14px;
  }
  .mix-match-drag {
  }
  .mix-match {
    margin-bottom: 13px;
  }
  .mix-match-footer .save-next-btn {
    min-width: 100px;
  }
  .mix-match-footer ul li {
    font-size: 12.4984px;
    line-height: 17px;
    margin: 0 4.5px;
    border: 0.624918px solid #c4c4c4;
  }
  .mix-match-footer ul li a {
    padding: 6px;
  }
  .mix-match-footer {
    padding: 14px 50px;
  }
  .adaptive-question-area .info {
    margin-bottom: 18px;
  }
  .adaptive-question-area .info p {
    font-size: 9.99869px;
    line-height: 14px;
  }
  .question-box .adaptive-question-area .info p {
    font-size: 20px;
    line-height: 25px;
  }
  .question-box .mix-match-drag p {
  }
  .mix-match-drop.active {
    border: 2px solid #4a48ad;
  }
  .mix-match-drag::after {
  }
  .selection-wrap .mix-match .line-wrap .line {
    height: 14%;
  }
  .selection-wrap .mix-match .mix-match-drop-wrap .mix-match-drop {
    height: 14%;
  }
  .selection-wrap .mix-match .mix-match-drop-wrap .mix-match-drop span {
    font-size: 10.857px;
    line-height: 13px;
  }
  .banner.course .banner-info {
    max-width: 470px;
  }
  .banner.course .banner-info h1 {
    font-size: 36.7561px;
    line-height: 43px;
  }
  .course-box .inner h3 {
    font-size: 21.3333px;
    line-height: 27px;
  }
  .course-box .inner h5 {
    font-size: 10.6667px;
    line-height: 16px;
  }
  .course-box .enroll-btn {
    font-size: 11.5556px;
    min-width: 115.56px;
    height: 32px;
    line-height: 32px;
    border-radius: 1.77778px;
    -webkit-border-radius: 1.77778px;
  }
  .course-box .learn-more-btn {
    font-size: 11.5556px;
    min-width: 115.56px;
    height: 32px;
    line-height: 32px;
    border-radius: 1.77778px;
    -webkit-border-radius: 1.77778px;
  }
  .box-area.favorites .heading h3 {
    font-size: 21.3333px;
    line-height: 28px;
  }
  .box-area.favorites .box .info h4 {
    font-size: 16.8889px;
    line-height: 21px;
    margin-bottom: 10px;
  }
  .box-area .heading {
    margin-bottom: 25px;
  }
  .box-area .heading.assignment {
    margin-bottom: 0px !important;
  }
  .box-area.favorites .box .box-inner p {
    font-size: 11.5556px;
    line-height: 21px;
  }
  .box-area.explore .heading h3 {
    font-size: 23.1111px;
    line-height: 26px;
  }
  .box-area.explore .tabs span {
    font-size: 14.2222px;
    line-height: 16px;
  }
  .box-area.explore .tabs span a {
    padding: 0 3px 8px 3px;
  }
  .box-area.explore .tabs {
    margin-bottom: 41px;
  }
  .box-area.explore .box .info h4 {
    font-size: 16.8889px;
    line-height: 21px;
    margin-bottom: 10px;
  }
  .box-area.library .heading h3 {
    font-size: 23.1111px;
    line-height: 26px;
    margin-bottom: 8px;
  }
  .box-area.library .box .info h4 {
    font-size: 16.8889px;
    line-height: 17px;
    margin-bottom: 5px;
  }
  .box-area.library .box .box-inner p {
    font-size: 11.5556px;
    line-height: 16px;
  }
  .box-area.library .box .box-inner p {
    font-size: 11.5556px;
    line-height: 21px;
  }
  .seller-info {
    padding: 0 4px;
  }
  .seller-info span {
    font-size: 11.5556px;
    line-height: 21px;
  }
  .box-area.top-categories .heading h3 {
    font-size: 23.1111px;
    line-height: 26px;
  }
  .box-area.top-categories .heading {
    margin-bottom: 35px;
  }
  .box-area.top-categories .box-item .box .info h4 {
    font-size: 16.8889px;
    line-height: 21px;
  }
  .main-area.course .box-area .box-item .box figure {
    margin-bottom: 10px;
  }
  .course-box .circle {
    width: 52px;
    height: 52px;
    margin: -24px 15px 0 0;
    z-index: 99;
  }
  .course-box-img {
    width: 131px;
    height: 131px;
  }
  .main-area.course .box-area {
    margin-bottom: 10px;
  }
  .box-area.favorites .view-all {
    font-size: 16.8889px;
    line-height: 28px;
  }
  .video-blog-area-wrap .post-box .user-comment .user-comment-box .user-comment-info div {
    font-size: 12.4444px;
    line-height: 17px;
  }
  .video-blog-area-wrap .post-box .user-comment .user-comment-box .user-comment-info h4 {
    font-size: 16px;
    line-height: 19px;
  }
  .video-blog-area {
    max-width: 1180px;
  }
  .top-head-area {
    max-width: 1180px;
  }
  .top-head-area .logo a {
    margin-right: 15px;
  }
  .progress-info span {
    font-size: 14px;
    line-height: 16px;
  }
  .video-blog-area .side-menu ul li {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
  }
  .video-blog-area-wrap .heading span {
    font-size: 10.6667px;
    line-height: 12px;
  }
  span.bottomTitle-BelowMain {
    margin-top: 10px;
    font-size: 13px !important;
    font-weight: 100 !important;
  }
  .video-blog-area-wrap .heading h4 {
    font-size: 17.3333px;
    line-height: 20px;
  }
  h4.graph-titleProctoredAttempts {
    font-size: 26px !important;
    color: black;
    font-weight: 700 !important;
    margin-top: 30px;
  }
  .video-blog-area-wrap .post-box .comment-form form {
    width: 92%;
  }
  .load-more-result {
    font-size: 12.89px;
    height: 34px;
    line-height: 34px;
    margin-top: 25px;
  }
  .video-blog-area .load-more-result {
    margin-bottom: 25px;
  }
  .mark-btn {
    font-size: 10.6667px;
    height: 32px;
    line-height: 30px;
    border: 1.125px solid #4a48ad;
  }
  .video-blog-area .post-box {
    margin-bottom: 25px;
  }
  .progress-info {
    max-width: 200px;
  }
  .checkout-area .heading h3 {
    font-size: 20.6036px;
    line-height: 27px;
  }
  .checkout-area .heading {
    margin-bottom: 27px;
  }
  .checkout-area {
    max-width: 1024px;
  }
  .order-area {
  }
  .order-box-content {
    min-height: 485px;
    margin-bottom: 50px;
  }
  .order-box form input {
    height: calc(1.25em + 0.75rem + 3px);
  }
  .order-box form button {
    font-size: 11.9643px;
    line-height: 17px;
  }
  .order-box .info .price span {
    font-size: 10.8328px;
    line-height: 17px;
  }
  .order-box .total p {
    font-size: 11.555px;
    line-height: 17px;
  }
  .order-box .total span {
    font-size: 13.7216px;
    line-height: 15px;
  }
  .complete-payment-btn {
    font-size: 12.3382px;
    border-radius: 7.47767px;
    -webkit-border-radius: 7.47767px;
    height: 39px;
    line-height: 39px;
    margin-top: 6px;
  }
  .order-details {
    margin-left: 20px;
  }
  .checkout-area .heading h2 {
    font-size: 30px;
    line-height: 43px;
  }
  .checkout-area .heading.mycart {
    margin-bottom: 64px;
  }
  .checkout-area h3 {
    font-size: 22px;
    line-height: 26px;
  }
  .explore-btn {
    font-size: 12px;
    min-width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 6.25px;
    -webkit-border-radius: 6.25px;
    margin-top: 20px;
  }
  .course-search-empty h3 {
    font-size: 20.4167px;
    margin-bottom: 15px;
  }
  .course-search-empty p {
    font-size: 14.9722px;
  }
  .course-search-empty {
    padding-top: 20px;
  }
  .course-search-empty > figure {
    max-width: 256px;
  }
  .main-area.course.course-search-result .tabs ul li {
    font-size: 12px;
    line-height: 18px;
  }
  .filter {
    min-width: 80px;
    height: 34px;
    line-height: 34px;
    font-size: 12.0188px;
    border-radius: 6.86787px;
    -webkit-border-radius: 6.86787px;
  }
  .course-search-info h4 {
    font-size: 21.3333px;
    line-height: 21px;
    margin-bottom: 11px;
  }
  .course-search-info p {
    font-size: 11.5556px;
    line-height: 21px;
    color: #000;
  }
  .course-search-info .author-name {
    font-size: 11.5556px;
    line-height: 21px;
    margin-bottom: 11px;
  }
  .course-search-info {
  }
  .main-area.course.course-search-result {
    max-width: 1024px;
  }
  .checkout-area .video-item h4 {
    font-size: 16.8889px;
    line-height: 21px;
    margin-bottom: 10px;
  }
  .checkout-area .video-item p {
    font-size: 11.5556px;
    line-height: 21px;
  }
  .checkout-area .video-item {
    margin-bottom: 35px;
  }
  .video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .adaptive-question-item,
  .video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .question-item {
    font-size: 16px;
    line-height: 22px;
  }
  .video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .adaptive-answer-box > ul > li .answer > span {
    font-size: 15px;
    line-height: 20px;
    padding-left: 33px;
  }
  .video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .adaptive-answer-box .checkmark {
    top: -24px;
  }
  .purchase-item .start-btn {
    min-width: 100px;
    height: 31px;
    line-height: 31px;
    border-radius: 6.25px;
    -webkit-border-radius: 6.25px;
    margin-top: 15px;
  }
  .purchase {
    padding: 50px 0;
  }
  .checkout-area .purchase-info {
    padding-top: 20px;
  }
  .details-area.course {
    padding: 0 50px;
  }
  .asses-about-area.course {
    padding: 0 50px;
  }
  .course-content h4 {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 9px;
  }
  .asses-about-area p {
    font-size: 12px;
    line-height: 16px;
    font-family: "Karla";
  }
  .course-content .bottom {
    font-size: 12px;
    line-height: 16px;
    margin-top: 27px;
  }
  .course-content .bottom .wrap {
    font-size: 12px;
    line-height: 16px;
  }
  .CurricuLaM-CustEdT .course-content .bottom .wrap {
    font-size: 16px;
    line-height: 16px;
    color: black;
    font-weight: 600;
    font-family: "Karla";
  }
  .course-content .content {
    max-width: 745px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 80px;
    padding-left: 160px;
  }
  .admiN-location-new .course-content .content {
    max-width: 100%;
  }
  .course-content .content .week span {
    font-size: 56.6667px;
    line-height: 55px;
    margin-bottom: -5px;
  }
  .course-content .content .week p {
    font-size: 20px;
    line-height: 23px;
    padding: 0 11px;
  }
  .asses-about-area .item .title-wrap .highlight {
    font-size: 15.33px;
    line-height: 18px;
  }
  .course-content .content ul li {
    font-size: 12px;
  }
  .course-content .content ul li.online-class {
    background-size: 20px;
  }
  .course-content .content ul li.assessment {
    background-size: 18px;
  }
  .course-content .content ul li.play {
    background-size: 18px;
  }
  .asses-about-area .item .take-asses-btn {
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    margin-top: 25px;
    margin-bottom: 15px !important;
  }
  .asses-about-area .item .resume-btn {
    font-size: 15px;
    height: 45px;
    line-height: 45px;
  }
  .asses-about-area .item .price span.new-price {
    font-size: 30px;
    line-height: 15px;
  }
  .asses-about-area .item .price span.old-price {
    font-size: 20px;
    line-height: 15px;
  }
  .details-area.course .profile-area {
    max-width: 280px;
  }
  .details-area.course .profile-area .info {
    padding-left: 13px;
    padding-top: 9px;
    width: 73%;
  }
  .details-area.course .profile-area .info h5 {
    font-size: 12px;
    line-height: 14px;
  }
  .details-area.course .profile-area ul li {
    width: 33px;
  }
  .details-area.course .profile-area ul {
    width: 27%;
  }
  .asses-about-area.course .chapter-box .date-time p {
    font-size: 12px;
    line-height: 14px;
    margin-top: 10px;
  }
  .session {
    min-height: 360px;
    max-width: 625px;
    border: 0.625px solid #c4c4c4;
    border-radius: 6.25px;
    -webkit-border-radius: 6.25px;
  }
  .session-content h4 {
    font-size: 19.3238px;
    margin-bottom: 10px;
  }
  .session-content p {
    font-size: 14.3139px;
    line-height: 19px;
  }
  .session-content span {
    font-size: 14.3139px;
    line-height: 19px;
  }
  .session-info figure {
    margin-bottom: 25px;
  }
  .session-content .join-btn {
    font-size: 11.25px;
    min-width: 100px;
    height: 31px;
    line-height: 31px;
    border-radius: 6.25px;
    -webkit-border-radius: 6.25px;
    margin-top: 12px;
  }
  .modal-content.congr {
    max-width: 555px;
  }
  .congratulation.modal-body h2 {
    font-size: 22px;
    line-height: 25px;
  }
  .congratulation.modal-body p {
    font-size: 12px;
  }
  .congratulation.modal-body figure {
    max-width: 333px;
  }
  .dashboard-area.classroom {
    max-width: 1174px;
  }
  .header-area.classroom {
    max-width: 1174px;
  }
  .dashboard-area.classroom .box-card-item.share ul li {
    font-size: 9px;
    margin-right: 6px;
  }
  .all-classes-btn {
    font-size: 16px;
    min-width: 135px;
    height: 32px;
    line-height: 32px;
    border-radius: 13px;
    -webkit-border-radius: 13px;
  }
  .dashboard-area.classroom .post-box .special-info h4 {
    font-size: 14px;
    line-height: 16px;
    max-width: 60%;
  }
  .dashboard-area.classroom .box-card-item {
    padding: 15px;
  }
  .my-class-area {
    max-width: 1070px;
    margin-left: 65px;
  }
  .join-with-code-btn {
    margin-left: 65px;
    margin-top: 20px;
  }
  .join-with-code-btn.join-with-code-btn_new1 {
    margin-left: 55px;
  }
  .class-info h4 {
    font-size: 14.6026px;
    line-height: 23px;
  }
  .class-info p {
    font-size: 10.8168px;
    line-height: 13px;
  }
  .class-info {
    padding: 30px 15px;
  }
  .class-info-com_new {
    padding: 10px 15px !important;
  }
  .class-img-wrap {
    width: 55px;
    height: 55px;
  }
  .assignment-area .title h3 {
    font-size: 18px;
    line-height: 18px;
  }
  .subject-card .admin-box1 {
    width: 408px;
    max-width: 100%;
  }
  .assignment-item .assignment-info-right span {
    font-size: 12px;
    line-height: 14px;
  }
  .inner-titleProctoredAttempts {
    font-size: 18px !important;
    color: #767676 !important;
    font-family: "Karla" !important;
    margin-left: -12px;
    font-weight: 500;
  }
  .inner-titleProctoredAttempts strong {
    color: black;
    margin-left: 10px;
  }
  .assignment-new_new .assignment-area .title h3 {
    font-size: 18px;
  }
  .assignment-content .heading .heading-info .name-info h5 {
    font-size: 12px;
    line-height: 14px;
  }
  .assignment-content .heading .heading-info .name-info p {
    font-size: 12px;
    line-height: 14px;
  }
  .assignment-content .heading .item span {
    font-size: 20px;
    line-height: 23px;
  }
  .assignment-content .heading .item p {
    font-size: 12px;
    line-height: 14px;
  }
  .assignment-content-area p {
    font-size: 12px;
    line-height: 17px;
  }
  .assignment-content .heading {
    padding-bottom: 28px;
  }
  .assignment-content-area .submit-response-btn {
    font-size: 12px;
    min-width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 13.3333px;
    -webkit-border-radius: 13.3333px;
    margin-top: 100px;
  }
  .submission .status p {
    font-size: 13.5px;
    line-height: 16px;
  }
  .submission-wrap {
    padding: 20px 20px;
  }
  .assignment-container {
    max-width: 1020px;
  }
  .assignment-content {
    max-width: 700px;
  }
  .score h4 {
    font-size: 13.5981px;
    line-height: 16px;
  }
  .score p {
    font-size: 10.1986px;
    line-height: 12px;
  }
  .assignment-content .heading .heading-info .name-info .time span {
    font-size: 12px;
    line-height: 14px;
  }
  .assignment-content-area .title h5 {
    font-size: 12px;
    line-height: 14px;
  }
  .assignment-content-wrap .search form input::placeholder,
  .assignment-content-wrap .search form input {
    font-size: 14px;
  }
  .sidebar-wrap {
    max-width: 166px;
  }
  .class-board .title h4 {
    font-size: 16px;
    line-height: 19px;
  }
  .classFoldermainCls1 .title h4 {
    font-size: 26px;
    line-height: 30px;
    margin-left: 20px;
    font-weight: 700;
  }
  .non-stepper h4.headTitle {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
  }
  .filter-item.arrange-response {
  }
  .class-board .title {
    margin-bottom: 35px;
  }
  .folder-area .folder {
    margin-bottom: 15px;
  }
  .class-board.folder-board {
    min-height: 490px;
  }
  .folder-area.section-table table thead th {
    font-size: 18px;
    line-height: 18px;
  }
  .class-board.folder-board .search-form form input::placholder {
    font-size: 8.65761px;
    line-height: 10px;
    color: rgba(0, 0, 0, 0.4);
  }
  .folder-area table .folder .inner h4 {
    font-size: 13px;
  }
  .folder-area table .email {
    font-size: 13px;
  }
  .evaluationAdminSide1 .folder-area table .email h4 {
    font-size: 18px;
    color: black;
    letter-spacing: 0.01em;
    font-weight: 500;
  }
  .evaluationAdminSide1 .folder-area table .status h4 {
    font-size: 18px;
    color: black;
    letter-spacing: 0.01em;
    font-weight: 500;
  }
  .folder-area table .status {
    font-size: 13px;
  }
  .folder-area table .msg-btn {
    height: 26px;
    line-height: 22px;
  }
  .folder-area table .status span.active::after {
    top: 5px;
    right: -15px;
    width: 8px;
    height: 8px;
  }
  .class-board.folder-board .tabs ul li {
    font-size: 16px;
    line-height: 19px;
  }
  .class-board.folder-board .tabs ul li a {
    border-bottom: 2px solid transparent;
  }
  .class-board.folder-board .tab-pane {
    margin-top: 30px;
  }
  .chapter-box.test .test-wrap {
  }
  .chapter-box.test h2 {
    font-size: 20px;
    line-height: 23px;
  }
  .chapter-box.test .test-wrap > ul li {
    font-size: 10px;
    line-height: 12px;
  }
  .chapter-box.test .test-wrap .test-wrap-bottom ul li {
    font-size: 12px;
    line-height: 14px;
  }
  .chapter-box.test .test-wrap .test-wrap-bottom .take-test-btn {
  }
  .chapter-box.test figure {
    width: 135px;
    height: 135px;
    overflow: hidden;
  }
  .msg_send_btn {
    font-size: 10.6667px;
    min-width: 96px;
    height: 33px;
    line-height: 33px;
    border-radius: 6.66667px;
  }
  .input_msg_write input {
    min-height: 33px;
  }
  .mesgs .title h3 {
    font-size: 16px;
    line-height: 19px;
  }
  .chat_list {
  }
  .received_withd_msg p {
    font-size: 12px;
    line-height: 14px;
  }
  .received_withd_msg {
    border-radius: 13.3333px;
  }
  .sent_msg p {
    font-size: 12px;
    line-height: 14px;
  }
  .sent_msg {
    border-radius: 13.3333px;
    padding: 13px;
  }
  .inbox_chat {
    max-height: 410px;
  }
  .left_chat_list {
    height: 410px;
  }
  .msg_history {
    height: 340px;
  }
  .calender-area .event-calender .event h4 {
    font-size: 13px;
    line-height: 16px;
  }
  .event-calender .event span {
    font-size: 10.6667px;
    line-height: 12px;
  }
  .event-calender .title {
    margin-bottom: 33px;
  }
  .calender-area .table td {
    font-size: 9.8002px;
    line-height: 11px;
  }
  .calender-area-top ul li {
    font-size: 16px;
    line-height: 19px;
    margin-right: 9px;
  }
  .calender-area-top ul {
    padding: 0 50px;
  }
  .calender-area-top .select-month span {
    font-family: "Karla", sans-serif;
    font-size: 16.3337px;
    line-height: 19px;
    width: 194px;
    height: 25px;
    border: 0.816684px solid #c4c4c4;
    border-radius: 8.16684px;
  }
  .calender-area-top {
    margin-bottom: 28px;
  }
  .calender-area .calender-week {
    margin-left: -125px;
  }
  .calender-area .calender-week .table td .info h4 {
    font-size: 10.8px;
    line-height: 13px;
  }
  .calender-area .calender-week .table td .info {
    padding: 5px 5px;
  }
  .calender-area .calender-week .table th span {
    font-size: 10.8px;
    line-height: 13px;
  }
  .calender-area .calender-week .table th span.date {
    font-size: 13.8px;
    line-height: 16px;
  }
  .header-area ul li.massage {
  }
  .user-area .dropdown .dropdown-menu .chat_img .status {
    width: 20px;
    height: 20px;
  }
  .student-details-area form button {
    min-width: 93px;
  }
  .student-details-area form button.change-pass {
    min-width: 150px;
  }
  .analytics-box-area {
    max-width: 1080px;
  }
  .analytics-area {
    max-width: 1080px;
  }
  .practice-effort-dist {
    min-width: 372px;
    min-height: 425px;
  }
  .analytics-area .heading.mycart {
    margin-bottom: 50px;
  }
  .analytics-box-area {
    padding-top: 23px;
    margin-bottom: 40px;
  }
  .analytics-area .heading {
    margin-bottom: 21px;
  }
  .analytics-area ul.nav-pills {
    margin-bottom: 30px;
  }
  .overview-board-area .tabs .tab-content .selection-wrap ul li a::after {
    height: 3px;
  }
  .error-analysis-area .accordation-area .accordion .area .ques {
    min-width: 410px;
  }
  .error-analysis-area .accordation-area .accordion .area .ques {
    min-width: 520px;
  }
  .error-analysis-area .accordation-area .accordion .area .ques.read {
    margin-right: 23em;
  }
  .box-card-item figure .profile-user {
  }
  .align-items-figure_new figure {
    width: 50px !important;
    height: 50px !important;
  }
  .align-items-figure_new figure .profile-user img {
    width: 50px !important;
    height: 50px !important;
  }
  .align-items-figure_new figure .profile-user {
    width: 50px !important;
    height: 50px !important;
  }
  .asses-about-area .info .item {
    margin-right: 14px;
  }
  .main-area.course .box-area.favorites .owl-carousel .owl-prev {
    background-size: 12px !important;
  }
  .main-area.course .box-area.favorites .owl-carousel .owl-next {
    background-size: 12px !important;
  }
  .main-area.course .box-area.explore .tab-pane .owl-carousel .owl-prev {
    background-size: 12px !important;
  }
  .main-area.course .box-area.explore .tab-pane .owl-carousel .owl-next {
    background-size: 12px !important;
  }
  .main-area.course .box-area.library .tab-pane .owl-carousel .owl-prev {
    background-size: 12px !important;
  }
  .main-area.course .box-area.library .owl-carousel .owl-next {
    background-size: 12px !important;
  }
  .question-text-header {
    max-width: 750px;
  }
  .question-text-header-readOnly {
    max-width: 750px;
  }
}
@media screen and (max-width: 1279px) {
  .left-btn-group.left-align {
    width: 39%;
  }
  .right-btn-group.right-align {
    width: 61%;
  }
}
@media only screen and (max-width: 1200px) {
  .student-public-profile .a-mobile-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
  .student-public-profile .a-mobile-view .dropdown .dropdown-menu.show {
    display: block;
    -webkit-transform: translate3d(-136px, 27px, 0px) !important;
    transform: translate3d(-136px, 27px, 0px) !important;
    padding: 0;
    border: unset;
    -webkit-box-shadow: 0px 4px 4px #00000040;
    box-shadow: 0px 4px 4px #00000040;
    border-radius: 7px;
  }
  .student-public-profile .a-mobile-view .dropdown .dropdown-menu.show .dropdown-item.active,
  .student-public-profile .a-mobile-view .dropdown .dropdown-menu.show .dropdown-item:active {
    color: #101010;
    text-decoration: none;
    background-color: #f4f4f7;
  }
  .student-public-profile .a-mobile-view .dropdown button {
    padding: 0;
    border: unset;
  }
  .student-public-profile .a-mobile-view .dropdown button img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .student-public-profile .a-mobile-view .dropdown button::after {
    content: unset;
  }
  .student-public-profile .section-2 .know-body .right-cart .box ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .student-public-profile .section-1.desktop-view {
    display: none;
  }
  .student-public-profile .section-1.mobile-view {
    display: block;
    padding: 20px;
  }
  .student-public-profile .section-1.mobile-view .followers-image {
    display: -ms-grid;
    display: grid;
    gap: 20px;
    -ms-grid-columns: 95px 1fr;
    grid-template-columns: 95px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .student-public-profile .section-1.mobile-view .followers-image .followers-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
  }
  .student-public-profile .section-1.mobile-view .followers-image .followers-row h4 {
    font-size: 20px;
  }
  .student-public-profile .section-1.mobile-view .followers-image .followers-row h4 span {
    text-align: center;
    display: block;
  }
  .student-public-profile .section-1.mobile-view .right-box {
    margin: 15px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
  }
  .student-public-profile .section-1.mobile-view .right-content .name-hadding {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
  }
  .student-public-profile .section-1.mobile-view .right-content .name-hadding h4 {
    display: block;
    width: 100%;
    font-size: 18px;
  }
  .student-public-profile .section-1.mobile-view .right-content .name-hadding .disc-row {
    width: 100%;
    margin-bottom: 0;
  }
  .student-public-profile .section-1.mobile-view .right-content .name-hadding .disc-row p {
    font-size: 16px;
    line-height: 19px;
  }
  .student-public-profile .section-1.mobile-view .right-content .name-hadding .meny-followed {
    font-size: 14px;
    width: 100%;
  }
  .student-public-profile .section-1.mobile-view .right-content .name-hadding .meny-followed span a {
    color: #818080;
    text-decoration: none;
  }
  .student-public-profile .section-1.mobile-view .right-content .shaer-box {
    margin-top: 10px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
  }
  .student-public-profile .section-1.mobile-view .right-content .shaer-box .btn {
    padding: 2px 10px;
  }
  .student-public-profile .section-1.mobile-view .right-content .shaer-box .find {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    max-width: 100px;
  }
  .student-public-profile .section-1.mobile-view .right-content .shaer-box .find .d-block-a {
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .chart_area_body.custom-legend .apexcharts-legend-series {
    padding: 0px 30px;
  }
  .purchase-area {
    max-width: 800px;
  }
}
@media screen and (max-width: 1199px) {
  .dashboard-area.classroom .post-box .special-info h4 {
    max-width: 45%;
  }
  .main-area .info {
    padding: 0 10px;
  }
  .common-width-md > .btn,
  .common-width-md > .btn-group,
  .common-width-md > .btn-common-width {
    width: 70px;
  }
  button.owl-next {
    right: -20px;
  }
  button.owl-prev {
    left: -20px;
  }
  .banner-area {
    padding: 38px 0;
  }
  .subject-area {
    max-width: 830px;
  }
  .subject-item {
    padding: 0 15px;
  }
  .banner-info {
    max-width: 640px;
  }
  .left-btn-group {
    padding: 0 0 0 26px;
  }
  .right-btn-group {
    padding-left: 0 !important;
  }
  .statics ul li span {
    width: 77%;
  }
  .statics .item table {
    border-spacing: 2px;
  }
  .statics .item .collapse {
    max-height: 175px;
  }
  #collapseOne {
    padding: 9px 35px 0 10px;
  }
  #collapseTwo {
    padding: 9px 35px 0 10px;
  }
  #collapseThree {
    padding: 9px 35px 0 10px;
  }
  #collapseFour {
    padding: 9px 35px 0 10px;
  }
  .statics .item table {
    border-spacing: 7px;
  }
  .statics ul {
    padding: 25px 13px 12px 13px;
  }
  .qest-panel-btn .dropdown-menu ul {
    padding: 25px 13px 12px 13px;
  }
  .statics .item table tbody tr td {
    font-size: 12.333px;
    line-height: 27px;
    height: 27px;
    padding: 0 5px;
  }
  .answer-box {
    padding: 0;
  }
  .left-btn-group.left-align {
    width: 42%;
  }
  .right-btn-group.right-align {
    width: 58%;
  }
  .attempt-info span {
    font-size: 11px;
  }
  .attempt-result span {
    font-size: 11px;
  }
  .filter-area {
    max-width: 910px;
  }
  .post-box .comment-form form {
    width: 85%;
  }
  .genarated-test-box-area {
    max-width: 950px;
  }
  .take-adaptiveTest-btn {
    margin: 20px 15px 0 0;
  }
  .checkout-area .video-item h4 {
    font-size: 9.86667px;
    line-height: 12px;
  }
  .checkout-area .video-item p {
    display: none;
  }
  .checkout-area .video-item .bottom-info {
    width: 147px;
  }
  .video-blog-area-wrap .post-box .comment-form form {
    width: 87%;
  }
  .details-area.course {
    padding: 0;
  }
  .asses-about-area.course {
    padding: 0;
  }
  .class-info h4 {
    font-size: 12px;
    line-height: 20px;
  }
  .student-details .title h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .student-details-area form label {
    font-size: 15.33px;
    line-height: 18px;
  }
  .student-details-area form button {
    min-width: 93px;
  }
  .student-details-area form button.change-pass {
    min-width: 150px;
  }
  .asses-about-area .info .item {
    max-width: 275px;
  }
  .question-text-header {
    max-width: 550px;
  }
  .question-text-header-readOnly {
    max-width: 550px;
  }
}
@media only screen and (max-width: 991px) {
  .privacy-box {
    padding: 0 5%;
  }
  .privacy-box-1 {
    padding: 0 7%;
  }
  .student-public-profile .section-bodys {
    margin-top: 20px;
  }
  .checkout-area {
    max-width: 1024px;
    padding-left: 0rem !important;
  }
  .student-public-profile .hadding-name-a {
    font-weight: 500;
    font-size: 18px;
  }
  .student-public-profile .desktop-view {
    display: none;
  }
  .student-public-profile .section-2 {
    margin-top: 20px;
  }
  .student-public-profile .section-2 .know-body {
    gap: 20px;
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  .student-public-profile .section-2 .know-body .left-cart {
    padding: 20px;
  }
  .student-public-profile .section-2 .know-body .left-cart h3 {
    font-size: 18px;
  }
  .student-public-profile .section-2 .know-body .left-cart p {
    font-size: 14px;
  }
  .student-public-profile .section-2 .know-body .left-cart h4 {
    position: relative;
    text-align: right;
    font-size: 12px;
    line-height: 14px;
    bottom: 0;
  }
  .student-public-profile .section-2 .know-body .right-cart {
    padding: 20px 20px 70px;
  }
  .student-public-profile .section-2 .know-body .right-cart h3 {
    font-size: 18px;
  }
  .student-public-profile .section-2 .know-body .right-cart .box {
    margin-top: 20px;
  }
  .student-public-profile .section-2 .know-body .right-cart .box h4 {
    font-size: 16px;
  }
  .student-public-profile .section-2 .know-body .right-cart .box ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .student-public-profile .section-2 .know-body .right-cart .box ul li a {
    font-size: 14px;
  }
  .student-public-profile .section-3 {
    padding: 20px;
  }
  .student-public-profile .section-3 h4 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .student-public-profile .section-3 .experience-body .subjectwise-performance {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .student-public-profile .section-3 .experience-body .subjectwise-performance .performance-cart h5 {
    font-size: 14px;
  }
  .student-public-profile .section-3 .experience-body .subjectwise-performance .performance-cart h6 {
    font-size: 12px;
  }
  .student-public-profile .section-4 {
    padding: 20px;
  }
  .student-public-profile .section-4 h4 {
    font-size: 18px;
    margin-bottom: 0;
  }
  .student-public-profile .section-4 .certificates-achieved-body {
    margin-top: 20px;
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .student-public-profile .section-4 .certificates-achieved-body .certificates-cart {
    padding: 15px;
  }
  .student-public-profile .section-4 .certificates-achieved-body .certificates-cart .image {
    width: 35px;
    height: 35px;
  }
  .student-public-profile .section-4 .certificates-achieved-body .certificates-cart .content h4 {
    font-size: 7px;
    line-height: 8px;
  }
  .student-public-profile .section-4 .certificates-achieved-body .certificates-cart .content h3 {
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 5px;
  }
  .student-public-profile .section-4 .certificates-achieved-body .certificates-cart .content h5 {
    font-size: 8px;
    line-height: 10px;
  }
  .student-public-profile .section-5 {
    padding: 20px;
  }
  .student-public-profile .section-5 .courses-enrolled {
    margin-top: 20px;
    gap: 20px;
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .accordation-area.attemptSummary-vedio .area table.table {
    width: 94%;
  }
  .chart_area_body.custom-legend .apexcharts-legend-series {
    padding: 0px 10px;
  }
  .dashboard-extraBorder-New {
    max-width: 100%;
  }
  .question-text-header {
    max-width: 470px;
  }
  .question-text-header-readOnly {
    max-width: 470px;
  }
}
@media screen and (max-width: 991px) {
  .selection-wrap .given-answer {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .selection-wrap .correct-answer {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .new-question-area-box .board .title .title-right ul li {
    font-size: 13px !important;
  }
  .dashboard-area.classroom .post-box .special-info h4 {
    max-width: 30%;
  }
  header {
    padding: 18px 0 17px 0;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.09);
  }
  .header-area nav .navbar-brand {
    max-width: 89px;
  }
  .header-area ul li.user figure {
    max-width: 20px;
  }
  .header-area nav ul li.search {
    margin-top: 2px !important;
  }
  main {
    padding: 20px 0;
  }
  .main-area .info {
    margin-bottom: 0;
  }
  .main-area .info .inner span {
    display: none;
  }
  .main-area .info form {
    display: none;
  }
  .search-btn {
    display: table;
  }
  .main-area .info .inner {
    padding: 15px 0 13px 15px;
  }
  .main-area .info .inner h3 {
    font-size: 16px;
    margin-bottom: 0;
    line-height: 22px;
  }
  .main-area .info figure {
    max-width: 50px;
  }
  .search-btn {
    margin: 15px 0 10px 0;
  }
  .box-area .heading {
    margin-bottom: 24px;
  }
  .view-all {
    display: none;
  }
  .box-area .heading {
    padding: 0 5px;
  }
  .topic .box-item {
    width: 100%;
    float: none;
  }
  .topic .box figure {
    float: left;
    width: 100%;
    max-width: 126px;
  }
  .topic .box figure img {
    max-width: 42px;
    margin: 10px auto;
  }
  .topic .box-inner {
    float: left;
  }
  .topic .box .info {
    min-height: initial !important;
    margin-bottom: 0 !important;
  }
  .topic.box-area-wrap {
    width: initial !important;
    margin: 0 -10px !important;
  }
  .topic .box-item {
    margin-bottom: 20px;
  }
  .topic .box .info h4 {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 15px;
  }
  .topic .question-count span {
    font-size: 10px;
    line-height: 12px;
  }
  .topic .box .time span {
    font-size: 10px;
    line-height: 12px;
  }
  .topic .box {
    padding-top: 29px !important;
    padding-bottom: 28px !important;
  }
  .topic .question-count {
    display: block;
  }
  .topic .time {
    display: block;
  }
  footer {
    display: block;
  }
  .chat-board {
    margin-bottom: 75px;
  }
  .arrow {
    display: table;
  }
  button.owl-next {
    display: none;
  }
  button.owl-prev {
    display: none;
  }
  .banner {
    display: none;
  }
  .subject {
    display: none;
  }
  .header-area nav ul li {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #000;
  }
  .search {
    background: none !important;
    margin: 0;
  }
  .search-result {
    margin-top: 0;
  }
  .search-area figure {
    max-width: 254px;
    margin-bottom: 20px;
  }
  .search-area .inner-content h3 {
    font-size: 10.8308px;
    line-height: 15px;
  }
  .search-area .inner-content {
    max-width: 238px;
  }
  .search-page {
    margin-top: 0 !important;
  }
  .asses-info h3 {
    font-size: 16px;
    line-height: 19px;
  }
  .details {
    margin-top: 55px;
    padding: 20px 0;
  }
  .asses-about-area .item-wrap {
    display: none;
  }
  .asses-about-area .info {
    padding: 0;
  }
  .asses-about-area h3 {
    font-size: 16px;
    line-height: 19px;
    color: #000;
    margin-bottom: 20px;
  }
  .asses-about-area p {
    font-size: 12px;
    line-height: 16px;
  }
  .asses-about-area .info .inner {
    padding-right: 0;
  }
  .asses-about {
    padding: 4px 0 55px 0;
    margin-bottom: 120px;
  }
  .asses-about-area .info {
    margin-bottom: 20px;
  }
  .asses-about-area .info .item {
    max-width: 100%;
    padding: 17px;
    margin-bottom: 17.06px;
  }
  .asses-about-area .info .item h4 {
    font-size: 13.65px;
    line-height: 16px;
    margin-bottom: 17px;
  }
  .chapter-box h2 {
    font-size: 15.9494px;
    line-height: 19px;
  }
  .chapter-box {
    margin-bottom: 11px;
  }
  .take-asses-btn {
    font-size: 18.4px;
    max-width: 100%;
    height: 57.5px;
    line-height: 57.5px;
    border-radius: 0;
    -webkit-border-radius: 0;
    margin-bottom: 0;
    bottom: 60px;
  }
  .asses-about-area .view-all {
    display: table;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
  }
  .asses-about-area .view-all a {
    color: #5251ab;
  }
  .asses-about.topic {
    padding-top: 20px;
  }
  .details.topic .arrow {
    float: left;
    margin-top: 2px;
  }
  .details.topic .asses-info {
    float: left;
    padding-left: 22px;
  }
  .details.topic {
    padding: 18px 0;
  }
  .assesment-name {
    position: initial;
    transform: none;
    padding: 8px 0;
  }
  header.mcq .header-area nav {
    padding: 0 10px !important;
  }
  header.mcq .header-area nav > a {
    display: table !important;
  }
  header.mcq .header-area nav {
    display: block !important;
  }
  header.mcq .header-area nav ul {
    display: block !important;
    max-width: initial;
  }
  .timer h6 {
    text-align: left !important;
  }
  .finish-btn {
    font-size: 21.4286px;
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 999;
    margin-left: 0;
  }
  header.mcq {
    padding: 20px 0;
  }
  header.mcq .header-area nav > a span {
    font-size: 12px;
    line-height: 18px;
    padding-left: 6px;
  }
  header.mcq .header-area nav > a figure {
    width: 18px;
    height: 18px;
  }
  .assesment-name span {
    font-size: 18px;
    line-height: 21px;
  }
  .timer-clock {
    min-width: 61.97px;
    height: 25.35px;
    line-height: 25.35px;
    float: left;
    -webkit-border-radius: 5.6338px;
  }
  .timer-clock span {
    font-size: 16.9014px;
  }
  .timer h6 {
    font-size: 7.88732px;
    line-height: 9px;
  }
  .board .heading .btn-group {
    display: block;
    float: right;
  }
  .board .button-group {
    display: block;
  }
  .statics ul {
    display: none;
  }
  .board .heading ul.info {
    padding-left: 25px;
  }
  .board .heading ul.info li {
    font-size: 14px;
    line-height: 24px;
    padding: 0 7px;
  }
  .board .heading ul.info li.count {
    min-width: 32px;
    margin: 0 1px 0 3px;
    border-radius: 6.66667px;
    -webkit-border-radius: 6.66667px;
  }
  .board .heading ul.info li.count span {
    min-width: 13px;
    font-size: 12.247px;
    line-height: 24px;
  }
  .board .title h4 {
    font-weight: 400;
    padding: 0;
    font-size: 14px;
    line-height: 17px;
  }
  .board .title .title-right ul li.number {
    min-width: 17px;
    width: 17px;
    height: 17px;
    font-size: 9.59707px;
    line-height: 17px;
    padding: 0px;
  }
  .board .title .title-right ul li:first-child {
    font-size: 10px;
    line-height: 12px;
    padding: 3px 0 2px 0;
  }
  .board .title {
    padding: 9px 25px 9px 25px;
  }
  .board .title .title-right ul li {
    margin-left: 5px;
  }
  .question-box {
    padding: 25px;
  }
  .answer-box ul li::before,
  .question-answers label .checkmark {
    width: 33px;
    height: 33px;
    line-height: 30px;
    font-size: 14.4px;
  }
  .answer-box ul li .answer {
    max-width: calc(100% - 33px);
  }
  .answer-box ul li .answer > span {
    font-size: 14.4px;
    line-height: 20px;
    padding: 7px 0 7px 53px;
  }
  .answer-box .checkmark {
    width: 15.6px;
    height: 15.6px;
    border: 1.8px solid #000000;
  }
  .answer-box .checkmark {
    left: -10px;
  }
  .answer-box ul li {
    margin-bottom: 12px;
  }
  .answer-box ul li:last-child {
    margin-bottom: 0;
  }
  .statics {
    padding-top: 17px;
  }
  .statics .item table {
    border-spacing: 13.33px;
  }
  .statics .item .collapse {
    max-height: 190px;
  }
  footer.mcq {
    display: none !important;
  }
  .review-next-btn,
  .save-btn,
  .save-next-btn,
  .previous-btn {
    width: 100%;
    float: none;
    border-radius: 0 !important;
    font-size: 16.56px;
    line-height: 50px;
    height: 50px;
  }
  .save-btn.instruction a,
  .review-next-btn.instruction a {
    color: #000 !important;
    text-align: center;
  }
  .tutorial-exm_new .right-btn-group {
    display: block;
  }
  .previous-btn.instruction,
  .save-next-btn.instruction,
  .clear-btn.instruction {
    display: block;
    text-align: center;
    float: none;
    border-radius: 0;
    margin-right: 0;
  }
  .statics .item button::after {
    right: 26px;
  }
  .answer-box .input-field input {
    height: calc(1em + 0.25rem + 1px);
  }
  .answer-box textarea {
    min-height: 123px;
    border: 1.07449px solid #c4c4c4;
  }
  .capture-btn {
    display: block;
  }
  .question-box {
    min-height: initial;
  }
  .question-item span input {
    max-width: 95px;
    min-width: 95px;
  }
  .coding-window-title .button-group {
    display: table;
  }
  .qest-panel-btn {
    display: none;
  }
  .coding-left .item h4 {
    font-size: 12px;
    line-height: 14px;
    padding: 6px 20px 5px 20px;
  }
  .coding-left .item textarea {
    min-height: 100px;
  }
  .coding-window-title h4 {
    font-size: 12px;
    line-height: 14px;
    padding: 18px 20px 18px 20px;
  }
  .coding-window-title ul li.dropdown {
    margin: 0 15px 0 0;
    font-size: 14.1076px;
    line-height: 16px;
    border-radius: 2.93908px;
    -webkit-border-radius: 2.93908px;
  }
  .coding-window-title ul li.dropdown a {
    padding: 5.5px 8.89px 5.5px 10px;
  }
  .coding-window-title .button-group {
    padding: 11px 20px 11px 0 !important;
  }
  .coding-window textarea {
    min-height: 280px;
  }
  .coding-window-textfield::after {
    display: none;
  }
  .coding-left {
    float: none;
    width: 100%;
  }
  .coding-window,
  .CustominputExapand-DesignChange {
    width: 100%;
    float: none;
  }
  .run-code-btn {
    width: 100%;
    float: none;
    border-radius: 0 !important;
    font-weight: 700;
    font-size: 16.56px;
    line-height: 57.5px;
    height: 57.5px;
  }
  .button-group-wrap .save-btn {
    font-size: 12px;
    line-height: 57.5px;
    height: 50px;
    line-height: 50px;
    font-weight: 400;
  }
  .button-group-wrap .review-next-btn {
    font-size: 12px;
    line-height: 57.5px;
    height: 50px;
    line-height: 50px;
    font-weight: 400;
  }
  .result {
    width: 100%;
    float: none;
    margin-top: 0;
  }
  .result-board::before {
    width: 7px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .result-board-title h4 {
    font-size: 12px;
    line-height: 14px;
  }
  .result-board-title h4 span {
    font-size: 12px;
    line-height: 14px;
  }
  .result-board-title {
    padding: 10px 17px;
    border: 0;
  }
  .result-info {
    margin-bottom: 10px;
  }
  .result-board-wrap {
    padding: 0 17px;
  }
  .result-board {
    margin-bottom: 15px;
  }
  .output {
    padding-bottom: 15px;
  }
  .left-btn-group .answer-box ul li::before {
    display: none;
  }
  .ratings-area .stars ul li figure {
    max-width: 35px;
    margin-top: 15px;
  }
  .ratings-area .heading h5 {
    font-size: 18px;
    line-height: 21px;
  }
  .ratings-area .heading {
    margin-bottom: 11.85px;
  }
  .ratingOne {
    margin-bottom: 0;
  }
  .ratings-area {
    border-radius: 13.3333px;
    -webkit-border-radius: 13.3333px;
  }
  .ratings-area {
    max-width: 700px;
    padding: 20px 20px;
    border-radius: 10.2857px;
    -webkit-border-radius: 10.2857px;
  }
  .ratingOne {
    margin-bottom: 15px;
  }
  .ratings {
    padding: 80px 0;
  }
  .rating-m {
    padding: 0;
  }
  .ratings-area form button {
    position: fixed;
    font-size: 13.3333px;
    max-width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 0;
    -webkit-border-radius: 0;
    margin-top: 54px;
  }
  .rating-m .ratings-area {
    padding: 0;
    padding-bottom: 55px;
  }
  .rating-m .ratings-area {
    border-radius: 0;
  }
  .ratings-area-wrap {
    padding: 20px 20px 0 20px;
  }
  .ratings-area form .form-group {
    padding: 0 20px;
  }
  .help .btn-groups .title {
    float: left;
    width: 57%;
  }
  .help .btn-groups .title h5 {
    font-size: 12px;
    line-height: 14px;
  }
  .help .btn-groups ul li {
    min-width: 43.49px;
    height: 24.55px;
    line-height: 24.55px;
    border: 0.701493px solid #8a8a8a;
    border-radius: 7.01493px;
    -webkit-border-radius: 7.01493px;
    font-size: 11.2239px;
    margin: 0 3.75px;
  }
  .help .btn-groups ul {
    margin-bottom: 10px;
  }
  .ratings-area .info .box {
    width: 57.85px;
    height: 73.62px;
    border: 0.525874px solid #8a8a8a;
    border-radius: 5.25874px;
    margin-bottom: 6px;
  }
  .ratings-area .info ul li {
    padding: 0 11px;
    font-size: 11.4545px;
    line-height: 13px;
  }
  .ratings-area .heading h4 {
    font-size: 18px;
    line-height: 21px;
  }
  .ratings-area form textarea {
    min-height: 141px;
  }
  .ratings-area form {
    margin-top: 33px;
  }
  .asses-about-area h3 {
    font-size: 16px;
    line-height: 19px;
    color: #000;
    margin-bottom: 20px;
  }
  .asses-overview-area {
    padding: 0;
  }
  .asses-overview-area h3 {
    font-size: 16px;
    line-height: 19px;
    color: #000;
    margin-bottom: 20px;
  }
  .chapter-box .date-time {
    margin-bottom: 0;
  }
  .star {
    width: 48px;
    height: 48px;
    margin-top: 8px;
  }
  .login .logo {
    margin-bottom: 74px;
    margin-left: auto;
  }
  .login-area form {
    max-width: 478px;
    padding: 33px 16px;
  }
  .forgot-pass-modal .modal-content .modal-body {
    padding: 16px;
  }
  .login {
    background: #fff;
  }
  .login-area form {
    margin-left: auto;
    margin-right: auto;
  }
  .dashboard-area-wrap {
    padding-top: 25px;
  }
  .work-info h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 25px;
  }
  .help-info-item p {
    font-size: 11.3333px;
    line-height: 16px;
  }
  .help-info h3 {
    font-size: 21px;
    line-height: 25px;
    margin-bottom: 40px;
  }
  .mt-tab-d {
    margin-top: 0 !important;
  }
  .adaptive-question-header {
    border: 0;
  }
  .adaptive-question-area .adaptive-question-box {
    padding: 0;
  }
  .adaptive-question-area {
    max-width: 100%;
  }
  .adaptive-question-area .adaptive-question-box {
    padding: 0;
    min-height: initial;
    border: 0;
  }
  .adaptive-question-header .finish-btn {
    margin-left: 0;
    margin-right: 10px;
  }
  .adaptive-question-area .adaptive-question-box.adaptive-question-ans .adaptive-answer-box {
    padding: 0;
  }
  .adaptive-question-area .adaptive-question-box.adaptive-question-ans .adaptive-answer-box ul li .answer {
    padding: 8px 0 0 35px;
  }
  .adaptive-question-area .adaptive-question-box.adaptive-question-ans ul li::before {
    display: block;
    height: 33px;
    width: 33px;
    line-height: 31px;
    font-size: 14.4px;
  }
  .adaptive-question {
    padding: 20px 0 60px 0;
  }
  .adaptive-question-area .heading ul.info li.count {
    background: #0253d5;
  }
  .adaptive-question-area .adaptive-answer-box.myques > ul > li .answer {
    margin-left: 0;
  }
  .adaptive-question-box .group-link {
    position: fixed;
    bottom: 30px;
    top: 70px;
    right: 15px;
    z-index: 99;
  }
  .adaptive-question-box .group-link-Clearfix_new {
    bottom: 30px;
    top: initial;
    right: 14px;
    z-index: 1060;
    margin-left: 35px;
  }
  .adaptive-question-box .group-link .cal {
    float: right;
  }
  .adaptive-question-box .group-link .brush {
    float: right;
    margin-right: 20px;
  }
  .post-box-content p {
    font-size: 12.3084px;
    line-height: 14px;
  }
  .post-box .special-info h4 {
    font-size: 8px;
    line-height: 10px;
    margin-bottom: 4px;
  }
  .post-box .special-info p {
    font-size: 8px;
    line-height: 10px;
    margin-bottom: 4px;
  }
  .post-box .special-info {
    padding: 0 20px;
  }
  .post-box .special-info span {
    font-size: 8px;
    line-height: 10px;
    background-size: 10px;
    padding-left: 15px;
  }
  .post-box .special-info .inner {
    padding: 13px 0;
  }
  .genarated-test-box-area {
    max-width: 710px;
  }
  .genarated-test-box h4 {
    font-size: 12.973px;
    line-height: 15px;
  }
  .practice-btn {
    font-size: 7.77612px;
    line-height: 21.6px;
    height: 21.6px;
    border: 0.432007px solid #4c73e6;
    border-radius: 4.32007px;
    -webkit-border-radius: 4.32007px;
    margin-top: 14px;
  }
  .practice-btn a {
    padding: 0 10px;
  }
  .genarated-test-box {
    padding: 12px;
    margin-bottom: 16px;
  }
  .box-area-wrap .inner-left {
    width: 100%;
    margin-bottom: 30px;
  }
  .box-area-wrap .inner-right {
    width: 100%;
  }
  .question-box .adaptive-question-area .info p {
    font-size: 17px;
    line-height: 24px;
  }
  header.course-header .header-area ul li.notification {
    position: absolute;
    top: 0;
    right: 40px;
    z-index: 999;
  }
  header.course-header {
    background: #f4f4f7 !important;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 99;
    padding: 10px 0;
  }
  main.course {
    background: #f4f4f7;
    margin-top: 0;
  }
  header#header_sticky.course-header.fixed-top .header-area nav .navbar-brand {
    visibility: visible;
    opacity: 1;
  }
  .main-area.course button.owl-next.disabled,
  .main-area.course button.owl-prev.disabled {
    display: none;
  }
  .box-area.favorites .heading h3 {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
  }
  header.course-header .header-area nav ul {
    margin: 10px 0 0 0;
  }
  header.course-header .header-area nav ul li {
    margin: 0 10px 5px 0;
  }
  .box-area.favorites.mobile {
    padding: 48px 5px 0 5px;
  }
  .box-area.favorites .box .info h4 {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .main-area.course .box-area .heading {
    padding: 0 5px;
  }
  .box-area.explore .heading h3 {
    font-size: 12px;
    line-height: 14px;
  }
  .box-area.favorites .box .info h4 {
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 6px;
  }
  .box-area.explore .box .info h4 {
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 6px;
  }
  .box-area.library .box .info h4 {
    font-size: 10px;
    line-height: 7px;
    margin-bottom: 0px;
  }
  .box-area.favorites .box-inner {
    padding: 5px 5px;
  }
  .main-area.course .box-area .box-item .box figure {
    margin-bottom: 10px;
  }
  .box-area.library .heading h3 {
    font-size: 12px;
    line-height: 14px;
  }
  .box-area.top-categories .box-item .box .info h4 {
    font-size: 10px;
    line-height: 12px;
  }
  .box-area.top-categories .heading h3 {
    font-size: 12px;
    line-height: 14px;
  }
  .main-area.course .owl-carousel .box-item {
    padding: 0 5px;
  }
  .header-area.container-fluid .user-area {
    right: 0 !important;
  }
  .video-blog {
    padding-top: 0;
  }
  .mark-btn.d-block {
    display: table !important;
  }
  .video-blog-area .load-more-result {
    display: none;
  }
  .video-blog-area-wrap {
    border-bottom: 0;
  }
  .video-blog-area-wrap .post-box .comment-form form {
    width: 100%;
  }
  .video-blog-area-wrap .post-box .comment-form .border {
    border-bottom: 1.5px solid #c6c6c6 !important;
  }
  .checkout {
    padding: 15px 0 35px 0;
  }
  .order-details .price {
    margin-left: 0 !important;
  }
  .order-details {
    margin-left: 45px;
  }
  .checkout-area .heading h2 {
    font-size: 15px;
    line-height: 21px;
  }
  .checkout-area .heading.mycart {
    margin-bottom: 20px;
  }
  .order-box {
    border: 0.72219px solid #c4c4c4;
    border-radius: 7.47767px;
    -webkit-border-radius: 7.47767px;
    padding: 15px 15px 20px 15px;
    margin-bottom: 20px;
  }
  .checkout-area h3 {
    font-size: 16.9791px;
    line-height: 20px;
  }
  .explore-btn {
    font-size: 8.68248px;
    min-width: 77px;
    height: 24.12px;
    line-height: 24.12px;
    border-radius: 4.8236px;
    -webkit-border-radius: 4.8236px;
    margin-top: 15px;
  }
  .checkout-area > figure {
    max-width: 192px;
  }
  .course-search-empty h3 {
    font-size: 15.4167px;
    margin-bottom: 10px;
  }
  .course-search-empty p {
    font-size: 11.3056px;
  }
  main.course.bg-color8 {
    background: #fff;
  }
  .course-search-info h4 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 8px;
    font-weight: 700;
  }
  .course-search {
    margin-left: 0;
  }
  .course-search {
    border-bottom: 0;
  }
  .load-more-result {
    min-width: 134px;
    height: 34px;
    line-height: 34px;
    font-size: 9.81398px;
    margin-top: 25px;
  }
  .order-area-wrap {
    max-width: 250px;
  }
  .video-blog-area-wrap .tabs ul li:first-child {
    display: block;
  }
  .mark-btn {
    margin-bottom: 70px;
  }
  .video-blog-area .video-blog-area-wrap .video-player .adaptive-question {
    padding-top: 32px !important;
    padding-left: 21px !important;
    padding-right: 21px !important;
    padding-bottom: 0 !important;
  }
  .adaptive-question-area .adaptive-question-box.adaptive-question-ans .adaptive-answer-box ul li .answer {
    padding: 8px 0 0 15px;
  }
  .video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .adaptive-question-box.ans .checkmark {
    display: none;
  }
  .video-blog-area .video-blog-area-wrap .video-player .adaptive-question-area .adaptive-question-box.ans > ul > li .answer > span {
    padding: 0 15px 0 33px;
  }
  .purchase-info figure {
    margin-bottom: 35px;
  }
  .purchase-info h5 {
    font-size: 14px;
    line-height: 17px;
  }
  .checkout-area .purchase-info {
    padding-top: 50px;
  }
  .asses-right ul li {
    color: #000;
  }
  .asses-right ul li.calender {
    background: url("./media/calender-icon-black.png") no-repeat 0 center;
  }
  .asses-right ul li.session {
    background: url("./media/session-icon-black.png") no-repeat 0 center;
  }
  .asses-right ul li.assessment {
    background: url("./media/assessment-icon-black.png") no-repeat 0 center;
  }
  .asses-right ul li.resource {
    background: url("./media/play-button-black.png") no-repeat 0 center;
  }
  .asses-right ul li.quizze {
    background: url("./media/task-icon-black.png") no-repeat 0 center;
  }
  .asses-about-area.course .item-wrap {
    margin-right: auto;
  }
  .course-content .content .week {
    position: initial;
    margin-bottom: 15px;
  }
  .course-content .content .week p {
    float: left;
    font-size: 20px;
    line-height: 23px;
  }
  .course-content .content .week span {
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 0;
    float: left;
  }
  .course-content .content {
    padding-left: 0;
    margin-bottom: 25px;
  }
  .course-content h4 {
    font-size: 14px;
    line-height: 16px;
  }
  .course-content .content ul li.online-class {
    background-size: 16px;
  }
  .course-content .content ul li.assessment {
    background-size: 15px;
  }
  .course-content .content ul li.play {
    background-size: 15px;
  }
  .course-content .content ul li {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 12px;
  }
  .course-content .content ul {
    margin-top: 27px;
  }
  .asses-about-area.course .chapter-box .practice-btn.attempt {
    margin-top: 20px !important;
    margin-left: 0 !important;
  }
  .asses-about-area.course .chapter-box .date-time {
    margin: 0;
  }
  .asses-about-area.course .chapter-box .date-time p {
    margin-top: 0;
  }
  .asses-about-area.course .chapter-box .view-attempt-btn {
    margin-top: 20px;
    margin-left: 0;
  }
  .perfectice-certificate-btn {
    font-size: 13.3333px;
    height: 40px;
    line-height: 38px;
  }
  .session {
    min-height: 250px;
    max-width: 625px;
    border: 0;
  }
  .modal-content {
    border-radius: 15px;
  }
  .modal-dialog.congr-dialog {
    max-width: 100%;
    margin: 0;
  }
  .modal-content.congr {
    border: 0;
    border-radius: 0;
  }
  .modal-body.congratulation + .modal-footer {
    padding: 0;
  }
  .modal-body.congratulation + .modal-footer .continue-btn {
    width: 100%;
    max-width: 100%;
    border-radius: 0 !important;
    margin: 0;
  }
  .congratulation.modal-body h2 {
    font-size: 14.2703px;
  }
  .congratulation.modal-body p {
    font-size: 7.78378px;
  }
  .class-board-detail h3 {
    font-size: 13.8196px;
    line-height: 16px;
    margin-bottom: 3px;
  }
  .class-board-detail p {
    font-size: 6.90979px;
    line-height: 8px;
  }
  .class-board-info h3 {
    font-size: 13.8196px;
    line-height: 16px;
    margin-bottom: 3px;
  }
  .class-board-wrap {
    margin-top: 16px;
  }
  .class-board-wrap h5 {
    font-size: 9.15085px;
    line-height: 11px;
  }
  .class-board-wrap span {
    font-size: 11.8991px;
    line-height: 14px;
  }
  .class-board {
    border-radius: 0;
    -webkit-border-radius: 0;
  }
  .class-item {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }
  .my-class-area {
    margin-left: unset;
  }
  .join-with-code-btn {
    min-width: 126px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    margin-left: unset;
  }
  .class-info h4 {
    font-size: 14px;
    line-height: 23px;
  }
  .class-board-inner {
    max-width: 690px;
  }
  .assignment-area .title {
    margin-top: 15px;
  }
  .assignment-content .heading .item-wrap {
    padding-top: 30px;
    margin-left: -22px !important;
  }
  .assignment-content .heading {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .assignment-content-area .submit-response-btn {
    margin-top: 8px;
    margin-left: 0 !important;
  }
  .submission .status p {
    font-size: 9.66443px;
    line-height: 11px;
  }
  .submission-wrap {
    padding: 13px 15px;
  }
  .submission-wrap {
    margin-top: 0;
  }
  .document-area {
    margin-top: 30px;
  }
  .assignment-content .heading .heading-info .name-info .time {
    margin-left: 0 !important;
    margin-top: 16px;
  }
  .assignment-content-wrap {
    max-width: 640px;
    margin-right: 0 !important;
  }
  .all-classes-btn.folder {
    min-width: 136px;
    height: 36px;
    line-height: 36px;
    border-radius: 36px;
    -webkit-border-radius: 36px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .folder-area .folder {
    width: 100%;
    padding: 0;
  }
  .class-board .title {
    max-width: 690px;
  }
  .folder-area {
    max-width: 690px;
    margin: 0;
  }
  .class-board .title .search-btn a figure {
    max-width: 17px;
  }
  .class-board.folder-board {
    min-height: initial;
  }
  .class-board.folder-board .tabs ul {
    max-width: 660px;
  }
  .asses-about-area .item-wrap.test {
    display: block;
    margin-left: 0 !important;
    padding: 0;
  }
  .chapter-box.test h2 {
    font-size: 16px;
    line-height: 16px;
  }
  .chapter-box.test .test-wrap > ul li {
    font-size: 6.81558px;
    line-height: 8px;
  }
  .chapter-box.test figure {
    width: 120px;
    height: 120px;
  }
  .inbox_people {
    width: 100%;
    border-right: 0;
  }
  .left_chat_list {
    height: 150px !important;
    overflow: auto !important;
    margin-bottom: 16px;
    border-bottom: 1px solid;
  }
  .chat_ib {
    padding: 5px 0 5px 15px;
  }
  .mesgs {
    width: 100%;
  }
  .mesgs .title {
    padding: 15px 20px 0 0;
    margin-bottom: 25px;
  }
  .received_msg {
    padding: 0;
    width: 100%;
  }
  .received_withd_msg {
    width: 92%;
  }
  .msg_send_btn {
    min-width: 90px;
  }
  main.edit-profile {
    background: #fff;
  }
  .student-details-area form label {
    font-size: 9.51824px;
    line-height: 11px;
  }
  .student-details-area form input::placeholder {
    font-size: 9.51824px;
  }
  .student-details-area form input {
    font-size: 9.51824px;
    height: calc(1em + 0.5rem + 2px);
  }
  .student-details {
    min-height: initial;
  }
  .student-details-area form button {
    font-size: 7.37143px;
    min-width: 57px;
    height: 24px;
    line-height: 24px;
    border-radius: 8.19048px;
    margin-top: 11px;
  }
  .student-details {
    padding: 15px;
  }
  .fixed-bottoms {
    bottom: 70px;
  }
  .footer-margin {
    margin-bottom: 110px;
  }
}
@media screen and (max-width: 767px) {
  .new-question-area-box .board .button-group {
    display: flex !important;
    gap: 20px;
  }
  .accordation-area.attemptSummary-vedio .selection {
    padding-left: 75px;
  }
  .new-question-area-box .mathjax-container p {
    padding: 15px 20px;
  }
  .new-question-area-box .mathjax-container pre code.hljs {
    padding: 15px 20px;
  }
  .new-question-area-box .adaptive-answer-box {
    padding: 15px 20px;
  }
  .new-question-area-box .board .button-group {
    padding: 15px 25px;
  }
  .new-service-body .hadding-name {
    display: none;
  }
  .new-service-body .new-service-mainbody .service-cart-b > div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .new-service-body .new-service-mainbody .service-cart-b .image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 0 20px;
  }
  .new-service-body .new-service-mainbody .service-cart-b .content-box {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
    padding: 0;
  }
  .new-service-body .new-service-mainbody .service-cart-b .content-box h4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
  }
  .new-service-body .new-service-mainbody .service-cart-b .content-box p {
    font-size: 10px;
  }
  .new-service-body .new-service-mainbody .service-cart-b .content-box .box-ul li {
    font-size: 9px;
    padding-left: 18px;
  }
  .new-service-body .new-service-mainbody .service-cart-b .content-box .box-ul li::before {
    width: 12px;
    height: 12px;
    top: 1px;
  }
  .new-service-body .new-service-mainbody .service-cart-b .mobile-view {
    display: block;
    text-align: right;
    width: 100%;
  }
  .new-service-body .new-service-mainbody .service-cart-b .mobile-view .price {
    position: absolute;
    bottom: 14px;
    right: 0px;
    font-size: 12px;
  }
  .w-100-xs {
    width: 100%;
  }
  .new-service-body .new-service-mainbody .service-cart-b .mobile-view .price .btn-buy {
    padding: 4px 20px;
  }
  .new-service-body .new-service-mainbody .service-cart-b .mobile-view .togel-btn {
    position: absolute;
    top: -15px;
    right: -26%;
  }
  .new-service-body .new-service-mainbody .service-cart-b .mobile-view .togel-btn img {
    width: 18px;
  }
  .new-service-body .new-service-mainbody .service-cart-b .description-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }
  .new-service-body .new-service-mainbody .service-cart-b .description-box h4 {
    font-size: 12px;
  }
  .new-service-body .new-service-mainbody .service-cart-b .description-box p {
    font-size: 10px;
  }
  .new-service-body .new-service-mainbody .service-cart-b .description-box h5 {
    font-size: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .new-service-body .new-service-mainbody .service-cart-b .left-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .new-service-body .new-service-mainbody .service-cart-b .right-box.dextop-view {
    display: none;
  }
  .certificates-achieved .certificates-achieved-body {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  .dashboard-area.classroom .post-box .special-info h4 {
    max-width: 20%;
  }
  .main-area .info ul {
    display: none;
  }
  .box .info {
    min-height: 28px;
  }
  .box {
    padding-top: 18px;
  }
  .box figure {
    max-width: 34px;
  }
  .owl-carousel .box-item {
    padding: 0 8px;
  }
  .box-area.top-categories .box-area-wrap {
    width: 100% !important;
  }
  .box-area.top-categories .box-item {
    width: 50%;
  }
  .box-area .heading h3 {
    font-size: 14px;
    line-height: 16px;
  }
  .work-area figure {
    margin-bottom: 30px;
  }
  .help-info-item {
    margin-bottom: 20px;
  }
  .question-box .adaptive-question-area .info p {
    font-size: 13px;
    line-height: 18px;
  }
  .assignment-content-wrap {
    max-width: 465px;
  }
  .class-board .title {
    max-width: 510px;
  }
  .folder-area {
    max-width: 510px;
  }
  .class-board.folder-board .tabs ul {
    max-width: 510px;
  }
  .class-board-inner {
    max-width: 510px;
  }
  .accordation-area.attemptSummary-vedio .area table.table {
    width: 92%;
  }
}
@media screen and (max-width: 575px) {
  .dashboard-area.classroom .post-box .special-info h4 {
    max-width: 10%;
  }
  .main-area .info .inner {
    padding: 15px 0 13px 10px;
  }
  .post-box .comment-form form {
    width: 78%;
  }
  .post-box .user-comment .user-comment-box .user-comment-info {
    width: 87%;
  }
  .post-box {
    margin-bottom: 30px;
  }
  .post-box-wrap {
    padding: 20px 14px;
  }
  .work-info h3 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 20px;
  }
  .choose-topic-area {
    padding: 30px 0 0 0;
  }
  .generate-test {
    width: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
  }
  .adaptive-question-area .heading ul.info li.count {
    background: #0253d5;
    border-radius: 4.89879px;
  }
  .adaptive-question-area .heading ul.info li.count span {
    min-width: 10px;
  }
  .adaptive-question-area .heading ul.info li.count {
    min-width: 57px;
    margin: 0 10px 0 10px;
  }
  .adaptive-question-area .adaptive-answer-box > ul > li {
    counter-increment: listStyle;
  }
  .adaptive-question-area .adaptive-answer-box > ul > li::before {
    float: left;
    display: inline-block;
    content: counter(listStyle, upper-alpha);
    width: 33px;
    height: 33px;
    font-family: "Open Sans", sans-serif;
    font-size: 14.4px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    border: 0.6px solid #4c73e6;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    padding: 0;
  }
  .adaptive-question-area .adaptive-answer-box {
    padding: 0;
  }
  .adaptive-question-area .adaptive-question-box.ans > ul > li .answer {
    margin-left: 15px;
    margin-top: 0;
  }
  .adaptive-question-area .adaptive-question-box.adaptive-question-ans .adaptive-answer-box {
    padding: 0;
  }
  .adaptive-question-area .adaptive-question-box .adaptive-answer-box {
    padding: 0 0;
  }
  .adaptive-question-area .dropdown > a {
    font-size: 10px;
    line-height: 17px;
  }
  .box-area-wrap .inner-left {
    width: 65%;
    margin-bottom: 30px;
  }
  .question-box .mix-match-drop {
    width: 100%;
    display: block;
    min-height: 70px;
  }
  .question-box .mix-match {
    margin-bottom: 20px;
  }
  .mix-match-content {
    width: 100%;
  }
  .chapter-box.test h2 {
    font-size: 13px;
  }
  .student-details-area form label {
    width: 42%;
  }
  .student-details-area form input {
    width: 58%;
  }
  .student-count .fa {
    font-size: 7px;
    line-height: 10px;
    font-weight: 600;
    letter-spacing: -0.4px;
  }
  .text-right .fa {
    margin-top: 10px;
    font-size: 10px;
  }
  .draft {
    font-size: 8px;
    width: 31px;
    height: 15px;
    line-height: 15px;
  }
  .private {
    font-size: 8px;
    width: 35px;
    height: 14px;
    line-height: 14px;
  }
  .published {
    font-size: 8px;
    width: 44px;
    height: 15px;
    line-height: 15px;
  }
  .rating {
    font-size: 8px;
  }
  .box-item {
    width: 50%;
  }
  .result-overview-area-new .result-overview-box .box-content {
    padding: 15px 0px 0px 0px;
  }
  .result-overview-area-new .result-overview-box .title {
    margin: 0 15%;
  }
  .result-overview-area-new .result-overview-box .title-1 {
    margin: 0 6%;
  }
  .footer-area .nav-item .nav-link img {
    height: 24px;
  }
}
@media screen and (max-width: 539px) {
  .assignment-content-wrap {
    max-width: 285px;
  }
  .error-analysis-area .accordation-area .accordion .area .ques {
    min-width: 180px;
  }
}
@media screen and (max-width: 414px) {
  .main-area .info .inner {
    padding: 14px 10px;
  }
}
@media screen and (max-width: 413px) {
  .main-area .info figure {
    max-width: 40px;
  }
  .main-area .info .inner h3 {
    font-size: 14px;
  }
  .main-area .info .inner {
    padding: 9px 10px;
  }
  .search-btn {
    margin: 10px 0 2px 0;
  }
  .owl-carousel .box-item {
    padding: 0 5px;
  }
  .box-area-wrap {
    margin: 0 !important;
  }
  .owl-carousel .owl-stage-outer {
    padding-left: 0;
  }
  .box .info {
    min-height: 28px;
  }
  .topic .box-inner {
    padding-left: 20px !important;
  }
  .topic .box figure {
    max-width: 105px;
  }
  .topic .box .info h4 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
  }
  .topic .box {
    padding-top: 22px !important;
    padding-bottom: 23px !important;
  }
  .topic .box figure img {
    max-width: 34px;
  }
  .topic .box-item:last-child {
    display: none;
  }
  .asses-box-item h4 {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 3px;
  }
  .asses-box-item span {
    font-size: 10px;
    line-height: 12px;
  }
  .asses-box-item figure {
    margin-bottom: 6px;
    max-width: 37.001px;
  }
  .asses-about-area h3 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
  }
  .asses-about-area p {
    font-size: 10px;
    line-height: 14px;
  }
  .asses-about-area .info {
    margin-bottom: 12px;
  }
  .asses-about-area .info .item {
    padding: 15px;
    margin-bottom: 15px;
  }
  .asses-about-area .info .item h4 {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 15px;
  }
  .chapter-box h2 {
    font-size: 14px;
    line-height: 16px;
  }
  .chapter-box {
    padding: 15px;
  }
  .asses-about-area .view-all {
    font-size: 12px;
    line-height: 14px;
  }
  .take-asses-btn {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .finish-btn {
    width: 88.49px;
    font-size: 16.2857px;
    height: 38px;
    line-height: 38px;
  }
  .finish-btn a {
    padding: 0 10px;
  }
  header.mcq .header-area nav > a figure {
    width: 11px;
    height: 11px;
  }
  header.mcq .header-area nav > a span {
    font-size: 10px;
    line-height: 12px;
  }
  .assesment-name {
    padding: 8px 0;
  }
  .assesment-name span {
    font-size: 16px;
    line-height: 19px;
  }
  .timer-clock {
    min-width: 46px;
    height: 18.82px;
    line-height: 18.82px;
    border-radius: 4.18182px;
    -webkit-border-radius: 4.18182px;
  }
  .timer-clock span {
    font-size: 12.5455px;
  }
  .timer h6 {
    font-size: 5.85455px;
    line-height: 7px;
  }
  header.mcq {
    padding: 15px 0;
  }
  .board .heading ul.info li {
    font-size: 12px;
  }
  .board .heading ul.info {
    padding-left: 21px;
  }
  .board .title {
    padding: 9px 21px 9px 21px;
  }
  header.mcq .header-area nav {
    padding: 0 5px !important;
  }
  .finish-btn {
    right: 5px;
  }
  .answer-box {
    padding: 0;
  }
  .question-box {
    padding: 20px;
  }
  .answer-box ul li .answer > span {
    padding: 7px 0 7px 48px;
  }
  .statics .item button::after {
    width: 13px;
    height: 7px;
    background-size: 13px;
    top: 13px;
  }
  .statics .item button#active::after {
    width: 13px;
    height: 7px;
    background-size: 13px;
    top: 13px;
  }
  .review-next-btn {
    font-size: 14.4px;
    line-height: 50px;
    height: 50px;
  }
  .save-btn {
    font-size: 14.4px;
    line-height: 50px;
    height: 50px;
  }
  .save-next-btn {
    font-size: 14.4px;
    line-height: 50px;
    height: 50px;
  }
  .answer-box .input-field input {
    height: calc(1em + 0.25rem + 0px);
  }
  .answer-box textarea {
    min-height: 114px;
    border: 1px solid #c4c4c4;
  }
  .capture-btn {
    margin-left: 15px;
  }
  .asses-about-area h3 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
  }
  .asses-overview-area h3 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
  }
  .class-boards {
    margin-left: unset;
  }
  .box-area {
  }
  .checkout-area h3 {
  }
  .learnmore {
    width: 126%;
    margin-left: unset;
  }
  .leftpane {
    width: 130%;
    margin-top: -14px;
  }
  .form-group {
    margin-left: -62px;
  }
}
@media only screen and (max-width: 400px) {
  .student-public-profile .section-3 .experience-body .subjectwise-performance {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  .student-public-profile .section-4 .certificates-achieved-body {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  .student-public-profile .section-5 .courses-enrolled {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  .accordation-area.attemptSummary-vedio .area table.table {
    width: 90%;
  }
}
@media screen and (max-width: 390px) {
  .dashboard-area.classroom .post-box .special-info h4 {
    max-width: 6%;
  }
}
@media screen and (max-width: 1200px) {
  .container.sidebar {
    max-width: 1024px;
  }
  .add-view-window .nav-link {
    padding: 0.5rem 4rem;
  }
}
@media screen and (max-width: 768px) {
  .container.sidebar .d-none .sidebar {
    margin-left: -50px;
  }
  .add-view-window .nav-link {
    padding: 0.5rem 1rem;
  }
}
@media only screen and (max-width: 575px) {
  .adaptive-test .main-box {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }
  .adaptive-test .main-box .cart-box {
    max-width: 100%;
  }
  .myeducoins-section .redeem-body .redeem-list {
    overflow-x: scroll;
    margin: 10px 0;
    padding: 10px 0;
  }
  .myeducoins-section .redeem-body .redeem-list li a {
    white-space: pre;
  }
  .myeducoins-section .earn-body {
    padding: 20px;
  }
  .myeducoins-section .earn-body .earn-cart {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    gap: 15px;
  }
  .myeducoins-section .earn-body .earn-cart .earn-content {
    gap: 10px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .myeducoins-section .earn-body .earn-cart .earn-content .left-box h5 {
    font-size: 16px;
  }
  .myeducoins-section .earn-body .earn-cart .earn-content .left-box p {
    font-size: 14px;
  }
  .myeducoins-section .earn-body .earn-cart .earn-content .right-box {
    text-align: right;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .myeducoins-section .earn-body .earn-cart .earn-content .right-box .btn-theme-a {
    padding: 5px 20px;
  }
  .myeducoins-section .educoin-body .data-box ul {
    max-width: 200px;
  }
  .myeducoins-section .educoin-body .data-box ul li a {
    padding: 11px 0;
  }
  .myeducoins-section .educoin-teb ul li a {
    padding: 11px 0;
    font-size: 16px;
  }
}
@media only screen and (max-width: 992px) {
  .bulk-mail .main-body .select-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bulk-mail .main-body .section-2 .description-body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .certificates-achieved .certificates-achieved-body {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .adaptive-test .adaptive-card {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .adaptive-test .left-card {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: 100%;
  }
  .adaptive-test .right-card {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .bulk-mail .main-body {
    background-color: #fff;
    padding: 15px;
  }
  .camera-sec-wrap .camera-sec-content {
    display: block;
    vertical-align: middle;
    width: 100%;
    padding: 20px;
  }
  .gap-bottom {
    margin-bottom: 1rem;
  }
  .widths {
    width: 180px;
  }
  .dd_none {
    display: none !important;
  }
  .mob-height {
    min-height: auto !important;
  }
  .select-ty {
    max-width: 238px;
  }
  .Academics_box ul li a {
    font-size: 14px !important;
    padding: 7px 14px 9px !important;
  }
  .bulk-mail .main-body .select-box .select-body .select-ty .select-template {
    width: 100%;
  }
  .repeat-every {
    margin-bottom: 25px;
  }
  .bulk-mail .main-body .sms-box .disc {
    padding: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .new-service-body .new-service-mainbody .service-cart-b > div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .new-service-body .new-service-mainbody .service-cart-b .content-box h4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .new-service-body .new-service-mainbody .service-cart-b .description-box {
    margin-top: 0;
  }
  .new-service-body .new-service-mainbody .service-cart-b .left-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bulk-mail .main-body .select-box .select-body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .bulk-mail .main-body .select-box .select-body .dropdown {
    width: 100%;
  }
  .bulk-mail .main-body .select-box .select-body .select-ty {
    max-width: 100%;
    margin-bottom: 10px;
  }
  .bulk-mail .main-body .select-box .select-body .reset {
    margin-left: 0;
  }
}

/* src/assets/css/teacher.responsive.css */
@media screen and (max-width: 1919px) {
  .course-summery {
    max-width: 1306px;
  }
  .course-curriculum-area .title {
    margin-bottom: 30px;
  }
  .course-curriculum-area .title h4 {
    font-size: 30px;
    line-height: 35px;
  }
  .add-new-section {
    font-size: 18px;
    height: 43px;
    line-height: 43px;
    border-radius: 5px;
    margin-left: 35px;
  }
  .add-new-section a {
    padding: 0 20px;
  }
  .course-curriculum-duration span {
    font-size: 75px;
    line-height: 50px;
  }
  .course-curriculum-duration p {
    font-size: 20px;
    line-height: 30px;
  }
  .course-curriculum-info h4 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 15px;
  }
  .course-curriculum-info p {
    font-size: 14px;
  }
  .course-curriculum-info .bottom {
    margin-top: 40px;
  }
  .curriculum-content-accordion ul li {
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 15px 15px;
  }
  .course-setting-area .publish-btn {
    min-width: 133px;
    font-size: 18px;
    height: 43px;
    line-height: 43px;
    margin-left: 35px;
  }
  .course-setting-area .save-changes-btn {
    min-width: 165px;
    font-size: 18px;
    height: 43px;
    line-height: 43px;
    margin-left: 35px;
  }
  .course-setting-area .delete-btn {
    font-size: 18px;
    height: 43px;
    line-height: 43px;
  }
  .course-setting-area .widthdraw-btn {
    min-width: 133px;
    font-size: 18px;
    height: 43px;
    line-height: 43px;
    margin-left: 35px;
  }
  .course-curriculum-area .title .cancel {
    font-size: 18px;
    line-height: 43px;
    height: 43px;
  }
  .course-curriculum-area .title .delete {
    font-size: 18px;
    line-height: 43px;
    height: 43px;
    margin-left: 25px;
  }
  .course-curriculum-area .title .add {
    font-size: 18px;
    line-height: 43px;
    height: 43px;
    margin-left: 25px;
  }
  .course-setting-box label {
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 20px 0;
  }
  .course-setting-box .radio label {
    font-size: 16px;
    line-height: 26px;
  }
  .course-summery-info h3 {
    font-size: 24px;
    line-height: 23px;
    margin-bottom: 14px;
  }
  .course-summery-info p {
    font-size: 16px;
    line-height: 20px;
  }
  .course-summery-slider h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 36px;
  }
  .course-summery-info {
  }
  .course-summery .sidebar ul li {
  }
  .course-summery-area {
    padding: 30px 25px 0px 25px;
  }
  .course-summery-area .item .inner {
    margin-bottom: 20px;
  }
  .course-summery-area .item .inner h4 {
    font-size: 14px;
    line-height: 16px;
  }
  .course-summery-area .item .inner p {
    font-size: 14px;
    line-height: 16px;
  }
  .course-summery-wrap {
    max-width: 1030px;
  }
  .course-setting-area {
  }
  .course-setting-area {
  }
  .course-curriculum-area {
  }
  .course-curriculum-area .title .add a {
    padding: 0 30px;
  }
  .course-curriculum-addsection button {
    min-width: 100px;
    height: 43px;
    font-size: 18px;
    line-height: 43px;
  }
  .course-curriculum-addsection button.red {
    margin: 0 20px;
    right: 125px;
  }
  .course-curriculum-addsection .bottom-area .cancel-top {
    font-size: 18px;
    line-height: 43px;
    margin: 0 20px;
  }
  .course-curriculum-addsection h4 {
    font-size: 18px;
    line-height: 21px;
  }
  .course-curriculum-addsection .top-area p {
    font-size: 20px;
    line-height: 24px;
  }
  .course-curriculum-addsection .bottom-area .mathjax-container {
    font-size: 18px;
    line-height: 21px;
  }
  .course-curriculum-addsection .top-area p {
    font-size: 18px;
    line-height: 21px;
  }
  .course-setting-box .tab-item h5 {
  }
  .course-setting-box .tab-item img {
    max-width: 35px;
  }
  .view-note form label {
    font-size: 20px;
    line-height: 23px;
  }
  .view-note form .form-group input {
  }
  .view-note form .form-group input::placeholder {
  }
  .view-note form .form-group {
    margin-bottom: 25px;
  }
  .view-note ul {
  }
  .view-note ul li {
    font-size: 18px;
  }
  .course-curriculum-area .title h4 {
    font-size: 24px;
    line-height: 33px;
  }
  .view-quiz .title .btn-area ul li {
    font-size: 18px;
    line-height: 38px;
  }
  .view-quiz .title .btn-area ul li.add-quiz {
    font-size: 18px;
    height: 38px;
    line-height: 38px;
  }
  .search-bar form input {
  }
  .view-quiz .search-bar input::placeholder {
  }
  .assess-box h4 {
  }
  .assess-box .item span {
  }
  .assess-box button {
  }
  .attachment .analytics-tab > ul li {
  }
  .library-content .title .btn-area ul li {
  }
  .library-content .bottom h4 {
    font-size: 18px;
    line-height: 23px;
  }
  .library-content form input {
  }
  .library-content form input::placeholder {
  }
  .library-content form span {
    height: 35px;
    line-height: 35px;
  }
  .course-summery-area .item h4 {
  }
  .course-summery-area .profile-item-inner {
    width: 60%;
    padding: 4px 5px 6px 0;
  }
  .course-summery-area .profile-item-inner figure {
    width: 40px;
    height: 40px;
  }
  .course-summery-area .profile-item-inner .profile-name {
    width: 63%;
    padding: 7px 0 0 10px;
  }
  .course-summery-area .profile-item .massage-btn {
    margin-top: 10px;
    height: 36px;
    line-height: 36px;
    min-width: 73px;
    font-size: 12px;
    letter-spacing: 0.08em;
  }
  .course-summery-area .item h5 {
    font-size: 13px;
  }
  .course-summery-area .item.credt h5 {
    font-size: 15px;
  }
  .course-summery-area .profile-item {
    margin-bottom: 10px;
  }
  .course-summery-area .item {
    padding: 18px 20px 12px 20px;
    margin-bottom: 25px;
  }
  .course-summery-area .profile-item .massage-btn {
    margin-top: 5px;
    height: 36px;
    line-height: 34px;
    font-size: 11px;
  }
  .course-summery-area .item.credt {
    padding: 11px 20px 11px 20px;
  }
  .content-item-inner .head-title h4 {
    font-size: 16px;
    line-height: 20px;
  }
  .content-item-top {
    margin-bottom: 0;
  }
  .library-content .load-more {
    max-width: 240px;
    margin-top: 40px;
    height: 66px;
    line-height: 66px;
    font-size: 20px;
    color: #000;
  }
  .library-content .content-item ul li {
    margin-right: 7px;
    margin-top: 8px;
    font-size: 11px;
    line-height: 25px;
    padding: 0 7px;
  }
}
@media screen and (max-width: 1439px) {
  .course-summery {
    max-width: 1174px;
  }
  .course-curriculum-area .title h4 {
    font-size: 24px;
    line-height: 38px;
  }
  .add-new-section {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    margin-left: 21px;
  }
  .course-curriculum-duration p {
    font-size: 18px;
    line-height: 24px;
  }
  .course-curriculum-info .bottom {
    margin-top: 30px;
  }
  .curriculum-content-accordion ul li {
    font-size: 15px;
    line-height: 17px;
  }
  .course-curriculum-item {
    padding: 30px 40px 30px 50px;
  }
  .course-curriculum-item {
    padding: 30px 50px 30px 50px;
  }
  .course-curriculum-info h4 {
    margin-bottom: 10px;
  }
  .header-area {
  }
  .course-setting-area .publish-btn {
    min-width: 119px;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    margin-left: 20px;
  }
  .course-setting-area .widthdraw-btn {
    min-width: 119px;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    margin-left: 20px;
  }
  .course-setting-area .save-changes-btn {
    min-width: 150px;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    margin-left: 20px;
  }
  .course-curriculum-area .title .cancel {
    font-size: 14px;
    line-height: 38px;
    height: 38px;
  }
  .course-curriculum-area .title .delete {
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    margin-left: 21px;
  }
  .course-curriculum-area .title .add {
    font-size: 14px;
    line-height: 38px;
    height: 38px;
    margin-left: 21px;
  }
  .course-setting-box label {
    font-size: 18px;
    line-height: 23px;
    color: #000;
  }
  .course-setting-box .radio label {
    font-size: 14px;
  }
  .course-setting-box form input {
  }
  .course-setting-box form input::placeholder {
  }
  .course-summery-slider h3 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 30px;
  }
  .course-curriculum-info h4 {
    font-size: 22px;
    line-height: 30px;
  }
  .course-summery-area .item {
    padding: 20px 15px 10px 15px;
    margin-bottom: 20px;
  }
  .course-curriculum-area {
  }
  .course-summery .sidebar ul li {
  }
  .course-summery {
  }
  .course-setting-area {
  }
  .course-summery-area {
  }
  .course-summery-wrap {
  }
  .course-curriculum-area .title .add a {
    padding: 0 25px;
  }
  .course-curriculum-addsection button {
    min-width: 90px;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
  }
  .course-curriculum-addsection .bottom-area .cancel-top {
    font-size: 16px;
    line-height: 38px;
    margin: 0 20px;
  }
  .course-curriculum-addsection h4 {
    font-size: 16px;
    line-height: 20px;
  }
  .course-curriculum-addsection .top-area p {
    font-size: 18px;
    line-height: 21px;
  }
  .course-curriculum-addsection .bottom-area .mathjax-container {
    font-size: 16px;
    line-height: 20px;
  }
  .course-curriculum-addsection .top-area p {
    font-size: 16px;
    line-height: 20px;
  }
  .course-setting-area {
  }
  .course-curriculum-area {
  }
  .course-summery-wrap {
  }
  .course-setting-box .tab-item h5 {
  }
  .course-setting-box .tab-item img {
    max-width: 32px;
  }
  .course-setting-box .tab-item a.active {
    border-bottom: 4px solid #7572FE;
  }
  .view-note form label {
    font-size: 18px;
    line-height: 21px;
  }
  .view-note form .form-group input {
  }
  .view-note form .form-group input::placeholder {
  }
  .view-note form .form-group {
    margin-bottom: 20px;
  }
  .view-note ul {
    margin-top: 10px;
  }
  .view-note ul li {
    font-size: 16px;
  }
  .view-quiz .title .btn-area ul li {
    font-size: 16px;
    line-height: 36px;
  }
  .view-quiz .title .btn-area ul li.add-quiz {
    font-size: 16px;
    height: 36px;
    line-height: 36px;
  }
  .search-bar form input {
  }
  .view-quiz .search-bar figure {
  }
  .view-quiz .search-bar input {
  }
  .view-quiz .search-bar input::placeholder {
  }
  .assess-box h4 {
  }
  .assess-box .item span {
  }
  .assess-box ul li {
    font-size: 14px;
    line-height: 16px;
  }
  .assess-box button {
  }
  .attachment .analytics-tab > ul li {
  }
  .library-content .title h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .library-content .title .btn-area ul li {
    font-size: 16px;
    line-height: 36px;
    height: 36px;
  }
  .library-content form input {
  }
  .library-content form input::placeholder {
  }
  .library-content form span {
  }
  .profile-item {
    margin-bottom: 5px;
  }
  .course-summery-area .item h4 {
  }
  .course-summery-area .item h5 {
    font-size: 13.33px;
  }
  .course-summery-area .item h4 {
  }
  .library-content .answer-box label {
    font-size: 16px;
    line-height: 20px;
  }
  .course-summery-area .profile-item .massage-btn {
    height: 32px;
    line-height: 32px;
    min-width: 65px;
    font-size: 10.5px;
  }
  .course-summery-info p {
    font-size: 14px;
    line-height: 19px;
  }
  .course-setting-area .delete-btn {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    min-width: 60px;
  }
  .view-note form .form-group {
    margin-bottom: 10px;
  }
  .content-item-inner .head-title h4 {
    font-size: 14px;
    line-height: 18px;
  }
  .library-content .load-more {
    max-width: 200px;
    margin-top: 30px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
}
@media screen and (max-width: 1199px) {
  .course-summery-area .profile-item-inner figure {
    width: 30px;
    height: 30px;
  }
  .course-summery-area .profile-item .massage-btn {
    height: 30px;
    line-height: 30px;
    min-width: 58px;
    font-size: 9px;
  }
  .course-summery-area .item h5 {
    font-size: 11.33px;
    line-height: 13px;
  }
  .asses-right ul {
    margin-left: 0;
  }
}
@media screen and (max-width: 991px) {
  .video-frame iframe {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
  }
  .course-summery-area .item {
    max-width: 100%;
  }
  .course-summery-slider {
    max-width: 615px;
  }
}

/* src/assets/css/student.style.css */
body {
  font-family: Karla, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  font-style: normal;
  background: #f4f4f7;
  color: #4F4F4F;
  overflow-x: hidden;
}
a:hover {
  cursor: pointer !important;
  text-decoration: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700 !important;
}
.navbar-light .navbar-nav .active > .nav-link,
.post-box .load-more a:hover {
  color: #0a3ff6 !important;
}
.line-height-initial {
  line-height: initial !important;
}
.lh-16 {
  line-height: 16px !important;
}
.f-12 {
  font-size: 12px !important;
}
.f-13 {
  font-size: 13px !important;
}
.f-14 {
  font-size: 14px !important;
}
.f-16 {
  font-size: 16px !important;
}
.f-18 {
  font-size: 18px !important;
}
.f-20 {
  font-size: 20px !important;
}
.f-26 {
  font-size: 26px !important;
}
.l-44 {
  line-height: 44px;
}
.w-60px {
  width: 60px !important;
}
.right-5 {
  right: 5px;
}
.mw-150px {
  max-width: 150px;
}
.min-h-100 {
  min-height: 100px;
}
.max-height-100px {
  max-height: 100px !important;
}
.max-height-200px {
  max-height: 200px;
}
.max-height-250px {
  max-height: 250px;
}
.h-200px {
  height: 200px;
}
.h-300px {
  height: 300px;
}
.h-400px {
  height: 400px;
}
.h-500px {
  height: 500px;
}
.standard-form-items input,
.standard-form-items label,
.standard-form-items select {
  margin: 0;
}
.standard-form-items .custom-control-label {
  padding-top: 4px;
}
.form-with-icons .side_icon {
  padding-top: 8px;
}
.form-with-icons .side_icon,
.nav_with_icon .icon_wrap {
  width: 30px;
  flex: 0 0 30px;
  font-size: 20px;
  color: #000;
}
.nav_with_icon .nav-link {
  display: flex;
  color: #000;
}
.nav_with_icon .nav-link.active .icon_wrap {
  color: #fff;
}
.nav_with_icon .nav_side_info p {
  font-size: 12px;
}
.custom-control-label {
  cursor: pointer;
}
.collapsewith_icon .collapse-link {
  display: flex;
  color: #000;
}
.collapsewith_icon .collapse-link.collapsed:after {
  content: "\f107" !important;
}
.collapsewith_icon .collapse-link:after,
.collapsewith_icon .collapsed:after {
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: auto;
  width: 20px;
  text-align: right;
  align-self: center;
}
.row_set_for_collapsewith_icon {
  width: calc(100% - 20px);
}
.owl-carousel .owl-stage {
  margin-bottom: 5px;
}
.text_secondary,
.link_secondary {
  color: #2320FE !important;
}
.btn-deactivate,
.btn-deactivate:hover {
  color: #fff;
  background-color: #969696;
  border-color: #969696;
}
.btn-lg {
  font-size: 20px;
  font-weight: bold;
}
.set_cancel__btn {
  background-color: #5a5a5a;
  color: #fff;
}
.set_cancel__btn:hover {
  background-color: #eb5757 !important;
  color: #fff;
}
.btn-mw-150 {
  min-width: 150px;
}
.widthmatch_to_btn {
  width: 150px;
}
.text-green {
  color: #079262 !important;
}
.placeholder-20::placeholder {
  font-size: 20px !important;
}
.min-h-auto {
  min-height: auto !important;
}
.my-gap-common {
  padding: 20px 0;
}
.h-26 {
  height: 26px;
}
.d-contents {
  display: contents !important;
}
.caret-on-dropdown:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.translate-middle-y {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.translate-full-x {
  transform: translateX(100%) !important;
}
.right-15px {
  right: 15px;
}
.top-3 {
  top: 3px !important;
}
.top-0 {
  top: 0 !important;
}
.top-15 {
  top: 15px !important;
}
.left-0 {
  left: 0 !important;
}
.ml-50px {
  margin-left: 50px;
}
.ml-66px {
  margin-left: 66px;
}
.svg-50-50 {
  width: 50px;
  height: 50px;
}
.svg-wrapper-120 {
  width: 120px;
  height: 120px;
}
.svg-wrapper-80 {
  width: 80px;
  height: 80px;
}
.max-580 {
  max-width: 580px !important;
}
.max-640 {
  max-width: 640px !important;
}
.min-w-100px {
  min-width: 100px !important;
}
.form-group {
  margin-left: 0 !important;
}
.form-control:focus {
  box-shadow: none !important;
}
.table-border-none td,
.table-border-none th {
  border: 0 !important;
}
.small-padding-th-td th,
.small-padding-th-td td {
  padding: 4px;
}
.vertical-middle td,
.vertical-middle th {
  vertical-align: middle;
}
.border-top-none td,
.border-top-none th {
  border-top: 0;
}
.border-bottom_yes td,
.border-bottom_yes th {
  border-bottom: 1px solid #dee2e6;
}
.clear-both {
  clear: both;
}
.text-black {
  color: #000 !important;
}
.border-black {
  border-color: #000 !important;
}
.object-cover {
  object-fit: cover;
}
.course_home_wrap,
.course_search_wrap {
  padding: 20px 0 !important;
}
.banner_new {
  padding: 40px 0 !important;
  position: relative !important;
  background:
    linear-gradient(
      90deg,
      #1587cc -2.87%,
      #2a34b3 102.04%) !important;
  color: #fff;
  text-align: center;
}
.background-cover {
  background-size: cover !important;
}
.banner_new .banner-info {
  max-width: 786px !important;
  padding: 0 !important;
}
.banner_new .banner-info h1,
.banner_new .banner_title {
  font-size: 28px !important;
  line-height: 30px !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
}
.banner_new .banner-info .form-group {
  margin-bottom: 0 !important;
}
.banner_new .banner-info form {
  position: relative !important;
  bottom: 0 !important;
  left: 0% !important;
  transform: translateX(0%) !important;
  z-index: 9 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  box-shadow: none !important;
}
.search-box .form-group::before {
  display: none;
}
.banner-info input,
.banner-info input:focus,
.search-box input,
.search-box input:focus {
  height: 40px !important;
  padding: 0 40px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000 !important;
  transition: all 0.3s ease-out !important;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin: 0 !important;
}
.search-box {
  position: relative;
}
.banner-info .form-group,
.search-box .form-group {
  margin-bottom: 0 !important;
}
.search-box.form-half {
  max-width: 300px;
}
.search-box.f-16 input,
.search-box.f-16 input::placeholder,
.search-box.f-16 input::placeholder,
.search-box.f-16 input::placeholder {
  font-size: 16px !important;
  font-weight: 400 !important;
}
.search-box.h-50 input,
.search-box.h-50 input:focus {
  height: 50px !important;
}
.banner-info input::placeholder,
.topic_form input::placeholder,
.search-box input::placeholder {
  font-size: 14px !important;
}
.banner_new .banner-info form .form-group figure {
  margin: 0 !important;
}
.banner_new .banner-info form .form-group span img,
.banner-info form span img,
.search-box span img {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 20px !important;
}
.search-box div img {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 10px !important;
}
.banner-info form .form-group input + span {
  float: none !important;
  margin: 0 !important;
}
.banner-info form .form-group input:focus + span {
  width: auto;
  opacity: 1;
  transition: all 0.3s ease-out;
}
.owl-width_auto .owl-item {
  width: auto !important;
}
.banner-info form .form-group button {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 20px !important;
  z-index: 999 !important;
}
.box-area_new {
  margin-bottom: 16px !important;
  padding: 0 !important;
  max-width: initial !important;
}
.box-area-wrap_new {
  margin: 0 !important;
  width: auto !important;
}
.heading_new {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}
.heading_new h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  color: #000 !important;
}
.heading-subheading h3 {
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 20px !important;
  letter-spacing: 0.2px !important;
}
.section_heading_wrapper {
  margin-bottom: 8px;
}
.section_heading_wrapper .section_top_heading {
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  color: #000 !important;
  margin: 0 !important;
}
.section_heading_wrapper .section_sub_heading {
  font-size: 14px !important;
  line-height: 16px !important;
  color: #595754 !important;
  margin: 4px 0 0 0 !important;
}
.section_bottom_heading {
  font-size: 12px !important;
  line-height: 14px !important;
}
.heading-subheading p {
  font-size: 14px !important;
  color: #73726c !important;
  margin-top: 8px !important;
}
.box_new {
  position: relative !important;
  border-radius: 9px !important;
  padding: 0 !important;
}
.course-item_new {
  border: 0px solid #e0e0e0 !important;
  border-radius: 9px !important;
  background-color: #fff !important;
}
.owl-carousel .course-item_new {
  margin-bottom: 0 !important;
}
.course-item_new.has-border {
  border: 1px solid #e0e0e0 !important;
}
.course-item_new img,
.box_new img,
.box_new .image-wrap {
  border-radius: 9px 9px 0 0;
  -webkit-border-radius: 9px 9px 0 0;
  object-fit: cover;
}
.box_new .image-wrap .ongoing-video img {
  object-fit: contain;
}
.box_new figure {
  margin: 0;
  display: block;
  max-width: 100%;
}
.course-inner_new,
.box-inner_new {
  padding: 8px !important;
  box-shadow: none !important;
  background-color: #fff;
}
.course-inner_new,
.box-inner_new strong {
  color: #000 !important;
}
.no-bottom-info {
  border-radius: 0 0 9px 9px !important;
  -webkit-border-radius: 0 0 9px 9px !important;
}
.course-inner_new .info,
.box-inner_new .info {
  padding: 0;
}
.course-inner_new h4,
.box-inner_new h4,
.info_new h4,
.course-item_new h4 {
  font-size: 14px !important;
  line-height: 16px !important;
  color: #000 !important;
  font-weight: 700 !important;
}
.course-inner_new p,
.box-inner_new p,
.info_new p,
.course-item_new p {
  font-size: 12px !important;
  line-height: 20px !important;
  margin-bottom: 0 !important;
  font-weight: 400 !important;
}
.info_new {
  margin-bottom: 0 !important;
}
.box-inner_new .material-icons {
  font-size: 14px !important;
  line-height: 16px !important;
  vertical-align: middle;
}
.view-all_new a {
  color: #4f4f4f !important;
  font-size: 16px !important;
}
.view-detail_new a {
  display: block !important;
  padding: 15px 8px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  background: #e1e1f8 !important;
  color: #000000 !important;
  border-radius: 0px 0px 9px 9px !important;
  -webkit-border-radius: 0px 0px 9px 9px !important;
}
.owl-carousel .box-item {
  width: initial !important;
  padding: 0 5px 0 0 !important;
  margin-right: 10px !important;
  margin-bottom: 0 !important;
}
.owl-next,
.owl-prev {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%) !important;
}
.owl-prev,
.owl-next {
  width: 18px;
  height: 36px;
}
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
  background-size: 12px !important;
}
.owl-prev {
  left: -20px !important;
}
.owl-next {
  right: -25px !important;
}
.view-detail_new {
  height: auto !important;
  line-height: normal !important;
}
.box-area.top-categories_new .course-item {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  margin-bottom: 10px !important;
}
.seller-info_new {
  display: inline-block !important;
  background: #ffe799 !important;
  padding: 0 8px !important;
  margin-bottom: 8px !important;
  width: auto !important;
}
.selling-price-info_new {
  margin-top: 6px;
}
.seller-info_new span {
  font-size: 14px !important;
  line-height: normal !important;
  color: #000;
}
.selling-price-info_new span {
  color: #000 !important;
  font-size: 18px !important;
}
.selling-price-info_new span + span {
  color: #757575 !important;
  text-decoration: line-through !important;
}
.selling-price-info_new span + span:after {
  display: none;
}
.bg-color3_new {
  background-color: #8A460A !important;
}
.course-box-wrap_new {
  overflow: hidden !important;
  height: 180px !important;
  max-width: 100% !important;
  border-radius: 5px !important;
}
.course-box-wrap_new .course-box {
  position: relative !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  padding: 25px !important;
  width: 100% !important;
  height: 100% !important;
  color: #fff;
}
.course-box-wrap_new .course-box .bg-color3 {
  background: #f2994a;
}
.course-box-wrap_new .course-box .inner {
  max-width: 270px !important;
  margin-bottom: 0 !important;
}
.course-box-wrap_new.has_circle .inner {
  max-width: calc(100% - 148px) !important;
}
.course-box-wrap_new .course-box .inner h5 {
  font-size: 12px !important;
  line-height: 16px !important;
  margin-bottom: 8px !important;
}
.course-box-wrap_new .course-box .inner h3,
.course-box-wrap_new .course-box .inner .course_title {
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 20px !important;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.course-box-wrap_new .course-box .course_summary {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.course-box-wrap_new .course-box .enroll-btn,
.course-box-wrap_new .course-box .learn-more-btn {
  position: absolute !important;
  bottom: 25px !important;
  left: 25px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 6px 24px !important;
  border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  color: #4f4f4f !important;
  text-align: center;
  line-height: 22px !important;
  height: 22px !important;
  min-width: 120px !important;
}
.course-box-wrap_new .course-box-img {
  position: absolute !important;
  top: 5px !important;
  right: 5px !important;
  width: 148px !important;
  height: 148px !important;
  background: #000 !important;
  border-radius: 100% !important;
  -webkit-border-radius: 100% !important;
  z-index: 0 !important;
}
.course-box-wrap_new .course-box-img img {
  width: 148px;
  height: 148px;
  object-fit: cover;
  border-radius: 100%;
}
.course-box-wrap_new .course-box .circle {
  position: relative !important;
  float: right !important;
  width: 59px !important;
  height: 59px !important;
  border-radius: 100% !important;
  -webkit-border-radius: 100% !important;
  margin: -24px 15px 0 0 !important;
  z-index: 99 !important;
}
.tab-header_new {
  max-width: 100% !important;
  margin-bottom: 16px !important;
}
.tabs_new {
  padding: 0 !important;
  margin-bottom: 8px !important;
}
.tabs_new span a {
  display: inline-block !important;
  padding-bottom: 5px !important;
  margin-right: 10px !important;
  color: #54524F !important;
}
.tabs_new span a.active {
  border-bottom: 2px solid #a5a08d !important;
}
.course_search_wrap .tabs ul li a.active {
  background: #f8f9fa !important;
  border-radius: 4.44444px !important;
}
.course_search_wrap .tabs ul li a {
  font-size: 14px !important;
  line-height: 20px !important;
  color: #828282 !important;
  padding: 4px 8px !important;
}
.filter_btn_new {
  line-height: 40px !important;
  background: #f8f9fa !important;
  border-radius: 7.72636px !important;
  -webkit-border-radius: 7.72636px !important;
}
.filter_btn_new a span {
  display: block !important;
  padding-left: 27px !important;
  font-size: 12px !important;
  color: #000 !important;
  margin: 0 20px !important;
}
.filter-area .filter-item .title {
  font-size: 14px !important;
  line-height: 18px !important;
  color: #0d0c22 !important;
  margin-bottom: 10px !important;
}
.filter-area_new .filter-item .dropdown a {
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 6.86787px !important;
  -webkit-border-radius: 6.86787px !important;
  font-size: 14px !important;
  line-height: 18px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.filter-area_new .dropdown-toggle::after {
  display: none;
}
.filter-area_new .dropdown-menu {
  width: 100% !important;
  max-width: 100% !important;
  box-shadow: 0 9px 22.5px rgb(0 0 0 / 14%) !important;
  margin-top: 20px;
}
.filter-area_new .filter-item .dropdown .dropdown-menu a:first-child {
  border-top-left-radius: 6.86787px !important;
  border-top-right-radius: 6.86787px !important;
}
.filter-area_new .filter-item .dropdown .dropdown-menu a:last-child {
  border-bottom-left-radius: 6.86787px !important;
  border-bottom-right-radius: 6.86787px !important;
}
.filter-area_new .filter-item .dropdown .dropdown-menu a {
  line-height: 32px !important;
  border: 0 !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}
.filter-area_new .dropdown-item:focus,
.filter-area_new .dropdown-item:hover,
.filter-area_new .dropdown-item:active {
  background-color: #f4f4f5 !important;
}
.filter-area_new {
  margin-bottom: 16px !important;
}
.course-search_new {
  max-width: 100% !important;
  margin: 0 !important;
  padding-bottom: 15px !important;
  border: 0 !important;
}
.search-items_new {
  border-bottom: 1px solid rgba(196, 196, 196, 0.3) !important;
  padding-bottom: 16px !important;
  margin-bottom: 16px;
}
.search-items_new img {
  object-fit: cover !important;
}
.search-items_new .search-items_image {
  width: 180px;
}
.search-items_new .course-search-info .product_title {
  font-size: 14px !important;
  line-height: 16px !important;
  color: #000 !important;
  margin-bottom: 0px !important;
}
.search-items_new .course-search-info .author-name,
.search-items_new .subject_name_new {
  font-size: 12px !important;
  line-height: 16px !important;
  margin-bottom: 0 !important;
}
.search-items_new .course-search-info .author-name {
  color: #4f4f4f !important;
}
.search-items_new .subject_name_new {
  color: #000;
}
.empty-data {
  margin: 20px 0;
  text-align: center;
}
.empty-data img,
.empty-data svg {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 250px;
  margin-bottom: 16px;
}
.empty-data h3 {
  font-size: 14px !important;
  line-height: 16px !important;
  font-weight: 700 !important;
  color: #000 !important;
  margin-bottom: 8px !important;
}
.empty-data p {
  font-size: 12px;
  color: #4d4d4d;
}
.course_details,
.test_details-top-banner,
.details_top_area_common {
  margin-top: 0;
  background:
    linear-gradient(
      90deg,
      #1488cc 0%,
      #2b32b2 100%);
  padding: 20px 0;
  color: #fff;
}
.details_top_area_common .details_below_summary {
  margin-top: 24px;
}
.details_top_area_common .profile_user_name {
  color: #fff;
}
.course_details .details-area_new {
  height: auto !important;
  padding: 0 !important;
}
.course_details .asses-info {
  padding: 0 !important;
}
.asses-info .title {
  margin-right: 0 !important;
  float: none !important;
  display: inline-block;
}
.course_details .asses-info h3,
.test_details-top-banner .asses-info h3,
.details_top_area_common h3,
.details_top_area_common .main_title {
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 24px !important;
}
.details_top_area_common .bottom_title {
  font-size: 14px !important;
  line-height: 16px !important;
}
.details_top_area_common .main_sub_title {
  font-size: 14px !important;
  margin-bottom: 8px;
}
.details_top_area_common .socials_icons_wrap a {
  color: #fff;
  margin-right: 8px;
}
.course_details .description_p,
.test_details-top-banner .description_p {
  font-size: 14px !important;
  line-height: 18px !important;
}
.course_details .asses-user .inner {
  max-width: 100% !important;
}
.course_details .asses-user p {
  font-size: 12px !important;
  line-height: 14px !important;
  font-weight: 700 !important;
}
.course_details .asses-info span {
  display: block;
  font-size: 14px;
  line-height: 16px;
}
.course_details .asses-right ul {
  margin-left: 80px !important;
}
.course_details .asses-right_new ul li {
  min-height: initial !important;
  border: 0 !important;
  font-size: 12px !important;
  line-height: 14px !important;
  margin-bottom: 6px !important;
  padding-left: 30px !important;
}
.course_details .asses-right_new ul li:last-child {
  margin-bottom: 0;
}
.course_details .profile-area {
  margin-left: 70px !important;
}
.course_details .profile-area ul {
  float: none !important;
  padding: 0 8px !important;
  width: 100% !important;
}
.course_details .profile-area ul li {
  margin: 0 -2px !important;
  position: relative !important;
}
.course_details .profile-area ul li img {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  object-fit: cover;
}
.course_details .profile-area ul li:nth-child(1) {
  z-index: 111 !important;
}
.course_details .profile-area ul li:nth-child(2) {
  z-index: 11 !important;
}
.course_details .profile-area ul li:nth-child(3) {
  z-index: 1 !important;
}
.course_details .profile-area .info h5 {
  font-size: 14px !important;
  line-height: 18px !important;
}
.goto-course-btn {
  font-size: 14px !important;
  line-height: 16px;
  padding: 7px 0px !important;
  margin-top: 36px;
  color: #000 !important;
  display: table !important;
}
.goto-course-btn2 {
  font-size: 14px !important;
  line-height: 16px !important;
  padding: 2px 30px !important;
  margin-top: 0px;
  color: #000 !important;
  display: table !important;
  min-width: auto !important;
}
.asses-about-area_new {
  padding: 0 !important;
}
.asses-about-area_new .info {
  max-width: 100% !important;
  padding: 0 !important;
  margin-bottom: 10px !important;
}
.asses-about-area_new h3 {
  font-size: 18px !important;
  line-height: 20px !important;
}
.asses-about-area_new .description_p {
  font-size: 16px !important;
  line-height: 20px !important;
}
.details_page_new__bg {
  background-color: #FFFFFF;
}
.details_below_summary .user_img_circled_wrap {
  flex: 0 0 40px !important;
}
.details_below_summary .user_img_circled_wrap,
.details_below_summary .user_img_circled {
  width: 40px !important;
  height: 40px !important;
}
.height_match_user_profile {
  height: 40px;
}
.rating_num_big,
.num_big {
  font-size: 24px;
}
.has-sidestars {
  margin-right: 8px;
}
.rating_num_big,
.rating_stars,
.rating_stars_big {
  color: #fbd148;
}
.rating_stars_big {
  font-size: 20px;
}
.rating_stars {
  font-size: 16px;
}
.horizonal_scroll {
  flex-wrap: nowrap !important;
  overflow: auto;
  padding-bottom: 16px;
}
.rating-box {
  width: 150px;
  text-align: center;
  margin: 0px auto 16px auto;
}
.rating-box .rating_big {
  font-size: 80px;
  color: #595959;
}
.rating-bar bar {
  border-radius: 0 !important;
}
.rating-bar .bg-success {
  background-color: #fbd148 !important;
}
.rating_box_wrap {
  margin-bottom: 16px;
}
.rating_box_wrap .rating-label {
  font-weight: bold;
  width: max-content;
}
.rating_box_wrap .rating-bar {
  width: 100%;
}
.rating_box_wrap .rating-bar td {
  padding: 4px;
}
.rating_wrapper_with_comments .user_comment {
  margin-left: 58px;
  margin-top: 1px;
  color: #000;
}
.rating_wrapper_with_comments .time_ago {
  font-size: 12px;
  margin-left: 8px;
}
.bordered-tabs .nav-item {
  width: 33%;
  font-size: 16px;
  color: #2d2d2d;
  border: 1px solid rgba(137, 134, 239, 0.5);
}
.bordered-tabs .nav-link {
  color: #2d2d2d !important;
  border-bottom: 5px solid transparent;
  border-radius: 0;
}
.bordered-tabs .nav-item a.active {
  background: transparent !important;
  border-bottom: 5px solid #7572fe;
}
.horizonal_scroll .nav-item {
  flex: 0 0 auto;
}
.horizonal_scroll .nav-link.active {
  border-bottom: 1px solid #000;
  background-color: transparent;
}
.sections_tabs .nav-link {
  color: #000 !important;
  padding-left: 0;
  padding-top: 0;
  border-radius: 0;
  margin-right: 8px;
}
.id_sections {
  margin-bottom: 24px;
}
.right_tick_list {
  list-style-type: none;
}
.right_tick_list p {
  display: flex;
  margin-bottom: 4px;
}
.right_tick_list p:before {
  content: "\f00c";
  font-family: "FontAwesome";
  margin-right: 8px;
  color: #7572fe;
}
.tick_list {
  list-style-type: none;
}
.tick_list p {
  margin-bottom: 4px;
}
.tick_list p:before {
  content: "\f00c";
  font-family: "FontAwesome";
  margin-right: 8px;
  color: #7572fe;
}
.border_below_heading {
  font-size: 16px;
  border-bottom: 1px solid #7572fe;
  padding-bottom: 8px;
  display: inline-block;
  color: #000;
  margin-bottom: 16px;
}
.see_all {
  color: #2825FE !important;
}
.icon_fill_secondary {
  background: #7572fe;
  color: #fff;
}
.icon_fill_secondary,
.icon_fill_outline {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  line-height: 30px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  margin-right: 8px;
}
.icon_fill_outline {
  border: 1px solid #7572fe;
  color: #7572fe;
}
.icon_fill_outline .fa-video {
  border: 1px solid grey;
  color: lightgrey;
}
.heading_with_icon {
  color: #000;
  margin-top: 8px;
}
.heading_with_icon span {
  font-size: 12px;
}
.content_below_heading_with_icon {
  margin-left: 38px;
}
.sidebar_new_d {
}
.sidebar_new_d .widget {
  background-color: #ffffff;
  color: #000000;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 16px;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}
.price_big {
  font-size: 30px;
}
.sidebar_new_d .widget .chapter_number {
  font-size: 16px;
  margin: 8px 0;
}
.sidebar_new_d .widget .chapter_title {
  font-size: 18px;
}
.stage_3_t_head {
  font-size: 14px;
}
.stage_3_b_info {
  font-size: 12px;
}
.sidebar_new_d .widget .icon_wrapper {
  margin: 8px 0;
  color: #7572fe;
  font-size: 24px;
}
.list-style-disc,
.list-style-disc ul {
  list-style: disc;
}
.list-style-disc .mathjax-container {
  overflow: inherit;
}
.list-style-disc .mathjax-container p {
  list-style-type: disc;
  display: list-item;
}
.asses-about-area_new .chapter-box {
  position: relative;
  border: 1px solid #c4c4c4 !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  padding: 15px !important;
  margin-bottom: 16px !important;
}
.asses-about-area_new .chapter-box.active {
  border: 0.75px solid #9796f0 !important;
  box-shadow: 0px 3px 40.5px rgb(0 0 0 / 11%) !important;
}
.asses-about-area_new .chapter-box p,
.asses-about-area_new .chapter-box .date {
  font-size: 14px !important;
  line-height: 16px !important;
  color: #373a3c !important;
}
.asses-about-area_new .chapter-box h2 {
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 26px !important;
  color: #000 !important;
  text-transform: capitalize;
}
.asses-about-area_new .chapter-box .f-14 {
  font-size: 14px !important;
}
.asses-about-area_new .chapter-box .view-attempt-btn {
  display: inline-block !important;
  background-color: #4776e6 !important;
  font-size: 14px !important;
  text-align: center !important;
  min-width: auto !important;
  height: auto !important;
  line-height: normal !important;
  border: 0 !important;
  margin-top: 0 !important;
}
.asses-about-area_new .chapter-box .view-attempt-btn a {
  padding: 10px !important;
}
.course-content_new .content {
  margin: 0 0 16px 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
}
.course-content_new .week-row,
.user_comment_box,
.instructors_wrapper {
  margin-bottom: 24px;
}
.id_sections:last-child,
.course-content_new .week-row:last-child,
.user_comment_box:last-child,
.instructors_wrapper:last-child {
  margin-bottom: 0;
}
.course-content_new .content .week {
  min-width: 100px !important;
  color: #858585 !important;
  margin-bottom: 4px !important;
  position: initial !important;
  text-align: center !important;
}
.course-content_new .content .week .number {
  font-size: 40px !important;
  line-height: 45px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  color: #000;
}
.course-content_new .item_title {
  font-size: 16px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
  color: #000 !important;
  text-transform: capitalize;
}
.course-content_new .content .week .item_name {
  font-size: 18px;
  line-height: 20px;
  color: #000;
}
.course-content_new .summary {
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
.course-content_new .bottom {
  margin-top: 8px;
}
.course-content_new .bottom .wrap,
.see-all {
  font-size: 12px;
  line-height: 14px;
}
.course-content_new .bottom .wrap a {
  color: rgba(0, 0, 0, 0.7);
}
.see-all a {
  color: #4a48ad;
}
.course-content_new .content .list-wrap {
  margin-top: 16px;
}
.course-content_new .content .list-wrap .list-item {
  font-size: 12px;
  line-height: 14px;
  color: #000;
  padding-left: 15px;
  margin-bottom: 8px;
  display: flex;
}
.course-curriculum-area .course-content_new .content,
.course-curriculum-area .course-content_new .content .week,
.course-curriculum-area .course-content_new .item_title {
  margin-bottom: 0 !important;
}
.asses-about-area .item-wrap {
  max-width: 100% !important;
  padding: 0 !important;
}
p-student .sidebar .widget {
  border: 1px solid #c4c4c4 !important;
  border-radius: 6.66667px !important;
  padding: 15px !important;
  margin-bottom: 16px !important;
  color: #000 !important;
}
p-student .sidebar .widget h4,
.sidebar .widget .widget_title {
  color: #000 !important;
  font-size: 16px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 8px;
  text-transform: capitalize !important;
}
p-student .sidebar .widget p,
p-student .sidebar .widget span,
.sidebar .widget .widget_content {
  font-size: 14px !important;
  line-height: 18px !important;
}
p-student .sidebar .widget span {
  color: #575757 !important;
}
p-student .widget progressbar {
  margin-bottom: 8px !important;
}
p-student .sidebar .price .discounted-price,
p-student .sidebar .price .old-price {
  color: #29303b !important;
}
.price .discounted-price {
  font-size: 30px !important;
  font-weight: 700 !important;
}
.price .old-price {
  font-size: 20px !important;
  font-weight: 400 !important;
  margin-left: 15px !important;
  position: relative !important;
  text-decoration: line-through !important;
}
.add-to-cart,
.buy-now {
  border-radius: 5px !important;
  width: 100% !important;
  display: block !important;
  font-size: 16px !important;
  line-height: 18px !important;
  padding: 14px !important;
}
.add-to-cart {
  background:
    linear-gradient(
      90deg,
      #4776e6 0%,
      #8e54e9 100%) !important;
}
.buy-now {
  border: 1px solid #4a48ad !important;
  color: #4a48ad !important;
}
.instructors-img {
  width: 34px !important;
  height: 34px !important;
}
.widget .profile-name {
  font-size: 14px !important;
  line-height: 16px !important;
  margin-left: 8px !important;
  padding: 0 !important;
}
.widget .massage-btn {
  font-size: 10px !important;
  padding: 10px !important;
  line-height: 12px !important;
  border: 1px solid #1E4BD2 !important;
  border-radius: 6.67px !important;
  -webkit-border-radius: 6.67px !important;
  min-width: auto !important;
  margin-top: 0 !important;
}
.widget .highlight {
  font-size: 16px !important;
  line-height: 18px !important;
  padding: 2px 10px !important;
  text-transform: capitalize !important;
  border-radius: 2px !important;
}
.widget .highlight.bachelor {
  background: rgba(47, 128, 237, 0.1) !important;
}
.widget .highlight.credit-number {
  background: rgba(39, 174, 96, 0.2) !important;
  color: #27ae60 !important;
  font-size: 18px !important;
  line-height: 20px !important;
}
.widget .offered-by img {
  margin-bottom: 20px !important;
}
.widget .offered-by h5 {
  font-size: 16px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
}
.widget.toppers .out-of-marks {
  color: #000 !important;
  font-size: 14px !important;
  line-height: 16px !important;
}
.widget .icon {
  background: #2525FE;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 40px;
  color: white;
  display: inline-block;
}
.breadcrumbs_area {
  margin: 0 0 16px 0 !important;
}
.breadcrumbs_new {
  margin-bottom: 0 !important;
}
.breadcrumbs_new h2,
.breadcrumbs_new h2:hover {
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 20px !important;
}
.breadcrumbs_new a {
  color: #545454 !important;
}
.breadcrumbs_new span {
  color: #000 !important;
}
.course-item_new .bottom-info {
  width: 100% !important;
  height: auto !important;
  margin-top: 8px;
}
.bottom-info progressbar {
  height: 5px;
  margin-bottom: 8px;
}
.checkout-area .course-item .video-item-img {
  position: relative !important;
  margin-bottom: 0 !important;
}
.load-more-result_new a,
.load-more_new a {
  background-color: #f3f3f4 !important;
  color: #000 !important;
  font-size: 14px !important;
  line-height: 40px !important;
  border-radius: 3.375px !important;
  -webkit-border-radius: 3.375px !important;
  padding: 0 20px !important;
  display: inline-block !important;
}
.video-blog-area_new .side-menu ul li a span {
  display: flex;
}
.video-blog-area_new .side-menu ul li a span span {
  padding: 0 0 0 8px !important;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 1.2;
}
.video-blog-area_new .side-menu h2 button {
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  text-transform: capitalize;
}
.video-blog-area_new .side-menu ul li a {
  color: #575757 !important;
}
.post-box_new .comment-form,
.post-box_new .user-comment .user-comment-box {
  padding: 8px 0 0 0;
}
.post-box_new .comment-form form input {
  height: 50px !important;
  font-size: 14px !important;
  line-height: 18px !important;
  color: #000 !important;
  border: 1px solid #d2d2d3 !important;
  border-radius: 9px !important;
  margin: 0 !important;
}
.post-box_new .comment-form figure,
.post-box_new .user-comment-box figure,
.comment-form_new .profile-comment-box-user img {
  float: none !important;
  width: 50px !important;
  max-width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  margin-right: 8px !important;
  overflow: initial !important;
}
.user-comment_new .avatar,
.user-comment-box .avatar {
  width: 50px !important;
  height: 50px !important;
}
.post-box_new .user-comment-info h4 {
  font-size: 14px !important;
  line-height: 16px !important;
  color: #000 !important;
  margin-bottom: 5px !important;
}
.post-box_new .user-comment-info div {
  font-size: 14px !important;
  line-height: 18px !important;
  color: #333 !important;
}
.post-box_new .user-comment-info ul li {
  font-size: 14px !important;
  line-height: 18px !important;
  color: #525252 !important;
  margin-right: 8px !important;
  cursor: pointer;
}
.video-blog-area-wrap_new .heading span {
  font-size: 14px !important;
  line-height: 18px !important;
  color: #000 !important;
  font-weight: 700 !important;
}
.video-blog-area-wrap_new .heading h4 {
  font-size: 18px !important;
  line-height: 20px !important;
  font-weight: 700 !important;
  color: #000 !important;
}
.video-blog-area-wrap_new .tabs ul li a {
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  color: #000 !important;
  padding: 0 15px 15px 15px !important;
  border-bottom: 2px solid transparent !important;
}
.video-blog-area-wrap_new .tabs ul li a.active {
  border-color: #3c3b37 !important;
}
.mark-complete,
.back-to-all {
  display: table !important;
  font-weight: 700;
  font-size: 14px !important;
  height: auto !important;
  line-height: normal !important;
  border: 1px solid #4a48ad !important;
  color: #4a48ad !important;
  padding: 8px !important;
}
.video-blog-area-wrap_new .reply-info {
  border-bottom: 1px solid #c6c6c6 !important;
  padding-bottom: 20px !important;
}
.video-blog-area_new .adaptive-question-area .heading ul.info li {
  font-size: 16px !important;
  line-height: 20px !important;
}
.video-blog-area_new .reply-info p {
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  color: #000 !important;
  margin-left: 50px !important;
  padding-left: 15px !important;
}
.adaptive-question-area .heading ul.info li.count {
  min-width: auto !important;
  background-color: #4a48ad !important;
  color: #fff !important;
  border-radius: 5.75221px !important;
  -webkit-border-radius: 5.75221px !important;
  margin-left: 15px !important;
  padding: 0 10px !important;
}
.adaptive-question-area .heading ul.info li.count span {
  color: #fff !important;
}
.adaptive-question-area .adaptive-question-box {
  padding: 15px !important;
  min-height: auto !important;
  border: 1px solid #c4c4c4 !important;
  border-radius: 6.25px !important;
  -webkit-border-radius: 6.25px !important;
  margin-bottom: 16px !important;
}
.rounded-boxes .question-box,
.adaptive-question-box .question-box {
  padding: 0 !important;
}
.adaptive-question-box .question-box {
  min-height: auto !important;
}
.adaptive-question-area .adaptive-question-box {
  overflow-y: auto;
  overflow-x: hidden;
}
.question-answers input {
  -webkit-appearance: none;
}
.question-answers label .checkmark,
.adaptive-answer-box > ul > li::before {
  display: inline-block !important;
  counter-increment: alpha !important;
  content: counter(alpha, upper-alpha) !important;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  font-size: 18px !important;
  text-align: center !important;
  text-transform: uppercase;
  color: #000 !important;
  border: 1px solid #4c73e6 !important;
  border-radius: 100% !important;
  -webkit-border-radius: 100% !important;
  padding: 0 !important;
  cursor: pointer;
}
.adaptive-answer-box > ul > li::before {
  content: counter(listStyle, upper-alpha) !important;
}
.question-answers label input:checked ~ .checkmark,
.adaptive-question-area .adaptive-answer-box > ul > li.green::before,
.adaptive-question-area .adaptive-answer-box > ul > li.red::before {
  color: #fff !important;
  border: 0 !important;
}
.question-answers label input:checked ~ .checkmark {
  background-color: #0253d5;
  border-color: transparent !important;
}
.adaptive-question-area .adaptive-answer-box > ul > li.green::before,
.question-answers label.green .checkmark {
  background: #6fcf97;
  border-color: #6fcf97;
}
.adaptive-question-area .adaptive-answer-box > ul > li.red::before,
.question-answers label.red .checkmark {
  background: #f15454 !important;
  border-color: #f15454 !important;
}
.mathjax-container img {
  max-width: 100% !important;
  height: auto;
  width: auto;
}
.progress-info,
.right-gallery_new {
  width: 208px !important;
}
.right-gallery_new {
  font-size: 14px !important;
  line-height: 16px !important;
}
.right-gallery_new .item .wrap {
  position: relative;
  margin-bottom: 8px !important;
}
.right-gallery_new .item .wrap .read-btn {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: inline-block !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  border: 1px solid #000;
  height: auto !important;
  border-radius: 3.75px !important;
  -webkit-border-radius: 3.75px !important;
}
.right-gallery_new .item .wrap .read-btn a {
  color: #000;
}
.dashboard-leftsidebar,
.dashboard-rightsidebar {
  width: 215px;
}
.dashboard-card-items,
.post-box_new {
  border-radius: 6.10465px !important;
  margin-bottom: 16px !important;
  padding: 15px !important;
}
.new-icone-dropdown > a span {
  display: block;
  background: url("./media/angle-down-3.png") no-repeat right center;
  background-size: 10px;
  padding-right: 20px;
}
.new-icone-dropdown.show > a span {
  display: block;
  background: url("./media/angle-up-3.png") no-repeat right center;
  background-size: 10px;
  padding-right: 20px;
}
.new-dashboard-leftsidebar .dashboard-card-items .widget_title {
  font-size: 14px !important;
  margin-bottom: 3px;
}
.dashboard-card-items.card-common {
  padding: 0 !important;
}
.post-box_new .dashboard-online-use-new {
  display: none;
}
.share_new {
  padding-bottom: 5px !important;
}
.post-box_new .profile-box_new,
.modal .post-box_new {
  padding: 0 !important;
}
.post-box-content_new {
  padding: 8px 0 0 0 !important;
}
.post-box-content_new figure.table {
  width: 100% !important;
  height: 100% !important;
  max-width: initial !important;
}
app-course-stage .comment-form_new,
app-course-stage .post-box_new,
app-course-stage .user-comment {
  padding: 0 !important;
}
.like_new .like,
.like_new .dis-like,
.like_new .comment,
.event-calender .week td strong {
  cursor: pointer;
}
.modal .dashboard-card-items,
.modal .post-box_new,
app-course-stage .post-box_new {
  box-shadow: none !important;
}
.modal .button-group {
  margin: 20px 0 0 0 !important;
}
.modal .post_btn {
  margin-left: 10px;
}
.dashboard-card-items h4,
.dashboard-card-items h4 a,
.dashboard-card-items .widget_title {
  font-size: 16px !important;
  line-height: 18px !important;
  color: #ffffff !important;
  text-transform: capitalize !important;
}
.dashboard-card-items .widget_title_1 {
  font-size: 13px !important;
  line-height: 16px !important;
  color: #000 !important;
  text-transform: capitalize !important;
}
.dashboard-card-items .widget_bottom_info {
  font-size: 10px !important;
  line-height: 14px !important;
}
.dashboard-card-items .continue-box .box-inner_new h4,
.dashboard-card-items .continue-box .course-item_new h4 {
  font-size: 14px !important;
  line-height: 16px !important;
}
.dashboard-card-items .title {
  margin-bottom: 10px !important;
}
.has-rounded-img.card-common .card-body-common {
  max-height: 360px;
  overflow-y: auto;
}
.dashboard-card-items.has-rounded-img .product_wrapper {
  border: 1px solid grey;
  border-radius: 5px;
  margin-bottom: 8px;
  background: #fff;
}
.dashboard-card-items.has-rounded-img .product_wrapper_inner {
  padding-top: 15px;
  max-width: 98px;
}
.dashboard-card-items.has-rounded-img .product_wrapper_inner .product_top_title {
  font-size: 14px;
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.comment-form_new .form-group {
  position: relative;
}
.comment-form_new .form-group input {
  padding-right: 50px;
}
.comment-form_new .btn-icone {
  position: absolute;
  top: 0px;
  font-size: 20px;
  border: unset;
  background: #0000;
  padding: 13px 15px;
  right: 0;
  color: var(--primary);
}
.dashboard-card-items.has-rounded-img .product_wrapper_inner .product_bottom_info {
  font-size: 12px;
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.new-body-chart_area_body {
  padding-top: 30px !important;
}
.new-body-chart_area_body .apexcharts-toolbar {
  top: -15px !important;
}
.new-admin-box .mid_contents {
  flex-wrap: wrap;
}
.new-admin-box .big_num {
  width: 100%;
  font-size: 22px !important;
}
.new-admin-box .over3 {
}
.new-admin-box .over3 .persist-arrow {
  font-size: 16px;
}
.new-body-chart_area_body .dropdown,
.new-body-chart_area_body .dropleft,
.new-body-chart_area_body .dropright,
.new-body-chart_area_body .dropup {
  position: relative;
  top: -5px;
}
.dashboard-card-items.has-rounded-img figure,
.dashboard-card-items.has-rounded-img .product_img_wrap {
  max-width: 60px !important;
  max-height: 60px !important;
  width: 60px !important;
  height: 60px !important;
  float: none !important;
  padding: 0 !important;
  max-width: 100% !important;
  margin-bottom: 0;
}
.dashboard-card-items.has-rounded-img figure img {
  max-width: 60px !important;
  max-height: 60px !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 5px;
  object-fit: cover;
}
.dashboard-card-items .student_info span {
  display: block;
  font-size: 14px !important;
  line-height: 16px !important;
  color: #4c4c4c;
}
.profile-box_new .profile-user,
.user_img_circled_wrap {
  width: 50px !important;
  height: 50px !important;
  overflow: hidden !important;
  border-radius: 50px !important;
  background: #e5e3e3 !important;
  flex: 0 0 50px;
}
.user_img_circled,
.user_img_circled_wrap .avatar {
  object-fit: cover !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
}
.user_img_circled_wrap_big,
.user_img_circled_big {
  width: 60px;
  height: 60px;
}
.user_img_circled_wrap_big {
  overflow: hidden;
  border-radius: 50px;
  background: #e5e3e3;
  flex: 0 0 60px;
}
.user_img_circled_big {
  object-fit: cover;
  border-radius: 50%;
}
.profile_name_big {
  font-size: 16px;
  color: #000;
}
.profile_user_name,
.square_profile_info .top-title {
  font-size: 14px !important;
  line-height: 18px !important;
  margin-bottom: 0 !important;
  color: #000;
}
.profile_user_info,
.square_profile_info .bottom-title {
  font-size: 12px !important;
  line-height: 14px !important;
}
.squared-rounded_wrap_80 {
  width: 80px !important;
  height: 80px !important;
  flex: 0 0 80px;
}
.squared-rounded_wrap_80 .user_squared-rounded,
.squared-rounded_wrap_80 img {
  width: 80px;
  height: 80px;
  object-fit: cover !important;
  border-radius: 5px;
}
.squared-rounded_wrap_60 {
  width: 60px !important;
  height: 60px !important;
  flex: 0 0 60px;
}
.squared-rounded_wrap_60 .user_squared-rounded,
.squared-rounded_wrap_60 img {
  width: 60px;
  height: 60px;
  object-fit: cover !important;
  border-radius: 5px;
  max-width: 60px;
}
.squared-rounded_wrap_100 {
  width: 100px !important;
  height: 100px !important;
  flex: 0 0 100px;
}
.squared-rounded_wrap_100 .user_squared-rounded,
.squared-rounded_wrap_100 img {
  width: 100px;
  height: 100px;
  object-fit: cover !important;
  border-radius: 5px;
}
.profile-box_new .profile-info h1 {
  font-size: 14px !important;
  line-height: 16px !important;
  color: #000 !important;
  text-transform: capitalize;
}
.post-box-content_new p,
.post-box-content_new h4 {
  font-size: 14px !important;
  line-height: 20px !important;
  color: #000 !important;
  padding: 0 !important;
  font-weight: 400;
}
.post-box-content_new p {
  font-size: 14px !important;
}
.user-comment-info .post-box-content_new {
  padding: 0 !important;
}
.share_new ul li {
  font-size: 14px !important;
  line-height: 36px !important;
  background: rgba(235, 235, 249, 0.53) !important;
  border-radius: 6.25px !important;
  -webkit-border-radius: 6.25px !important;
  color: #000 !important;
  margin-right: 14px !important;
  margin-bottom: 10px !important;
}
.share_new ul li a {
  color: #000 !important;
  padding: 0 15px !important;
  display: block !important;
}
.share_new ul li.post_btn,
.post_btn {
  background-color: var(--primary) !important;
  margin-right: 0 !important;
  border-radius: 6.25px !important;
  -webkit-border-radius: 6.25px !important;
  height: auto !important;
  line-height: 36px !important;
}
.share_new ul li.post_btn a,
.post_btn a {
  color: #fff !important;
}
.profile-box_new {
  position: relative !important;
}
.profile-box_new .profile-info li,
.comments_new li {
  font-size: 12px !important;
  line-height: 16px !important;
  color: #575757 !important;
  position: relative !important;
  text-transform: capitalize;
}
.post_updatedat_date {
  font-size: 12px;
  color: #575757;
}
.profile-box_new .profile-info ul li.dot::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: -8px !important;
  transform: translateY(-50%) !important;
  width: 3px !important;
  height: 3px !important;
  background: #575757 !important;
}
.dropdown-edit-delete.top-10 {
  top: 10px !important;
}
.dropdown-edit-delete.top-10 .dropdown .dropdown-menu {
  top: initial !important;
  bottom: 0;
}
.post-box_new .special-info a {
  display: block !important;
  background: #f4f7f9 !important;
  border-radius: 10px !important;
  width: fit-content;
  -webkit-border-radius: 10px !important;
  max-width: 102%;
}
.dashboard-card-items.event-calender .week td .dot {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.dashboard-card-items.event-calender .week td .dot.blue {
  background: #15ddff;
}
.dashboard-card-items.event-calender .week td .dot.yellow {
  background: #ffeb3b;
}
.dashboard-card-items.event-calender .week td .dot.red {
  background: #ce3737;
}
.dashboard-card-items.event-calender .week td .dot.purple {
  background: #af8cef;
}
.dashboard-card-items.event-calender .event h4 {
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  color: #000 !important;
  text-transform: capitalize !important;
}
.dashboard-card-items.event-calender .event span {
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 14px !important;
  color: #4c4c4c !important;
  margin: 5px 0 !important;
}
.dashboard-card-items .event::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: #15ddff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.dashboard-card-items .continue-box {
}
.special-info_new {
  position: relative !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.special-info_new .inner {
  padding: 8px 0 !important;
}
.special-info_new img {
  max-width: 30px;
  max-height: 30px;
}
.special-info_new .inner h4 {
  font-size: 14px;
  width: auto;
}
.special-info_new .close-btn {
  position: absolute !important;
  top: 50% !important;
  right: 30px !important;
  width: 30px !important;
  height: 30px !important;
  transform: translateY(-50%) !important;
  z-index: 999 !important;
}
.asses-info .info-text {
  float: none !important;
  background: transparent !important;
  display: inline-block;
}
.asses-info .info-text span {
  display: inline-block;
  font-weight: 700;
  font-size: 12px !important;
  line-height: 14px !important;
  padding: 5px;
  color: #fff;
  background: #000;
}
.asses-info figure {
  width: 50px;
  height: 50px;
}
.asses-info .name h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}
.asses-info span {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
}
.marking-scheme .item {
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid #c4c4c4 !important;
  padding: 15px !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}
.test_details .asses-box-item {
  height: 80px;
}
.box-inner_new .info ul li {
  display: inline;
}
.box-inner_new .time span,
.box-inner_new .question-count span,
.box-inner_new .info a {
  display: block !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.topic_form .form-group::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 20px !important;
  width: 17px !important;
  height: 17px !important;
  background-size: contain !important;
}
.topic_form input {
  font-size: 18px !important;
  font-weight: 700 !important;
  height: 51px !important;
  padding: 0 55px !important;
}
.error-analysis_new {
  padding: 0px 0 50px 0;
}
.error-analysis_new .sidebar {
  width: 100%;
  padding: 0;
}
.error-analysis_new .sidebar ul {
  padding-top: 0;
}
.error-analysis_new .sidebar ul li a {
  padding: 0;
}
.error-analysis_new .accordation-area {
  padding-top: 10px;
}
.error-analysis_new .accordation-area .accordion .area {
  background-color: #fff;
  padding: 10px 50px 10px 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 16px;
  line-height: 18px;
  color: #000 !important;
}
.error-analysis_new .accordation-area .accordion .area .heading_new {
  margin-bottom: 0 !important;
}
.error-analysis_new .accordation-area .accordion .area .heading button {
  position: relative;
  width: 100%;
}
.error-analysis_new .accordation-area .accordion .area .ques {
  font-size: 16px !important;
}
.selection-wrap p {
  font-size: 14px !important;
  line-height: 16px !important;
  font-weight: 400 !important;
}
.selection-wrap .selection p {
  font-size: 12px !important;
  line-height: 14px !important;
}
.error-analysis_new .overview-question-title {
  padding-right: 50px;
}
.panel-open .heading button::after {
  transform: translateY(-50%) rotate(180deg) !important;
}
.error-analysis_new .accordation-area .accordion .area .heading button::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -35px;
  width: 21px;
  height: 10px;
  background-size: contain;
}
.error-analysis_new .panel-open button::after {
}
.error-analysis_new table td {
  vertical-align: middle;
}
.error-analysis_new .overview-question-title table tbody tr td {
  font-size: 14px !important;
  line-height: 16px !important;
  color: #000 !important;
  padding-bottom: 15px !important;
  font-weight: 700 !important;
  padding: 0 15px !important;
  text-align: center;
}
.error-analysis_new table tbody tr td:first-child {
  padding-left: 0 !important;
  padding-right: 15px !important;
}
.error-analysis_new .heading td:first-child {
  min-width: 40px;
}
.error-analysis_new .heading td:nth-child(3),
.error-analysis_new .heading td:nth-child(4) {
  min-width: 160px;
  text-align: center;
}
.error-analysis_new .heading td:nth-child(2) {
  width: 100%;
  padding: 0 15px !important;
}
.min-w-100 {
  min-width: 100% !important;
}
.error-analysis_new .selection-wrap {
  padding: 0 0 0 55px;
  margin-bottom: 20px;
  margin-top: 0 !important;
}
.selection-wrap .exp {
  padding: 20px 0 0 0;
}
.tabs-bottom-content-gap .selection-wrap .nav {
  margin-bottom: 24px !important;
  padding-top: 0 !important;
}
.selection label .checkmark {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  border-radius: 100% !important;
  -webkit-border-radius: 100% !important;
  border: 1px solid #4c73e6;
  opacity: 0.8 !important;
  font-size: 18px !important;
  color: #000;
  display: inline-block !important;
}
.error-analysis_new .ques {
  color: #4b4b4b;
}
.error-analysis_new .number,
.question-answer-list_number .number,
.number_box {
  border: 1px solid #000;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  color: #000;
}
.question-answer-list_number .ques p,
.question-answer-list_number .ques > span,
.question-answer-list_number .ques code {
  font-size: 16px !important;
  line-height: 18px;
  font-weight: bold;
}
.question-answer-list_number .topic_type_title {
  font-size: 16px !important;
  line-height: 18px;
  color: #000;
  margin-bottom: 4px;
}
.question-answer-list_number .topic_type_title span {
  font-weight: normal;
}
.question-answer-list_number .topic_below_info {
  font-size: 14px;
  line-height: 14px;
  color: #000;
  font-weight: 400;
}
.question-answer-list_number .given-answer {
  margin-bottom: 0;
  padding: 0;
}
.adaptive_bg {
  background-color: rgb(60 100 177 / 6%);
}
.cal-modal .modal-content {
  border: 0 !important;
}
.product_type_row.type-1 {
  position: relative;
  border: 1px solid #c4c4c4 !important;
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  margin-bottom: 16px !important;
  background-color: #fff;
}
.product_type_row.type-1 .product_img,
.product_type_row.type-1 .product_img img {
  width: 100px !important;
}
.product_type_row.type-1 .product_img img {
  border-radius: 10px 0 0 10px;
}
.product_type_row.type-1 .product_inner {
  padding: 8px 0 !important;
}
.product_type_row.type-1 .product_title {
  font-size: 16px !important;
  line-height: 18px !important;
  cursor: context-menu;
  margin: 0 !important;
  color: #000;
  font-weight: bold;
}
.product_type_row.type-1 .subject_name {
  font-size: 14px !important;
  line-height: 16px !important;
  margin: 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product_type_row.type-1 .number_dark {
  font-weight: bold;
  color: #000;
}
.product_type_row.type-1 .questions_number,
.product_type_row.type-1 .minutes_number,
.product_type_row.type-1 .students_number,
.product_type_row.type-1 .attempts_number,
.product_type_row.type-1 .material-icons {
  font-size: 12px !important;
  line-height: 14px !important;
  display: flex;
  align-items: center;
}
.product_type_row.type-1 .product_badge {
  position: absolute;
  top: 10px;
  left: 0;
  background: #000 !important;
  color: #fff;
  padding: 4px 8px !important;
  font-size: 10px;
  z-index: 1;
}
.product_type_row.type-1 .product_badge.assessment-published {
  background-color: #7ee96d !important;
  color: #000 !important;
}
.product_type_row.type-1 .status {
  display: none;
}
.overall-main {
  padding: 16px;
}
.data_ana_box {
  margin: 0 0 16px 0;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0px 5px 13px rgb(0 0 0 / 16%);
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  color: #000;
}
.data_ana_box .overall-head {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}
.question-answer-list_number .ques p,
.question-answer-list_number .ques > span {
  font-weight: 400;
}
.data_ana_box .mid_contents h4 {
  width: 100%;
}
.data_ana_box .mid_contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 8px 0;
}
.over2,
.over2-inactive,
.data_ana_box .big_num {
  color: #0E5B8B;
  font-weight: 700;
  font-size: 18px;
}
.over2-inactive {
  color: #575757 !important;
}
.admin-box .over3,
.admin-box .over-0,
.data_ana_box .bottom_info_text,
.bottom_info_tex {
  color: #066516;
  font-weight: 700;
}
.admin-box .over-0,
.data_ana_box .bottom_info_text,
.bottom_info-tex {
  font-size: 12px;
  text-align: left;
}
.over3-down,
.persist-arrow-down,
.persist-arrow-down,
.over3-down .persist-arrow {
  color: #e56666;
  font-size: 12px;
}
.over3,
.over3 .material-icons {
  color: #066516;
}
.over3 .material-icons {
  font-size: 20px;
}
.persist-arrow {
  color: #066516;
  font-size: 12px;
  font-family: Karla;
  font-style: normal;
  font-weight: 600;
}
.data_ana_box .material-icons {
  font-size: 20px;
}
.chart_boxes {
  margin-bottom: 16px;
  box-shadow: 0px 5px 13px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  color: #000;
}
.chart_boxes .admin-header {
  background: #505058 !important;
  border-radius: 8px 8px 0px 0px;
  padding: 15px;
  min-height: 65px;
}
.chart_boxes .admin-head,
.chart_boxes .admin-head .material-icons {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.chart_boxes .admin-head2,
.chart_boxes .admin-head2 .material-icons {
  font-size: 14px;
  color: #fff;
}
.chart_area_body {
  padding: 20px 20px;
  position: relative;
  background-color: #fff;
  border-radius: 8px;
}
.chart_area_body hr {
  margin-top: 8px;
  margin-bottom: 8px;
}
.chart_area_body.filter-via-select {
  padding: 40px 20px 20px 20px;
}
.chart_boxes .filter-item {
  position: absolute;
  right: 50px;
  top: 15px;
  z-index: 9;
}
.filter-via-select .filter-item {
  right: 15px;
  top: 0;
}
.chart_boxes .filter-item .dropdown-toggle {
  color: #000 !important;
  font-weight: bold;
}
.chart_boxes .filter-item .dropdown-menu {
  margin-top: 0 !important;
}
.chart-data-scroll {
  height: 180px;
  overflow-y: scroll;
}
.chart-data-scroll::-webkit-scrollbar {
  width: 12px;
}
.chart-data-scroll::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 6px;
}
.chart-data-scroll::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: transparent;
  box-shadow: inset 2px 2px 5px 0 rgba(#fff, 0.5);
}
.custom_scrollbar::-webkit-scrollbar {
  width: 10px;
}
.custom_scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 100px;
}
.custom_scrollbar::-webkit-scrollbar-thumb {
  border-radius: 100px;
  border: 3px solid transparent;
  background-clip: content-box;
  background-color: #e4e4e4;
}
.chart_boxes .progress-circle {
  margin: 8px auto;
}
.chart_boxes .title_heading {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
.over-out {
  background: #f8f8f8;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 16px;
}
.over-out:last-child {
  margin-bottom: 0;
}
.over-out .circle-head {
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}
.chatimg,
.chatimg .avatar {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px;
}
.chatimg-mark,
.chatimg-mark .avatar {
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 15px;
}
.chart_boxes .avatar_wrapper,
.table-avatar .avatar_wrapper,
.chart_boxes .avatar,
.table-avatar .avatar {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px;
}
.overall-main .admin-box-info .over-table-head {
  transform: translateY(-25px);
  font-weight: bold;
}
.no-up {
  transform: none !important;
}
.number-increment-box,
.score_wrap,
.time_wrap {
  width: 50px;
  text-align: center;
}
.error-analysis-area .item-wrap img {
  max-width: 20px;
}
.Stu_profile .admin-head {
  margin-left: 0 !important;
  font-size: 18px !important;
  line-height: 20px !important;
  text-transform: capitalize;
  padding: 0;
  margin-bottom: 4px;
}
.Stu_profile .admin-head2 {
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 16px !important;
}
.Stu_profile .pro-wall img {
  width: 100%;
  height: 300px;
  padding: 0;
  object-fit: cover;
  border-radius: 8px;
}
.pro-dp_wrap {
  border-radius: 100%;
  border: 4px solid #ffff;
  margin-top: -75px;
  margin-left: 8px;
  position: relative;
  margin-bottom: 8px;
}
.dp-on_wall {
  border-radius: 100%;
}
.pro-dp_wrap,
.dp-on_wall {
  width: 150px;
  height: 150px;
  flex: 0 0 150px;
}
.pro-dp-sideinfo {
  margin-left: 8px;
}
.pro-dp-sideinfo,
.pro-dp-sideinfo_adjust {
  margin-top: 8px;
}
.pro-dp_wrap .camera-icon-wrap {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 30px;
}
.socials-icon_theme_color i {
  font-size: 30px;
}
.socials-icon_theme_color .fa-facebook-square {
  color: #1877f2;
}
.socials-icon_theme_color .fa-linkedin {
  color: #0b66c3;
}
.socials-icon_theme_color .fa-whatsapp-square {
  color: #4aae20;
}
.socials-icon_theme_color .fa-youtube {
  color: #fe0000;
}
.socials-icon_theme_color .fa-instagram-square {
  color: #e33865;
}
.Stu_profile .edit_icon {
  color: #434242 !important;
  font-size: 20px !important;
  cursor: pointer;
}
.Stu_profile .content-tag {
  width: auto;
  margin: 6px 6px 0 0;
  background: #a7e2f2 !important;
  border-radius: 23px;
  font-size: 14px;
  padding: 8px 20px;
}
.break-avoid {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.profile_box_below_info .user_img_circled_wrap {
  margin: auto;
  display: block;
}
.profile_box_below_info .profile_name {
  font-size: 14px;
  color: #000;
  margin-top: 4px;
}
.experiences-box_timeline,
.experiences-box {
  position: relative;
}
.experiences-box_timeline:after {
  content: "";
  position: absolute;
  width: 3px;
  background-color: black;
  top: 4px;
  bottom: 0;
  left: 0;
}
.experiences-box {
  margin-bottom: 8px;
  padding-left: 15px;
}
.experiences-box:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  left: -6.5px;
  background-color: white;
  border: 4px solid #7572fe;
  top: 4px;
  border-radius: 50%;
  z-index: 1;
}
.experiences_title {
  font-size: 16px;
  color: #000;
}
.ex_experiences_company,
.current_experiences_company,
.experiences_start_date,
.experiences_end_date {
  font-size: 14px;
}
.box_heading {
  font-size: 16px !important;
  color: #000 !important;
}
header.mcq .header-area nav.d-flex {
  display: flex !important;
}
.testSeries_DetailS .asses-about-area_new .chapter-box {
  padding: 0px !important;
}
.testSeries_DetailS .test-wrap {
  padding: 15px 0;
}
.testSeries_DetailS .chapter-box figure {
  height: 100%;
  border-top-left-radius: 9px !important;
  border-bottom-left-radius: 9px;
}
.testSeries_DetailS .chapter-box figure .image-wrap .icon {
  position: absolute;
  top: 50% !important;
  left: 0 !important;
  transform: translateY(-50%);
}
.take-test-btn {
  border: 1px solid #4c73e6;
}
.instruction_text,
.instruction_text p {
  font-size: 14px !important;
  line-height: inherit !important;
}
.tabs-bottom-content-gap .nav {
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
  flex-wrap: nowrap !important;
  overflow: auto;
}
.tabs-bottom-content-gap .nav li {
  flex: 1 1 auto !important;
}
.tabs-bottom-content-gap .nav li a {
  padding: 0 15px !important;
}
.subject_title {
  font-size: 18px !important;
  line-height: 18px !important;
  margin-bottom: 0 !important;
  text-transform: capitalize;
}
.subject_number {
  font-size: 12px !important;
}
.filter_widget {
  color: #000;
}
.filter_widget .filter_title {
  font-size: 16px;
}
.filter_widget .card {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid lightgrey;
  border-radius: 0;
}
.filter_widget .card-header {
  background-color: transparent;
  border: 0 !important;
  padding-left: 0;
  padding-right: 0;
}
.filter_widget .card-body {
  padding-left: 0;
  padding-top: 0;
  padding-right: 0;
}
.filter_widget .filter_items {
  margin-bottom: 8px;
}
.not-placed {
  background-color: #6F3906;
}
.filter_widget .filter_items:last-child,
.filter-tags_wrapper:last-child {
  margin-bottom: 0;
}
.filter-tags_wrapper {
  margin-bottom: 8px;
}
.filter-tags_title {
  font-size: 16px;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 8px;
}
.filter-tags {
  background: #a7e2f2;
  border-radius: 3px;
  padding: 5px;
  color: #000;
  display: inline-block;
  margin: 0 8px 8px 0;
}
.result_output {
  color: #000;
}
.rounded-boxes {
  border-radius: 8px !important;
  padding: 15px !important;
  margin-bottom: 16px !important;
}
.rounded-boxes.less-padding-x {
  padding: 15px 20px !important;
}
.tab-icon-text {
  color: #0f0f0f;
  cursor: pointer;
}
.ques-type-click {
  font-size: 14px !important;
  font-weight: bold !important;
  margin: 5px 0 !important;
}
.bordrCustomWth .tab-icon-text {
  color: #322FFE;
}
.bordrCustomWth {
  border-bottom: 3px solid #007bff !important;
}
.assesment-box .mode-title {
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: bold !important;
}
.assesment-box .sub-text {
  font-size: 12px !important;
}
.assesment-box .number-big {
  font-size: 18px !important;
  line-height: 20px !important;
}
.assesment-box .number-big_subtitle {
  font-size: 12px !important;
  line-height: 14px !important;
}
.multiselect-dropdown {
}
.bs-stepper .step-trigger {
  padding: 1px !important;
  font-size: 14px !important;
}
.form-boxes {
  font-size: 14px;
}
.form-boxes .form-box_title {
  font-size: 16px !important;
  line-height: 18px !important;
  text-transform: capitalize !important;
  color: #000 !important;
}
.form-boxes .form-box_subtitle {
  font-size: 14px !important;
  line-height: 16px !important;
  font-weight: bold !important;
  color: #000 !important;
  margin-bottom: 0 !important;
}
.form-boxes .form-group {
  margin-bottom: 8px !important;
}
.form-boxes .form-control,
.form-boxes .code-badge,
.form-boxes .material-icons {
  font-size: 14px;
}
.form-boxes .form-control.border {
  padding-left: 12px !important;
}
.form-boxes input,
.form-boxes .form-control,
.form-boxes .dropdown-btn {
  padding-left: 0 !important;
  margin: 0 !important;
  cursor: pointer;
  border: 0;
}
.form-boxes .form-control:disabled,
.form-boxes .form-control[readonly] {
  background-color: transparent;
}
.modal-dialog .form-boxes .search-box input {
  padding: 0 55px !important;
}
.form-boxes .padding_match_form_control {
  padding: 6px 0;
  text-transform: capitalize;
}
.form-boxes .add_more {
  font-size: 12px !important;
  cursor: pointer !important;
}
.form-boxes hr {
  margin: 8px 0 !important;
}
.form-boxes .nav-tabs {
  margin-top: 16px;
}
.form-boxes .drug-photo-box {
  position: relative;
}
.form-boxes .uploaded-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 80%;
  width: 80%;
}
.form-boxes .remove-uploaded-image_btn {
  position: absolute;
  right: -20px;
}
.closebtn {
  right: 25% !important;
  top: 15px;
}
.form-boxes .remove-uploaded-image_btn_create {
  position: absolute;
  right: 10px;
  top: 5px;
}
.form-boxes .profile-user_with_edit {
  position: relative;
}
.form-boxes .edit_image {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  bottom: 0;
  left: 40px;
  z-index: 9;
}
.left_arrow_tag {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  position: relative;
  padding: 0 10px 0 12px;
  background: #2E2EFF;
  color: #fff;
  font-size: 12px;
}
.left_arrow_tag:before {
  content: "";
  position: absolute;
  top: 0;
  left: -12px;
  width: 0;
  height: 0;
  border-color: transparent #7272fe transparent transparent;
  border-style: solid;
  border-width: 12px 12px 12px 0;
}
.left_arrow_tag:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 1px;
  float: left;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  -moz-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: -1px -1px 2px rgb(0 0 0 / 40%);
  box-shadow: -1px -1px 2px rgb(0 0 0 / 40%);
}
.green.left_arrow_tag {
  background-color: #136721;
}
.green.left_arrow_tag::before {
  border-color: transparent #66e57b transparent transparent;
}
.assessments-detail .image-wrap {
  background-color: #c4c4c4;
  border-radius: 3px;
  position: relative;
}
.tag-type {
  text-transform: capitalize;
  padding: 2px 5px;
  border-radius: 3px;
  display: inline-block;
  color: #fff;
}
.status_published {
  color: black;
  background-color: #a2fb93;
}
.status_draft {
  color: black;
  background-color: #fbf793;
}
.status_revoked {
  color: white;
  background-color: var(--danger);
}
.bg-yellow {
  background: #514A0B;
}
.border-box {
  padding: 15px !important;
  min-height: 104px;
  border: 1px solid #9c9a9a !important;
  border-radius: 6px !important;
  margin-bottom: 16px !important;
}
.student .border-box {
  padding: 15px !important;
  min-height: 131px;
  border: 1px solid #9c9a9a !important;
  border-radius: 6px !important;
  margin-bottom: 16px !important;
}
.border-box .border-box_title {
  font-size: 16px !important;
  line-height: 18px !important;
  font-weight: bold !important;
  color: #000 !important;
}
.border-box .border-box_subtitle {
  font-size: 14px !important;
  line-height: 16px !important;
  font-weight: bold !important;
}
.dashed-border-box {
  border: 1px dashed #9c9a9a;
  padding: .5rem;
  margin-bottom: -1px;
}
.box-inner_tag {
  background: #315E58;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  padding: 5px 15px;
  margin-bottom: 5px;
}
.new-assesm-box-body p.assess-help {
  font-size: 14px;
}
.box-inner_tag strong {
  color: #fff !important;
}
.curriculum_product_box {
  border-radius: 5px;
  padding: 15px;
  min-height: 99px;
  height: 99px;
}
.curriculum_product_box .product_name {
  font-size: 14px;
  color: #000;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.curriculum_product_box .curriculum-item-info .material-icons,
.curriculum_product_box .curriculum-bottom-info .material-icons {
  font-size: 14px;
  color: #000;
}
.curriculum_product_box .curriculum-item-info,
.curriculum_product_box .curriculum-bottom-info {
  font-size: 12px;
}
.curriculum_product_box .curriculum-bottom-info {
  margin-top: 8px;
}
.controlling-feedback .lik,
.controlling-feedback .dislik {
  width: auto;
}
.controlling-feedback .feeDbAcK-tagS-8 {
  display: inline;
}
.form-check_control .custom-radio.form-check {
  padding-left: 23px !important;
  margin-right: 8px !important;
}
.evaluation_top_imgwrap .icon-small {
}
.multiselect_controlled .dropdown-btn {
  line-height: 24px !important;
  max-height: 35px;
}
.rating-common-1 {
  width: 135px;
}
.rating-common-1 .PeRc-eNt {
  margin-left: 10px;
  margin-top: 0 !important;
  position: relative;
}
.rating-common-1 .bar-container {
  margin-top: 0 !important;
}
.width_dropdownminus {
  width: calc(100% - 24px);
}
.border-none .ck-toolbar_grouping {
  border: none !important;
}
.col-lg-2 .sidebar {
  min-width: auto !important;
  width: 100%;
  padding: 0 !important;
}
.sidebar ul li a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.question_truncate_wrap p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
}
.modal-header-bg {
  background-color: #f1f3f4 !important;
  border-radius: 15px 15px 0 0;
}
.modal-small {
  max-width: 360px;
}
.modal-medium {
  max-width: 505px;
}
.card-common {
  margin-bottom: 16px !important;
  border-radius: 8px !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.card-header-common .material-icons {
  border: 1px solid #fff;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
}
.card-title-common {
  font-size: 16px !important;
  color: #fff !important;
  margin-bottom: 0;
}
.card-header-common {
  padding: 12px 15px;
  margin-bottom: 0;
  background-color: #55555E;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 8px 8px 0 0;
  color: #fff;
}
.card-body-common {
  padding: 15px;
  border-radius: 0 0 8px 8px;
  background-color: #f8f9fa;
}
.card-text-common {
  font-size: 14px;
}
.products_slider .owl-theme .owl-nav {
  margin-top: 0 !important;
}
.card-header-common .section_heading_wrapper {
  margin-bottom: 0;
}
.card-header-common .section_top_heading,
.card-header-common .section_sub_heading,
.card-header-common .arrow .fa-arrow-right,
.card-header-common .widget_title {
  color: #fff !important;
}
.chart_boxes .admin-header .btn-outline,
.chart_boxes .admin-header .btn-outline:hover,
.card-header-common .btn-outline,
.card-header-common .btn-outline:hover {
  border: 1px solid #fff;
  color: #fff;
}
.admin-top-area-common {
  background:
    linear-gradient(
      89.97deg,
      #b561fa 0.77%,
      #768dfc 99.35%);
  border-radius: 10px;
  color: #fff;
  padding: 20px 0;
}
.admin-top-area-common .title {
  font-size: 18px;
}
.admin-top-area-common .subtitle {
  font-size: 14px;
}
.standard-upload-box {
  border: 1px solid #9c9a9a !important;
  border-radius: 6px;
  padding: 15px;
  text-align: center;
  color: #000;
  position: relative;
}
.standard-upload-box .upload_icon .material-icons {
  font-size: 45px;
  margin-bottom: 16px;
  color: #000;
  float: none !important;
}
.standard-upload-box .title {
  font-size: 14px;
  color: #000;
}
.standard-upload-box .btn {
  margin-top: 8px;
}
.table-title {
  color: #000;
  font-size: 16px;
}
.gray_box_inside_rounded_box {
  background: #f4f4f7;
  padding: 15px;
  border-radius: 8px;
}
.certification_box {
  padding-bottom: 80px !important;
  padding-right: 40px !important;
  color: #000;
}
.certification_title {
  text-align: center;
  margin-bottom: 8px;
}
.certification_badge {
  position: absolute;
  right: 0;
  bottom: 0;
}
.stepper-vertical .nav-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 1rem;
  cursor: pointer;
}
.stepper-vertical .nav-item:first-child:before,
.stepper-vertical .nav-item:first-child:after {
  display: none;
}
.stepper-vertical .nav-item:before {
  content: "";
  flex: 0 0 20px;
  height: 20px;
  border-radius: 50%;
  z-index: 2;
  background-color: #e0e0e0;
}
.stepper-vertical .nav-item:not(:last-child):after {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  bottom: -10px;
  z-index: 1;
  transform: translateX(8px);
  width: 6px;
  background-color: #e0e0e0;
  background-image:
    linear-gradient(
      45deg,
      hsla(0, 0%, 100%, 0.15) 25%,
      transparent 0,
      transparent 50%,
      hsla(0, 0%, 100%, 0.15) 0,
      hsla(0, 0%, 100%, 0.15) 75%,
      transparent 0,
      transparent) !important;
  background-size: 1rem 1rem !important;
}
.stepper-vertical .nav-item.active:before,
.stepper-vertical .nav-item.active:after {
  background-color: #7572fe;
}
.stepper-vertical .nav-item .text_item {
  display: block;
  border-radius: 3.75px;
  -webkit-border-radius: 3.75px;
  padding: 2px 12px;
  flex: auto;
}
.stepper-vertical .nav-item .text_item:hover,
.stepper-vertical .nav-item.active .text_item.active {
  box-shadow: 0px 4px 7px 0px rgb(139 139 139 / 16%);
  color: black;
  background-color: #fff;
}
.footer_socials_links {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  border: 1px solid #fff;
  text-align: center;
  color: #fff !important;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.foot_links {
  color: #fff !important;
}
.new-chart_boxes {
  height: 100%;
  margin-bottom: 30px;
}
.question-answer-list_number .ques li {
  font-weight: 400;
  font-size: 14px;
}
.question-answer-list_number .ques ol,
.question-answer-list_number .ques ul {
  margin-top: 10px;
}
.session-management .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {
  margin-bottom: 0px !important;
}
.pull-right {
  color: #0051A8;
}
.btn.border-0 {
  color: #495057;
}
.usersfeed {
  color: #007BFF;
}
.addfavrouite {
  height: auto;
  width: 23px;
  max-width: 28px;
  margin-top: -3px;
}
.removeFavorite {
  height: auto;
  width: 28px;
  max-width: 28px;
  margin-top: -5px;
}
.navbar-light .navbar-nav .nav-link {
  color: #2D2D2D;
}
.nav-tabs.no-grow > li {
  flex-grow: 0 !important;
}
.bluebook-popover {
  max-width: 800px;
}
.bluebook-popover .arrow {
  display: none;
}
.bluebook-popover .popover-body {
  background: white;
  color: black;
  padding: 1rem;
}
.modal-dialog.bluebook-modal {
  max-width: 500px;
}
.bluebook-modal .modal-content {
  overflow: auto;
}
.rounded-boxes.course-content_new {
  padding-left: 0px !important;
}

/* src/assets/css/student.responsive.css */
@media screen and (max-width: 600px) {
  .cal-modal .modal-body {
    overflow-x: scroll;
  }
}
@media only screen and (min-width: 768px) {
  .h-md-100 {
    height: 100%;
  }
}
@media only screen and (min-width: 991px) {
  #page-wrapper {
    min-height: calc(100vh - 42px);
  }
  footer.bg-primary {
    height: 42px;
  }
  .col-5_20 {
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .w-mw-lg-125 {
    width: 125px;
    max-width: 125px;
  }
  .h-lg-100 {
    height: 100% !important;
  }
  .h-lg-300 {
    height: 300px;
  }
  .h-lg-550 {
    height: 550px;
  }
  .chart_area_body.matching_height_lg {
    min-height: 480px;
  }
  .min-lg-160 {
    min-height: 160px;
  }
  .min-lg-140 {
    min-height: 140px;
  }
  .min-lg-120 {
    min-height: 120px;
  }
  .min-lg-100 {
    min-height: 100px;
  }
  .rounded-boxes.min-h-control-lg {
    min-height: 94px;
  }
  .w-lg-250 {
    width: 250px;
  }
  .border-right-lg {
    border-right: 2px solid #d1d7dc;
  }
  .pl-lg-60 {
    padding-left: 60px !important;
  }
  .pr-lg-60 {
    padding-right: 60px !important;
  }
  .column-2 {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .column-3 {
    -moz-column-count: 3;
    column-count: 3;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .padding-lg-y-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .min-w-lg-250px {
    min-width: 250px;
  }
  .overflow-lg-hidden {
    overflow: hidden;
  }
  .left_area {
    flex-basis: calc(100% - 400px);
    max-width: calc(100% - 400px);
  }
  .right_area {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 400px;
    flex: 0 1 400px;
    width: 400px;
    max-width: 400px;
  }
  .sidebar_up {
    margin-top: -100px;
  }
  .course-content_new .content .week {
    max-width: 100px;
  }
}
@media screen and (min-device-width: 991px) and (max-device-width: 1024px) {
  p-student .sidebar {
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) {
  .two-column-list-md li,
  .two-column-list-md .mathjax-container p {
    width: 50%;
    float: left;
    padding-right: 8px;
  }
  .border-right-md {
    border-right: 2px solid #d1d7dc;
  }
}
@media only screen and (max-width: 991px) {
  .top_mobile_search input figure img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .card-common.products_slider .card-header-common .btn {
    display: none;
  }
  .box-area_new {
  }
  .banner_new {
    padding: 20px 0 !important;
  }
  .banner_new .banner-info h1,
  .banner_new .banner_title {
    font-size: 20px !important;
    line-height: 22px !important;
  }
  .heading_new h3,
  .heading-subheading h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
  }
  .course-inner_new h4,
  .box-inner_new h4,
  .info_new h4 {
    font-size: 14px !important;
    font-weight: 700 !important;
  }
  .breadcrumbs_new h2,
  .breadcrumbs_new h2:hover {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }
  .course_details {
    padding: 30px 0 !important;
  }
  .course_details .asses-info h3 {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .asses-right_new ul li {
    color: #000 !important;
  }
  .course-content_new .content .week {
    text-align: left !important;
  }
  .course-content_new .content .week p,
  .course-content_new .content .week .number,
  .course-content_new .content .week span {
    font-size: 20px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    vertical-align: middle;
  }
  .course-content_new h4 {
    font-size: 14px !important;
    line-height: 16px !important;
  }
  .asses-about-area_new .chapter-box {
    padding: 15px !important;
  }
  .breadcrumbs_area {
    margin: 30px 0;
    top: unset !important;
  }
  .asses-about-area_new h3,
  .asses-about-area_new .chapter-box h2 {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .finish-btn {
    top: 0px !important;
  }
  .chart_area_body {
    padding: 5px 10px;
  }
  .chart_boxes .filter-item {
    position: absolute;
    right: 35px;
    top: 15px;
  }
  .finish-btn.top-set {
    top: 0 !important;
    margin-top: 8px;
  }
  .error-analysis_new .accordation-area .accordion .area {
    padding: 20px 0px 20px 0px;
  }
  .accordation-area.attemptSummary-vedio .heading.heading_new {
    padding-left: 20px !important;
  }
  .accordation-area.attemptSummary-vedio .selection-padding-left45 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .vedio-section-box .vedio-name h3 {
    padding: 10px 30px 10px 20px;
  }
  .vedio-section-box .vedio-body {
    padding: 30px 20px;
  }
  .qqq {
    padding-left: 75px;
  }
  .accordation-area.attemptSummary-vedio .selection {
    padding-left: 75px;
  }
  .error-analysis_new .accordation-area .accordion .area .heading button::after {
    right: -20px;
  }
  .error-analysis_new .number {
    width: 30px;
    height: 30px;
    line-height: 30px !important;
  }
  #page-wrapper {
    min-height: calc(100vh - 177px);
  }
  footer.bg-primary {
    text-align: center;
  }
  .loggedin footer.bg-primary {
    padding-bottom: 70px !important;
  }
  .footer_socials {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .btn-md-block {
    display: block;
  }
}
@media only screen and (max-width: 576px) {
  .dp-on_wall,
  .pro-dp_wrap {
    margin-left: auto;
    margin-right: auto;
  }
  .pro-dp-sideinfo,
  .pro-dp-sideinfo_adjust {
    text-align: center;
  }
  .pro-dp-sideinfo_adjust .form-row {
    justify-content: center;
  }
  .owl-carousel .owl-prev,
  .owl-carousel .owl-next {
    display: none !important;
  }
  .error-analysis_new .overview-question-title {
    padding-right: 0;
  }
  .error-analysis_new td:first-child {
    min-width: 30px;
  }
  .error-analysis_new td:nth-child(3),
  .error-analysis_new td:nth-child(4) {
    min-width: 80px;
    padding: 0 5px !important;
  }
  .error-analysis_new .selection-wrap {
    padding: 0 0 0 45px;
  }
  .error-analysis_new .accordation-area .accordion .area {
    font-size: 16px;
    line-height: 18px;
  }
  .chart_area_body.filter-via-select {
    padding: 80px 10px 10px 10px;
  }
  .chart_boxes .user_img_circled_wrap {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px;
  }
  .chart_boxes .avatar_wrapper,
  .table-avatar .avatar_wrapper,
  .chart_boxes .avatar,
  .table-avatar .avatar {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
  }
  .chart_boxes .chart_area_body .user-name {
    max-width: 150px;
    word-break: break-word;
  }
  .number-increment-box,
  .score_wrap,
  .time_wrap {
    width: 30px;
  }
  .qqq {
    padding-left: 65px;
  }
  .accordation-area.attemptSummary-vedio .selection {
    padding-left: 65px;
  }
}

/* src/assets/css/font-icon.css */
@font-face {
  font-family: "icomoon1";
  src: url("./media/icomoon1.eot?c9ekke");
  src:
    url("./media/icomoon1.eot?c9ekke#iefix") format("embedded-opentype"),
    url("./media/icomoon1.ttf?c9ekke") format("truetype"),
    url("./media/icomoon1.woff?c9ekke") format("woff"),
    url("./media/icomoon1.svg?c9ekke#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=iconc-],
[class*=" iconc-"] {
  font-family: "icomoon1" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconc-content:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e914";
  margin-left: -1em;
  color: var(--course-content-active);
}
.iconc-video:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e902";
  margin-left: -1em;
  color: var(--course-content-active);
}
.iconc-assesment:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e914";
  margin-left: -1em;
  color: var(--course-content-active);
}
.iconc-ebook:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e914";
  margin-left: -1em;
  color: var(--course-content-active);
}
.iconc-quiz:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e908";
  margin-left: -1em;
  color: var(--course-content-active);
}
.iconc-onlineSession:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e912";
  margin-left: -1em;
  color: #00E4D5;
}
.iconc-content-lock:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e914";
  margin-left: -1em;
  color: var(--course-content-lock);
}
.iconc-video-lock:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e902";
  margin-left: -1em;
  color: var(--course-content-lock);
}
.iconc-assesment-lock:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e914";
  margin-left: -1em;
  color: var(--course-content-lock);
}
.iconc-ebook-lock:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e914";
  margin-left: -1em;
  color: var(--course-content-lock);
}
.iconc-quiz-lock:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e908";
  margin-left: -1em;
  color: var(--course-content-lock);
}
.iconc-onlineSession-lock:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e912";
  margin-left: -1em;
  color: var(--course-content-lock);
}
@font-face {
  font-family: "icomoon3";
  src: url("./media/icomoon3.eot?vmxo8t");
  src:
    url("./media/icomoon3.eot?vmxo8t#iefix") format("embedded-opentype"),
    url("./media/icomoon3.ttf?vmxo8t") format("truetype"),
    url("./media/icomoon3.woff?vmxo8t") format("woff"),
    url("./media/icomoon3.svg?vmxo8t#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon3-],
[class*=" icon3-"] {
  font-family: "icomoon3" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon3-onlineSession:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e900";
  margin-left: -1em;
  color: var(--course-content-active);
}
.icon3-assesment:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e901";
  margin-left: -1em;
  color: var(--course-content-active);
}
.icon3-onlineSession-lock:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e900";
  margin-left: -1em;
  color: var(--course-content-lock);
}
.icon3-assesment-lock:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e901";
  margin-left: -1em;
  color: var(--course-content-lock);
}
.icon3-ebook-lock:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e902";
  margin-left: -1em;
  color: var(--course-content-lock);
}
.icon3-ebook:before {
  font-weight: 1000;
  font-size: 16px;
  content: "\e902";
  margin-left: -1em;
  color: var(--course-content-active);
}

/* src/assets/css/code-theme.css */
.ck-content.ck-editor__editable pre {
  padding: 1em;
  color: hsl(0, 0%, 20.8%);
  background: hsla(0, 0%, 78%, 0.3);
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  text-align: left;
  direction: ltr;
  tab-size: 4;
  white-space: pre-wrap;
  font-style: normal;
  min-width: 200px;
}
.ck-content.ck-editor__editable pre code {
  background: unset;
  padding: 0;
  border-radius: 0;
}
.ck.ck-editor__editable pre {
  position: relative;
}
.ck.ck-editor__editable pre[data-language]::after {
  content: attr(data-language);
  position: absolute;
}
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}
code.hljs {
  padding: 3px 5px;
}
.hljs.code-light {
  color: #24292e;
  background: #f6f8fa;
}
.hljs.code-light .hljs-doctag,
.hljs.code-light .hljs-keyword,
.hljs.code-light .hljs-meta .hljs-keyword,
.hljs.code-light .hljs-template-tag,
.hljs.code-light .hljs-template-variable,
.hljs.code-light .hljs-type,
.hljs.code-light .hljs-variable.language_ {
  color: #d73a49;
}
.hljs.code-light .hljs-title,
.hljs.code-light .hljs-title.class_,
.hljs.code-light .hljs-title.class_.inherited__,
.hljs.code-light .hljs-title.function_ {
  color: #6f42c1;
}
.hljs.code-light .hljs-attr,
.hljs.code-light .hljs-attribute,
.hljs.code-light .hljs-literal,
.hljs.code-light .hljs-meta,
.hljs.code-light .hljs-number,
.hljs.code-light .hljs-operator,
.hljs.code-light .hljs-selector-attr,
.hljs.code-light .hljs-selector-class,
.hljs.code-light .hljs-selector-id,
.hljs.code-light .hljs-variable {
  color: #005cc5;
}
.hljs.code-light .hljs-meta .hljs-string,
.hljs.code-light .hljs-regexp,
.hljs.code-light .hljs-string {
  color: #032f62;
}
.hljs.code-light .hljs-built_in,
.hljs.code-light .hljs-symbol {
  color: #e36209;
}
.hljs.code-light .hljs-code,
.hljs.code-light .hljs-comment,
.hljs.code-light .hljs-formula {
  color: #6a737d;
}
.hljs.code-light .hljs-name,
.hljs.code-light .hljs-quote,
.hljs.code-light .hljs-selector-pseudo,
.hljs.code-light .hljs-selector-tag {
  color: #22863a;
}
.hljs.code-light .hljs-subst {
  color: #24292e;
}
.hljs.code-light .hljs-section {
  color: #005cc5;
  font-weight: 700;
}
.hljs.code-light .hljs-bullet {
  color: #735c0f;
}
.hljs.code-light .hljs-emphasis {
  color: #24292e;
  font-style: italic;
}
.hljs.code-light .hljs-strong {
  color: #24292e;
  font-weight: 700;
}
.hljs.code-light .hljs-addition {
  color: #22863a;
  background-color: #f0fff4;
}
.hljs.code-light .hljs-deletion {
  color: #b31d28;
  background-color: #ffeef0;
}

/* src/assets/css/sat-style.css */
.SAT {
  background: var(--white);
}
.SAT .btn {
  padding: 0.6rem 1.4rem;
  border-radius: 0.6rem;
}
.SAT .btn-sm {
  padding: 0rem .8rem;
}
.SAT .rounded {
  border-radius: 2rem !important;
}
.SAT .dash-border {
  height: 4px;
  background-repeat: repeat-x;
  background-image: url(/assets/images/dash-border.png);
}
.SAT .timer-clock span {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.SAT .sat-header {
  height: 100px;
}
@media screen and (max-width: 567px) {
  .SAT .sat-header {
    min-height: 140px;
    height: auto;
  }
  .SAT .px-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .SAT .pr-4 {
    padding-right: 1rem !important;
  }
  .SAT .pl-4 {
    padding-left: 1rem !important;
  }
}
.SAT .sat-footer {
  min-height: 76px;
}
.SAT .sat-body {
  height: calc(100vh - 185px);
  overflow: auto;
}
.SAT .sat-footer label,
.SAT .sat-footer .btn-lg {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5rem;
}
@media screen and (max-width: 567px) {
  .SAT .sat-footer label,
  .SAT .sat-footer .btn-lg {
    font-size: 1.1rem;
  }
}
.SAT .sat-header label {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.SAT .sat-footer label,
.SAT .sat-header label {
  margin: 0px;
}
.SAT .separator {
  width: 6px;
  border: lightgrey;
  border-radius: 20px;
  background: lightgrey;
}
.SAT .flex-grow-1 {
  flex-basis: 0;
}
.SAT .flex-grow-2 {
  flex-grow: 2;
  flex-basis: 0;
}
.SAT .question-header-panel,
.SAT .question-content-panel {
  padding: 0px;
  overflow: auto;
  height: 100%;
}
.SAT .question-content-panel {
  max-width: 980px;
  margin: auto;
}
.SAT .sat-header-inner,
.SAT .sat-footer-inner {
  background-color: #E6EDF8;
}
@media screen and (max-width: 1300px) {
  .SAT .question-content-panel {
    max-width: 700px;
    margin: auto;
  }
}
.SAT .btn-expand-collapse-left {
  position: absolute;
  top: -5px;
  right: 10px;
  width: 30px;
  height: 30px;
}
.SAT .btn-expand-collapse-right {
  position: absolute;
  top: -5px;
  left: 10px;
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 567px) {
  .SAT .btn-expand-collapse-left {
    display: none;
  }
  .SAT .btn-expand-collapse-right {
    display: none;
  }
}
.SAT .question-answers {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.SAT .question-answers .answer-item {
  border: 1px solid #121212;
  padding: 10px 12px;
  border-radius: 10px;
}
.SAT .question-answers .answer-index {
  display: inline-block;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  font-size: 18px !important;
  text-align: center !important;
  text-transform: uppercase;
  color: #000 !important;
  border: 1px solid #4c73e6 !important;
  border-radius: 100% !important;
  -webkit-border-radius: 100% !important;
  padding: 0 !important;
  cursor: pointer;
}
.SAT .bg-light-grey {
  background-color: #F0F0F0;
}
.SAT .popover {
  max-width: 800px;
  min-width: 500px;
}
@media screen and (max-width: 567px) {
  .SAT .popover {
    min-width: 100vw;
  }
}
.SAT .popover-body {
  color: var(--black);
  font-size: 16px;
  background: var(--white);
  padding: 0.5rem 0.75rem;
}
.SAT .direction-popover {
  max-width: 1200px;
  left: 40px !important;
  width: calc(100vw - 200px);
  height: calc(100vh - 100px);
}
@media screen and (max-width: 567px) {
  .SAT .direction-popover {
    left: 0px !important;
    width: 100vw;
    height: 80vh;
  }
}
.SAT .direction-popover .popover-body {
  height: 100%;
}
.SAT .question-review-item {
  padding: 5px;
  position: relative;
}
.SAT .question-review-item > a {
  display: inline-block;
  text-align: center;
  color: var(--primary);
  border: 1px dashed;
  font-weight: 700;
  font-size: 18px;
  min-width: 32px;
  height: 32px;
}
.SAT .question-review-item > a.answered {
  border: 1px solid var(--primary);
  background-color: var(--primary);
  color: white;
}
.SAT .question-review-item .question-bookmark {
  position: absolute;
  top: -5px;
  right: -5px;
  padding: 2px;
  width: 21px;
  height: 21px;
  text-align: center;
  background-color: white;
  font-size: 10px;
  border: 1px solid white;
  border-radius: 50%;
}
.SAT .question-review-item .fa-map-marker {
  position: absolute;
  top: -5px;
  left: calc(50% - 5px);
}
.SAT .direction-curtain {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #00000033;
}
.SAT .question-box {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.SAT .question-answers .answered {
  border: 3px solid var(--primary);
}
.SAT .question-answers .crossedOut {
  opacity: 0.5;
}
.SAT .h-separator {
  height: 1px;
  border-top: 1px solid white;
}
.SAT .break-timer {
  border-radius: 10px !important;
}
.SAT .break-timer .count-down {
  font-size: 5rem;
}
.SAT .student-name {
  color: white;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5rem;
  position: absolute;
  bottom: 8px;
  left: 20px;
}
.SAT .answer-crossedOut {
  height: 1px;
  border: 1px solid black;
  position: absolute;
  top: 33px;
  left: -1%;
  width: 102%;
}
.text-selection-mark {
  background-color: yellow;
  color: #1E1E1E;
  padding: 0px;
  border-bottom: 1px dotted black;
  display: inline;
}
.SHSAT .text-selection-mark {
  background-color: lightgray;
}
.text-selection-mark.mark-lightgray {
  background-color: lightgray;
}
.text-selection-mark.mark-yellow {
  background-color: yellow;
}
.text-selection-mark.mark-pink,
.SHSAT .text-selection-mark.mark-pink {
  background-color: pink;
}
.text-selection-mark.mark-lightblue,
.SHSAT .text-selection-mark.mark-lightblue {
  background-color: lightblue;
}
.SAT.annotation-panel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.SAT.annotation-panel > div {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 300px;
}
.SAT.annotation-panel textarea {
  width: 600px;
}
.SAT-modal {
  max-width: 1000px;
}
.SAT-modal .modal-content {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
  border-radius: 0px;
  width: auto;
  margin: auto;
}
.SAT-modal .modal-content .modal-header {
  display: block;
  border-radius: 0px;
  color: var(--white);
  background-color: var(--black);
  padding: 10px 15px;
}
.act-break-time-curtain {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
  background: #f4f4f7;
}
.act-break-time-curtain > div {
  width: 1050px;
  margin: auto;
  max-height: 98%;
}
.act-break-time-curtain .h1,
.act-break-time-curtain .h5 {
  line-height: 1.5;
}
.SAT .question-box {
  min-height: 0px;
}
.ACT .question-answers label .answer-counter {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  font-size: 14px;
  line-height: 33px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
}
.ACT .question-answers label .checkmark {
  height: 14px !important;
  width: 14px !important;
  content: " " !important;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #777;
  background: white;
}
.ACT .question-answers label:hover input ~ .checkmark {
  background-color: #f6f6f6;
}
.ACT .question-answers label input:checked ~ .checkmark {
  background-image: radial-gradient(#0253d5 50%, white 50%);
  color: #fff;
  border: 1px solid #777 !important;
}
.ACT .question-answers label.green input:checked ~ .checkmark {
  background-image: radial-gradient(#6fcf97 50%, white 50%);
  color: #fff;
  border: 1px solid #777 !important;
}
.line-reader-modal .modal-content {
  background: transparent;
}
.line-reader-modal .v-resize {
  position: absolute;
  top: 45%;
  right: 5px;
}
.black-on-white {
  background-color: white !important;
  color: black !important;
}
.line-reader-modal .modal-content {
  background: transparent;
}
.line-reader-modal .v-resize {
  position: absolute;
  top: 45%;
  right: 5px;
}
.black-on-white {
  background-color: white !important;
  color: black !important;
}
.ACT .black-on-white .question-answers .answer-text {
  color: black !important;
}
.black-on-cream {
  background-color: #FFFAD0 !important;
  color: black !important;
}
.ACT .black-on-cream .question-answers .answer-text {
  color: black !important;
}
.black-on-light-blue {
  background-color: #AFD8E5 !important;
  color: black !important;
}
.ACT .black-on-light-blue .question-answers .answer-text {
  color: black !important;
}
.black-on-light-magenta {
  background-color: #888D86 !important;
  color: black !important;
}
.ACT .black-on-light-magenta .question-answers .answer-text {
  color: black !important;
}
.white-on-black {
  background-color: black !important;
  color: white !important;
}
.ACT .white-on-black .question-answers .answer-text,
.ACT .white-on-black .mathjax-container {
  color: white !important;
}
.yellow-on-blue {
  background-color: #0A1FC7 !important;
  color: #CDBF5A !important;
}
.ACT .yellow-on-blue .question-answers .answer-text,
.ACT .yellow-on-blue .mathjax-container {
  color: #CDBF5A !important;
}
.gray-on-green {
  background-color: #777976 !important;
  color: #888D86 !important;
}
.ACT .gray-on-green .question-answers .answer-text,
.ACT .gray-on-green .mathjax-container {
  color: #888D86 !important;
}
.btn-toggle .btn:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
.btn-toggle .btn::before {
  counter-increment: none !important;
  height: 14px !important;
  width: 14px !important;
  content: " " !important;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #777;
  background: white;
  border-radius: 50%;
  margin-right: 5px;
}
.btn-toggle:hover .btn::before {
  background-color: #f6f6f6;
}
.btn-toggle .btn.active::before {
  background-image: radial-gradient(#0253d5 50%, white 50%);
  color: #fff;
  border: 1px solid #777 !important;
}
.SAT .question-answers .answer-text,
.SAT .question-header,
.SAT .question-item {
  font-size: 14px !important;
  font-family:
    "Times New Roman",
    Times,
    serif !important;
}
.ACT .question-answers .answer-text,
.ACT .question-header,
.ACT .question-item {
  font-size: 12px !important;
  font-family:
    Arial,
    Helvetica,
    sans-serif !important;
}
.ACT.SHSAT .question-answers .answer-text,
.ACT.SHSAT .question-header,
.ACT.SHSAT .question-item {
  font-family:
    Roboto,
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.ACT .question-answers .answer-text {
  padding-bottom: 14px;
}
.native-checkbox {
  appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  border-radius: 0 !important;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  position: relative;
  vertical-align: middle;
}
.ACT .popover-content .nav-item {
  border-left: 1px solid #dee2e6;
}
.ACT .popover-content .nav-link {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.SAT-calculator-placeholder {
  width: 600px;
  height: 300px;
  display: inline-block;
}
@media screen and (max-width: 1200px) {
  .SAT-calculator-placeholder {
    width: 400px;
  }
}

/* angular:styles/global:styles */