:root {
  --body-bg: transparent;
  --body-color: #230050;
  --mini-header-bg: #151F85;
  --footer-bg: #230050;
  --breadcrumbs-padding: 0 0;
  --box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --button-border-color: #dee2e6;
  --global-radius: 0;
  --card-border-radius: 0;
  --card-border-color: #edf2f9;
  --card-border-color-dark: #212c32;
  --card-border-width: 1px;
  --card-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.1);
  --text: #230050;
  --text-muted: #95aac9;
  --white: #ffffff;
  --link: #1E2DBE;
  --field-light: #d2ddec;
  --font-family-base: Noto Sans, sans-serif;
  --font-family-heading: Gilroy Medium, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --font-family-monospace: Ubuntu Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --font-family-primary: "Rubik", Noto Sans, sans-serif;
  --font-family-sans-serif: Gilroy Regular, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  --font-size-base: 16px;
  --font-size-sm: 14px;
  --font-base: 16px;
  --field-border-color: #d2ddec;
  --sidebar-bg-dark: #2b343a;
  --sidebar-border: #e3ebf6;
  --toolbar-bg-dark: #1e262b;
  --workspace-bg: #f9fbfd;
  --workspace-bg-dark: #212c32;
  --primary: #1E2DBE;
  --secondary: #FA3C4B;
  --error: #e63757;
  --success: #00d97e;
  --info: #39afd1;
  --warning: #f6c343;
  --accent: #05D2D2;
  --soft-error: #fad7dd;
  --soft-success: #ccf7e5;
  --soft-info: #d7eff6;
  --soft-warning: #fdf3d9;
  --padding-base: 20px;
  --margin-base: 20px;
}

html {
  direction: ltr;
  font-size: var(--font-size-base);
  min-height: 100%;
}

body {
  margin-bottom: 0 !important;
  font-family: var(--font-family-base);
  font-feature-settings: "liga" 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  touch-action: manipulation;
}

@media print {
  body {
    background: none;
  }
}

.v-application .display-4,
.v-application .display-3,
.v-application .display-2,
.v-application .display-1,
.v-application .headline,
.v-application .title,
.v-application .subtitle-1,
.v-application .subtitle-2,
.v-application .body-1,
.v-application .body-2 {
  font-family: var(--font-family-base) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-heading);
}

p {
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  line-height: 32px;
}

::-webkit-scrollbar {
  width: 12px;
  height: 6px;
  -webkit-transition: 0.3s background;
  transition: 0.3s background;
}

::-webkit-scrollbar-thumb {
  background: #ced4da;
}

::-webkit-scrollbar-thumb:hover {
  background: #adb5bd;
}

noscript {
  background-color: var(--primary);
  color: var(--white);
  display: block;
  font-size: 19.2px;
  margin: 0;
  padding: 32px;
  text-align: center;
  width: 100%;
}

[role=button] {
  cursor: pointer;
}

[disabled],
.disabled {
  pointer-events: none;
}

[contenteditable]:not(div) {
  border-bottom: 1px dashed var(--primary);
}

[contenteditable]:not(div):hover {
  cursor: pointer;
}

:target::before {
  content: "";
  display: block;
  height: 70px;
  margin: -70px 0 0;
}

[data-page-body] :target::before {
  content: "";
  display: block;
  height: 5px;
  margin: -5px 0 0;
}

pre {
  padding: 0;
}

.bg-transparent {
  background: transparent;
}

