@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap);

.v-btn--active[data-v-56ff9914] {
  color: white !important;
}


.v-progress-circular[data-v-2926fbc0] {
  margin: 1rem;
}

.v-tabs-bar__content[data-v-0b8028fb]{z-index:1000 !important}.v-tabs__content[data-v-0b8028fb]{background-color:green;height:100px}.clickable[data-v-0b8028fb]:hover{cursor:pointer}.contain-text-overflow[data-v-0b8028fb]{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;word-break:keep-all}.zoom[data-v-0b8028fb]{opacity:0;transition:transform .3s;animation:fadeout .3s linear 1 backwards;overflow:hidden}.zoom[data-v-0b8028fb]:hover{transform:scale(1.2, 1.5);animation:fadein-0b8028fb .3s linear 1 forwards}.zoom:hover .top-card-content[data-v-0b8028fb]{transform:scale(0.8333333333, 0.6666666667);transform-origin:0% 0%}.image-content[data-v-0b8028fb]{transform:scale(1, 0.8333333333);transform-origin:0% 0%}.zoom .fade-in[data-v-0b8028fb]{opacity:0;animation:fadeout .3s linear 1 forwards}.zoom:hover .fade-in[data-v-0b8028fb]{animation:fadein-0b8028fb .3s linear 1 forwards;animation-delay:.3s}.double-width[data-v-0b8028fb]{width:120%}.translate-right[data-v-0b8028fb]{transform:translateX(3rem);transition:transform .3s}.translate-left[data-v-0b8028fb]{transform:translateX(-3rem);transition:transform .3s;transition-delay:.1s}@keyframes fadein-0b8028fb{0%{opacity:0}100%{opacity:1}}.catalog-card[data-v-0b8028fb]{height:330px;width:315px}.card-image[data-v-0b8028fb]{width:100%;height:40%}.card-image-top[data-v-0b8028fb]{width:100%;height:45%}.full-width[data-v-0b8028fb]{width:100%}.course-catalog[data-v-0b8028fb]{width:100%}.assignedCourse[data-v-0b8028fb]:hover{cursor:not-allowed}.headerClass[data-v-0b8028fb]{white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis}

/* Hiding default next and prev buttons offered by v-slide-group
    Making these scoped wasn't working
 */
.course-catalog 
.v-slide-group__next{
  display: none !important;
}
.course-catalog 
.v-slide-group__prev
{
  display: none !important;
}

.progImage[data-v-ee38a50a]{flex-shrink:0;max-height:100%;max-width:100%}.clickable[data-v-ee38a50a]:hover{cursor:pointer}

.catalog-card[data-v-46aa5e0c] {
  height: 360px;
  width: 315px;
}
.catalog-outline[data-v-46aa5e0c] {
  height: 362px;
}
.card-image[data-v-46aa5e0c] {
  width: 100%;
  height: 40%;
}
.clickable[data-v-46aa5e0c]:hover {
  cursor: pointer;
}


/* Hiding default next and prev buttons offered by v-slide-group
    Making these scoped wasn't working
 */
.course-catalog 
.v-slide-group__next{
  display: none !important;
}
.course-catalog 
.v-slide-group__prev
{
  display: none !important;
}
.taskboard-catalog 
.v-slide-group__next{
  display: none !important;
}
.taskboard-catalog 
.v-slide-group__prev
{
  display: none !important;
}
.learningpath-catalog 
.v-slide-group__next{
  display: none !important;
}
.learningpath-catalog 
.v-slide-group__prev
{
  display: none !important;
}
.completed-catalog 
.v-slide-group__next{
  display: none !important;
}
.completed-catalog 
.v-slide-group__prev
{
  display: none !important;
}


.carousel .v-carousel__controls {
    width: 50%;
    margin-left: 25%;
}

.desktop-background_color[data-v-9bba5f1a]{background:#fff !important}.v-tabs-bar__content[data-v-9bba5f1a]{z-index:1000 !important}.v-tabs__content[data-v-9bba5f1a]{background-color:green;height:100px}.clickable[data-v-9bba5f1a]:hover{cursor:pointer}.contain-text-overflow[data-v-9bba5f1a]{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;word-break:keep-all}.zoom[data-v-9bba5f1a]{opacity:0;transition:transform .3s;animation:fadeout .3s linear 1 backwards;overflow:hidden}.zoom[data-v-9bba5f1a]:hover{transform:scale(1.5, 2);animation:fadein-9bba5f1a .3s linear 1 forwards}.zoom:hover .top-card-content[data-v-9bba5f1a]{transform:scale(0.6666666667, 0.5);transform-origin:0% 0%}.zoom .fade-in[data-v-9bba5f1a]{opacity:0;animation:fadeout .3s linear 1 forwards}.zoom:hover .fade-in[data-v-9bba5f1a]{animation:fadein-9bba5f1a .3s linear 1 forwards;animation-delay:.3s}.double-width[data-v-9bba5f1a]{width:150%}.translate-right[data-v-9bba5f1a]{transform:translateX(3rem);transition:transform .3s}.translate-left[data-v-9bba5f1a]{transform:translateX(-3rem);transition:transform .3s;transition-delay:.1s}@keyframes fadein-9bba5f1a{0%{opacity:0}100%{opacity:1}}.catalog-card[data-v-9bba5f1a]{height:254px;width:250px}.card-image[data-v-9bba5f1a]{width:100%;height:40%}.full-width[data-v-9bba5f1a]{width:100%}.course-catalog[data-v-9bba5f1a]{width:100%}.card-tags[data-v-9bba5f1a]{position:absolute;top:0;left:0;margin-top:-3%}.assignedCourse[data-v-9bba5f1a]:hover{cursor:not-allowed}.progImage[data-v-9bba5f1a]{flex-shrink:0;max-height:100%;max-width:100%}.banner-width[data-v-9bba5f1a]{left:50%;margin-left:-52vw;margin-right:-52vw;margin-top:-3%;max-width:104vw;position:relative;right:50%;width:104vw}.headerClass[data-v-9bba5f1a]{white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis}

/* Hiding default next and prev buttons offered by v-slide-group
    Making these scoped wasn't working
 */



.image-border[data-v-3e2c8b74] {
  border: 1px solid var(--border-separator);
}


.label-chip[data-v-fac0a2f6] {
  display: flex;
  padding: var(--spacing-xs, 8px);
  align-items: flex-start;
  gap: var(--spacing-xs, 8px);
  border-radius: var(--radius-radius, 4px);
}
.label-chip span[data-v-fac0a2f6] {
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 100% */
  color: var(--text-link-active);
}
.label-chip.primary span[data-v-fac0a2f6] {
  color: var(--text-link-active);
}
.label-chip.secondary span[data-v-fac0a2f6] {
  color: var(--text-secondary);
}
.tooltip-text[data-v-fac0a2f6] {
  white-space: pre-wrap;
}


.v-btn[data-v-1714879d] {
  text-transform: none;
}


.primary-text-button[data-v-4b830e52] {
  display: flex !important;
  height: auto !important;
  min-width: 120px !important;
  padding: var(--spacing-xs) var(--spacing-sm) !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: var(--radius-radius, 4px) !important;
  border: 1px solid var(--background-button) !important;
  background: var(--background-button) !important;
}
.primary-text-button-disabled[data-v-4b830e52] {
  background: var(--background-button-disabled) !important;
  border: 1px solid var(--background-button-disabled) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
.primary-text-button[data-v-4b830e52]:hover {
  background: var(--background-button-hover) !important;
}
.secondary-text-button[data-v-4b830e52] {
  display: flex !important;
  height: auto !important;
  min-width: 120px !important;
  padding: var(--spacing-xs) var(--spacing-sm) !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: var(--radius-radius, 4px) !important;
  border: 1px solid var(--background-primary) !important;
  background: var(--background-primary) !important;
}
.secondary-text-button-disabled[data-v-4b830e52] {
  background: var(--border-separator) !important;
  border: 1px solid var(--border-separator) !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}
.secondary-text-button[data-v-4b830e52]:hover {
  background: var(--background-button-hover) !important;
  border-color: var(--border-separator) !important;
}
.tertiary-text-button[data-v-4b830e52] {
  display: flex !important;
  height: auto !important;
  min-width: 120px !important;
  padding: var(--spacing-xs) var(--spacing-sm) !important;
  justify-content: center !important;
  align-items: center !important;
  border-radius: var(--radius-radius, 4px) !important;
  border: 1px solid var(--border-button) !important;
}
.tertiary-text-button.dark[data-v-4b830e52] {
  border: 1px solid var(--text-invert) !important;
}
.tertiary-text-button span[data-v-4b830e52] {
  color: var(--text-primary) !important;
}
.tertiary-text-button.dark span[data-v-4b830e52] {
  color: var(--text-invert) !important;
}
.tertiary-text-button-disabled[data-v-4b830e52] {
  cursor: not-allowed !important;
  pointer-events: none !important;
  border: 1px solid var(--border-separator) !important;
}
.tertiary-text-button-disabled span[data-v-4b830e52] {
  color: var(--text-tertiary) !important;
}
.tertiary-text-button-disabled.dark[data-v-4b830e52] {
  cursor: not-allowed !important;
  pointer-events: none !important;
  border: 1px solid var(--border-separator) !important;
}
.tertiary-text-button-disabled.dark span[data-v-4b830e52] {
  color: var(--text-tertiary) !important;
}
.tertiary-text-button[data-v-4b830e52]:hover {
  border: 1px solid var(--border-button) !important;
}
.tertiary-text-button.dark[data-v-4b830e52]:hover {
  border: 1px solid var(--text-invert) !important;
}
.tertiary-text-button:hover span[data-v-4b830e52] {
  color: var(--text-link-hover) !important;
}
.max-width[data-v-4b830e52] {
  max-width: 384px !important;
}
.full-width[data-v-4b830e52] {
  width: 100% !important;
}


.icon-text-container[data-v-51aae5be] {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}


.catalog-card[data-v-be51b7ea] {
  display: flex;
  width: 280px;
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid var(--border-separator, #D7D7D7);
  background: var(--background-invert, #FFF);
  box-shadow: 0px 1px 1px 0px rgba(19, 19, 19, 0.02), 0px 5px 5px 0px rgba(19, 19, 19, 0.02), 0px 9px 9px 0px rgba(19, 19, 19, 0.02);
}
.card-image[data-v-be51b7ea] {
  align-self: stretch;
}
.card-text[data-v-be51b7ea] {
  display: flex;
  /* padding: var(--spacing-md, 32px); */
  flex-direction: column;
  align-self: stretch;
  justify-content: space-between;
  height: 342px;
  gap: var(--spacing-sm, 16px);
}
.info-container[data-v-be51b7ea] {
  display: flex;
  flex-direction: column;
  /* align-items: flex-start; */
  gap: var(--spacing-sm, 16px);
  align-self: stretch;
}
.clickable[data-v-be51b7ea] {
  transition: box-shadow 0.2s ease; /* Smooth transition for the box-shadow */
}
.clickable[data-v-be51b7ea]:hover {
  cursor: pointer;
  box-shadow: 1px 2px 2px 2px rgba(19, 19, 19, 0.05), 1px 4px 4px 4px rgba(19, 19, 19, 0.05), 1px 6px 6px 4px rgba(19, 19, 19, 0.05);
}
.restricted[data-v-be51b7ea]:hover {
  cursor: not-allowed;
}
.content-label[data-v-be51b7ea] {
  font-size: 11px;
}
.content-name[data-v-be51b7ea] {
  font-size: 17px;
}


.flex-row[data-v-443da918] {
  display: flex;
  flex-direction: row;
}
.clickable[data-v-443da918]:hover {
  cursor: pointer;
}
[data-v-443da918] .v-slide-group__prev {
  display: none;
}
[data-v-443da918] .v-slide-group__next{
  display: none;
}
[data-v-443da918] .v-slide-group__content {
  gap: var(--spacing-md);
}


/* 
  Hiding default next and prev buttons offered by v-slide-group
  Making these scoped wasn't working
 */
/* .course-catalog .v-slide-group__next {
  display: none !important;
}
.course-catalog .v-slide-group__prev {
  display: none !important;
}
.course-catalog .v-slide-group__content {
  gap: var(--spacing-md) !important;
} */


.flex-row[data-v-2938da04] {
  display: flex;
  flex-direction: row;
}


.v-tab[data-v-2938da04]:not(:last-child) {
  margin-right: 32px;
}
[data-v-2938da04] .v-slide-group__next,[data-v-2938da04] .v-slide-group__prev {
  flex-basis: 30px;
  min-width: 30px;
}


.progImage[data-v-182590d7] {
  flex-shrink: 0;
  max-height: 100%;
  max-width: 100%;
}
.clickable[data-v-182590d7]:hover {
  cursor: pointer;
}


.catalog-card[data-v-641ba54d] {
  /* height: 360px; */
  display: flex;
  width: 280px;
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid var(--border-separator, #D7D7D7);
  background: var(--background-invert, #FFF);
  box-shadow: 0px 1px 1px 0px rgba(19, 19, 19, 0.02), 0px 5px 5px 0px rgba(19, 19, 19, 0.02), 0px 9px 9px 0px rgba(19, 19, 19, 0.02);
}
.card-image[data-v-641ba54d] {
  align-self: stretch;
}
.card-text[data-v-641ba54d] {
  display: flex;
  padding: var(--spacing-md, 32px);
  flex-direction: column;
  /* align-items: flex-start; */
  align-self: stretch;
  justify-content: space-between;
  height: 316px;
  /* gap: var(--spacing-sm, 16px); */
}
.catalog-outline[data-v-641ba54d] {
  height: 362px;
}
.clickable[data-v-641ba54d]:hover {
  cursor: pointer;
}
.restricted[data-v-641ba54d]:hover {
  cursor: not-allowed;
}
.v-tab[data-v-641ba54d]:not(:last-child) {
  margin-right: 32px;
}
[data-v-641ba54d] .v-slide-group__next,[data-v-641ba54d] .v-slide-group__prev {
  flex-basis: 30px;
  min-width: 30px;
}
.sort-selector[data-v-641ba54d] {
  /* display: flex;
  flex: 1 1 130px; */
  max-width: 200px;
}
.pagination-button-group[data-v-641ba54d] {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-xs);
}
.skeleton-loader-container[data-v-641ba54d] {
  display: flex;
  gap: var(--spacing-md);
}



/* Hiding default next and prev buttons offered by v-slide-group
    Making these scoped wasn't working
 */
.course-catalog .v-slide-group__next {
  display: none !important;
}
.course-catalog .v-slide-group__prev {
  display: none !important;
}
.taskboard-catalog .v-slide-group__next {
  display: none !important;
}
.taskboard-catalog .v-slide-group__prev {
  display: none !important;
}
.learningpath-catalog .v-slide-group__next {
  display: none !important;
}
.learningpath-catalog .v-slide-group__prev {
  display: none !important;
}
.completed-catalog .v-slide-group__next {
  display: none !important;
}
.completed-catalog .v-slide-group__prev {
  display: none !important;
}
.course-catalog .v-slide-group__content,
.taskboard-catalog .v-slide-group__content,
.learningpath-catalog .v-slide-group__content,
.completed-catalog .v-slide-group__content,
.slide-group .v-slide-group__content {
  gap: var(--spacing-md) !important;
}


.v-btn--active[data-v-54fe1a04] {
  color: white !important;
}


.v-progress-circular[data-v-0d4a73d4] {
  margin: 1rem;
}


.carousel .v-carousel__controls[data-v-0b7ac970] {
  width: 50%;
  margin-left: 25%;
}
.spacer[data-v-0b7ac970] {
  height: 15000vh;
}
.invisible[data-v-0b7ac970] {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
}

.dashboard-container[data-v-7f920144]{background:var(--background-invert);max-width:1920px;margin-left:auto;margin-right:auto}

/* Hiding default next and prev buttons offered by v-slide-group
    Making these scoped wasn't working
 */


.filter-container[data-v-4b7310a9] {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  min-width: 500;
  min-height: 340;
  max-width: 7000;
  max-height: 650;
  flex-grow: 1;
  flex-shrink: 1;
  background-color:var(--background-invert);
  overflow-y: hidden;
}
.filter-tabs[data-v-4b7310a9] {
  display: flex;
  padding: var(--spacing-sm);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  background-color:var(--background-invert);
}
.filter-heading[data-v-4b7310a9] {
  align-self: stretch;
}
.divider-cls[data-v-4b7310a9] {
  margin: 0px 0px !important;
}
.tab-items[data-v-4b7310a9] {
  display: flex;
  padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-md);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  align-self: stretch;
  background-color:var(--background-invert);
  overflow-y: auto;
  min-height: 300px;
  min-width: 350px;
  align-self: stretch;
  overflow-y: auto;
}
.filter-actions[data-v-4b7310a9] {
  display: flex;
  height: 52px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm);
  align-self: stretch;
}
.filter-actions-row[data-v-4b7310a9] {
  display: flex;
  padding: 0px var(--spacing-xs) 0px var(--spacing-sm);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.tab-text[data-v-4b7310a9] {
  text-transform: capitalize;
  justify-content: flex-start;
  display: flex;
  padding: var(--spacing-xs);
  height: 32px !important;
  align-items: center;
  gap: var(--spacing-xs);
  align-self: stretch;
  border-radius: 4px;
}
.search-bar[data-v-4b7310a9] {
  display: flex;
  align-items: center;
  gap: var(-spacing-xs);
  align-self: stretch;
}
.align-stretch[data-v-4b7310a9] {
  align-self: stretch;
}
.checkbox-for-cls[data-v-4b7310a9] {
  display: flex;
  flex-direction: column;
  gap:var(--spacing-sm);
  align-self: stretch;
  height: 24px;
}
.checkbox-cls[data-v-4b7310a9] {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  border: 1px solid var(--border-primary)
}
.checkbox-label[data-v-4b7310a9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
}
.session-details-btn[data-v-4b7310a9] {
  color: var(--text-primary);
  text-decoration: none;
  text-transform: capitalize;
  font-weight: 700;
}
.session-details-btn[data-v-4b7310a9]:hover {
  text-decoration: underline;
  color: var(--text-primary);
  font-weight: 700;
}
.btn-text[data-v-4b7310a9] {
  font-weight: 700;
  text-transform: capitalize;
  color: var(--text-invert);
  padding: 0px var(--spacing-xs);
}
.v-picker__day--selected[data-v-4b7310a9] {
  border-radius: 0 !important; /* Remove the circular border */
  background-color: var(--text-link-hover) !important; /* Customize background color */
  color: var(--text-invert) !important; /* Customize text color */
  box-shadow: none !important; /* Remove any shadow */
}

/* Optional: Style hover for better UX */
.v-picker__day[data-v-4b7310a9]:hover {
  background-color: rgba(222, 153, 243, 0.2) !important;
  border-radius: 0 !important;
}
.filter-values[data-v-4b7310a9] {
  display: flex;
  align-items: center;
}
[data-v-4b7310a9] .v-tabs-slider-wrapper {
  display: none !important;
}
.tab-text.selected[data-v-4b7310a9] {
  background-color: rgba(224, 225, 255, 0.50);
  border: 0 !important; /* Remove border */
}
.filter-indicator[data-v-4b7310a9] {
  background-color: var(--background-primary);
  color: var(--text-invert);
  border-radius: 6px;
  padding: 0.2em 0.5em;
  font-size: 0.8em;
}
.v-tab--active[data-v-4b7310a9] {
  background-color: #E0E1FF !important;
  border-radius: 0px;
}
.scrollable[data-v-4b7310a9] {
  min-height: 160px;
  max-height: 320px;
  overflow-y: auto;
}


.scroll-option[data-v-b44cc7de] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}
.drop-down[data-v-b44cc7de] {
  width: auto; /* Adjust the width as needed */
}
.small-select .custom-select[data-v-b44cc7de] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px var(--spacing-xs);
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}
.small-select .custom-select span[data-v-b44cc7de] {
  font-size: 12px; /* Adjust the font size */
}
.small-select .v-icon[data-v-b44cc7de] {
  font-size: 16px; /* Adjust the icon size */
}
.v-menu__content[data-v-b44cc7de] {
  min-width: 100px; /* Adjust the menu width as needed */
}
.v-list-item-title[data-v-b44cc7de] {
  font-size: 12px; /* Adjust the font size */
}
@media screen and (max-width: 700px) {
.v3-popup-text[data-v-b44cc7de] {
    font-size: 10px;
}
.small-select .custom-select span[data-v-b44cc7de] {
    font-size: 10px; /* Adjust the font size */
}
.small-select .v-icon[data-v-b44cc7de] {
    font-size: 10px; /* Adjust the icon size */
}
.v-list-item-title[data-v-b44cc7de] {
    font-size: 10px; /* Adjust the font size */
}
}




.flex-row[data-v-d22d7da0] {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.skeleton-row[data-v-d22d7da0] {
    background: #FFFFFF;
}
.action-buttons[data-v-d22d7da0] {
    margin-left: auto;
}


.data-container[data-v-69bd37d8] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-grow: 1;
    width: 100%;
    gap: var(--spacing-sm);
    position: relative;
}
.flex-row[data-v-69bd37d8] {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.flex-column[data-v-69bd37d8] {
    display: flex;
    flex-direction: column;
}
.training-row[data-v-69bd37d8] {
    width: 100%;
    justify-content: start;
}
.progress-label[data-v-69bd37d8] {
    position: absolute;
    top: 0;
    left: 0;
}
.due-label[data-v-69bd37d8] {
    margin-top: -0.5%;
}
.unavailable-chip[data-v-69bd37d8] {
    align-items: center;
    width: 280px;
    margin-top: -86px;
    justify-content: center;
}
.action-buttons[data-v-69bd37d8] {
    margin-left: auto;
}
.message[data-v-69bd37d8] {
    text-align: center;
}
.pagination[data-v-69bd37d8] {
    position: absolute;
    right: 0;
}
.progress-bar[data-v-69bd37d8] {
    width: 218px;
}


.overflow-row[data-v-321b936c] {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.clickable[data-v-321b936c] {
    cursor: pointer;
}

.parent-container[data-v-79df1efb]{background:#fff;max-width:1920px;margin-left:auto;margin-right:auto}.body-container[data-v-79df1efb]{background:#fff;display:flex;padding:var(--spacing-md, 32px);justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap-reverse;position:relative}.heading-container[data-v-79df1efb]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.table-container[data-v-79df1efb]{background:#f3f4f6;display:flex;padding:var(--spacing-md, 32px);justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap-reverse}.data-container[data-v-79df1efb]{display:flex;flex-direction:column;align-items:stretch;flex-grow:1;width:100%;gap:var(--spacing-sm);position:relative}.tab-container[data-v-79df1efb]{display:flex;gap:var(--spacing-sm)}.search-bar[data-v-79df1efb]{display:flex;flex:1 1 600px;max-width:600px}.flex-row[data-v-79df1efb]{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.flex-column[data-v-79df1efb]{display:flex;flex-direction:column}.filter-button[data-v-79df1efb]{margin-top:1.5px}.sort-selector[data-v-79df1efb]{width:-moz-max-content;width:max-content;position:absolute;right:0}.sort-selector[data-v-79df1efb] input{width:14}.v-select__selections input[data-v-79df1efb]{display:none}

.clickable[data-v-18e413ba]:hover {
  cursor: pointer;
}


#rubric-heading > div[data-v-3dcf1eda] {
  width: 100% !important;
}
.details-text[data-v-3dcf1eda] {
  font-size: 14px;
  font-weight: 400;
  color: #627386;
  text-align: start;
  text-transform: unset !important;
}
.link-text[data-v-3dcf1eda] {
  font-size: 12px;
  font-weight: 400;
  color: #627386;
  text-align: left;
  text-transform: unset !important;
  /* max-width: 8em; */
}
.mixed-case[data-v-3dcf1eda] {
  text-transform: unset !important;
}
.text-nutanix-blue input[data-v-3dcf1eda] {
      color: nutanixBlue !important;
}
.fail-label-colors[data-v-3dcf1eda] {
  background-color: #FDDDDD !important;
  color: #AB3C52;
  text-transform: unset !important;
}
.retry-label-colors[data-v-3dcf1eda] {
  background-color: #FFF2CE !important;
  color: #A65A07;
  text-transform: unset !important;
}
.pass-label-colors[data-v-3dcf1eda] {
  background-color: #D7F6E1 !important;
  color: #20794E;
  text-transform: unset !important;
}
.progress-label-colors[data-v-3dcf1eda] {
  background-color: #FAFAFA !important;
  color: #202020;
  text-transform: unset !important;
}
.btn[data-v-3dcf1eda] {
  text-transform: unset !important;
}


.border-area[data-v-3a6856f2] {
  border: 1px solid #B8BFCA;
  border-radius: 4px;
}
.fail-label-colors[data-v-3a6856f2] {
  background-color: #FDDDDD !important;
  color: #AB3C52;
  text-transform: unset !important;
}
.retry-label-colors[data-v-3a6856f2] {
  background-color: #FFF2CE !important;
  color: #A65A07;
  text-transform: unset !important;
}
.pass-label-colors[data-v-3a6856f2] {
  background-color: #D7F6E1 !important;
  color: #20794E;
  text-transform: unset !important;
}
.progress-label-colors[data-v-3a6856f2] {
  background-color: #FAFAFA !important;
  color: #202020;
  text-transform: unset !important;
}
.disable-events[data-v-3a6856f2] {
  pointer-events: none
}.mixed-case[data-v-3a6856f2] {
  text-transform: unset !important;
}
.title-text[data-v-3a6856f2] {
  font-size: 18px;
  font-weight: 400;
  color: #22272E;
  text-align: start;
  text-transform: unset !important;
}  


.clickable[data-v-f481f9a2]:hover {
  cursor: pointer;
}
.background-gray[data-v-f481f9a2] {
  background-color: #f4f4f4;
}
.disable-events[data-v-f481f9a2] {
  pointer-events: none
}
.details-text[data-v-f481f9a2] {
  font-size: 14px;
  font-weight: 400;
  color: #627386;
  text-align: start;
  text-transform: unset !important;
}
.link-text[data-v-f481f9a2] {
  font-size: 12px;
  font-weight: 400;
  color: #627386;
  text-align: left;
  text-transform: unset !important;
  /* max-width: 8em; */
}
.mixed-case[data-v-f481f9a2] {
  text-transform: unset !important;
}
.fail-label-colors[data-v-f481f9a2] {
  background-color: #FDDDDD !important;
  color: #AB3C52;
  text-transform: unset !important;
}
.retry-label-colors[data-v-f481f9a2] {
  background-color: #FFF2CE !important;
  color: #A65A07;
  text-transform: unset !important;
}
.pass-label-colors[data-v-f481f9a2] {
  background-color: #D7F6E1 !important;
  color: #20794E;
  text-transform: unset !important;
}
.progress-label-colors[data-v-f481f9a2] {
  background-color: #FAFAFA !important;
  color: #202020;
  text-transform: unset !important;
}
.btn[data-v-f481f9a2] {
  text-transform: unset !important;
}
.strike-through[data-v-f481f9a2] {
  text-decoration: line-through;
}
tbody tr[data-v-f481f9a2]:nth-of-type(odd) {
  background-color: rgb(255 ,255, 255) !important;
}
tbody tr[data-v-f481f9a2]:nth-of-type(even) {
  background-color: rgb(255 ,255, 255) !important;
}
.border-red[data-v-f481f9a2] {
  border: 1px solid red;
}
.border-green[data-v-f481f9a2] {
  border: 1px solid green;
}
.border-blue[data-v-f481f9a2] {
  border: 1px solid blue;
}



.clickable[data-v-44de3953]:hover {
  cursor: pointer;
}
.details-text[data-v-44de3953] {
  font-size: 14px;
  font-weight: 400;
  color: #627386;
  text-align: start;
  text-transform: unset !important;
}
.mixed-case[data-v-44de3953] {
  text-transform: unset !important;
}
.disable-events[data-v-44de3953] {
  pointer-events: none
}
.background-gray[data-v-44de3953] {
  background-color: #f4f4f4;
}
.fail-label-colors[data-v-44de3953] {
  background-color: #FFF2CE !important;
  color: #A65A07;
  text-transform: unset !important;
}
.retry-label-colors[data-v-44de3953] {
  background-color: #FDDDDD !important;
  color: #AB3C52;
  text-transform: unset !important;
}
.pass-label-colors[data-v-44de3953] {
  background-color: #D7F6E1 !important;
  color: #20794E;
  text-transform: unset !important;
}
.progress-label-colors[data-v-44de3953] {
  background-color: #FAFAFA !important;
  color: #202020;
  text-transform: unset !important;
}


.clickable[data-v-0c6d413b]:hover {
  cursor: pointer;
}
html[data-v-0c6d413b] {
  scroll-behavior: smooth;
}
.navTab[data-v-0c6d413b] {
  background-color: #f4f4f4;
  width: 101%;
}
.background-gray[data-v-0c6d413b] {
  background-color: #ffffff;
}
.area-title[data-v-0c6d413b] {
  font-weight: 250;
}


.parent-container[data-v-0effae19] {
  background: #F0F0F0;
  display: flex;
  padding: var(--spacing-sm) var(--spacing-sm);
  flex-direction: column;
  /* align-items: flex-start; */
  gap: var(--spacing-sm);
}
@media screen and (min-width: 600px) {
.parent-container[data-v-0effae19] {
    padding: var(--spacing-sm) var(--spacing-md);
}
}
.tab-item-container[data-v-0effae19] {
  background: #F0F0F0;
  display: flex;
  padding: 0;
  flex-direction: column;
}
.view-selector[data-v-0effae19] {
  max-width: 180px;
}
.assignment-list[data-v-0effae19] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.assignment-container[data-v-0effae19] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  border: 1px solid var(--border-separator);
  border-radius: 4px;
  background-color: #FFFFFF;
}
.thumbnail-image[data-v-0effae19] {
  border-radius: 4px;
  width: 300px;
}
@media screen and (max-width: 500px) {
.thumbnail-image[data-v-0effae19] {
    flex-grow: 1; 
    flex-shrink: 1; 
    flex-basis: 200px; 
    min-width: 150px;
    max-width: 600px; 
    width: 200px;
}
}
.title-container[data-v-0effae19] {
  flex: 1 1 250px;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing-sm);
}
.thumbnail-title-group[data-v-0effae19] {
  display: flex;
  gap: var(--spacing-md);
  align-items: center;
}
@media screen and (min-width: 960px) {
.thumbnail-title-group[data-v-0effae19] {
    flex: 0 1 55%;
    min-width: 700px;
}
}
@media screen and (max-width: 960px) {
.thumbnail-title-group[data-v-0effae19] {
    flex-wrap: wrap;
}
}
.info-action-group[data-v-0effae19] {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  justify-content: space-between;
  flex: 1 1;
}
.action-container[data-v-0effae19] {
  display: flex;
}
@media screen and (max-width: 600px) {
.assignment-container[data-v-0effae19] {
    padding: var(--spacing-sm);
}
.info-action-group[data-v-0effae19] {
    flex-wrap: wrap;
}
.action-container[data-v-0effae19] {
    margin-left: auto;
}
}
.info-container[data-v-0effae19] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  flex: 1 1 25%;
}
@media screen and (max-width: 500px) {
.info-container[data-v-0effae19] {
    flex: 1 1 100%;
}
}
@media screen and (min-width: 600px) {
.info-container[data-v-0effae19] {
    min-width: 350px;
    max-width: 600px;
}
}
.flex-row[data-v-0effae19] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.flex-col[data-v-0effae19] {
  flex-basis: 100%;
}
.clickable[data-v-0effae19]:hover {
  cursor: pointer;
}
.fail-label-colors[data-v-0effae19] {
  background-color: #FDDDDD !important;
  color: #AB3C52;
  text-transform: unset !important;
}
.retry-label-colors[data-v-0effae19] {
  background-color: #FFF2CE !important;
  color: #A65A07;
  text-transform: unset !important;
}
.pass-label-colors[data-v-0effae19] {
  background-color: #D7F6E1 !important;
  color: #20794E;
  text-transform: unset !important;
}
.progress-label-colors[data-v-0effae19] {
  background-color: #FAFAFA !important;
  color: #202020;
  text-transform: unset !important;
}
.btn[data-v-0effae19] {
  text-transform: unset !important;
}
.strike-through[data-v-0effae19] {
  text-decoration: line-through;
}
tbody tr[data-v-0effae19]:nth-of-type(odd) {
  background-color: rgb(255 ,255, 255) !important;
}
tbody tr[data-v-0effae19]:nth-of-type(even) {
  background-color: rgb(255 ,255, 255) !important;
}
.flex-container[data-v-0effae19] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--spacing-xs);
}
.flex-item[data-v-0effae19] {
  flex: 1 1 45%;
}


.parent-container[data-v-10daaa88] {
  display: flex;
  flex-direction: column;
  max-width: 1920px; /* Adjust as needed */
  margin-left: auto;
  margin-right: auto;
}
.title-container[data-v-10daaa88] {
  display: flex;
  gap: var(--spacing-md);
  flex-direction: column;
  background: #FFFFFF;
  padding: var(--spacing-md) var(--spacing-md) 0;
}
@media screen and (max-width: 600px) {
.title-container[data-v-10daaa88] {
    gap: var(--spacing-sm);
    padding: var(--spacing-sm) var(--spacing-sm) 0;
}
}
.area-title[data-v-10daaa88] {
  font-weight: 250;
}
.tab-container[data-v-10daaa88] {
  display: flex;
  /* align-items: flex-start; */
  gap: var(--spacing-sm);
}
.tab-item-container[data-v-10daaa88] {
  background: #F0F0F0;
  display: flex;
  padding: 0;
  flex-direction: column;
}
.v-tab[data-v-10daaa88]:not(:last-child) {
  margin-right: var(--spacing-sm);
}
[data-v-10daaa88] .v-slide-group__next,[data-v-10daaa88] .v-slide-group__prev {
  flex-basis: 30px;
  min-width: 30px;
}


.clickable[data-v-6af3902e]:hover {
  cursor: pointer;
}
.zoom[data-v-6af3902e] {
  opacity: 0;
  transition: transform 0.3s;
  animation: fadeout 0.3s linear 1 backwards;
  overflow: hidden;
}
.zoom[data-v-6af3902e]:hover {
  transform: scale(1.5, 2);
  animation: fadein-6af3902e 0.3s linear 1 forwards;
}

