/*** Includes ***/

/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+java+python+typescript */
code[class*=language-],pre[class*=language-]{color:black;background:0 0;text-shadow:0 1px white;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}

/* Google code prettify styles */ 

/* desert scheme ported from vim to google prettify */
pre.prettyprint { display: block; background-color: #333; font-size: 16px; }
pre .nocode { background-color: none; color: #000 }
pre .str { color: #ffa0a0 } /* string  - pink */
pre .kwd { color: #f0e68c; font-weight: bold }
pre .com { color: #87ceeb } /* comment - skyblue */
pre .typ { color: #98fb98 } /* type    - lightgreen */
pre .lit { color: #cd5c5c } /* literal - darkred */
pre .pun { color: #fff }    /* punctuation */
pre .pln { color: #fff }    /* plaintext */
pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag    - lightyellow */
pre .atn { color: #bdb76b; font-weight: bold } /* attribute name  - khaki */
pre .atv { color: #ffa0a0 } /* attribute value - pink */
pre .dec { color: #98fb98 } /* decimal         - lightgreen */

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
/* Alternate shading for lines (commented out because it's empty) */
/* li.L1,li.L3,li.L5,li.L7,li.L9 { } */

@media print {
  pre.prettyprint { background-color: none }
  pre .str, code .str { color: #060 }
  pre .kwd, code .kwd { color: #006; font-weight: bold }
  pre .com, code .com { color: #600; font-style: italic }
  pre .typ, code .typ { color: #404; font-weight: bold }
  pre .lit, code .lit { color: #044 }
  pre .pun, code .pun { color: #440 }
  pre .pln, code .pln { color: #000 }
  pre .tag, code .tag { color: #006; font-weight: bold }
  pre .atn, code .atn { color: #404 }
  pre .atv, code .atv { color: #060 }
}

/* video.js City Theme */

.vjs-theme-city{--vjs-theme-city--primary:#bf3b4d;--vjs-theme-city--secondary:#fff}.vjs-theme-city .vjs-control-bar{height:70px;padding-top:20px;background:none;background-image:linear-gradient(0deg,#000,transparent)}.vjs-theme-city .vjs-button>.vjs-icon-placeholder:before{line-height:50px}.vjs-theme-city .vjs-play-progress:before{display:none}.vjs-theme-city .vjs-progress-control{position:absolute;top:0;right:0;left:0;width:100%;height:20px}.vjs-theme-city .vjs-progress-control .vjs-progress-holder{position:absolute;top:20px;right:0;left:0;width:100%;margin:0}.vjs-theme-city .vjs-play-progress{background-color:var(--vjs-theme-city--primary)}.vjs-theme-city .vjs-remaining-time{order:1;line-height:50px;flex:3;text-align:left}.vjs-theme-city .vjs-play-control{order:2;flex:8;font-size:1.75em}.vjs-theme-city .vjs-fullscreen-control,.vjs-theme-city .vjs-picture-in-picture-control,.vjs-theme-city .vjs-volume-panel{order:3;flex:1}.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{height:100%}.vjs-theme-city .vjs-mute-control{display:none}.vjs-theme-city .vjs-volume-panel{margin-left:.5em;margin-right:.5em;padding-top:1.5em}.vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal,.vjs-theme-city .vjs-volume-panel,.vjs-theme-city .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.vjs-theme-city .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.vjs-theme-city .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.vjs-theme-city .vjs-volume-panel:hover,.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:3em}.vjs-theme-city .vjs-volume-level:before{font-size:1em}.vjs-theme-city .vjs-volume-panel .vjs-volume-control{opacity:1;width:100%;height:100%}.vjs-theme-city .vjs-volume-bar{background-color:transparent;margin:0}.vjs-theme-city .vjs-slider-horizontal .vjs-volume-level{height:100%}.vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal{margin-top:0;margin-bottom:0;height:100%}.vjs-theme-city .vjs-volume-bar:before{content:"";z-index:0;width:0;height:0;position:absolute;top:0;left:0;border-color:transparent transparent hsla(0,0%,100%,.25);border-style:solid;border-width:0 0 1.75em 3em}.vjs-theme-city .vjs-volume-level{overflow:hidden;background-color:transparent}.vjs-theme-city .vjs-volume-level:before{content:"";z-index:1;width:0;height:0;position:absolute;top:0;left:0;border-left:3em solid transparent;border-bottom:1.75em solid var(--vjs-theme-city--secondary);border-right:0 solid transparent;border-top:0 solid transparent}

/*** End Includes ***/

/* Global Color Vars */

:root {
  /* PRIMARY (Core Brand Blue) */
  --primary: hsl(225, 100%, 56%);          /* --primary-blue */
  --primary-light: hsl(202, 100%, 60%);    /* --pika-button-blue */
  --primary-dark: hsl(207, 100%, 33%);     /* --pika-button-dark-blue */

  /* SECONDARY (Accent Cool Tones) */
  --secondary: hsl(222, 94%, 73%);         /* --contact-page-blue */
  --secondary-light: hsl(220, 91%, 84%);   /* --teams-transcription-blue */
  --secondary-dark: hsl(217, 59%, 39%);    /* --mid-dark-blue */

  /* SUCCESS (Greens) */
  --success: hsl(144, 64%, 47%);           /* --success-green-complete */
  --success-light: hsl(132, 52%, 51%);     /* --success-green */
  --success-dark: hsl(122, 39%, 48%);      /* --file-drop-green */

  /* WARNING (Oranges) */
  --warning: hsl(27, 100%, 51%);           /* --warning-orange-incomplete */
  --warning-light: hsl(39, 100%, 50%);     /* --warning-orange */
  --warning-dark: hsl(21, 100%, 50%);      /* --login-body-hover-color */

  /* FAIL / ERROR (Reds) */
  --fail: hsl(0, 100%, 69%);               /* --error-red */
  --fail-light: hsl(340, 100%, 55%);       /* --fancy-notifications-red */
  --fail-dark: hsl(348, 100%, 34%);        /* standard dark red (added) */

  /* GRAY SCALE (Neutrals) */
  --grey: hsl(0, 0%, 53%);                 /* --info-text-gray */
  --grey-light: hsl(0, 0%, 83%);           /* --lightish-gray */
  --grey-dark: hsl(0, 0%, 18%);            /* --dark-gray-text */

  /* LINKS */
  --link: hsl(225, 100%, 56%);             /* --primary-blue */
  --link-light: hsl(200, 57%, 60%);        /* --vjs-visited-blue */
  --link-dark: hsl(222, 100%, 19%);        /* --near-black */

  /* BACKGROUND NEUTRALS */
  --background-light: hsl(0, 0%, 96%);     /* --feedback-white */
  --background-dark: hsl(0, 0%, 7%);       /* --close-to-black */

  /* Extras */
  --activities-shadow-rgba: rgba(0, 0, 0, 0.25);
  --login-body-shadow-opacity: rgb(0 0 0 / 39%);

  /* FONT FAMILIES (FYI these are actually defined further below with font face definitions) */ 
  --font-primary: "Inter", "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  --font-heading: "Alata", var(--font-primary);
}

/** Original changes found in the theme **/

.menu-item-icon-container {
  transform: scale(0.7);
}

.fluent {
  scroll-behavior: smooth;
}

/** Global changes **/

#wiki_page_show .page-title {
  display: none;
}

#assignment_show .description {
  border: none !important;
}

#left-side.ic-app-course-menu {
  width: 216px;
}

#left-side #sticky-container.ic-sticky-frame {
  /* padding-left: 5px; */
  padding-top: 13px;
}

body.ic-Login-Body .ic-Login__content{
  box-shadow: 0px 20px 20px var(--login-body-shadow-opacity);
  border-radius: 0px;
  border: none;
  min-height: 450px;
}

body.ic-Login-Body .ic-Login__content a {
  text-decoration: none;
}

body.ic-Login-Body .ic-Login-header {
  flex-direction: column;
}

body.ic-Login-Body .ic-Login-header__logo {
  flex: 0 0 50px;
}

body.ic-Login-Body .ic-Login-header__logo img {
  width: 250px;
}

body.ic-Login-Body .ic-Login-footer__logo-link {
  display: none;
}

body.ic-Login-Body #footer-epilogue {
  display: none;
}

body.ic-Login-Body .ic-Login__forgot {
  font-size: 12px;
}

body.ic-Login-Body .ic-Login__content #footer-links a {
    display: none;
}

body.ic-Login-Body .ic-Login__content #footer-links span a {
    display: block;
}

body.ic-Login-Body .ic-Login__content .ic-Login-footer__logo-link {
    display: none;
}

body.ic-Login-Body .ic-Login__content #footer-epilogue {
    display: none;
}

body.ic-Login-Body .ic-Login__actions {
  display: block;
}

body.ic-Login-Body .ic-Login__actions-timeout {
  display: flex;
  align-items: center;
}

body.ic-Login-Body .ic-Login__actions-timeout input {
  margin: 0 15px 0 0;
}

body.ic-Login-Body .ic-Login__actions-timeout label {
  margin-bottom: 2px;
}

body.ic-Login-Body .ic-Login__actions-timeout .ic-Login__forgot {
  margin-left: auto;
}

body.ic-Login-Body .ic-Form-control.ic-Form-control--login {
  margin-top: 15px;
}

body.ic-Login-Body .ic-Form-control.ic-Form-control--login .Button--login {
  width: 100%;
}

body.ic-Login-Body  #terms_of_service_footer_link {
  margin-top: -20px;
}

body.ic-Login-Body .ic-Login__content #footer-links span a:hover {
  color: var(--warning-dark);
  text-decoration: underline;
}

body.ic-Login-Body .ic-Login-footer .ic-Login-footer__links {
  margin-top: -25px;
}

body.ic-no-flex-layout.responsive_student_grades_page #application #right_side #width_resizer {
  cursor: ew-resize;
}

body.ic-DashboardCard__action-badge {
  background: var(--primary);
}

#width_resizer {
  cursor: resize;
}

footer[role="contentinfo"] {
  display: none;
}

.discussion-redesign-layout div[data-testid="discussion-topic-container"] iframe {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
}

.tooltip {
  background: var(--grey-dark);
  color: white;
  font-weight: bold;
  padding: 4px 8px;
  font-size: 13px;
  border-radius: 4px;
  display: none;
  z-index: 99999;
}

.tooltip[data-show] {
  display: block;
}

.tooltip[data-popper-placement^='top'] > #arrow {
  bottom: -4px;
}

.tooltip[data-popper-placement^='bottom'] > #arrow {
  top: -4px;
}

.tooltip[data-popper-placement^='left'] > #arrow {
  right: -4px;
}

.tooltip[data-popper-placement^='right'] > #arrow {
  left: -4px;
}

#arrow,
#arrow::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: inherit;
}

#arrow {
  visibility: hidden;
}

#arrow::before {
  visibility: visible;
  content: '';
  transform: rotate(45deg);
}

div[aria-label="Help tray"] #help_tray h2 {
  display: inline-block;
  vertical-align: top;
}

div[aria-label="Help tray"] #help_tray #walkme-launcher-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 120px;
}

div[aria-label="Help tray"] #help_tray #walkme-launcher-icon svg {
  margin-top: 3px;
  margin-bottom: -5px;
}

button#new_user_tutorial_toggle {
  display: none;
}

.dle-custom-styles .example-heading {
  margin-top: 100px;
  background-color: var(--background-light);
  padding: 10px;
  font-size: 20px;
  margin-top: 100px;
}

#global_nav_study_assist_link svg path {
  fill: var(--ic-brand-global-nav-ic-icon-svg-fill) !important;
}

#global_nav_careers_link svg path {
  stroke: var(--ic-brand-global-nav-ic-icon-svg-fill) !important;
}

@media (min-width: 768px) {
  body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded):not(
      .is-inside-submission-frame
    )
    .ic-Layout-columns {
    margin-left: 210px;
  }
}

@media(max-width: 768px){
  div[aria-label="Help tray"] #help_tray #walkme-launcher-icon {
    display: none;
  }
  #global_nav_walkme_link {
    display: none;
  }
}

.ic-app-main-content .react-rubric .long-description{
  display: none;
}

body h4.help-menu-guide-me-title {
  font-weight: normal;
  color: blue;
  font-size: 16px;
  margin-bottom: 0px;
}

a.study-support-tab:hover {
  background-color: blue !important; 
  color: white !important;
}

a.study-support-tab {
  margin:2px;
  height: 60px;
}

/* CSS loader icon */

.loader {
  color: var(--primary);
  font-size: 45px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  transform: translateZ(0);
  animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
  margin-bottom: 20px;
}

/* Loader for dashboard items */
.dle-custom-styles .todo-entries .loader {
  display: block;
  margin: 20px auto;
}

.dle-custom-styles .all-subjects .loader {
  display: block;
  margin: 40px auto 30px;
}