.border-2 {
  border: 2px solid;
  border-radius: 8px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.border-2--primary {
  border-color: var(--primary);
}

.border-2--white {
  border-color: var(--white);
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  width: 100%;
}

.cursor-pointer {
  cursor: pointer;
}

.dovetail-app .elevation-1 {
  box-shadow: var(--box-shadow) !important;
}

.lift {
  position: relative;
  top: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.lift:hover {
  box-shadow: rgba(0, 0, 0, 0.1) -0.25rem 0.5625rem 1.5625rem -0.375rem;
  top: -0.4rem;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Overpass", sans-serif;
}

h1 {
  line-height: 1.2;
  font-size: 38px;
}

h2 {
  line-height: 1.3;
  font-size: 28px;
}

h3 {
  line-height: 1.3;
  font-size: 22px;
  font-weight: 700;
}

.theme--light h1,
.theme--light h2,
.theme--light h3,
.theme--light h4,
.theme--light h5,
.theme--light h6,
.theme--light p {
  color: var(--text);
}

.theme--dark div[class^=v-],
.theme--dark div[class*=" v-"],
.theme--dark h1,
.theme--dark h2,
.theme--dark h3,
.theme--dark h4,
.theme--dark h5,
.theme--dark h6,
.theme--dark p {
  color: var(--white);
}

.text--truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  max-width: 500px;
}

.text--two-lines {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}

.text--decoration-none {
  text-decoration: none;
}

.text--ellipsis {
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  display: -webkit-box;
  flex-direction: column;
  justify-content: space-around;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  line-height: 1.4;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text--lineheight-1 {
  line-height: 1;
}

.text--lineheight-1_5 {
  line-height: 1.5;
}

.text--letter-spacing-0_3 {
  letter-spacing: 0.3rem;
}

.v-application {
  font-family: var(--font-family-base);
}

.theme--light.v-application {
  background-color: var(--white);
}

.theme--dark.v-application {
  background-color: var(--workspace-bg-dark);
}

.v-app-bar.v-app-bar--hide-shadow {
  box-shadow: var(--box-shadow);
}

.dt-app-bar-nav-icon {
  position: absolute;
}

.dt-avatar-preview {
  background-size: cover;
  border-radius: 100%;
  display: inline-block;
  height: 160px;
  width: 160px;
}

.theme--dark .dt-avatar-preview {
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.19);
}

.theme--light .dt-avatar-preview {
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.02);
}

.dt-badge {
  border-radius: 0.275rem;
  display: inline-block;
  font-size: 0.703125rem;
  line-height: 1;
  padding: 0.3125rem 0.375rem;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}

.dt-badge.v-badge--tile .v-badge__badge,
.dt-badge.v-badge--bordered .v-badge__badge {
  border-radius: 0.42rem;
}

.v-breadcrumbs {
  padding: var(--breadcrumbs-padding);
}

.dovetail-app .v-btn {
  font-size: var(--font-size-base);
  letter-spacing: 0;
  text-transform: capitalize;
  border-radius: var(--global-radius);
}

.dovetail-app .v-btn__content {
  font-size: var(--font-size-base);
}

.dovetail-app .v-btn.primary:hover {
  background-color: #230050 !important;
}

.dovetail-app .dt-link {
  color: var(--link);
}

.dovetail-app .dt-link i {
  color: var(--link);
}

.dovetail-app .dt-link:hover,
.dovetail-app .dt-link:hover i {
  color: var(--primary);
}

.theme--light .v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
  background: var(--workspace-bg);
  border: 1px solid var(--button-border-color);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.dovetail-app .v-card:not(.v-card--flat):not(.v-card--outlined) {
  box-shadow: var(--box-shadow);
}

.dovetail-app .v-card--hover:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.dovetail-app .v-card:not(.v-sheet--tile):not(.v-card--shaped) {
  border-radius: var(--global-radius);
}

.dovetail-app .v-card__text,
.dovetail-app .v-card__title {
  font-size: var(--font-size-base);
  padding: var(--padding-base);
}

.dovetail-app .v-card__title {
  font-weight: 700;
}

.dovetail-app.theme--light .v-card {
  color: var(--text);
}

.dovetail-app.theme--light .v-card:not(.v-card--flat):not(.v-card--outlined) {
  border: 1px solid var(--card-border-color);
}

.dovetail-app.theme--light .v-card .v-card__text {
  color: var(--text);
}