/* inverse scaling to keep the contents of the card the same size */
.zoom:hover .top-card-content[data-v-6af3902e] {
  transform: scale(0.6666666667, 0.5);
  transform-origin: 0% 0%;
}
.zoom .fade-in[data-v-6af3902e] {
  opacity: 0;
  animation: fadeout 0.3s linear 1 forwards;
}
.zoom:hover .fade-in[data-v-6af3902e] {
  animation: fadein-6af3902e 0.3s linear 1 forwards;
  animation-delay: 0.3s;
}
.zoomshadow[data-v-6af3902e] {
  opacity: 0;
  transition: transform 0.3s;
  animation: fadeout 0.3s linear 1 backwards;
  overflow: hidden;
}
.zoomshadow[data-v-6af3902e]:hover {
  transform: scale(1.5, 2.2);
  animation: fadein-6af3902e 0.3s linear 1 forwards;
}
.zoomshadow:hover .top-card-content[data-v-6af3902e] {
  transform: scale(0.6666666667, 0.5);
  transform-origin: 0% 0%;
}
.zoomshadow .fade-in[data-v-6af3902e] {
  opacity: 0;
  animation: fadeout 0.3s linear 1 forwards;
}
.zoomshadow:hover .fade-in[data-v-6af3902e] {
  animation: fadein-6af3902e 0.3s linear 1 forwards;
  animation-delay: 0.3s;
}
.assignedCourse[data-v-6af3902e]:hover {
  cursor: not-allowed;
}
.translate-right[data-v-6af3902e] {
  transform: translateX(3rem);
  transition: transform 0.3s;
}
.translate-left[data-v-6af3902e] {
  transform: translateX(-3rem);
  transition: transform 0.3s;
  transition-delay: 0.1s;
}
@keyframes fadein-6af3902e {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.full-width[data-v-6af3902e] {
  width: 100%;
}
.course-catalog[data-v-6af3902e] {
  width: 100%;
}
.course-catalog-open[data-v-6af3902e] {
  width: 100%;
}
.card-tags[data-v-6af3902e] {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -3%;
}
.card-image[data-v-6af3902e] {
  width: 100%;
  height: 40%;
}
.double-width[data-v-6af3902e] {
  width: 150%;
}
.headerClass[data-v-6af3902e] {
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contain-text-overflow[data-v-6af3902e] {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: pre-wrap;
  word-break: keep-all; /*this stops the word breaking*/
}
.catalog-card[data-v-6af3902e] {
  height: 254px;
  width: 250px;
}
.backing[data-v-6af3902e] {
  background-color: rgb(122, 124, 124);
}


.headerClass[data-v-3247f25b] {
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clickable[data-v-3247f25b]:hover {
  cursor: pointer;
}
.catalog-card[data-v-3247f25b] {
  height: 320px;
  width: 300px;
}
.card-image[data-v-3247f25b] {
  width: 100%;
  height: 40%;
}
.channelTitle[data-v-3247f25b] {
  text-align: center;
}
.bookmark[data-v-3247f25b] {
  position: absolute;
  top: 0;
  right: 0;
}
.assignedCourse[data-v-3247f25b]:hover {
  cursor: not-allowed;
}


.desktop-background_color[data-v-2f29732e] {
  background: white !important;
}
.enrolledBanner[data-v-2f29732e] {
  background-color: #546e7a;
}
.user_name[data-v-2f29732e] {
  font-size: 12;
  font-weight: bold;
}
.text_name[data-v-2f29732e] {
  font-size:15;
  margin-left:10%;
}
.time_name[data-v-2f29732e] {
  font-size:10;
  font-weight:lighter;
}
#container-no-preview[data-v-2f29732e] {
  max-height: 600px;
  min-height: 600px;
  background-color: #757575;
  opacity: 0.65;
}
.scrollCard[data-v-2f29732e] {
  margin-left: 2%;
  height: 600;
  overflow-y:auto;
  overflow-x:hidden;
}
.backtext[data-v-2f29732e] {
  background-color: #d7ddde;
  font-size: 15px;
}
.videoBackground[data-v-2f29732e] {
  background: url(/img/VideoBackground.9f472abd.png);
  background-size: cover;
  height: 600;
}
#preview-pagination[data-v-2f29732e] {
  margin-top: 425px;
  margin-left: 400px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
}
.tools-hover[data-v-2f29732e] {
  position: relative;
  overflow: scroll;
}
.preview-resize[data-v-2f29732e] {
  max-height: 600px;
  min-height: 600px;
  overflow: auto;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  font-size: 13px;
  background-color: #757575;
}
#preview-adjust[data-v-2f29732e] {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
  overflow: scroll;
}
.answerHover[data-v-2f29732e]:hover {
  background-color: rgb(236, 239, 241) !important;   
  border-radius: 10px;
}
.no-preview-button-color[data-v-2f29732e] {
  border-radius: 20px;
  margin-top: 135px;
  background-color: #757575;
}
.titleCard[data-v-2f29732e] {
  background-color: #d7e2e6;
}
.assetCard[data-v-2f29732e] {
  background-color: #e6edf2;
}
.card-image[data-v-2f29732e] {
  width: 150;
  height: 80;
}
.title-color[data-v-2f29732e] {
    color: #4B00AA
}
.text-color[data-v-2f29732e] {
    color: #131313;
}
.card-tags[data-v-2f29732e] {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: -5.5%;
}
.card-dues[data-v-2f29732e] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.backing[data-v-2f29732e] {
  background-color: rgb(122, 124, 124);
}
.scrollable[data-v-2f29732e] {
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollableOverflow[data-v-2f29732e] {
  height: 528;
  overflow-y: auto;
  overflow-x: hidden;
}
.backButtonEnrolled[data-v-2f29732e] {
  position: relative;
}
.visibility-text[data-v-2f29732e] {
  font-size: 18px;
}
.small-text[data-v-2f29732e] {
  font-size: 10px;
}



.wrap-text[data-v-3065895d] {
  white-space: normal;
}


#tooltip-header[data-v-3065895d] {
  font-family: "Gotham", sans-serif;
  font-weight: 400;
  color: #ffffff;
}
.v-progress-circular[data-v-3065895d] {
  margin: 1rem;
}
.disable-events[data-v-3065895d] {
  pointer-events: none;
}


.desktop-background_color[data-v-556abb1e] {
  background: white !important;
}
.enrolledBanner[data-v-556abb1e] {
  background-color: #546e7a;
}
.backing[data-v-556abb1e] {
  background-color: rgb(122, 124, 124);
}
#container-no-preview[data-v-556abb1e] {
  max-height: 600px;
  min-height: 600px;
  background-color: #757575;
  opacity: 0.65;
}
.scrollCard[data-v-556abb1e] {
    margin-left: 2%;
  height: 600;
  overflow-y:auto;
  overflow-x:hidden;
}
.videoBackground[data-v-556abb1e] {
  background: url(/img/VideoBackground.9f472abd.png);
  background-size: cover;
  height: 600;
}
.visibility-text[data-v-556abb1e] {
  font-size: 18px;
}
.small-text[data-v-556abb1e] {
  font-size: 10px;
}
.answerHover[data-v-556abb1e]:hover {
  background-color: rgb(236, 239, 241) !important;   
  border-radius: 10px;
}
#preview-pagination[data-v-556abb1e] {
  margin-top: 425px;
  margin-left: 400px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
}
.tools-hover[data-v-556abb1e] {
  position: relative;
  overflow: scroll;
}
.backtext[data-v-556abb1e] {
  background-color: #d7ddde;
}
.user_name[data-v-556abb1e] {
  font-size: 12;
  font-weight: bold;
}
.text_name[data-v-556abb1e] {
  font-size:15;
  margin-left:10%;
}
.time_name[data-v-556abb1e] {
  font-size:10;
  font-weight:lighter;
}
.preview-resize[data-v-556abb1e] {
  max-height: 600px;
  min-height: 600px;
  overflow: auto;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  font-size: 13px;
  background-color: #757575;
}
#preview-adjust[data-v-556abb1e] {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
  overflow: scroll;
}
.no-preview-button-color[data-v-556abb1e] {
  border-radius: 20px;
  margin-top: 135px;
  background-color: #757575;
}
.titleCard[data-v-556abb1e] {
  background-color: #d7e2e6;
}
.assetCard[data-v-556abb1e] {
  background-color: #e6edf2;
}
.card-image[data-v-556abb1e] {
  width: 150;
  height: 85;
}
.title-color[data-v-556abb1e] {
    color: #4B00AA
}
.text-color[data-v-556abb1e] {
    color: #131313;
}
.card-tags[data-v-556abb1e] {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: -5.5%;
}
.card-dues[data-v-556abb1e] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.scrollable[data-v-556abb1e] {
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollableOverflow[data-v-556abb1e] {
  height: 528;
  overflow-y: auto;
  overflow-x: hidden;
}
.backButtonEnrolled[data-v-556abb1e] {
  position: relative;
}



.md-list-item-text {
  white-space: normal;
  padding-bottom: 1rem;
}


.credly[data-v-f5041bc4] {
    margin-left: 62%;
    margin-top: -6%;
    margin-bottom: -3%;
    z-index: 1;
}


.clickable[data-v-f5041bc4]:hover {
  cursor: pointer;
}


.banner-wrapper[data-v-1826db5e] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 112px;
  width: 100%;
  flex-wrap: wrap;
}
.text-content[data-v-1826db5e] {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.text-content-header[data-v-1826db5e] {
  max-width: 600px;
}
.x-image-container[data-v-1826db5e] {
  flex: 1 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.x-shaped-img[data-v-1826db5e] {
  width: 100%;
  max-width: 320px;
}

/* Large screens (laptops) */
@media (max-width: 1440px) {
.banner-wrapper[data-v-1826db5e] {
    padding: 96px;
}
.text-content-header[data-v-1826db5e] {
    max-width: 550px;
}
.x-shaped-img[data-v-1826db5e] {
    max-width: 300px;
}
}
/* Medium screens (tablets) */
@media (max-width: 1200px) {
.banner-wrapper[data-v-1826db5e] {
    padding: 64px;
}
.text-content-header[data-v-1826db5e] {
    max-width: 500px;
}
.x-shaped-img[data-v-1826db5e] {
    max-width: 280px;
}
}

/* Small screens (mobile) */
@media (max-width: 960px) {
.banner-wrapper[data-v-1826db5e] {
    flex-direction: column;
    text-align: center;
    padding: 32px;
}
.x-image-container[data-v-1826db5e] {
    margin-top: 24px;
}
.x-shaped-img[data-v-1826db5e] {
    max-width: 240px;
}
}

/* Extra small screens (very small mobile devices) */
@media (max-width: 600px) {
.banner-wrapper[data-v-1826db5e] {
    padding: 16px;
}
.text-content-header[data-v-1826db5e] {
    font-size: 1.5rem;
}
.x-shaped-img[data-v-1826db5e] {
    max-width: 200px;
}
}


.flex-container[data-v-0e2b9c0a] {
  display: flex;
  gap: 96px;
  padding: 80px 112px 56px 112px;
}
.image[data-v-0e2b9c0a] {
  width: 100%;
  max-width: 592px;
  border-radius: 4px;
}
.text-section[data-v-0e2b9c0a] {
  flex: 1 1 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: space-around;
  padding-right: 64px;
}
.text-item[data-v-0e2b9c0a] {
  display: flex;
  flex-direction: row;
  height: auto;
  width: 100%;
  align-items: center;
  gap: var(--spacing-xs);
}
.text-content[data-v-0e2b9c0a] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

/* Large screens (laptops) */
@media (max-width: 1440px) {
.flex-container[data-v-0e2b9c0a] {
    padding: 64px 96px 48px 96px;
    gap: 80px;
}
.text-section[data-v-0e2b9c0a] {
    padding-right: 48px;
}
.image[data-v-0e2b9c0a] {
    max-width: 500px;
    max-height: 400px;
}
}

/* Medium screens (tablets) */
@media (max-width: 1024px) {
.flex-container[data-v-0e2b9c0a] {
    flex-direction: column;
    text-align: center;
}
.image-section[data-v-0e2b9c0a] {
    display: flex;
    justify-content: center;
}
.text-section[data-v-0e2b9c0a] {
    padding-right: 0;
}
}

/* Small screens (mobile) */
@media (max-width: 768px) {
.flex-container[data-v-0e2b9c0a] {
    padding: 32px 48px 24px 48px;
    gap: 48px;
}
.text-item[data-v-0e2b9c0a] {
    gap: var(--spacing-sm);
}
.image[data-v-0e2b9c0a] {
    max-width: 450px;
}
}

/* Extra-small screens (very small mobile devices) */
@media (max-width: 425px) {
.flex-container[data-v-0e2b9c0a] {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm);
    gap: var(--spacing-md);
}
.text-item[data-v-0e2b9c0a] {
    gap: 0;
}
.text-content[data-v-0e2b9c0a] {
    gap: var(--spacing-xs);
}
.image[data-v-0e2b9c0a] {
    max-width: 250px;
}
}


.highlights-container[data-v-60d43ea7] {
  padding: 104px 112px;
}
.highlights-header[data-v-60d43ea7] {
  display: flex;
  flex-direction: column;
}
.highlights-content-container[data-v-60d43ea7] {
  justify-content: space-between;
}
.highlights-content[data-v-60d43ea7] {
  display: flex;
  flex-direction: column;
  background-color: transparent !important;
  gap: var(--spacing-md);
}
.text-content[data-v-60d43ea7] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

 /* Extra-large screens (desktops) */
@media (min-width: 1441px) {
.highlights-container[data-v-60d43ea7] {
    padding: 120px 128px;
}
.highlights-content-container[data-v-60d43ea7] {
    gap: 48px;
}
.highlights-content[data-v-60d43ea7] {
    width: 300px;
}
}

/* Large screens (laptops) */
@media (max-width: 1440px) {
.highlights-container[data-v-60d43ea7] {
    padding: 96px 104px;
}
.highlights-content-container[data-v-60d43ea7] {
    gap: 40px;
}
.highlights-content[data-v-60d43ea7] {
    width: 272px;
}
}

/* Medium screens (tablets) */
@media (max-width: 1024px) {
.highlights-container[data-v-60d43ea7] {
    padding: 80px 96px;
}
.highlights-header[data-v-60d43ea7] {
    align-items: center;
    text-align: center;
}
.highlights-content-container[data-v-60d43ea7] {
    justify-content: center;
    gap: 32px;
}
.highlights-content[data-v-60d43ea7] {
    width: 240px;
}
}

/* Small screens (mobile) */
@media (max-width: 768px) {
.highlights-container[data-v-60d43ea7] {
    padding: 64px 48px;
}
.highlights-header[data-v-60d43ea7] {
    align-items: center;
    text-align: center;
}
.highlights-content-container[data-v-60d43ea7] {
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.highlights-content[data-v-60d43ea7] {
    width: 100%;
}
}

/* Extra-small screens (very small mobile devices) */
@media (max-width: 425px) {
.highlights-container[data-v-60d43ea7] {
    padding: 32px 16px;
}
.highlights-header[data-v-60d43ea7] {
    align-items: center;
    text-align: center;
}
.highlights-content-container[data-v-60d43ea7] {
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.highlights-content[data-v-60d43ea7] {
    width: 100%;
}
}



.header-text-container[data-v-2ed7711e] {
  display: flex;
  flex-direction: column;
  padding-left: 112px;
  padding-right: 112px;
  gap: var(--spacing-md);
}
.catalogs-container[data-v-2ed7711e] {
  padding-left: 90px;
  padding-right: 90px;
}
@media (max-width: 960px) {
.header-text-container[data-v-2ed7711e] {
    padding-left: 32px;
    padding-right: 32px;
}
.catalogs-container[data-v-2ed7711e] {
    padding-left: 0px;
    padding-right: 0px;
}
}


/* get rids of the banner at the bottom of the web page */
/* Prevent CC settings menu item from displaying */
.vjs-texttrack-settings {
  display: none;
}
.vjs-caption-settings {
  display: none;
}
.video-js .vjs-time-control {
    display: block;
}
.video-js .vjs-remaining-time {
    display: none;
}

/* Fix video player big play button positioning */
.video-js .vjs-big-play-button {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 3 !important;
  margin: 0 !important;
  width: 3em !important;
  height: 2em !important;
  line-height: 2em !important;
  border: 0.06666em solid #fff !important;
  border-radius: 0.3em !important;
  background-color: rgba(43, 51, 63, 0.7) !important;
  transition: all 0.4s !important;
}
.video-js .vjs-big-play-button:hover,
.video-js .vjs-big-play-button:focus {
  background-color: rgba(43, 51, 63, 0.9) !important;
  border-color: #fff !important;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101" !important;
  font-family: VideoJS !important;
  font-size: 1.63em !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

/* Ensure video player container has proper positioning */
.video-js {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
}

/* Fix for mobile devices */
@media (max-width: 768px) {
.video-js .vjs-big-play-button {
    width: 2.5em !important;
    height: 1.5em !important;
    line-height: 1.5em !important;
}
}


.timestamp-chip-text[data-v-e2a2d912] {
  min-width: 75px;
  text-align: center;
}
.border-bottom[data-v-e2a2d912] {
  border-bottom: 1px solid var(--border-separator);
}
.border-bottom[data-v-e2a2d912]:last-child {
  border-bottom: none;
}
.v2-link-text-no-hover[data-v-e2a2d912] {
  text-transform: none;
}
.video-player-box[data-v-e2a2d912] {
  height: 600px;
}
@media (min-width: 960px) {
.markers-list[data-v-e2a2d912] {
    max-width: 70vw;
}
}
@media (min-width: 1440px) {
.markers-list[data-v-e2a2d912] {
    max-width: 50vw;
}
}


.fullscreen-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: white;
  z-index: 9999;
  padding: 20px;
  box-sizing: border-box;
  overflow: auto;
}
.fullscreen-transition-enter-active,
.fullscreen-transition-leave-active {
  transition: opacity 0.5s;
}
.fullscreen-transition-enter,
.fullscreen-transition-leave-to {
  opacity: 0;
}


.flexbox[data-v-24f38be7] {
  height: 30;
  width: 200;
  background: #b4d0df;
}
.groupbox[data-v-24f38be7] { 
  text-align: center;
  height: 200;
  width: 1000;
  background: #e1eff6;
}



.countdown[data-v-24f38be7] {
  position: absolute;
  right: 0;
  padding: 1%;
}
.background[data-v-24f38be7] {
  background: url(/img/Assessment.09dc7df2.jpg);
  background-size: cover;
  height: 575;
}
.assessment[data-v-24f38be7] {
  height: 150px;
  width: 150px;
}
.radio-container[data-v-24f38be7] {
  display: flex;
  align-items: center; /* Align items vertically in the center */
}
.radio-container .v-input--selection-controls[data-v-24f38be7] {
  margin-right: 10px; /* Adjust as needed for spacing between radio button and label */
}
.answerHover[data-v-24f38be7]:hover {
  background-color: rgb(237, 221, 250) !important;   
  border-radius: 10px;
}


.likert[data-v-5f5c85a1] {
  margin-top: 5%;
  margin-bottom: 3%;
  list-style: none;
  margin: 0;
  padding: 0 0 35px;
  display: block;
  border-bottom: 2px solid #efefef;
}
.likert[data-v-5f5c85a1]:last-of-type {
  border-bottom: 0;
}
.likert[data-v-5f5c85a1]:before {
  content: "";
  position: relative;
  top: 11px;
  left: 6%;
  display: block;
  background-color: #efefef;
  height: 4px;
  width: calc(var(--c) * 8%);
}
.likert li[data-v-5f5c85a1] {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin-left: 6px;
  max-width: 16%;
  /* width: calc(100px - var(--b)); */
}
.likert li input[type="radio"][data-v-5f5c85a1] {
  display: block;
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -6px;
}
.likert li label[data-v-5f5c85a1] {
  width: 20%;
}


.highlight[data-v-2bcb1139] {
  background-color: #E0E1FF;
}


.learnTitle[data-v-6fbe9582] {
  padding-top: 20px;
  margin-bottom: -20px;
  background-color: #f4f4f4;
}
.catalog-card[data-v-6fbe9582] {
  height: 270px;
  width: 250px;
}
.card-image[data-v-6fbe9582] {
  width: 100%;
  height: 40%;
}


.button-wrap[data-v-6574f9db] {
  white-space: normal;
  display: inline-block;
  word-wrap: break-word;
  width: 465px;
}
@media (max-width: 460px) {
.button-wrap[data-v-6574f9db] {
    width: 100%;
}
}


.desktop-background_color[data-v-2d9900e4] {
  background: white !important;
}
html[data-v-2d9900e4] {
  scroll-behavior: smooth;
}
.infoCard[data-v-2d9900e4] {
  flex-shrink: 0;
  background-color: #f4f4f4;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 2;
  margin-left: -13px;
}
.infoCard[data-v-2d9900e4]::after {
  background: #f4f4f4;
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100.5%;
  top: 0;
  left: 0;
  z-index: -2;
  transform-origin: bottom left;
  transform: skew(-10deg, 0deg);
}
.infoCardSmall[data-v-2d9900e4] {
  flex-shrink: 0;
  background-color: #f4f4f4;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 2;
}
.catalog-card[data-v-2d9900e4] {
  height: 270px;
  width: 250px;
}
.card-image[data-v-2d9900e4] {
  width: 100%;
  height: 40%;
}
.imageCard[data-v-2d9900e4] {
  background-color: white;
  color: white;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 0;
}
.imageCard[data-v-2d9900e4]::after {
  background: white;
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: top left;
  transform: skew(-10deg, 0deg);
}
.slantContainer[data-v-2d9900e4] {
  display: flex;
  flex-flow: row;
}
.titleCard[data-v-2d9900e4] {
  background-color: #546e7a;
  color: white;
}
.buttonCard[data-v-2d9900e4] {
  background-color: #f4f4f4;
}
.scrolledOut[data-v-2d9900e4] {
  display: none;
  position: sticky;
  top: 0;
  z-index: 1;
}
.start-button[data-v-2d9900e4]:disabled {
  background-color: #E9F6FE;
}
.banner[data-v-2d9900e4] {
  background-color: #546e7a;
  color: white;
  width: 105%;
  padding: 70px 30px 10px 10px;
  margin-left: -25px;
}
.enrolledBanner[data-v-2d9900e4] {
  background-color: #f4f4f4;
  padding: 10px 30px 10px 10px;
  margin-bottom: 1%;
}
.navTab[data-v-2d9900e4] {
  background-color: white;
  width: 101%;
}
.scrollable[data-v-2d9900e4] {
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollableOverflow[data-v-2d9900e4] {
  height: 335;
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollCard[data-v-2d9900e4] {
  height: 600;
  overflow-y: auto;
  overflow-x: hidden;
}
.highlight[data-v-2d9900e4] {
  background-color: #E0E1FF;
}
.thumbImage[data-v-2d9900e4] {
  background-color: white;
  color: white;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  margin-top: 1%;
  z-index: 0;
}
.relatedImage[data-v-2d9900e4] {
  flex-shrink: 0;
  min-width: 100%;
  max-width: 100%;
}
.card[data-v-2d9900e4] {
  background-color: white;
}
.title[data-v-2d9900e4] {
  background-color: #546e7a;
  color: white;
}
.modules[data-v-2d9900e4] {
  position: absolute;
  right: 0;
}
.bookmark[data-v-2d9900e4] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.closeScorm[data-v-2d9900e4] {
  position: absolute;
  top: 0;
  left: 20;
}
.fullscreen[data-v-2d9900e4] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.tags[data-v-2d9900e4] {
  position: relative;
  bottom: 110%;
  left: 88%;
}
.play[data-v-2d9900e4] {
  position: relative;
  bottom: 70%;
  left: 4%;
  height: 100px;
}
.learnTitle[data-v-2d9900e4] {
  width: 105%;
  margin-left: -1%;
  margin-bottom: -20px;
  background-color: #f4f4f4;
}
.relatedTitle[data-v-2d9900e4] {
  padding-top: 20px;
  padding-left: 10px;
  background-color: #f4f4f4;
}
.moduleCard[data-v-2d9900e4] {
  background-color: #f4f4f4;
  margin-top: 20px;
  padding-left: 40px;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 40px;
}
.button-row[data-v-2d9900e4] {
  position: relative;
  top: -5%;
  left: 6%;
}
.button-row-shrink[data-v-2d9900e4] {
  padding-left: 120px;
  padding-top: 12px;
}
.button-row-shrink-enrolled[data-v-2d9900e4] {
  padding-left: 120px;
  padding-top: 5%;
}
.bookmarkButton[data-v-2d9900e4] {
  position: relative;
  top: 0%;
  margin-right: 5%;
}
.bookmarkedButton[data-v-2d9900e4] {
  position: relative;
  top: 0%;
  margin-right: 7%;
}
.shareButton[data-v-2d9900e4] {
  position: relative;
  top: 0%;
  margin-right: 5%;
}
.enrollButton[data-v-2d9900e4] {
  position: relative;
  top: 0%;
  left: -5%;
}
.bookmarkDropButton[data-v-2d9900e4] {
  margin-right: 0%;
}
.bookmarkedDropButton[data-v-2d9900e4] {
  margin-right: 30%;
}
.shareDropButton[data-v-2d9900e4] {
  margin-left: 16%;
}
.enrollOtherButton[data-v-2d9900e4] {
  margin-left: 18%;
}
.shareOtherButton[data-v-2d9900e4] {
  margin-left: 66%;
}
.enrollDropButton[data-v-2d9900e4] {
  margin-left: -3%;
}
.backButton[data-v-2d9900e4] {
  position: relative;
  top: 2%;
  left: 3%;
}
.backButtonEnrolled[data-v-2d9900e4] {
  position: relative;
}
.assignedCourse[data-v-2d9900e4]:hover {
  cursor: not-allowed;
}
.clickable[data-v-2d9900e4]:hover {
  cursor: pointer;
}
.videoBackground[data-v-2d9900e4] {
  background: url(/img/VideoBackground.9f472abd.png);
  background-size: cover;
  height: 600;
}
.image[data-v-2d9900e4] {
  min-width: 150%;
  min-height: 120%;
  margin-top: -10px;
  margin-left: -120px;
  z-index: 0;
}
#container-no-preview[data-v-2d9900e4] {
  max-height: 600px;
  min-height: 600px;
  background-color: #f4f4f4;
}
.preview-resize[data-v-2d9900e4] {
  overflow: auto;
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 13px;
  background-color: #f2f4f6;
}
.tools-hover[data-v-2d9900e4] {
  position: relative;
  overflow: scroll;
}
.img__div_layer[data-v-2d9900e4] {
  width: 200px;
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  height: 7%;
  transition: 0.5s ease;
  opacity: 0;
  color: white;
  margin-left: 550px;
  top: 50px;
  padding: 2px;
  text-align: center;
  border-radius: 25px;
  z-index: 10000
}
#preview-pagination[data-v-2d9900e4] {
  margin-top: 425px;
  margin-left: 575px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  font-size: 0.8rem;
}
.col-space[data-v-2d9900e4] {
  padding-left: 10px;
  padding-right: 10px;
}
.setMiddleScorm[data-v-2d9900e4] {
  margin-top: 7.5%;
  margin-left: 3%;
  padding: 5% 5%;
}
.tools-hover:hover .img__div_layer[data-v-2d9900e4] {
  opacity: 1;
  display: block;
}
.tools-hover[data-v-2d9900e4]:fullscreen {
  overflow: auto !important;
}
.tools-hover[data-v-2d9900e4]:-ms-fullscreen {
  overflow: auto !important;
}
.tools-hover[data-v-2d9900e4]:-webkit-full-screen {
  overflow: auto !important;
}
.tools-hover[data-v-2d9900e4]:-moz-full-screen {
  overflow: auto !important;
}
.no-preview-button-color[data-v-2d9900e4] {
  background-color: #f4f4f4;
}
.course-catalog[data-v-2d9900e4] {
  width: 100%;
}
.headerClass[data-v-2d9900e4] {
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
#preview-adjust[data-v-2d9900e4] {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
  overflow: scroll;
}


.v-expansion-panel-content[data-v-14dee346] .v-expansion-panel-content__wrap {
  padding-right: 0;
}
.v-expansion-panel-content[data-v-14dee346] .v-expansion-panel-content__wrap {
  padding-left: 32px;
}
.highlight[data-v-14dee346] {
  background-color: #e0e1ff;
}
/* .folder-container{
  border-radius: 0px;
  border: 1px solid var(--border-separator, #D7D7D7);
} */
.folder-header[data-v-14dee346]{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.folder-info[data-v-14dee346] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.folder-actions[data-v-14dee346] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.module-container[data-v-14dee346]{
  display: flex;
  /* border-radius: 0px;
  border: 1px solid var(--border-separator, #D7D7D7); */
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.module-info[data-v-14dee346] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.module-actions[data-v-14dee346] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}
.prereq-container[data-v-14dee346] {
  display: flex;
  gap: var(--spacing-xs);
}
.prereq-popup[data-v-14dee346] {
  display: inline-flex;
  padding: 16px;
  flex-direction: column;
  gap: 16px;
  border-radius: 4px;
  border: 1px solid var(--border-separator, #D7D7D7);
  background: var(--background-invert, #FFF);
  box-shadow: 0px 1px 1px 0px rgba(19, 19, 19, 0.02), 0px 5px 5px 0px rgba(19, 19, 19, 0.02), 0px 9px 9px 0px rgba(19, 19, 19, 0.02);
}


.module-container[data-v-6dd4e61a]{
  display: flex;
  /* border-radius: 0px;
  border: 1px solid var(--border-separator, #D7D7D7); */
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.module-info[data-v-6dd4e61a] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.module-actions[data-v-6dd4e61a] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}
.prereq-container[data-v-6dd4e61a] {
  display: flex;
  gap: var(--spacing-xs);
}
.prereq-popup[data-v-6dd4e61a] {
  display: inline-flex;
  padding: 16px;
  flex-direction: column;
  gap: 16px;
  border-radius: 4px;
  border: 1px solid var(--border-separator, #D7D7D7);
  background: var(--background-invert, #FFF);
  box-shadow: 0px 1px 1px 0px rgba(19, 19, 19, 0.02), 0px 5px 5px 0px rgba(19, 19, 19, 0.02), 0px 9px 9px 0px rgba(19, 19, 19, 0.02);
}


.properties-list[data-v-04b64e56] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}
.modules-info-container[data-v-04b64e56] {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}
.progress-container[data-v-04b64e56] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
  flex-grow: 1; 
  flex-shrink: 1;
}
.progress-bar[data-v-04b64e56] {
  flex-grow: 1; 
  flex-shrink: 1; 
  /* flex-basis: 200px; 
  min-width: 150px; */
  max-width: 350px;
}
.progress-text[data-v-04b64e56] {
  min-width: 200px;
}


.info-card[data-v-463d506e] {
  display: flex;
  flex-direction: row;
  height: auto;
  width: 100%;
  padding: var(--spacing-sm);
  align-items: center;
  gap: var(--spacing-xs);
  border-radius: 4px;
  border: 1px solid var(--border-separator);
  background: var(--background-invert);
  box-shadow: 0px 1px 1px 0px rgba(19, 19, 19, 0.02), 0px 5px 5px 0px rgba(19, 19, 19, 0.02), 0px 9px 9px 0px rgba(19, 19, 19, 0.02) !important;
}
.text-caption[data-v-463d506e] {
  font-size: 12px;
  letter-spacing: 1px;
}
.texthead[data-v-463d506e] {
  color: var(--text-secondary);
  line-height: 16px; /* 133.333% */
  text-transform: uppercase;
}
.info-text[data-v-463d506e] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}


.payment-info[data-v-2150ba92] {
  display: flex;
  padding: var(--spacing-md) var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-md);
  border-radius: 4px 0px 0px 4px;
  background: var(--background-tag);
  align-self: stretch;
}
.course-details[data-v-2150ba92] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-xs);
}
.course-title[data-v-2150ba92] {
  color: var(--text-primary);
  width: 330px;
  word-wrap: break-word;
}
.session-info-box[data-v-2150ba92] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.session-info[data-v-2150ba92] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
  align-self: stretch;
}
.session-head[data-v-2150ba92] {
  color: var(--text-primary);
  text-transform: capitalize;
}
.headertext[data-v-2150ba92] {
  color: var(--text-secondary);
}
.more-info-text[data-v-2150ba92] {
  cursor: pointer;
}
.more-info-text[data-v-2150ba92]:hover {
  text-decoration: underline;
  color: var(--text-primary);
}
.guaranteed[data-v-2150ba92] {
  display: flex;
  flex-direction: row;
  height: var(--spacing-sm);
  align-items: center;
}


.payment-info[data-v-c9b0508a] {
  display: flex;
  padding: var(--spacing-md) var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-md);
  border-radius: 4px 0px 0px 4px;
  background: var(--background-tag);
  align-self: stretch;
}
.course-details[data-v-c9b0508a] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-xs);
}
.course-title[data-v-c9b0508a] {
  color: var(--text-primary);
  width: 330px;
  word-wrap: break-word;
}
.headertext[data-v-c9b0508a] {
  color: var(--text-secondary);
}
.course-info[data-v-c9b0508a] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
  align-self: stretch;
}
.course-info-box[data-v-c9b0508a] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}


.payment-info[data-v-e9c3c3d2] {
  display: flex;
  padding: var(--spacing-md) var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-md);
  border-radius: 4px 0px 0px 4px;
  background: var(--background-tag, #F0F0F0);
  align-self: stretch;
}
.course-details[data-v-e9c3c3d2] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
}
.course-title[data-v-e9c3c3d2] {
  color: var(--text-primary, #131313);
  width: 330px;
  word-wrap: break-word;
}
.headertext[data-v-e9c3c3d2] {
  color: var(--text-secondary, #5D5D5D);
}
.course-info[data-v-e9c3c3d2] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.course-info-box[data-v-e9c3c3d2] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}


.reschedule-container[data-v-70a724c6] {
  display: flex;
  width: 600px;
  padding: var(--spacing-sm);
  flex-direction: column;
  align-items: flex-start;
  border-radius: 4px;
  gap:var(--spacing-sm);
  background: var(--background-invert);
}
.session-enrollment-header[data-v-70a724c6] {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  align-self: flex-start;
  justify-content: space-between;
  gap: var(--spacing-sm);
}
.close-cls[data-v-70a724c6] {
  display: flex;
  flex-direction: row;
  align-self: flex-end;
  justify-content: flex-end;
  width: auto;
}
.caption[data-v-70a724c6] {
  color: var(--text-secondary);
  text-overflow: ellipsis;
  font-family: "Nutanix Soft";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 10px;
}
.selection-box[data-v-70a724c6] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
  align-self: stretch; 
  width:100%;
  min-width: 500px;
}
.selection-box-item[data-v-70a724c6] {
  width: 100%;
  min-width: 500px;
}


.confirmation-container[data-v-caff4d64] {
  display: flex;
  width: 600px;
  padding: var(--spacing-sm);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  border-radius: 4px;
  background: var(--background-invert);
}
.confirmation-header[data-v-caff4d64] {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-self: flex-start;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-sm);
}
.close-cls[data-v-caff4d64] {
  display: flex;
  flex-direction: row;
  align-self: flex-end;
  align-items: flex-start;
  justify-content: flex-end;
  width: auto;
  padding: 0px;
}
.message-box[data-v-caff4d64] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  align-self: stretch; 
  width:100%;
  min-width: 500px;
}