@keyframes mltShdSpin {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em,
    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em,
    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 
    0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 
    0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, 
    -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, 
    -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em,
     -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, 
     -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em,
     -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, 
     -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 
    0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

@keyframes round {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}

/* NOTE: Assessment page specific exceptions */

div[data-testid="assignment-2-student-content-tabs"] {
  padding: 10px 0 0 20px;
  max-width: 960px;
  margin: 0 auto;
}

div[data-testid="rubric-tab"] {
  max-width: 960px;
  margin: 0 auto;
  padding-left: 15px;
}

@media(max-width: 768px){
  .header-bar-left.ic-Form-control.assignment-search {
    width: 100%;
  }
}

/* div[data-testid="assignment-2-student-content-tabs"] span[data-testid="upload-pane"]:first-child {
  zoom: 0.85;
  -moz-transform: scale(0.85);
}

div[data-testid="assignment-2-student-content-tabs"] span[data-testid="upload-pane"] div[data-testid="upload-box"] img {
  width: 85px !important;
} 

div[data-testid="assignment-2-student-content-tabs"] span[data-testid="upload-pane"] div[data-testid="upload-box"] button img {
  width: 24px !important;
} 

div[data-testid="assignment-2-student-content-tabs"] span[data-testid="upload-pane"] div[data-testid="upload-box"] > span > span:first-child {
  max-width: 276px !important;
} */

/** Fonts **/

/* vietnamese */
@font-face {
  font-family: "Alata";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alata/v9/PbytFmztEwbIoceyzqYzQ1OW7l8.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Alata";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alata/v9/PbytFmztEwbIocezzqYzQ1OW7l8.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Alata";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/alata/v9/PbytFmztEwbIoce9zqYzQ1OW.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7W0Q5n-wU.woff2)
    format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v12/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/** Jamie's changes for AI templates **/

.dle-custom-styles {
  max-width: 960px;
  margin: 0 auto 90px;
  font-family: var(--font-primary);
}

.dle-custom-styles hr {
  display: none;
}

.dle-custom-styles .subject-title {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 25px;
}

.dle-custom-styles .subheading a:hover {
  text-decoration: none;
}

.dle-custom-styles .heading .subject-title .course-code,
.dle-custom-styles .heading .subject-title .course-title {
  text-align: center;
  font-weight: bold;
  display: inline-block !important;
  color: black !important;
}

.dle-custom-styles .heading .subject-title h2 {
  text-align: center;
  font-weight: bold;
  display: inline-block !important;
  color: black !important;
}

.dle-custom-styles .heading .subject-title .course-code:after {
  content: ":\00a0";
}

.dle-custom-styles .heading .reading-time {
  font-weight: 300;
  font-style: italic;
  font-size: 14px;
  text-align: center;
  margin: 5px 0 39px;
  display: none;
}

.dle-custom-styles .subheading {
  background: var(--primary);
  color: white;
  padding: 1px 10px 1px;
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0 15px 0;
  user-select: none;
}

.dle-custom-styles .subheading h2 {
  color: white;
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.dle-custom-styles .subheading a {
  color: black;
  text-decoration: none !important;
}

.dle-custom-styles h3 {
  font-size: 16px;
  font-weight: bold;
  color: black;
}

.dle-custom-styles .subheading .anchor {
  display: inline-block;
  /* TODO: Host elsewhere  */
  /* background: url("https://i.imgur.com/cYlPfh2.png") no-repeat top left; */
  /* width: 18px; */
  /* height: 18px; */
  margin-left: 3px;
  vertical-align: middle;
  cursor: pointer;
  display: none;
}

.dle-custom-styles .subheading:hover .anchor {
  display: inline-block;
}

.dle-custom-styles .subheading .anchor svg {
  scale: 1.2;
}

.dle-custom-styles p {
  padding: 10px;
  font-size: 16px;
  overflow: hidden;
}

.dle-custom-styles .pdf-link a {
  background-color: white !important;
  text-align: left !important;
  margin-top: 10px !important;
  padding: 0 !important;
  color: blue !important;
  font-style: italic;
  text-decoration: underline;
  font-size: 14px !important;
  font-weight: 300 !important;
}

.dle-custom-styles .auto_open.external.file_preview_link.previewable {
  display: none;
}

.dle-custom-styles a.file_download_btn {
  display: none;
}

.dle-custom-styles .hide_file_preview_link {
  display: none;
}

.dle-custom-styles .preview_container {
  /* height: 500px !important; */
  margin-bottom: 10px;
}

.dle-custom-styles .preview_container > div:first-of-type {
  overflow-y: hidden !important;
}

/* .dle-custom-styles .feature-video {
  height: 540px !important;
  overflow: hidden;
  padding: 0px 1px;
} */

/* .dle-custom-styles .feature-video iframe {
  height: 790px !important;
  overflow: hidden;
} */

.dle-custom-styles .feature-video p {
  padding: 0px;
}

.dle-custom-styles .feature-video iframe {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}

@media (max-width: 768px) {
  .dle-custom-styles {
    margin: 0 auto 40px;
  }
}

/** Subject Overview Specific **/

.dle-custom-styles.dle-subject-overview .key-documents .subheading {
  background: var(--primary);
  color: white;
  padding: 1px 10 1px 10px;
  font-size: 18px;
  font-weight: bold;
  margin: 20px 0;
}

.dle-custom-styles.dle-subject-overview .subject-outline p,
.dle-custom-styles.dle-subject-overview .subject-planner p {
  padding-left: 0px !important;
}

.dle-custom-styles.dle-subject-overview img:first-child {
  width: 100%;
  object-fit: cover;
  height: 100px;
}

.dle-custom-styles.dle-subject-overview img:first-child.top {
  object-position: top;
}

.dle-custom-styles.dle-subject-overview img:first-child.right {
  object-position: right;
}

.dle-custom-styles.dle-subject-overview img:first-child.left {
  object-position: left;
}

.dle-custom-styles.dle-subject-overview img:first-child.bottom {
  object-position: bottom;
}

.dle-custom-styles.dle-subject-overview .subject-introduction {
  /* background: white; */
  position: relative;
  z-index: 1;
  padding-top: 10px;
}

.dle-custom-styles.dle-subject-overview .subject-introduction .information {
  padding-left: 5px;
}

.dle-custom-styles.dle-subject-overview .subject-outline,
.dle-custom-styles.dle-subject-overview .subject-planner {
  padding-left: 15px;
  margin-top: 20px;
}

.dle-custom-styles.dle-subject-overview .dle-subject-outline,
.dle-custom-styles.dle-subject-overview .dle-subject-planner {
  padding-left: 10px;
}

.dle-custom-styles.dle-subject-overview .pdf-link {
  padding-left: 10px;
}

/** Assessment Page Specific **/

.dle-custom-styles.dle-assessment-page .assessment-information .pdf-link,
.dle-custom-styles.dle-assessment-page .assessment-information .pdf-embed {
  margin-left: 10px;
}

/** Module Page Specific **/

.dle-custom-styles.dle-module-page .module-introduction {
  /* background: white; */
  position: relative;
  z-index: 1;
  padding-top: 10px;
}

/** Resources and Activities Page Specific **/

.dle-custom-styles.dle-resources-and-activities .information-content-box,
.dle-custom-styles.dle-resources-and-activities .panel,
.dle-custom-styles.dle-resources-and-activities .information-content-box,
.dle-custom-styles.dle-resources-and-activities .resources {
  background: var(--background-light);
  box-shadow: 0 0 8px grey;
  margin: 25px 5px;
  padding: 30px 45px 45px 45px;
}

.dle-custom-styles.dle-resources-and-activities .panel {
  box-shadow: 0px 4px 4px 0px var(--activities-shadow-rgba);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.dle-custom-styles.dle-resources-and-activities .panel .feature-image {
  max-width: 600px;
  margin-top: 10px;
  margin-bottom: 30px;
}

.dle-custom-styles.dle-resources-and-activities .panel-heading {
  margin: 10px 0 0 10px;
  /* max-width: 600px; */
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
}

.dle-custom-styles.dle-resources-and-activities .panel-content {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-bottom: 20px;
}

.dle-custom-styles.dle-resources-and-activities .panel-content p {
  margin-left: 0px;
}

.dle-custom-styles.dle-resources-and-activities .panel-heading .panel-title .title-top {
  display: flex;
  align-items: center;
}

.dle-custom-styles.dle-resources-and-activities
  .panel-heading
  .panel-title
  .title-top
  .title-top-anchor-heading {
  display: inline-block;
}

.dle-custom-styles.dle-resources-and-activities .panel-heading a {
  font-weight: bold;
  font-size: 22px !important;
  display: flex;
  align-items: center;
  text-decoration: none !important;
  color: black !important;
}

.dle-custom-styles.dle-resources-and-activities h4 {
  margin: 10px 0 0 10px;
  font-size: 16px;
}

.dle-custom-styles.dle-resources-and-activities .panel-heading h4, .dle-custom-styles.dle-resources-and-activities .panel-heading h3 {
  margin-left: 0px;
  font-size: 22px;
}

.dle-custom-styles.dle-resources-and-activities .dle-resources iframe {
  margin-bottom: -262px;
}

.dle-custom-styles.dle-resources-and-activities .information-content-box a {
  font-weight: 300;
  font-style: italic;
}

.dle-custom-styles.dle-resources-and-activities p {
  text-align: left !important;
}

.dle-custom-styles.dle-resources-and-activities .reading-time {
  font-size: 12px;
  text-decoration: underline;
  margin-left: 20px;
  display: none;
}

.dle-custom-styles.dle-resources-and-activities .black-anchor {
  /* display: inline-block; */
  /* background: url(https://i.imgur.com/uyVwJiG.png) no-repeat top left; */
  /* background-size: cover; */
  margin-left: 10px;
  margin-right: 20px;
  margin-top: -2px;
  vertical-align: middle;
  color: var(--primary);
  cursor: pointer;
  font-size: 22px;
}

.dle-custom-styles.dle-resources-and-activities .black-anchor svg {
  scale: 2;
}

@media (max-width: 768px) {

  .dle-custom-styles.dle-resources-and-activities .panel{
    padding: 30px 0px 20px 0px;
  }

  .dle-custom-styles.dle-resources-and-activities .panel .panel-content {
    padding: 0 10px;
  }

  .dle-custom-styles.dle-resources-and-activities .panel .panel-heading {
    padding-left: 0;
    padding-right: 0;
  }

  .dle-custom-styles.dle-resources-and-activities .panel .feature-image {
    margin-top: -40px;
  }

  .dle-custom-styles.dle-resources-and-activities .panel .panel-heading .title-top {
    padding-left: 10px;
    padding-right: 10px;
  }

  .dle-custom-styles.dle-resources-and-activities .panel .panel-content .feature-video {
    margin-left: -10px;
    margin-right: -10px;
  }

  .dle-custom-styles.dle-resources-and-activities .panel .panel-content .feature-video iframe {
    width: calc(100% + 20px) !important;
    max-width: calc(100% + 20px) !important;
    height: calc(100% + 0px) !important;
  }
}

.ic-app-course-menu #section-tabs-header-subtitle {
  font-family: var(--font-primary);
  padding: 5px 15px;
  font-weight: 400;
  margin: 0px 0px 10px 5px;
  font-style: normal;
  font-size: 12px;
  width: 158px;
  border-radius: 0.25rem;
}

.ic-app-course-menu.ic-sticky-on.list-view #sticky-container {
  overflow-x: hidden;
}

body.ic-Login-Body {
  background-color: var(--ic-brand-Login-body-bgd-color);
  background-image: var(--ic-brand-Login-body-bgd-image) !important;
  background-size: cover;
  background-position: center center !important;
  background-attachment: fixed;
  height: 100vh;
}

body.ic-Login-Body .ic-app-main-content {
    box-sizing: border-box;
    flex: 1;
    min-width: 1px;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.ic-Login-Body  #terms_of_service_footer_link {
  margin-top: -20px;
}

/* NOTE: Assessment page specific exceptions */

div[data-testid="assignment-2-student-content-tabs"] {
  padding: 10px 0 0 20px;
  max-width: 960px;
  margin: 0 auto;
}

div[data-testid="rubric-tab"] {
  max-width: 960px;
  margin: 0 auto;
  padding-left: 15px;
}

@media(max-width: 768px){
  .header-bar-left.ic-Form-control.assignment-search {
    width: 100%;
  }
}

@media (max-width: 768px) {

  .dle-custom-styles.dle-resources-and-activities .panel{
    padding: 30px 0px 20px 0px;
  }

  .dle-custom-styles.dle-resources-and-activities .panel .panel-content {
    padding: 0 45px;
  }

  .dle-custom-styles.dle-resources-and-activities .panel .panel-heading {
    padding-left: 0;
    padding-right: 0;
  }

  .dle-custom-styles.dle-resources-and-activities .panel .feature-image {
    margin-top: -40px;
  }

  .dle-custom-styles.dle-resources-and-activities .panel .panel-heading .title-top {
    padding-left: 45px;
    padding-right: 45px;
  }

  .dle-custom-styles.dle-resources-and-activities .panel .panel-content .feature-video {
    margin-left: -45px;
    margin-right: -45px;
  }

  .dle-custom-styles.dle-resources-and-activities .panel .panel-content .feature-video iframe {
    width: calc(100% + 90px) !important;
    max-width: calc(100% + 90px) !important;
    height: calc(100% + 50px) !important;
  }
}

/** Teams Integration **/

.dle-custom-styles.dle-teams {
  font-family: var(--font-primary);
  margin-bottom: 100px;
}

.dle-custom-styles.dle-teams a.disabled {
  pointer-events: none;
  cursor: default;
  background: lightgray !important;
}

.dle-custom-styles.dle-teams .subheading {
  background-color: var(--primary);
}

.dle-custom-styles.dle-teams .subheading h2 {
  padding-left: 10px;
  font-family: var(--font-primary);
  font-weight: 600;
}

.dle-custom-styles.dle-teams .schedule-container {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  background: var(--background-light);
  margin-top: -15px;
}

.dle-custom-styles.dle-teams .schedule-container.fourth-item {
  margin-bottom: 35px;
}

.dle-custom-styles.dle-teams .schedule-container.knowledge-base {
  display: block;
  margin-top: 35px;
}

.dle-custom-styles.dle-teams .schedule-container.knowledge-base p {
  font-size: 18px !important;
}

.dle-custom-styles.dle-teams .schedule-container.knowledge-base p a {
  text-decoration: underline;
  color: var(--primary);
}

.dle-custom-styles.dle-teams .schedule-container .text-section {
  width: 50%;
  padding: 30px 40px;
}

.dle-custom-styles.dle-teams .schedule-container .text-section h1 {
  font-family: var(--font-heading);
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 150%;
  /* identical to box height, or 36px */
  letter-spacing: -0.011em;
  color: var(--grey-dark);
}

.dle-custom-styles.dle-teams .schedule-container .text-section p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.011em;
  color: var(--grey-dark);
  padding-left: 0;
}

.dle-custom-styles.dle-teams .schedule-container .text-section a {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 22px;
  gap: 10px;
  background: var(--primary);
  width: 225px;
  color: white;
  margin: 5px 0 0;
  font-weight: 600;
  text-decoration: none;
}

.dle-custom-styles.dle-teams .schedule-container .image-section {
  width: 50%;
  padding-left: 30px;
  margin-top: 10px;
}

.dle-custom-styles.dle-teams .sessions-container {
  display: flex;
  align-items: center;
  padding: 15px 0 30px;
  background: var(--background-light);
  margin-top: -15px;
}

.dle-custom-styles.dle-teams .sessions-container .teams-logo-section {
  width: 40%;
  text-align: right;
}

.dle-custom-styles.dle-teams .sessions-container .teams-logo-section img {
  width: 110px;
  padding-right: 50px;
}

.dle-custom-styles.dle-teams .sessions-container .next-session-section {
  padding: 50px 10px;
  width: 60%;
}

.dle-custom-styles.dle-teams .sessions-container .next-session-section h1 {
  font-size: 56px;
  font-family: var(--font-heading);
  font-size: 48px;
  line-height: 150%;
  /* identical to box height, or 72px */
  letter-spacing: -0.011em;
  color: var(--grey-dark);
}

.dle-custom-styles.dle-teams
  .sessions-container
  .next-session-section
  .next-up {
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
  /* identical to box height, or 30px */
  letter-spacing: -0.011em;
  color: var(--grey);
}

.dle-custom-styles.dle-teams
  .sessions-container
  .next-session-section
  .next-up-time-value {
  font-size: 16px;
  margin-bottom: 25px;
}

.dle-custom-styles.dle-teams .sessions-container .next-session-section a {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 22px;
  gap: 10px;
  background: var(--primary);
  width: 225px;
  color: white;
  margin: 5px 0 0;
  font-weight: 600;
  text-decoration: none;
}

.dle-custom-styles.dle-teams .sessions-container .next-session-section a:hover {
  text-decoration: none;
}

.dle-custom-styles.dle-teams
  .sessions-container
  .next-session-section
  a.access-class-chatroom-button {
  background: white;
  color: var(--primary);
  width: 221px;
  border: solid 2px var(--primary);
}

.dle-custom-styles.dle-teams .previous-sessions {
  padding-bottom: 40px;
}

.dle-custom-styles.dle-teams .previous-sessions .subheading {
  margin-bottom: 10px;
}