.theme--light.v-card.v-card--outlined {
  border: 1px solid var(--card-border-color);
}

.dt-chip {
  -webkit-box-align: center;
          align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

@media only screen and (min-width: 576px) {
  .dt-chip {
    border: 2px solid var(--text-muted);
    -webkit-box-flex: 0;
            flex: 0 0 55px;
    height: 55px;
    width: 55px;
  }
}

@media only screen and (max-width: 576px) {
  .dt-chip {
    border: 1px solid var(--text-muted);
    -webkit-box-flex: 0;
            flex: 0 0 32px;
    height: 32px;
    width: 32px;
  }
}

.v-dialog > .v-card > .v-card__title {
  font-size: var(--font-size-base);
  font-weight: 700;
  padding: var(--padding-base);
}

.v-dialog > .v-card > .v-card__text {
  padding: var(--padding-base);
}

.theme--light .v-divider {
  border-color: var(--sidebar-border);
}

.divider--home {
  background: var(--primary);
  height: 5px;
  margin: 20px 0;
  width: 140px;
}

.dt-editor img {
  width: 100%;
}

.dt-editor .ck .ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border-bottom: 1px solid var(--field-light);
  border-bottom-left-radius: var(--card-border-radius);
  border-bottom-right-radius: var(--card-border-radius);
  border-left: 1px solid var(--field-light);
  border-right: 1px solid var(--field-light);
  border-top: 0;
}

.dt-editor .ck-content {
  min-height: 300px;
}

.dt-editor .ck-content ul,
.dt-editor .ck-content ol {
  margin-left: 2rem;
}

.dt-editor .ck-content ul li,
.dt-editor .ck-content ol li {
  font-size: var(--font-size-base);
  line-height: 32px;
}

.dt-editor .ck .ck-toolbar {
  background: var(--workspace-bg);
  border-top-left-radius: var(--card-border-radius) !important;
  border-top-right-radius: var(--card-border-radius) !important;
  border: 1px solid var(--field-light) !important;
}

.fullwidth .ck .ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border: 0;
}

.fullwidth .ck .ck-toolbar {
  border-radius: 0 !important;
}

.theme--dark .ck .ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.24);
  border-bottom-left-radius: rgba(255, 255, 255, 0.24);
  border-bottom-right-radius: rgba(255, 255, 255, 0.24);
  border-left: 1px solid rgba(255, 255, 255, 0.24);
  border-right: 1px solid rgba(255, 255, 255, 0.24);
  border-top: 0;
}

.theme--dark .ck .ck-content {
  background: transparent !important;
}

.theme--dark .ck .ck-toolbar {
  background: var(--sidebar-bg-dark);
  border-top-left-radius: rgba(255, 255, 255, 0.24) !important;
  border-top-right-radius: rgba(255, 255, 255, 0.24) !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
}

.theme--dark .ck .ck-toolbar .ck-button {
  color: var(--white);
}

.theme--dark .ck .ck-toolbar .ck-button:hover {
  background: var(--toolbar-bg-dark);
}

.dt-text-field__search .v-input__slot {
  box-shadow: inset var(--box-shadow);
}

.dt-text-field.v-input--dense .v-icon {
  font-size: var(--font-base);
}

.dt-text-field.v-input:not(.v-input--dense) .v-icon {
  font-size: 18px;
  margin-bottom: 4px;
}

.v-text-field:not(.v-text-field--rounded) .v-input__slot {
  border-radius: var(--card-border-radius);
}

.v-input--dense .v-label {
  font-size: var(--font-size-sm);
}

.v-input--dense .v-text-field__slot input {
  font-size: var(--font-size-sm);
}

.v-input--dense .v-select__selection {
  font-size: var(--font-size-sm);
}

.theme--light.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state) fieldset {
  border-color: var(--field-light);
  color: var(--text);
}

.theme--light.v-label {
  color: var(--text);
}