.enrollment-confirmation[data-v-17ef5ec1] {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 300px;
  padding: var(--spacing-md);
  height: auto;
  align-items: flex-start;
  border-radius: 0px 4px 4px 0px;
  background: var(--background-invert);
}
@media screen and (max-width: 1100px) {
.enrollment-confirmation[data-v-17ef5ec1] {
    border: 1px solid var(--border-primary);
}
}
.payment-dialog[data-v-17ef5ec1] {
  min-height: 600px;
  align-self: stretch;
  justify-content: space-between;
  flex-grow: 1; /* Allow the confirmation to grow */
  flex-shrink: 1; /* Allow the confirmation to grow */
  border: none;
}
.enrollment-confirmation-header[data-v-17ef5ec1] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  height: 100%;
  align-self: stretch;
}
.session-price-box[data-v-17ef5ec1] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
}
.session-price-head[data-v-17ef5ec1] {
  color: var(--text-secondary);
  text-transform: uppercase;
}
.coupon-box[data-v-17ef5ec1] {
  display: flex;
  padding: 0px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
  align-self: stretch;
}
.coupon-ques[data-v-17ef5ec1] {
  color: var(--text-secondary);
}
.enrollment-info-box[data-v-17ef5ec1] {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-xs) var(--spacing-sm);
  gap: var(--spacing-xs);
  border-radius: 4px;
  background: var(--background-tag);
  align-items: flex-start;
  align-self: stretch;
  margin: 0;
}
.enrollment-info-text[data-v-17ef5ec1] {
  color: var(--text-secondary);
  /* Body */
  word-wrap: break-word;
}
.total-info-box[data-v-17ef5ec1] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
}
.total-info-text-cross[data-v-17ef5ec1] {
  color: var(--text-secondary);
  text-decoration: line-through;
}
.confirmation-bar[data-v-17ef5ec1] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  align-self: stretch;
}
.close-cls[data-v-17ef5ec1] {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  align-self: stretch;
  gap: var(--spacing-sm);
}
.apply-text[data-v-17ef5ec1] {
  color: var(--text-invert);
  text-align: right;
}
.set-coupon[data-v-17ef5ec1] {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.set-button[data-v-17ef5ec1] {
  height: 40px !important;
}
.alert-box[data-v-17ef5ec1] {
  display: flex;
  padding: 4px var(--spacing-xs);
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
}
.alert-box-background[data-v-17ef5ec1] {
  background: var(--background-info-warn);
}
.enrolled-box-background[data-v-17ef5ec1] {
  background:#eaccff;
}
.in_progress-box-background[data-v-17ef5ec1] {
  background: #d0d9fd;
}
.completed-box-background[data-v-17ef5ec1] {
  background: #edffd6;
}
.failed-box-background[data-v-17ef5ec1] {
  background: #ffd6dc;
}
.alert-text[data-v-17ef5ec1] {
  color: var(--text-info-warn);
  text-transform: capitalize;
}
.enrolled-text[data-v-17ef5ec1] {
  color: var(--text-link-hover);
  text-transform: capitalize;
}
.in_progress-text[data-v-17ef5ec1] {
  color: var(--text-progress);
  text-transform: capitalize;
}
.completed-text[data-v-17ef5ec1] {
  color: var(--text-completed);
  text-transform: capitalize;
}
.failed-text[data-v-17ef5ec1] {
  color: var(--text-failed);
  text-transform: capitalize;
}
.enrolled-operations[data-v-17ef5ec1] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--spacing-sm);
  align-self: stretch;
  width:100%;
  margin-top: 2%;
}
.reschedule-btn-cls[data-v-17ef5ec1] { 
  display: flex;
  padding: var(--spacing-xs) 0px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  width:100%;
}
.unenroll-btn-cls[data-v-17ef5ec1] {
  display: flex;
  padding: var(--spacing-xs) 0px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  width:100%;
}
.button-cls[data-v-17ef5ec1] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  border-radius: var(--radius-radius, 4px);
  background: var(--background-button);
}
.moduleHeading[data-v-17ef5ec1] {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  color: var(--text-invert);
  width:100%;
}
.success-coupon[data-v-17ef5ec1] {
  color: var(--text-completed);
}
.error-coupon[data-v-17ef5ec1] {
  color: var(--text-failed);
}
.divider-cls[data-v-17ef5ec1] {
  background-color: var(--border-separator);
  align-self: stretch;
  height: 1px;
}


.enrollment-confirmation[data-v-34b6eabd] {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 300px;
  padding: var(--spacing-md);
  height:auto;
  align-items: flex-start;
  border-radius: 0px 4px 4px 0px;
  background: var(--background-invert);
}
@media screen and (max-width: 1100px) {
.enrollment-confirmation[data-v-34b6eabd] {
    border: 1px solid var(--border-primary);
}
}
.enrollment-confirmation-header[data-v-34b6eabd] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  height: 100%;
  align-self: stretch;
  flex-grow: 1; /* Allow the header to grow */
  flex-shrink: 1; /* Allow the header to shrink */
  flex-wrap: wrap; /* Allow the header to wrap */
}
.price-box-wrapper[data-v-34b6eabd]{
  width: 100%;
}
.course-price-box[data-v-34b6eabd] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.course-price-head[data-v-34b6eabd] {
  color: var(--text-secondary);
  text-transform: uppercase;
}
.coupon-box[data-v-34b6eabd] {
  display: flex;
  padding: 0px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
  align-self: stretch;
}
.coupon-ques[data-v-34b6eabd] {
  color: var(--text-secondary);
}
.total-info-box[data-v-34b6eabd] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
}
.total-info-text-cross[data-v-34b6eabd] {
  color: var(--text-secondary,);
  text-decoration: line-through;
}
.confirmation-bar[data-v-34b6eabd] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  align-self: stretch;
}
.close-cls[data-v-34b6eabd] {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  align-self: stretch;
  gap: var(--spacing-sm);
}
.apply-text[data-v-34b6eabd] {
  color: var(--text-invert);
  text-align: right;
}
.set-coupon[data-v-34b6eabd] {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.set-button[data-v-34b6eabd] {
  height: 40px !important;
}
.success-coupon[data-v-34b6eabd] {
  color: var(--text-completed);
}
.error-coupon[data-v-34b6eabd] {
  color: var(--text-failed);
} 


.enrollment-confirmation[data-v-85db71ba] {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 300px;
  padding: 3% 3%;
  height:auto;
  align-items: flex-start;
  border-radius: 0px 4px 4px 0px;
  background: var(--background-background-invert, #FFF);
  /* border: 1px solid var(--border-border-primary, #E0E0E0); */
}
@media screen and (max-width: 1100px) {
.enrollment-confirmation[data-v-85db71ba] {
    border: 1px solid var(--border-border-primary, #E0E0E0);
}
}
.enrollment-confirmation-header[data-v-85db71ba] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3vh;
  height: 100%;
  align-self: stretch;
  flex-grow: 1; /* Allow the header to grow */
  flex-shrink: 1; /* Allow the header to shrink */
  flex-wrap: wrap; /* Allow the header to wrap */
}
.course-price-box[data-v-85db71ba] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1%;
}
.course-price-head[data-v-85db71ba] {
  color: var(--text-secondary, #5D5D5D);
  text-transform: uppercase;
}
.coupon-box[data-v-85db71ba] {
  display: flex;
  padding: 0px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 2%;
  align-self: stretch;
}
.coupon-ques[data-v-85db71ba] {
  color: var(--text-text-secondary, #5D5D5D);
}
.enrollment-agree[data-v-85db71ba] {
  color: var(--text-primary, #131313);
  /* Body */
  font-family: Arial;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
.total-info-box[data-v-85db71ba] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
}
.total-info-text-cross[data-v-85db71ba] {
  color: var(--text-text-primary, #5d5d5d);
  text-decoration: line-through;
}
.confirmation-bar[data-v-85db71ba] {
  display: flex;
  align-items: center;
  gap: 2%;
  align-self: stretch;
}
.close-cls[data-v-85db71ba] {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  align-self: stretch;
  gap: 2%;
}
.apply-text[data-v-85db71ba] {
  color: var(--text-text-link-hover, #FFFFFF);
  text-align: right;
  /* Link */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px; /* 142.857% */
  text-transform: capitalize;
}
.set-coupon[data-v-85db71ba] {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.set-button[data-v-85db71ba] {
  height: 40px !important;
}
.alert-box[data-v-85db71ba] {
  display: flex;
  padding: 1%;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
}
.success-coupon[data-v-85db71ba] {
  color: #289C5E;
}
.error-coupon[data-v-85db71ba] {
  color: #C44556;
} 


.payment-cls[data-v-aeeb1fb8] {
    display: flex;
    flex-direction: row;
}


.banner-container[data-v-c68d4590] {
  background: #FFFFFF;
  display: flex;
  padding: var(--spacing-md, 32px);
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px; /* Minimum gap between items */
  flex-wrap: wrap;
}
.card-actions[data-v-c68d4590] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.properties-list[data-v-c68d4590] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}
.metadata-container[data-v-c68d4590] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.actions-container[data-v-c68d4590] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-md);
  flex-grow: 1; 
  flex-shrink: 1; 
  flex-basis: 500px; 
  min-width: 300px;
  max-width: 592px;
}
.banner-panel[data-v-c68d4590] {
  border-radius: 4px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
  min-width: 300px;
  max-width: 350px;
}
.enrolled-banner-container[data-v-c68d4590] {
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
}
.header-container[data-v-c68d4590] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-md);
  gap: 40px; /* Minimum gap between items */
  flex-wrap: wrap;
  border-bottom: 1px solid var(--border-separator);
}
.enrolled-card-actions[data-v-c68d4590] {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
.modules-container[data-v-c68d4590] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
}


.requirement-list[data-v-55d5a9c6] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}


.requirements-text[data-v-e2ea5100] {
  max-width: 592px;
}


.modules-container[data-v-7c0e8cae] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
}
.modules-info-container[data-v-7c0e8cae] {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-md);
  flex-wrap: wrap;
}
.progress-container[data-v-7c0e8cae] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
  flex-grow: 1; 
  flex-shrink: 1;
}
.progress-bar[data-v-7c0e8cae] {
  flex-grow: 1; 
  flex-shrink: 1; 
  /* flex-basis: 200px; 
  min-width: 150px; */
  max-width: 350px;
}
.progress-text[data-v-7c0e8cae] {
  min-width: 200px;
}
.properties-list[data-v-7c0e8cae] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}


.requirements-text[data-v-631c8f9c] {
  max-width: 592px;
}


.instructor-card-text[data-v-8ed225d0] {
  display: flex;
  align-items: center;
  gap: var(--spacing-md, 32px);
  flex-wrap: wrap;
}
.author-header[data-v-8ed225d0] {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  /* max-width: 592px; */

  flex-grow: 1; 
  flex-shrink: 1; 
  flex-basis: 400px; 
  min-width: 300px;
  max-width: 592px;
}
.author-title[data-v-8ed225d0] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.author-subheader[data-v-8ed225d0] {
  max-width: 592px;
}


.review-box-container[data-v-63c5f2ee] {
  display: flex;
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md) var(--spacing-xs) var(--spacing-md);
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  background-color: var(--background-invert);
  border-bottom: 1px solid var(--background-tag);
}
.review-header[data-v-63c5f2ee] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.rating-box[data-v-63c5f2ee] {
  display: flex;
  width: 100%;
  flex-direction: row;
  padding-right: var(--spacing-md);
  align-items: center;
  gap: var(--spacing-md);
}
.rating[data-v-63c5f2ee] {
  display: flex;
  width: 144px;
  height: 196px;
  padding: var(--spacing-sm) 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm);
  flex-shrink: 0;
}
.review-bars[data-v-63c5f2ee] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  flex: 1 0 0;
}
.review-bar[data-v-63c5f2ee] {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  align-self: stretch;
}
.review-box-footer[data-v-63c5f2ee] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}
.reviews-container[data-v-63c5f2ee] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--background-invert);
}
.review-name-box[data-v-63c5f2ee] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--spacing-md);
}
.avatar-name[data-v-63c5f2ee] {
  min-width: 80px;
  max-width: 8%;
  width: auto;
  justify-content: flex-start;
}
.reviewer-name[data-v-63c5f2ee] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 120px;
  justify-content: flex-start;
}
.commentator-name[data-v-63c5f2ee] {
  min-width: 60%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-md);
}
.date-name[data-v-63c5f2ee] {
  width: 20%;
  text-align: right;
}
.loading[data-v-63c5f2ee] {
  text-align: center;
  padding: 20px;
  /* background-color: #FFF; */
  margin: var(--spacing-md) 0;
}
.reviews-box[data-v-63c5f2ee] {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-sm) 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  flex: 1 0 0;
}
.review-box-header[data-v-63c5f2ee] {
  display: flex;
  padding: var(--spacing-sm) 0px;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.review-sort-show[data-v-63c5f2ee] {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.review-sort-show-text[data-v-63c5f2ee] {
  text-align: right;
}
.skeleton-loader-container[data-v-63c5f2ee] {
  display: flex;
  gap: var(--spacing-md);
}
.star-rating[data-v-63c5f2ee] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 16px;
}
.progress-bar[data-v-63c5f2ee] {
  background-color: #e0e0e0;
  margin-top: 10px;
  margin-left: 20px;
}
.reviews-box[data-v-63c5f2ee] {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-sm) 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  flex: 1 0 0;
}
.divider-cls[data-v-63c5f2ee] {
  background-color: var(--background-tag);
}
.scroll-cls[data-v-63c5f2ee] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-md);
  background-color:var(--background-invert);
  padding: 0px var(--spacing-sm) var(--spacing-sm) 0px;
  border-top: 1px solid var(--background-tag);
}
.review[data-v-63c5f2ee] {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
}
.spacing-set[data-v-63c5f2ee] {
  margin-left: 25px;
}
.review p[data-v-63c5f2ee] {
  margin: 0;
}
.rating-count[data-v-63c5f2ee] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.commentator-text[data-v-63c5f2ee] {
  margin-left: -10px;
  height: 100%;
}
.backing[data-v-63c5f2ee] {
  background-color: #b598f6;
}
.rate-course[data-v-63c5f2ee] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.infinite-scroll[data-v-63c5f2ee] {
  max-height: 500px;
  overflow-y: auto;
  max-width: 100%;
  margin: auto;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Responsive adjustments */
@media (max-width: 600px) {
.rating h1[data-v-63c5f2ee] {
    font-size: 2.5rem;
}
.progress-bar[data-v-63c5f2ee] {
    height: 8px;
}
.reviews-box[data-v-63c5f2ee] {
    margin-top: 8px;
}
.review[data-v-63c5f2ee] {
    margin-bottom: 8px;
}
}


.review-container[data-v-75431198] {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: var(--spacing-md);
  align-items: flex-start;
  border-radius: 4px;
  background: var(--background-background-invert, #FFF);
  flex-wrap:wrap;
}
.review-header[data-v-75431198] {
  width: 100%;
  height: 10%;
  justify-content: space-between !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.review-body[data-v-75431198] {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: flex-start;
  gap:var(--spacing-sm);
  flex-wrap: wrap;
}
.review-view-rating[data-v-75431198] {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: auto;
  min-width: 600px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.rating[data-v-75431198] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  text-align: center;
  padding: var(--spacing-sm);
}
.rating h1[data-v-75431198] {
  font-size: 48px;
  margin: 0;
}
.rating p[data-v-75431198] {
  margin: 0;
  color: var(--text-secondary);
}
.review-bars[data-v-75431198] {
  display: flex;
  padding: var(--spacing-sm) 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: flex-end;
  gap: var(--spacing-sm);
  background: var(--background-invert);
  min-width: 300px;
}
.review-bar[data-v-75431198] {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
.review-box-header[data-v-75431198] {
  display: flex;
  padding: var(--spacing-sm) 0px;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.review-sort-show[data-v-75431198] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.review-sort-show-text[data-v-75431198] {
  text-align: right;
}
.reviewer-name[data-v-75431198] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 21%;
  justify-content: flex-start;
}
.skeleton-loader-container[data-v-75431198] {
  display: flex;
  gap: var(--spacing-md);
}
.progress-bar[data-v-75431198] {
  background-color: #e0e0e0;
  width: 160px;
}
.reviews-box[data-v-75431198] {
  display: flex;
  flex-direction: column !important;
  padding: var(--spacing-sm) 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  flex: 1 0 0;
  min-width: 500px;
}
.review[data-v-75431198] {
  display: flex;
  align-items: center;
  width: 100%;
}
.avatar-name[data-v-75431198] {
  width: 8%;
  justify-content: flex-start;
}
.review p[data-v-75431198] {
  margin: 0;
}
.commentator-name[data-v-75431198] {
  width: 50%;
  align-items: center !important;
}
.commentator-text[data-v-75431198] {
  text-transform: capitalize;
  align-items: center;
  display: flex;
  height: 100%;
}
.date-name[data-v-75431198] {
  width: 20%;
  text-align: right;
}
.backing[data-v-75431198] {
  background-color: var(--background-button-disabled);
}
.rate-course[data-v-75431198] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) 0px;
  gap: var(--spacing-sm);
  height: 100%;
  text-align: center;
  align-self: center;
}
@media (max-width: 1250px) {
.divider-cls[data-v-75431198] {
      display: none;
}
.review-view-rating[data-v-75431198] {
      justify-content: center;
      align-self: center;
      align-items: center;
}
}
/* Responsive adjustments */
@media (max-width: 600px) {
.rating h1[data-v-75431198] {
    font-size: 2.5rem;
}
.review-bars[data-v-75431198] {
    flex-grow: 1;
    margin-left: 0px;
    margin-right: 25px;
}
.progress-bar[data-v-75431198] {
    height: 8px;
}
.reviews-box[data-v-75431198] {
    margin-top: 8px;
}
.review[data-v-75431198] {
    margin-bottom: 8px;
}
}




.link[data-v-75dabf5a]{
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.link:hover .v2-link-text[data-v-75dabf5a] {
  color: var(--text-link-hover); /* Replace with the color you want for the text on hover */
}


.content-label-actions[data-v-023659ea] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.related-content-card[data-v-023659ea] {
  display: flex;
  width: 280px;
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid var(--border-separator, #D7D7D7);
  background: var(--background-invert, #FFF);
  box-shadow: 0px 1px 1px 0px rgba(19, 19, 19, 0.02), 0px 5px 5px 0px rgba(19, 19, 19, 0.02), 0px 9px 9px 0px rgba(19, 19, 19, 0.02);
}
.card-image[data-v-023659ea] {
  align-self: stretch;
}
.card-text[data-v-023659ea] {
  display: flex;
  /* padding: var(--spacing-md, 32px); */
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  justify-content: space-between;
  height: 342px;
  /* gap: var(--spacing-sm, 16px); */
}
.info-container[data-v-023659ea] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm, 16px);
  align-self: stretch;
}


/* Explore browser support for line clamp */
/* .multiline-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
} */


.pagination-button-group[data-v-0546bc12] {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-xs);
}
.skeleton-loader-container[data-v-0546bc12] {
  display: flex;
  gap: var(--spacing-md);
}
[data-v-0546bc12] .v-slide-group__prev {
  display: none;
}
[data-v-0546bc12] .v-slide-group__next{
  display: none;
}
[data-v-0546bc12] .v-slide-group__content {
  gap: var(--spacing-md);
}


.content-label-actions[data-v-80267752] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.prerequisite-content-card[data-v-80267752] {
  display: flex;
  width: 280px;
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid var(--border-separator, #D7D7D7);
  background: var(--background-invert, #FFF);
  box-shadow: 0px 1px 1px 0px rgba(19, 19, 19, 0.02), 0px 5px 5px 0px rgba(19, 19, 19, 0.02), 0px 9px 9px 0px rgba(19, 19, 19, 0.02);
}
.card-image[data-v-80267752] {
  align-self: stretch;
}
.card-text[data-v-80267752] {
  display: flex;
  /* padding: var(--spacing-md, 32px); */
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  justify-content: space-between;
  height: 342px;
  /* gap: var(--spacing-sm, 16px); */
}
.info-container[data-v-80267752] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm, 16px);
  align-self: stretch;
}


/* Explore browser support for line clamp */
/* .multiline-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
} */


.pagination-button-group[data-v-036743a1] {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-xs);
}
.skeleton-loader-container[data-v-036743a1] {
  display: flex;
  gap: var(--spacing-md);
}
[data-v-036743a1] .v-slide-group__prev {
  display: none;
}
[data-v-036743a1] .v-slide-group__next{
  display: none;
}
[data-v-036743a1] .v-slide-group__content {
  gap: var(--spacing-md);
}


.desktop-background_color[data-v-8a5a9b96] {
  background: white !important;
}
html[data-v-8a5a9b96] {
  scroll-behavior: smooth;
}
.infoCard[data-v-8a5a9b96] {
  flex-shrink: 0;
  background-color: #f4f4f4;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 2;
  margin-left: -13px;
}
.infoCard[data-v-8a5a9b96]::after {
  background: #f4f4f4;
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100.5%;
  top: 0;
  left: 0;
  z-index: -2;
  transform-origin: bottom left;
  transform: skew(-10deg, 0deg);
}
.infoCardSmall[data-v-8a5a9b96] {
  flex-shrink: 0;
  background-color: #f4f4f4;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 2;
}
.catalog-card[data-v-8a5a9b96] {
  height: 270px;
  width: 250px;
}
.card-image[data-v-8a5a9b96] {
  width: 100%;
  height: 40%;
}
.imageCard[data-v-8a5a9b96] {
  background-color: white;
  color: white;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 0;
}
.imageCard[data-v-8a5a9b96]::after {
  background: white;
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: top left;
  transform: skew(-10deg, 0deg);
}
.slantContainer[data-v-8a5a9b96] {
  display: flex;
  flex-flow: row;
}
.titleCard[data-v-8a5a9b96] {
  background-color: #546e7a;
  color: white;
}
.buttonCard[data-v-8a5a9b96] {
  background-color: #f4f4f4;
}
.scrolledOut[data-v-8a5a9b96] {
  display: none;
  position: sticky;
  top: 0;
  z-index: 1;
}
.start-button[data-v-8a5a9b96]:disabled {
  background-color: #E9F6FE;
}
.banner[data-v-8a5a9b96] {
  background-color: #546e7a;
  color: white;
  width: 105%;
  padding: 70px 30px 10px 10px;
  margin-left: -25px;
}
.enrolledBanner[data-v-8a5a9b96] {
  background-color: #f4f4f4;
  padding: 10px 30px 10px 10px;
  margin-bottom: 1%;
}
.navTab[data-v-8a5a9b96] {
  background-color: white;
  width: 101%;
}
.scrollable[data-v-8a5a9b96] {
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollableOverflow[data-v-8a5a9b96] {
  height: 335;
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollCard[data-v-8a5a9b96] {
  height: 600;
  overflow-y: auto;
  overflow-x: hidden;
}
.highlight[data-v-8a5a9b96] {
  background-color: #E0E1FF;
}
.thumbImage[data-v-8a5a9b96] {
  background-color: white;
  color: white;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  margin-top: 1%;
  z-index: 0;
}
.relatedImage[data-v-8a5a9b96] {
  flex-shrink: 0;
  min-width: 100%;
  max-width: 100%;
}
.card[data-v-8a5a9b96] {
  background-color: white;
}
.title[data-v-8a5a9b96] {
  background-color: #546e7a;
  color: white;
}
.modules[data-v-8a5a9b96] {
  position: absolute;
  right: 0;
}
.closeScorm[data-v-8a5a9b96] {
  position: absolute;
  top: 0;
  left: 20;
}
.fullscreen[data-v-8a5a9b96] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.tags[data-v-8a5a9b96] {
  position: relative;
  bottom: 110%;
  left: 88%;
}
.play[data-v-8a5a9b96] {
  position: relative;
  bottom: 70%;
  left: 4%;
  height: 100px;
}
.learnTitle[data-v-8a5a9b96] {
  width: 105%;
  margin-left: -1%;
  margin-bottom: -20px;
  background-color: #f4f4f4;
}
.relatedTitle[data-v-8a5a9b96] {
  padding-top: 20px;
  padding-left: 10px;
  background-color: #f4f4f4;
}
.moduleCard[data-v-8a5a9b96] {
  background-color: #f4f4f4;
  margin-top: 20px;
  padding-left: 40px;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 40px;
}
.button-row[data-v-8a5a9b96] {
  position: relative;
  top: -5%;
  left: 6%;
}
.button-row-shrink[data-v-8a5a9b96] {
  padding-left: 120px;
  padding-top: 12px;
}
.button-row-shrink-enrolled[data-v-8a5a9b96] {
  padding-left: 120px;
  padding-top: 5%;
}
.bookmarkButton[data-v-8a5a9b96] {
  position: relative;
  top: 0%;
  margin-right: 5%;
}
.bookmarkedButton[data-v-8a5a9b96] {
  position: relative;
  top: 0%;
  margin-right: 7%;
}
.shareButton[data-v-8a5a9b96] {
  position: relative;
  top: 0%;
  margin-right: 5%;
}
.enrollButton[data-v-8a5a9b96] {
  position: relative;
  top: 0%;
  left: -5%;
}
.bookmarkDropButton[data-v-8a5a9b96] {
  margin-right: 0%;
}
.bookmarkedDropButton[data-v-8a5a9b96] {
  margin-right: 30%;
}
.shareDropButton[data-v-8a5a9b96] {
  margin-left: 16%;
}
.enrollOtherButton[data-v-8a5a9b96] {
  margin-left: 18%;
}
.shareOtherButton[data-v-8a5a9b96] {
  margin-left: 66%;
}
.enrollDropButton[data-v-8a5a9b96] {
  margin-left: -3%;
}
.backButton[data-v-8a5a9b96] {
  position: relative;
  top: 2%;
  left: 3%;
}
.backButtonEnrolled[data-v-8a5a9b96] {
  position: relative;
}
.assignedCourse[data-v-8a5a9b96]:hover {
  cursor: not-allowed;
}
.clickable[data-v-8a5a9b96]:hover {
  cursor: pointer;
}
.videoBackground[data-v-8a5a9b96] {
  background: url(/img/VideoBackground.9f472abd.png);
  background-size: cover;
  height: 600;
}
.image[data-v-8a5a9b96] {
  min-width: 150%;
  min-height: 120%;
  margin-top: -10px;
  margin-left: -120px;
  z-index: 0;
}
#container-no-preview[data-v-8a5a9b96] {
  max-height: 600px;
  min-height: 600px;
  background-color: #f4f4f4;
}
.preview-resize[data-v-8a5a9b96] {
  overflow: auto;
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 13px;
  background-color: #f2f4f6;
}
#preview-adjust[data-v-8a5a9b96] {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
  overflow: scroll;
}
.tools-hover[data-v-8a5a9b96] {
  position: relative;
  overflow: scroll;
}
.img__div_layer[data-v-8a5a9b96] {
  width: 200px;
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  height: 7%;
  transition: 0.5s ease;
  opacity: 0;
  color: white;
  margin-left: 550px;
  top: 50px;
  padding: 2px;
  text-align: center;
  border-radius: 25px;
  z-index: 10000
}
#preview-pagination[data-v-8a5a9b96] {
  margin-top: 425px;
  margin-left: 575px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  font-size: 0.8rem;
}
.col-space[data-v-8a5a9b96] {
  padding-left: 10px;
  padding-right: 10px;
}
.setMiddleScorm[data-v-8a5a9b96] {
  margin-top: 7.5%;
  margin-left: 3%;
  padding: 5% 5%;
}
.tools-hover:hover .img__div_layer[data-v-8a5a9b96] {
  opacity: 1;
  display: block;
}
.tools-hover[data-v-8a5a9b96]:fullscreen {
  overflow: auto !important;
}
.tools-hover[data-v-8a5a9b96]:-ms-fullscreen {
  overflow: auto !important;
}
.tools-hover[data-v-8a5a9b96]:-webkit-full-screen {
  overflow: auto !important;
}
.tools-hover[data-v-8a5a9b96]:-moz-full-screen {
  overflow: auto !important;
}
.no-preview-button-color[data-v-8a5a9b96] {
  background-color: #f4f4f4;
}
.course-catalog[data-v-8a5a9b96] {
  width: 100%;
}
.headerClass[data-v-8a5a9b96] {
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Video Loading Container Styles */
.video-loading-container[data-v-8a5a9b96] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 12px;
  border: 1px solid #dee2e6;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.video-loading-container[data-v-8a5a9b96]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: shimmer-8a5a9b96 2s infinite;
}
.video-loading-container .v2-h5-text[data-v-8a5a9b96] {
  color: #495057;
  font-weight: 600;
  margin-bottom: 12px;
  font-size: 1.25rem;
  text-align: center;
}
.video-loading-container .v2-body-text[data-v-8a5a9b96] {
  color: #6c757d;
  font-size: 0.95rem;
  text-align: center;
  margin-top: 8px;
  opacity: 0.8;
}
.video-loading-container .v-progress-circular[data-v-8a5a9b96] {
  margin-bottom: 16px;
}

/* Shimmer animation for loading effect */
@keyframes shimmer-8a5a9b96 {
0% {
    left: -100%;
}
100% {
    left: 100%;
}
}