.dle-custom-styles.dle-teams .previous-sessions .information .teams-session {
  background: var(--background-light);
  margin: 5px 0 0;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .search-previous-sessions {
  text-align: center;
  font-weight: 500;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .search-previous-sessions
  input {
  width: 70%;
  background: var(--background-light);
  border: solid 1px var(--grey-light);
  font-family: var(--font-primary);
  margin: -10px 20px 40px 20px;
  padding: 2px 2px 2px 5px;
  font-size: 12px;
  background-image: url(https://i.imgur.com/V5hQ9jj.png); /* Though this is an image, search bar is hidden for now so eh */ 
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 5px;
  padding-left: 30px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header {
  display: flex;
  align-items: center;
  font-family: var(--font-heading);
  padding: 10px 20px;
  cursor: pointer;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.opened {
  color: white !important;
  background: var(--primary) !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.video-not-created {
  color: var(--grey-light);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header
  .session-arrow-button {
  color: var(--grey);
  width: 25px;
  transform: scaleY(80%);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header
  .session-arrow-button.down {
  transform: scaleX(75%) rotate(90deg);
  margin: 15px 7px 0 -7px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.opened
  .session-arrow-button {
  color: white !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.video-not-created
  .session-arrow-button {
  color: var(--grey-light) !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.video-not-created
  .session-name {
  color: var(--grey);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.video-not-created.opened
  .session-name {
  color: white !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header
  .session-name
  .session-length {
  font-size: 14px;
  color: var(--grey-light);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.opened
  .session-name
  .session-length {
  color: white !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.video-not-created
  .session-name
  .session-length {
  color: var(--grey-light);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header
  .session-completed-amount {
  margin-left: auto;
  text-align: right;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header
  .recorded-status {
  color: var(--success-light);
  margin-left: auto;
  text-align: right;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header
  .recorded-status 
  span.upcoming {
  color: var(--warning-light);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.opened
  .recorded-status 
  span.upcoming {
  color: white !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.video-not-created
  .recorded-status {
  color: var(--fail);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header
  .recorded-status svg {
  fill: var(--grey-dark);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.video-not-created
  .recorded-status svg {
  fill: var(--grey-dark);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header
  .session-completed-amount
  .percentage-complete {
  font-weight: 500;
  font-size: 18px;
  font-family: var(--font-heading);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.opened
  .session-completed-amount
  .percentage-complete {
  color: white !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.opened
  .recorded-status{
  color: white;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.opened
  .recorded-status svg{
  fill: white !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.opened.video-not-created
  .recorded-status svg {
  fill: var(--grey-dark);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.video-not-created
  .session-completed-amount
  .percentage-complete {
  color: var(--grey-light) !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header
  .session-completed-amount
  .percentage-complete.incomplete {
  color: var(--warning);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.opened
  .session-completed-amount
  .percentage-complete.incomplete {
  color: white !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.video-not-created
  .session-completed-amount
  .percentage-complete.incomplete {
  color: var(--grey-light) !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header
  .session-completed-amount
  .percentage-complete.complete {
  color: var(--success);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.opened
  .session-completed-amount
  .percentage-complete.complete {
  color: white !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.video-not-created
  .session-completed-amount
  .percentage-complete.complete {
  color: var(--grey-light) !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header
  .session-completed-amount
  .time-to-complete {
  font-size: 14px;
  color: var(--grey);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.opened
  .session-completed-amount
  .time-to-complete {
  color: white !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .teams-session-header.video-not-created
  .session-completed-amount
  .time-to-complete {
  color: var(--grey-light) !important;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .content {
  background: var(--background-light);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-info-content {
  padding: 20px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-info-content 
  .session-video 
  video {
  width: 100%;
  max-width: 600px;
  height: auto;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  h2 {
  font-size: 20px;
  font-weight: 600;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details {
  display: flex;
  padding-top: 10px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .subheading
  h3 {
  color: white;
  padding: 5px 10px 5px 15px;
  font-weight: 500;
  font-family: var(--font-heading);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  p {
  padding: 0px;
  font-size: 14px;
  margin: 0;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .video-status {
  width: 50%;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .video-status
  p {
  padding: 0 20px 0 10px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .video-status
  .subheading {
  margin-right: 10px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .session-video-info
  a
  img {
  padding-right: 10px;
  height: 35px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .session-video-info {
  width: 50%;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .session-video-info
  p {
  margin-left: 20px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-info-content
  .subheading {
  margin-left: 5px;
  background: var(--background-light);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-info-content
  .subheading
  h3 {
  color: black;
  padding-top: 0;
  padding-bottom: 0;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .session-video-info
  .download-section {
  display: flex;
  margin-left: 20px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .session-video-info
  .download-section
  p {
  margin-left: 0px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .session-video-info
  .download-section
  .download-video {
  padding-right: 10px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .session-video-info
  .download-section
  .download-video 
  .download-button {
  border: 1px solid var(--primary);
  padding: 4px 10px;
  color: var(--primary);
  font-size: 13px;
  background: var(--background-light);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .session-video-info
  .download-section
  .download-video 
  a:hover {
  text-decoration: none;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .session-video-info
  .download-section
  .download-video 
  .download-button
  svg {
  margin-left: 3px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .session-video-info
  .download-section
  .download-transcript
  .download-transcript-buttons {
  display: flex;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .session-video-info
  .download-section
  .download-transcript
  .download-transcript-buttons
  a {
  margin-right: 5px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .full-transcription
  .transcription-container {
  display: flex;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .full-transcription
  .transcription-container
  .transcription-left {
  width: 25%;
  text-align: right;
  padding: 50px 20px 0 0;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .full-transcription
  .transcription-container
  .transcription-right {
  width: 75%;
  padding: 30px 10px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .full-transcription
  .transcription-container
  .transcription-right a {
  margin-left: 20px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-video-details
  .video-status
  .video-status-complete-percentage {
  color: var(--warning);
  font-size: 22px;
  font-weight: 400;
  font-family: var(--font-heading);
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-summary
  p {
  padding: 0 10px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-summary
  ul {
  padding-left: 10px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .session-summary
  a {
  color: blue;
  text-decoration: underline;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .student-questions
  a {
  color: blue;
  text-decoration: underline;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .references
  ul {
  padding-left: 10px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .references
  ul
  li {
  padding-bottom: 10px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .references
  a {
  color: blue;
  text-decoration: underline;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .full-transcription {
  padding-bottom: 40px;
}

.dle-custom-styles.dle-teams
  .previous-sessions
  .information
  .teams-session
  .session-info
  .full-transcription
  a {
  text-decoration: underline;
  color: var(--primary);
}

.dle-custom-styles.dle-teams .subject-summary-student-qanda .information {
  padding: 5px 20px 40px;
}

.dle-custom-styles.dle-teams .subject-summary-student-qanda .information p {
  font-size: 14px;
  padding: 0 10px;
}

.dle-custom-styles.dle-teams .subject-summary-student-qanda .information a {
  text-decoration: underline;
}

.dle-custom-styles.dle-teams .subject-summary-module-content .information {
  padding: 0 20px 40px;
}

.dle-custom-styles.dle-teams .subject-summary-module-content .information p {
  font-size: 14px;
}

.dle-custom-styles.dle-teams .subject-summary-module-content .information a {
  text-decoration: underline;
}

.dle-custom-styles.dle-teams .help-and-faq .information {
  padding: 0 20px 40px;
}

.dle-custom-styles.dle-teams .help-and-faq .information p {
  font-size: 14px;
}

.dle-custom-styles.dle-teams .help-and-faq .information a {
  color: var(--primary);
  text-decoration: underline;
}

.dle-custom-styles.dle-teams .help-and-faq .teams-icon {
  width: 100%;
  text-align: center;
}

.dle-custom-styles.dle-teams .error .information {
  padding: 5px 20px 40px;
}

.dle-custom-styles.dle-teams .members-list .information {
  padding: 5px 20px 40px;
}

.dle-custom-styles.dle-teams .members-list .information .members-list-inner h1 {
  margin-left: 20px;
  margin-bottom: 15px;
}

.dle-custom-styles.dle-teams .members-list .information .members-list-inner .list-item {
  display: flex;
  flex-wrap: wrap;
  background: var(--background-light);
  margin-bottom: 5px;
  padding: 10px 20px;
}

.dle-custom-styles.dle-teams .members-list .information .members-list-inner .owners {
  margin-bottom: 30px;
}

.dle-custom-styles.dle-teams 
  .members-list 
  .information 
  .members-list-inner 
  .list-item 
  .list-left {
    width: 40%;
}

.dle-custom-styles.dle-teams 
  .members-list 
  .information 
  .members-list-inner 
  .list-item 
  .list-right {
    width: 60%;
}

@media (max-width: 768px) {

  .dle-custom-styles.dle-teams .schedule-container {
    flex-wrap: wrap;
  }

  .dle-custom-styles.dle-teams .schedule-container .text-section {
    width: 100%;
    padding: 20px;
    text-align: center;
  }

  .dle-custom-styles.dle-teams .schedule-container .text-section a {
    margin: 0 auto;
  }

  .dle-custom-styles.dle-teams .schedule-container .image-section {
    width: 100%;
    padding-left: 0;
    text-align: center;
    margin-top: 25px;
  }

  .dle-custom-styles.dle-teams .sessions-container {
    flex-wrap: wrap;
  }

  .dle-custom-styles.dle-teams .sessions-container .teams-logo-section {
    width: 100%;
    padding: 20px;
    text-align: center;
  }

  .dle-custom-styles.dle-teams .sessions-container .next-session-section {
    width: 100%;
    padding-left: 35px;
  }

  .dle-custom-styles.dle-teams
    .previous-sessions
    .information
    .teams-session
    .session-info
    .session-video-details {
    flex-wrap: wrap;
  }

  .dle-custom-styles.dle-teams
    .previous-sessions
    .information
    .teams-session
    .session-info
    .session-video-details
    .session-video-info
    .download-section {
    flex-wrap: wrap;
  }

  .dle-custom-styles.dle-teams
    .previous-sessions
    .information
    .teams-session
    .session-info
    .session-video-details
    .video-status {
    width: 100%;
  }

  .dle-custom-styles.dle-teams
    .previous-sessions
    .information
    .teams-session
    .session-info
    .session-video-details
    .session-video-info {
    width: 100%;
  }

  .dle-custom-styles.dle-teams
    .previous-sessions
    .information
    .teams-session
    .session-info
    .session-video-details
    .session-video-info
    .subheading {
    margin-left: 0;
  }

  .dle-custom-styles.dle-teams
    .previous-sessions
    .information
    .teams-session
    .session-info
    .session-video-details
    .session-video-info
    .download-section {
    margin-left: 10px;
  }

  .dle-custom-styles.dle-teams
    .previous-sessions
    .information
    .teams-session
    .session-info
    .session-video-details
    .video-status
    .subheading {
    margin-right: 0px;
  }

    .dle-custom-styles.dle-teams .previous-sessions .information .teams-session .session-info .full-transcription .transcription-container {
      flex-wrap: wrap;
  }

  .dle-custom-styles.dle-teams
    .previous-sessions
    .information
    .teams-session
    .session-info
    .full-transcription
    .transcription-container
    .transcription-left {
    width: 100%;
    padding: 20px 20px;
    text-align: center;
  }

  .dle-custom-styles.dle-teams
    .previous-sessions
    .information
    .teams-session
    .session-info
    .full-transcription
    .transcription-container
    .transcription-right {
    width: 100%;
    padding: 0 20px 20px 20px;
  }

  .dle-custom-styles.dle-teams
    .previous-sessions
    .information
    .teams-session
    .session-info
    .full-transcription
    .transcription-container
    .transcription-right svg {
      border-bottom: 2px solid var(--secondary-light);
  }

  .dle-custom-styles.dle-teams 
    .members-list 
    .information 
    .members-list-inner 
    .list-item 
    .list-left {
      width: 100%;
  }

  .dle-custom-styles.dle-teams 
    .members-list 
    .information 
    .members-list-inner 
    .list-item 
    .list-right {
      width: 100%;
  }
}

/** Left Menu Styles **/

.dle-custom-styles.left-menu {
  width: 189px;
  font-size: 14px;
  margin-bottom: 25px;
  font-family: var(--font-primary);
  overflow-x: hidden;
}

.dle-custom-styles.left-menu .nav-badge {
  /* min-width: 16px; */
  width: 20px;
  /* line-height: 16px; */
  border-radius: 50%;
  /* padding: 0 3px; */
  font-size: 0.6rem;
  /* margin-top: 3px; */
  color: white;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary);
  font-weight: 600;
  padding-right: 1px;
}

.dle-custom-styles.left-menu p {
  padding: 0 15px;
  margin: 0 0 5px;
  font-size: 14px;
}

.dle-custom-styles.left-menu a {
  color: var(--link);
  text-decoration: none;
  outline: none;
}

.dle-custom-styles.left-menu a:focus {
  background: var(--background-light);
  outline: none;
}

.dle-custom-styles.left-menu a:hover {
  text-decoration: underline;
}

.dle-custom-styles.left-menu .nav-badge {
  min-width: 16px;
  width: 16px;
  line-height: 16px;
  border-radius: 16px;
  padding: 0 3px;
  font-size: 0.6rem;
  margin-top: 3px;
}

.dle-custom-styles.left-menu .left-menu-heading {
  font-family: var(--font-primary);
  padding: 5px 15px;
  font-weight: bold;
  margin: 15px 0 5px;
}

.dle-custom-styles.left-menu .left-menu-heading.no-top-margin {
  margin-top: 0;
}

.dle-custom-styles.left-menu .left-menu-heading.grey {
  background: var(--background-light);
}

.dle-custom-styles.left-menu .additional-links {
  margin-bottom: 15px;
}

.dle-custom-styles.left-menu .subject-management.hide {
  display: none;
}

.dle-custom-styles.left-menu .nav-icon.icon-off {
  margin-top: 3px;
}

.dle-custom-styles.left-menu li [aria-current="page"] {
  color: var(--link-dark);
  text-decoration: underline !important;
}

.dle-custom-styles.left-menu [role="tooltip"],
.dle-custom-styles.left-menu
  .hidetooltip.hidetooltip.hidetooltip
  + [role="tooltip"] {
  visibility: hidden;
  position: absolute;
  top: 2rem;
  left: 2rem;
  background: black;
  color: white;
}

.dle-custom-styles.left-menu [aria-describedby]:hover,
.dle-custom-styles.left-menu [aria-describedby]:focus {
  position: relative;
}

.dle-custom-styles.left-menu [aria-describedby]:hover + [role="tooltip"],
.dle-custom-styles.left-menu [aria-describedby]:focus + [role="tooltip"] {
  visibility: visible;
}

.dle-custom-styles.left-menu nav {
  margin-left: 2px;
}

.dle-custom-styles.left-menu a {
  line-height: 1.5;
  padding: 0 15px;
  margin: 0 0 5px;
  font-size: 14px;
}

.dle-custom-styles.left-menu a.left-menu-heading {
  color: var(--grey-dark) !important;
  cursor: default;
  pointer-events: none;
  margin-top: 15px;
}

.dle-custom-styles.left-menu a.left-menu-heading:hover {
  text-decoration: none;
}

/** Modules Top Nav **/

.dle-custom-styles .dle-modules-top-nav {
  padding: 25px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 10px;
}

.dle-custom-styles .dle-modules-top-nav a {
  flex: 0 0 150px;
  padding: 7px;
  background: white;
  color: var(--primary);
  border: 1px solid var(--primary);
  font-weight: 600;
  text-decoration: none !important;
  text-align: center;
  font-size: 18px;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dle-custom-styles .dle-modules-top-nav a:focus { 
  outline: 0; 
}

.dle-custom-styles .dle-modules-top-nav a.selected {
  background: var(--primary);
  color: white;
}

@media (max-width: 962px) {
  .dle-custom-styles .dle-modules-top-nav a {
    flex: 0 0 75%;
  }
}

@media (min-width: 962px) {
  .dle-custom-styles .dle-modules-top-nav a.mba-subject {
     flex: 0 0 30%;     
  }
}

@media (min-width: 1190px) {
  .dle-custom-styles .dle-modules-top-nav a {
    flex: 0 0 175px;
  }
  .dle-custom-styles .dle-modules-top-nav a.mba-subject {
    flex: 0 0 31%;
  }
}

nav#mobileContextNavContainer.dle-custom-styles.mobile-version {
  width: 100%;
  margin-right: 10px;
  padding-bottom: 15px;
  font-size: 16px;
}

nav#mobileContextNavContainer.dle-custom-styles.mobile-version > span:first-child{
  display: block !important;
}

nav#mobileContextNavContainer.dle-custom-styles.mobile-version a {
  margin: 5px 5px;
  font-size: 16px;
}

nav#mobileContextNavContainer.dle-custom-styles.mobile-version a span {
  font-size: 16px !important;
}

nav#mobileContextNavContainer.dle-custom-styles.mobile-version li {
   list-style-type: none;
}

nav#mobileContextNavContainer.dle-custom-styles.mobile-version li.section {
  display: block !important;
  margin: 10px 5px 12px 0;
}

nav#mobileContextNavContainer.dle-custom-styles.mobile-version li.section .left-menu-heading {
  display: block;
}

/** Dashboard **/

.ic-Layout-contentMain:has(> #dashboard) {
  padding: 0;
}

.dle-custom-styles #DashboardCard_Container .ic-DashboardCard__box .ic-DashboardCard a{
  text-decoration: none;  
}

#dashboard.dle-custom-styles hr {
  display: none;
}

.dle-custom-styles #DashboardCard_Container .ic-DashboardCard__box__header {
  display: none;
}

.dle-custom-styles #DashboardCard_Container .ic-DashboardCard__action-container {
  margin-top: 20px;
}

/* Hide the unpublished subjects section (or not) */
/* .dle-custom-styles
  #DashboardCard_Container
  .ic-DashboardCard__box:nth-child(2) {
  display: none;
} */ 

.dle-custom-styles #DashboardCard_Container .subheading {
  padding: 1px 10px;
}

.dle-custom-styles #DashboardCard_Container .subheading h3 {
  color: white;
  font-weight: 600;
}

.dle-custom-styles #DashboardCard_Container .subheading h3 svg {
  margin-bottom: -1px;
}

#dashboard.dle-custom-styles .subheading h3 {
  color: white;
  font-weight: 600;
}

#dashboard.dle-custom-styles .subheading h3 svg {
  margin-bottom: -1px;
}

.dle-custom-styles #DashboardCard_Container .header-content .header-image {
  height: 130px;
  width: 100%;
  background-image: url("https://i.imgur.com/58eYMd1.png");
  background-size: cover;
  background-position: center;
}

.dle-custom-styles #DashboardCard_Container .header-content h2 {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: black;
  padding: 25px 0 10px;
}

.dle-custom-styles
  #DashboardCard_Container
  .header-content
  .subjects-subheading {
  background: var(--background-light);
  padding: 3px 15px;
}

.dle-custom-styles
  #DashboardCard_Container
  .header-content
  .subjects-subheading
  h3 {
  font-weight: 600;
  font-size: 18px;
}

.dle-custom-styles #DashboardCard_Container .ic-DashboardCard__box {
  padding: 10px 0 0 0;
}

.dle-custom-styles #DashboardCard_Container .bottom-content {
  display: flex;
}

.dle-custom-styles #DashboardCard_Container .bottom-content .todo {
  flex-basis: 50%;
  /* padding-right: 8px; */
}

.dle-custom-styles #DashboardCard_Container .bottom-content .feedback {
  flex-basis: 50%;
  padding-left: 8px;
}

.dle-custom-styles
  #DashboardCard_Container
  .bottom-content
  .feedback
  .subheading {
  display: flex;
}

.dle-custom-styles
  #DashboardCard_Container
  .bottom-content
  .feedback
  .subheading
  a.view-marks-button {
  background: white;
  color: var(--primary);
  font-weight: 600;
  padding: 4px 10px;
  margin: 4px 0;
  margin-right: -4px;
  margin-left: auto;
  font-size: 13px;
}

@media (max-width: 768px) {
  .dle-custom-styles #DashboardCard_Container .bottom-content {
    flex-direction: column;
  }

  .dle-custom-styles #DashboardCard_Container .bottom-content .todo {
    flex-basis: 100%;
    padding: 0 4px;
  }

  .dle-custom-styles #DashboardCard_Container .bottom-content .feedback {
    flex-basis: 100%;
    padding: 0 4px;
  }
}

.dle-custom-styles #DashboardCard_Container .bottom-content .entry {
  background: var(--background-light);
  padding: 10px;
  margin: 5px 0 0;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  flex-flow: row wrap;
}

.dle-custom-styles #DashboardCard_Container .bottom-content .entry svg {
  stroke: var(--primary);
}

.dle-custom-styles #DashboardCard_Container .bottom-content .entry .entry-icon {
  flex-basis: 10%;
}

.dle-custom-styles #DashboardCard_Container .bottom-content .entry .entry-text {
  width: 70%;
}

.dle-custom-styles
  #DashboardCard_Container
  .bottom-content
  .entry
  .entry-text
  .entry-text-subtext {
  color: var(--grey);
  line-height: 1;
  margin-top: 5px;
}

.dle-custom-styles
  #DashboardCard_Container
  .bottom-content
  .entry
  .entry-text
  .entry-text-time-limit {
  font-family: var(--font-heading);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: -0.011em;
  color: rgb(41 41 41 / 60%);
  margin-top: 2px;
}

.dle-custom-styles
  #DashboardCard_Container
  .bottom-content
  .entry
  .entry-right {
  width: 20%;
  font-size: 12px;
  font-weight: 600;
}

.dle-custom-styles
  #DashboardCard_Container
  .bottom-content
  .entry
  .entry-right.blue {
  color: var(--primary);
}

.dle-custom-styles
  #DashboardCard_Container 
  button.Button.Button--icon-action-rev.ic-DashboardCard__header-button:hover {
  cursor: grab;
}

#dashboard.dle-custom-styles .bottom-content {
  display: flex;
}

#dashboard.dle-custom-styles .bottom-content .todo {
  flex-basis: 50%;
  /* padding-right: 8px; */
}

#dashboard.dle-custom-styles .bottom-content .feedback {
  flex-basis: 50%;
}

#dashboard.dle-custom-styles
  .bottom-content
  .feedback
  .subheading {
  display: flex;
}

#dashboard.dle-custom-styles
  .bottom-content
  .feedback
  .subheading
  a.view-marks-button {
  background: white;
  color: var(--primary);
  font-weight: 600;
  padding: 4px 10px;
  margin: 4px 0;
  margin-right: -4px;
  margin-left: auto;
  font-size: 13px;
}

@media (max-width: 768px) {
  #dashboard.dle-custom-styles .bottom-content {
    flex-direction: column;
  }

  #dashboard.dle-custom-styles .bottom-content .todo {
    flex-basis: 100%;
    padding: 0 4px;
  }

  #dashboard.dle-custom-styles .bottom-content .feedback {
    flex-basis: 100%;
    padding: 0 4px;
  }
}

#dashboard.dle-custom-styles .bottom-content .entry {
  background: var(--background-light);
  padding: 10px;
  margin: 5px 0 0;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  flex-flow: row wrap;
}

#dashboard.dle-custom-styles .bottom-content .entry svg {
  stroke: var(--primary);
}

#dashboard.dle-custom-styles .bottom-content .entry .entry-icon {
  flex-basis: 10%;
}

#dashboard.dle-custom-styles .bottom-content .entry .entry-text {
  width: 71%;
}

#dashboard.dle-custom-styles
  .bottom-content
  .entry
  .entry-text
  .entry-text-main {
  color: var(--primary);
  font-size: 14px;
}

.dle-custom-styles
  .bottom-content.new-dashboard
  .entry
  .entry-text
  .entry-text-main {
  color: black !important;
  padding: 3px 0 2px;
  font-size: 14px;
}

.dle-custom-styles
  .bottom-content.new-dashboard
  .entry
  .entry-text
  .entry-text-main a {
  color: black !important;
  font-size: 14px;
}

#dashboard.dle-custom-styles .bottom-content.new-dashboard .todo-entries::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

#dashboard.dle-custom-styles .bottom-content.new-dashboard .todo-entries::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

#dashboard.dle-custom-styles
  .bottom-content
  .entry
  .entry-text
  .entry-text-subtext {
  color: var(--grey);
  line-height: 1;
  margin-top: 5px;
}

#dashboard.dle-custom-styles
  .bottom-content
  .entry
  .entry-text
  .entry-text-time-limit {
  font-family: var(--font-heading);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: -0.011em;
  color: rgb(41 41 41 / 60%);
  margin-top: 2px;
}

#dashboard.dle-custom-styles
  .bottom-content
  .entry
  .entry-right {
  width: 20%;
  font-size: 12px;
  font-weight: 600;
}

#dashboard.dle-custom-styles
  .bottom-content
  .entry
  .entry-right.blue {
  color: var(--primary);
}

.entry-right-comment {
  width: 100%;
  font-size: 12px;
  margin-top: 10px;
  padding-left: 40px;
}

.dle-custom-styles
  #DashboardCard_Container
  .ic-DashboardCard__box
  .ic-DashboardCard {
  background: var(--background-light);
  box-shadow: none;
  border-radius: 0;
  width: calc(33.3333% - 36px);
}

.dle-custom-styles
  #DashboardCard_Container
  .ic-DashboardCard__box
  .ic-DashboardCard
  .ic-DashboardCard__link
  .ic-DashboardCard__header_content {
  background: var(--background-light);
}

.dle-custom-styles
  #DashboardCard_Container
  .ic-DashboardCard__box
  .ic-DashboardCard
  .ic-DashboardCard__link
  .ic-DashboardCard__header_content
  .ic-DashboardCard__header-title
  span {
  color: black !important;
  line-height: 1;
}

.dle-custom-styles
  #DashboardCard_Container
  .ic-DashboardCard__box
  .ic-DashboardCard
  .ic-DashboardCard__link
  .ic-DashboardCard__header_content
  .ic-DashboardCard__header-subtitle {
  color: black !important;
  font-size: 14px;
  line-height: 1;
}

.dle-custom-styles
  #DashboardCard_Container
  .ic-DashboardCard__box
  .ic-DashboardCard
  .ic-DashboardCard__header
  .ic-DashboardCard__header_image
  .ic-DashboardCard__header_hero {
  opacity: 0 !important;
}

.dle-custom-styles #DashboardCard_Container .ic-DashboardCard__header-subtitle,
.ic-DashboardCard__header-term {
  margin-top: 5px;
}

#dashboard.dle-custom-styles .bottom-content .date {
  background: var(--background-light); 
  color: var(--grey-dark); 
  align-self: start; 
  margin: -10px 20px 10px -10px; 
  padding: 5px 10px; 
  font-weight: 500; 
  font-family: var(--font-primary);
  width: 50px;
}

#dashboard.dle-custom-styles .bottom-content .score {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 10px;
  font-weight: 400;
  font-family: var(--font-primary);
  padding-right: 20px;
  color: black;
  width: 69px;
}

#dashboard.dle-custom-styles .bottom-content .score .score-value {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font-primary);
}

#dashboard.dle-custom-styles .bottom-content .score .score-text {
  margin-top: 5px;
}

#dashboard.dle-custom-styles .bottom-content .messages-datetime {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 10px;
  font-weight: 400;
  font-family: var(--font-primary);
  padding-right: 20px;
  color: var(--grey-dark);
  padding-top: 10px;
  width: 50px;
}

#dashboard.dle-custom-styles .bottom-content .messages-datetime .date-value {
  font-size: 14px;
  font-family: var(--font-primary);
}

#dashboard.dle-custom-styles .bottom-content .messages-datetime .time-value {
  margin-top: 5px;
}

@media only screen and (max-width: 620px) {
  .dle-custom-styles
    #DashboardCard_Container
    .ic-DashboardCard__box
    .ic-DashboardCard {
    width: 100% !important;
  }
}

.dle-custom-styles .dle-custom-all-subjects-content .all-subjects {
  max-height: 372px;
  overflow-y: auto;
  margin-top: -15px;
}

.dle-custom-styles .dle-custom-all-subjects-content .all-subjects-row {
  display: flex;
  justify-content: space-between;
  background: var(--background-light);
  border-bottom: 2px solid var(--background-light);
}

.dle-custom-styles .dle-custom-all-subjects-content .all-subjects .all-subjects-row div {
  padding: 8px 10px;
  font-size: 13px;
  color: black;
}

.dle-custom-styles .dle-custom-all-subjects-content .all-subjects .all-subjects-row.header {
  background: var(--background-light);
}

.dle-custom-styles.dle-custom-all-subjects-content .all-subjects .all-subjects-row .name {
  flex-basis: 70%;
}

.dle-custom-styles .dle-custom-all-subjects-content .all-subjects .all-subjects-row .trimester {
  flex-basis: 30%;
}

.dle-custom-styles .dle-custom-all-subjects-content .all-subjects a {
  color: black;
}

.dle-custom-styles .dle-custom-all-subjects-content .all-subjects a:hover {
  text-decoration: none;
}

.dle-custom-styles .dle-custom-all-subjects-content .all-subjects a:hover .all-subjects-row {
  text-decoration: none;
  background: var(--background-light);
}

/* Academic & Workspace section */

.dle-custom-academic-workplace-content .slider .left-news-block .content {
  padding: 0 20px 0 50px;
  display: flex;
  flex-direction: column;
}

.dle-custom-academic-workplace-content .slider {
  max-height: none !important;
}

.dle-custom-academic-workplace-section {
  display: flex;
  justify-content: center; 
  padding: 1rem;
}

.dle-custom-academic-workplace-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: 20px;
  justify-items: start;
  margin-top: 1rem;
  padding: 0.4rem;
}

.workplace-card {
  padding: 1rem;
  text-align: left;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  text-decoration: none !important;
  box-sizing: border-box;
  background: white;
}

.workplace-card:hover {
  background: var(--background-light);
 }

.workplace-card .icon {
  margin-bottom: 0.5rem;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.workplace-card .label {
  color: var(--grey-dark);
  font-weight: 500;
  background: none;
  padding: 0;
  display: inline-block;
  word-wrap: break-word;       
  overflow-wrap: break-word;   
  text-align: center;
  max-width: 100%;            
  white-space: normal;   
  line-height:normal;  
  font-size: 13px;  
  text-shadow: none !important; 
}

/* All Subjects Button */

.all-subjects-button-card {
 height: 301px;
}


.all-subjects-button-card a{
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.all-subjects-button-card span{
  color: black !important;
  font-size: 0.875rem;
  font-weight: 500;
}

.all-subjects-button-card:hover {
  background: var(--background-light);
 }

/* New Activity Feed */

.activity-feed-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  color: white;
  padding: 1rem;
  gap: 1rem;
}

.activity-feed-title span {
  font-weight: normal;
  font-size: 1rem;
  margin-left: 0.3rem;
}

.activity-feed-filters {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

#custom-entries .loader{
  display: block;
  margin: 20px auto;
}

.dropdown-multiselect {
  position: relative;
  width: 200px;
  font-family: sans-serif;
}

.dropdown-toggle {
  width: 100%;
  padding: 2px 10px;
  font-size: 14px;
  cursor: pointer;
  background: white;
  border: none;
  text-align: left;
  display: flex;
  justify-content: space-between;
  height: 24px;
  align-items: center;
}

.dropdown-toggle p {
  padding: unset;
  margin: unset;
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--grey);
  line-height: 150%;
  letter-spacing: -0.00719rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropdown-toggle span {
  padding: unset;
  margin: unset;
  font-size: 1rem;
  font-weight: 400;
  color: var(--grey);
  line-height: 150%;
  letter-spacing: -0.00719rem;
}

.dropdown-options {
  display: none;
  position: absolute;
  background-color: white;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  z-index: 10;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.dropdown-options label {
  font-weight: 400;
  letter-spacing: -0.00575rem;
  line-height: 150%;
  color: var(--grey);
  font-size: 0.875rem;
  margin: 0;
  padding: unset;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 10px 0px;
  cursor: pointer;
}

.dropdown-options input[type="checkbox"] {
  margin: 0px 8px;
}

.activity-entries {
  max-height: 704px;
  scroll-behavior: smooth;
  overflow-y: scroll;
}

.no-data-message{
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  padding: 1rem;
}

.activity-grid {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 16px;
  align-items: start;
  padding: 16px 8px;
  border-bottom: 1px solid var(--background-light);
}

.activity-icon-column {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 120px;
}

.activity-icon-column p{
  color: var(--grey);
  font-family: var(--font-primary);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.00575rem;
  padding: 0rem 1rem;
  margin: unset;
}

.activity-content-column {
  min-width: 0;
}

.activity-content-column p{
  font-weight: 400;
  letter-spacing: -0.00575rem;
  line-height: 150%;
  color: #0A0A0A;
  font-size: 0.875rem;
  margin: 0;
  padding: unset;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.activity-content-column a{
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: -0.00963rem;
  color: black;
  line-height: 150%;
  text-decoration: none;
  display: block;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.activity-meta-column {
  text-align: left;
  font-size: 0.8rem;
  color: var(--grey);
  height: 100%;
  width: 302px;
  padding-left: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border-left: 1px solid var(--background-light);
}

.activity-meta-column h4{
  font-weight: 400;
  letter-spacing: -0.00575rem;
  line-height: 150%;
  color: var(--grey-dark) !important;
  font-size: 0.875rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
}

.activity-meta-column p{
  font-weight: 400;
  letter-spacing: -0.00575rem;
  line-height: 150%;
  color: var(--grey);
  font-size: 0.875rem;
  margin: 0;
  padding: unset;
}

@media (max-width: 768px) {
  .activity-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "icon"
      "content"
      "meta";
    gap: 8px;
  }

  .activity-icon-column {
    grid-area: icon;
    flex-direction: row;
    justify-content: flex-start;
    gap: 8px;
    width: auto;
  }

  .activity-content-column {
    grid-area: content;
  }

  .activity-meta-column {
    grid-area: meta;
    border-left: none;
    padding-left: 0;
    width: auto;
  }

  .activity-feed-filters {
    flex-direction: column;
    width: 100%;
  }

  .dropdown-multiselect {
    width: 100%;
  }

  .activity-feed-title {
    width: 100%;
  }

  .activity-feed-header {
    gap: unset;
    padding: 10px !important;
  }
}

.ic-DashboardCard__box__container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/* News section */

.dle-custom-news-content .slider .left-news-block .content {
  padding: 0 20px 0 50px;
}

.dle-custom-news-content .slider {
  max-height: none !important;
}

.dle-custom-news-section {
  display: flex;
}

.dle-custom-news-section #custom-sesl-link{
  border: 0px; 
  padding: 0px; 
  margin-left: 0px;
}

.dle-custom-news-section .left-news-block {
  flex: 0 0 50%;
}

.dle-custom-news-section .right-news-block {
  flex: 0 0 50%;
}

.dle-custom-news-section .right-news-block img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-height: 350px;
}

.dle-custom-news-section .news-item-start-date, .dle-custom-news-section .news-item-end-date {
  display: none;
}
  
.hidden-top-image {
  display: none;
}

.dle-custom-news-section h3 {
  font-size: 24px;
}

.dle-custom-news-section h4 {
  font-size: 20px;
  font-style: italic;
  /* max-width: 350px; */
}

.dle-custom-news-section .link-container {
  text-align: center;
  padding-top: 20px;
}

.dle-custom-news-section p {
  padding: 0px;
  margin-block-start: 1em !important;
  margin-block-end: 1em !important;
}

.dle-custom-news-section a {
  /* border: 3px solid var(--primary); */
  color: var(--primary) !important;
  /* padding: 10px; */
  /* margin-left: -10px; */
}

.dle-custom-news-section p { 
  font-size: 14px;
  overflow: hidden;
}

.dle-custom-news-section a span.external_link_icon {
  display: none !important;
}

.dle-custom-news-section a:hover,
.dle-custom-news-section a span,
.dle-custom-news-section a span:hover,
.dle-custom-news-section a.external:hover span {
  color: var(--primary) !important;
  font-weight: 500;
  text-decoration: none !important;
}

.dle-custom-news-section a, 
.dle-custom-news-section a:visited, 
.dle-custom-news-section a span:visited {
  text-decoration: none !important;
}

.dle-custom-news-section .left-news-block .content {
  padding: 0 20px 0 15px;
}

@media (max-width: 768px) {
  .dle-custom-news-section .left-news-block {
      flex: 0 0 100%;
      margin-top: 20px !important;
      margin-bottom: 10px !important;
  }

  .dle-custom-news-section {
    flex-direction: column-reverse;
  }
  
  /* .dle-custom-news-section a:hover,
  .dle-custom-news-section a span,
  .dle-custom-news-section a span:hover,
  .dle-custom-news-section a.external:hover span {
      color: white !important;
  }
  
  .dle-custom-news-section a {
      border-color: white !important;
  } */
}

/* .dle-custom-styles .dle-custom-all-subjects-content .all-subjects a:hover .all-subjects-row div{
  color: white;
} */

/** Module progress page (Brayan) **/
/* .ig-row.with-completion-requirements {
  background-color: var(--success-light) !important;
}

.ig-row.with-completion-requirements.not-completed {
  background-color: var(--warning-light) !important;
}

.ig-row.with-completion-requirements.not-progressive {
  background-color: white !important;
} */

.item-group-condensed .ig-header {
  border: none !important;
}

.ig-list .ig-row.ig-published:not(.student-view):before {
  content: none !important;
}

.ig-list .ig-row {
  border: none !important;
  border-bottom: 1px solid var(--grey-light) !important;
}

.ig-header .name {
  color: var(--grey-dark) !important;
  font-size: 20.76px;
  font-family: var(--font-heading);
  font-weight: 400;
}

.ig-list .ig-row a.ig-title {
  color: var(--grey-dark) !important;
  font-family: var(--font-heading);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.item-group-condensed .ig-header {
  background: var(--background-light) !important;
}

/** Messaging/Contact Page (Brayan) **/

.progress-bar-container {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.progress-bar-container .title {
  font-weight: 400;
  font-size: 48px;
  line-height: 72px;
  font-family: var(--font-heading);
  margin: 0;
}

.progress-bar-container .subtitle {
  color: #000000bf;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  font-family: var(--font-primary);
  margin: 0 0 20px 0;
}

.progress-bar {
  max-width: 711px;
  width: 100%;
  height: 10px;
  background: var(--grey-light);
  overflow: hidden;
  position: relative;
}

.progress-inner {
  width: 0;
  height: 100%;
  background-color: var(--primary);
  position: relative;
}

.progress-inner::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-color: var(--primary);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -7px;
  transform: translate(0, -50%);
}

.next-task-info {
  font-size: 16px;
  font-weight: 400;
  font-family: var(--font-primary);
  line-height: 24px;
  margin-top: 40px;
}

.next-task-info .nex-task-link {
  text-decoration: underline;
  padding: 0 !important;
  color: var(--primary);
}

.dle-custom-styles .subheading .custom-icon {
  fill: white;
  display: inline-block;
  margin: 0 0.5rem;
  vertical-align: middle;
  cursor: pointer;
}

.dle-custom-styles .subheading .icon-contact {
  width: 19px;
  height: 15px;
}

.dle-custom-styles.dle-contact-page .banner {
  width: 100%;
  height: auto;
}

.dle-custom-styles.dle-contact-page .subject-introduction .information {
  margin-top: -15px;
  margin-bottom: 50px;
}

.dle-custom-styles.dle-contact-page .subject-introduction .section-title {
  font-weight: 400;
  line-height: 24px;
  font-family: var(--font-heading);
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact {
  background-color: var(--background-light);
  width: 100%;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-chat-room {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 50px;
  min-height: 410px;
  align-items: center;
  padding: 20px;
  flex-wrap: wrap;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide {
  display: flex;
  max-width: 960px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6rem;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .heading-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .heading-info
  .details {
  width: 40%;
  margin-right: 20px;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .heading-info
  .details
  .title {
  font-family: var(--font-heading);
  font-size: 30px;
  font-weight: 400;
  color: var(--primary);
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .heading-info
  .details
  .description {
  padding: 0 !important;
  font-size: 18px;
  font-family: var(--font-heading);
  font-weight: 400;
  color: var(--primary)c4;
  margin: 30px 0;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .heading-info
  .heading-image {
  width: 50%;
  margin: 0;
  /* height: fit-content; */
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .support-dropdowns-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .support-dropdown {
  border: 1px solid var(--background-light);
  width: 100%;
  margin: 15px 0;
  background: white;
  overflow: hidden;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .support-dropdown
  .support-dropdown-header {
  border: 1px solid var(--primary)00;
  padding: 10px 25px;
  color: var(--primary);
  min-height: 37px;
  display: flex;
  max-height: 80px;
  justify-content: flex-start;
  align-items: center;
  /* cursor: pointer; */
}

@media (max-width: 936px) {
  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-support-guide
    .heading-info {
    flex-direction: column;
    align-items: center;
  }

  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-support-guide
    .heading-info
    .details {
    width: 100% !important;
  }

  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-support-guide
    .heading-info
    .heading-image {
    width: 100%;
    margin: 0;
    margin-left: -20px;
    object-fit: cover;
  }
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .support-dropdown
  .support-dropdown-header
  .icon {
  width: 0.8rem;
  vertical-align: middle;
  margin-right: 0.5rem;
  fill: var(--primary);
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .support-dropdown
  .support-dropdown-header
  .text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  margin: 0 5px;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .support-dropdown
  .support-dropdown-header
  .chevron-down {
  width: 0.5rem;
  vertical-align: middle;
  margin-left: 0.5rem;
  fill: var(--primary);
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .support-dropdown
  .support-dropdown-body {
  border-top: 1px solid var(--background-light);
  padding: 1rem 3.6rem;
  display: block;
  margin: 5px 0 30px 0;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .support-dropdown
  .support-dropdown-body
  .content
  .text {
  color: var(--primary);
  padding: 0 !important;
  font-size: 14px;
  font-family: var(--font-primary);
  line-height: 18px;
  gap: 10px;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .support-dropdown
  .support-dropdown-body
  .content {
  margin-bottom: 1.5rem;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .support-dropdown
  .support-dropdown-body
  .button-links {
  min-height: 35px;
  height: auto;
  width: fit-content;
  padding: 3px 10px;
  background: var(--primary);
  text-decoration: none;
  margin: 10px 0;
  color: white;
  border: none;
  cursor: pointer;
  display: flex;
  gap: 20px;
  padding-right: 2rem;
  align-items: center;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .support-dropdown
  .support-dropdown-body
  .button-links
  .icon {
  width: 0.8rem;
  fill: white;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .support-dropdown
  .support-dropdown-body
  .button-links
  .button-links-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .support-dropdown
  .support-dropdown-body 
  a.emergency-link {
  cursor: pointer;
  color: var(--primary);
  text-decoration: none;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .support-dropdown
  .support-dropdown-body 
  a.emergency-link:visited {
  color: var(--primary);
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-support {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 20px;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-support
  .list {
  flex-direction: column;
}

@media screen and (min-width: 936px) {
  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-subject-support
    .list {
    width: 30%;
  }
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-support
  .list
  .title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-family: var(--font-primary);
  color: var(--primary);
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-support
  .list
  .option {
  background: white;
  display: flex;
  margin: 10px 0;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid var(--primary);
  min-width: 216.67px;
  width: 100%;
  height: 25px;
  padding-left: 0.5rem;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-support
  .list
  .option
  .icon {
  margin: 0 !important;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-support
  .list
  .option
  .text {
  font-size: 10px;
  line-height: 15px;
  font-weight: 400;
  font-family: var(--font-primary);
  color: var(--primary);
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message {
  display: flex;
  flex-direction: row;
  padding: 40px 20px 25px 20px;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message
  .academics-image {
  width: 40%;
  margin: 0;
  object-fit: cover;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message
  .details {
  margin-left: 30px;
}

@media screen and (max-width: 936px) {
  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-subject-direct-message {
    align-items: center;
    flex-direction: column;
  }

  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-subject-direct-message
    .details {
    margin-top: 20px;
  }
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-chat-room
  .details
  .title {
  font-weight: 400;
  font-family: var(--font-heading);
  margin: 0;
  font-size: 49.83px;
  line-height: 74.75px;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-chat-room
  .details
  .title-mobile {
  display: none;
  font-size: 20.76px;
  line-height: 31.14px;
  font-weight: 600;
  font-family: var(--font-primary);
  color: var(--primary);
}

@media (max-width: 768px) {
  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-support-guide
    .support-dropdown
    .support-dropdown-body
    .button-links {
    height: auto;
    min-height: 40px;
    height: auto;
    width: 90%;
  }

  .dle-custom-styles.dle-contact-page .subject-introduction .information .panel-contact .dle-subject-direct-message .academics-image {
    width: 90%;
  }

  .dle-custom-styles.dle-contact-page .subject-introduction .information .panel-contact .dle-support-guide .support-dropdown .support-dropdown-body .button-links svg:nth-child(3) {
    margin-left: auto;
  }

  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-support-guide {
    padding: 30px;
  }
}

@media screen and (max-width: 748px) {
  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-subject-chat-room
    .details
    .title {
    display: none;
  }
  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-subject-chat-room
    .details
    .title-mobile {
    display: block;
  }

  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-subject-chat-room
    .details
    .description {
    color: var(--primary)c4;
  }

  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-subject-chat-room
    .details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-chat-room
  .teams-image {
  margin: 0 !important;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-chat-room
  .details
  .description {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  font-family: var(--font-primary);
  padding: 0 !important;
  margin: 15px 0 !important;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message
  .details
  .title {
  font-weight: 400;
  font-family: var(--font-heading);
  margin: 0;
  color: var(--primary);
  font-size: 30px;
  line-height: 31.14px;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message
  .details
  .description {
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: var(--primary)c4;
  padding: 10px 0;
  font-family: var(--font-heading);
  margin: 20px 0;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message
  .details
  .lecturer-info {
  display: flex;
  gap: 15px;
  align-items: center;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message
  .details
  .lecturer-button-links {
  width: fit-content;
  padding: 3px 40px 3px 10px;
  background: var(--primary);
  margin: 10px 0;
  color: white;
  min-height: 39px;
  height: auto;
  border: none;
  cursor: pointer;
  display: flex;
  gap: 5px;
  justify-content: flex-start;
  align-items: center;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message
  .details
  .lecturer-button-links-mobile {
  display: none;
  width: fit-content;
  height: auto;
  padding: 10px 20px;
  background: var(--primary);
  color: white;
  border: none;
  cursor: pointer;
}

@media (max-width: 768px) {
  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-subject-direct-message
    .details
    .lecturer-button-links-mobile {
    display: block;
  }

  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-subject-direct-message
    .details
    .lecturer-button-links-mobile
    .icon {
    display: inline;
  }

  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-subject-direct-message
    .details
    .lecturer-button-links {
    display: none;
  }
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message
  .details
  .lecturer-button-links-mobile
  .lecturer-button-links-text {
  margin-left: 10px;
  font-size: 14px;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message
  .details
  .lecturer-button-links
  .icon {
  fill: white;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message
  .details
  .lecturer-button-links-mobile
  .icon {
  fill: white;
  vertical-align: middle;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message
  .details
  .lecturer-button-links
  .lecturer-button-links-text {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  margin-left: 10px;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message
  .details
  .lecturer-info
  .icons {
  display: flex;
  gap: 8px;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message
  .details
  .lecturer-info
  .text {
  font-size: 12.74px;
  line-height: 19.1px;
  font-family: var(--font-heading);
  font-weight: 400;
  color: var(--primary);
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-chat-room
  .details
  .btn-teams {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 255px;
  height: 50px;
  border: solid 1px var(--primary);
  background-color: white;
  cursor: pointer;
  color: var(--primary);
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-chat-room
  .details
  .btn-teams
  .icon {
  width: 18px;
  height: 15px;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-chat-room
  .details
  .btn-teams
  .text {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--font-primary);
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-chat-room
  .details
  .link {
  display: flex;
  margin-top: 30px;
  gap: 5px;
  align-items: center;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-chat-room
  .details
  .link
  .text {
  font-size: 16px;
  font-weight: 400;
  font-family: var(--font-primary);
  line-height: 24px;
  color: var(--secondary);
  padding: 0 !important;
  text-decoration: underline;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-chat-room
  .details
  .link
  .icon {
  width: 14px;
  height: 14px;
  color: var(--secondary);
  margin: 0 !important;
}

.dle-custom-styles .feature-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 * 100%) */
  /* overflow: hidden; */
  max-width: 100%; /* Ensure it doesn't overflow its container */
}

/* Style the iframe to fill the container */
.dle-custom-styles .feature-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dle-custom-styles .feature-image {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

/* Liam's temporary right menu change
  .with-right-side #right-side-wrapper {
    display: none !important;

  }
*/

/* Dark Mode Changes For Mobile */ 

@media (max-width: 758px) and (prefers-color-scheme: dark) {

  .dle-custom-styles {
    background: black;
    color: white;
  }

  .dle-custom-styles h1, 
  .dle-custom-styles h2, 
  .dle-custom-styles h3, 
  .dle-custom-styles h4, 
  .dle-custom-styles h5{
    color: white;
  }

  .dle-custom-styles .subheading {
      background: var(--link-dark);
  }

  .dle-custom-styles .heading .subject-title h2 {
    color: white !important;
  }

  .dle-custom-styles .heading .subject-title .course-code, .dle-custom-styles .heading .subject-title .course-title {
    color: white !important;
  }

  .dle-custom-styles .pdf-link a {
    color: lightblue !important;
    background: black !important;
  }

  .dle-custom-styles .dle-modules-top-nav a {
    background: var(--background-light);
    color: var(--link-dark);
    border: 1px solid var(--link-dark);
  }

  .dle-custom-styles .dle-modules-top-nav a.selected {
    background: var(--link-dark);
    color: white;
  }

  .dle-custom-styles.dle-resources-and-activities .panel {
    background: var(--background-dark);
  }

  .dle-custom-styles.dle-contact-page div {
    color: white !important;
    background: black !important;
  }
    
  .dle-custom-styles.dle-contact-page h2, .dle-custom-styles.dle-contact-page h3 {
    color: white !important;
  }
          
  .dle-custom-styles.dle-contact-page p {
    color: white !important;
  }

  .dle-custom-styles.dle-contact-page .subject-introduction .information .panel-contact .dle-support-guide .support-dropdown .support-dropdown-body {
    border: 1px solid black;
    padding: 10px 10px 14px 14px;
  }

  .dle-custom-styles.dle-contact-page .subject-introduction .information .panel-contact .dle-support-guide .support-dropdown {
    border: 1px solid var(--link-dark);
  }
 
  .dle-custom-styles.dle-teams {
    background: white;
    color: black;
  }
}

/* Multiple Video Changes */ 

.dle-custom-styles.dle-teams .previous-sessions .information .teams-session .multiple-video-container .session-name .session-length,.dle-custom-styles.dle-teams .previous-sessions .information .teams-session .multiple-video-container .teams-session-header.opened .session-name .session-length {
  display: inline;
  padding-left: 20px;
  color: var(--grey-light) !important;
}

.dle-custom-styles.dle-teams .previous-sessions .information .teams-session .multiple-video-container .teams-session-header {
  margin-top: 3px;
  background: var(--background-light);
}

.dle-custom-styles.dle-teams .previous-sessions .information .teams-session .multiple-video-container .teams-session-header.opened {
  background: var(--background-light) !important;
  color: black !important;
}

.dle-custom-styles.dle-teams .previous-sessions .information .teams-session .multiple-video-container .teams-session-header.opened .session-arrow-button {
  color: var(--grey) !important;
}

.dle-custom-styles.dle-teams .previous-sessions .information .teams-session .multiple-video-container .session-info {
  padding: 0 20px;
  background: var(--background-light);
}

.dle-custom-styles.dle-teams .previous-sessions .information .teams-session .multiple-video-container .session-info .session-info-content .subheading {
  background: var(--grey);
}

.dle-custom-styles.dle-teams .previous-sessions .information .teams-session .multiple-video-container .session-info .session-info-content .subheading h3 {
  color: white !important;
}

/** National Subject Changes **/
.dle-custom-styles.dle-teams .schedule.national-subject p,
.dle-custom-styles.dle-teams .schedule.national-subject h1 {
  color: black !important;
  font-size: 22px;
}

.dle-custom-styles.dle-teams .schedule.national-subject .schedule-container {
  background: white;
}

.dle-custom-styles.dle-teams .schedule.national-subject .schedule-container .schedule-upcoming-class-button {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 22px;
  gap: 10px;
  background: var(--primary);
  width: 225px;
  color: white;
  margin: 5px 0 0;
  font-weight: 600;
  text-decoration: none;
  margin-left: auto;
  margin-right: auto;
}

.dle-custom-styles.dle-teams .schedule.national-subject .schedule-container .image-section {
  text-align: center;
}

.dle-custom-styles.dle-teams .schedule.national-subject .schedule-container .image-section.third-national-subject-item img {
  max-width: 200px;
}

.dle-custom-styles.dle-teams .schedule.national-subject .schedule-container .image-section.second-national-subject-item img {
  max-width: 350px;
}

.dle-custom-styles.dle-teams .schedule.national-subject .student-national-teams-subtitle {
  text-align: center;
  margin-top: -35px;
  margin-bottom: 45px;
}

@media (max-width: 768px) {
  .dle-custom-styles.dle-teams .schedule.national-subject .schedule-container .image-section svg {
    margin-bottom: 0;
  }

  .dle-custom-styles.dle-teams .schedule.national-subject .schedule-container .image-section a {
    margin-left: auto;
    margin-right: auto;
  }
}

.dle-custom-styles .dle-modules-top-nav a.selected {
  background: var(--primary);
  color: white;
}

@media (max-width: 962px) {
  .dle-custom-styles .dle-modules-top-nav a {
    flex: 0 0 75%;
  }
}

@media (min-width: 962px) {
  .dle-custom-styles .dle-modules-top-nav a {
    flex: 0 0 175px;     
  }

 .dle-custom-styles .dle-modules-top-nav a.mba-subject {
    flex: 0 0 30%;     
  }
}

@media (min-width: 1190px) {
  .dle-custom-styles .dle-modules-top-nav a {
    flex: 0 0 175px;
  }

  .dle-custom-styles .dle-modules-top-nav a.mba-subject {
    flex: 0 0 31%;
  }
}

/** Dashboard **/

#dashboard.dle-custom-styles hr {
  display: none;
}

.dle-custom-styles #DashboardCard_Container .ic-DashboardCard__box__header {
  font-size: 1.3em;
}

.dle-custom-styles #DashboardCard_Container .ic-DashboardCard__header_content {
    min-height: 95px;
}

.dle-custom-styles #DashboardCard_Container h3.ic-DashboardCard__header-title.ellipsis {
  max-height: 44px;
  white-space: normal;
}

.dle-custom-styles #DashboardCard_Container .header-content .header-image {
  height: 130px;
  width: 100%;
  background-image: url("https://torrens-immersive.s3.ap-southeast-2.amazonaws.com/Canvas/general/mylearn_header.jpg");
  background-size: cover;
  background-position: center;
}

.dle-custom-styles
  #DashboardCard_Container
  .bottom-content
  .entry
  .entry-text
  .entry-text-main {
  color: var(--primary);
}

.dle-custom-styles
  #DashboardCard_Container
  .bottom-content
  .entry
  .entry-text
  .entry-text-subtext {
  color: var(--grey);
  line-height: 1;
  margin-top: 5px;
}

.dle-custom-styles
  #DashboardCard_Container
  .bottom-content
  .entry
  .entry-text
  .entry-text-time-limit {
  font-family: var(--font-heading);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: -0.011em;
  color: rgb(41 41 41 / 60%);
  margin-top: 2px;
}

.dle-custom-styles
  #DashboardCard_Container
  .bottom-content
  .entry
  .entry-right {
  width: 20%;
  font-size: 12px;
  font-weight: 600;
}

.dle-custom-styles
  #DashboardCard_Container
  .bottom-content
  .entry
  .entry-right.blue {
  color: var(--primary);
}

.dle-custom-styles
  #DashboardCard_Container 
  button.Button.Button--icon-action-rev.ic-DashboardCard__header-button:hover {
  cursor: grab;
}

.dle-custom-styles 
#DashboardCard_Container 
.ic-DashboardCard__action-badge {
  background: var(--primary);
}

/* May be overwritten by the one immediately after */ 
.dle-custom-styles 
#DashboardCard_Container 
.ic-DashboardCard__header-button {
  background: none;
  font-size: 15px;
}

.dle-custom-styles 
#DashboardCard_Container 
.ic-DashboardCard__header-button 
i[class*=icon-]:before, 
.dle-custom-styles 
#DashboardCard_Container 
.ic-DashboardCard__header-button 
i[class^=icon-]:before {
  background: none;
  font-size: 15px;
}

#dashboard.dle-custom-styles .fancy-notifications {
  margin-top: 30px;
}

#dashboard.dle-custom-styles .fancy-notifications .notification-title-block {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: white;
  text-align: center;
  font-weight: 600;
  height: 238px;
}

#dashboard.dle-custom-styles 
.fancy-notifications 
.notification-title-block.announcements {
  background: var(--success-light);
}

#dashboard.dle-custom-styles 
.fancy-notifications 
.notification-title-block.calendar {
  background: var(--warning-light);
}

#dashboard.dle-custom-styles 
.fancy-notifications 
.notification-title-block.grades-and-comments {
  background: var(--primary);
}

#dashboard.dle-custom-styles 
.fancy-notifications 
.notification-title-block.messages {
  background: var(--fail-light);
}

#dashboard.dle-custom-styles 
.fancy-notifications 
.notification-title-block.discussions {
  background: var(--secondary);
}

#dashboard.dle-custom-styles .fancy-notifications .notification-title-block svg {
  transform: scale(1.5);
  display: relative;
  padding: 5px 0;
}

#dashboard.dle-custom-styles .bottom-content {
  display: flex;
}

#dashboard.dle-custom-styles .bottom-content.bottom-logo {
  justify-content: center;
  margin-top: 105px;
}

#dashboard.dle-custom-styles .bottom-content .todo {
  flex-basis: 50%;
  /* padding-right: 8px; */
  min-width: 49%;
}

#dashboard.dle-custom-styles .bottom-content .feedback {
  flex-basis: 50%;
  min-width: 49%;
}

@media (max-width: 768px) {
  #dashboard.dle-custom-styles .bottom-content {
    flex-direction: column;
    color: black;
  }

  #dashboard.dle-custom-styles .bottom-content .todo {
    flex-basis: 100%;
    padding: 0 4px;
  }

  #dashboard.dle-custom-styles .bottom-content .feedback {
    flex-basis: 100%;
    padding: 0 4px;
  }
  
  #dashboard.dle-custom-styles .bottom-content .notification-title-block {
      display: none;
  }
}

@media (min-width: 768px){
  #dashboard.dle-custom-styles .bottom-content .todo .subheading,
  #dashboard.dle-custom-styles .bottom-content .feedback .subheading {
    display: none;
  }
  
  #dashboard.dle-custom-styles .bottom-content {
    margin-bottom: 30px;
  }
}

#dashboard.dle-custom-styles .bottom-content .todo-entries {
  max-height: 238px;
  overflow-y: auto;
}

#dashboard.dle-custom-styles .bottom-content .todo-entries .entry:hover {
  background-color: var(--disabled-background-color);
}

#dashboard.dle-custom-styles .bottom-content .todo-entries .entry:last-child {
  margin-bottom: 0px;
}  

#dashboard.dle-custom-styles .bottom-content a.entry-link:hover {
  text-decoration: none;
}

#dashboard.dle-custom-styles .bottom-content .entry {
  background: var(--background-light);
  padding: 10px;
  margin: 0 0 5px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  flex-flow: row wrap;
}

#dashboard.dle-custom-styles
  .bottom-content
  .entry
  .entry-text
  .entry-text-main {
  color: var(--primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}

#dashboard.dle-custom-styles
  .bottom-content
  .entry
  .entry-text
  .entry-text-subtext {
  color: var(--grey);
  line-height: 1;
  margin-top: 5px;
}

#dashboard.dle-custom-styles
  .bottom-content
  .entry
  .entry-text
  .entry-text-time-limit {
  font-family: var(--font-heading);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  letter-spacing: -0.011em;
  color: rgb(41 41 41 / 60%);
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-support-guide
  .heading-info
  .heading-image {
  width: 50%;
  margin: 0;
  object-fit: cover;
}

.dle-custom-styles.dle-contact-page 
  .subject-introduction 
  .information 
  .panel-contact 
  .dle-support-guide 
  .support-dropdown 
  .support-dropdown-body 
  .button-links svg:nth-child(3) {
  margin-left: auto;
}

@media (max-width: 1096px) {

  .dle-custom-styles.dle-resources-and-activities .information-content-box, 
  .dle-custom-styles.dle-resources-and-activities .panel, 
  .dle-custom-styles.dle-resources-and-activities .information-content-box, 
  .dle-custom-styles.dle-resources-and-activities .resources {
    padding-left: 10px;
    padding-right: 10px;
  }

  .dle-custom-styles.dle-contact-page 
    .subject-introduction 
    .information 
    .panel-contact 
    .dle-support-guide {
    padding: 10px;
  }

  .dle-custom-styles.dle-contact-page 
    .subject-introduction 
    .information 
    .panel-contact 
    .dle-support-guide 
    .support-dropdown 
    .support-dropdown-body {
    padding-left: 20px;
    padding-right: 20px;
  }

  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-support-guide
    .support-dropdown
    .support-dropdown-body
    .button-links {
    width: 90%;
  }
}

@media (max-width: 768px) {
  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-subject-direct-message
    .details
    .lecturer-button-links-mobile {
    display: block;
  }

  .dle-custom-styles.dle-contact-page
    .subject-introduction
    .information
    .panel-contact
    .dle-subject-direct-message
    .details
    .lecturer-button-links-mobile
  .icon {
    display: inline;
}

.dle-custom-styles.dle-contact-page
  .subject-introduction
  .information
  .panel-contact
  .dle-subject-direct-message
  .details
    .lecturer-button-links {
    display: none;
  }
}

/** Accordians **/ 

.dle-custom-styles .accordion-dropdown {
  margin: 10px auto 0;
  padding: 0;
}

.dle-custom-styles .accordion-dropdown .accordion-title {
  position: relative;
  padding: 10px 0 2px;
  font-size: 14px;
  color: black;
  cursor: pointer;
  border-top: var(--grey-light) solid 1px;
  margin-left: 1px;
}

.dle-custom-styles .accordion-dropdown .accordion-title::before {
  /* content: '+'; */
  content: '▾';
  color: black;
  position: absolute;
  top: 50%;
  right: 5px;
  font-size: 26px;
  transform: translateY(-50%);
  margin-right: 1px;
}

.dle-custom-styles .accordion-dropdown[data-open="true"] .accordion-title::before {
  transform: translateY(-39%) rotate(180deg);
  transition: transform 0.3s ease;
}

.dle-custom-styles .accordion-dropdown[data-open="false"] .accordion-title::before {
  transition: transform 0.3s ease;
}

.dle-custom-styles .accordion-dropdown .accordion-title:hover {
  background: var(--background-light);
}

.dle-custom-styles .accordion-dropdown .accordion-content {
  position: relative;
  height: auto;
  text-align: justify;
  overflow: hidden;
  transition: height 0.35s ease-out;
  margin: 5px 5px 0px 2px;
}

/* .dle-custom-styles .accordion-dropdown[data-open="true"] .accordion-title::before {
  content: '-';
} */

/* Safari Modal Styles */

/* The Modal (background) CSS (update as needed) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Fix for the login page */
.modal.body--login-confirmation {
  display: block; 
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: auto; /* centered */
  width: 800px;
  height: 600px;
}

/** Announcements **/ 

#discussion-edit-view #discussion-topic-message2_statusbar span.css-1vfp3rz-text {
  display: none;
}

/** Copy Button **/
.dle-custom-styles pre.prettyprint .copy-button {
  cursor: pointer;
  border: 0;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 6px 10px 10px;
  color: var(--grey-dark);
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
}

.dle-custom-styles pre.prettyprint .copy-button, ::before, ::after {
  box-sizing: inherit;
}

.dle-custom-styles pre.prettyprint .copy-button {
  font-family: 'HELEVETICA',sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  text-indent: 0;      
}

/* pre[class*="prettyprint"] {
  -moz-tab-size: 4;
  -moz-hyphens: none;
   hyphens: none;
} */

.dle-custom-styles pre.prettyprint .copy-button::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.dle-custom-styles pre.prettyprint .copy-button::before {
  content: '';
  display: inline-block;
  width: 0px;
  height: 16px;
  margin-right: 3px;
  /* background-size: contain; */
  /* background-image: url('http://www.YourWebsiteName.com/favicon.ico'); */
  /* background-repeat: no-repeat; */
  position: relative;
  top: 3px;
}

.dle-custom-styles pre.prettyprint .copy-button {
  cursor: pointer;
  border: 0;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 6px 10px 10px;
  color: var(--grey-dark);
  background-color: transparent;
  position: absolute;
  top: auto;
  right: 0;
  bottom: -28px;
  left: auto;
  color: black !important;
}

/* pre[class*="prettyprint"] {
  -moz-tab-size: 4;
  -moz-hyphens: none;
  hyphens: none;
  position: relative;
} */

.dle-custom-styles pre.prettyprint .copy-button{border-radius: 0;
  min-width:55px;
  background: none repeat scroll 0 0 transparent;
  border: 1px solid var(--grey-light);
  color: var(--secondary-dark);
  font-family: 'HELEVETICA',sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.42rem;
  margin: 0;
  padding: 0px 5px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  position:absolute;
  background:var(--grey-light);   
}

/* .pre{
  max-width: 30px;
  overflow: hidden;
  position: absolute
} */

.dle-custom-styles pre.prettyprint {
  position: relative;
  margin-bottom: 45px;
}

.dle-custom-styles pre.prettyprint ol.linenums {
  overflow: auto;
}

.dle-custom-styles pre.prettyprint .copy-button .typ{
  color: black;
}

.dle-custom-styles pre.prettyprint .copy-button .pln{
  color: black;
}

/** Image Slider **/

.dle-custom-styles .slider {
  max-width: 100%;
  max-height: 500px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  bottom: 50%;
  top: -50%;
  margin: 20px auto;
}

.dle-custom-styles .slider * {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

.dle-custom-styles .slider .slide {
  flex: 0 0 100%;
  transition: transform 1.5s cubic-bezier(.88,-0.01,.11,.99);
}

/* .dle-custom-styles .slider img {
  width: 100% !important;
  height: auto !important;
  object-fit: fill !important;
} */

.dle-custom-styles .slider .prev,
.dle-custom-styles .slider .next {
  cursor: pointer;
  background-color: rgba(120, 120, 120, 0.8);
  color: white;
  padding: 8px 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-decoration: none !important;
}

.dle-custom-styles .slider .prev {
  left: 0;
}

.dle-custom-styles .slider .next {
  right: 0;
}

/** Primary and Secondary Buttons **/

.dle-custom-styles a.dle-button-primary,
.dle-custom-styles a.dle-button-secondary
{
    background: var(--primary);
    color: white;
    border: none;
    display: block;
    width: max-content;
    padding: 7px 50px;
    margin: 10px 0;
    border: 1px solid var(--primary);
    font-weight: 600;
    text-decoration: none !important;
    text-align: center;
    font-size: 18px;
    outline: none;
}

.dle-custom-styles a.dle-button-secondary {
    background: white;
    color: var(--primary);
}

.dle-custom-styles a.dle-button-primary:active,
.dle-custom-styles a.dle-button-secondary:active
{
    outline: none;
    border: none;
}

.dle-custom-styles a.dle-button-primary:visited,
.dle-custom-styles a.dle-button-secondary:visited
{
    outline: none;
    border: none;
}

.dle-custom-styles a.dle-button-primary:hover {
  background-color: var(--primary);
}

.dle-custom-styles a.dle-button-secondary:hover {
  background-color: var(--primary);
  color: white;
}

/** Additional Support Tools **/

.dle-custom-styles .additional-support-tools h1 {
  margin-top: 30px;
}

.dle-custom-styles .additional-support-tools p {
  padding-left: 0;
}

.dle-custom-styles .additional-support-tools hr {
  display: block;
}

.dle-custom-styles .additional-support-tools img {
  margin: 20px 0;
}

/** Dashboard All Subjects Filter **/

.dle-custom-styles .dle-custom-all-subjects-content .subheading.with-dropdown {
  display: flex; 
  padding-top: 5px;
  padding-bottom: 4px;
  position: relative;
}

.dle-custom-styles details.all-subjects-filter-dropdown {
  display: inline-flex;
  flex-direction: column;
  position: absolute;
  width: 200px;
  right: 4px;
  top: 10px;
  background: white;
  padding: 3px 6px;
  border: 1px solid var(--grey);
  border-radius: 3px;
  color: black;
  background: white;
}

.dle-custom-styles details.all-subjects-filter-dropdown summary {
  font-weight: 600;
  font-size: 12px;
}

.dle-custom-styles details.all-subjects-filter-dropdown summary::marker {
  display: none;
  font-size: 0;
}

.dle-custom-styles details.all-subjects-filter-dropdown summary::-webkit-details-marker {
  display: none;
  font-size: 0;
}

.dle-custom-styles details.all-subjects-filter-dropdown summary::after {
  content: "\25BC" / "";
  display: inline-block;
  font-size: 12px; 
  height: 1rem;
  line-height: 0.75rem;
  margin-left: 102px;
  position: relative;
  transition: transform 0.25s;
  vertical-align: middle;
  color: rgba(0,0,0,0.8);
  top: 2px;
}

.dle-custom-styles details.all-subjects-filter-dropdown[open] summary {
  margin-bottom: 0.5rem;
}

.dle-custom-styles details.all-subjects-filter-dropdown[open] summary::after {
  top: -0.21rem;
  transform: rotate(180deg);
}

.dle-custom-styles details.all-subjects-filter-dropdown form {
  display: flex;
  margin-bottom: 0px;
}

.dle-custom-styles details.all-subjects-filter-dropdown fieldset {
  border: 0;
  padding: 0;
  width: 100%;
}

.dle-custom-styles details.all-subjects-filter-dropdown fieldset legend {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.dle-custom-styles details.all-subjects-filter-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dle-custom-styles details.all-subjects-filter-dropdown ul li {
  border-radius: 3px;
  margin: 0;
  padding: 4px 2px;
}

.dle-custom-styles details.all-subjects-filter-dropdown ul li:hover {
  background: var(--background-light);
}

.dle-custom-styles details.all-subjects-filter-dropdown ul li label {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}

.dle-custom-styles details.all-subjects-filter-dropdown input[type="checkbox"]{
    margin-left: 15px;
    margin-top: -4px;
    width: 15px;
}

/** Copyright Footer **/
#main .dle-copyright-footer {
  text-align: center;
  padding: 30px 0 10px;
  background: var(--background-light);
}

#main .dle-copyright-footer p {
  cursor: pointer;
  font-size: 13px;
  color: black;
  margin-top: 5px;
}

#main .dle-copyright-footer img.mds-copy-logo {
  width: 120px;
}

#application .dle-copyright-lightbox-div {
  display: none;
  position: fixed;
  left: 0; 
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  z-index: 999999999;
}

#application .dle-copyright-lightbox-div .inner-box {
  background: white;
  border-radius: 20px;
  position: absolute;
  padding: 20px 40px;
  width: 1000px;
  max-width: 80%;
  margin-top: 5vh;
  max-height: 75vh;
  left: 50%;
  transform: translateX(-50%); 
  overflow-y: auto;
}

#application .dle-copyright-lightbox-div .inner-box .close-button {
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
  font-size: 18px;   
}

/** Mobile Global Menu Changes **/ 

@media(max-width: 768px) {
  div[aria-label="Global Navigation"] div[class$="Details__content"] ul {
    margin-left: 4rem !important;
  }
  div[aria-label="Global Navigation"] div[class$="Details__content"] div[class$="-view"] ul {
    margin: 0.75rem 0px !important;
  }
  div[aria-label="Global Navigation"] div[class$="Details__content"] ul a {
    font-size: 13px !important;
  }
  div[aria-label="Global Navigation"] ul li a {
    color: black !important; 
  }
  div[aria-label="Global Navigation"] ul li a:focus {
    outline: transparent solid 1px !important;
  }
  div[aria-label="Global Navigation"] ul li span {
    color: black !important; 
  }
  div[aria-label="Global Navigation"] ul li a svg {
    width: 20px !important;
    color: black !important;
  }
  div[aria-label="Global Navigation"] ul li svg {
    width: 20px !important;
    color: black !important;
    fill: black !important;
  }
  div[aria-label="Global Navigation"] ul li form[action="/logout"] {
    display: none;
  }
  div[aria-label="Global Navigation"] ul li div[dir="ltr"] div:has(input[type="Checkbox"]) {
    display: none;
  }
  div[aria-label="Global Navigation"] ul li span[class$="view--inlineBlock-badge"] {
    background-color: var(--primary);
    color: white !important;
  }
  div[aria-label="Global Navigation"] ul li span[class$="view--inlineBlock-avatar"] {
    width: 20px;
    height: 20px;
  }
}

.dle-custom-styles a#custom-news-link {
  margin-left: 0;
  padding: 10px;
}

.dle-custom-styles a#new-news-link {
  margin-left: 0;
  padding: 10px;
}

/** Sections Filter Stuff **/

.customSectionDropdown {
  text-align: right;
  padding-bottom: 10px;
}

.customSectionDropdown.users {
  display: inline-block;
}

.sections-filter-dropdown {
  display: inline-flex;
  flex-direction: column;
  background: white;
  padding: 3px 6px;
  border: 1px solid var(--grey);
  border-radius: 3px;
  color: black;
  background: white;
}

.customSectionDropdown.users .sections-filter-dropdown{
  padding: 7px 9px 8px 6px;
  margin-top: 2px;
  border: 1px solid var(--grey-light) !important;
}

.sections-filter-dropdown summary {
  font-size: 14px;
}

.sections-filter-dropdown summary::marker {
  display: none;
  font-size: 0;
}

.sections-filter-dropdown summary::-webkit-details-marker {
  display: none;
  font-size: 0;
}

.sections-filter-dropdown summary::after {
  content: "\25BC" / "";
  display: inline-block;
  font-size: 12px; 
  height: 1rem;
  line-height: 0.75rem;
  margin-left: 102px;
  position: relative;
  transition: transform 0.25s;
  vertical-align: middle;
  color: rgba(0,0,0,0.8);
  top: 1px;
}

.sections-filter-dropdown[open] summary {
  margin-bottom: 0.5rem;
}

.sections-filter-dropdown[open] summary::after {
  top: -0.21rem;
  transform: rotate(180deg);
}

.sections-filter-dropdown form {
  display: flex;
  margin-bottom: 0px;
}

.sections-filter-dropdown fieldset {
  border: 0;
  padding: 0;
  width: 100%;
}

.sections-filter-dropdown fieldset legend {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.sections-filter-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sections-filter-dropdown ul li {
  border-radius: 3px;
  margin: 0;
  padding: 4px 2px;
}

.sections-filter-dropdown ul li:hover {
  background: var(--background-light);
}

.sections-filter-dropdown ul li label {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}

.sections-filter-dropdown input[type="checkbox"]{
  margin-left: 15px;
  margin-top: -4px;
  width: 15px;
} 

.discussions-v2__wrapper .sections-filter-dropdown {
  padding: 8px 6px 7px;
  margin-top: 10px;
  border: 1px solid rgb(199, 205, 209);
  border-radius: 4px;
  color: var(--grey-dark);
}

.discussions-v2__wrapper div[data-testid="discussion-draggable-row-container"], .discussions-v2__wrapper div[data-testid="discussion-row-container"] {
  position: relative;
}

.discussions-v2__wrapper .section-marker {
  position: absolute;
  top: 0; 
  left: 24px;
  background: var(--background-light);
  color: var(--grey);
  padding: 2px 5px;
  background: var(--background-light);
  font-size: 11px;
}

/* .discussions-v2__wrapper .section-marker.no-section {
  background: var(--background-light);
  color: var(--grey);
} */

.discussions-v2__wrapper div[data-testid="ic-blue-unread-badge"] span[dir="ltr"] {
  background-color: var(--primary);
}

.discussions-v2__wrapper a#add_discussion span:first-child{
  background-color: var(--primary);
  border-color: var(--primary);
}

.discussions-v2__wrapper .ic-discussion-row {
  padding-top: 25px;
  padding-bottom: 15px;
}

.discussions-v2__wrapper .ic-discussion-row a[dir="ltr"] span[aria-hidden="true"] {
  color: black !important
}

.discussions-v2__wrapper .ic-discussion-row__content.last-reply-at span {
  font-size: 12px;
}

.discussions-v2__wrapper .ic-button-line-right .publish-button svg {
  color: black;
}

.discussions-v2__wrapper .ic-button-line-right .publish-button svg {
  color: black;
}

.discussions-v2__wrapper .ic-button-line-right .subscribe-button svg {
  color: black;
  stroke-width: 4px !important;
}

.discussions-v2__wrapper .ic-unread-badge {
  background: none;
  display: block;
}

.discussions-v2__wrapper .ic-unread-badge span[data-position*="Popover"] {
  display: block;
}

.discussions-v2__wrapper .ic-unread-badge__unread-count {
  color: black;
  font-weight: bold;
}

.discussions-v2__wrapper .ic-unread-badge__unread-count:after {
  content: ' New';
}

.discussions-v2__wrapper .ic-unread-badge__total-count {
  background: none;
  font-weight: bold;
  color: var(--grey-light);
}

.discussions-v2__wrapper .ic-unread-badge__total-count:after {
  content: ' Total';
}

.discussions-v2__wrapper .customSectionDropdown {
  z-index: 999999;
  position: relative;
}

.discussions-v2__wrapper .sections-filter-dropdown summary {
  font-family: LatoWeb, "Lato Extended", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem !important;
}

.discussions-v2__wrapper .sections-filter-dropdown {
  padding: 6px 6px 6px 8px;
}

.discussion-redesign-layout div[data-testid="notHighlighted"] span[direction="column"]:first-child span[class*="-view-flexItem"]:first-child{
  line-height: 12px;
}

.discussion-redesign-layout div[data-testid="discussion-root-entry-container"] .avatar-section {
  position: absolute;
  top: 44px;
  left: -5px;
  background: var(--primary-light);
  color: white;
  padding: 5px 4px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}

.discussions-v2__wrapper .css-1xh6dxz-view-link:-webkit-any(a), .discussions-v2__wrapper .css-1xh6dxz-view-link:-webkit-any(button){
  text-decoration: none;
}

.navigation-tray-container a {
  text-decoration: none !important;
}

/* #section-tabs a {
  text-decoration: none !important;
} */

/* Hiding Online Classes And Chat */

.ocac-error-page {
  padding: 100px 50px;
  max-width: 500px;
  text-align: center;
  margin: 0 auto;
}

.ocac-error-page p {
  text-align: left;
}

.ocac-error-page a {
  background: var(--primary);
  color: white;
  padding: 12px 20px;
  margin-top: 20px;
  font-weight: 500;
  font-size: 18px;
}

.ocac-error-page a:hover {
  text-decoration: none;
}

.ocac-error-page svg {
  margin-bottom: 20px;
}

/** Video Preview Speedgrader **/

video.mylearn-video-preview {
  max-width: 100% !important;
  width: 800px !important;
  height: auto !important;
} 

.student-name .bannerid {
  color: black; 
  font-size: 11px;
}

/** video.js **/

.vjs-svg-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  fill: currentColor;
  height: 1.8em;
  width: 1.8em;
}
.vjs-svg-icon:before {
  content: none !important;
}

.vjs-svg-icon:hover,
.vjs-control:focus .vjs-svg-icon {
  filter: drop-shadow(0 0 0.25em #fff);
}

.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10a";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-downloading:before {
  content: "\f10f";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download:before {
  content: "\f110";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-done:before {
  content: "\f111";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-file-download-off:before {
  content: "\f112";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f113";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f114";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f115";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f117";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-repeat:before {
  content: "\f11a";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}

.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}

.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}

.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}

.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f123";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f124";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-shuffle:before {
  content: "\f125";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cast:before {
  content: "\f126";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f129";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f12a";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f12b";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f12c";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f12d";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: white;
  background-color: black;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
  display: block;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: white;
  background-color: black;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: var(--link-light);
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid white;
  background-color: var(--grey-dark);
  background-color: var(--grey-dark);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-button .vjs-svg-icon {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-50%, -50%);
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: white;
  background-color: var(--grey);
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking, .vjs-scrubbing, .vjs-error) .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.video-js.vjs-spatial-navigation-enabled .vjs-button:focus {
  outline: 0.0625em solid white;
  box-shadow: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: var(--grey);
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: white;
  color: var(--grey-dark);
}
.vjs-menu li.vjs-selected .vjs-svg-icon,
.vjs-menu li.vjs-selected:focus .vjs-svg-icon,
.vjs-menu li.vjs-selected:hover .vjs-svg-icon,
.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon {
  fill: black;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: var(--grey-dark);
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: var(--grey-dark);
  background-color: var(--grey-dark);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: var(--grey-dark);
  background-color: var(--grey-dark);
}

.video-js.vjs-spatial-navigation-enabled .vjs-control-bar {
  gap: 1px;
}

.video-js:not(.vjs-controls-disabled, .vjs-using-native-controls, .vjs-error) .vjs-control-bar.vjs-lock-showing {
  display: flex !important;
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.vjs-button > .vjs-icon-placeholder {
  display: block;
}

.vjs-button > .vjs-svg-icon {
  display: inline-block;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: white;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-play-progress:before {
  content: none !important;
}

.vjs-play-progress .vjs-svg-icon {
  position: absolute;
  top: -0.35em;
  right: -0.4em;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  line-height: 0.15em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: black;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: black;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: white;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari, and Chrome 53 */
  -webkit-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  -moz-user-select: none;
       user-select: none;
  background-color: var(--grey);
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em white;
}

.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus {
  outline: 0.0625em solid white;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: white;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-svg-icons-enabled .vjs-volume-level:before {
  content: none;
}

.vjs-volume-level .vjs-svg-icon {
  position: absolute;
  width: 0.9em;
  height: 0.9em;
  pointer-events: none;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon {
  right: -0.3em;
  transform: translateY(-50%);
}

.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon {
  top: -0.55em;
  transform: translateX(-50%);
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: var(--grey-dark);
  background-color: var(--grey-dark);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: black;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: black;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: white;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.8);
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: var(--grey);
}

.vjs-svg-icons-enabled .vjs-seek-to-live-control {
  line-height: 0;
}

.vjs-seek-to-live-control .vjs-svg-icon {
  width: 1em;
  height: 1em;
  pointer-events: none;
  fill: var(--grey);
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon {
  fill: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.vjs-error .vjs-text-track-display {
  display: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: white;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js.vjs-force-center-align-cues .vjs-text-track-cue {
  text-align: center !important;
  width: 80% !important;
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.85;
  text-align: left;
  border: 0.6em solid var(--grey-dark);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-error .vjs-loading-spinner {
  display: none;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: var(--grey);
  }
  20% {
    border-top-color: var(--grey);
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: var(--grey);
  }
  100% {
    border-top-color: var(--grey);
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-svg-icon {
  width: 1.5em;
  height: 1.5em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-description-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: var(--grey-dark);
  background-color: rgba(43, 51, 63, 0.75);
  color: white;
  height: 70%;
}
.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings {
  height: 80%;
}

.vjs-error .vjs-text-track-settings {
  display: none;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-text-track-settings select {
  font-size: inherit;
}

.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 0.6em 0.8em;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: white;
  font-weight: bold;
  font-size: 1.2em;
}

.vjs-text-track-settings .vjs-label {
  margin: 0 0.5em 0.5em 0;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, var(--grey) 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: white;
  background-image: linear-gradient(-180deg, #fff 88%, var(--grey) 100%);
  color: var(--grey-dark);
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-error .vjs-title-bar {
  display: none;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}
.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}
@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/* Extension Form */ 

.dle-extension-form input, .dle-extension-form textarea {
  width: 97%;
  border-left: solid 2px #FF8989;
}

.dle-extension-form textarea.extension-text-area {
  min-height: 145px;
}

.dle-extension-form select {
  width: 100%;
  border-left: solid 2px #FF8989;
  color: var(--grey);
}

.dle-extension-form select option {
  color: black;
}

.dle-extension-form select option:first-child {
  color: var(--grey);
}

.dle-extension-form select:focus {
  outline: 0;
}

.dle-custom-styles.dle-extension-form .extension-row {
  display: flex;
  align-items: flex-start
}

.dle-custom-styles.dle-extension-form .extension-row#supporting-evidence {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}

.dle-custom-styles.dle-extension-form .extension-row label {
  width: 260px;
}

.dle-custom-styles.dle-extension-form .extension-row label .label-subtitle {
  font-size: 12px;
}

.dle-custom-styles.dle-extension-form .extension-row input[type="checkbox"] {
  width: 20px;
  margin: -2px 0 0 -2px;
}

.dle-custom-styles.dle-extension-form .extension-row .declaration-right {
  width: 97%;
  margin-left: -12px;
  color: var(--grey);
  font-style: italic;
}

.dle-custom-styles.dle-extension-form .extension-row .lsoa-radio-wrapper.declaration-right {
  margin-bottom: 10px;
}

.dle-custom-styles.dle-extension-form .extension-row .lsoa-radio-wrapper .radio-option {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.dle-custom-styles.dle-extension-form .extension-row .lsoa-radio-wrapper .radio-option input[type="radio"] {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-left: 0;
  flex-shrink: 0;
}

.dle-custom-styles.dle-extension-form .extension-row .lsoa-radio-wrapper .radio-option span {
  flex: 1;
}

.dle-custom-styles.dle-extension-form .extension-row .extension-submit-outer {
  width: 97%;
  margin-left: -12px;
}

.dle-custom-styles.dle-extension-form .extension-row .extension-submit-outer button.extension-submit {
  color: white;
  background-color: var(--grey-light);
  padding: 7px 45px;
  margin-top: 15px;
  border: none;
  font-size: 16px;
}

.dle-custom-styles.dle-extension-form .extension-row .extension-submit-outer button.extension-submit:disabled {
  cursor: not-allowed;
}

.dle-custom-styles.dle-extension-form .file-drop-area {
  cursor: pointer;
  height: 135px;
  text-align: center;
  padding-top: 30px;
}

.dle-custom-styles.dle-extension-form .file-drop-area.drag-over {
  background-color: #e8f5e9;
  border-color: var(--success-dark);
}

.dle-custom-styles.dle-extension-form #fileDropArea2, 
.dle-custom-styles.dle-extension-form #fileDropArea3, 
.dle-custom-styles.dle-extension-form #fileDropArea4, 
.dle-custom-styles.dle-extension-form #fileDropArea5 {
  display: none;
  border-top: 1px solid var(--grey-light);
  margin-left: -5px;
  padding-left: 5px;
}

.dle-custom-styles.dle-extension-form #uploadStatus2, 
.dle-custom-styles.dle-extension-form #uploadStatus3, 
.dle-custom-styles.dle-extension-form #uploadStatus4, 
.dle-custom-styles.dle-extension-form #uploadStatus5 {
  margin-left: -5px;
}

.dle-custom-styles.dle-extension-form #uploadStatus2 a, 
.dle-custom-styles.dle-extension-form #uploadStatus3 a, 
.dle-custom-styles.dle-extension-form #uploadStatus4 a, 
.dle-custom-styles.dle-extension-form #uploadStatus5 a {
  padding-left: 5px;
}

.dle-custom-styles.dle-extension-form .extension-row #supporting-evidence-right-block {
  width: 100%;
  border: 1px solid var(--grey-light);
  border-left: solid 2px #FF8989;
  border-radius: 3px;
  padding-left: 4px;
  color: var(--grey-dark);
  font-size: 0.875rem;
}

.dle-custom-styles.dle-extension-form .extension-row #supporting-evidence-right-block:hover {
  background-color: var(--background-light);
}

.dle-custom-styles.dle-extension-form .uploadStatusClearButton {
  float: right;
  color: black;
  cursor: pointer;
  font-style: normal;
  margin-right: 5px;
}

/* Pickaday */ 

/* @charset "UTF-8"; */

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: var(--grey-dark);
    background: white;
    border: 1px solid var(--grey-light);
    border-bottom-color: var(--grey-light);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: white;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* Hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: var(--grey);
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: var(--grey-dark);
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: var(--background-light);
    height: initial;
}

.pika-week {
    font-size: 11px;
    color: var(--grey);
}

.is-today .pika-button {
    color: var(--primary-light);
    font-weight: bold;
    background: yellow;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: white;
    font-weight: bold;
    background: var(--primary-light);
    /* box-shadow: inset 0 1px 3px #178fe5; */
    border-radius: 3px;
}

.has-event .pika-button {
    background: var(--primary-dark);
    box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: var(--background-light);
}

.is-startrange .pika-button {
    color: white;
    background: var(--success);
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: white;
    background: var(--primary-light);
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: var(--grey);
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: var(--grey);
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: white;
    background: var(--warning);
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

/* Styles for assessment component */ 

.dle-custom-styles .dashboard_submissions_container .subheading.with-dropdown {
  display: flex; 
  padding-top: 5px;
  padding-bottom: 4px;
  position: relative;
}

.dle-custom-styles details.assessment-filter-dropdown {
  display: inline-flex;
  flex-direction: column;
  position: absolute;
  width: 200px;
  right: 4px;
  top: 10px;
  background: white;
  padding: 3px 6px;
  border: 1px solid var(--grey);
  border-radius: 3px;
  color: black;
  background: white;
  z-index: 1;
}

.dle-custom-styles details.assessment-filter-dropdown summary {
  font-weight: 600;
  font-size: 12px;
}

.dle-custom-styles details.assessment-filter-dropdown summary::marker {
  display: none;
  font-size: 0;
}

.dle-custom-styles details.assessment-filter-dropdown summary::-webkit-details-marker {
  display: none;
  font-size: 0;
}

.dle-custom-styles details.assessment-filter-dropdown summary::after {
  content: "\25BC" / "";
  display: inline-block;
  font-size: 12px; 
  height: 1rem;
  line-height: 0.75rem;
  margin-left: 102px;
  position: relative;
  transition: transform 0.25s;
  vertical-align: middle;
  color: rgba(0,0,0,0.8);
  top: 2px;
}

.dle-custom-styles details.assessment-filter-dropdown[open] summary {
  margin-bottom: 0.5rem;
}

.dle-custom-styles details.assessment-filter-dropdown[open] summary::after {
  top: -0.21rem;
  transform: rotate(180deg);
}

.dle-custom-styles details.assessment-filter-dropdown form {
  display: flex;
  margin-bottom: 0px;
}

.dle-custom-styles details.assessment-filter-dropdown fieldset {
  border: 0;
  padding: 0;
  width: 100%;
}

.dle-custom-styles details.assessment-filter-dropdown fieldset legend {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.dle-custom-styles details.assessment-filter-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dle-custom-styles details.assessment-filter-dropdown ul li {
  border-radius: 3px;
  margin: 0;
  padding: 4px 2px;
}

.dle-custom-styles details.assessment-filter-dropdown ul li:hover {
  background: var(--background-light);
}

.dle-custom-styles details.assessment-filter-dropdown ul li label {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}

.dle-custom-styles details.assessment-filter-dropdown input[type="checkbox"]{
    margin-left: 15px;
    margin-top: -4px;
    width: 15px;
}

/** Nilay's Feedback Form **/

/* ==========================================================================
   0. Global Styles
   ========================================================================== */
  
/* Common Transitions */
.dle-custom-feedback .feedback-trigger,
.dle-custom-feedback .arrow-right-icon,
.dle-custom-feedback .arrow-left-icon,
.dle-custom-feedback .chevron-down-icon,
.dle-custom-feedback .detail-close,
.dle-custom-feedback .detail-back,
.dle-custom-feedback .info-text,
.dle-custom-feedback .validation-group .check-icon {
transition: all 0.2s ease;
}

/* ==========================================================================
  1. Main Components
  ========================================================================== */

/* Feedback Button */
.dle-custom-feedback .feedback-trigger {
position: fixed;
bottom: 0;
right: 0;
display: flex;
align-items: center;
gap: 8px;
padding: 6px 8px;
background-color: rgba(241, 241, 241, 0.95);
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 14px;
color: var(--grey-dark);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
z-index: 9999;
}

.dle-custom-feedback .feedback-trigger:hover {
background-color: rgba(233, 233, 233, 0.95);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.dle-custom-feedback .feedback-trigger .feedback-text {
font-weight: 500;
letter-spacing: 0.2px;
}

/* Modal Structure */
.dle-custom-feedback .feedback-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100vh;
z-index: 1001;
display: none;
background: rgba(0, 0, 0, 0.3);
}

.dle-custom-feedback .feedback-form {
background: var(--background-light);
width: 470px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
height: auto;
position: fixed;
bottom: 20px;
right: 20px;
}

/* ==========================================================================
  2. Header Components
  ========================================================================== */

.dle-custom-feedback .detail-header {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 12px 12px;
}

.dle-custom-feedback .detail-header .detail-back {
margin-right: auto;
}

.dle-custom-feedback .detail-header .detail-close {
margin-left: auto;
}

/* ==========================================================================
  3. Content Area
  ========================================================================== */

.dle-custom-feedback .detail-content {
padding: 0 50px 20px 50px;
}

/* Titles */
.dle-custom-feedback .main-title {
font-size: 18px;
color: #0A0A0A;
margin: 8px 0 16px 0;
text-align: center;
font-weight: 500;
width: 100%;
}

.dle-custom-feedback .main-title .underline {
text-decoration: underline;
}

.dle-custom-feedback .detail-title {
font-size: 18px;
color: #0A0A0A;
font-weight: 500;
text-align: start;
margin: 0 0 16px 0;
}

/* Feedback Types */
.dle-custom-feedback .feedback-type-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
border-radius: 3px;
background: var(--background-light);
margin-bottom: 4px;
cursor: pointer;
transition: background 0.2s ease;
text-align: center;
}

.dle-custom-feedback .feedback-type-row:hover {
background: var(--background-light);
}

.dle-custom-feedback .feedback-type-row span {
color: var(--grey);
font-size: 14px;
font-weight: 400;
flex: 1;
}

.dle-custom-feedback .arrow-button {
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
margin: 0;
background: none;
border: none;
cursor: pointer;
color: var(--grey-dark);
font-size: 16px;
opacity: 0.7;
font-weight: 600;
width: 24px;
height: 24px;
margin-left: 8px;
}

.dle-custom-feedback .feedback-type-row:hover .arrow-button {
opacity: 1;
}

/* ==========================================================================
  4. Detail Form Components
  ========================================================================== */

.dle-custom-feedback .detail-form {
display: flex;
flex-direction: column;
}

.dle-custom-feedback .detail-form textarea {
width: 100%;
min-height: 160px;
max-height: 600px;
padding: 12px;
border: 1px solid #e0e0e0;
font-size: 14px;
resize: vertical;
outline: none;
color: var(--grey-dark);
border-style: hidden;
}

.dle-custom-feedback .detail-form textarea::placeholder {
font-style: italic;
color: var(--grey-dark);
}

/* Info text styles */
.dle-custom-feedback .info-text {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 20px;
color: var(--grey);
font-size: 12px;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* Show info-text in detail pages */
.dle-custom-feedback .detail-form .info-text {
opacity: 1;
visibility: visible;
}

.dle-custom-feedback .info-text a {
color: var(--grey);
text-decoration: underline;
}

/* Submit Button */
.dle-custom-feedback .detail-submit {
width: auto;
padding: 5px 30px;
background-color: var(--background-light);
color: white;
border: none;
font-size: 14px;
cursor: pointer;
margin: 20px 0;
align-self: flex-start;
text-align: center;
opacity: 0.5;
pointer-events: none;
}

.dle-custom-feedback .detail-submit:hover {
background-color: var(--grey-light);
}

.dle-custom-feedback .detail-submit.active {
background-color: var(--primary);
color: white;
opacity: 1;
pointer-events: auto;
}

/* Validation styles */
.dle-custom-feedback .validation-group {
position: relative;
display: flex;
align-items: flex-start;
width: 100%;
}

.dle-custom-feedback .validation-group .check-icon {
position: absolute;
right: -24px;
width: 20px;
height: 20px;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}

.dle-custom-feedback .validation-group.valid .check-icon {
opacity: 1;
}

/* Dropdown validation */
.dle-custom-feedback .dropdown-container {
position: relative;
}

.dle-custom-feedback .dropdown-container .check-icon {
position: absolute;
right: -24px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
stroke: var(--primary);
fill: none;
stroke-width: 2;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
}

.dle-custom-feedback .dropdown-container.valid .check-icon {
opacity: 1;
}

/* Dropdown Styles */
.dle-custom-feedback .dropdown-container {
position: relative;
width: 100%;
margin: 0 0 20px;
display: flex;
align-items: flex-start;
}

.dle-custom-feedback .dropdown-header {
display: flex;
align-items: center;
padding: 5px 5px;
background: white;
cursor: pointer;
gap: 8px;
width: 100%;
}

.dle-custom-feedback .dropdown-placeholder {
color: var(--grey-dark);
font-size: 14px;
flex-grow: 1;
}

.dle-custom-feedback .dropdown-options {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
border: 1px solid #e0e0e0;
z-index: 1000;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dle-custom-feedback .dropdown-container.active .dropdown-options {
display: block;
}

.dle-custom-feedback .dropdown-option {
padding: 5px 16px;
color: var(--grey-dark);
font-size: 14px;
cursor: pointer;
border-bottom: 1px solid var(--background-light);
background: var(--background-light);
}

.dle-custom-feedback .dropdown-option:last-child {
border-bottom: none;
}

.dle-custom-feedback .dropdown-option:hover {
background-color: var(--background-light);
}

/* Success Submission Page */
.dle-custom-feedback .success-page {
text-align: center;
padding: 80px 20px 120px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
animation: fadeIn 0.3s ease forwards;
}

.dle-custom-feedback .success-page h2 {
font-size: 18px;
color: black;
margin-bottom: 8px;
font-weight: 600;
}

.dle-custom-feedback .success-page p {
font-size: 14px;
color: var(--grey-dark);
margin-bottom: 25px;
}

/* SVG Icon Styles */
.dle-custom-feedback .icon-svg {
width: 20px;
height: 20px;
fill: currentColor;
display: inline-block;
vertical-align: middle;
flex-shrink: 0;
}

/* Spinner animation */
.dle-custom-feedback .icon-svg.spin {
animation: spin 1s linear infinite;
}

@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

/* Icon specific styles */
.dle-custom-feedback .check-icon {
color: var(--primary);
width: 14px;
height: 14px;
}

.dle-custom-feedback .info-icon {
color: var(--grey-dark);
width: 14px;
height: 14px;
opacity: 0.8;
}

.dle-custom-feedback .info-icon circle[fill="currentColor"] {
fill: var(--grey-dark);
stroke: none;
opacity: 1;
}

.dle-custom-feedback .chevron-down-icon {
color: var(--grey-dark);
width: 16px;
height: 16px;
order: -1;
}

.dle-custom-feedback .dropdown-container.active .chevron-down-icon {
transform: rotate(180deg);
}

.dle-custom-feedback .envelope-icon {
color: var(--primary);
width: 40px;
height: 40px;
}

.dle-custom-feedback .comment-alt-icon {
color: var(--grey-dark);
width: 18px;
height: 18px;
margin-right: 4px;
fill: currentColor;
}

.dle-custom-feedback .feedback-trigger:hover .comment-alt-icon {
color: var(--grey-dark);
}

/* Button styles */
.dle-custom-feedback .detail-close,
.dle-custom-feedback .detail-back,
.dle-custom-feedback .arrow-button {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
background: none;
border: none;
cursor: pointer;
color: var(--grey-dark);
}

.dle-custom-feedback .detail-close:hover,
.dle-custom-feedback .detail-back:hover,
.dle-custom-feedback .arrow-button:hover {
color: var(--grey-dark);
}

.dle-custom-feedback .close-icon {
width: 20px;
height: 20px;
opacity: 1;
}

.dle-custom-feedback .detail-close:hover .close-icon {
opacity: 1;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .dle-custom-feedback .feedback-trigger {
    position: static;
    bottom: calc(var(--dle-copyright-height, 0) + 5px);
    left: 0;
    right: 0;
    width: 100%;
    display: flex; 
    align-items: center;
    justify-content: center;
    padding: 6px 8px;
    background-color: rgba(246, 246, 246, 1);
    border: none;
    border-radius: 0;
    gap: 4px;
    z-index: 9999;
  }

  .dle-custom-feedback .feedback-trigger.show {
    display: flex;  /* Show when near footer */
  }

  .dle-custom-feedback .feedback-trigger .icon-svg {
    width: 20px;
    height: 20px;
  }

  .dle-custom-feedback .feedback-trigger .feedback-text {
    display: inline;
    font-size: 14px;
    color: var(--grey-dark);
  }

  .dle-custom-feedback .feedback-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }

  .dle-custom-feedback .feedback-form {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 400px;
    max-height: 90vh;
    bottom: auto;
    right: auto;
  }
}

@media (max-height: 635px) {
  .dle-custom-feedback .feedback-trigger {
    position: static !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 8px;
    background-color: rgba(246, 246, 246, 1);
    border: none;
    border-radius: 0;
    gap: 4px;
    z-index: 9999;
  }
}

.dle-custom-feedback .feedback-type-row:hover .arrow-right-icon,
.dle-custom-feedback .detail-back:hover .arrow-left-icon {
  opacity: 1;
}

.dle-custom-feedback .success-icon {
  width: 48px;
  height: 48px;
  stroke: var(--primary);
  margin-top: 16px;
}

.dle-custom-feedback .info-icon circle[fill="currentColor"] {
  fill: var(--grey-dark);
  stroke: none;
  opacity: 1;
}

.dle-custom-feedback .diagnostic-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}

.dle-custom-feedback .diagnostic-header .main-title {
    font-size: 14px;
    color: var(--grey-dark);
    margin: 0;
    text-align: left;
    font-weight: bold;
}

.dle-custom-feedback .diagnostic-header svg {
    margin-top: 2px;
}

.dle-custom-feedback .diagnostic-header .info-icon {
  width: 18px;
  height: 18px;
  color: var(--grey);
}

.dle-custom-feedback .diagnostic-info {
    background: var(--background-light);
    padding: 0 24px;
    margin-bottom: 24px;
    max-width: 100%; 
}

.dle-custom-feedback .diagnostic-info ul {
    list-style: disc;
    padding-left: 20px;
    margin: 0;
    width: 100%;

}

.dle-custom-feedback .diagnostic-info li {
    display: list-item;
    font-size: 12px;
    line-height: 1.4;
    color: var(--grey-dark);
    word-break: break-word; 
    overflow-wrap: break-word;
    padding-right: 5px; 
}

.dle-custom-feedback .diagnostic-info li strong {
    font-weight: 600;
}

.dle-custom-feedback .diagnostic-info li .label {
    color: var(--grey-dark);
    font-weight: 500;
    display: inline-block;
    min-width: 110px;
    margin-right: 8px;
}

.dle-custom-feedback .diagnostic-info li span:not(.label) {
    color: var(--grey-dark);
    margin-left: 0;
}

.dle-custom-feedback .back-button {
    background: var(--background-light);
    border: none;
    padding: 5px 35px;
    font-size: 14px;
    color: var(--grey-dark);
    cursor: pointer;
    transition: background-color 0.2s ease;
    margin-bottom: 50px;
}

.dle-custom-feedback .back-button:hover {
    background: var(--grey-light);
}

/* Animation Keyframes - bunlar global kalmalı */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}

/* Rating */
.dle-custom-feedback .detail-content:has(#dle-custom-feedback-rating) {
  padding-bottom: 0;
}

.dle-custom-feedback .rating-section {
  margin-top: 12px;
  text-align: center;
  position: relative;
  padding-bottom: 40px;
}

.dle-custom-feedback .rating-section p {
  color: var(--grey);
  font-size: 12px;
  margin-bottom: 5px;
}

.dle-custom-feedback .rating-section .stars input[type="radio"] {
  display: none !important;
}

.dle-custom-feedback .stars {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.dle-custom-feedback .star-container {
  position: relative;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dle-custom-feedback .stars input {
  display: none;
}

.dle-custom-feedback .star-label {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.dle-custom-feedback .star-half-left,
.dle-custom-feedback .star-half-right {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  cursor: pointer;
  z-index: 1;
}

.dle-custom-feedback .star-half-left {
  left: 0;
}

.dle-custom-feedback .star-half-right {
  right: 0;
}

.dle-custom-feedback .star-svg {
  width: 18px;
  height: 18px;
  transition: all 0.2s ease;
  position: absolute;
  pointer-events: none;
}

/* Default state - dark gray */
.dle-custom-feedback .star-stroke {
  fill: none;
  stroke: var(--grey);
  stroke-width: 1.25;
  transition: stroke 0.2s ease;
}

.dle-custom-feedback .star-fill {
  fill: transparent;
  stroke: none;
  transition: fill 0.2s ease;
}

/* Hover effects - make ALL star strokes blue when hovering over any star */
.dle-custom-feedback .stars:not(.rated) .star-container:hover .star-svg .star-stroke,
.dle-custom-feedback .stars:not(.rated) .star-container:hover ~ .star-container .star-svg .star-stroke {
  stroke: var(--primary) !important;
  stroke-width: 1.25 !important;
}

/* Full star hover */
.dle-custom-feedback .stars:not(.rated) .star-container:hover .star-svg .star-fill {
  fill: var(--primary);
}

/* Half star hover */
.dle-custom-feedback .stars:not(.rated) .star-container .star-half-left:hover ~ .star-svg .star-fill {
  fill: var(--primary);
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
}

.dle-custom-feedback .stars:not(.rated) .star-container .star-half-right:hover ~ .star-svg .star-fill {
  fill: var(--primary);
}

/* Selected states */
.dle-custom-feedback .star-container:has(input:checked) ~ .star-container .star-stroke {
  stroke: var(--primary);
  stroke-width: 1.25;
}

.dle-custom-feedback .star-container:has(input:checked) .star-stroke {
  stroke: var(--primary);
  stroke-width: 1.25;
}

.dle-custom-feedback .star-container:has(input:checked) .star-fill {
  fill: var(--primary);
}

/* Half star selected state */
.dle-custom-feedback .star-container:has(input[value$=".5"]:checked) .star-fill {
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
}

/* Rating submitted message */
.dle-custom-feedback .rating-submitted {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background-color: var(--primary);
  color: white;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding: 0 16px;
  border-radius: 3px 3px 0 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dle-custom-feedback .rating-submitted.show {
  opacity: 1;
  visibility: visible;
}

.dle-custom-feedback .rating-section.submitted p,
.dle-custom-feedback .rating-section.submitted .stars {
  display: none;
}

.dle-custom-feedback .rating-section.submitted {
  padding-bottom: 50px;
}

/* Global Modal */ 
.dle-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 300px;
  z-index: 1000;
}

.dle-modal {
  background-color: white;
  border-radius: 12px;
  max-width: 900px;
  width: 90%;
  padding: 20px;
  position: relative;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  text-align: center;
}

.dle-modal-close-button {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}

.dle-modal h2 {
  margin-top: 0;
}

/* Dashboard Notifications */ 

.dle-custom-styles .dashboard-notification-card, .dashboard-notification-card.marks {
  background-color: var(--warning-light);
  color: var(--grey-dark);
  font-family: sans-serif;
  display: flex;
  padding: 20px;
  /* border-radius: 6px; */
  align-items: center;
  justify-content: space-between;
  max-width: 1000px;
  margin: 20px auto;
  flex-wrap: wrap;
  gap: 20px;
}

.dashboard-notification-card.marks {
  max-width: fit-content;
  position: relative;
}

.dashboard-notification-card.marks .dashboard-notification-close {
  position: absolute;
  top: 7px;
  right: 10px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  font-size: 16px;
  font-weight: bold;
  color: black;;
}

.dashboard-notification-card.marks .dashboard-notification-close:hover {
  color: var(--grey-dark);
}

.dle-custom-styles .dashboard-notification-left, .dashboard-notification-card.marks  .dashboard-notification-left{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100px;
  flex-shrink: 0;
}

.dle-custom-styles .dashboard-notification-icon, .dashboard-notification-card.marks  .dashboard-notification-icon {
  font-size: 10px;
}

.dle-custom-styles .dashboard-notification-priority, .dashboard-notification-card.marks  .dashboard-notification-priority {
  font-size: 14px;
  font-weight: 500;
}

.dle-custom-styles .dashboard-notification-center, .dashboard-notification-card.marks  .dashboard-notification-center {
  flex: 1;
  min-width: 250px;
}

.dle-custom-styles .dashboard-notification-title, .dashboard-notification-card.marks  .dashboard-notification-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 4px;
}

.dle-custom-styles .dashboard-notification-description, .dashboard-notification-card.marks  .dashboard-notification-description {
  font-size: 15px;
  margin-bottom: 12px;
}

.dle-custom-styles .dashboard-notification-buttons button, .dashboard-notification-card.marks  .dashboard-notification-buttons button {
  font-size: 14px;
  padding: 6px 12px;
  margin-right: 8px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  border-radius: 0;
}

.dle-custom-styles .dashboard-notification-btn-light, .dashboard-notification-card.marks  .dashboard-notification-btn-light {
  background-color: #fff8e0;
  color: var(--grey-dark);
}

.dle-custom-styles .dashboard-notification-btn-dark, .dashboard-notification-card.marks  .dashboard-notification-btn-dark {
  background-color: rgba(0, 0, 0, 0.1);
  color: var(--grey-dark);
} 

.dle-custom-styles .dashboard-notification-section-title, .dashboard-notification-card.marks  .dashboard-notification-section-title {
  margin-top: 20px;
}

@media (max-width: 768px) {
  .dle-custom-styles .dashboard-notification-left, .dashboard-notification-card.marks  .dashboard-notification-left {
    display: none;
  }
}

/** Remember Your Why **/

#dashboard.dle-custom-styles .remember-your-why {
  background: linear-gradient(180deg, var(--background-light) 0%, var(--background-light) 99.99%);
  padding: 30px 40px;
  color: var(--primary);
  font-family: Arial, sans-serif;
  margin-top: 20px;
}

#dashboard.dle-custom-styles .remember-your-why h3 {
  font-size: 18px;
  margin-top: 0;
  color: var(--primary);
}

#dashboard.dle-custom-styles .remember-your-why h3.no-paragraph {
  margin-bottom: 20px;
}

#dashboard.dle-custom-styles .remember-your-why h3 span.light {
  color: var(--primary-light);
}

#dashboard.dle-custom-styles .remember-your-why p {
  font-size: 16px;
  padding: 0;
  margin-bottom: 20px;
  line-height: 1.5;
}

#dashboard.dle-custom-styles .remember-your-why .reminder-box {
  background: white;
  padding: 15px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.21);
  font-style: italic;
  color: var(--grey-dark);
  width: calc(100% - 150px);
  height: 90px;
  margin-bottom: 30px;
  resize: none;
}

#dashboard.dle-custom-styles .remember-your-why .buttons {
  display: flex;
  gap: 10px;
}

#dashboard.dle-custom-styles .remember-your-why .buttons button {
  padding: 5px 10px;
  font-size: 14px;
  border: none;
  cursor: pointer;
  color: white;
}

#dashboard.dle-custom-styles .remember-your-why .buttons .primary {
  background-color: var(--primary);
  color: white;
}

#dashboard.dle-custom-styles .remember-your-why .buttons .dismiss {
  background-color: var(--grey-light);
  color: var(--grey-dark);
}

#dashboard.dle-custom-styles .remember-your-why .message-date {
  color: var(--grey-dark);
  font-style: italic;
  text-align: right;
  font-size: 14px;
  margin-top: -20px;
  margin-bottom: 10px;
  width: calc(100% - 120px);
}

@media (max-width: 768px) {
  #dashboard.dle-custom-styles .remember-your-why .reminder-box {
    width: 100%;
  }
  
  #dashboard.dle-custom-styles .remember-your-why .message-date {
    width: 100%;
  }
}

/** Marking Guide **/

.marking-guide-container {
  margin: 0 0 -28px;
  background: white;
}

.marking-guide-container .marking-guide-header {
  background: white;
  border-bottom: 1px solid var(--grey-light);
}

.marking-guide-container .marking-guide-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  font-weight: 600;
  font-size: 18px;
  cursor: pointer;
  color: var(--grey-dark);
}

.marking-guide-container .marking-guide-toggle {
  font-size: 12px;
  color: var(--grey-dark);
  transition: transform 0.3s ease;
  margin-left: 10px;
  position: relative;
  top: -1px;
}

.marking-guide-container .marking-guide-top-tabs {
  display: flex;
  padding: 0 20px 15px;
}

.marking-guide-container .marking-guide-top-tab {
  padding: 6px 28px !important;
  border: none !important;
  cursor: pointer;
  font-size: 14px !important;
  color: black !important;
  transition: all 0.3s ease;
  font-weight: normal !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.marking-guide-container .marking-guide-top-tab:hover {
  background: var(--grey-light) !important;
  border-color: var(--grey-light) !important;
}

.marking-guide-container .marking-guide-top-tab.active {
  background: white !important;
  border: 1px solid var(--grey) !important;
}

.marking-guide-container .marking-guide-content {
  padding: 20px;
  background: white;
}

.marking-guide-container .marking-guide-grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 280px;
  gap: 20px;
  overflow-x: auto;
  padding-bottom: 10px;
  background: white;
}

.marking-guide-container .marking-guide-column {
  background: white;
  min-height: 400px;
}

.marking-guide-container .column-icon-container {
  background: white;
  padding-bottom: 15px;
  text-align: center;
}

.marking-guide-container .column-icon {
  font-size: 24px;
  color: var(--grey-dark);
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marking-guide-container .column-icon img {
    max-height: 190px;
}

.marking-guide-container .column-header {
  padding: 12px 15px;
  color: white;
  text-align: center;
  font-weight: 600;
  margin-bottom: 0;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.marking-guide-container .column-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.2));
  pointer-events: none;
}

.marking-guide-container .column-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

.marking-guide-container .column-content {
  padding: 15px;
  font-size: 12px;
  line-height: 1.3;
  color: var(--grey-dark);
  background: white;
}

.marking-guide-container .column-content h4 {
  margin: 0 0 8px 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--grey-dark);
}

.marking-guide-container .column-content h5 {
  margin: 12px 0 6px 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--grey-dark);
}

.marking-guide-container .column-content p {
  margin: 0 0 8px 0;
  font-size: 11px;
  color: var(--grey-dark);
  line-height: 1.3;
}

.marking-guide-container .column-content ol,
.marking-guide-container .column-content ul {
  margin: 0 0 8px 0;
  padding-left: 16px;
}

.marking-guide-container .column-content li {
  margin-bottom: 3px;
  font-size: 11px;
  color: var(--grey-dark);
  line-height: 1.2;
}

.marking-guide-container .dash-list {
  margin: 0 0 8px 0;
  padding-left: 8px;
}

.marking-guide-container .dash-list p {
  margin: 2px 0;
  font-size: 11px;
  color: var(--grey-dark);
  line-height: 1.2;
}

.marking-guide-container .placeholder-content {
  padding: 40px;
  text-align: center;
  font-size: 18px;
  color: var(--grey);
  background: white;
  margin: 20px;
}

/* Responsive design */
@media (max-width: 768px) {
  .marking-guide-container .marking-guide-grid {
    grid-auto-columns: 250px;
    gap: 15px;
  }
  
  .marking-guide-container .marking-guide-content {
    padding: 15px;
  }
  
  .marking-guide-container .column-content {
    padding: 12px;
    font-size: 11px;
  }
  
  .marking-guide-container .marking-guide-title {
    font-size: 16px;
    padding: 12px 15px;
  }
}

@media (max-width: 480px) {
  .marking-guide-container .marking-guide-grid {
    grid-auto-columns: calc(100vw - 80px);
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .marking-guide-container .marking-guide-top-tabs {
    flex-direction: column;
    gap: 8px;
  }
  
  .marking-guide-container .marking-guide-top-tab {
    text-align: center;
  }
}