.v-list-item__title {
  color: var(--text);
}

.v-select__selection--comma {
  color: var(--text);
}

.footer a {
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

.footer-content {
  background-color: var(--footer-bg);
  color: var(--white);
}

.footer-content-details {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
}

.footer-content-details h4 {
  line-height: 1.3;
  font-size: 0.9375rem;
}

.footer-content-details small {
  font-size: 0.75rem;
}

.footer-content-details-content {
  width: 100%;
  padding-left: 1rem;
}

.footer-content-details-content .footer-icon {
  display: inline-block;
  width: 0;
}

.footer-content-details-content .footer-icon i {
  display: inline-block;
  font-size: 1.5rem;
  -webkit-transform: translate(-80%, 8%);
          transform: translate(-80%, 8%);
}

@media (min-width: 768px) {
  .footer-details h4 {
    font-size: 1.125rem;
  }
}

.v-menu__content {
  border-radius: var(--global-radius);
}

.mini-header {
  background-color: var(--mini-header-bg);
}

.mini-header a {
  font-family: "Noto Sans", sans-serif;
  font-size: 0.6875rem;
  text-decoration: none;
}

.mini-header a:hover {
  text-decoration: underline;
}

.loader {
  -webkit-box-align: center;
          align-items: center;
  background: var(--white);
  display: -webkit-box;
  display: flex;
  height: 800px;
  -webkit-box-pack: center;
          justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  width: 100%;
  z-index: 9999;
}

@-webkit-keyframes s_rotate1 {
  0% {
    -webkit-transform: rotate -360deg;
  }
}

@keyframes s_rotate1 {
  0% {
    -webkit-transform: rotate -360deg;
  }
}

@-webkit-keyframes s_rotate2 {
  0%, 50% {
    -webkit-transform: rotate -360deg;
  }
}

@keyframes s_rotate2 {
  0%, 50% {
    -webkit-transform: rotate -360deg;
  }
}

@-webkit-keyframes s_grow {
  0% {
    stroke-dashoffset: 0;
  }
}

@keyframes s_grow {
  0% {
    stroke-dashoffset: 0;
  }
}

.spinner {
  -webkit-animation: s_rotate1 4.5s infinite linear;
          animation: s_rotate1 4.5s infinite linear;
  height: 2rem;
  margin: 8rem auto;
  width: 2rem;
}

.spinner svg {
  -webkit-animation: s_rotate2 2s infinite linear;
          animation: s_rotate2 2s infinite linear;
}

.spinner path {
  -webkit-animation: s_grow 1s alternate infinite linear;
          animation: s_grow 1s alternate infinite linear;
  fill: none;
  stroke: var(--primary);
  stroke-dasharray: 600;
  stroke-dashoffset: 580;
  stroke-width: 18;
}

.theme--dark .v-sheet {
  background: var(--sidebar-bg-dark);
}

.dovetail-app .dt-sidebar .v-list-group__items a.v-list-item {
  padding-left: 56px;
}

.dovetail-app .dt-sidebar .v-list--nav {
  padding-left: 13px;
  padding-right: 13px;
}

.dovetail-app .dt-sidebar .v-list--nav .v-list-item {
  border-radius: var(--global-radius);
  padding-left: 19px;
  padding-right: 19px;
}

.dovetail-app .dt-sidebar .v-list--nav .v-list-item__icon:first-child {
  margin-right: 16px;
}

.dovetail-app .dt-sidebar .v-list--nav .v-list-item__icon .v-icon {
  font-size: var(--font-base);
}

.dovetail-app .dt-sidebar .v-list--nav .v-list-item:not(.v-list-item--active):not(.theme--dark) .v-list-item__title {
  color: var(--text);
}

.dovetail-app .dt-sidebar .v-list--nav .v-list-item:not(.v-list-item--active):not(.theme--dark) .v-icon {
  color: var(--text);
}

.dovetail-app .dt-sidebar .v-subheader {
  color: var(--text-muted);
  padding-left: 19px;
  padding-right: 19px;
}

.dovetail-app.theme--light .v-navigation-drawer--fixed .v-navigation-drawer__border {
  background-color: var(--sidebar-border);
}

.dovetail-app.theme--dark .v-navigation-drawer {
  background-color: var(--sidebar-bg-dark);
}

.theme--light div[class^=v-snack] {
  color: var(--white);
}

.v-subheader {
  padding-left: var(--padding-base);
  padding-right: var(--padding-base);
}

.dovetail-app .theme--dark.v-data-table td,
.dovetail-app .theme--light.v-data-table td {
  font-size: var(--font-size-base);
}

.dovetail-app .theme--dark.v-data-table td,
.dovetail-app .theme--dark.v-data-table th,
.dovetail-app .theme--light.v-data-table td,
.dovetail-app .theme--light.v-data-table th {
  height: 60px;
}

.dovetail-app .theme--dark.v-data-table thead tr th,
.dovetail-app .theme--light.v-data-table thead tr th {
  text-transform: uppercase;
}

.dovetail-app .theme--dark.v-data-table tbody tr:hover,
.dovetail-app .theme--light.v-data-table tbody tr:hover {
  background: transparent;
}

.dovetail-app .theme--dark.v-data-table {
  background-color: var(--sidebar-bg-dark);
}

.dovetail-app .theme--dark.v-data-table thead tr th {
  background: var(--toolbar-bg-dark);
}

.dovetail-app .theme--dark.v-data-table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {
  border-bottom: transparent;
}

.dovetail-app .theme--light.v-data-table thead tr th {
  background: var(--workspace-bg);
  color: var(--text);
}

.dovetail-app .theme--light.v-data-table thead tr:last-child th {
  border-bottom: 1px solid var(--sidebar-border);
}

.dovetail-app .theme--light.v-data-table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {
  border-bottom: transparent;
}

.dovetail-app .theme--light.v-data-table td {
  color: var(--text);
}

.dovetail-app .theme--light.v-data-table .v-data-footer {
  border-top: 1px solid var(--sidebar-border);
}

.theme--dark .v-toolbar {
  background: var(--toolbar-bg-dark);
}

.dovetail-app .v-app-bar--is-scrolled {
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.04);
}