.desktop-background_color[data-v-8a578ed6] {
  background: white !important;
}
html[data-v-8a578ed6] {
  scroll-behavior: smooth;
}
.infoCard[data-v-8a578ed6] {
  flex-shrink: 0;
  background-color: #f4f4f4;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 2;
  margin-left: -13px;
}
.infoCard[data-v-8a578ed6]::after {
  background: #f4f4f4;
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100.5%;
  top: 0;
  left: 0;
  z-index: -2;
  transform-origin: bottom left;
  transform: skew(-10deg, 0deg);
}
.infoCardSmall[data-v-8a578ed6] {
  flex-shrink: 0;
  background-color: #f4f4f4;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 2;
}
.catalog-card[data-v-8a578ed6] {
  height: 270px;
  width: 250px;
}
.card-image[data-v-8a578ed6] {
  width: 100%;
  height: 40%;
}
.imageCard[data-v-8a578ed6] {
  background-color: white;
  color: white;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 0;
}
.imageCard[data-v-8a578ed6]::after {
  background: white;
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: top left;
  transform: skew(-10deg, 0deg);
}
.slantContainer[data-v-8a578ed6] {
  display: flex;
  flex-flow: row;
}
.titleCard[data-v-8a578ed6] {
  background-color: #546e7a;
  color: white;
}
.buttonCard[data-v-8a578ed6] {
  background-color: #f4f4f4;
}
.scrolledOut[data-v-8a578ed6] {
  display: none;
  position: sticky;
  top: 0;
  z-index: 1;
}
.start-button[data-v-8a578ed6]:disabled {
  background-color: #E9F6FE;
}
.banner[data-v-8a578ed6] {
  background-color: #546e7a;
  color: white;
  width: 105%;
  padding: 70px 30px 10px 10px;
  margin-left: -25px;
}
.enrolledBanner[data-v-8a578ed6] {
  background-color: #f4f4f4;
  padding: 10px 30px 10px 10px;
  margin-bottom: 1%;
}
.navTab[data-v-8a578ed6] {
  background-color: white;
  width: 101%;
}
.scrollable[data-v-8a578ed6] {
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollableOverflow[data-v-8a578ed6] {
  height: 335;
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollCard[data-v-8a578ed6] {
  height: 600;
  overflow-y: auto;
  overflow-x: hidden;
}
.highlight[data-v-8a578ed6] {
  background-color: #E0E1FF;
}
.thumbImage[data-v-8a578ed6] {
  background-color: white;
  color: white;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  margin-top: 1%;
  z-index: 0;
}
.relatedImage[data-v-8a578ed6] {
  flex-shrink: 0;
  min-width: 100%;
  max-width: 100%;
}
.card[data-v-8a578ed6] {
  background-color: white;
}
.title[data-v-8a578ed6] {
  background-color: #546e7a;
  color: white;
}
.modules[data-v-8a578ed6] {
  position: absolute;
  right: 0;
}
.closeScorm[data-v-8a578ed6] {
  position: absolute;
  top: 0;
  left: 20;
}
.fullscreen[data-v-8a578ed6] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.tags[data-v-8a578ed6] {
  position: relative;
  bottom: 110%;
  left: 88%;
}
.play[data-v-8a578ed6] {
  position: relative;
  bottom: 70%;
  left: 4%;
  height: 100px;
}
.learnTitle[data-v-8a578ed6] {
  width: 105%;
  margin-left: -1%;
  margin-bottom: -20px;
  background-color: #f4f4f4;
}
.relatedTitle[data-v-8a578ed6] {
  padding-top: 20px;
  padding-left: 10px;
  background-color: #f4f4f4;
}
.moduleCard[data-v-8a578ed6] {
  background-color: #f4f4f4;
  margin-top: 20px;
  padding-left: 40px;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 40px;
}
.button-row[data-v-8a578ed6] {
  position: relative;
  top: -5%;
  left: 6%;
}
.button-row-shrink[data-v-8a578ed6] {
  padding-left: 120px;
  padding-top: 12px;
}
.button-row-shrink-enrolled[data-v-8a578ed6] {
  padding-left: 120px;
  padding-top: 5%;
}
.bookmarkButton[data-v-8a578ed6] {
  position: relative;
  top: 0%;
  margin-right: 5%;
}
.bookmarkedButton[data-v-8a578ed6] {
  position: relative;
  top: 0%;
  margin-right: 7%;
}
.shareButton[data-v-8a578ed6] {
  position: relative;
  top: 0%;
  margin-right: 5%;
}
.enrollButton[data-v-8a578ed6] {
  position: relative;
  top: 0%;
  left: -5%;
}
.bookmarkDropButton[data-v-8a578ed6] {
  margin-right: 0%;
}
.bookmarkedDropButton[data-v-8a578ed6] {
  margin-right: 30%;
}
.shareDropButton[data-v-8a578ed6] {
  margin-left: 16%;
}
.enrollOtherButton[data-v-8a578ed6] {
  margin-left: 18%;
}
.shareOtherButton[data-v-8a578ed6] {
  margin-left: 66%;
}
.enrollDropButton[data-v-8a578ed6] {
  margin-left: -3%;
}
.backButton[data-v-8a578ed6] {
  position: relative;
  top: 2%;
  left: 3%;
}
.backButtonEnrolled[data-v-8a578ed6] {
  position: relative;
}
.assignedCourse[data-v-8a578ed6]:hover {
  cursor: not-allowed;
}
.clickable[data-v-8a578ed6]:hover {
  cursor: pointer;
}
.image[data-v-8a578ed6] {
  min-width: 150%;
  min-height: 120%;
  margin-top: -10px;
  margin-left: -120px;
  z-index: 0;
}
#container-no-preview[data-v-8a578ed6] {
  max-height: 600px;
  min-height: 600px;
  background-color: #f4f4f4;
}
#preview-adjust[data-v-8a578ed6] {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
  overflow: scroll;
}
.tools-hover[data-v-8a578ed6] {
  position: relative;
  overflow: scroll;
}
.img__div_layer[data-v-8a578ed6] {
  width: 200px;
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  height: 7%;
  transition: 0.5s ease;
  opacity: 0;
  color: white;
  margin-left: 550px;
  top: 50px;
  padding: 2px;
  text-align: center;
  border-radius: 25px;
  z-index: 10000
}
#preview-pagination[data-v-8a578ed6] {
  margin-top: 425px;
  margin-left: 575px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  font-size: 0.8rem;
}
.col-space[data-v-8a578ed6] {
  padding-left: 10px;
  padding-right: 10px;
}
.setMiddleScorm[data-v-8a578ed6] {
  margin-top: 7.5%;
  margin-left: 3%;
  padding: 5% 5%;
}
.tools-hover:hover .img__div_layer[data-v-8a578ed6] {
  opacity: 1;
  display: block;
}
.tools-hover[data-v-8a578ed6]:fullscreen {
  overflow: auto !important;
}
.tools-hover[data-v-8a578ed6]:-ms-fullscreen {
  overflow: auto !important;
}
.tools-hover[data-v-8a578ed6]:-webkit-full-screen {
  overflow: auto !important;
}
.tools-hover[data-v-8a578ed6]:-moz-full-screen {
  overflow: auto !important;
}
.no-preview-button-color[data-v-8a578ed6] {
  background-color: #f4f4f4;
}
.course-catalog[data-v-8a578ed6] {
  width: 100%;
}
.headerClass[data-v-8a578ed6] {
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.module-name-skeleton[data-v-8a578ed6] {
  border-radius: 4px;
}
.module-name-skeleton .v-skeleton-loader__text[data-v-8a578ed6] {
  height: 36px !important;
  border-radius: 6px;
  margin: 4px 0;
}
.v-skeleton-loader__heading[data-v-8a578ed6] {
  border-radius: 12px;
  height: 32px;
  width: 75%;
}


.parent-container[data-v-1eaece84] {
  background: #FFFFFF;
  max-width: 1920px; /* Adjust as needed */
  margin-left: auto;
  margin-right: auto;
}
.tab-container[data-v-1eaece84] {
  display: flex;
  padding: var(--spacing-md) var(--spacing-md) 0;
  /* align-items: flex-start; */
  gap: var(--spacing-sm);
}
.v-tab[data-v-1eaece84]:not(:last-child) {
  margin-right: 32px;
}
.tab-item-container[data-v-1eaece84] {
  background: #F0F0F0 !important;
  display: flex;
  padding: var(--spacing-md);
  flex-direction: column;
  /* align-items: flex-start; */
  gap: var(--spacing-sm);
}
[data-v-1eaece84] .v-slide-group__next,[data-v-1eaece84] .v-slide-group__prev {
  flex-basis: 30px;
  min-width: 30px;
}


.desktop-background_color[data-v-2ee6dc12] {
  background: white !important;
}
html[data-v-2ee6dc12] {
  scroll-behavior: smooth;
}
.infoCard[data-v-2ee6dc12] {
  flex-shrink: 0;
  background-color: #f4f4f4;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 2;
  margin-left: -13px;
}
.infoCard[data-v-2ee6dc12]::after {
  background: #f4f4f4;
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100.5%;
  top: 0;
  left: 0;
  z-index: -2;
  transform-origin: bottom left;
  transform: skew(-10deg, 0deg);
}
.infoCardSmall[data-v-2ee6dc12] {
  flex-shrink: 0;
  background-color: #f4f4f4;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 2;
}
.catalog-card[data-v-2ee6dc12] {
  height: 270px;
  width: 250px;
}
.card-image[data-v-2ee6dc12] {
  width: 100%;
  height: 40%;
}
.disable-events[data-v-2ee6dc12] {
  pointer-events: none
}
.imageCard[data-v-2ee6dc12] {
  background-color: white;
  color: white;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 0;
}
.imageCard[data-v-2ee6dc12]::after {
  background: white;
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: top left;
  transform: skew(-10deg, 0deg);
}
.slantContainer[data-v-2ee6dc12] {
  display: flex;
  flex-flow: row;
}
.titleCard[data-v-2ee6dc12] {
  background-color: #546e7a;
  color: white;
}
.buttonCard[data-v-2ee6dc12] {
  background-color: #f4f4f4;
}
.scrolledOut[data-v-2ee6dc12] {
  display: none;
  position: sticky;
  top: 0;
  z-index: 1;
}
.start-button[data-v-2ee6dc12]:disabled {
  background-color: #E9F6FE;
}
.banner[data-v-2ee6dc12] {
  background-color: #546e7a;
  color: white;
  width: 105%;
  padding: 70px 30px 10px 10px;
  margin-left: -25px;
}
.enrolledBanner[data-v-2ee6dc12] {
  background-color: #f4f4f4;
  padding: 10px 30px 10px 10px;
  margin-bottom: 1%;
}
.navTab[data-v-2ee6dc12] {
  background-color: white;
  width: 101%;
}
.scrollable[data-v-2ee6dc12] {
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollableOverflow[data-v-2ee6dc12] {
  height: 335;
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollCard[data-v-2ee6dc12] {
  height: 600;
  overflow-y: auto;
  overflow-x: hidden;
}
.highlight[data-v-2ee6dc12] {
  background-color: #E9F6FE;
}
.thumbImage[data-v-2ee6dc12] {
  background-color: white;
  color: white;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  margin-top: 1%;
  z-index: 0;
}

/* .relatedImage {
  flex-shrink: 0;
  min-width: 100%;
  max-width: 100%;
} */
.relatedImage[data-v-2ee6dc12] {
  min-width: 100%;
  max-width: 100%;
  max-height: 100;
}
.card[data-v-2ee6dc12] {
  background-color: white;
}
.title[data-v-2ee6dc12] {
  background-color: #546e7a;
  color: white;
}
.modules[data-v-2ee6dc12] {
  position: absolute;
  right: 0;
}
.bookmark[data-v-2ee6dc12] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.closeScorm[data-v-2ee6dc12] {
  position: absolute;
  top: 0;
  right: 0;
}
.fullscreen[data-v-2ee6dc12] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.tags[data-v-2ee6dc12] {
  position: relative;
  bottom: 110%;
  left: 88%;
}
.play[data-v-2ee6dc12] {
  position: relative;
  bottom: 70%;
  left: 4%;
  height: 100px;
}
.learnTitle[data-v-2ee6dc12] {
  width: 105%;
  margin-left: -1%;
  margin-bottom: -20px;
  background-color: #f4f4f4;
}
.relatedTitle[data-v-2ee6dc12] {
  padding-top: 20px;
  padding-left: 10px;
  background-color: #f4f4f4;
}
.moduleCard[data-v-2ee6dc12] {
  background-color: #f4f4f4;
  margin-top: 20px;
  padding-left: 40px;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 40px;
}
.button-row[data-v-2ee6dc12] {
  position: relative;
  top: -5%;
  left: 27%;
}
.button-row-shrink[data-v-2ee6dc12] {
  padding-left: 120px;
  padding-top: 12px;
}
.button-row-shrink-enrolled[data-v-2ee6dc12] {
  padding-left: 120px;
  padding-top: 5%;
}
.bookmarkButton[data-v-2ee6dc12] {
  position: relative;
  top: 0%;
  margin-right: 5%;
}
.bookmarkedButton[data-v-2ee6dc12] {
  position: relative;
  top: 0%;
  margin-right: 7%;
}
.shareButton[data-v-2ee6dc12] {
  position: relative;
  top: 0%;
  margin-right: 5%;
}
.enrollButton[data-v-2ee6dc12] {
  position: relative;
  top: 0%;
  left: -5%;
}
.bookmarkDropButton[data-v-2ee6dc12] {
  margin-right: 0%;
}
.bookmarkedDropButton[data-v-2ee6dc12] {
  margin-right: 30%;
}
.shareDropButton[data-v-2ee6dc12] {
  margin-left: 16%;
}
.enrollOtherButton[data-v-2ee6dc12] {
  margin-left: 18%;
}
.shareOtherButton[data-v-2ee6dc12] {
  margin-left: 66%;
}
.enrollDropButton[data-v-2ee6dc12] {
  margin-left: -3%;
}
.backButton[data-v-2ee6dc12] {
  position: relative;
  top: 2%;
  left: 3%;
}
.backButtonEnrolled[data-v-2ee6dc12] {
  position: relative;
}
.assignedCourse[data-v-2ee6dc12]:hover {
  cursor: not-allowed;
}
.clickable[data-v-2ee6dc12]:hover {
  cursor: pointer;
}
.videoBackground[data-v-2ee6dc12] {
  background: url(/img/VideoBackground.9f472abd.png);
  background-size: cover;
  height: 600;
}
.image[data-v-2ee6dc12] {
  min-width: 150%;
  min-height: 118%;
  margin-top: -10px;
  margin-left: -120px;
  z-index: 0;
}
#container-no-preview[data-v-2ee6dc12] {
  max-height: 600px;
  min-height: 600px;
  background-color: #757575;
  opacity: 0.65;
}
.preview-resize[data-v-2ee6dc12] {
  overflow: auto;
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 13px;
  background-color: #f2f4f6;
}
#preview-adjust[data-v-2ee6dc12] {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
  overflow: scroll;
}
.tools-hover[data-v-2ee6dc12] {
  position: relative;
  overflow: scroll;
}
.img__div_layer[data-v-2ee6dc12] {
  width: 200px;
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  height: 7%;
  transition: 0.5s ease;
  opacity: 0;
  color: white;
  margin-left: 550px;
  top: 50px;
  padding: 2px;
  text-align: center;
  border-radius: 25px;
  z-index: 10000
}
#preview-pagination[data-v-2ee6dc12] {
  margin-top: 425px;
  margin-left: 575px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
}
.col-space[data-v-2ee6dc12] {
  padding-left: 10px;
  padding-right: 10px;
}
.setMiddleScorm[data-v-2ee6dc12] {
  margin-top: 7.5%;
  margin-left: 3%;
  padding: 5% 5%;
}
.tools-hover:hover .img__div_layer[data-v-2ee6dc12] {
  opacity: 1;
  display: block;
}
.tools-hover[data-v-2ee6dc12]:fullscreen {
  overflow: auto !important;
}
.tools-hover[data-v-2ee6dc12]:-ms-fullscreen {
  overflow: auto !important;
}
.tools-hover[data-v-2ee6dc12]:-webkit-full-screen {
  overflow: auto !important;
}
.tools-hover[data-v-2ee6dc12]:-moz-full-screen {
  overflow: auto !important;
}
.no-preview-button-color[data-v-2ee6dc12] {
  border-radius: 20px;
  margin-top: 135px;
  background-color: #757575;
}
.course-catalog[data-v-2ee6dc12] {
  width: 100%;
}
.headerClass[data-v-2ee6dc12] {
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}


.image[data-v-401c50ad] {
  border-radius: 4px;
  flex-grow: 1; 
  flex-shrink: 1; 
  flex-basis: 500px; 
  min-width: 300px;
  max-width: 592px;
}


.banner-container[data-v-6b1b176e] {
  background: #FFFFFF;
  display: flex;
  padding: var(--spacing-md, 32px);
  justify-content: space-between;
  align-items: center;
  gap: 40px; /* Minimum gap between items */
  flex-wrap: wrap-reverse;
}
.card-actions[data-v-6b1b176e] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.properties-list[data-v-6b1b176e] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}
.metadata-container[data-v-6b1b176e] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.actions-container[data-v-6b1b176e] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-md);
  flex-grow: 1; 
  flex-shrink: 1; 
  flex-basis: 500px; 
  min-width: 300px;
  max-width: 592px;
}
/* .image-container {
  flex-grow: 1; 
  flex-shrink: 1; 
  flex-basis: 500px; 
  min-width: 300px;
  max-width: 592px; 
} */


.requirements-text[data-v-84f0f028] {
  max-width: 592px;
}


.content-list[data-v-1e43ee08] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}


.list-item-image[data-v-c3a42272] {
  /* min-width: 100%;
  max-width: 100%;
  max-height: 100; */
  border-radius: 4px;
  flex-grow: 1; 
  flex-shrink: 1; 
  flex-basis: 90px; 
  /* min-width: 300px; */
  max-width: 100px;
}
.clickable[data-v-c3a42272]:hover {
  cursor: pointer;
}
.list[data-v-c3a42272] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.list-item[data-v-c3a42272] {
  display: flex;
  align-items: center;
  gap: 32px;
}
.list-item-content[data-v-c3a42272] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}


.parent-container[data-v-e998db7c] {
  background: #FFFFFF;
  max-width: 1920px; /* Adjust as needed */
  margin-left: auto;
  margin-right: auto;
}
.tab-container[data-v-e998db7c] {
  display: flex;
  padding: var(--spacing-md) var(--spacing-md) 0;
  /* align-items: flex-start; */
  gap: var(--spacing-sm);
}
.v-tab[data-v-e998db7c]:not(:last-child) {
  margin-right: 32px;
}
.tab-item-container[data-v-e998db7c] {
  background: #F0F0F0 !important;
  display: flex;
  padding: var(--spacing-md);
  flex-direction: column;
  /* align-items: flex-start; */
  gap: var(--spacing-sm);
}
[data-v-e998db7c] .v-slide-group__next,[data-v-e998db7c] .v-slide-group__prev {
  flex-basis: 30px;
  min-width: 30px;
}


.v-list-item[data-v-17b6fdc7] {
  height: 30px !important;
}
.v-list-item[data-v-17b6fdc7]:hover {
  background-color: #ECEFF1 !important;
}


.headerClass[data-v-5a2c0bf0] {
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clickable[data-v-5a2c0bf0]:hover {
  cursor: pointer;
}
.catalog-card[data-v-5a2c0bf0] {
  height: 320px;
  width: 300px;
}
.card-image[data-v-5a2c0bf0] {
  width: 100%;
  height: 40%;
}
.bookmark[data-v-5a2c0bf0] {
  position: absolute;
  top: 0;
  right: 0;
}
.assignedCourse[data-v-5a2c0bf0]:hover {
  cursor: not-allowed;
}


.scrollable-sheet[data-v-877cc838] {
  overflow-y: auto;
}
/* .filter-button {
  flex: 0 1 90px;
} */
.search-bar[data-v-877cc838] {
  display: flex;
  flex: 1 1 250px;
  max-width: 600px;
}
.sort-selector[data-v-877cc838] {
  /* display: flex;
  flex: 1 1 130px; */
  max-width: 190px;
}
.view-selector[data-v-877cc838] {
  /* display: flex;
  flex: 1 1 130px; */
  max-width: 170px;
}
.parent-container[data-v-877cc838] {
  background: #F0F0F0;
  max-width: 1920px; /* Adjust as needed */
  margin-left: auto;
  margin-right: auto;
  display: flex;
  padding: 0;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.flex-container[data-v-877cc838] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--spacing-xs);
}
.flex-item[data-v-877cc838] {
  flex: 1 1 45%;
}
.filter-panel[data-v-877cc838] {
  flex: 1 1 280px;
}
.data-panel[data-v-877cc838] {
  flex: 10 10;
}
.overflow[data-v-877cc838] {
  overflow: auto;
}


.removed-border[data-v-1c18a67e] {
  border: 0px;
}
.resize-width[data-v-1c18a67e] {
  height: 80vh;
  flex-grow: 1;
  overflow: auto;
}
.on-hover-change-color[data-v-1c18a67e]:hover {
  color: red !important;
}


.catalog-card[data-v-53d06ec8] {
  height: 280px;
  width: 250px;
}
html[data-v-53d06ec8] {
  scroll-behavior: smooth;
}
.infoCard[data-v-53d06ec8] {
  flex-shrink: 0;
  background-color: #f4f4f4;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 2;
  margin-left: -13px;
}
.infoCard[data-v-53d06ec8]::after {
  background: #f4f4f4;
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100.5%;
  top: 0;
  left: 0;
  z-index: -2;
  transform-origin: bottom left;
  transform: skew(-10deg, 0deg);
}
.imageCard[data-v-53d06ec8] {
  background-color: white;
  color: white;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 0;
}
.imageCard[data-v-53d06ec8]::after {
  background: white;
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: top left;
  transform: skew(-10deg, 0deg);
}
.slantContainer[data-v-53d06ec8] {
  display: flex;
  flex-flow: row;
}
.titleCard[data-v-53d06ec8] {
  background-color: #f4f4f4;
}
.buttonCard[data-v-53d06ec8] {
  background-color: #546e7a;
  color: white;
}
.scrolledOut[data-v-53d06ec8] {
  display: none;
  position: sticky;
  top: 0;
  z-index: 1;
}
.banner[data-v-53d06ec8] {
  background-color: #546e7a;
  color: white;
  width: 105%;
  padding: 70px 30px 10px 10px;
  margin-left: -25px;
}
.enrolledBanner[data-v-53d06ec8] {
  background-color: #f4f4f4;
  padding: 10px 30px 10px 10px;
  margin-bottom: 1%;
}
.navTab[data-v-53d06ec8] {
  background-color: white;
  width: 101%;
}
.scrollable[data-v-53d06ec8] {
  height: 210;
  overflow-y: auto;
  overflow-x: hidden;
}
.highlight[data-v-53d06ec8] {
  background-color: #E0E1FF;
}
.thumbImage[data-v-53d06ec8] {
  background-color: white;
  color: white;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  margin-top: 1%;
  z-index: 0;
}
.relatedImage[data-v-53d06ec8] {
  flex-shrink: 0;
  min-width: 100%;
  max-width: 100%;
}
.card[data-v-53d06ec8] {
  background-color: white;
}
.title[data-v-53d06ec8] {
  background-color: #546e7a;
  color: white;
}
.modules[data-v-53d06ec8] {
  position: relative;
  top: -16%;
  left: 85%;
}
.bookmark[data-v-53d06ec8] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.fullscreen[data-v-53d06ec8] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.learnTitle[data-v-53d06ec8] {
  width: 105%;
  margin-left: -1%;
  margin-bottom: -20px;
  background-color: #f4f4f4;
}
.relatedTitle[data-v-53d06ec8] {
  padding-top: 20px;
  padding-left: 10px;
  background-color: #f4f4f4;
}
.button-row[data-v-53d06ec8] {
  position: relative;
  top: -5%;
  left: 6%;
}
.button-row-shrink[data-v-53d06ec8] {
  padding-left: 120px;
  padding-top: 12px;
}
.button-row-shrink-enrolled[data-v-53d06ec8] {
  padding-left: 120px;
  padding-top: 5%;
}
.enrollButton[data-v-53d06ec8] {
  position: relative;
  top: 0%;
  left: -5%;
}
.backButton[data-v-53d06ec8] {
  position: relative;
  top: 2%;
  left: 3%;
}
.backButtonEnrolled[data-v-53d06ec8] {
  position: relative;
}
.clickable[data-v-53d06ec8]:hover {
  cursor: pointer;
}
.image[data-v-53d06ec8] {
  min-width: 150%;
  min-height: 115%;
  margin-top: -10px;
  margin-left: -120px;
  z-index: 0;
}


.page-view[data-v-2f6c15f8] {
    background: var(--background-invert);
}


.dashboard-container[data-v-5e29e974] {
  background: var(--background-invert);
  max-width: 1920px; /* Adjust as needed */
  margin-left: auto;
  margin-right: auto;
}


.desktop-background_color[data-v-7c46aaf4] {
  background: white !important;
}



.span_center[data-v-1b5539f2] {
  display: flex;
  justify-content: center;
}
.span_center_ratings[data-v-1b5539f2] {
  font-style: normal;
  font-weight: 250;
  font-size: 40px;
  line-height: 40px;
}
.span_center_review_text[data-v-1b5539f2] {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
}


.blueprintHaderCardContent__title[data-v-cf8b2be8] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}


.blueprintHaderCardContent__title[data-v-d70b907a] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}


.blueprintHaderCardContent__title[data-v-cc971bb8] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}


.blueprintHaderCardContent__title[data-v-7acc1a44] {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}


.overview_box_color[data-v-563b904a] {
    padding-top: 20px;
    padding-left: 10px;
    /* background-color: #f4f4f4; */
}
.catalog-card[data-v-563b904a] {
    height: 270px;
    width: 250px;
}
.card-image[data-v-563b904a] {
    width: 100%;
    height: 40%;
}
.relatedImage[data-v-563b904a] {
    flex-shrink: 0;
    min-width: 100%;
    max-width: 100%;
}


.overview_box_color[data-v-3f273e70] {
  padding-top: 20px;
  padding-left: 10px;
  background-color: #f4f4f4;
}
.catalog-card[data-v-3f273e70] {
  height: 270px;
  width: 250px;
}
.card-image[data-v-3f273e70] {
  width: 100%;
  height: 40%;
}
.blueprintHaderCardRight__title[data-v-3f273e70] {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}
.blueprintHaderCardRight__subtitle[data-v-3f273e70] {
  font-style: normal;
  font-weight: 250;
  font-size: 26px;
  line-height: 40px;
}
.blueprintHaderCardLeft__title[data-v-3f273e70] {
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
}

/* .blueprintHaderCardContent__title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
} */
.blueprintHaderCardLeft__subtitle[data-v-3f273e70]{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
.blueprintHaderCardContent__summary[data-v-3f273e70] {
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 22px;
}
#sticky.stick[data-v-3f273e70] {
  position: fixed;
  top: 60;
  z-index: 10000;
  border-radius: 0 0 0.5em 0.5em;
  border-top-style: solid;
  border-width: thin;
}
.blueprintHeaderTab__active[data-v-3f273e70] {
  color: #222222 !important;
  background-color: #ffff !important;
}
.relatedImage[data-v-3f273e70] {
  flex-shrink: 0;
  min-width: 100%;
  max-width: 100%;
}


.editor-content[data-v-4b33f84a] {
    min-height: 150px;
    max-height: 300px;
    padding: 12px;
    outline: none;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.6;
    font-size: 1rem;
}
.editor-placeholder[data-v-4b33f84a] {
    color: rgba(0, 0, 0, 0.38);
    pointer-events: none;
}

/* Formatting styles */
.editor-content b[data-v-4b33f84a],
.editor-content strong[data-v-4b33f84a] {
    font-weight: bold;
}
.editor-content i[data-v-4b33f84a],
.editor-content em[data-v-4b33f84a] {
    font-style: italic;
}

/* Active format button */
.v-btn-toggle--selected .v-btn[data-v-4b33f84a] {
    background-color: rgba(25, 118, 210, 0.1) !important;
}
.editable-sheet[data-v-4b33f84a]:empty:before {
    content: "Share your thoughts..";
    color: #939393;
    pointer-events: none;
    /* ensures the placeholder isn't clickable */
    display: block;
}
.format-button[data-v-4b33f84a] {
    box-shadow: none !important;
    border: none !important;
    background-color: transparent !important;
}
.format-button.v-btn--active[data-v-4b33f84a] {
    background-color: rgba(25, 118, 210, 0.1) !important;
}
.publish-button[data-v-4b33f84a] {
    color: white !important;
    background-color: black !important;
    font-weight: bold;
    text-transform: none !important;
}


@media (max-width: 768px) {
.v-btn[data-v-42bccfe5] {
        min-width: 40px !important;
        height: 40px !important;
}
}
.v-card__text[data-v-42bccfe5] {
    font-size: 0.875rem;
    line-height: 1.6;
}
.v-list-item__content[data-v-42bccfe5] {
    padding-right: 8px;
}
.v-list-item__action[data-v-42bccfe5] {
    margin: 0 !important;
}
@media (max-width: 600px) {
.v-list-item[data-v-42bccfe5] {
        padding-left: 0;
        padding-right: 0;
}
.v-list-item__avatar[data-v-42bccfe5] {
        margin-right: 8px !important;
}
}
.v-card__actions .v-btn[data-v-42bccfe5] {
    min-width: auto;
    margin: 0;
    padding: 0 4px;
}
.v-card__actions .v-icon[data-v-42bccfe5] {
    margin-right: 4px !important;
    font-size: 14px;
}
.v-card__actions .v-btn__content[data-v-42bccfe5] {
    font-size: 0.75rem;
    letter-spacing: normal;
}
.v-btn[data-v-42bccfe5] {
    text-transform: none;
}
.read-more-link[data-v-42bccfe5] {
    color: var(--v-primary-base);
    text-decoration: none;
    font-size: 0.875rem;
    margin-left: 4px;
    cursor: pointer;
}
.read-more-link[data-v-42bccfe5]:hover {
    text-decoration: underline;
}
.role-chip[data-v-42bccfe5] {
    height: 20px !important;
    padding: 0 8px !important;
}

/* Mobile responsiveness */
@media (max-width: 600px) {
.role-chip[data-v-42bccfe5] {
        height: 18px !important;
        font-size: 0.6rem !important;
}
}
.tooltip-container[data-v-42bccfe5] {
    position: relative;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
.tooltip-content[data-v-42bccfe5] {
    max-width: 100%;
    overflow: hidden; /* Prevents content from overflowing */
    text-overflow: ellipsis; /* Adds ellipsis for truncated text (if needed) */
}



@media (max-width: 768px) {
.v-btn[data-v-61814fc2] {
    min-width: 40px !important;
    height: 40px !important;
}
}
.v-card__text[data-v-61814fc2] {
  font-size: 0.875rem;
  line-height: 1.6;
}
.v-list-item__content[data-v-61814fc2] {
  padding-right: 8px;
}
.v-list-item__action[data-v-61814fc2] {
  margin: 0 !important;
}
@media (max-width: 600px) {
.v-list-item[data-v-61814fc2] {
    padding-left: 0;
    padding-right: 0;
}
.v-list-item__avatar[data-v-61814fc2] {
    margin-right: 8px !important;
}
}
.v-card__actions .v-btn[data-v-61814fc2] {
  min-width: auto;
  margin: 0;
  padding: 0 4px;
}
.v-card__actions .v-icon[data-v-61814fc2] {
  margin-right: 4px !important;
  font-size: 14px;
}
.v-card__actions .v-btn__content[data-v-61814fc2] {
  font-size: 0.75rem;
  letter-spacing: normal;
}
.v-btn[data-v-61814fc2] {
  text-transform: none;
}
.read-more-link[data-v-61814fc2] {
  color: var(--v-primary-base);
  text-decoration: none;
  font-size: 0.875rem;
  margin-left: 4px;
  cursor: pointer;
}
.read-more-link[data-v-61814fc2]:hover {
  text-decoration: underline;
}
.reply-control[data-v-61814fc2] {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: transparent !important;
  border-radius: 18px;
}
.role-chip[data-v-61814fc2] {
  height: 20px !important;
  padding: 0 8px !important;
}

/* Mobile responsiveness */
@media (max-width: 600px) {
.role-chip[data-v-61814fc2] {
    height: 18px !important;
    font-size: 0.6rem !important;
}
}


.discussion-container[data-v-6bdcef4f] {
    background: white;
    min-height: 100vh;
    max-width: 1800px;
    margin: 0 auto;
    padding-top: 32px;
    padding-bottom: 32px;
}

/* Header Styles */
.header-row[data-v-6bdcef4f] {
    margin-bottom: 32px;
    padding: 0 24px;
}
.discussion-title[data-v-6bdcef4f] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #333;
    letter-spacing: -0.5px;
}
.course-subtitle[data-v-6bdcef4f] {
    font-size: 1.125rem;
    color: #666;
    margin-top: 8px;
    font-weight: 400;
}
.title-divider[data-v-6bdcef4f] {
    margin-top: 20px;
    border-color: rgba(0, 0, 0, 0.08);
}

/* Left Filters Column */
.filters-wrapper[data-v-6bdcef4f] {
    padding-right: 16px;
    position: sticky;
    top: 32px;
}
.filter-section[data-v-6bdcef4f] {
    margin-bottom: 32px;
}
.section-title[data-v-6bdcef4f] {
    color: #555;
    letter-spacing: 0.5px;
}
.search-field[data-v-6bdcef4f] {
    margin-bottom: 32px;
}

/* Right Content Column */
.content-column[data-v-6bdcef4f] {
    padding-left: 64px;
}
.content-wrapper[data-v-6bdcef4f] {
    padding-right: 96px;
}
.post-trigger[data-v-6bdcef4f] {
    margin-bottom: 32px;
    background-color: #D7D7D7;
}
.comments-list[data-v-6bdcef4f] {
    padding-right: 64px;
}
.comment-item-wrapper[data-v-6bdcef4f] {
    margin-bottom: 24px;
}
.comment-divider[data-v-6bdcef4f] {
    margin: 24px 0;
    border-color: rgba(0, 0, 0, 0.05);
}
.no-results-alert[data-v-6bdcef4f] {
    margin-top: 32px;
}
.pagination-control[data-v-6bdcef4f] {
    margin-top: 48px;
}

/* Responsive Adjustments */
@media (max-width: 1264px) {
.discussion-container[data-v-6bdcef4f] {
        padding-left: 48px;
        padding-right: 48px;
}
.content-wrapper[data-v-6bdcef4f] {
        padding-right: 48px;
}
.comments-list[data-v-6bdcef4f] {
        padding-right: 32px;
}
}
@media (max-width: 960px) {
.discussion-container[data-v-6bdcef4f] {
        padding-left: 24px;
        padding-right: 24px;
}
.filters-column[data-v-6bdcef4f] {
        padding: 0 0 24px 0;
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        margin-bottom: 24px;
}
.content-column[data-v-6bdcef4f] {
        padding-left: 0;
}
.content-wrapper[data-v-6bdcef4f] {
        padding-right: 0;
}
.comments-list[data-v-6bdcef4f] {
        padding-right: 0;
}
.header-row[data-v-6bdcef4f] {
        padding: 0;
}
}
.new-post-icon[data-v-6bdcef4f] {
    margin-top: -8px;
    margin-right: 8px;
}


.tooltip-inner[data-v-57e7ac8d] {
  background-color: #00acd6 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}
.apexcharts-xaxistooltip[data-v-57e7ac8d] {
  opacity: 1;
  pointer-events: all;
}
.apexcharts-xaxistooltip[data-v-57e7ac8d]:hover {
  background: #46a7b3;
  color: white;
  cursor: pointer;
}


.tooltip-inner[data-v-583a10be] {
  background-color: #00acd6 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}
.text-field-outlined-fieldset-border-width[data-v-583a10be] {
  border-width: 5px;
}
.card-font[data-v-583a10be] {
  font-size: 3.4em;
  font-weight: 350;
  letter-spacing: -0.0084333333em;
  margin: 0;
}
@media (min-width: 1264px) and (max-width: 1903px) {
.lg5-custom[data-v-583a10be] {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
}
}


.v-btn[data-v-65f1fd9c] {
  text-transform: none !important;
  font-weight: bold;
}
.copy-message[data-v-65f1fd9c] {
  position: absolute;
  color: darkgreen;
  background-color: #d4edda;
  font-size: 12px;
  bottom: 8px;
  /* Adjust spacing as needed */
  right: 8px;
  /* Adjust spacing as needed */
  padding: 4px 8px;
}
.my-textarea[data-v-65f1fd9c] {
  position: relative;
}
.copy-button[data-v-65f1fd9c] {
  color: white;
  background-color: black;
}
.dialog-actions[data-v-65f1fd9c] {
  padding-bottom: 16px !important;
}


.v-list-item[data-v-2e7bcdfc] {
  height: 30px !important;
}
.v-list-item[data-v-2e7bcdfc]:hover {
  background-color: #eceff1 !important;
}


.clickable[data-v-59506f82]:hover {
  cursor: pointer;
}


.codesColor {
  color: 'secondary';
}


.codesColor {
  color: 'secondary';
}


div.course-tab [role="tab"][data-v-296fbed0] {
  justify-content: flex-start;
}


.full-width[data-v-7828e7f8] {
  width: 100%;
}
.note-font[data-v-7828e7f8] {
  font-size: 14px;
  padding: 0%;
}


.full-width[data-v-37c1f100] {
  width: 100%;
}


tr[data-v-a2a9a6c6] {
  cursor: pointer;
}
a[data-v-a2a9a6c6] {
  color: hotpink;
}
a[data-v-a2a9a6c6]:hover {
  text-decoration: underline;
}
.v-list-item[data-v-a2a9a6c6] {
  min-height: 26px !important;
}
.v-list-item[data-v-a2a9a6c6]:hover {
  background-color: #bdbdbd !important;
}


.grab[data-v-0e558b03] {
  cursor: move;
}


.v-list-item[data-v-4a656cad] {
  min-height: 26px !important;
}
.v-list-item[data-v-4a656cad]:hover {
  background-color: #bdbdbd !important;
}


.preview-button[data-v-7b320d3e] {
  color: black;
  background-color: white;
  font-weight: bold;
  text-transform: none !important;
}


.v-toolbar__content-color[data-v-3f819076] {
  border-bottom-style: solid;
  border-bottom-color: #024da0;
}


.blocked[data-v-8a88aa94]:hover {
  cursor: not-allowed;
}


.preview-button[data-v-8a88aa94] {
  color: black;
  background-color: white;
  font-weight: bold;
  text-transform: none !important;
}


.summary[data-v-69d87ae3] {
  margin-bottom: 16px;
  font-size: 16px;
}
.added[data-v-69d87ae3] {
  color: green;
  font-weight: bold;
}
.removed[data-v-69d87ae3] {
  color: red;
  font-weight: bold;
}
.title-height[data-v-69d87ae3] {
  height: 70px;
}
.custom-dialog[data-v-69d87ae3] {
  max-height: 650px;
  overflow-y: auto;
}


.userTable .v-table tbody tr[data-v-291e438a]:not(:last-child) {
  border-bottom: none;
}
.v-toolbar__content-color[data-v-291e438a] {
  border-bottom-style: solid;
  border-bottom-color: #024da0;
}


.save-button[data-v-291e438a] {
  color: white !important;
  background-color: black;
  font-weight: bold;
  text-transform: none !important;
}
.cancel-button[data-v-291e438a] {
  color: black !important;
  background-color: white;
  font-weight: bold;
  text-transform: none !important;
}


.v-toolbar__content-color[data-v-68a32e02] {
  border-bottom-style: solid;
  border-bottom-color: #024da0;
}


.scrollable[data-v-2d9a100a] {
  height: 210;
  overflow-y: auto;
  overflow-x: hidden;
}
.grab[data-v-2d9a100a] {
  cursor: grab;
}
.v-toolbar__content-color[data-v-2d9a100a] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-2d9a100a] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-2d9a100a]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


.row-pointer input[data-v-a821026a] {
  cursor: not-allowed;
}


.v-select[data-v-5fe605ef],.v-text-field[data-v-5fe605ef] {
  font-size: 12px;
}
.footer-font[data-v-5fe605ef] {
  font-size: 12px;
}
.v-text-field[data-v-5fe605ef] input {
  text-align: center;
}


.v-list-item[data-v-55f67c53] {
  min-height: 26px !important;
}
.v-list-item[data-v-55f67c53]:hover {
  background-color: #bdbdbd !important;
}
a[data-v-55f67c53]:hover {
  text-decoration: underline;
}


.v-list-item[data-v-03797e68] {
  height: 30px !important;
}
.v-list-item[data-v-03797e68]:hover {
  background-color: #eceff1 !important;
}


.v-list-item[data-v-05994dbd] {
  height: 30px !important;
}
.v-list-item[data-v-05994dbd]:hover {
  background-color: #eceff1 !important;
}


.v-list-item[data-v-c13cdba8] {
  min-height: 26px !important;
}
.v-list-item[data-v-c13cdba8]:hover {
  background-color: #bdbdbd !important;
}


@media (min-width: 1264px) and (max-width: 1903px) {
.lg5-custom[data-v-c13cdba8] {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
}
}
.tab-background[data-v-c13cdba8] {
  background-color: #f2f4f6;
}


div.reports-tab [role="tab"][data-v-719fd8e2] {
  justify-content: flex-start;
}


@media (min-width: 1264px) and (max-width: 1903px) {
.lg5-custom[data-v-92bbe26a] {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
}
}


.v-toolbar__content-color[data-v-1d688ce2] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}


.wrap-text {
  white-space: normal;
}


.v-list-item[data-v-0ed24fc0] {
    min-height: 26px !important;
}
.v-list-item[data-v-0ed24fc0]:hover {
    background-color: #bdbdbd !important;
}
#mytable table thead tr th[data-v-0ed24fc0]:nth-child(1) {
    background: #e0e0e0;
}
#mytable table thead tr th[data-v-0ed24fc0]:nth-child(2) {
    background: #e0e0e0;
}
#mytable table thead tr th[data-v-0ed24fc0]:nth-child(3) {
    background: #e0e0e0;
}
#mytable table tbody tr td[data-v-0ed24fc0]:not(:last-child) {
    border-bottom: 1px solid #e0e0e0;
}


.md-list-item-text {
  white-space: normal;
  padding-bottom: 1rem;
}


.scrollable-dialog[data-v-6dbe49b6] {
  max-height: 70vh;
  overflow-y: auto;
}
.folder-card[data-v-6dbe49b6] {
  background-color: #F0F0F0;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.selected-file[data-v-6dbe49b6] {
  background-color: #c6befe !important;
  border: 1px solid #7855FA !important;
}
.v-simple-table th[data-v-6dbe49b6] {
  font-weight: 400;
  font-size: 14px;
  color: #5D5D5D;
}
.v-simple-table td[data-v-6dbe49b6] {
  font-weight: 500;
  color: #131313;
}
tbody tr[data-v-6dbe49b6] {
  cursor: pointer;
}
tbody tr[data-v-6dbe49b6]:nth-of-type(odd) {
  background-color: #F0F0F0;
}
.truncate-cell[data-v-6dbe49b6] {
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.file-text-truncate[data-v-6dbe49b6] {
  display: inline-block;
  max-width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}



.v-list-item[data-v-dbee1d38] {
  min-height: 26px !important;
}
.v-list-item[data-v-dbee1d38]:hover {
  background-color: #bdbdbd !important;
}
#mytable table thead tr th[data-v-dbee1d38]:nth-child(1) {
  background: #e0e0e0;
}
#mytable table thead tr th[data-v-dbee1d38]:nth-child(2) {
  background: #e0e0e0;
}
#mytable table thead tr th[data-v-dbee1d38]:nth-child(3) {
  background: #e0e0e0;
}
#mytable table tbody tr td[data-v-dbee1d38]:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}
.custom-list-item[data-v-dbee1d38] {
  cursor: pointer;
}
.custom-list-item[data-v-dbee1d38]:hover {
  background-color: #f0f0f0;
}


#myRadioCheck .v-label {
  font-size: 14px
}


#myRadioCheck1 .v-label {
    font-size: 13px
}


#myRadioCheck2 .v-label {
  font-size: 14px
}
#myRadioCheck3 .v-label {
  font-size: 12px
}


.v-list-item[data-v-04463cd8] {
  min-height: 26px !important;
}
.v-list-item[data-v-04463cd8]:hover {
  background-color: #bdbdbd !important;
}
#mytable table thead tr th[data-v-04463cd8]:nth-child(1) {
  background: #e0e0e0;
}
#mytable table thead tr th[data-v-04463cd8]:nth-child(2) {
  background: #e0e0e0;
}
#mytable table thead tr th[data-v-04463cd8]:nth-child(3) {
  background: #e0e0e0;
}
#mytable table tbody tr td[data-v-04463cd8]:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}


.v-stepper__header[data-v-7b42023e] {
  box-shadow: none;
}


.v-list-item[data-v-4e83a37c] {
  min-height: 26px !important;
}
.v-list-item[data-v-4e83a37c]:hover {
  background-color: #bdbdbd !important;
}


.v-toolbar__content-color[data-v-15c8cb14] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}


.v-list-item[data-v-222d0dde] {
  min-height: 26px !important;
}
.v-list-item[data-v-222d0dde]:hover {
  background-color: #bdbdbd !important;
}


.cropper[data-v-1b3e3f0b] {
  height: 600px;
  background: #ddd;
}
.preview[data-v-1b3e3f0b]{
  border-style: solid;
}


.tooltip-inner[data-v-18114386] {
  background-color: #00acd6 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}
.apexcharts-xaxistooltip[data-v-18114386] {
  opacity: 1;
  pointer-events: all;
}
.apexcharts-xaxistooltip[data-v-18114386]:hover {
  background: #46a7b3;
  color: white;
  cursor: pointer;
}
.v-list-item[data-v-18114386] {
  min-height: 26px !important;
}
.v-list-item[data-v-18114386]:hover {
  background-color: #bdbdbd !important;
}
.custom-header[data-v-18114386] {
  color: #546e7a !important;
  line-height: normal;
}


.v-list-item[data-v-e4cd58c6] {
  height: 30px !important;
}
.v-list-item[data-v-e4cd58c6]:hover {
  background-color: #eceff1 !important;
}


.v-list-item[data-v-427a8aea] {
  min-height: 26px !important;
}
.v-list-item[data-v-427a8aea]:hover {
  background-color: #bdbdbd !important;
}


@media (min-width: 1264px) and (max-width: 1903px) {
.lg5-custom[data-v-427a8aea] {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
}
}


div.reports-tab [role="tab"][data-v-74f8b55f] {
  justify-content: flex-start;
}


.v-list-item[data-v-723a3255] {
  height: 30px !important;
}
.v-list-item[data-v-723a3255]:hover {
  background-color: #eceff1 !important;
}


.v-list-item[data-v-37f877d9] {
  min-height: 26px !important;
}
.v-list-item[data-v-37f877d9]:hover {
  background-color: #bdbdbd !important;
}
a[data-v-37f877d9]:hover {
  text-decoration: underline;
}


div.reports-tab [role="tab"][data-v-21210636] {
  justify-content: flex-start;
}


.v-list-item[data-v-48f295d8] {
  height: 30px !important;
}
.v-list-item[data-v-48f295d8]:hover {
  background-color: #eceff1 !important;
}


.v-list-item[data-v-1215993b] {
  min-height: 26px !important;
}
.v-list-item[data-v-1215993b]:hover {
  background-color: #bdbdbd !important;
}


@media (min-width: 1264px) and (max-width: 1903px) {
.lg5-custom[data-v-1215993b] {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
}
}


div.reports-tab [role="tab"][data-v-23aa578a] {
  justify-content: flex-start;
}


.v-list-item[data-v-35ec7f5e] {
  height: 30px !important;
}
.v-list-item[data-v-35ec7f5e]:hover {
  background-color: #eceff1 !important;
}


.v-list-item[data-v-97580ddc] {
  min-height: 26px !important;
}
.v-list-item[data-v-97580ddc]:hover {
  background-color: #bdbdbd !important;
}


@media (min-width: 1264px) and (max-width: 1903px) {
.lg5-custom[data-v-97580ddc] {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
}
}


div.reports-tab [role="tab"][data-v-582c3e00] {
  justify-content: flex-start;
}


@media (min-width: 1264px) and (max-width: 1903px) {
.lg5-custom[data-v-2a22cfd2] {
    width: 20%;
    max-width: 20%;
    flex-basis: 20%;
}
}


.v-list-item[data-v-a48f0dd6] {
  height: 30px !important;
}
.v-list-item[data-v-a48f0dd6]:hover {
  background-color: #eceff1 !important;
}


.text-break[data-v-2831f93a] {
  word-break: break-word;
}


.date-picker-menu {
  z-index: 15;
}


.tooltip-inner[data-v-2017cb59] {
  background-color: #00acd6 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}
.apexcharts-xaxistooltip[data-v-2017cb59] {
  opacity: 1;
  pointer-events: all;
}
.apexcharts-xaxistooltip[data-v-2017cb59]:hover {
  background: #46a7b3;
  color: white;
  cursor: pointer;
}
.v-list-item[data-v-2017cb59] {
  min-height: 26px !important;
}
.v-list-item[data-v-2017cb59]:hover {
  background-color: #bdbdbd !important;
}


.v-list-item[data-v-59fd0a54] {
  height: 30px !important;
}
.v-list-item[data-v-59fd0a54]:hover {
  background-color: #eceff1 !important;
}


.v-list-item[data-v-1de2862a] {
  height: 30px !important;
}
.v-list-item[data-v-1de2862a]:hover {
  background-color: #eceff1 !important;
}


.tooltip-inner[data-v-447c27da] {
  background-color: #00acd6 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}
.apexcharts-xaxistooltip[data-v-447c27da] {
  opacity: 1;
  pointer-events: all;
}
.apexcharts-xaxistooltip[data-v-447c27da]:hover {
  background: #46a7b3;
  color: white;
  cursor: pointer;
}
.element-modules[data-v-447c27da] {
  padding: 0 6% !important;
}


.scrollable[data-v-6146efb4] {
    overflow-y:auto;
}
.catalog-card[data-v-6146efb4] {
  height: 254px;
  width: 250px;
}
.card-image[data-v-6146efb4] {
  width: 100%;
  height: 40%;
}
.headerClass[data-v-6146efb4] {
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.previewClass[data-v-6146efb4] {
  font-family: preview_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.previewClass .title[data-v-6146efb4] {
  font-family: preview_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.previewClass .text-h1[data-v-6146efb4] {
  font-family: preview_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.previewClass .text-h2[data-v-6146efb4] {
  font-family: preview_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.previewClass .text-h3[data-v-6146efb4] {
  font-family: preview_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.previewClass .text-h4[data-v-6146efb4] {
  font-family: preview_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.previewClass .text-h5[data-v-6146efb4] {
  font-family: preview_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.previewClass .text-h6[data-v-6146efb4] {
  font-family: preview_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.previewClass .text-h7[data-v-6146efb4] {
  font-family: preview_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.previewClass .text-subtitle-1[data-v-6146efb4] {
  font-family: preview_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.previewClass .text-subtitle-2[data-v-6146efb4] {
  font-family: preview_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}


.scrollable[data-v-781fd5a6] {
    overflow-y:auto;
}


.scrollable[data-v-dbc60cb8] {
    overflow-y:auto;
}
.blocked[data-v-dbc60cb8]:hover {
  cursor: not-allowed;
}
.grab[data-v-dbc60cb8] {
  cursor: move;
}


.banner[data-v-23f1ebc7] {
  height: 200px;
  width: 900px;
}
.branding[data-v-23f1ebc7] {
  height: 50px;
  width: 225;
}
.catalog-card[data-v-23f1ebc7] {
  height: 254px;
  width: 250px;
}
.card-image[data-v-23f1ebc7] {
  width: 100%;
  height: 40%;
}
.grab[data-v-23f1ebc7] {
  cursor: move;
}


.v-toolbar__content-color[data-v-1f61d506] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}


.v-list-item[data-v-ea6d1ca2] {
  min-height: 26px !important;
}
.v-list-item[data-v-ea6d1ca2]:hover {
  background-color: #bdbdbd !important;
}


.v-toolbar__content-color[data-v-6fec590c] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}


.v-toolbar__content-color[data-v-2c16e6de] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}


.v-list-item[data-v-141c9cce] {
  min-height: 26px !important;
}
.v-list-item[data-v-141c9cce]:hover {
  background-color: #bdbdbd !important;
}


tr[data-v-50260ab6] {
  cursor: pointer;
}
a[data-v-50260ab6] {
  color: hotpink;
}
a[data-v-50260ab6]:hover {
  text-decoration: underline;
}
.v-list-item[data-v-50260ab6] {
  min-height: 26px !important;
}
.v-list-item[data-v-50260ab6]:hover {
  background-color: #bdbdbd !important;
}


tr[data-v-f2294146] {
  cursor: pointer;
}
a[data-v-f2294146] {
  color: hotpink;
}
a[data-v-f2294146]:hover {
  text-decoration: underline;
}
.v-list-item[data-v-f2294146] {
  min-height: 26px !important;
}
.v-list-item[data-v-f2294146]:hover {
  background-color: #bdbdbd !important;
}


div.course-tab [role="tab"][data-v-1b35888c] {
  justify-content: flex-start;
}


tr[data-v-7e7d5410] {
  cursor: pointer;
}
a[data-v-7e7d5410] {
  color: hotpink;
}
a[data-v-7e7d5410]:hover {
  text-decoration: underline;
}
.v-list-item[data-v-7e7d5410] {
  min-height: 26px !important;
}
.v-list-item[data-v-7e7d5410]:hover {
  background-color: #bdbdbd !important;
}


tr[data-v-d4585726] {
  cursor: pointer;
}
a[data-v-d4585726] {
  color: hotpink;
}
a[data-v-d4585726]:hover {
  text-decoration: underline;
}
.v-list-item[data-v-d4585726] {
  min-height: 26px !important;
}
.v-list-item[data-v-d4585726]:hover {
  background-color: #bdbdbd !important;
}


tr[data-v-bef505f8] {
  cursor: pointer;
}
a[data-v-bef505f8] {
  color: hotpink;
}
a[data-v-bef505f8]:hover {
  text-decoration: underline;
}
.v-list-item[data-v-bef505f8] {
  min-height: 26px !important;
}
.v-list-item[data-v-bef505f8]:hover {
  background-color: #bdbdbd !important;
}


.userTable .v-table tbody tr[data-v-36d4b7b6]:not(:last-child) {
  border-bottom: none;
}
.v-toolbar__content-color[data-v-36d4b7b6] {
  border-bottom-style: solid;
  border-bottom-color: #024da0;
}


.userTable .v-table tbody tr[data-v-9629483c]:not(:last-child) {
  border-bottom: none;
}
.v-toolbar__content-color[data-v-9629483c] {
  border-bottom-style: solid;
  border-bottom-color: #024da0;
}


tr[data-v-05242006] {
  cursor: pointer;
}
a[data-v-05242006] {
  color: hotpink;
}
a[data-v-05242006]:hover {
  text-decoration: underline;
}
.v-list-item[data-v-05242006] {
  min-height: 26px !important;
}
.v-list-item[data-v-05242006]:hover {
  background-color: #bdbdbd !important;
}


tr[data-v-d922fe56] {
  cursor: pointer;
}
a[data-v-d922fe56] {
  color: hotpink;
}
a[data-v-d922fe56]:hover {
  text-decoration: underline;
}
.v-list-item[data-v-d922fe56] {
  min-height: 26px !important;
}
.v-list-item[data-v-d922fe56]:hover {
  background-color: #bdbdbd !important;
}


.userTable .v-table tbody tr[data-v-69aaec3e]:not(:last-child) {
  border-bottom: none;
}
.v-toolbar__content-color[data-v-69aaec3e] {
  border-bottom-style: solid;
  border-bottom-color: #024da0;
}


.tooltip-inner[data-v-96635308] {
  background-color: #00acd6 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}
.apexcharts-xaxistooltip[data-v-96635308] {
  opacity: 1;
  pointer-events: all;
}
.apexcharts-xaxistooltip[data-v-96635308]:hover {
  background: #46a7b3;
  color: white;
  cursor: pointer;
}


.clickable[data-v-f21d210e]:hover {
  cursor: pointer;
}


.clickable[data-v-4402b8c7]:hover {
  cursor: pointer;
}


.tooltip-inner[data-v-197b2097] {
  background-color: #00acd6 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
}
.apexcharts-xaxistooltip[data-v-197b2097] {
  opacity: 1;
  pointer-events: all;
}
.apexcharts-xaxistooltip[data-v-197b2097]:hover {
  background: #46a7b3;
  color: white;
  cursor: pointer;
}
.element-modules[data-v-197b2097] {
  padding: 0 6% !important;
}


.clickable[data-v-7fe67865]:hover {
  cursor: pointer;
}


.cropper[data-v-7dd3a050] {
  /* background: url("@/assets/profilelogo.png"); */
  width: 290px;
  height: 260px;
  background: #f5f5f5;
}


.clickable[data-v-6fc59869]:hover {
  cursor: pointer;
}


.clickable[data-v-e4dbed82]:hover {
  cursor: pointer;
}


.non-interactive[data-v-6392b6a7] {
  pointer-events: none;
}


.clickable[data-v-e67c365c]:hover {
  cursor: pointer;
}


div.reports-tab [role="tab"][data-v-70782067] {
  justify-content: flex-start;
}


.table-footer-prepend[data-v-6bd3ec8b] {
  position: absolute;
  padding: 2px 6px 0px 6px;
  font-size: 12;
}


div.course-tab [role='tab'][data-v-47a643cc] {
  justify-content: flex-start;
}


.apexcharts-tooltip[data-v-64884f22] {
  max-width: 200px;
}

.flex-column[data-v-5d1a4d31]{display:flex;flex-direction:column}.flex-row[data-v-5d1a4d31]{display:flex;flex-direction:row}.position-right[data-v-5d1a4d31]{position:absolute;right:0}
.flex-column[data-v-652f5577]{display:flex;flex-direction:column}.flex-row[data-v-652f5577]{display:flex;flex-direction:row}

.apexcharts-tooltip[data-v-652f5577] {
  max-width: 200px;
}

.flex-column[data-v-cc6cc6c8]{display:flex;flex-direction:column}.flex-row[data-v-cc6cc6c8]{display:flex;flex-direction:row}
.flex-column[data-v-5c84e5ae]{display:flex;flex-direction:column}.flex-row[data-v-5c84e5ae]{display:flex;flex-direction:row}.position-right[data-v-5c84e5ae]{position:absolute;right:0}.progress-bar[data-v-5c84e5ae]{width:900px;display:flex;flex-direction:row}
.metadata-container[data-v-9ff2388e]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.flex-column[data-v-9ff2388e]{display:flex;flex-direction:column}.flex-row[data-v-9ff2388e]{display:flex;flex-direction:row}
.parent-container[data-v-391b978f]{background:#fff;max-width:1920px;margin-left:auto;margin-right:auto}.team-info-container[data-v-391b978f]{background:#fff;display:flex;padding:var(--spacing-md, 32px);justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap-reverse;position:relative}.table-container[data-v-391b978f]{background:#f3f4f6;display:flex;padding:var(--spacing-md, 32px);justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap-reverse}.metadata-container[data-v-391b978f]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.report-container[data-v-391b978f]{display:flex;flex-direction:column;align-items:stretch;flex-grow:1;width:100%;gap:var(--spacing-sm)}.flex-column[data-v-391b978f]{display:flex;flex-direction:column}.flex-row[data-v-391b978f]{display:flex;flex-direction:row}.position-right[data-v-391b978f]{position:absolute;right:0}

.info-section[data-v-7fbec6c1] {
  margin-bottom: 20px;
}
.info-section-title[data-v-7fbec6c1] {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #1E3A8A;
}
.info-section div[data-v-7fbec6c1] {
  margin-bottom: 5px;
}
.item-icon[data-v-7fbec6c1] {
  margin-right: 10px;
}
.removed-border[data-v-7fbec6c1] {
  border: 0px;
}
.highlight[data-v-7fbec6c1] {
  font-size: 16px;
  font-weight: bold;
  margin-left: 5px;
}



.custom-list-item[data-v-02f01e48]::before {
  position: absolute;
  left: -20px;
  width: 8px;
  background-color: #024DA0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.v-list-item--active[data-v-02f01e48]::before {
  opacity: 1 !important;
}
.resize-width[data-v-02f01e48] {
  height: 100vh;
  flex-grow: 1;
  overflow: auto;
}


.rounded-tabs[data-v-2f1e83d3] {
  border: 1px solid gray;
  border-radius: 20px;
}
.rounded-tabs .v-tab--active[data-v-2f1e83d3] {
  background-color: #f4f9fd !important;
  border: 1px solid #1E88E5;
  color: #1E88E5 !important;
}
.left-tab[data-v-2f1e83d3] {
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
.right-tab[data-v-2f1e83d3] {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}


div.all-tabs [role="tab"][data-v-565f4408] {
  justify-content: flex-start;
}
.scrollable-content[data-v-565f4408] {
  height: 100vh;
  overflow-y: auto;
}
.pending-action[data-v-565f4408] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pending-action-text[data-v-565f4408] {
  font-weight: 400;
  font-size: 17px;
  color: #4682B4;
}


#tooltip-header[data-v-d6bdd478] {
  font-family: "Gotham", sans-serif;
  font-weight: 400;
  color: #ffffff;
}


.v-toolbar__content-color[data-v-16e9c500] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-16e9c500] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-16e9c500]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


.blueprintHaderCardContent__title[data-v-35b8312b] {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
}


.blueprintHaderCardContent__title[data-v-cb28eb10] {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
}


.v-toolbar__content-color[data-v-76af6856] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-76af6856] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-76af6856]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


.v-toolbar__content-color[data-v-e561142c] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-e561142c] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-e561142c]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


.v-toolbar__content-color[data-v-053e62cb] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}


.v-toolbar__content-color[data-v-548f83c0] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-548f83c0] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-548f83c0]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


.v-toolbar__content-color[data-v-ad55cbee] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
.v-list-item[data-v-ad55cbee] {
  min-height: 26px !important;
}
.v-list-item[data-v-ad55cbee]:hover {
  background-color: #bdbdbd !important;
}


.v-toolbar__content-color[data-v-1b0a90a6] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
.v-list-item[data-v-1b0a90a6] {
  min-height: 26px !important;
}
.v-list-item[data-v-1b0a90a6]:hover {
  background-color: #bdbdbd !important;
}


div.course-tab [role="tab"][data-v-93a074d6] {
  justify-content: flex-start;
}

.sl-vue-tree {
    position: relative;
    cursor: default;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
    user-select: none;
}

.sl-vue-tree-root > .sl-vue-tree-nodes-list {
    overflow: hidden;
    position: relative;
    padding-bottom: 4px;
}

.sl-vue-tree-selected > .sl-vue-tree-node-item {
    background-color: rgb(220, 220, 220) !important; 
}


.sl-vue-tree-node-item:hover,
.sl-vue-tree-node-item.sl-vue-tree-cursor-hover {
    background-color: #f0f0f0;
}

.sl-vue-tree-node-list {
    position: relative;
    display: flex;
    flex-direction: row;
}

.sl-vue-tree-node-item {
    position: relative;
    display: flex;
    flex-direction: row;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 28px;
    border: 1px solid transparent;
    border-radius: 5px;
}

.sl-vue-tree-node-item.sl-vue-tree-cursor-inside {
    background-color: #C5CAE9;
    /* outline: 3px solid rgba(198, 198, 198, 0.5); */
}

.sl-vue-tree-gap {
    width: 25px;
    min-height: 1px;
}

.sl-vue-tree-toggle {
    display: inline-block;
    text-align: left;
    width: 20px;
}

.sl-vue-tree-sidebar {
    margin-left: auto;
}

.sl-vue-tree-cursor {
    position: absolute;
    border: 1px solid rgba(212, 212, 212, 0.5);
    border-radius: 5px;
    height: 1px;
    width: 100%;
}

.sl-vue-tree-drag-info {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0.5;
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 2px 5px;
}

.grab-icon[data-v-8841c2d6]{cursor:move}.v-toolbar__content-color[data-v-8841c2d6]{border-bottom-style:solid;border-bottom-color:#546e7a}.v-list-item[data-v-8841c2d6]{height:40px !important}.v-list-item[data-v-8841c2d6]:hover{background-color:#f0f0f0 !important}

.text-underline[data-v-080a9e66] {
  border-bottom: 1px dotted #000;
  text-decoration: none;
}


.v-list-item[data-v-228eb8da] {
  min-height: 26px !important;
}
.v-list-item[data-v-228eb8da]:hover {
  background-color: #bdbdbd !important;
}


.v-toolbar__content-color[data-v-287e40c0] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}

.page--table .page__table[data-v-1b712aa2]{margin-top:20px}.page--table .page__grab-icon[data-v-1b712aa2]{cursor:move}.v-toolbar__content-color[data-v-1b712aa2]{border-bottom-style:solid;border-bottom-color:#546e7a}.v-list-item[data-v-1b712aa2]{min-height:26px !important}.v-list-item[data-v-1b712aa2]:hover{background-color:#bdbdbd !important}

.desktop-background_color[data-v-35561d20] {
  background: white !important;
}
.enrolledBanner[data-v-35561d20] {
  background-color: #546e7a;
  color: white;
  width: 100%;
  padding: 10px 30px 10px;
  margin-left: -1%;
}
.slantContainer[data-v-35561d20] {
  display: flex;
  flex-flow: row;
}
.infoCard[data-v-35561d20] {
  flex-shrink: 0;
  background-color: #f4f4f4;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 2;
}
.infoCard[data-v-35561d20]::after {
  background: #f4f4f4;
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  transform-origin: bottom left;
  transform: skew(-10deg, 0deg);
}
.infoCardSmall[data-v-35561d20] {
  flex-shrink: 0;
  background-color: #f4f4f4;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 2;
  margin-left: 10px;
}
.catalog-card[data-v-35561d20] {
  height: 270px;
  width: 250px;
}
.card-image[data-v-35561d20] {
  width: 100%;
  height: 40%;
}
.imageCard[data-v-35561d20] {
  background-color: white;
  color: white;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 0;
}
.imageCard[data-v-35561d20]::after {
  background: white;
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: top left;
  transform: skew(-10deg, 0deg);
}
.slantContainer[data-v-35561d20] {
  display: flex;
  flex-flow: row;
}
.titleCard[data-v-35561d20] {
  background-color: #546e7a;
  color: white;
}
.buttonCard[data-v-35561d20] {
  background-color: #f4f4f4;
  margin-left: 10px;
  margin-right: 10px;
}
.scrolledOut[data-v-35561d20] {
  display: none;
  position: sticky;
  top: 0;
  z-index: 1;
}
.start-button[data-v-35561d20]:disabled {
  background-color: #E9F6FE;
}
.banner[data-v-35561d20] {
  background-color: #546e7a;
  color: white;
  width: 105%;
  padding: 10px 30px 10px 10px;
}
.enrolledBanner[data-v-35561d20] {
  background-color: #f4f4f4;
  padding: 10px 30px 10px 10px;
  margin-bottom: 1%;
}
.navTab[data-v-35561d20] {
  background-color: white;
  width: 101%;
}
.scrollable[data-v-35561d20] {
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollableOverflow[data-v-35561d20] {
  height: 335;
  overflow-y: auto;
  overflow-x: hidden;
}
.scrollCard[data-v-35561d20] {
  height: 600;
  overflow-y:auto;
  overflow-x:hidden;
}
.highlight[data-v-35561d20] {
  background-color: #E9F6FE;
}
.thumbImage[data-v-35561d20] {
  background-color: white;
  color: white;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  margin-top: 1%;
  z-index: 0;
}
.relatedImage[data-v-35561d20] {
  flex-shrink: 0;
  min-width: 100%;
  max-width: 100%;
}
.card[data-v-35561d20] {
  background-color: white;
}
.title[data-v-35561d20] {
  background-color: #546e7a;
  color: white;
}
.modules[data-v-35561d20] {
  position: absolute;
  right: 0;
}
.bookmark[data-v-35561d20] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.closeScorm[data-v-35561d20] {
  position: absolute;
  top: 0;
  left:20;
}
.fullscreen[data-v-35561d20] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.tags[data-v-35561d20] {
  position: relative;
  bottom: 110%;
  left: 88%;
}
.play[data-v-35561d20] {
  position: relative;
  bottom: 70%;
  left: 4%;
  height: 100px;
}
.learnTitle[data-v-35561d20] {
  padding-top: 20px;
  margin-bottom: -20px;
  background-color: #f4f4f4;
}
.relatedTitle[data-v-35561d20] {
  padding-top: 20px;
  padding-left: 10px;
  background-color: #f4f4f4;
}
.moduleCard[data-v-35561d20] {
  background-color: #f4f4f4;
  margin-top: 20px;
  padding-left: 40px;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 40px;
}
.button-row[data-v-35561d20] {
  position: relative;
  top: -5%;
  left: 6%;
}
.button-row-shrink[data-v-35561d20] {
  padding-left: 120px;
  padding-top: 12px;
}
.button-row-shrink-enrolled[data-v-35561d20] {
  padding-left: 120px;
  padding-top: 5%;
}
.bookmarkButton[data-v-35561d20] {
  position: relative;
  top: 0%;
  margin-right: 5%;
}
.bookmarkedButton[data-v-35561d20] {
  position: relative;
  top: 0%;
  margin-right: 7%;
}
.shareButton[data-v-35561d20] {
  position: relative;
  top: 0%;
  margin-right: 5%;
}
.enrollButton[data-v-35561d20] {
  position: relative;
  top: 0%;
  left: -5%;
}
.bookmarkDropButton[data-v-35561d20] {
  margin-right: 0%;
}
.bookmarkedDropButton[data-v-35561d20] {
  margin-right: 30%;
}
.shareDropButton[data-v-35561d20] {
  margin-left: 16%;
}
.enrollOtherButton[data-v-35561d20] {
  margin-left: 18%;
}
.shareOtherButton[data-v-35561d20] {
  margin-left: 66%;
}
.enrollDropButton[data-v-35561d20] {
  margin-left: -3%;
}
.backButton[data-v-35561d20] {
  position: relative;
  top: 2%;
  left: 3%;
}
.backButtonEnrolled[data-v-35561d20] {
  position: relative;
}
.assignedCourse[data-v-35561d20]:hover {
  cursor: not-allowed;
}
.clickable[data-v-35561d20]:hover {
  cursor: pointer;
}
.videoBackground[data-v-35561d20] {
  background: url(/img/VideoBackground.9f472abd.png);
  background-size: cover;
  height: 600;
}
.image[data-v-35561d20] {
  min-width: 127%;
  min-height: 106.5%;
  margin-top: -10px;
  margin-left: -120px;
  z-index: 0;
}
#container-no-preview[data-v-35561d20] {
  max-height: 600px;
  min-height: 600px;
  background-color: #f4f4f4;
}
.preview-resize[data-v-35561d20] {
  max-height: 600px;
  min-height: 600px;
  overflow: auto;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  font-size: 13px;
  background-color: #757575;
}
#preview-adjust[data-v-35561d20] {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
  overflow: scroll;
}
.tools-hover[data-v-35561d20] {
  position: relative;
  overflow: scroll;
}
.img__div_layer[data-v-35561d20] {
  width: 200px;
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  height: 7%;
  transition: 0.5s ease;
  opacity: 0;
  color: white;
  margin-left: 400px;
  top: 50px;
  padding: 2px;
  text-align: center;
  border-radius: 25px;
}
#preview-pagination[data-v-35561d20] {
  margin-top: 425px;
  margin-left: 400px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
}
.col-space[data-v-35561d20] {
  padding-left: 10px;
  padding-right: 10px;
}
.setMiddleScorm[data-v-35561d20] {
  margin-top: 7.5%;
  margin-left: 3%;
  padding: 5% 5%;
}
.tools-hover:hover .img__div_layer[data-v-35561d20] {
  opacity: 1;
  display: block;
}
.tools-hover[data-v-35561d20]:fullscreen {
  overflow: auto !important;
}
.tools-hover[data-v-35561d20]:-ms-fullscreen {
  overflow: auto !important;
}
.tools-hover[data-v-35561d20]:-webkit-full-screen {
  overflow: auto !important;
}
.tools-hover[data-v-35561d20]:-moz-full-screen {
  overflow: auto !important;
}
.no-preview-button-color[data-v-35561d20] {
  background-color: #f4f4f4;
}
.course-catalog[data-v-35561d20] {
  width: 100%;
}
.headerClass[data-v-35561d20] {
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}



.v-toolbar__content-color[data-v-dc260a20] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-dc260a20] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-dc260a20]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


.v-toolbar__content-color[data-v-22b083c6] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}


.v-toolbar__content-color[data-v-8e1ac72a] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-8e1ac72a] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-8e1ac72a]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


div.cert-tab [role="tab"][data-v-072b1237] {
  justify-content: flex-start;
}


.metaDataBox {
  width: 100%;
}


.v-list-item[data-v-7daa4c95] {
  min-height: 26px !important;
}
.v-list-item[data-v-7daa4c95]:hover {
  background-color: #bdbdbd !important;
}


.v-toolbar__content-color[data-v-16606796] {
  border-bottom-style: solid;
  border-bottom-color: #024da0;
}
a[data-v-16606796] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-16606796]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


.v-list-item[data-v-44c1371b] {
  min-height: 26px !important;
}
.v-list-item[data-v-44c1371b]:hover {
  background-color: #bdbdbd !important;
}


.v-toolbar__content-color[data-v-b2c24b7c] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-b2c24b7c] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-b2c24b7c]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


.v-toolbar__content-color[data-v-149c797a] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-149c797a] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-149c797a]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


div.channel-tab [role="tab"][data-v-194de11c] {
  justify-content: flex-start;
}


.v-toolbar__content-color[data-v-6cb2afce] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}

.page--table .page__table[data-v-58761ebb]{margin-top:20px}.page--table .page__grab-icon[data-v-58761ebb]{cursor:move}.v-toolbar__content-color[data-v-58761ebb]{border-bottom-style:solid;border-bottom-color:#546e7a}.v-list-item[data-v-58761ebb]{min-height:26px !important}.v-list-item[data-v-58761ebb]:hover{background-color:#bdbdbd !important}

.v-toolbar__content-color[data-v-091e8dc6] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}


.v-toolbar__content-color[data-v-86ef7878] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-86ef7878] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-86ef7878]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


.v-toolbar__content-color[data-v-46e52f9a] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-46e52f9a] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-46e52f9a]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


div.channel-tab [role="tab"][data-v-55515ac9] {
  justify-content: flex-start;
}


.v-list-item[data-v-28edab0f] {
  min-height: 26px !important;
}
.v-list-item[data-v-28edab0f]:hover {
  background-color: #bdbdbd !important;
}


.v-toolbar__content-color[data-v-17ea7d76] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}