.theme--light div[class^=v-tooltip] {
  color: var(--white);
}

.course-video-dimensions {
  width: 100%;
}

video {
  width: 100%;
}

video[poster] {
  -o-object-fit: cover;
     object-fit: cover;
}

.vector {
  height: 200px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.vector svg {
  -webkit-animation: lines1 60s infinite;
          animation: lines1 60s infinite;
  height: 100%;
  position: absolute;
}

.other {
  -webkit-animation: lines 50s infinite;
          animation: lines 50s infinite;
}

.other1 {
  -webkit-animation: lines2 80s infinite;
          animation: lines2 80s infinite;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes lines {
  0%, 100% {
    opacity: 0.6;
    right: 0;
  }

  50% {
    opacity: 1;
    right: -60%;
  }
}

@keyframes lines {
  0%, 100% {
    opacity: 0.6;
    right: 0;
  }

  50% {
    opacity: 1;
    right: -60%;
  }
}

@-webkit-keyframes lines2 {
  0%, 100% {
    opacity: 0.3;
    right: 0;
  }

  50% {
    opacity: 1;
    right: -60%;
  }
}

@keyframes lines2 {
  0%, 100% {
    opacity: 0.3;
    right: 0;
  }

  50% {
    opacity: 1;
    right: -60%;
  }
}

@-webkit-keyframes lines1 {
  0%, 100% {
    right: -60%;
  }

  50% {
    right: 0;
  }
}

@keyframes lines1 {
  0%, 100% {
    right: -60%;
  }

  50% {
    right: 0;
  }
}