.page--table .page__table[data-v-8338c2d8]{margin-top:20px}.page--table .page__grab-icon[data-v-8338c2d8]{cursor:move}.v-toolbar__content-color[data-v-8338c2d8]{border-bottom-style:solid;border-bottom-color:#546e7a}.v-list-item[data-v-8338c2d8]{min-height:26px !important}.v-list-item[data-v-8338c2d8]:hover{background-color:#bdbdbd !important}

.v-toolbar__content-color[data-v-9761a8b8] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
.scrollCard[data-v-9761a8b8] {
  overflow-y:auto;
  overflow-x:hidden;
  width: 700px;
}
#container-no-preview[data-v-9761a8b8] {
  max-height: 600px;
  min-height: 600px;
  background-color: #757575;
  opacity: 0.65;
}
.videoBackground[data-v-9761a8b8] {
  background: url(/img/VideoBackground.9f472abd.png);
  background-size: cover;
  height: 600;
}
#preview-pagination[data-v-9761a8b8] {
  margin-top: 425px;
  margin-left: 400px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
}
.tools-hover[data-v-9761a8b8] {
  position: relative;
  overflow: scroll;
}
.preview-resize[data-v-9761a8b8] {
  max-height: 600px;
  min-height: 600px;
  overflow: auto;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  font-size: 13px;
  background-color: #757575;
}
#preview-adjust[data-v-9761a8b8] {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
  overflow: scroll;
}
.no-preview-button-color[data-v-9761a8b8] {
  border-radius: 20px;
  margin-top: 135px;
  background-color: #757575;
}





div.buttonFlex[data-v-44997332] {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.buttonFlex button[data-v-44997332] {
  color: black;
  background-color: gray;
  margin-top: 1rem;
}
div.cardTitle-flexLeft[data-v-44997332] {
  width: 50%;
  display: flex;
  justify-content: left;
  font-family: "Gotham", sans-serif;
  font-weight: 200;
}
.table-display[data-v-44997332] {
  width: 100%;
}
.table-div[data-v-44997332] {
  width: 100%;
  border: solid 1px lightgray;
}
#tableHeader .th[data-v-44997332] {
  text-align: left;
  background-color: #034ea2;
  color: white;
  position: sticky;
  top: 0;
  z-index: 2;
  font-size: 12px;
}
.theme--dark.v-btn.v-btn--disabled.v-btn--has-bg[data-v-44997332] {
  background-color: rgba(100, 100, 100, 0.12) !important;
  color: black !important;
  border: solid 1px black;
}
.only-icon-select.v-text-field[data-v-44997332] {
  width: 1px;
}
.v-list-item[data-v-44997332] {
  min-height: 26px !important;
}
.v-list-item[data-v-44997332]:hover {
  background-color: #bdbdbd !important;
}


div.buttonFlex[data-v-17b3eb5c] {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.buttonFlex button[data-v-17b3eb5c] {
  color: black;
  background-color: gray;
  margin-top: 1rem;
}
.theme--dark.v-btn.v-btn--disabled.v-btn--has-bg[data-v-17b3eb5c] {
  background-color: rgba(100, 100, 100, 0.12) !important;
  color: black !important;
  border: solid 1px black;
}
.only-icon-select.v-text-field[data-v-17b3eb5c] {
  width: 1px;
}
.v-list-item[data-v-17b3eb5c] {
  min-height: 26px !important;
}
.v-list-item[data-v-17b3eb5c]:hover {
  background-color: #bdbdbd !important;
}


.fail-label-colors[data-v-4ab8bd1c] {
  background-color: #FDDDDD !important;
  color: #AB3C52;
  text-transform: unset !important;
}
.retry-label-colors[data-v-4ab8bd1c] {
  background-color: #FFF2CE !important;
  color: #A65A07;
  text-transform: unset !important;
}
.pass-label-colors[data-v-4ab8bd1c] {
  background-color: #D7F6E1 !important;
  color: #20794E;
  text-transform: unset !important;
}


.table-footer[data-v-f9f25852] {
  text-align: left;
  background-color: #034ea2;
  color: white;
  position: sticky;
  top: 0;
  z-index: 2;
  font-size: 12px;
}
.theme--dark.v-btn.v-btn--disabled.v-btn--has-bg[data-v-f9f25852] {
    background-color: rgba(100, 100, 100, 0.12) !important;
    color: black !important;
    border: solid 1px lightgrey;
}
div.cardTitle-flexLeft[data-v-f9f25852] {
  width: 100%;
  display: flex;
  justify-content: left;
  font-family: "Gotham", sans-serif;
  font-weight: 400;
}
.v-list-item[data-v-f9f25852] {
  min-height: 26px !important;
}
.v-list-item[data-v-f9f25852]:hover {
  background-color: #bdbdbd !important;
}


.table-footer[data-v-3d3c4859] {
  text-align: left;
  background-color: #034ea2;
  color: white;
  position: sticky;
  top: 0;
  z-index: 2;
  font-size: 12px;
}
.theme--dark.v-btn.v-btn--disabled.v-btn--has-bg[data-v-3d3c4859] {
    background-color: rgba(100, 100, 100, 0.12) !important;
    color: black !important;
    border: solid 1px lightgrey;
}
div.cardTitle-flexLeft[data-v-3d3c4859] {
  width: 100%;
  display: flex;
  justify-content: left;
  font-family: "Gotham", sans-serif;
  font-weight: 400;
}
.v-list-item[data-v-3d3c4859] {
  min-height: 26px !important;
}
.v-list-item[data-v-3d3c4859]:hover {
  background-color: #bdbdbd !important;
}


.table-footer-prepend[data-v-0173439a] {
    position: absolute;
    padding: 2px 6px 0px 6px;
    font-size: 12;
}


.disable-events[data-v-06ac9a31] {
    pointer-events: none
}
.title-text[data-v-06ac9a31] {
  font-size: 18px;
  font-weight: 400;
  color: #22272E;
  text-align: start;
  text-transform: unset !important;
}  


.scrollable[data-v-6b47f842] {
  height: 24vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.backButton[data-v-6b47f842] {
  position: relative;
  top: 2%;
  left: 3%;
}
.disable-events[data-v-6b47f842] {
  pointer-events: none
}.mixed-case[data-v-6b47f842] {
  text-transform: unset !important;
}
.body-text[data-v-6b47f842] {
  font-size: 14px;
  font-weight: 400;
  color: #627386;
  text-align: start;
  text-transform: unset !important;
}
.title-text[data-v-6b47f842] {
  font-size: 18px;
  font-weight: 400;
  color: #22272E;
  text-align: start;
  text-transform: unset !important;
}
.nutanix-font[data-v-6b47f842] {
   font-family: 'Nutanix Soft',-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.learnTitle[data-v-6b47f842] {
  padding-top: 20px;
  margin-bottom: -20px;
  /* background-color: #f4f4f4; */
}
.relatedTitle[data-v-6b47f842] {
  padding-top: 20px;
  padding-left: 10px;
  background-color: #f4f4f4;
}
.catalog-card[data-v-6b47f842] {
  height: 270px;
  width: 250px;
}
.border-area[data-v-6b47f842] {
  border: 1px solid #B8BFCA;
  border-radius: 4px;
}
.border-red[data-v-6b47f842] {
  border: 1px solid red;
}
.border-green[data-v-6b47f842] {
  border: 1px solid green;
}
.border-blue[data-v-6b47f842] {
  border: 1px solid blue;
}


.parent-container[data-v-2c50e8a2] {
  background: #FFFFFF;
  max-width: 1920px; /* Adjust as needed */
  margin-left: auto;
  margin-right: auto;
}
.description-container[data-v-2c50e8a2] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}
.flex-container[data-v-2c50e8a2] {
  display: flex;
  flex-wrap: wrap;
}
.flex-item[data-v-2c50e8a2] {
  flex: 1 1 500px; /* Default to full width */
}
@media (min-width: 960px) {
.flex-item-md-6[data-v-2c50e8a2] {
    flex: 1 1 200px; /* 50% width on medium screens and up */
}
}
/* Alternate row colors */
.table-row[data-v-2c50e8a2]:nth-child(even) {
  background-color: var(--background-tag);
}
.table-row[data-v-2c50e8a2]:nth-child(odd) {
  background-color: var(--background-invert);
}
.table-row[data-v-2c50e8a2] {
  display: flex;
  padding: var(--spacing-sm);
  justify-content: space-between;
  /* align-items: center;
  align-self: stretch; */
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}
.scrollable[data-v-2c50e8a2] {
  max-height: 30vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.table-banner[data-v-2c50e8a2] {
  display: flex;
  padding: var(--spacing-sm);
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-sm); /* Minimum gap between items */
  background-color: var(--background-primary);
}
.backButton[data-v-2c50e8a2] {
  position: relative;
  top: 2%;
  left: 3%;
}
.disable-events[data-v-2c50e8a2] {
  pointer-events: none;
}
.mixed-case[data-v-2c50e8a2] {
  text-transform: unset !important;
}
.title-text[data-v-2c50e8a2] {
  font-size: 18px;
  font-weight: 400;
  color: #22272e;
  text-align: start;
  text-transform: unset !important;
}
.v-expansion-panel-content[data-v-2c50e8a2] .v-expansion-panel-content__wrap {
  padding: 0;
}


.scrollable[data-v-3c77e43d] {
  height: 24vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.backButton[data-v-3c77e43d] {
  position: relative;
  top: 2%;
  left: 3%;
}
.disable-events[data-v-3c77e43d] {
  pointer-events: none
}.mixed-case[data-v-3c77e43d] {
  text-transform: unset !important;
}
.body-text[data-v-3c77e43d] {
  font-size: 14px;
  font-weight: 400;
  color: #627386;
  text-align: start;
  text-transform: unset !important;
}
.title-text[data-v-3c77e43d] {
  font-size: 18px;
  font-weight: 400;
  color: #22272E;
  text-align: start;
  text-transform: unset !important;
}
.nutanix-font[data-v-3c77e43d] {
   font-family: 'Nutanix Soft',-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.learnTitle[data-v-3c77e43d] {
  padding-top: 20px;
  margin-bottom: -20px;
  /* background-color: #f4f4f4; */
}
.relatedTitle[data-v-3c77e43d] {
  padding-top: 20px;
  padding-left: 10px;
  background-color: #f4f4f4;
}
.catalog-card[data-v-3c77e43d] {
  height: 270px;
  width: 250px;
}
.fail-label-colors[data-v-3c77e43d] {
  background-color: #FDDDDD !important;
  color: #AB3C52;
  text-transform: unset !important;
}
.retry-label-colors[data-v-3c77e43d] {
  background-color: #FFF2CE !important;
  color: #A65A07;
  text-transform: unset !important;
}
.pass-label-colors[data-v-3c77e43d] {
  background-color: #D7F6E1 !important;
  color: #20794E;
  text-transform: unset !important;
}
.progress-label-colors[data-v-3c77e43d] {
  background-color: #FAFAFA !important;
  color: #202020;
  text-transform: unset !important;
}
.border-area[data-v-3c77e43d] {
  border: 1px solid #B8BFCA;
  border-radius: 4px;
}
.border-red[data-v-3c77e43d] {
  border: 1px solid red;
}
.border-green[data-v-3c77e43d] {
  border: 1px solid green;
}
.border-blue[data-v-3c77e43d] {
  border: 1px solid blue;
}


div.buttonFlex[data-v-7068698c] {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.buttonFlex button[data-v-7068698c] {
  color: black;
  background-color: gray;
  margin-top: 1rem;
}
div.cardTitle-flexLeft[data-v-7068698c] {
  width: 50%;
  display: flex;
  justify-content: left;
  font-family: "Gotham", sans-serif;
  font-weight: 200;
}
.table-display[data-v-7068698c] {
  width: 100%;
}
.table-div[data-v-7068698c] {
  width: 100%;
  border: solid 1px lightgray;
}
#tableHeader .th[data-v-7068698c] {
  text-align: left;
  background-color: #034ea2;
  color: white;
  position: sticky;
  top: 0;
  z-index: 2;
  font-size: 12px;
}
.theme--dark.v-btn.v-btn--disabled.v-btn--has-bg[data-v-7068698c] {
  background-color: rgba(100, 100, 100, 0.12) !important;
  color: black !important;
  border: solid 1px black;
}
.only-icon-select.v-text-field[data-v-7068698c] {
  width: 1px;
}
.v-list-item[data-v-7068698c] {
  min-height: 26px !important;
}
.v-list-item[data-v-7068698c]:hover {
  background-color: #bdbdbd !important;
}


div.lp-tab [role="tab"][data-v-d418e230] {
  justify-content: flex-start;
}


div.lp-tab [role="tab"][data-v-16593b76] {
  justify-content: flex-start;
}


.table-footer-prepend[data-v-55b71c36] {
  position: absolute;
  padding: 2px 6px 0px 6px;
  font-size: 12;
}


.table-footer-prepend[data-v-39745415] {
    position: absolute;
    padding: 2px 6px 0px 6px;
    font-size: 12;
}


.table-footer[data-v-5ab5bb8b] {
  text-align: left;
  background-color: #034ea2;
  color: white;
  position: sticky;
  top: 0;
  z-index: 2;
  font-size: 12px;
}
.theme--dark.v-btn.v-btn--disabled.v-btn--has-bg[data-v-5ab5bb8b] {
    background-color: rgba(100, 100, 100, 0.12) !important;
    color: black !important;
    border: solid 1px lightgrey;
}
div.cardTitle-flexLeft[data-v-5ab5bb8b] {
  width: 100%;
  display: flex;
  justify-content: left;
  font-family: "Gotham", sans-serif;
  font-weight: 400;
}
.v-list-item[data-v-5ab5bb8b] {
  min-height: 26px !important;
}
.v-list-item[data-v-5ab5bb8b]:hover {
  background-color: #bdbdbd !important;
}


.learnTitle[data-v-677ff881] {
  padding-top: 20px;
  margin-bottom: -20px;
  background-color: #f4f4f4;
}
.catalog-card[data-v-677ff881] {
  height: 270px;
  width: 250px;
}
.card-image[data-v-677ff881] {
  width: 100%;
  height: 40%;
}


.highlight[data-v-0c5877af] {
  background-color: #E0E1FF;
}


html[data-v-0c5877af] {
  scroll-behavior: smooth;
}

/* .v-card__title   {
  background-color: #f4f4f4;
} */
.learnTitle[data-v-0c5877af] {
  width: 105%;
  margin-left: -1%;
  background-color: #f4f4f4;
}
.scrollable[data-v-0c5877af] {
  height: 210;
  overflow-y: auto;
  overflow-x: hidden;
}
.clickable[data-v-0c5877af]:hover {
  cursor: pointer;
}
.image[data-v-0c5877af] {
  min-width: 120%;
  min-height: 110%;
  margin-top: -10px;
  margin-left: -10px;
  z-index: 0;
}
.disabledElement[data-v-0c5877af]:hover {
  cursor: not-allowed;
}

/* Certification hover menu styles */
.hover-text[data-v-0c5877af] {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
}
.hover-card[data-v-0c5877af] {
  max-width: 350px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.hover-card .v-card__text[data-v-0c5877af] {
  padding: 16px;
}
.info-icon[data-v-0c5877af] {
  font-size: 18px;
  vertical-align: middle;
}

/* Completed row alignment */
#CompletedRow[data-v-0c5877af] {
  align-items: center;
}
#CompletedRow .darkGray--text[data-v-0c5877af] {
  display: inline-flex;
  align-items: center;
}
.list-item[data-v-0c5877af] {
  padding: 4px 0;
}
.list-item .v-list-item__content[data-v-0c5877af] {
  padding: 0;
}

/* Button spacing and alignment for certification section */
.start-button[data-v-0c5877af] {
  min-width: 100px;
  font-size: 12px;
}

/* Ensure proper alignment of certification elements */
.certification-buttons[data-v-0c5877af] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}

/* .v-expansion-panels {

} */
/* .v-expansion-panel {
  display: flex;
  flex-direction: column;
}

.v-expansion-panel-header {
  order: 1;
}

.v-expansion-panel-content__wrap {
  padding: 16px 24px 0;
} */


.lpShow[data-v-2b00f832] {
  max-width: 97%;
  margin-bottom: -25px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 10px;
}
.ml-2[data-v-2b00f832] {
  margin-left: 2%;
}
.ml-n10[data-v-2b00f832] {
  margin-left: -10px;
}
.mx-4[data-v-2b00f832] {
  margin-left: 16px;
  margin-right: 16px;
}
.cursor-pointer[data-v-2b00f832] {
  cursor: pointer;
}


html[data-v-2f337dfc] {
  scroll-behavior: smooth;
}

/* .v-card__title   {
  background-color: #f4f4f4;
} */
.learnTitle[data-v-2f337dfc] {
  width: 105%;
  margin-left: -1%;
  background-color: #f4f4f4;
}
.scrollable[data-v-2f337dfc] {
  height: 210;
  overflow-y: auto;
  overflow-x: hidden;
}
.clickable[data-v-2f337dfc]:hover {
  cursor: pointer;
}
.image[data-v-2f337dfc] {
  min-width: 120%;
  min-height: 110%;
  margin-top: -10px;
  margin-left: -10px;
  z-index: 0;
}
.disabledElement[data-v-2f337dfc]:hover {
  cursor: not-allowed;
}

/* .v-expansion-panels {

} */
/* .v-expansion-panel {
  display: flex;
  flex-direction: column;
}

.v-expansion-panel-header {
  order: 1;
}

.v-expansion-panel-content__wrap {
  padding: 16px 24px 0;
} */


.banner-container[data-v-401e8888] {
  background: #FFFFFF;
  display: flex;
  padding: var(--spacing-md, 32px);
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px; /* Minimum gap between items */
  flex-wrap: wrap;
}
.card-actions[data-v-401e8888] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.properties-list[data-v-401e8888] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}
.metadata-container[data-v-401e8888] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.actions-container[data-v-401e8888] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-md);
  flex-grow: 1; 
  flex-shrink: 1; 
  flex-basis: 500px; 
  min-width: 300px;
  max-width: 592px;
}
.banner-panel-unassigned[data-v-401e8888] {
  border-radius: 4px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
  min-width: 300px;
  max-width: 350px;
}
.banner-panel-assigned[data-v-401e8888] {
  border-radius: 4px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
  min-width: 400px;
  max-width: 450px;
}
.enrolled-banner-container[data-v-401e8888] {
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
}
.header-container[data-v-401e8888] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-md);
  gap: 40px; /* Minimum gap between items */
  flex-wrap: wrap;
  border-bottom: 1px solid var(--border-separator);
}
.enrolled-card-actions[data-v-401e8888] {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
.modules-container[data-v-401e8888] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
}


.facilitator-container[data-v-5af10654] {
  display: flex;
  padding: 0px var(--spacing-sm);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-self: stretch;
  min-height: 300px;
}
.facilitator-header[data-v-5af10654] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--spacing-sm);
  align-self: flex-start;
  min-width: 50%;
}
.facilitator-name[data-v-5af10654] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* gap: var(--spacing-xs); */
}
.facilitator-color[data-v-5af10654] {
  color: var(--text-secondary);
}
.facilitator-description[data-v-5af10654] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) 0;
}
.instruction-description-text[data-v-5af10654] {
    word-wrap: break-word;
}
.facilitator-footer[data-v-5af10654] {
    display: flex;
    padding: var(--spacing-xs) 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background-color: #e9e7e7
}
.facilitator-back[data-v-5af10654] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    border-radius: 4px;
}
.next-facilitator[data-v-5af10654] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}
.avatar-border[data-v-5af10654] {
    border: 1px solid var(--background-tag);
}



.full-discussion-button[data-v-da0d2cd4] {
    color: black;
    background-color: white;
    font-weight: bold;
    text-transform: none !important;
}
.read-more-link[data-v-da0d2cd4] {
    color: var(--v-primary-base);
    text-decoration: none;
    font-size: 0.875rem;
    margin-left: 4px;
    cursor: pointer;
}


.desktop-background_color[data-v-01f7170a] {
  background: white !important;
}
html[data-v-01f7170a] {
  scroll-behavior: smooth;
}
.infoCard[data-v-01f7170a] {
  flex-shrink: 0;
  background-color: #f4f4f4;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 2;
  margin-left: -13px;
}
.infoCard[data-v-01f7170a]::after {
  background: #f4f4f4;
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100.5%;
  top: 0;
  left: 0;
  z-index: -2;
  transform-origin: bottom left;
  transform: skew(-10deg, 0deg);
}
.imageCard[data-v-01f7170a] {
  background-color: white;
  color: white;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  z-index: 0;
}
.imageCard[data-v-01f7170a]::after {
  background: white;
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transform-origin: top left;
  transform: skew(-10deg, 0deg);
}
.slantContainer[data-v-01f7170a] {
  display: flex;
  flex-flow: row;
}
.titleCard[data-v-01f7170a] {
  background-color: #f4f4f4;
}
.buttonCard[data-v-01f7170a] {
  background-color: #546e7a;
  color: white;
}
.scrolledOut[data-v-01f7170a] {
  display: none;
  position: sticky;
  top: 0;
  z-index: 1;
}
.banner[data-v-01f7170a] {
  background-color: #546e7a;
  color: white;
  width: 105%;
  padding: 70px 30px 10px 10px;
  margin-left: -25px;
}
.enrolledBanner[data-v-01f7170a] {
  background-color: #f4f4f4;
  width: 104%;
  padding: 10px 30px 10px 10px;
  margin-left: -2%;
  margin-bottom: 1%;
}
.navTab[data-v-01f7170a] {
  background-color: white;
  width: 101%;
}
.scrollable[data-v-01f7170a] {
  
  overflow-y: auto;
  overflow-x: hidden;
}
.highlight[data-v-01f7170a] {
  background-color: #f4f4f4;
}
.thumbImage[data-v-01f7170a] {
  background-color: white;
  color: white;
  position: relative;
  width: 100%;
  padding: 10px 30px 10px 10px;
  margin-top: 1%;
  z-index: 0;
}
.relatedImage[data-v-01f7170a] {
  flex-shrink: 0;
  min-width: 100%;
  max-width: 100%;
}
.card[data-v-01f7170a] {
  background-color: white;
}
.title[data-v-01f7170a] {
  background-color: #546e7a;
  color: white;
}
.modules[data-v-01f7170a] {
  position: relative;
  top: -16%;
  left: 70%;
}
.unenroll[data-v-01f7170a] {
  position: absolute;
  bottom: 0;
}
.bookmark[data-v-01f7170a] {
  position: absolute;
  bottom: 0;
  right: 0;
}
.learnTitle[data-v-01f7170a] {
  width: 105%;
  margin-left: -1%;
  margin-bottom: -20px;
  background-color: #f4f4f4;
}
.relatedTitle[data-v-01f7170a] {
  padding-top: 20px;
  padding-left: 10px;
  background-color: #f4f4f4;
}
.button-row[data-v-01f7170a] {
  position: relative;
  top: -5%;
  left: 6%;
}
.button-row-shrink[data-v-01f7170a] {
  padding-left: 120px;
  padding-top: 12px;
}
.button-row-shrink-enrolled[data-v-01f7170a] {
  padding-left: 120px;
  padding-top: 5%;
}
.backButton[data-v-01f7170a] {
  position: relative;
  top: 2%;
  left: 3%;
}
.backButtonEnrolled[data-v-01f7170a] {
  position: relative;
}
.clickable[data-v-01f7170a]:hover {
  cursor: pointer;
}
.enrollButton[data-v-01f7170a] {
  position: relative;
  top: 0%;
  left: -5%;
}
.shareButton[data-v-01f7170a] {
  position: relative;
  top: 0%;
  margin-right: 5%;
}
.bookmarkButton[data-v-01f7170a] {
  position: relative;
  top: 0%;
  margin-right: 5%;
}
.bookmarkedButton[data-v-01f7170a] {
  position: relative;
  top: 0%;
  margin-right: 7%;
}
.image[data-v-01f7170a] {
  min-width: 150%;
  min-height: 120%;
  margin-top: -10px;
  margin-left: -120px;
  z-index: 0;
}
.disabledElement[data-v-01f7170a]:hover {
  cursor: not-allowed;
}

.page--table .page__table[data-v-1bfdf136]{margin-top:20px}.page--table .page__grab-icon[data-v-1bfdf136]{cursor:move}
.page--table .page__table[data-v-a3e88a28]{margin-top:20px}.page--table .page__grab-icon[data-v-a3e88a28]{cursor:move}

.v-list-item[data-v-0834621b] {
  min-height: 26px !important;
}
.v-list-item[data-v-0834621b]:hover {
  background-color: #bdbdbd !important;
}


.v-list-item[data-v-9fcbf592] {
  min-height: 26px !important;
}
.v-list-item[data-v-9fcbf592]:hover {
  background-color: #bdbdbd !important;
}


.v-list-item[data-v-2a207d80] {
  min-height: 26px !important;
}
.v-list-item[data-v-2a207d80]:hover {
  background-color: #bdbdbd !important;
}


.v-list-item[data-v-d4436e2c] {
  min-height: 26px !important;
}
.v-list-item[data-v-d4436e2c]:hover {
  background-color: #bdbdbd !important;
}


.v-list-item[data-v-4cffdf86] {
  min-height: 25px !important;
}
.v-list-item[data-v-4cffdf86]:hover {
  background-color: #bdbdbd !important;
}


.material-cls[data-v-13b03e07] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--spacing-xs);
  justify-content: space-between;
  gap: var(--spacing-sm);
  width: 100%;
  border-radius: 1px;
  border-bottom: 1px solid #d8d8d8;
}
.material-content[data-v-13b03e07] {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.material-item-header[data-v-13b03e07] {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: var(--spacing-xs);
  max-width: 50%;
  flex-grow:1;
  flex-shrink:1;
}
.material-header-text[data-v-13b03e07] {
  color: var(--text-primary);
  text-transform: capitalize;
}
.material-operation[data-v-13b03e07] {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: var(--spacing-xs);
  border-radius: 4px;
}
.material-operation-text[data-v-13b03e07] {
  color: var(--text-link-active);
  text-transform: capitalize;
}


.v-toolbar__content-color[data-v-80532490] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}


.v-toolbar__content-color[data-v-6f1835a6] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}


.md-list-item-text {
    white-space: normal;
    padding-bottom: 1rem;
}


.v-list-item[data-v-6824fd81] {
  min-height: 26px !important;
}
.v-list-item[data-v-6824fd81]:hover {
  background-color: #bdbdbd !important;
}


.v-toolbar__content-color[data-v-77453072] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-77453072] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-77453072]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


.v-toolbar__content-color[data-v-67b39056] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-67b39056] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-67b39056]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


.v-toolbar__content-color[data-v-86499102] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-86499102] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-86499102]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


.v-toolbar__content-color[data-v-54a41d4b] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}


.v-toolbar__content-color[data-v-10a6228a] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-10a6228a] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-10a6228a]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


.v-list-item-title[data-v-44ba23fc] {
  font-size: 10px;
}


.v-toolbar__content-color[data-v-8820f7c0] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
.v-input__append-outer .v-icon[data-v-8820f7c0], .v-input__prepend-outer .v-icon[data-v-8820f7c0]{
  color: green !important;
}


div.cert-tab [role="tab"][data-v-6f17c03b] {
  justify-content: flex-start;
}


.v-list-item[data-v-c60c4bfe] {
  min-height: 26px !important;
}
.v-list-item[data-v-c60c4bfe]:hover {
  background-color: #bdbdbd !important;
}

.page--table .page__table[data-v-2c8abb84]{margin-top:20px}.page--table .page__grab-icon[data-v-2c8abb84]{cursor:move}.v-toolbar__content-color[data-v-2c8abb84]{border-bottom-style:solid;border-bottom-color:#546e7a}.v-list-item[data-v-2c8abb84]{min-height:26px !important}.v-list-item[data-v-2c8abb84]:hover{background-color:#bdbdbd !important}

.wrap-text[data-v-343ba90d] {
  -webkit-line-clamp: unset !important;
}


.v-toolbar__content-color[data-v-8e42c654] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}
a[data-v-8e42c654] {
  color: #024da0 !important;
  background-color: transparent;
  text-decoration: none;
}
a[data-v-8e42c654]:hover {
  color: #024da0;
  background-color: transparent;
  text-decoration: underline;
}


.v-toolbar__content-color[data-v-962969ec] {
  border-bottom-style: solid;
  border-bottom-color: #546e7a;
}


.v-list-item[data-v-62012344] {
  min-height: 26px !important;
}
.v-list-item[data-v-62012344]:hover {
  background-color: #bdbdbd !important;
}


.v-list-item[data-v-c282f018] {
  min-height: 26px !important;
}
.v-list-item[data-v-c282f018]:hover {
  background-color: #bdbdbd !important;
}
a[data-v-c282f018]:hover {
  text-decoration: underline;
}


.v-list-item[data-v-09c2f5da] {
  min-height: 26px !important;
}
.v-list-item[data-v-09c2f5da]:hover {
  background-color: #bdbdbd !important;
}
a[data-v-09c2f5da]:hover {
  text-decoration: underline;
}


.session_table___header[data-v-b43aa6f6] {
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 20px !important;
}
.theme--light.v-data-table > .v-data-table__wrapper > table > thead > tr:last-child > th[data-v-b43aa6f6]{
  font-size: 2px !important;
}
.v-data-table>.v-data-table__wrapper>table>tbody>tr>td[data-v-a337aaa8][data-v-b43aa6f6]{
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 20px !important;
}
/* .v-data-table > .v-data-table__wrapper > table > tbody > tr > td{
  font-style: normal !important;
  font-weight: 200 !important;
  font-size: 12px !important;
  line-height: 20px !important;
}

.v-data-table>.v-data-table__wrapper>table>tbody>tr>td {
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 16px !important;
} */
.theme--light.v-data-table>.v-data-table__wrapper>table>thead>tr:last-child>th[data-v-b43aa6f6] {
  border: thin solid rgba(0, 0, 0, 0.12);
}
.wrap-text[data-v-b43aa6f6] {
  word-wrap: break-word !important;
}


.blueprintHaderCardRight__title[data-v-01432418] {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}
.blueprintHaderCardRight__subtitle[data-v-01432418] {
  font-style: normal;
  font-weight: 250;
  font-size: 26px;
  line-height: 40px;
}
.blueprintHaderCardLeft__title[data-v-01432418] {
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
}

/* .blueprintHaderCardContent__title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
} */
.blueprintHaderCardLeft__subtitle[data-v-01432418]{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
.blueprintHaderCardContent__summary[data-v-01432418] {
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 22px;
}
#sticky.stick[data-v-01432418] {
  position: fixed;
  top: 60;
  z-index: 10000;
  border-radius: 0 0 0.5em 0.5em;
  border-top-style: solid;
  border-width: thin;
}
.blueprintHeaderTab__active[data-v-01432418] {
  color: #222222 !important;
  background-color: #ffff !important;
}

.flip-card__top,.flip-card__bottom,.flip-card__back-bottom,.flip-card__back::before,.flip-card__back::after{color:#fff !important;background:#000 !important}.moduleHeading{font-size:1.2rem;font-weight:500;text-align:center;color:#fff;width:100%}

.wrap-text[data-v-f35f32ca] {
  white-space: normal;
}


h1[data-v-556806a7] {
  color: #88b04b;
  font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
  font-weight: 900;
  font-size: 40px;
  margin-bottom: 10px;
}
p[data-v-556806a7] {
  color: #404f5e;
  font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
  font-size: 20px;
  margin: 0;
}
i[data-v-556806a7] {
  color: #9abc66;
  font-size: 100px;
  line-height: 200px;
  margin-left: 58px;
}


.order-item-line[data-v-eef94fba] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.order-item-header[data-v-eef94fba] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--spacing-xs);
}
.order-item-name[data-v-eef94fba] {
  width: 269px;
}
.order-item-users[data-v-eef94fba] {
  scroll-behavior: smooth;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  overflow-y: auto;
  max-height: 200px;
}
.order-item-field-box[data-v-eef94fba] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.order-item-text[data-v-eef94fba] {
  text-align: center;
}


.payment-status[data-v-8a1ac180] {
  background-color: var(--background-invert);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow-y: auto;
}
.payment-box[data-v-8a1ac180] {
  display: flex;
  width: 800px;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}
.icon-box[data-v-8a1ac180] {
  display: flex;
  width: 300px;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
}
.payment-text-box[data-v-8a1ac180] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs);
  align-self: stretch;
}
.redirection-loader[data-v-8a1ac180] {
  display: flex;
  width: 384px;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs);
}
.redirection-text[data-v-8a1ac180] {
  text-align: center;
}
.order-status-cls[data-v-8a1ac180] {
  display: flex;
  padding: var(--spacing-sm);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
  align-self: stretch;
  border-radius: 4px;
  background: rgba(240, 240, 240, 0.40);
}
.final-total-cls[data-v-8a1ac180] {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  align-self: flex-end;
  gap: var(--spacing-sm);
  padding: 0 0 var(--spacing-md) 0;
}
.orders-cls[data-v-8a1ac180] {
  display: flex;
  width: 761px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-md);
}
.orders-heading[data-v-8a1ac180] {
  text-transform: uppercase;
}
.order-table[data-v-8a1ac180] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.text-cross[data-v-8a1ac180] {
  text-decoration: line-through;
}



.banner-container[data-v-ee7a208a] {
  background: var(--background-invert);
  display: flex;
  padding: var(--spacing-md);
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px; /* Minimum gap between items */
  flex-wrap: wrap;
}
.card-actions[data-v-ee7a208a] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.properties-list[data-v-ee7a208a] {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}
.metadata-container[data-v-ee7a208a] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.actions-container[data-v-ee7a208a] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  flex-grow: 1; 
  flex-shrink: 1; 
  flex-basis: 500px; 
  min-width: 300px;
  max-width: 670px;
}
.banner-panel[data-v-ee7a208a] {
  border-radius: 4px;
  flex-grow: 1; 
  flex-shrink: 1; 
  flex-basis: 500px; 
  min-width: 300px;
  max-width: 350px;
}
.header-container[data-v-ee7a208a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-md);
  gap: 40px; /* Minimum gap between items */
  flex-wrap: wrap;
  border-bottom: 1px solid var(--border-separator);
}


.session-container[data-v-13407d23] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
  max-height: 100%;
  flex-wrap:wrap;
}
.session-image-container[data-v-13407d23] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 200px;
  min-height: 160px;
  max-width: 250px;
  max-height: 200px;
}
.session-image[data-v-13407d23] {
  width: 100%;
  height: 100%;
}
.middle-section[data-v-13407d23] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.session-details[data-v-13407d23] {
  background-color: var(--background-tag); /* Light gray background for text */
  padding: var(--spacing-sm);
  border-radius: 4px;
}
.box-card[data-v-13407d23] {
  display: flex;
  min-width: 150px;
  max-width: 300px;
  padding: var(--spacing-xs) var(--spacing-sm);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
  border-radius: 4px;
  background:var(--background-tag);
}
.time-card[data-v-13407d23] {
  background-color: var(--background-tag); /* Light grey background */
  border-radius: 2px; /* Rounded corners */
  border-width: 0px;
  display:flex;
  flex-wrap:wrap;
  flex-direction: row;
  padding: var(--spacing-xs) var(--spacing-sm); /* Inner spacing */
  text-align: left; /* Align text to the left */
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}
.session-details-btn[data-v-13407d23] {
  color: var(--text-primary);
  text-decoration: none;
  text-transform: capitalize;
  font-weight: 700;
}
.full-width-chip[data-v-13407d23] {
  border-radius: 0 !important;
  display: block;
  width: auto;
  text-align: center;
  min-width: 200px;
  max-width: 250px;
}
.session-details-btn[data-v-13407d23]:hover {
  text-decoration: underline;
  color: var(--text-primary);
  font-weight: 700;
  cursor: pointer;
}
.session-text[data-v-13407d23] {
  font-weight: 700;
}
.session-container[data-v-13407d23] {
  width: 1216px;
  height: 160px;
  border-radius: 4px;
  background: var(--background-invert);
}
.image-section[data-v-13407d23] {
  width: 200px;
  height: 160px;
  flex-shrink: 0;
  border-radius: 4px 0px 0px 4px;
  background: var(--background-primary);
}
.session-info-cls[data-v-13407d23] {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  flex-wrap: wrap;
}
.required-buttoncls[data-v-13407d23] {
  display: flex;
  padding: var(--spacing-xs);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs);
  border-radius: 4px;
  background: var(--background-info-error);
  height: 28px;
}
.expired-buttoncls[data-v-13407d23] {
  display: flex;
  padding: var(--spacing-xs);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs);
  border-radius: 4px;
  background: var(--background-tag);
  height: 28px;
}
.session-box-cls[data-v-13407d23] {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: flex-start;
  border-radius: 4px;
  background: var(--background-invert);
}
.addtowaitlist-cls[data-v-13407d23] {
  display: inline-flex;
  padding: 4px var(--spacing-xs);
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: var(--background-info-warn);
}
.addtowaitlist-text[data-v-13407d23] {
  color: var(--text-info-warn);
  text-transform: capitalize;
}
.live-buttoncls[data-v-13407d23] {
  display: inline-flex;
  padding: 4px var(--spacing-xs);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs);
  border-radius: 4px;
  background: var(--background-error);
}
.session-details-cls[data-v-13407d23] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  gap: var(--spacing-xs);
  color: var(--text-primary);
  border-radius: 4px;
  padding: 0;
}
.session-operations[data-v-13407d23] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: auto;
  padding: var(--spacing-sm) !important;
  gap: var(--spacing-md);
}
.tag-cls[data-v-13407d23] {
  height: 20%;
  margin-top: -5%;
}
.expired-session[data-v-13407d23] {
  opacity: 0.5;
}
.session-image-container-replacer[data-v-13407d23] {
  display: none;
}
.session-type-name[data-v-13407d23] {
  display: none;
}
.session-details-box[data-v-13407d23] {
  display: flex;
  padding: var(--spacing-sm) var(--spacing-sm);
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  align-self: flex-start;
}
.session-details-box-inner[data-v-13407d23] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  padding: 0px 0px;
}
.session-timings[data-v-13407d23] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--spacing-sm);
  flex-wrap:wrap;
}
.tag-center-cls[data-v-13407d23] {
  justify-content: center;
  align-self: center;
}
.tag-flex-end-cls[data-v-13407d23] {
  justify-content: center;
  align-self: flex-end;
}
.tag-flex-start-cls[data-v-13407d23] {
  justify-content: flex-start;
  align-self: flex-start;
  gap: var(--spacing-md);
}
.tag-flex-mid-cls[data-v-13407d23] {
  justify-content: center;
  align-self: flex-end;
  gap: var(--spacing-sm);
}
.session-cls-virtual[data-v-13407d23] {
  background: linear-gradient(to right, var(--background-primary) 0%, var(--background-primary) 60%,rgba(120, 85, 250,0.8) 100%, rgba(120, 85, 250,0.8) 100%);
}
.session-cls-hybrid[data-v-13407d23] {
  background: linear-gradient(to right, var(--background-primary) 0%, var(--background-primary) 60%,rgba(34, 165, 247, 0.8) 100%, rgba(34, 165, 247, 0.8) 100%);
}
.session-cls-classroom[data-v-13407d23] {
  background: linear-gradient(to right,var(--background-primary) 0%, var(--background-primary) 60%, rgba(54, 208, 104, 0.8) 100%, rgba(54, 208, 104, 0.8) 100%);
}
.guarantee-box[data-v-13407d23] {
  margin-left: var(--spacing-sm);
}
.large-screen-cls[data-v-13407d23] {
  display: flex;
}
.session-card[data-v-13407d23] {
  display: flex;
  max-width: 100%;
  outline: none;
  text-decoration: none;
  transition-property: box-shadow, opacity;
  overflow-wrap: break-word;
  position: relative;
  white-space: normal;
  height: 100%;
}
.guaranteed-to-run-cls[data-v-13407d23] {
  display: flex;
  padding: var(--spacing-xs) var(--spacing-sm);
  align-items: center;
  gap: var(--spacing-sm);
  border-radius: 4px;
  background: var(--background-info-success);
}
.tentative-cls[data-v-13407d23] {
  display: flex;
  padding: var(--spacing-xs) var(--spacing-sm);
  align-items: center;
  gap: var(--spacing-sm);
  border-radius: 4px;
  background: var(--background-info-warn);
}
.session-card-small[data-v-13407d23] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 100%;
}
.session-type-text[data-v-13407d23] {
  color: var(--text-invert);
  text-align: center;
}
.session-box[data-v-13407d23] {
  display: flex;
  flex-direction: row;
  padding: 0 var(--spacing-sm);
  justify-content: space-between;
  align-items: center;
  align-self: center;
  flex: 1 0 0;
  flex-wrap: wrap;
}
.required-text[data-v-13407d23] {
  font-weight: 700;
  color: var(--text-info-error);
  text-transform: capitalize;
}
@media screen and (min-width: 1000px) and (max-width: 1300px) {
.session-image-container[data-v-13407d23] {
    display:none;
}
.large-screen-cls[data-v-13407d23] {
    display: none !important;
}
.tag-flex-start-cls[data-v-13407d23] {
    justify-content: center;
    align-self: center;
}
.session-image-container-replacer[data-v-13407d23] {
    display: flex;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    align-items: center;
    padding-left: var(--spacing-sm);
}
.session-type-name[data-v-13407d23] {
    display: flex;
    justify-content: center;
}
}
@media screen and (max-width: 1000px) {
.session-image-container[data-v-13407d23] {
    display:none;
}
.large-screen-cls[data-v-13407d23] {
    display: none !important;
}
.tag-flex-start-cls[data-v-13407d23] {
    justify-content: center;
    align-self: center;
}
.session-image-container-replacer[data-v-13407d23] {
    display: flex;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    align-items: center;
    padding-left: var(--spacing-sm);
}
.session-box[data-v-13407d23] {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
    flex: 1 0 0;
    flex-wrap: wrap;
}
.session-operations[data-v-13407d23] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-left: auto;
    padding: var(--spacing-sm) !important;
    gap: var(--spacing-md);
}
.guarantee-box[data-v-13407d23] {
    margin-left: 0px;
}
.session-type-name[data-v-13407d23] {
    display: flex;
    justify-content: center;
    border-radius: 4px;
}
}
@media screen and (max-width: 700px) {
.session-image-container[data-v-13407d23] {
    display:none;
}
.large-screen-cls[data-v-13407d23] {
    display: none !important;
}
.guarantee-box[data-v-13407d23] {
    margin-left: 0px;
}
.tag-flex-start-cls[data-v-13407d23] {
    justify-content: center;
    align-self: center;
}
.session-box[data-v-13407d23] {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
    flex: 1 0 0;
    flex-wrap: wrap;
}
.session-operations[data-v-13407d23] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-left: auto;
    padding: var(--spacing-sm) !important;
    gap: var(--spacing-md);
}
.session-image-container-replacer[data-v-13407d23] {
    display: flex;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    align-items: center;
    padding-left: var(--spacing-sm);
}
.session-type-name[data-v-13407d23] {
    display: flex;
    justify-content: center;
    border-radius: 4px;
}
.session-box-cls[data-v-13407d23] {
    flex-direction: column;
    padding: 0px 24px;
}
}


.session-skeleton-card[data-v-31bf1293] {
  margin-bottom: 16px;
}
.session-skeleton-image[data-v-31bf1293] {
  width: 100%;
  height: 170px;
}
.session-skeleton-text[data-v-31bf1293] {
  width: 100%;
  height: 30px;
}
.session-skeleton-small-text[data-v-31bf1293] {
  width: 100px;
  height: 30px;
}
.time-card[data-v-31bf1293] {
  background-color: var(--background-tag); /* Light grey background */
  border-radius: 2px; /* Rounded corners */
  border-width: 0px;
  margin-left: var(--spacing-sm);
  padding: var(spacing-xs) var(--spacing-sm); /* Inner spacing */
  display: inline-block; /* Fits content width */
  text-align: left; /* Align text to the left */
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  margin-top: var(--spacing-sm);
  margin-bottom:var(--spacing-sm);
}
.session-skeleton-summary-text[data-v-31bf1293] {
  width: 100%;
  height: 20px;
}
.session-skeleton-operation-text[data-v-31bf1293] {
  width: 100px;
  height: 30px;
}
.summary-card[data-v-31bf1293] {
  background-color: var(--background-tag); /* Light grey background */
  border-radius: 2px; /* Rounded corners */
  border-width: 0px;
  padding: var(--spacing-sm); /* Inner spacing */
  min-width: 150px;
  max-width: 300px;
  display: inline-block; /* Fits content width */
  text-align: left; /* Align text to the left */
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  margin-left: var(--spacing-sm); /* Add spacing between cards */
  margin-top: var(--spacing-xs);
  margin-bottom:var(--spacing-sm);
}
.session-operations[data-v-31bf1293] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  padding: var(--spacing-sm) !important;
  gap: var(--spacing-md)
}


.session-card[data-v-28fddfd6] {
  border-radius: 8px;
}
.session-header[data-v-28fddfd6] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--spacing-sm);
  flex: 1 0 0;
  justify-content: space-between;
}
.loading[data-v-28fddfd6] {
  text-align: center;
  padding: 20px;
  background-color: var(--background-invert);
  margin: var(--spacing-md) 0;
}
.session-list-container[data-v-28fddfd6] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: transparent;
}
.custom-tab-item[data-v-28fddfd6] {
  background-color: transparent !important; /* Make background transparent */
}
.progress-completion[data-v-28fddfd6] {
  max-width: 188px; 
  border-radius:5px;
  margin-top:5px;
}
.buttoncls[data-v-28fddfd6] {
  min-height: 39px;
}
.rectangular-chip[data-v-28fddfd6] {
  border-radius: 1px !important; /* Remove border radius to make the chip rectangular */
}
.scroll-cls[data-v-28fddfd6] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.filter-search[data-v-28fddfd6] {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
  max-width: 600px;
  margin: var(--spacing-sm) 0;
}
.search-cls[data-v-28fddfd6] {
  max-width: 100%;
  min-width: 400px;
}


.requirements-text[data-v-19c500a8] {
  max-width: 592px;
}


.requirements-text[data-v-86ef9d8c] {
  max-width: 592px;
}


.parent-container[data-v-274d1dd1] {
  background: #FFFFFF;
  max-width: 1920px; /* Adjust as needed */
  margin-left: auto;
  margin-right: auto;
}
.tab-container[data-v-274d1dd1] {
  display: flex;
  padding: var(--spacing-sm) var(--spacing-md) 0;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.v-tab[data-v-274d1dd1]:not(:last-child) {
  margin-right: 32px;
}
.tab-item-container[data-v-274d1dd1] {
  background: #F0F0F0 !important;
  display: flex;
  padding: var(--spacing-md);
  flex-direction: column;
  /* align-items: flex-start; */
  gap: var(--spacing-md);
}
[data-v-274d1dd1] .v-slide-group__next,[data-v-274d1dd1] .v-slide-group__prev {
  flex-basis: 30px;
  min-width: 30px;
}
.sticky-element[data-v-274d1dd1] { /* For Safari */
  position: sticky;
  top: 60;
  padding: 2px 2px 0px 2px;
  z-index: 5; /* Ensure it stays on top of other elements */
  background-color: #FFF; /* Optional: to ensure it doesn't overlap with other content */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: add a subtle shadow */
}


.overview_box_color[data-v-3cc3d73d] {
  padding-top: 20px;
  padding-left: 10px;
  background-color: #f4f4f4;
}
.catalog-card[data-v-3cc3d73d] {
  height: 270px;
  width: 250px;
}
.card-image[data-v-3cc3d73d] {
  width: 100%;
  height: 40%;
}
.blueprintHaderCardRight__title[data-v-3cc3d73d] {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}
.blueprintHaderCardRight__subtitle[data-v-3cc3d73d] {
  font-style: normal;
  font-weight: 250;
  font-size: 26px;
  line-height: 40px;
}
.blueprintHaderCardLeft__title[data-v-3cc3d73d] {
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 40px;
}

/* .blueprintHaderCardContent__title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
} */
.blueprintHaderCardLeft__subtitle[data-v-3cc3d73d]{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
.blueprintHaderCardContent__summary[data-v-3cc3d73d] {
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 22px;
}
#sticky.stick[data-v-3cc3d73d] {
  position: fixed;
  top: 60;
  z-index: 10000;
  border-radius: 0 0 0.5em 0.5em;
  border-top-style: solid;
  border-width: thin;
}
.blueprintHeaderTab__active[data-v-3cc3d73d] {
  color: #222222 !important;
  background-color: #ffff !important;
}
.relatedImage[data-v-3cc3d73d] {
  flex-shrink: 0;
  min-width: 100%;
  max-width: 100%;
}


.instructor-container[data-v-95d041a0] {
  display: flex;
  padding: 0px var(--spacing-sm);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-self: stretch;
  min-height: 300px;
}
.instructor-header[data-v-95d041a0] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--spacing-sm);
  align-self: flex-start;
  min-width: 50%;
}
.instructor-name[data-v-95d041a0] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
}
.instructor-color[data-v-95d041a0] {
  color: var(--text-secondary);
}
.instructor-description[data-v-95d041a0] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) 0;
}
.instruction-description-text[data-v-95d041a0] {
    word-wrap: break-word;
}
.instructor-footer[data-v-95d041a0] {
    display: flex;
    padding: var(--spacing-xs) 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background-color: #e9e7e7
}
.instructor-back[data-v-95d041a0] {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    border-radius: 4px;
}
.next-instructor[data-v-95d041a0] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
}
.avatar-border[data-v-95d041a0] {
    border: 1px solid var(--background-tag);
}



.countdown-timer[data-v-1086ce51] {
  display: flex;
  text-align: center;
  font-family: Arial, sans-serif;
  gap: var(--spacing-xs) !important;
  flex-direction: column;
}
.timer[data-v-1086ce51] {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.time-block[data-v-1086ce51] {
  display: flex;
  flex-direction: column;
  min-width: 50px;
}
.time-subtext[data-v-1086ce51] {
  text-align: center;
  align-self: stretch;
}
.time-box[data-v-1086ce51] {
  display: flex;
  height: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs);
  align-self: stretch;
  border-radius: 4px;
  background: var(--background-tag);
}
.time-text[data-v-1086ce51] {
  color: var(--text-primary);
  text-align: center;
  text-transform: capitalize;
}


.event-container[data-v-6e7abd06] {
  width:100%;
  flex-grow:1;
  flex-shrink:1;
  padding: var(--spacing-sm);
}
.event-info-box[data-v-6e7abd06] {
  display: flex;
  flex-direction: row;
  padding: var(--spacing-sm);
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 2px;
  border: 1px solid var(--background-tag);
  background: var(--background-invert);
  flex-wrap: wrap;
  box-shadow: 0px 1px 1px 0px rgba(19, 19, 19, 0.02), 0px 5px 5px 0px rgba(19, 19, 19, 0.02), 0px 9px 9px 0px rgba(19, 19, 19, 0.02);
}
.event-info[data-v-6e7abd06] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-sm);
}
.event-tag[data-v-6e7abd06] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--spacing-xs);
}
.event-lable[data-v-6e7abd06] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing-sm);
}
.upcoming-cls[data-v-6e7abd06] {
  display: flex;
  padding: 4px var(--spacing-xs);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs);
  border-radius: 4px;
  background: var(--background-button);
}
.event-title[data-v-6e7abd06] {
  align-self: stretch;
}
.present-cls[data-v-6e7abd06] {
  display: flex;
  padding: 4px var(--spacing-xs);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs);
  border-radius: 4px;
  background: var(--background-info-success);
}
.present-text[data-v-6e7abd06] {
  color: var(--text-info-success);
  text-transform: capitalize;
}
.absent-cls[data-v-6e7abd06] {
  display: flex;
  padding: var(--spacing-xs);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs);
  border-radius: 4px;
  background: var(--background-info-error);
}
.absent-text[data-v-6e7abd06] {
  color: var(--text-info-error);
  text-transform: capitalize;
}
.joined-cls[data-v-6e7abd06] {
  display: flex;
  padding: 4px var(--spacing-xs);
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-xs);
  border-radius: 4px;
  background: #c0c0f1;
}
.joined-text[data-v-6e7abd06] {
  color: var(--text-link-hover);
  text-transform: capitalize;
}
.live-cls[data-v-6e7abd06] {
  display: flex;
  padding: 4px var(--spacing-xs);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs);
  border-radius: 4px;
  background: var(--background-error);
}
.assessment-text[data-v-6e7abd06] {
  color: var(--text-primary);
}
.assessment-text[data-v-6e7abd06]:hover {
  text-decoration: underline;
  cursor: pointer;
}
.assessment-cls[data-v-6e7abd06] {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.assessment-subtext[data-v-6e7abd06] {
  color: var(--text-info-error);
  text-transform: capitalize;
  margin: 3px 0px;
}
.join-event-cls[data-v-6e7abd06] {
  display: flex;
  flex-direction: row;
  justify-content: right;
  align-items: flex-end;
  gap: var(--spacing-md);
}
.event-operations[data-v-6e7abd06] {
  justify-content: flex-end;
  min-width: 150px;
  display:flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  align-items: flex-end;
}
.msg-cls[data-v-6e7abd06] {
  display: flex;
  padding: var(--spacing-xs);
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--spacing-xs);
  align-self: stretch;
}
.msg-text[data-v-6e7abd06] {
  color: var(--text-info-warn);
  width: 216px;
}
.event-classroom[data-v-6e7abd06] {
  flex: 1 0 0;
}
.moduleHeading[data-v-6e7abd06] {
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  color: var(--text-invert);
  width:100%;
}
.avatar-border[data-v-6e7abd06] {
  border: 1px solid var(--background-tag);
}


.event-list-container[data-v-48d0232e] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  min-height: 40vh;
  max-height: 80vh; /* Ensure it takes up the full height */
  overflow-y: auto; /* Enable vertical scrolling */
  background-color: var(--background-invert);
  width: 100%;
  padding: 0 var(--spacing-sm);
}
[data-v-48d0232e] .v-timeline {
  align-self: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
[data-v-48d0232e] .v-timeline::before {
  display:none;
}
[data-v-48d0232e] .v-timeline-item {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  width:100%;
  align-self: flex-start; /* Align the timeline items to the left */
  justify-content: left; /* Ensure the content is aligned to the left */
}
[data-v-48d0232e] .v-timeline-item__opposite {
  display: flex;
  flex: 0 0 auto;
  align-self: flex-start;
  align-items: flex-start !important;
}
[data-v-48d0232e] .v-timeline-item__divider::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 120%;
  background-color: var(--background-primary); /* Adjust the color as needed */
}
[data-v-48d0232e] .v-timeline-item__body {
  width: 100%;
  flex: 1 1 auto;
  max-width: 100% !important;
  margin-top: -30px;
}
[data-v-48d0232e] .v-timeline-item__dot {
  width: var(--spacing-sm); /* Adjust the width as needed */
  height: var(--spacing-sm); /* Adjust the height as needed */
  margin-top: 15px;
}
.event-date-box[data-v-48d0232e] {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 70px;
  padding: 0px 0px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.event-date[data-v-48d0232e] {
  color: var(--text-primary);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
  text-transform: capitalize;
}
.end-cls[data-v-48d0232e] {
  display:flex;
  flex-direction: row;
  font-weight: bold;
  height: 20px;
  justify-content: center !important;
}
.loader-set-cls[data-v-48d0232e] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-sm);
}



.material-container[data-v-27c27516] {
  display: flex;
  padding: 0px var(--spacing-sm);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-md);
  align-self: stretch;
  min-height: 40vh;
  max-height: 80vh;
  overflow-y:auto;
  background-color: var(--background-invert);
}
.course-material[data-v-27c27516],
.session-materials[data-v-27c27516] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
  align-self: stretch;
  width: 100%;
  margin: 1% 0% 1% 0%;
  padding: 0 var(--spacing-sm);
}
.material-content[data-v-27c27516] {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-xs);
}
.material-item-header[data-v-27c27516] {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: var(--spacing-xs);
  max-width: 50%;
  flex-grow:1;
  flex-shrink:1;
}
.material-header-text[data-v-27c27516] {
  color: var(--text-primary);
  text-transform: capitalize;
}
.material-operation[data-v-27c27516] {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: var(--spacing-xs);
  border-radius: 4px;
}
.material-operation-text[data-v-27c27516] {
  color: var(--text-link-active);
  text-transform: capitalize;
}
.material-operation-text-disabled[data-v-27c27516] {
  color: var(--text-secondary);
  text-transform: capitalize;
}
.no-available-content[data-v-27c27516] {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--spacing-md);
  width: 100%;
  background-color: var(--background-tag); /* Optional background color */
  border-radius: 8px; /* Optional rounded corners */
}
.material-cls[data-v-27c27516] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-xs);
  width: 100%;
  padding: 4px 0;
  border-radius: 1px;
  border-bottom: 1px solid var(--border-separator);
}



.parent-container[data-v-600b8e7b] {
  display: flex;
  flex-direction: column;
  max-width: 1920px; /* Adjust as needed */
  margin-left: auto;
  margin-right: auto;
  background-color: var(--background-invert);
}
.session-container[data-v-600b8e7b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-xs);
  background: var(--background-primary);
  flex-wrap: nowrap;
  flex-shrink: 1;
}
.session-info-container[data-v-600b8e7b] {
  display: flex;
  flex-direction: column;
  align-self: center;
  padding: 0 var(--spacing-sm);
  justify-content: space-between;
  height: 100%;
}
.timezone-cls[data-v-600b8e7b] {
  display: flex;
  padding: var(--spacing-xs) 0;
  align-items: center;
  gap: var(--spacing-xs);
  margin: 1% 0% 1% 0%;
}
.session-label[data-v-600b8e7b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacing-xs);
  margin: 1% 0% 1% 0%;
  flex-wrap: wrap;
}
.session-type-text-virtual[data-v-600b8e7b],
.session-type-text-hybrid[data-v-600b8e7b],
.session-type-text-classroom[data-v-600b8e7b] {
  align-self: stretch;
  margin: 1% 0 1% 0%;
}
.session-type-text-virtual[data-v-600b8e7b] {
  color: var(--text-link-hover);
}
.session-type-text-hybrid[data-v-600b8e7b] {
  color: rgba(34, 165, 247, 0.50);
}
.session-type-text-classroom[data-v-600b8e7b] {
  color: rgba(54, 208, 104, 0.50);
}
.session-time-text[data-v-600b8e7b] {
  color: var(--text-invert);
  margin: 1% 0 1% 0% !important;
  min-width: 360px;
}
.session-timezone-text[data-v-600b8e7b] {
  color: var(--text-invert);
  margin: 2% 0%;
}
.session-summary[data-v-600b8e7b] {
  display: flex;
  min-width: 10%;
  flex-direction: column;
  align-items: flex-start;
}
.session-summary-title[data-v-600b8e7b] {
  color: var(--text-secondary);
}
.session-summary-text[data-v-600b8e7b] {
  color: var(--text-invert);
  text-transform: capitalize;
}
.guarantee-cls[data-v-600b8e7b] {
  display: flex;
  padding: var(--spacing-xs);
  align-items: center;
  gap: var(--spacing-xs);
  border-radius: 4px;
  background: var(--text-info-success);
}
.tentative-cls[data-v-600b8e7b] {
  display: flex;
  padding: var(--spacing-xs);
  align-items: center;
  gap: var(--spacing-xs);
  border-radius: 4px;
  background: var(--background-info-warn);
}
.required-buttoncls[data-v-600b8e7b] {
  display: flex;
  padding: var(--spacing-xs);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-xs);
  border-radius: 4px;
  background: var(--background-info-error);
  height: 28px;
}
.required-text[data-v-600b8e7b] {
  font-weight: 700;
  color: var(--text-info-error);
  text-transform: capitalize;
}
.session-operations[data-v-600b8e7b] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: wrap;
}
.session-tab-container[data-v-600b8e7b] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1; /* Allow the container to grow */
  flex-shrink: 1.5; /* Allow the container to shrink */
  flex-wrap: wrap; 
  gap: var(--spacing-xs);
  flex-basis: 70%;
  height: 100%;
}
.session-container.wrapped[data-v-600b8e7b] {
  width: 100%; /* Full width if wrapping is happening */
}
.session-container-virtual[data-v-600b8e7b] {
  background: url(/img/virtual_classroom.2c3ed3b0.png);
}
.session-container-hybrid[data-v-600b8e7b] {
  background: url(/img/hybrid_classroom.00caa9d6.png);
}
.session-container-classroom[data-v-600b8e7b] {
  background: url(/img/classroom.1382e9dd.png);
}
.session-banner-container[data-v-600b8e7b] {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  background-blend-mode: overlay;
}
.tab-container[data-v-600b8e7b] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: var(--spacing-xs) 0% 0% var(--spacing-xs);
  gap: var(--spacing-xs);
  align-self: stretch;
  background-color: var(--background-invert);
  flex-grow: 1; /* Allow the container to grow */
  flex-shrink: 1; /* Allow the container to shrink */
  flex-wrap: wrap; 
  width: 100%;
}
.tabs-container[data-v-600b8e7b] {
  padding: var(--spacing-sm) 0% 0% 0%;
  background-color:var(--background-invert);
  width: 100%;
}
.tab-item-container[data-v-600b8e7b] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  border-radius: 4px;
  background: var(--background--invert);
  align-self: stretch;
  min-width: 400px;
  height: 100%; /* Ensure it takes up the full height */
  flex-grow: 1; /* Allow the container to grow */
  flex-shrink: 1; /* Allow the container to shrink */
  flex-wrap: wrap; 
  width: 100%;
}
[data-v-600b8e7b] .v-timeline-item .v-timeline-item__opposite {
  flex: 0 0 auto !important;
}
.enrollment-container[data-v-600b8e7b] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-sm);
  padding: 0 var(--spacing-sm) var(--spacing-sm) var(--spacing-sm);
  border-radius: 0 4px 4px 0;
  background: var(--background-invert);
  align-self: stretch;
  height: auto;
  flex-basis: 30%;
  max-width: 500px;
  min-width: 330px;
  border-left: 1px solid var(--background-tag);
  flex-grow: 1; /* Allow the container to grow */
  flex-shrink: 1; /* Allow the container to shrink */
}


.v-list-item[data-v-f8ff2af0] {
  min-height: 26px !important;
}
.v-list-item[data-v-f8ff2af0]:hover {
  background-color: #bdbdbd !important;
}


table th+th[data-v-5fea30fa] {
  border-left: 1px solid #dddddd;
}
table td+td[data-v-5fea30fa] {
  border-left: 1px solid #dddddd;
}
.contain-text-overflow[data-v-5fea30fa] {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: pre-wrap;
  word-break: keep-all;
  /*this stops the word breaking*/
}
td[data-v-5fea30fa]:first-child {
  background: white;
  position: sticky !important;
  left: 0;
  z-index: 1;
  box-shadow: 1px 0 1px 0px #888;
}
.custom-transform-class[data-v-5fea30fa] {
  text-transform: uppercase;
}
table>tbody>tr>td.fixed[data-v-5fea30fa]:nth-child(1),
table>thead>tr>th.fixed[data-v-5fea30fa]:nth-child(1) {
  position: sticky !important;
  position: -webkit-sticky !important;
  right: 0;
  z-index: 9998;
  background: white;
  box-shadow: -1px 0px 3px -1px rgba(0, 0, 0, 0.19);
}
table>thead>tr>th.fixed[data-v-5fea30fa]:nth-child(1) {
  z-index: 9999;
}


.v-list-item[data-v-21aebdd4] {
  min-height: 26px !important;
}
.v-list-item[data-v-21aebdd4]:hover {
  background-color: #bdbdbd !important;
}


div.coupon-tab [role="tab"][data-v-23533fa5] {
  justify-content: flex-start;
}
.scrollable[data-v-23533fa5] {
  height: 210;
  overflow-y: auto;
  overflow-x: hidden;
}


.v-list-item[data-v-45b7da20] {
  min-height: 26px !important;
}
.v-list-item[data-v-45b7da20]:hover {
  background-color: #bdbdbd !important;
}


#contentbody[data-v-691c9aa0] {
    position: relative;
    height: 50vh;
}
#contentbody .contentbody[data-v-691c9aa0] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.contentbody[data-v-691c9aa0] {
    max-width: 767px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
    padding: 15px;
}
.contentbody .contentbody-404[data-v-691c9aa0] {
    position: relative;
    height: 220px;
}
.contentbody p[data-v-691c9aa0] {
    font-size: 16px;
    font-weight: 200;
    margin-top: 0px;
    margin-bottom: 25px;
}
.contentbody a[data-v-691c9aa0] {
    color: #024da0;
    font-weight: 200;
    text-decoration: none;
    border-bottom: 1px dashed #024da0;
    border-radius: 2px;
}
.contentbody-social>a[data-v-691c9aa0] {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 14px;
    color: #024da0;
    border: 1px solid #efefef;
    border-radius: 50%;
    margin: 3px;
    transition: 0.2s all;
}
.contentbody-social>a[data-v-691c9aa0]:hover {
    color: #fff;
    background-color: #024da0;
    border-color: #024da0;
}
@media only screen and (max-width: 480px) {
.contentbody .contentbody-404[data-v-691c9aa0] {
        position: relative;
        height: 168px;
}
.contentbody .contentbody-404 h1[data-v-691c9aa0] {
        font-size: 142px;
}
.contentbody h2[data-v-691c9aa0] {
        font-size: 22px;
}
}


div.course-tab [role="tab"][data-v-7595dbf0] {
  justify-content: flex-start;
}


.headerClass[data-v-611f84d0] {
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clickable[data-v-611f84d0]:hover {
  cursor: pointer;
}
.catalog-card[data-v-611f84d0] {
  height: 320px;
  width: 300px;
}
.card-image[data-v-611f84d0] {
  width: 100%;
  height: 40%;
}
.bookmark[data-v-611f84d0] {
  position: absolute;
  top: 0;
  right: 0;
}
.assignedCourse[data-v-611f84d0]:hover {
  cursor: not-allowed;
}


#notfound[data-v-440386ae] {
  position: relative;
  height: 100vh;
}
#notfound .notfound[data-v-440386ae] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.notfound[data-v-440386ae] {
  max-width: 767px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
  padding: 15px;
}
.notfound .notfound-404[data-v-440386ae] {
  position: relative;
  height: 220px;
}
.notfound .notfound-404 h1[data-v-440386ae] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 186px;
  font-weight: 200;
  margin: 0px;
  background: linear-gradient(130deg, #024da0, #024da0);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  text-transform: uppercase;
}
.notfound h2[data-v-440386ae] {
  font-size: 33px;
  font-weight: 200;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 25px;
  letter-spacing: 3px;
}
.notfound p[data-v-440386ae] {
  font-size: 16px;
  font-weight: 200;
  margin-top: 0px;
  margin-bottom: 25px;
}
.notfound a[data-v-440386ae] {
  color: #024da0;
  font-weight: 200;
  text-decoration: none;
  border-bottom: 1px dashed #024da0;
  border-radius: 2px;
}
.notfound-social>a[data-v-440386ae] {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 40px;
  font-size: 14px;
  color: #024da0;
  border: 1px solid #efefef;
  border-radius: 50%;
  margin: 3px;
  transition: 0.2s all;
}
.notfound-social>a[data-v-440386ae]:hover {
  color: #fff;
  background-color: #024da0;
  border-color: #024da0;
}
@media only screen and (max-width: 480px) {
.notfound .notfound-404[data-v-440386ae] {
    position: relative;
    height: 168px;
}
.notfound .notfound-404 h1[data-v-440386ae] {
    font-size: 142px;
}
.notfound h2[data-v-440386ae] {
    font-size: 22px;
}
}


.four-zero-three__title[data-v-7426065a] {
  color: #024da0;
  font-size: 5rem;
@media (max-width: $breakpoint-xs) {
    font-size: 4rem;
}
}
.four-zero-three__desc[data-v-7426065a] {
  color: #e41919;
  font-size: 2.5rem;
@media (max-width: $breakpoint-xs) {
    font-size: 2rem;
}
}
.four-zero-three__content[data-v-7426065a] {
  font-size: 1.2rem;
  margin-bottom: 2rem;
@media (max-width: $breakpoint-xs) {
    font-size: 1rem;
}
}
.four-zero-three[data-v-7426065a] {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80vh;
}
.four-zero-three__content a[data-v-7426065a] {
  color: #024da0;
  font-weight: 200;
  text-decoration: none;
  border-bottom: 1px dashed #024da0;
  border-radius: 2px;
}


/* .page_404 { */
  /* padding: 40px 0; */
  /* background: #fff; */
  /* font-family: "Arvo", serif; */
/* } */
.page_404 img[data-v-d63f7c74] {
  width: 100%;
}

/* .four_zero_four_bg {
  background-image: url("../../assets/error/UnderMaintenance.gif");
  height: 340px;
  background-position: center;
}

.four_zero_four_bg h1 {
  font-size: 80px;
}

.four_zero_four_bg h3 {
  font-size: 80px;
}

.link_404 {
  color: #fff !important;
  padding: 10px 20px;
  background: #024da0;
  margin: 20px 0;
  display: inline-block;
}
.contant_box_404 {
  margin-top: -50px;
} */
.container[data-v-d63f7c74] {
  margin: auto;
  max-width: 1024px;
  width: 100%;
  height: 100%;
  text-align: center;
  position:relative;
}
.box[data-v-d63f7c74] {
  width: auto ;
  height: 500px;
  /* background: #fff; */
  margin-top:50px;
  margin-left: 100px;
  margin-right: 100px;
  border-radius:5px;
  /* box-shadow: 6px 18px 18px rgba(0, 0, 0, 0.08), -6px 18px 18px rgba(0, 0, 0, 0.08); */
}
.animation[data-v-d63f7c74]{
  margin-top:20%;
  display:inline-block;
  margin-bottom:5%;
}
h1[data-v-d63f7c74]{
  font-size:32px;
  font-weight:400;
  text-transform:uppercase;
  margin:0;
}
p[data-v-d63f7c74]{
  font-size:16px;
  font-weight:700;
  margin:0;
}
a[data-v-d63f7c74]{
  color: #f6921e;
  font-weight: bold;
  text-decoration: none;
  margin-left:5px;
}
.one[data-v-d63f7c74], .two[data-v-d63f7c74], .three[data-v-d63f7c74] {
  display:block;
  float:left;
}
.one[data-v-d63f7c74] {
  background-image: url(/img/three.ef1d5d42.png);
  width:80px;
  height:80px;
  background-size:100% 100%;
  background-repeat:no-repeat;
  margin-top:-10px;
  margin-right:8px;
}
.two[data-v-d63f7c74] {
  background-image: url(/img/two.a3f34af0.png);
  width:100px;
  height:100px;
  background-size:100% 100%;
  background-repeat:no-repeat;
}
.three[data-v-d63f7c74] {
  background-image: url(/img/three.ef1d5d42.png);
  width:80px;
  height:80px;
  background-size:100% 100%;
  background-repeat:no-repeat;
  margin-top:-50px;
  margin-left:-10px;
}
@keyframes spin-one-d63f7c74 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-359deg) ;
}
}
.spin-one[data-v-d63f7c74] {
  animation: spin-one-d63f7c74 1.5s infinite linear;
}
@keyframes spin-two-d63f7c74 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(359deg);
}
}
.spin-two[data-v-d63f7c74] {
  animation: spin-two-d63f7c74 2s infinite linear;
}
a[data-v-d63f7c74] {
  color: #024da0;
  font-weight: 200;
  text-decoration: none;
  border-bottom: 1px dashed #024da0;
  border-radius: 2px;
}


#contentbody[data-v-7a91b3cd] {
    position: relative;
    height: 50vh;
}
#contentbody .contentbody[data-v-7a91b3cd] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.contentbody[data-v-7a91b3cd] {
    max-width: 767px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
    padding: 15px;
}
.contentbody .contentbody-404[data-v-7a91b3cd] {
    position: relative;
    height: 220px;
}
.contentbody p[data-v-7a91b3cd] {
    font-size: 16px;
    font-weight: 200;
    margin-top: 0px;
    margin-bottom: 25px;
}
.contentbody a[data-v-7a91b3cd] {
    color: #024da0;
    font-weight: 200;
    text-decoration: none;
    border-bottom: 1px dashed #024da0;
    border-radius: 2px;
}
.contentbody-social>a[data-v-7a91b3cd] {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 14px;
    color: #024da0;
    border: 1px solid #efefef;
    border-radius: 50%;
    margin: 3px;
    transition: 0.2s all;
}
.contentbody-social>a[data-v-7a91b3cd]:hover {
    color: #fff;
    background-color: #024da0;
    border-color: #024da0;
}
@media only screen and (max-width: 480px) {
.contentbody .contentbody-404[data-v-7a91b3cd] {
        position: relative;
        height: 168px;
}
.contentbody .contentbody-404 h1[data-v-7a91b3cd] {
        font-size: 142px;
}
.contentbody h2[data-v-7a91b3cd] {
        font-size: 22px;
}
}


#unavailable[data-v-0ab1066a] {
  position: relative;
  height: 100vh;
}
#unavailable .unavailable[data-v-0ab1066a] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.unavailable[data-v-0ab1066a] {
  max-width: 767px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
  padding: 15px;
}
.unavailable .unavailable-502[data-v-0ab1066a] {
  position: relative;
  height: 100px;
}
.page_502 img[data-v-0ab1066a] {
width: 100%;
}
.unavailable .unavailable-502 h1[data-v-0ab1066a] {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%);
  font-size: 200px;
  font-weight: 200;
  margin-bottom: 30px;
  background: linear-gradient(130deg, #072876, #072580);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  text-transform: uppercase;
}
.unavailable h2[data-v-0ab1066a] {
  font-size: 30px;
  font-weight: 200;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 30px;
  letter-spacing: 3px;
}
.unavailable p[data-v-0ab1066a] {
  font-size: 15px;
  font-weight: 200;
  margin-top: 0px;
  margin-bottom: 30px;
}
.unavailable a[data-v-0ab1066a] {
  color: #0c2781;
  font-weight: 200;
  text-decoration: none;
  border-bottom: 1px dashed #0b3481;
  border-radius: 2px;
}
.unavailable-social>a[data-v-0ab1066a] {
  display: inline-block;
  height: 37px;
  line-height: 40px;
  width: 40px;
  font-size: 14px;
  color: #0e3472;
  border: 1px solid #efefef;
  border-radius: 50%;
  margin: 3px;
  transition: 0.2s all;
}
.unavailable-social>a[data-v-0ab1066a]:hover {
  color: #fff;
  background-color: #0f2d79;
  border-color: #0c2d7b;
}
@media only screen and (max-width: 480px) {
.unavailable .unavailable-502[data-v-0ab1066a] {
    position: relative;
    height: 150px;
}
.unavailable .unavailable-502 h1[data-v-0ab1066a] {
    font-size: 140px;
}
.unavailable h2[data-v-0ab1066a] {
    font-size: 20px;
}
}


#customError[data-v-128c93d4] {
    position: relative;
    height: 100vh;
}
#customError .customError[data-v-128c93d4] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.customError[data-v-128c93d4] {
    max-width: 767px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
    padding: 15px;
}
.customError[data-v-128c93d4] {
    position: relative;
    height: 220px;
}
.customError h1[data-v-128c93d4] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 186px;
    font-weight: 200;
    margin: 0px;
    background: linear-gradient(130deg, #024da0, #024da0);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    text-transform: uppercase;
}
.customError h2[data-v-128c93d4] {
    font-size: 33px;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 25px;
    letter-spacing: 3px;
}
.customError p[data-v-128c93d4] {
    font-size: 16px;
    font-weight: 200;
    margin-top: 0px;
    margin-bottom: 25px;
}
.customError a[data-v-128c93d4] {
    color: #024da0;
    font-weight: 200;
    text-decoration: none;
    border-bottom: 1px dashed #024da0;
    border-radius: 2px;
}
.customError-social>a[data-v-128c93d4] {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 14px;
    color: #024da0;
    border: 1px solid #efefef;
    border-radius: 50%;
    margin: 3px;
    transition: 0.2s all;
}
.customError-social>a[data-v-128c93d4]:hover {
    color: #fff;
    background-color: #024da0;
    border-color: #024da0;
}
@media only screen and (max-width: 480px) {
.customError[data-v-128c93d4] {
        position: relative;
        height: 168px;
}
.customError h1[data-v-128c93d4] {
        font-size: 142px;
}
.customError h2[data-v-128c93d4] {
        font-size: 22px;
}
}


.v2-h1-text[data-v-01533416] {
  text-transform: unset;
}
.v2-subtitle-text[data-v-01533416] {
  text-transform: unset;
  text-align: center;
}
.email-text[data-v-01533416] {
  text-transform: unset;
}
.email-text[data-v-01533416]:hover {
  text-transform: unset;
}
.animation[data-v-01533416]{
  margin-top:20%;
  display:inline-block;
  margin-bottom:5%;
  max-width: 80vw;
}
.one[data-v-01533416], .two[data-v-01533416], .three[data-v-01533416] {
  display:block;
  float:left;
}
.one[data-v-01533416] {
  background-image: url(/img/three.ef1d5d42.png);
  width:70px;
  height:70px;
  background-size:100% 100%;
  background-repeat:no-repeat;
  margin-top:-10px;
  margin-right:8px;
}
.two[data-v-01533416] {
  background-image: url(/img/two.a3f34af0.png);
  width:90px;
  height:90px;
  background-size:100% 100%;
  background-repeat:no-repeat;
}
.three[data-v-01533416] {
  background-image: url(/img/three.ef1d5d42.png);
  width:70px;
  height:70px;
  background-size:100% 100%;
  background-repeat:no-repeat;
  margin-top:-50px;
  margin-left:-10px;
}
@keyframes spin-one-01533416 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(-359deg) ;
}
}
.spin-one[data-v-01533416] {
  animation: spin-one-01533416 1.5s infinite linear;
}
@keyframes spin-two-01533416 {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(359deg);
}
}
.spin-two[data-v-01533416] {
  animation: spin-two-01533416 2s infinite linear;
}


.text-wrap[data-v-1c86dc10] {
  white-space: normal;
  word-wrap: break-word;
}
.popup-text[data-v-1c86dc10] {
  color: black;
  font-size: 16px;
  font-weight: 500;
  margin-right: 16px;
}
.text-truncate[data-v-1c86dc10] {
  z-index: 10000;
  position: relative;
}


.card-actions[data-v-eda12964] {
  position: absolute;
  bottom: 0;
  left: 25%;
  right: 25%;
}
div.course-tab [role="tab"][data-v-eda12964] {
  justify-content: flex-start;
}
.custom-tab-items[data-v-eda12964] {
  background-color: transparent !important;
}
.relative__modal[data-v-eda12964]{
  position: relative;
  z-index: 10000;
}


/* get rids of the banner at the bottom of the web page */
.skiptranslate[data-v-8b064cfe] {
  display: none !important;
}
.eo__languages .language__flag[data-v-8b064cfe] {
  background-image: none !important;
}


.eo__languages .eo__dropdown .eo__dropdown__menu {
  top: 55px;
  left: -95%
}
.eo__languages .eo__dropdown .eo__dropdown__activator .icon-svg {
  margin: 0px var(--spacing-sm);
  fill: white;
}
.eo__dropdown__menu {
  padding: var(--spacing-sm) !important;
  cursor: initial !important;
  /* background-color: var(--background-primary) !important; */
}
.eo__dropdown__menu ul {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.eo__dropdown__menu li {
  cursor: pointer !important;
  padding: 0 !important;
  border-bottom: initial !important;
  line-height: initial !important;
  letter-spacing: initial !important;
  color: var(--text-primary) !important;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 142.857% */
  text-transform: capitalize;
}
/* .eo__dropdown__menu li:hover {
  color: var(--text-link-hover) !important;
} */
.eo__dropdown__menu .language__flag {
  display: none !important;
}


.custom-list-item[data-v-6742f094] {
  background-color: var(--background-invert);
  border-radius: 4px;
  transition: background-color 0.3s;
  cursor: pointer;
}
.custom-list-item[data-v-6742f094]:hover {
  background-color: var(--background-tag);
}
.v2-label-text[data-v-6742f094] {
  font-size: 9px;
}
.v2-subtitle-text[data-v-6742f094] {
  font-size: 12px;
  line-height: 15px;
}
.fixed-width[data-v-6742f094] {
  max-width: 400px;
  min-width: 400px;
}


.v-app-bar[data-v-3667cf34] .v-toolbar__content {
  padding: 0;
}
.custom-divider[data-v-3667cf34] {
  color: var(--text-tertiary);
  font-size: 2rem;
}
.z-index-13[data-v-3667cf34] {
  z-index: 13 !important;
}


.v-expansion-panel-content[data-v-d7348db8] .v-expansion-panel-content__wrap {
  padding: 0;
}
.expansion-panel[data-v-d7348db8]:first-child {
  border-top: 1px solid var(--border-separator);
}
.expansion-panel[data-v-d7348db8] {
  border-bottom: 1px solid var(--border-separator);
}
.content-area[data-v-d7348db8] {
  height: 100%;
  background-color: var(--background-invert);
  display: flex;
  flex-direction: column;
}


.footer-wrapper[data-v-719558c1] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.footer-center[data-v-719558c1] {
  flex: 1;
  text-align: center;
}
.footer-right[data-v-719558c1] {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}
.contact-link[data-v-719558c1] {
  cursor: pointer;
}
.contact-text[data-v-719558c1] {
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  text-transform: capitalize;
}

/* Responsive: Stack vertically on small screens */
@media (max-width: 767px) {
.footer-wrapper[data-v-719558c1] {
    flex-direction: column;
    align-items: center;
}
.footer-center[data-v-719558c1] {
    margin-bottom: 8px;
    text-align: center;
}
.footer-right[data-v-719558c1] {
    justify-content: center;
}
}


.language-selector[data-v-6903ea01] {
  max-width: 12rem;
}


.breadcrumbs-wrapper[data-v-16aa35a2] {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.breadcrumbs-wrapper[data-v-16aa35a2]::-webkit-scrollbar {
  display: none;  /* Chrome, Safari, and Opera */
}
.v-app-bar[data-v-16aa35a2] .v-toolbar__content {
  padding: 0;
}
.default-cursor[data-v-16aa35a2]{
  cursor: default;
}
.clickable-breadcrumb[data-v-16aa35a2]{
  cursor: pointer;
}
.clickable-breadcrumb[data-v-16aa35a2]:hover{
  text-decoration: underline;
}
.truncate[data-v-16aa35a2] {
  white-space: nowrap;
  overflow: hidden;
}


.justify-between[data-v-e4e70286] {
  justify-content: space-between;
}
.input-range-btn[data-v-e4e70286] {
  border-radius: 8px;
}


.input-text-area[data-v-57d80e40] {
  border-radius: 10px;
}


.question-text[data-v-195eaa11] {
  text-align: justify;
  font-size: 1.10rem;
}


.v2-button-text[data-v-39ac1165] {
  font-size: 14px;
}


.scrollable-text-area[data-v-83e50cfc] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollable-text-area[data-v-83e50cfc]::-webkit-scrollbar {
  display: none;
}
.text-container[data-v-83e50cfc] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-container[data-v-83e50cfc] {
  height: 100%;
}
.image-container[data-v-83e50cfc] {
  flex: 1;
  display: flex;
  min-height: 0;
  /* Allows container to shrink */
}


/* Desktop image styling */
.desktop-image[data-v-83e50cfc] {
  width: 420px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

/* Mobile image styling */
.mobile-image[data-v-83e50cfc] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.announcement-image[data-v-83e50cfc] {
  display: block;
  width: 100%;
  height: auto;
  line-height: 0;
  /* Removes phantom space below image */
}

/* Desktop specific styles */
@media (min-width: 960px) {
.image-container[data-v-83e50cfc] {
    width: 420px;
}
}
.text-container[data-v-83e50cfc] {
  flex: 1;
  min-width: 0;
}
.qr-code-container[data-v-83e50cfc] {
  gap: 32px;
}
@media (min-width: 1280px) {
.qr-code-container[data-v-83e50cfc] {
    gap: 64px;
}
}
.qr-code-image[data-v-83e50cfc] {
  cursor: pointer;
}
.mobile-download-buttons[data-v-83e50cfc] {
  gap: 16px;
}


/* @font-face {
  font-family : domain_font_family;
  font-style : normal;
  font-weight : 100;
  src : url("./fonts/Gotham-MediumItalic.ttf") format('truetype');
}  */
.v-application {
  font-family: domain_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.v-application .title {
  font-family: domain_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.v-application .text-h1 {
  font-family: domain_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.v-application .text-h2 {
  font-family: domain_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.v-application .text-h3 {
  font-family: domain_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.v-application .text-h4 {
  font-family: domain_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.v-application .text-h5 {
  font-family: domain_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.v-application .text-h6 {
  font-family: domain_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.v-application .text-h7 {
  font-family: domain_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.v-application .text-subtitle-1 {
  font-family: domain_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.v-application .text-subtitle-2 {
  font-family: domain_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.v-list-item__title{
  white-space: normal;
  font-family: domain_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}
.v-list-item__subtitle{
  font-family: domain_font_family,-apple-system,BlinkMacSystemFont,sans-serif !important;
}



.cls-1 {
  isolation: isolate;
}
.cls-2 {
  fill: #fff;
}
.cls-3 {
  fill: #757575;
  fill-rule: evenodd;
}

.safari-legacy .flex-gap-xs>*+*{margin-left:8px !important}.safari-legacy .flex-gap-sm>*+*{margin-left:16px !important}.safari-legacy .flex-gap-md>*+*{margin-left:32px !important}.safari-legacy .flex-gap-lg>*+*{margin-left:48px !important}.safari-legacy .flex-gap-xl>*+*{margin-left:64px !important}.safari-legacy .v-row.flex-gap-xs .v-col{padding-left:8px}.safari-legacy .v-row.flex-gap-sm .v-col{padding-left:16px}.safari-legacy .v-row.flex-gap-md .v-col{padding-left:32px}.safari-legacy .v-row.flex-gap-lg .v-col{padding-left:48px}.safari-legacy .v-row.flex-gap-xl .v-col{padding-left:64px}.safari-browser input[type=date]{-webkit-appearance:textfield}.safari-browser input[type=time]{-webkit-appearance:textfield}.safari-browser .v-text-field input{-webkit-appearance:none;-webkit-border-radius:0}.safari-browser .sticky-element{position:sticky}.safari-browser .zoom:hover{transform:scale(1.5, 2)}.safari-browser .zoom:hover .top-card-content{transform:scale(0.6666666667, 0.5);transform-origin:0% 0%}.safari-browser .translate-right{transform:translateX(3rem);transition:transform .3s}.safari-browser .translate-left{transform:translateX(-3rem);transition:transform .3s;transition-delay:.1s}.safari-legacy .v-slide-group__content{display:flex}.safari-legacy .v-tabs{display:flex}.safari-browser .sl-vue-tree{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}.safari-browser .fade-in{animation:fadeout .3s linear 1 forwards}.safari-browser .zoom:hover .fade-in{animation:fadein .3s linear 1 forwards;animation-delay:.3s}.safari-browser .v-menu__content{border-radius:4px}.safari-browser .v-picker{border-radius:4px}.safari-browser .v-card-title,.safari-browser .v-list-item-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.safari-legacy .backdrop-filter{background-color:hsla(0,0%,100%,.8)}.safari-legacy .grid-container{display:flex;flex-wrap:wrap}.safari-legacy .object-fit-cover{background-size:cover;background-position:center}.safari-browser .full-height{height:calc(100vh - 64px)}.safari-browser .elevation-1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.safari-browser .v-text-field--outlined fieldset{border-radius:4px}.safari-browser .v-btn{-webkit-appearance:none;border-radius:4px}.safari-browser .v-text-field input[readonly]{-webkit-appearance:none;cursor:pointer}.safari-browser .v-autocomplete .v-select__selections{flex-wrap:wrap}.safari-browser .v-chip{border-radius:16px}.safari-browser .v-dialog{border-radius:4px}.safari-browser .v-data-table{overflow-x:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width: 768px){.safari-browser .v-container{padding:12px}.safari-browser .v-row{margin:-6px}.safari-browser .v-col{padding:6px}}.safari-browser .auth-loading{position:relative}.safari-browser .auth-loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:safari-spin 1s linear infinite}@keyframes safari-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.safari-browser body{-webkit-user-select:none;-webkit-touch-callout:none}.safari-browser .cookie-notice{z-index:9999 !important;position:fixed !important}.safari-browser .auth-iframe{width:100%;height:100%;border:none}.safari-browser .auth-error{background-color:#ffebee;border:1px solid #f44336;color:#d32f2f;padding:12px;border-radius:4px;margin:16px 0}.safari-browser .icon-container{display:flex;align-items:center;justify-content:center;position:relative}.safari-browser .ellipse-container{position:absolute;top:50%;left:50%;transform:translate(-25%, -50%);width:120%;height:100%}.safari-browser .nutanix-icon{position:relative;z-index:2}.safari-browser .ellipse-cls-virtual,.safari-browser .ellipse-cls-hybrid,.safari-browser .ellipse-cls-classroom{filter:blur(15px);opacity:.8}.safari-legacy .session-label{gap:0}.safari-legacy .session-label>*+*{margin-left:8px}.safari-legacy .session-operations{gap:0}.safari-legacy .session-tab-container{gap:0;margin-bottom:16px}.safari-legacy .tab-container{gap:0}.safari-legacy .tab-item-container{gap:0}.safari-legacy .tab-item-container>*+*{margin-top:16px}.safari-legacy .enrollment-container{gap:0;margin-left:16px}.safari-legacy .enrollment-container>*+*{margin-top:16px}.safari-legacy .session-container{padding:0 32px 0 8px;gap:16px}.safari-legacy .session-info-container{padding:0 16px}.safari-legacy .timezone-cls{padding:8px 0;gap:8px}.safari-legacy .session-summary{gap:8px}.safari-legacy .guarantee-cls,.safari-legacy .tentative-cls,.safari-legacy .required-buttoncls{padding:8px;gap:8px}@media screen and (max-width: 1024px){.safari-browser .icon-cls{display:none !important}.safari-browser .session-container{flex-direction:column}.safari-browser .session-operations{flex-direction:column}}.safari-browser svg{transform:translateZ(0);will-change:transform}.safari-browser .session-tab-container.wrapped{width:100%}.safari-browser .session-tab-container{flex-grow:1;flex-shrink:1}.safari-legacy .ellipse-cls-virtual{background:rgba(120,85,250,.3);filter:blur(20px)}.safari-legacy .ellipse-cls-hybrid{background:rgba(34,165,247,.3);filter:blur(20px)}.safari-legacy .ellipse-cls-classroom{background:rgba(54,208,104,.3);filter:blur(20px)}.safari-browser .v-divider--vertical{align-self:stretch;min-height:40px}.safari-browser .v-skeleton-loader{border-radius:4px}.safari-browser .session-type-text-virtual{color:#7855fa !important}.safari-browser .session-type-text-hybrid{color:#22a5f7 !important}.safari-browser .session-type-text-classroom{color:#36d068 !important}.safari-browser .enrollment-confirmation{flex-direction:column;width:100%}.safari-legacy .enrollment-confirmation{padding:32px;background:#fff}.safari-legacy .enrollment-confirmation-header{gap:0}.safari-legacy .enrollment-confirmation-header>*+*{margin-top:16px}.safari-legacy .session-price-box{gap:0}.safari-legacy .session-price-box>*+*{margin-top:8px}.safari-legacy .coupon-box{gap:0}.safari-legacy .coupon-box>*+*{margin-top:8px}.safari-legacy .enrollment-info-box{padding:8px 16px;gap:0;background:#f5f5f5}.safari-legacy .enrollment-info-box>*+*{margin-top:8px}.safari-legacy .confirmation-bar{gap:0}.safari-legacy .confirmation-bar>*+*{margin-left:16px}.safari-legacy .close-cls{gap:0}.safari-legacy .close-cls>*+*{margin-left:16px}.safari-legacy .enrolled-operations{gap:0}.safari-legacy .enrolled-operations>*+*{margin-left:16px}.safari-legacy .alert-box{padding:4px 8px}.safari-legacy .guarantee-cls,.safari-legacy .tentative-cls,.safari-legacy .required-buttoncls{padding:8px}.safari-browser .set-coupon .v-text-field{flex-grow:1}.safari-browser .set-coupon .v-text-field input{-webkit-appearance:none;border-radius:4px}.safari-browser .set-button{flex-shrink:0;height:40px !important;border-radius:4px}@media screen and (max-width: 1100px){.safari-browser .enrollment-confirmation{border:1px solid #e0e0e0}}.safari-browser .v-dialog--fullscreen{border-radius:0}.safari-browser .v-toolbar{border-radius:0}.safari-browser .v-input--checkbox{align-items:flex-start}.safari-browser .v-input--checkbox .v-input__slot{align-items:flex-start}.safari-browser .enrolled-box-background{background:#eaccff !important}.safari-browser .in_progress-box-background{background:#d0d9fd !important}.safari-browser .completed-box-background{background:#edffd6 !important}.safari-browser .failed-box-background{background:#ffd6dc !important}
:root{--text-primary: #131313;--text-secondary: #5D5D5D;--text-tertiary: #A6A6A6;--text-invert: #FFFFFF;--text-link-hover: #7855FA;--text-link-active: #612BD2;--text-label-primary: #4B00AA;--text-progress: #E69B0A;--text-completed: #289C5E;--text-failed: #C44556;--text-info-error: #AC3D53;--text-info-success: #20794E;--text-info-warn: #A15807;--background-primary: #131313;--background-secondary: #5D5D5D;--background-invert: #FFFFFF;--background-tag: #F0F0F0;--background-button: #7855FA;--background-button-hover: #612BD2;--background-button-active: #4B00AA;--background-button-disabled: #C6BEFE;--border-separator: #D7D7D7;--border-button: #131313;--border-primary: #E0E0E0;--button-primary: #7855FA;--background-info: #E0E1FF;--background-info-warn: #FFF2CE;--background-error: #F55656;--background-info-success: #D7F6E1;--background-info-error: #FDDDDD;--background-success-active: #289C5E;--icon-warn: #FF8C00}.v2-text-primary{color:#131313}.v2-text-secondary{color:#5d5d5d}.v2-text-tertiary{color:#a6a6a6}.v2-text-invert{color:#fff}.v2-text-link-hover{color:#7855fa}.v2-text-link-active{color:#612bd2}.v2-text-label-primary{color:#4b00aa}.v2-text-info-error{color:#ac3d53}.v2-background-primary{background-color:#131313}.v2-background-secondary{background-color:#5d5d5d}.v2-background-invert{background-color:#fff}.v2-background-tag{background-color:#f0f0f0}.v2-background-button{background-color:#7855fa}.v2-background-button-hover{background-color:#612bd2}.v2-background-button-active{background-color:#4b00aa}.v2-background-button-disabled{background-color:#c6befe}.v2-border-separator{border-color:#d7d7d7}.v2-border-button{border-color:#131313}.v2-button-primary{color:#7855fa}.v2-border-separator-text{color:#d7d7d7}.v2-background-info{background-color:#e0e1ff}.v2-background-info-warn{background-color:#fff2ce}.v2-icon-warn{color:#ff8c00}.v2-h1-text{color:#131313;font-family:Montserrat;font-size:40px;font-style:normal;font-weight:700;line-height:45px;text-transform:capitalize}.v2-h2-text{color:#131313;font-family:Montserrat;font-size:28px;font-style:normal;font-weight:700;line-height:35px;text-transform:capitalize}.v2-h3-text{color:#131313;font-family:Montserrat;font-size:24px;font-style:normal;font-weight:700;line-height:30px;text-transform:capitalize}.v2-h4-text{color:#131313;font-family:Montserrat;font-size:18px;font-style:normal;font-weight:700;line-height:25px;text-transform:capitalize}.v2-subtitle-text{color:#5d5d5d;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:600;line-height:25px;text-transform:capitalize}.v2-button-font{font-family:Montserrat;font-size:16px;font-style:normal;font-weight:700;line-height:24px;text-transform:capitalize}.v2-button-text{color:#fff;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:700;line-height:24px;text-transform:capitalize}.v2-menu-text-title-text{color:#131313;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:700;line-height:20px;text-transform:capitalize}.v2-link-text{color:#131313;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-transform:capitalize;cursor:pointer}.v2-link-text:hover{color:#7855fa;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-transform:capitalize}.v2-link-text-no-hover{color:#131313;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:600;line-height:20px;text-transform:capitalize}.v2-menu-text{color:#131313;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.v2-label-text{color:#4b00aa;font-family:Montserrat;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase}.v2-body-text{color:#5d5d5d;font-family:Arial;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.v2-input-field-text{color:#a6a6a6;font-family:Arial;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.v2-input-label-text{color:#5d5d5d;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px;text-transform:capitalize}.v3-popup-text{font-family:Arial;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.v3-tag-text{font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.v3-header-text{font-family:Montserrat;font-size:16px;font-style:normal;font-weight:600;line-height:25px}.v3-subtext{font-family:Montserrat;font-size:12px;font-style:normal;font-weight:700;line-height:20px}.v3-subhead{font-family:Montserrat;font-size:20px;font-style:normal;font-weight:700;line-height:25px;text-transform:capitalize}.v2-highlight-text{color:#fff;font-family:Montserrat;font-size:56px;font-style:normal;font-weight:600;line-height:normal}:root{--text-primary: #131313;--text-secondary: #5D5D5D;--text-tertiary: #A6A6A6;--text-invert: #FFFFFF;--text-link-hover: #7855FA;--text-link-active: #612BD2;--text-label-primary: #4B00AA;--text-progress: #E69B0A;--text-completed: #289C5E;--text-failed: #C44556;--text-info-error: #AC3D53;--text-info-success: #20794E;--text-info-warn: #A15807;--background-primary: #131313;--background-secondary: #5D5D5D;--background-invert: #FFFFFF;--background-tag: #F0F0F0;--background-button: #7855FA;--background-button-hover: #612BD2;--background-button-active: #4B00AA;--background-button-disabled: #C6BEFE;--border-separator: #D7D7D7;--border-button: #131313;--border-primary: #E0E0E0;--button-primary: #7855FA;--background-info: #E0E1FF;--background-info-warn: #FFF2CE;--background-error: #F55656;--background-info-success: #D7F6E1;--background-info-error: #FDDDDD;--background-success-active: #289C5E;--icon-warn: #FF8C00}.v2-text-primary{color:#131313}.v2-text-secondary{color:#5d5d5d}.v2-text-tertiary{color:#a6a6a6}.v2-text-invert{color:#fff}.v2-text-link-hover{color:#7855fa}.v2-text-link-active{color:#612bd2}.v2-text-label-primary{color:#4b00aa}.v2-text-info-error{color:#ac3d53}.v2-background-primary{background-color:#131313}.v2-background-secondary{background-color:#5d5d5d}.v2-background-invert{background-color:#fff}.v2-background-tag{background-color:#f0f0f0}.v2-background-button{background-color:#7855fa}.v2-background-button-hover{background-color:#612bd2}.v2-background-button-active{background-color:#4b00aa}.v2-background-button-disabled{background-color:#c6befe}.v2-border-separator{border-color:#d7d7d7}.v2-border-button{border-color:#131313}.v2-button-primary{color:#7855fa}.v2-border-separator-text{color:#d7d7d7}.v2-background-info{background-color:#e0e1ff}.v2-background-info-warn{background-color:#fff2ce}.v2-icon-warn{color:#ff8c00}:root{--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 32px;--spacing-lg: 48px;--spacing-xl: 64px}.flex-gap-xs{gap:8px}.flex-gap-sm{gap:16px}.flex-gap-md{gap:32px}.flex-gap-lg{gap:48px}.flex-gap-xl{gap:64px}.ql-editor.v2-branding{font-family:"Arial"}.ql-editor.v2-branding h1,.ql-editor.v2-branding h2,.ql-editor.v2-branding h3,.ql-editor.v2-branding h4,.ql-editor.v2-branding h5,.ql-editor.v2-branding h6{font-family:"Montserrat"}@font-face{font-family:Gotham;font-style:normal;font-weight:100;src:url(/fonts/gotham-medium.b0ddba16.woff) format("woff")}.v-list-item__title{white-space:normal}.admin-menu-v-card__subtitle{height:130px;overflow:auto}.admin-menu-v-card__title{font-size:18px}.admin-dashboard-card-v-card__title{font-size:14px}.v-subheader_fontsize{font-size:13px}.disabled{cursor:not-allowed;color:"#024da0"}.v-card-text-width{height:300px;overflow-y:scroll}.show-clickable{cursor:pointer}.show-clickable:hover{text-decoration:underline;color:#4b00aa}.show-clickable-v2{cursor:pointer}.tags-body-height{height:450px;overflow-y:scroll}.v-toolbar__content_color{border-bottom-style:solid;border-bottom-color:coral}.author-v-card-text-width{height:450px;overflow-y:scroll}.divider-border-width{border-width:1px !important;border-color:#546e7a !important}.show-pointer{cursor:pointer}.v-application .selectedItem{color:#fff !important;display:inline-block;background-color:gray}.customDescOrig{white-space:pre-wrap;word-wrap:break-word;font-family:inherit}.customDesc{display:grid;margin:8px 0px 8px 8px;padding-right:8px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;font-family:inherit;line-height:1.4em}.customDesc ol{padding-inline-start:40px;margin-top:.5em;margin-bottom:.5em;line-height:1.4em}.customDesc ol li{margin-top:0em;margin-bottom:0em}.customDesc ol li:first-of-type{margin-top:0em}.customDesc ol li:last-child{margin-bottom:.5em}.customDesc ol li ol{margin-top:0em;margin-bottom:0em}.customDesc ol li ul{margin-top:0em;margin-bottom:0em}.customDesc ol li li:last-child{margin-bottom:0em}.customDesc ol li li:first-of-type{margin-top:0em}.customDesc ul{padding-inline-start:40px;margin-top:.5em;margin-bottom:.5em;line-height:1.4em}.customDesc ul li{margin-top:0em;margin-bottom:0em}.customDesc ul li:last-child{margin-bottom:0em}.customDesc ul li ol{margin-top:0em;margin-bottom:0em}.customDesc ul li ul{margin-top:0em;margin-bottom:0em}.customDesc ul li li:first-of-type{margin-top:0em}.customDesc ul li li:last-child{margin-bottom:0em}.customDesc ol li:first-of-type{margin-top:0em}.customDesc p{margin-top:.5em;margin-bottom:.5em;line-height:1.4em}.customDesc div{margin:0 0 0 0}.customDesc span{margin:0 0 0 0}.customDesc h1{margin-top:.5em;margin-bottom:.5em}.customDesc h2{margin-top:.5em;margin-bottom:.5em}.customDesc h3{margin-top:.5em;margin-bottom:.5em}.customDesc h4{margin-top:.5em;margin-bottom:.5em}.customDesc h5{margin-top:.5em;margin-bottom:.5em}.customDesc h6{margin-top:.5em;margin-bottom:.5em}.customDesc img{max-width:100%;height:auto}.customDescHighlights{border:1px red dashed}.customDescHighlights ol{border:green 1px solid}.customDescHighlights ol li{border:red 1px dotted}.customDescHighlights ul{border:green 1px solid}.customDescHighlights ul li{border:red 1px dotted}.customDescHighlights p{border:gray 1px solid}.customDescHighlights div{border:violet 1px dashed}.customDescHighlights span{border:blue 1px dotted}.customDescHighlights h1{border:green 1px dashed}.customDescHighlights h2{border:brown 1px dashed}.customDescHighlights h3{border:orange 1px dashed}.customDescHighlights h4{border:#ff0 1px dashed}.customDescHighlights h4{border:gray 1px dashed}.three-lines{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal}.shrink-list-item .v-list-item{min-height:26px !important}.shrink-list-item .v-list-item:hover{background-color:#bdbdbd !important}div.course-tab [role=tab]{justify-content:flex-start}.breadcrumbs_color{color:"secondary"}.customize-size .v-select .dropdown-toggle{border:none}.centered{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center}.headcol{position:absolute;width:30%;left:0;background:#eee;text-align:center !important;padding-top:0px !important;table-layout:fixed}.fluid-table tr:first-child td{font-weight:bold;background:#fff !important}.scrollsettings{margin-left:0%;width:"auto"}.rounded-card{border-radius:50px;background:rgba(0,128,0,.1)}.app-background_color{background:#f2f4f6}.desktop-background_color{background:#fff !important}.image_text_opacity{color:#fff;font-weight:bold;font-size:40px;display:flex;justify-content:center;align-items:center;height:150px}tbody tr:nth-of-type(odd){background-color:#f8f8f8}.v-data-table-header{color:#fff !important}.v-data-table .v-data-table-header tr th{font-size:14px !important;color:#546e7a !important}.theme--light.v-data-table thead tr th{color:#fff}.eo__languages .flag{display:none !important}.eo__dropdown__menu ul{color:#546e7a}.eo__dropdown__menu li{border-bottom:1px solid #d3d3d3}.blueprint-card-text{max-width:592px}.v2-border{border-radius:4px;border:1px solid var(--border-separator)}.opacity-50{opacity:.5}.brightcoveVideo{height:100%;width:100%}.capitalize-first{text-transform:capitalize}