@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,");
@import url("/static/css/noto-sans.f359cc3b368c.css");
@import url("/static/css/foundever-sans.b2e6694b8078.css");
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0.1875rem;
  -moz-border-radius: 0.1875rem;
  -ms-border-radius: 0.1875rem;
  -o-border-radius: 0.1875rem;
  border-radius: 0.1875rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.popover .arrow::before,
.popover .arrow::after {
  position: absolute;
  display: block;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow::before {
  content: "";
  border-width: 0.8rem;
}

.popover .arrow::after {
  content: "";
  border-width: 0.8rem;
}

.popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.8rem;
}

.popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before,
.popover.bs-popover-top .arrow::after,
.popover.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-bottom-width: 0;
}

.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before {
  bottom: -0.8rem;
  margin-left: -0.8rem;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
  bottom: calc((0.8rem - 1px) * -1);
  margin-left: -0.8rem;
  border-top-color: #fff;
}

.popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
  margin-left: 0.8rem;
}

.popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow {
  left: 0;
}

.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before,
.popover.bs-popover-right .arrow::after,
.popover.bs-popover-auto[x-placement^="right"] .arrow::after {
  margin-top: -0.8rem;
  border-left-width: 0;
}

.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before {
  left: -0.8rem;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
  left: calc((0.8rem - 1px) * -1);
  border-right-color: #fff;
}

.popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.8rem;
}

.popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before,
.popover.bs-popover-bottom .arrow::after,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  margin-left: -0.8rem;
  border-top-width: 0;
}

.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
  top: -0.8rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  top: calc((0.8rem - 1px) * -1);
  border-bottom-color: #fff;
}

.popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 20px;
  margin-left: -10px;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] {
  margin-right: 0.8rem;
}

.popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow {
  right: 0;
}

.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before,
.popover.bs-popover-left .arrow::after,
.popover.bs-popover-auto[x-placement^="left"] .arrow::after {
  margin-top: -0.8rem;
  border-right-width: 0;
}

.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before {
  right: -0.8rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
  right: calc((0.8rem - 1px) * -1);
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-top-left-radius: calc(0.1875rem - 1px);
  -moz-border-topleft-radius: calc(0.1875rem - 1px);
  border-top-left-radius: calc(0.1875rem - 1px);
  -webkit-border-top-right-radius: calc(0.1875rem - 1px);
  -moz-border-topright-radius: calc(0.1875rem - 1px);
  border-top-right-radius: calc(0.1875rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #313131;
}

/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
.fa-solid,
.fa-regular,
.fa-brands,
.fa-classic,
.fas,
.far,
.fab,
.fal,
.fat,
.fad,
.fadr,
.fadl,
.fadt,
.fass,
.fasr,
.fasl,
.fast,
.fasds,
.fasdr,
.fasdl,
.fasdt,
.faslr,
.faslpr,
.fawsb,
.fatl,
.fans,
.fands,
.faes,
.fagt,
.fajr,
.fajfr,
.fajdr,
.facr,
.fausb,
.faudsb,
.faufsb,
.fa-solid,
.fa-semibold,
.fa-regular,
.fa-light,
.fa-thin,
.fa-brands,
.fa-classic,
.fa-duotone,
.fa-sharp,
.fa-sharp-duotone,
.fa-chisel,
.fa-etch,
.fa-graphite,
.fa-jelly,
.fa-jelly-duo,
.fa-jelly-fill,
.fa-notdog,
.fa-notdog-duo,
.fa-slab,
.fa-slab-press,
.fa-thumbprint,
.fa-utility,
.fa-utility-duo,
.fa-utility-fill,
.fa-whiteboard,
.fa {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
}

:is(.fas, .fass, .far, .fasr, .fal, .fasl, .fat, .fast, .fad, .fadr, .fadl, .fadt, .fasds, .fasdr, .fasdl, .fasdt, .fab, .faslr, .faslpr, .fawsb, .fatl, .fans, .fands, .faes, .fagt, .fajr, .fajfr, .fajdr, .facr, .fausb, .faudsb, .faufsb, .fa-solid, .fa-semibold, .fa-regular, .fa-light, .fa-thin, .fa-brands, .fa-classic, .fa-duotone, .fa-sharp, .fa-sharp-duotone, .fa-chisel, .fa-etch, .fa-graphite, .fa-jelly, .fa-jelly-duo, .fa-jelly-fill, .fa-notdog, .fa-notdog-duo, .fa-slab, .fa-slab-press, .fa-thumbprint, .fa-utility, .fa-utility-duo, .fa-utility-fill, .fa-whiteboard, .fa)::before {
  content: var(--fa);
}

@supports not (content: "") {
  :is(.fas, .fass, .far, .fasr, .fal, .fasl, .fat, .fast, .fad, .fadr, .fadl, .fadt, .fasds, .fasdr, .fasdl, .fasdt, .fab, .faslr, .faslpr, .fawsb, .fatl, .fans, .fands, .faes, .fagt, .fajr, .fajfr, .fajdr, .facr, .fausb, .faudsb, .faufsb, .fa-solid, .fa-semibold, .fa-regular, .fa-light, .fa-thin, .fa-brands, .fa-classic, .fa-duotone, .fa-sharp, .fa-sharp-duotone, .fa-chisel, .fa-etch, .fa-graphite, .fa-jelly, .fa-jelly-duo, .fa-jelly-fill, .fa-notdog, .fa-notdog-duo, .fa-slab, .fa-slab-press, .fa-thumbprint, .fa-utility, .fa-utility-duo, .fa-utility-fill, .fa-whiteboard, .fa)::before {
    content: var(--fa);
  }
}

:is(.fad, .fa-duotone, .fadr, .fadl, .fadt, .fasds, .fa-sharp-duotone, .fasdr, .fasdl, .fasdt, .fatl, .fa-thumbprint, .fands, .fa-notdog-duo, .fajdr, .fa-jelly-duo, .faudsb, .fa-utility-duo)::after {
  content: var(--fa);
  font-feature-settings: "ss01";
}

@supports not (content: "") {
  :is(.fad, .fa-duotone, .fadr, .fadl, .fadt, .fasds, .fa-sharp-duotone, .fasdr, .fasdl, .fasdt, .fatl, .fa-thumbprint, .fands, .fa-notdog-duo, .fajdr, .fa-jelly-duo, .faudsb, .fa-utility-duo)::after {
    content: var(--fa);
  }
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: calc(10 / 16 * 1em);
  /* converts a 10px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 10 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 10 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-xs {
  font-size: calc(12 / 16 * 1em);
  /* converts a 12px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 12 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 12 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-sm {
  font-size: calc(14 / 16 * 1em);
  /* converts a 14px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 14 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 14 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-lg {
  font-size: calc(20 / 16 * 1em);
  /* converts a 20px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 20 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 20 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-xl {
  font-size: calc(24 / 16 * 1em);
  /* converts a 24px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 24 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 24 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-2xl {
  font-size: calc(32 / 16 * 1em);
  /* converts a 32px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 32 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 32 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-width-auto {
  --fa-width: auto;
}

.fa-fw,
.fa-width-fixed {
  --fa-width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-inline-start: var(--fa-li-margin, 2.5em);
  padding-inline-start: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  inset-inline-start: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

/* Heads Up: Bordered Icons will not be supported in the future!
  - This feature will be deprecated in the next major release of Font Awesome (v8)!
  - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8.
*/
/* Notes:
* --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size)
* --@{v.$css-prefix}-border-padding =
  ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment)
  ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon)
*/
.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.0625em);
  box-sizing: var(--fa-border-box-sizing, content-box);
  padding: var(--fa-border-padding, 0.1875em 0.25em);
}

.fa-pull-left,
.fa-pull-start {
  float: inline-start;
  margin-inline-end: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right,
.fa-pull-end {
  float: inline-end;
  margin-inline-start: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
.fa-bounce,
.fa-fade,
.fa-beat-fade,
.fa-flip,
.fa-pulse,
.fa-shake,
.fa-spin,
.fa-spin-pulse {
    animation: none !important;
    transition: none !important;
  }
}

@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}

@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}

@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}

@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}

@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  --fa-width: 100%;
  inset: 0;
  position: absolute;
  text-align: center;
  width: var(--fa-width);
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-0 {
  --fa: "\30 ";
}

.fa-1 {
  --fa: "\31 ";
}

.fa-2 {
  --fa: "\32 ";
}

.fa-3 {
  --fa: "\33 ";
}

.fa-4 {
  --fa: "\34 ";
}

.fa-5 {
  --fa: "\35 ";
}

.fa-6 {
  --fa: "\36 ";
}

.fa-7 {
  --fa: "\37 ";
}

.fa-8 {
  --fa: "\38 ";
}

.fa-9 {
  --fa: "\39 ";
}

.fa-exclamation {
  --fa: "\!";
}

.fa-ditto {
  --fa: "\"";
}

.fa-hashtag {
  --fa: "\#";
}

.fa-dollar-sign {
  --fa: "\$";
}

.fa-dollar {
  --fa: "\$";
}

.fa-usd {
  --fa: "\$";
}

.fa-percent {
  --fa: "\%";
}

.fa-percentage {
  --fa: "\%";
}

.fa-ampersand {
  --fa: "\&";
}

.fa-apostrophe {
  --fa: "\'";
}

.fa-bracket-round {
  --fa: "\(";
}

.fa-parenthesis {
  --fa: "\(";
}

.fa-bracket-round-right {
  --fa: "\)";
}

.fa-asterisk {
  --fa: "\*";
}

.fa-plus {
  --fa: "\+";
}

.fa-add {
  --fa: "\+";
}

.fa-comma {
  --fa: "\,";
}

.fa-hyphen {
  --fa: "\-";
}

.fa-period {
  --fa: "\.";
}

.fa-slash-forward {
  --fa: "\/";
}

.fa-colon {
  --fa: "\:";
}

.fa-semicolon {
  --fa: "\;";
}

.fa-less-than {
  --fa: "\<";
}

.fa-equals {
  --fa: "\=";
}

.fa-greater-than {
  --fa: "\>";
}

.fa-question {
  --fa: "\?";
}

.fa-at {
  --fa: "\@";
}

.fa-a {
  --fa: "A";
}

.fa-b {
  --fa: "B";
}

.fa-c {
  --fa: "C";
}

.fa-d {
  --fa: "D";
}

.fa-e {
  --fa: "E";
}

.fa-f {
  --fa: "F";
}

.fa-g {
  --fa: "G";
}

.fa-h {
  --fa: "H";
}

.fa-i {
  --fa: "I";
}

.fa-j {
  --fa: "J";
}

.fa-k {
  --fa: "K";
}

.fa-l {
  --fa: "L";
}

.fa-m {
  --fa: "M";
}

.fa-n {
  --fa: "N";
}

.fa-o {
  --fa: "O";
}

.fa-p {
  --fa: "P";
}

.fa-q {
  --fa: "Q";
}

.fa-r {
  --fa: "R";
}

.fa-s {
  --fa: "S";
}

.fa-t {
  --fa: "T";
}

.fa-u {
  --fa: "U";
}

.fa-v {
  --fa: "V";
}

.fa-w {
  --fa: "W";
}

.fa-x {
  --fa: "X";
}

.fa-y {
  --fa: "Y";
}

.fa-z {
  --fa: "Z";
}

.fa-bracket-square {
  --fa: "\[";
}

.fa-bracket {
  --fa: "\[";
}

.fa-bracket-left {
  --fa: "\[";
}

.fa-slash-back {
  --fa: "\\";
}

.fa-bracket-square-right {
  --fa: "\]";
}

.fa-accent-grave {
  --fa: "\`";
}

.fa-bracket-curly {
  --fa: "\{";
}

.fa-bracket-curly-left {
  --fa: "\{";
}

.fa-pipe {
  --fa: "\|";
}

.fa-bracket-curly-right {
  --fa: "\}";
}

.fa-tilde {
  --fa: "\~";
}

.fa-caravan-simple {
  --fa: "\e000";
}

.fa-caravan-alt {
  --fa: "\e000";
}

.fa-cat-space {
  --fa: "\e001";
}

.fa-coffee-pot {
  --fa: "\e002";
}

.fa-comet {
  --fa: "\e003";
}

.fa-fan-table {
  --fa: "\e004";
}

.fa-faucet {
  --fa: "\e005";
}

.fa-faucet-drip {
  --fa: "\e006";
}

.fa-galaxy {
  --fa: "\e008";
}

.fa-garage {
  --fa: "\e009";
}

.fa-garage-car {
  --fa: "\e00a";
}

.fa-garage-open {
  --fa: "\e00b";
}

.fa-heat {
  --fa: "\e00c";
}

.fa-house-chimney-window {
  --fa: "\e00d";
}

.fa-house-day {
  --fa: "\e00e";
}

.fa-house-person-leave {
  --fa: "\e00f";
}

.fa-house-leave {
  --fa: "\e00f";
}

.fa-house-person-depart {
  --fa: "\e00f";
}

.fa-house-night {
  --fa: "\e010";
}

.fa-house-person-return {
  --fa: "\e011";
}

.fa-house-person-arrive {
  --fa: "\e011";
}

.fa-house-return {
  --fa: "\e011";
}

.fa-house-signal {
  --fa: "\e012";
}

.fa-lamp-desk {
  --fa: "\e014";
}

.fa-lamp-floor {
  --fa: "\e015";
}

.fa-light-ceiling {
  --fa: "\e016";
}

.fa-light-switch {
  --fa: "\e017";
}

.fa-light-switch-off {
  --fa: "\e018";
}

.fa-light-switch-on {
  --fa: "\e019";
}

.fa-microwave {
  --fa: "\e01b";
}

.fa-outlet {
  --fa: "\e01c";
}

.fa-oven {
  --fa: "\e01d";
}

.fa-planet-moon {
  --fa: "\e01f";
}

.fa-planet-ringed {
  --fa: "\e020";
}

.fa-police-box {
  --fa: "\e021";
}

.fa-person-to-portal {
  --fa: "\e022";
}

.fa-portal-enter {
  --fa: "\e022";
}

.fa-person-from-portal {
  --fa: "\e023";
}

.fa-portal-exit {
  --fa: "\e023";
}

.fa-radar {
  --fa: "\e024";
}

.fa-raygun {
  --fa: "\e025";
}

.fa-refrigerator {
  --fa: "\e026";
}

.fa-rocket-launch {
  --fa: "\e027";
}

.fa-sensor {
  --fa: "\e028";
}

.fa-sensor-triangle-exclamation {
  --fa: "\e029";
}

.fa-sensor-alert {
  --fa: "\e029";
}

.fa-sensor-fire {
  --fa: "\e02a";
}

.fa-sensor-on {
  --fa: "\e02b";
}

.fa-sensor-cloud {
  --fa: "\e02c";
}

.fa-sensor-smoke {
  --fa: "\e02c";
}

.fa-siren {
  --fa: "\e02d";
}

.fa-siren-on {
  --fa: "\e02e";
}

.fa-solar-system {
  --fa: "\e02f";
}

.fa-circle-sort {
  --fa: "\e030";
}

.fa-sort-circle {
  --fa: "\e030";
}

.fa-circle-sort-down {
  --fa: "\e031";
}

.fa-sort-circle-down {
  --fa: "\e031";
}

.fa-circle-sort-up {
  --fa: "\e032";
}

.fa-sort-circle-up {
  --fa: "\e032";
}

.fa-space-station-moon {
  --fa: "\e033";
}

.fa-space-station-moon-construction {
  --fa: "\e034";
}

.fa-space-station-moon-alt {
  --fa: "\e034";
}

.fa-sprinkler {
  --fa: "\e035";
}

.fa-star-shooting {
  --fa: "\e036";
}

.fa-starfighter {
  --fa: "\e037";
}

.fa-starfighter-twin-ion-engine {
  --fa: "\e038";
}

.fa-starfighter-alt {
  --fa: "\e038";
}

.fa-starship {
  --fa: "\e039";
}

.fa-starship-freighter {
  --fa: "\e03a";
}

.fa-sword-laser {
  --fa: "\e03b";
}

.fa-sword-laser-alt {
  --fa: "\e03c";
}

.fa-swords-laser {
  --fa: "\e03d";
}

.fa-telescope {
  --fa: "\e03e";
}

.fa-temperature-arrow-down {
  --fa: "\e03f";
}

.fa-temperature-down {
  --fa: "\e03f";
}

.fa-temperature-arrow-up {
  --fa: "\e040";
}

.fa-temperature-up {
  --fa: "\e040";
}

.fa-trailer {
  --fa: "\e041";
}

.fa-transporter {
  --fa: "\e042";
}

.fa-transporter-1 {
  --fa: "\e043";
}

.fa-transporter-2 {
  --fa: "\e044";
}

.fa-transporter-3 {
  --fa: "\e045";
}

.fa-transporter-empty {
  --fa: "\e046";
}

.fa-ufo {
  --fa: "\e047";
}

.fa-ufo-beam {
  --fa: "\e048";
}

.fa-user-alien {
  --fa: "\e04a";
}

.fa-user-robot {
  --fa: "\e04b";
}

.fa-user-visor {
  --fa: "\e04c";
}

.fa-vacuum {
  --fa: "\e04d";
}

.fa-vacuum-robot {
  --fa: "\e04e";
}

.fa-window-frame {
  --fa: "\e04f";
}

.fa-window-frame-open {
  --fa: "\e050";
}

.fa-coffin-cross {
  --fa: "\e051";
}

.fa-folder-arrow-down {
  --fa: "\e053";
}

.fa-folder-download {
  --fa: "\e053";
}

.fa-folder-arrow-up {
  --fa: "\e054";
}

.fa-folder-upload {
  --fa: "\e054";
}

.fa-user-unlock {
  --fa: "\e058";
}

.fa-bacteria {
  --fa: "\e059";
}

.fa-bacterium {
  --fa: "\e05a";
}

.fa-box-tissue {
  --fa: "\e05b";
}

.fa-hand-holding-medical {
  --fa: "\e05c";
}

.fa-hand-sparkles {
  --fa: "\e05d";
}

.fa-hands-bubbles {
  --fa: "\e05e";
}

.fa-hands-wash {
  --fa: "\e05e";
}

.fa-handshake-slash {
  --fa: "\e060";
}

.fa-handshake-alt-slash {
  --fa: "\e060";
}

.fa-handshake-simple-slash {
  --fa: "\e060";
}

.fa-head-side-cough {
  --fa: "\e061";
}

.fa-head-side-cough-slash {
  --fa: "\e062";
}

.fa-head-side-mask {
  --fa: "\e063";
}

.fa-head-side-virus {
  --fa: "\e064";
}

.fa-house-chimney-user {
  --fa: "\e065";
}

.fa-house-laptop {
  --fa: "\e066";
}

.fa-laptop-house {
  --fa: "\e066";
}

.fa-lungs-virus {
  --fa: "\e067";
}

.fa-people-arrows {
  --fa: "\e068";
}

.fa-people-arrows-left-right {
  --fa: "\e068";
}

.fa-plane-slash {
  --fa: "\e069";
}

.fa-pump-medical {
  --fa: "\e06a";
}

.fa-pump-soap {
  --fa: "\e06b";
}

.fa-shield-virus {
  --fa: "\e06c";
}

.fa-sink {
  --fa: "\e06d";
}

.fa-soap {
  --fa: "\e06e";
}

.fa-stopwatch-20 {
  --fa: "\e06f";
}

.fa-shop-slash {
  --fa: "\e070";
}

.fa-store-alt-slash {
  --fa: "\e070";
}

.fa-store-slash {
  --fa: "\e071";
}

.fa-toilet-paper-slash {
  --fa: "\e072";
}

.fa-users-slash {
  --fa: "\e073";
}

.fa-virus {
  --fa: "\e074";
}

.fa-virus-slash {
  --fa: "\e075";
}

.fa-viruses {
  --fa: "\e076";
}

.fa-vest {
  --fa: "\e085";
}

.fa-vest-patches {
  --fa: "\e086";
}

.fa-airplay {
  --fa: "\e089";
}

.fa-alt {
  --fa: "\e08a";
}

.fa-angle {
  --fa: "\e08c";
}

.fa-angle-90 {
  --fa: "\e08d";
}

.fa-apple-core {
  --fa: "\e08f";
}

.fa-arrow-down-from-dotted-line {
  --fa: "\e090";
}

.fa-arrow-down-left {
  --fa: "\e091";
}

.fa-arrow-down-left-and-arrow-up-right-to-center {
  --fa: "\e092";
}

.fa-arrow-down-right {
  --fa: "\e093";
}

.fa-arrow-down-to-bracket {
  --fa: "\e094";
}

.fa-arrow-down-to-dotted-line {
  --fa: "\e095";
}

.fa-arrow-down-to-square {
  --fa: "\e096";
}

.fa-arrow-trend-down {
  --fa: "\e097";
}

.fa-arrow-trend-up {
  --fa: "\e098";
}

.fa-arrow-up-arrow-down {
  --fa: "\e099";
}

.fa-sort-up-down {
  --fa: "\e099";
}

.fa-arrow-up-from-bracket {
  --fa: "\e09a";
}

.fa-arrow-up-from-dotted-line {
  --fa: "\e09b";
}

.fa-arrow-up-from-square {
  --fa: "\e09c";
}

.fa-arrow-up-left {
  --fa: "\e09d";
}

.fa-arrow-up-left-from-circle {
  --fa: "\e09e";
}

.fa-arrow-up-right {
  --fa: "\e09f";
}

.fa-arrow-up-right-and-arrow-down-left-from-center {
  --fa: "\e0a0";
}

.fa-arrow-up-to-dotted-line {
  --fa: "\e0a1";
}

.fa-arrows-cross {
  --fa: "\e0a2";
}

.fa-arrows-from-dotted-line {
  --fa: "\e0a3";
}

.fa-arrows-from-line {
  --fa: "\e0a4";
}

.fa-arrows-minimize {
  --fa: "\e0a5";
}

.fa-compress-arrows {
  --fa: "\e0a5";
}

.fa-arrows-to-dotted-line {
  --fa: "\e0a6";
}

.fa-arrows-to-line {
  --fa: "\e0a7";
}

.fa-audio-description-slash {
  --fa: "\e0a8";
}

.fa-austral-sign {
  --fa: "\e0a9";
}

.fa-avocado {
  --fa: "\e0aa";
}

.fa-award-simple {
  --fa: "\e0ab";
}

.fa-baht-sign {
  --fa: "\e0ac";
}

.fa-bars-filter {
  --fa: "\e0ad";
}

.fa-bars-sort {
  --fa: "\e0ae";
}

.fa-basket-shopping-simple {
  --fa: "\e0af";
}

.fa-shopping-basket-alt {
  --fa: "\e0af";
}

.fa-battery-exclamation {
  --fa: "\e0b0";
}

.fa-battery-low {
  --fa: "\e0b1";
}

.fa-battery-1 {
  --fa: "\e0b1";
}

.fa-bee {
  --fa: "\e0b2";
}

.fa-beer-mug {
  --fa: "\e0b3";
}

.fa-beer-foam {
  --fa: "\e0b3";
}

.fa-bitcoin-sign {
  --fa: "\e0b4";
}

.fa-block-quote {
  --fa: "\e0b5";
}

.fa-bolt-auto {
  --fa: "\e0b6";
}

.fa-bolt-lightning {
  --fa: "\e0b7";
}

.fa-bolt-slash {
  --fa: "\e0b8";
}

.fa-book-arrow-right {
  --fa: "\e0b9";
}

.fa-book-arrow-up {
  --fa: "\e0ba";
}

.fa-book-bookmark {
  --fa: "\e0bb";
}

.fa-book-circle-arrow-right {
  --fa: "\e0bc";
}

.fa-book-circle-arrow-up {
  --fa: "\e0bd";
}

.fa-book-copy {
  --fa: "\e0be";
}

.fa-book-font {
  --fa: "\e0bf";
}

.fa-book-open-cover {
  --fa: "\e0c0";
}

.fa-book-open-alt {
  --fa: "\e0c0";
}

.fa-book-section {
  --fa: "\e0c1";
}

.fa-book-law {
  --fa: "\e0c1";
}

.fa-bookmark-slash {
  --fa: "\e0c2";
}

.fa-bowling-ball-pin {
  --fa: "\e0c3";
}

.fa-box-circle-check {
  --fa: "\e0c4";
}

.fa-brackets-round {
  --fa: "\e0c5";
}

.fa-parentheses {
  --fa: "\e0c5";
}

.fa-brain-circuit {
  --fa: "\e0c6";
}

.fa-brake-warning {
  --fa: "\e0c7";
}

.fa-briefcase-blank {
  --fa: "\e0c8";
}

.fa-brightness {
  --fa: "\e0c9";
}

.fa-brightness-low {
  --fa: "\e0ca";
}

.fa-browsers {
  --fa: "\e0cb";
}

.fa-buildings {
  --fa: "\e0cc";
}

.fa-burger-fries {
  --fa: "\e0cd";
}

.fa-burger-glass {
  --fa: "\e0ce";
}

.fa-calendar-arrow-down {
  --fa: "\e0d0";
}

.fa-calendar-download {
  --fa: "\e0d0";
}

.fa-calendar-arrow-up {
  --fa: "\e0d1";
}

.fa-calendar-upload {
  --fa: "\e0d1";
}

.fa-calendar-clock {
  --fa: "\e0d2";
}

.fa-calendar-time {
  --fa: "\e0d2";
}

.fa-calendar-heart {
  --fa: "\e0d3";
}

.fa-calendar-image {
  --fa: "\e0d4";
}

.fa-calendar-lines {
  --fa: "\e0d5";
}

.fa-calendar-note {
  --fa: "\e0d5";
}

.fa-calendar-range {
  --fa: "\e0d6";
}

.fa-calendars {
  --fa: "\e0d7";
}

.fa-camera-rotate {
  --fa: "\e0d8";
}

.fa-camera-slash {
  --fa: "\e0d9";
}

.fa-camera-viewfinder {
  --fa: "\e0da";
}

.fa-screenshot {
  --fa: "\e0da";
}

.fa-cart-minus {
  --fa: "\e0db";
}

.fa-cart-shopping-fast {
  --fa: "\e0dc";
}

.fa-cart-xmark {
  --fa: "\e0dd";
}

.fa-castle {
  --fa: "\e0de";
}

.fa-cedi-sign {
  --fa: "\e0df";
}

.fa-chart-bullet {
  --fa: "\e0e1";
}

.fa-chart-candlestick {
  --fa: "\e0e2";
}

.fa-chart-column {
  --fa: "\e0e3";
}

.fa-chart-gantt {
  --fa: "\e0e4";
}

.fa-chart-line-up {
  --fa: "\e0e5";
}

.fa-chart-pyramid {
  --fa: "\e0e6";
}

.fa-chart-radar {
  --fa: "\e0e7";
}

.fa-chart-scatter-3d {
  --fa: "\e0e8";
}

.fa-chart-scatter-bubble {
  --fa: "\e0e9";
}

.fa-chart-tree-map {
  --fa: "\e0ea";
}

.fa-chart-waterfall {
  --fa: "\e0eb";
}

.fa-cherries {
  --fa: "\e0ec";
}

.fa-circle-0 {
  --fa: "\e0ed";
}

.fa-circle-1 {
  --fa: "\e0ee";
}

.fa-circle-2 {
  --fa: "\e0ef";
}

.fa-circle-3 {
  --fa: "\e0f0";
}

.fa-circle-4 {
  --fa: "\e0f1";
}

.fa-circle-5 {
  --fa: "\e0f2";
}

.fa-circle-6 {
  --fa: "\e0f3";
}

.fa-circle-7 {
  --fa: "\e0f4";
}

.fa-circle-8 {
  --fa: "\e0f5";
}

.fa-circle-9 {
  --fa: "\e0f6";
}

.fa-circle-a {
  --fa: "\e0f7";
}

.fa-circle-ampersand {
  --fa: "\e0f8";
}

.fa-circle-arrow-down-left {
  --fa: "\e0f9";
}

.fa-circle-arrow-down-right {
  --fa: "\e0fa";
}

.fa-circle-arrow-up-left {
  --fa: "\e0fb";
}

.fa-circle-arrow-up-right {
  --fa: "\e0fc";
}

.fa-circle-b {
  --fa: "\e0fd";
}

.fa-circle-bolt {
  --fa: "\e0fe";
}

.fa-circle-book-open {
  --fa: "\e0ff";
}

.fa-book-circle {
  --fa: "\e0ff";
}

.fa-circle-bookmark {
  --fa: "\e100";
}

.fa-bookmark-circle {
  --fa: "\e100";
}

.fa-circle-c {
  --fa: "\e101";
}

.fa-circle-calendar {
  --fa: "\e102";
}

.fa-calendar-circle {
  --fa: "\e102";
}

.fa-circle-camera {
  --fa: "\e103";
}

.fa-camera-circle {
  --fa: "\e103";
}

.fa-circle-d {
  --fa: "\e104";
}

.fa-circle-dashed {
  --fa: "\e105";
}

.fa-circle-divide {
  --fa: "\e106";
}

.fa-circle-down-left {
  --fa: "\e107";
}

.fa-circle-down-right {
  --fa: "\e108";
}

.fa-circle-e {
  --fa: "\e109";
}

.fa-circle-ellipsis {
  --fa: "\e10a";
}

.fa-circle-ellipsis-vertical {
  --fa: "\e10b";
}

.fa-circle-envelope {
  --fa: "\e10c";
}

.fa-envelope-circle {
  --fa: "\e10c";
}

.fa-circle-exclamation-check {
  --fa: "\e10d";
}

.fa-circle-f {
  --fa: "\e10e";
}

.fa-circle-g {
  --fa: "\e10f";
}

.fa-circle-half {
  --fa: "\e110";
}

.fa-circle-i {
  --fa: "\e111";
}

.fa-circle-j {
  --fa: "\e112";
}

.fa-circle-k {
  --fa: "\e113";
}

.fa-circle-l {
  --fa: "\e114";
}

.fa-circle-m {
  --fa: "\e115";
}

.fa-circle-microphone {
  --fa: "\e116";
}

.fa-microphone-circle {
  --fa: "\e116";
}

.fa-circle-microphone-lines {
  --fa: "\e117";
}

.fa-microphone-circle-alt {
  --fa: "\e117";
}

.fa-circle-n {
  --fa: "\e118";
}

.fa-circle-o {
  --fa: "\e119";
}

.fa-circle-p {
  --fa: "\e11a";
}

.fa-circle-phone {
  --fa: "\e11b";
}

.fa-phone-circle {
  --fa: "\e11b";
}

.fa-circle-phone-flip {
  --fa: "\e11c";
}

.fa-phone-circle-alt {
  --fa: "\e11c";
}

.fa-circle-phone-hangup {
  --fa: "\e11d";
}

.fa-phone-circle-down {
  --fa: "\e11d";
}

.fa-circle-q {
  --fa: "\e11e";
}

.fa-circle-quarter {
  --fa: "\e11f";
}

.fa-circle-r {
  --fa: "\e120";
}

.fa-circle-s {
  --fa: "\e121";
}

.fa-circle-small {
  --fa: "\e122";
}

.fa-circle-star {
  --fa: "\e123";
}

.fa-star-circle {
  --fa: "\e123";
}

.fa-circle-t {
  --fa: "\e124";
}

.fa-circle-three-quarters {
  --fa: "\e125";
}

.fa-circle-trash {
  --fa: "\e126";
}

.fa-trash-circle {
  --fa: "\e126";
}

.fa-circle-u {
  --fa: "\e127";
}

.fa-circle-up-left {
  --fa: "\e128";
}

.fa-circle-up-right {
  --fa: "\e129";
}

.fa-circle-v {
  --fa: "\e12a";
}

.fa-circle-video {
  --fa: "\e12b";
}

.fa-video-circle {
  --fa: "\e12b";
}

.fa-circle-w {
  --fa: "\e12c";
}

.fa-circle-waveform-lines {
  --fa: "\e12d";
}

.fa-waveform-circle {
  --fa: "\e12d";
}

.fa-circle-x {
  --fa: "\e12e";
}

.fa-circle-y {
  --fa: "\e12f";
}

.fa-circle-z {
  --fa: "\e130";
}

.fa-clapperboard {
  --fa: "\e131";
}

.fa-clapperboard-play {
  --fa: "\e132";
}

.fa-clipboard-medical {
  --fa: "\e133";
}

.fa-clock-desk {
  --fa: "\e134";
}

.fa-closed-captioning-slash {
  --fa: "\e135";
}

.fa-clothes-hanger {
  --fa: "\e136";
}

.fa-cloud-slash {
  --fa: "\e137";
}

.fa-cloud-word {
  --fa: "\e138";
}

.fa-clover {
  --fa: "\e139";
}

.fa-code-compare {
  --fa: "\e13a";
}

.fa-code-fork {
  --fa: "\e13b";
}

.fa-code-pull-request {
  --fa: "\e13c";
}

.fa-code-simple {
  --fa: "\e13d";
}

.fa-coffee-bean {
  --fa: "\e13e";
}

.fa-coffee-beans {
  --fa: "\e13f";
}

.fa-colon-sign {
  --fa: "\e140";
}

.fa-command {
  --fa: "\e142";
}

.fa-comment-arrow-down {
  --fa: "\e143";
}

.fa-comment-arrow-up {
  --fa: "\e144";
}

.fa-comment-arrow-up-right {
  --fa: "\e145";
}

.fa-comment-captions {
  --fa: "\e146";
}

.fa-comment-code {
  --fa: "\e147";
}

.fa-comment-image {
  --fa: "\e148";
}

.fa-comment-middle {
  --fa: "\e149";
}

.fa-comment-middle-top {
  --fa: "\e14a";
}

.fa-comment-question {
  --fa: "\e14b";
}

.fa-comment-quote {
  --fa: "\e14c";
}

.fa-comment-text {
  --fa: "\e14d";
}

.fa-comments-question {
  --fa: "\e14e";
}

.fa-comments-question-check {
  --fa: "\e14f";
}

.fa-conveyor-belt-empty {
  --fa: "\e150";
}

.fa-crate-empty {
  --fa: "\e151";
}

.fa-cruzeiro-sign {
  --fa: "\e152";
}

.fa-delete-right {
  --fa: "\e154";
}

.fa-desktop-arrow-down {
  --fa: "\e155";
}

.fa-diagram-lean-canvas {
  --fa: "\e156";
}

.fa-diagram-nested {
  --fa: "\e157";
}

.fa-diagram-sankey {
  --fa: "\e158";
}

.fa-diagram-venn {
  --fa: "\e15a";
}

.fa-dial {
  --fa: "\e15b";
}

.fa-dial-med-high {
  --fa: "\e15b";
}

.fa-dial-high {
  --fa: "\e15c";
}

.fa-dial-low {
  --fa: "\e15d";
}

.fa-dial-max {
  --fa: "\e15e";
}

.fa-dial-med {
  --fa: "\e15f";
}

.fa-dial-med-low {
  --fa: "\e160";
}

.fa-dial-min {
  --fa: "\e161";
}

.fa-dial-off {
  --fa: "\e162";
}

.fa-display {
  --fa: "\e163";
}

.fa-display-arrow-down {
  --fa: "\e164";
}

.fa-display-code {
  --fa: "\e165";
}

.fa-desktop-code {
  --fa: "\e165";
}

.fa-display-medical {
  --fa: "\e166";
}

.fa-desktop-medical {
  --fa: "\e166";
}

.fa-dolphin {
  --fa: "\e168";
}

.fa-dong-sign {
  --fa: "\e169";
}

.fa-down-left {
  --fa: "\e16a";
}

.fa-down-right {
  --fa: "\e16b";
}

.fa-eggplant {
  --fa: "\e16c";
}

.fa-elevator {
  --fa: "\e16d";
}

.fa-engine {
  --fa: "\e16e";
}

.fa-envelope-dot {
  --fa: "\e16f";
}

.fa-envelope-badge {
  --fa: "\e16f";
}

.fa-envelopes {
  --fa: "\e170";
}

.fa-escalator {
  --fa: "\e171";
}

.fa-eye-dropper-full {
  --fa: "\e172";
}

.fa-eye-dropper-half {
  --fa: "\e173";
}

.fa-ferris-wheel {
  --fa: "\e174";
}

.fa-file-binary {
  --fa: "\e175";
}

.fa-file-heart {
  --fa: "\e176";
}

.fa-file-plus-minus {
  --fa: "\e177";
}

.fa-files {
  --fa: "\e178";
}

.fa-film-slash {
  --fa: "\e179";
}

.fa-films {
  --fa: "\e17a";
}

.fa-filter-circle-xmark {
  --fa: "\e17b";
}

.fa-filter-list {
  --fa: "\e17c";
}

.fa-filter-slash {
  --fa: "\e17d";
}

.fa-filters {
  --fa: "\e17e";
}

.fa-fire-hydrant {
  --fa: "\e17f";
}

.fa-floppy-disk-circle-arrow-right {
  --fa: "\e180";
}

.fa-save-circle-arrow-right {
  --fa: "\e180";
}

.fa-floppy-disk-circle-xmark {
  --fa: "\e181";
}

.fa-floppy-disk-times {
  --fa: "\e181";
}

.fa-save-circle-xmark {
  --fa: "\e181";
}

.fa-save-times {
  --fa: "\e181";
}

.fa-floppy-disk-pen {
  --fa: "\e182";
}

.fa-floppy-disks {
  --fa: "\e183";
}

.fa-florin-sign {
  --fa: "\e184";
}

.fa-folder-closed {
  --fa: "\e185";
}

.fa-folder-bookmark {
  --fa: "\e186";
}

.fa-folder-gear {
  --fa: "\e187";
}

.fa-folder-cog {
  --fa: "\e187";
}

.fa-folder-grid {
  --fa: "\e188";
}

.fa-folder-heart {
  --fa: "\e189";
}

.fa-folder-image {
  --fa: "\e18a";
}

.fa-folder-magnifying-glass {
  --fa: "\e18b";
}

.fa-folder-search {
  --fa: "\e18b";
}

.fa-folder-medical {
  --fa: "\e18c";
}

.fa-folder-music {
  --fa: "\e18d";
}

.fa-folder-user {
  --fa: "\e18e";
}

.fa-franc-sign {
  --fa: "\e18f";
}

.fa-gif {
  --fa: "\e190";
}

.fa-glass-empty {
  --fa: "\e191";
}

.fa-glass-half {
  --fa: "\e192";
}

.fa-glass-half-empty {
  --fa: "\e192";
}

.fa-glass-half-full {
  --fa: "\e192";
}

.fa-grate {
  --fa: "\e193";
}

.fa-grate-droplet {
  --fa: "\e194";
}

.fa-grid {
  --fa: "\e195";
}

.fa-grid-3 {
  --fa: "\e195";
}

.fa-grid-2 {
  --fa: "\e196";
}

.fa-grid-2-plus {
  --fa: "\e197";
}

.fa-grid-4 {
  --fa: "\e198";
}

.fa-grid-5 {
  --fa: "\e199";
}

.fa-guarani-sign {
  --fa: "\e19a";
}

.fa-gun {
  --fa: "\e19b";
}

.fa-gun-slash {
  --fa: "\e19c";
}

.fa-gun-squirt {
  --fa: "\e19d";
}

.fa-hand-back-point-down {
  --fa: "\e19e";
}

.fa-hand-back-point-left {
  --fa: "\e19f";
}

.fa-hand-back-point-ribbon {
  --fa: "\e1a0";
}

.fa-hand-back-point-right {
  --fa: "\e1a1";
}

.fa-hand-back-point-up {
  --fa: "\e1a2";
}

.fa-hand-fingers-crossed {
  --fa: "\e1a3";
}

.fa-hand-holding-skull {
  --fa: "\e1a4";
}

.fa-hand-love {
  --fa: "\e1a5";
}

.fa-hand-point-ribbon {
  --fa: "\e1a6";
}

.fa-hand-wave {
  --fa: "\e1a7";
}

.fa-hands-clapping {
  --fa: "\e1a8";
}

.fa-hand-horns {
  --fa: "\e1a9";
}

.fa-head-side-heart {
  --fa: "\e1aa";
}

.fa-heart-half {
  --fa: "\e1ab";
}

.fa-heart-half-stroke {
  --fa: "\e1ac";
}

.fa-heart-half-alt {
  --fa: "\e1ac";
}

.fa-hexagon-divide {
  --fa: "\e1ad";
}

.fa-high-definition {
  --fa: "\e1ae";
}

.fa-rectangle-hd {
  --fa: "\e1ae";
}

.fa-highlighter-line {
  --fa: "\e1af";
}

.fa-house-user {
  --fa: "\e1b0";
}

.fa-home-user {
  --fa: "\e1b0";
}

.fa-house-building {
  --fa: "\e1b1";
}

.fa-house-chimney-heart {
  --fa: "\e1b2";
}

.fa-house-tree {
  --fa: "\e1b3";
}

.fa-house-turret {
  --fa: "\e1b4";
}

.fa-image-landscape {
  --fa: "\e1b5";
}

.fa-landscape {
  --fa: "\e1b5";
}

.fa-image-polaroid-user {
  --fa: "\e1b6";
}

.fa-image-slash {
  --fa: "\e1b7";
}

.fa-image-user {
  --fa: "\e1b8";
}

.fa-images-user {
  --fa: "\e1b9";
}

.fa-inbox-full {
  --fa: "\e1ba";
}

.fa-inboxes {
  --fa: "\e1bb";
}

.fa-indian-rupee-sign {
  --fa: "\e1bc";
}

.fa-indian-rupee {
  --fa: "\e1bc";
}

.fa-inr {
  --fa: "\e1bc";
}

.fa-input-numeric {
  --fa: "\e1bd";
}

.fa-input-pipe {
  --fa: "\e1be";
}

.fa-input-text {
  --fa: "\e1bf";
}

.fa-keyboard-brightness {
  --fa: "\e1c0";
}

.fa-keyboard-brightness-low {
  --fa: "\e1c1";
}

.fa-keyboard-down {
  --fa: "\e1c2";
}

.fa-keyboard-left {
  --fa: "\e1c3";
}

.fa-kip-sign {
  --fa: "\e1c4";
}

.fa-lamp-street {
  --fa: "\e1c5";
}

.fa-laptop-arrow-down {
  --fa: "\e1c6";
}

.fa-laptop-slash {
  --fa: "\e1c7";
}

.fa-lari-sign {
  --fa: "\e1c8";
}

.fa-lasso-sparkles {
  --fa: "\e1c9";
}

.fa-lightbulb-exclamation-on {
  --fa: "\e1ca";
}

.fa-link-horizontal {
  --fa: "\e1cb";
}

.fa-chain-horizontal {
  --fa: "\e1cb";
}

.fa-link-horizontal-slash {
  --fa: "\e1cc";
}

.fa-chain-horizontal-slash {
  --fa: "\e1cc";
}

.fa-link-simple {
  --fa: "\e1cd";
}

.fa-link-simple-slash {
  --fa: "\e1ce";
}

.fa-list-dropdown {
  --fa: "\e1cf";
}

.fa-list-radio {
  --fa: "\e1d0";
}

.fa-list-timeline {
  --fa: "\e1d1";
}

.fa-list-tree {
  --fa: "\e1d2";
}

.fa-litecoin-sign {
  --fa: "\e1d3";
}

.fa-loader {
  --fa: "\e1d4";
}

.fa-manat-sign {
  --fa: "\e1d5";
}

.fa-manhole {
  --fa: "\e1d6";
}

.fa-mask-face {
  --fa: "\e1d7";
}

.fa-memo {
  --fa: "\e1d8";
}

.fa-memo-circle-check {
  --fa: "\e1d9";
}

.fa-memo-pad {
  --fa: "\e1da";
}

.fa-message-arrow-down {
  --fa: "\e1db";
}

.fa-comment-alt-arrow-down {
  --fa: "\e1db";
}

.fa-message-arrow-up {
  --fa: "\e1dc";
}

.fa-comment-alt-arrow-up {
  --fa: "\e1dc";
}

.fa-message-arrow-up-right {
  --fa: "\e1dd";
}

.fa-message-captions {
  --fa: "\e1de";
}

.fa-comment-alt-captions {
  --fa: "\e1de";
}

.fa-message-code {
  --fa: "\e1df";
}

.fa-message-image {
  --fa: "\e1e0";
}

.fa-comment-alt-image {
  --fa: "\e1e0";
}

.fa-message-middle {
  --fa: "\e1e1";
}

.fa-comment-middle-alt {
  --fa: "\e1e1";
}

.fa-message-middle-top {
  --fa: "\e1e2";
}

.fa-comment-middle-top-alt {
  --fa: "\e1e2";
}

.fa-message-question {
  --fa: "\e1e3";
}

.fa-message-quote {
  --fa: "\e1e4";
}

.fa-comment-alt-quote {
  --fa: "\e1e4";
}

.fa-message-sms {
  --fa: "\e1e5";
}

.fa-message-text {
  --fa: "\e1e6";
}

.fa-comment-alt-text {
  --fa: "\e1e6";
}

.fa-messages-question {
  --fa: "\e1e7";
}

.fa-meter {
  --fa: "\e1e8";
}

.fa-meter-bolt {
  --fa: "\e1e9";
}

.fa-meter-droplet {
  --fa: "\e1ea";
}

.fa-meter-fire {
  --fa: "\e1eb";
}

.fa-microchip-ai {
  --fa: "\e1ec";
}

.fa-mill-sign {
  --fa: "\e1ed";
}

.fa-mobile-notch {
  --fa: "\e1ee";
}

.fa-mobile-iphone {
  --fa: "\e1ee";
}

.fa-mobile-signal {
  --fa: "\e1ef";
}

.fa-mobile-signal-out {
  --fa: "\e1f0";
}

.fa-money-bill-simple {
  --fa: "\e1f1";
}

.fa-money-bill-simple-wave {
  --fa: "\e1f2";
}

.fa-money-bills {
  --fa: "\e1f3";
}

.fa-money-bills-simple {
  --fa: "\e1f4";
}

.fa-money-bills-alt {
  --fa: "\e1f4";
}

.fa-mug-tea-saucer {
  --fa: "\e1f5";
}

.fa-naira-sign {
  --fa: "\e1f6";
}

.fa-nfc {
  --fa: "\e1f7";
}

.fa-nfc-lock {
  --fa: "\e1f8";
}

.fa-nfc-magnifying-glass {
  --fa: "\e1f9";
}

.fa-nfc-pen {
  --fa: "\e1fa";
}

.fa-nfc-signal {
  --fa: "\e1fb";
}

.fa-nfc-slash {
  --fa: "\e1fc";
}

.fa-nfc-trash {
  --fa: "\e1fd";
}

.fa-notdef {
  --fa: "\e1fe";
}

.fa-note {
  --fa: "\e1ff";
}

.fa-note-medical {
  --fa: "\e200";
}

.fa-notebook {
  --fa: "\e201";
}

.fa-notes {
  --fa: "\e202";
}

.fa-octagon-divide {
  --fa: "\e203";
}

.fa-octagon-exclamation {
  --fa: "\e204";
}

.fa-oil-can-drip {
  --fa: "\e205";
}

.fa-paintbrush-pencil {
  --fa: "\e206";
}

.fa-pallet-box {
  --fa: "\e208";
}

.fa-panorama {
  --fa: "\e209";
}

.fa-paper-plane-top {
  --fa: "\e20a";
}

.fa-paper-plane-alt {
  --fa: "\e20a";
}

.fa-send {
  --fa: "\e20a";
}

.fa-peach {
  --fa: "\e20b";
}

.fa-pear {
  --fa: "\e20c";
}

.fa-pedestal {
  --fa: "\e20d";
}

.fa-pen-circle {
  --fa: "\e20e";
}

.fa-pen-clip-slash {
  --fa: "\e20f";
}

.fa-pen-alt-slash {
  --fa: "\e20f";
}

.fa-pen-fancy-slash {
  --fa: "\e210";
}

.fa-pen-field {
  --fa: "\e211";
}

.fa-pen-line {
  --fa: "\e212";
}

.fa-pen-slash {
  --fa: "\e213";
}

.fa-pen-swirl {
  --fa: "\e214";
}

.fa-pencil-slash {
  --fa: "\e215";
}

.fa-people {
  --fa: "\e216";
}

.fa-people-dress {
  --fa: "\e217";
}

.fa-people-dress-simple {
  --fa: "\e218";
}

.fa-people-pants {
  --fa: "\e219";
}

.fa-people-pants-simple {
  --fa: "\e21a";
}

.fa-people-simple {
  --fa: "\e21b";
}

.fa-person-dress-simple {
  --fa: "\e21c";
}

.fa-person-pinball {
  --fa: "\e21d";
}

.fa-person-seat {
  --fa: "\e21e";
}

.fa-person-seat-reclined {
  --fa: "\e21f";
}

.fa-person-simple {
  --fa: "\e220";
}

.fa-peseta-sign {
  --fa: "\e221";
}

.fa-peso-sign {
  --fa: "\e222";
}

.fa-phone-arrow-down-left {
  --fa: "\e223";
}

.fa-phone-arrow-down {
  --fa: "\e223";
}

.fa-phone-incoming {
  --fa: "\e223";
}

.fa-phone-arrow-up-right {
  --fa: "\e224";
}

.fa-phone-arrow-up {
  --fa: "\e224";
}

.fa-phone-outgoing {
  --fa: "\e224";
}

.fa-phone-hangup {
  --fa: "\e225";
}

.fa-phone-missed {
  --fa: "\e226";
}

.fa-phone-xmark {
  --fa: "\e227";
}

.fa-photo-film-music {
  --fa: "\e228";
}

.fa-pinball {
  --fa: "\e229";
}

.fa-plane-prop {
  --fa: "\e22b";
}

.fa-plane-tail {
  --fa: "\e22c";
}

.fa-plane-up {
  --fa: "\e22d";
}

.fa-plane-up-slash {
  --fa: "\e22e";
}

.fa-play-pause {
  --fa: "\e22f";
}

.fa-puzzle-piece-simple {
  --fa: "\e231";
}

.fa-puzzle-piece-alt {
  --fa: "\e231";
}

.fa-quotes {
  --fa: "\e234";
}

.fa-rectangle-pro {
  --fa: "\e235";
}

.fa-pro {
  --fa: "\e235";
}

.fa-rectangle-terminal {
  --fa: "\e236";
}

.fa-rectangle-vertical-history {
  --fa: "\e237";
}

.fa-reel {
  --fa: "\e238";
}

.fa-reply-clock {
  --fa: "\e239";
}

.fa-reply-time {
  --fa: "\e239";
}

.fa-restroom-simple {
  --fa: "\e23a";
}

.fa-rhombus {
  --fa: "\e23b";
}

.fa-rotate-exclamation {
  --fa: "\e23c";
}

.fa-rupiah-sign {
  --fa: "\e23d";
}

.fa-screencast {
  --fa: "\e23e";
}

.fa-scribble {
  --fa: "\e23f";
}

.fa-sd-cards {
  --fa: "\e240";
}

.fa-seal {
  --fa: "\e241";
}

.fa-seal-exclamation {
  --fa: "\e242";
}

.fa-seal-question {
  --fa: "\e243";
}

.fa-seat-airline {
  --fa: "\e244";
}

.fa-shelves-empty {
  --fa: "\e246";
}

.fa-shield-exclamation {
  --fa: "\e247";
}

.fa-shield-keyhole {
  --fa: "\e248";
}

.fa-shield-minus {
  --fa: "\e249";
}

.fa-shield-plus {
  --fa: "\e24a";
}

.fa-shield-slash {
  --fa: "\e24b";
}

.fa-shield-xmark {
  --fa: "\e24c";
}

.fa-shield-times {
  --fa: "\e24c";
}

.fa-shower-down {
  --fa: "\e24d";
}

.fa-shower-alt {
  --fa: "\e24d";
}

.fa-sidebar {
  --fa: "\e24e";
}

.fa-sidebar-flip {
  --fa: "\e24f";
}

.fa-signal-stream-slash {
  --fa: "\e250";
}

.fa-sim-cards {
  --fa: "\e251";
}

.fa-slider {
  --fa: "\e252";
}

.fa-sliders-simple {
  --fa: "\e253";
}

.fa-split {
  --fa: "\e254";
}

.fa-square-0 {
  --fa: "\e255";
}

.fa-square-1 {
  --fa: "\e256";
}

.fa-square-2 {
  --fa: "\e257";
}

.fa-square-3 {
  --fa: "\e258";
}

.fa-square-4 {
  --fa: "\e259";
}

.fa-square-5 {
  --fa: "\e25a";
}

.fa-square-6 {
  --fa: "\e25b";
}

.fa-square-7 {
  --fa: "\e25c";
}

.fa-square-8 {
  --fa: "\e25d";
}

.fa-square-9 {
  --fa: "\e25e";
}

.fa-square-a {
  --fa: "\e25f";
}

.fa-square-ampersand {
  --fa: "\e260";
}

.fa-square-arrow-down-left {
  --fa: "\e261";
}

.fa-square-arrow-down-right {
  --fa: "\e262";
}

.fa-square-arrow-up-left {
  --fa: "\e263";
}

.fa-square-b {
  --fa: "\e264";
}

.fa-square-bolt {
  --fa: "\e265";
}

.fa-square-c {
  --fa: "\e266";
}

.fa-square-code {
  --fa: "\e267";
}

.fa-square-d {
  --fa: "\e268";
}

.fa-square-dashed {
  --fa: "\e269";
}

.fa-square-divide {
  --fa: "\e26a";
}

.fa-square-down-left {
  --fa: "\e26b";
}

.fa-square-down-right {
  --fa: "\e26c";
}

.fa-square-e {
  --fa: "\e26d";
}

.fa-square-ellipsis {
  --fa: "\e26e";
}

.fa-square-ellipsis-vertical {
  --fa: "\e26f";
}

.fa-square-f {
  --fa: "\e270";
}

.fa-square-g {
  --fa: "\e271";
}

.fa-square-i {
  --fa: "\e272";
}

.fa-square-j {
  --fa: "\e273";
}

.fa-square-k {
  --fa: "\e274";
}

.fa-square-l {
  --fa: "\e275";
}

.fa-square-m {
  --fa: "\e276";
}

.fa-square-n {
  --fa: "\e277";
}

.fa-square-o {
  --fa: "\e278";
}

.fa-square-p {
  --fa: "\e279";
}

.fa-square-phone-hangup {
  --fa: "\e27a";
}

.fa-phone-square-down {
  --fa: "\e27a";
}

.fa-square-q {
  --fa: "\e27b";
}

.fa-square-r {
  --fa: "\e27c";
}

.fa-square-s {
  --fa: "\e27d";
}

.fa-square-small {
  --fa: "\e27e";
}

.fa-square-star {
  --fa: "\e27f";
}

.fa-square-t {
  --fa: "\e280";
}

.fa-square-u {
  --fa: "\e281";
}

.fa-square-up-left {
  --fa: "\e282";
}

.fa-square-user {
  --fa: "\e283";
}

.fa-square-v {
  --fa: "\e284";
}

.fa-square-w {
  --fa: "\e285";
}

.fa-square-x {
  --fa: "\e286";
}

.fa-square-y {
  --fa: "\e287";
}

.fa-square-z {
  --fa: "\e288";
}

.fa-stairs {
  --fa: "\e289";
}

.fa-standard-definition {
  --fa: "\e28a";
}

.fa-rectangle-sd {
  --fa: "\e28a";
}

.fa-star-sharp {
  --fa: "\e28b";
}

.fa-star-sharp-half {
  --fa: "\e28c";
}

.fa-star-sharp-half-stroke {
  --fa: "\e28d";
}

.fa-star-sharp-half-alt {
  --fa: "\e28d";
}

.fa-starfighter-twin-ion-engine-advanced {
  --fa: "\e28e";
}

.fa-starfighter-alt-advanced {
  --fa: "\e28e";
}

.fa-sun-bright {
  --fa: "\e28f";
}

.fa-sun-alt {
  --fa: "\e28f";
}

.fa-table-layout {
  --fa: "\e290";
}

.fa-table-pivot {
  --fa: "\e291";
}

.fa-table-rows {
  --fa: "\e292";
}

.fa-rows {
  --fa: "\e292";
}

.fa-table-tree {
  --fa: "\e293";
}

.fa-tally-1 {
  --fa: "\e294";
}

.fa-tally-2 {
  --fa: "\e295";
}

.fa-tally-3 {
  --fa: "\e296";
}

.fa-tally-4 {
  --fa: "\e297";
}

.fa-taxi-bus {
  --fa: "\e298";
}

.fa-temperature-list {
  --fa: "\e299";
}

.fa-ticket-airline {
  --fa: "\e29a";
}

.fa-ticket-perforated-plane {
  --fa: "\e29a";
}

.fa-ticket-plane {
  --fa: "\e29a";
}

.fa-tickets-airline {
  --fa: "\e29b";
}

.fa-tickets-perforated-plane {
  --fa: "\e29b";
}

.fa-tickets-plane {
  --fa: "\e29b";
}

.fa-timeline {
  --fa: "\e29c";
}

.fa-timeline-arrow {
  --fa: "\e29d";
}

.fa-timer {
  --fa: "\e29e";
}

.fa-toilet-paper-under {
  --fa: "\e2a0";
}

.fa-toilet-paper-blank-under {
  --fa: "\e2a0";
}

.fa-toilet-paper-reverse {
  --fa: "\e2a0";
}

.fa-toilet-paper-reverse-alt {
  --fa: "\e2a0";
}

.fa-toilet-paper-under-slash {
  --fa: "\e2a1";
}

.fa-toilet-paper-reverse-slash {
  --fa: "\e2a1";
}

.fa-tower-control {
  --fa: "\e2a2";
}

.fa-train-subway-tunnel {
  --fa: "\e2a3";
}

.fa-subway-tunnel {
  --fa: "\e2a3";
}

.fa-transformer-bolt {
  --fa: "\e2a4";
}

.fa-transporter-4 {
  --fa: "\e2a5";
}

.fa-transporter-5 {
  --fa: "\e2a6";
}

.fa-transporter-6 {
  --fa: "\e2a7";
}

.fa-transporter-7 {
  --fa: "\e2a8";
}

.fa-trash-can-check {
  --fa: "\e2a9";
}

.fa-trash-can-clock {
  --fa: "\e2aa";
}

.fa-trash-can-list {
  --fa: "\e2ab";
}

.fa-trash-can-plus {
  --fa: "\e2ac";
}

.fa-trash-can-slash {
  --fa: "\e2ad";
}

.fa-trash-alt-slash {
  --fa: "\e2ad";
}

.fa-trash-can-xmark {
  --fa: "\e2ae";
}

.fa-trash-check {
  --fa: "\e2af";
}

.fa-trash-clock {
  --fa: "\e2b0";
}

.fa-trash-list {
  --fa: "\e2b1";
}

.fa-trash-plus {
  --fa: "\e2b2";
}

.fa-trash-slash {
  --fa: "\e2b3";
}

.fa-trash-xmark {
  --fa: "\e2b4";
}

.fa-truck-container-empty {
  --fa: "\e2b5";
}

.fa-truck-flatbed {
  --fa: "\e2b6";
}

.fa-truck-front {
  --fa: "\e2b7";
}

.fa-truck-tow {
  --fa: "\e2b8";
}

.fa-tty-answer {
  --fa: "\e2b9";
}

.fa-teletype-answer {
  --fa: "\e2b9";
}

.fa-tugrik-sign {
  --fa: "\e2ba";
}

.fa-turkish-lira-sign {
  --fa: "\e2bb";
}

.fa-try {
  --fa: "\e2bb";
}

.fa-turkish-lira {
  --fa: "\e2bb";
}

.fa-umbrella-simple {
  --fa: "\e2bc";
}

.fa-umbrella-alt {
  --fa: "\e2bc";
}

.fa-up-left {
  --fa: "\e2bd";
}

.fa-up-right {
  --fa: "\e2be";
}

.fa-user-bounty-hunter {
  --fa: "\e2bf";
}

.fa-user-pilot {
  --fa: "\e2c0";
}

.fa-user-pilot-tie {
  --fa: "\e2c1";
}

.fa-user-shakespeare {
  --fa: "\e2c2";
}

.fa-utility-pole {
  --fa: "\e2c3";
}

.fa-utility-pole-double {
  --fa: "\e2c4";
}

.fa-vault {
  --fa: "\e2c5";
}

.fa-video-arrow-down-left {
  --fa: "\e2c8";
}

.fa-video-arrow-up-right {
  --fa: "\e2c9";
}

.fa-wand-magic-sparkles {
  --fa: "\e2ca";
}

.fa-magic-wand-sparkles {
  --fa: "\e2ca";
}

.fa-watch-apple {
  --fa: "\e2cb";
}

.fa-watch-smart {
  --fa: "\e2cc";
}

.fa-wheat-awn {
  --fa: "\e2cd";
}

.fa-wheat-alt {
  --fa: "\e2cd";
}

.fa-wheelchair-move {
  --fa: "\e2ce";
}

.fa-wheelchair-alt {
  --fa: "\e2ce";
}

.fa-wifi-exclamation {
  --fa: "\e2cf";
}

.fa-wrench-simple {
  --fa: "\e2d1";
}

.fa-robot-astromech {
  --fa: "\e2d2";
}

.fa-360-degrees {
  --fa: "\e2dc";
}

.fa-aperture {
  --fa: "\e2df";
}

.fa-arrow-turn-down-left {
  --fa: "\e2e1";
}

.fa-balloon {
  --fa: "\e2e3";
}

.fa-balloons {
  --fa: "\e2e4";
}

.fa-banana {
  --fa: "\e2e5";
}

.fa-bangladeshi-taka-sign {
  --fa: "\e2e6";
}

.fa-bench-tree {
  --fa: "\e2e7";
}

.fa-blueberries {
  --fa: "\e2e8";
}

.fa-bowl-chopsticks {
  --fa: "\e2e9";
}

.fa-bowl-chopsticks-noodles {
  --fa: "\e2ea";
}

.fa-bowl-rice {
  --fa: "\e2eb";
}

.fa-briefcase-arrow-right {
  --fa: "\e2f2";
}

.fa-citrus {
  --fa: "\e2f4";
}

.fa-citrus-slice {
  --fa: "\e2f5";
}

.fa-coconut {
  --fa: "\e2f6";
}

.fa-display-slash {
  --fa: "\e2fa";
}

.fa-desktop-slash {
  --fa: "\e2fa";
}

.fa-face-explode {
  --fa: "\e2fe";
}

.fa-exploding-head {
  --fa: "\e2fe";
}

.fa-face-viewfinder {
  --fa: "\e2ff";
}

.fa-family {
  --fa: "\e300";
}

.fa-family-dress {
  --fa: "\e301";
}

.fa-family-pants {
  --fa: "\e302";
}

.fa-fence {
  --fa: "\e303";
}

.fa-fish-bones {
  --fa: "\e304";
}

.fa-grapes {
  --fa: "\e306";
}

.fa-kiwi-fruit {
  --fa: "\e30c";
}

.fa-mango {
  --fa: "\e30f";
}

.fa-melon {
  --fa: "\e310";
}

.fa-melon-slice {
  --fa: "\e311";
}

.fa-money-from-bracket {
  --fa: "\e312";
}

.fa-money-simple-from-bracket {
  --fa: "\e313";
}

.fa-olive {
  --fa: "\e316";
}

.fa-olive-branch {
  --fa: "\e317";
}

.fa-option {
  --fa: "\e318";
}

.fa-party-bell {
  --fa: "\e31a";
}

.fa-party-horn {
  --fa: "\e31b";
}

.fa-peapod {
  --fa: "\e31c";
}

.fa-person-pregnant {
  --fa: "\e31e";
}

.fa-pineapple {
  --fa: "\e31f";
}

.fa-rectangle-code {
  --fa: "\e322";
}

.fa-rectangles-mixed {
  --fa: "\e323";
}

.fa-roller-coaster {
  --fa: "\e324";
}

.fa-square-quote {
  --fa: "\e329";
}

.fa-square-terminal {
  --fa: "\e32a";
}

.fa-strawberry {
  --fa: "\e32b";
}

.fa-table-picnic {
  --fa: "\e32d";
}

.fa-thought-bubble {
  --fa: "\e32e";
}

.fa-tick {
  --fa: "\e32f";
}

.fa-tomato {
  --fa: "\e330";
}

.fa-turn-down-left {
  --fa: "\e331";
}

.fa-user-police {
  --fa: "\e333";
}

.fa-user-police-tie {
  --fa: "\e334";
}

.fa-watermelon-slice {
  --fa: "\e337";
}

.fa-wheat-awn-slash {
  --fa: "\e338";
}

.fa-wheat-slash {
  --fa: "\e339";
}

.fa-badminton {
  --fa: "\e33a";
}

.fa-binary {
  --fa: "\e33b";
}

.fa-binary-circle-check {
  --fa: "\e33c";
}

.fa-binary-lock {
  --fa: "\e33d";
}

.fa-binary-slash {
  --fa: "\e33e";
}

.fa-boot-heeled {
  --fa: "\e33f";
}

.fa-car-bolt {
  --fa: "\e341";
}

.fa-car-circle-bolt {
  --fa: "\e342";
}

.fa-car-mirrors {
  --fa: "\e343";
}

.fa-car-side-bolt {
  --fa: "\e344";
}

.fa-clock-eight {
  --fa: "\e345";
}

.fa-clock-eight-thirty {
  --fa: "\e346";
}

.fa-clock-eleven {
  --fa: "\e347";
}

.fa-clock-eleven-thirty {
  --fa: "\e348";
}

.fa-clock-five {
  --fa: "\e349";
}

.fa-clock-five-thirty {
  --fa: "\e34a";
}

.fa-clock-four-thirty {
  --fa: "\e34b";
}

.fa-clock-nine {
  --fa: "\e34c";
}

.fa-clock-nine-thirty {
  --fa: "\e34d";
}

.fa-clock-one {
  --fa: "\e34e";
}

.fa-clock-one-thirty {
  --fa: "\e34f";
}

.fa-clock-seven {
  --fa: "\e350";
}

.fa-clock-seven-thirty {
  --fa: "\e351";
}

.fa-clock-six {
  --fa: "\e352";
}

.fa-clock-six-thirty {
  --fa: "\e353";
}

.fa-clock-ten {
  --fa: "\e354";
}

.fa-clock-ten-thirty {
  --fa: "\e355";
}

.fa-clock-three {
  --fa: "\e356";
}

.fa-clock-three-thirty {
  --fa: "\e357";
}

.fa-clock-twelve {
  --fa: "\e358";
}

.fa-clock-twelve-thirty {
  --fa: "\e359";
}

.fa-clock-two {
  --fa: "\e35a";
}

.fa-clock-two-thirty {
  --fa: "\e35b";
}

.fa-cloud-check {
  --fa: "\e35c";
}

.fa-cloud-minus {
  --fa: "\e35d";
}

.fa-cloud-plus {
  --fa: "\e35e";
}

.fa-cloud-xmark {
  --fa: "\e35f";
}

.fa-columns-3 {
  --fa: "\e361";
}

.fa-crystal-ball {
  --fa: "\e362";
}

.fa-cup-straw {
  --fa: "\e363";
}

.fa-cup-straw-swoosh {
  --fa: "\e364";
}

.fa-distribute-spacing-horizontal {
  --fa: "\e365";
}

.fa-distribute-spacing-vertical {
  --fa: "\e366";
}

.fa-eyes {
  --fa: "\e367";
}

.fa-face-angry-horns {
  --fa: "\e368";
}

.fa-face-anguished {
  --fa: "\e369";
}

.fa-face-anxious-sweat {
  --fa: "\e36a";
}

.fa-face-astonished {
  --fa: "\e36b";
}

.fa-face-confounded {
  --fa: "\e36c";
}

.fa-face-confused {
  --fa: "\e36d";
}

.fa-face-cowboy-hat {
  --fa: "\e36e";
}

.fa-face-disappointed {
  --fa: "\e36f";
}

.fa-face-disguise {
  --fa: "\e370";
}

.fa-face-downcast-sweat {
  --fa: "\e371";
}

.fa-face-drooling {
  --fa: "\e372";
}

.fa-face-expressionless {
  --fa: "\e373";
}

.fa-face-eyes-xmarks {
  --fa: "\e374";
}

.fa-face-fearful {
  --fa: "\e375";
}

.fa-face-frown-slight {
  --fa: "\e376";
}

.fa-face-glasses {
  --fa: "\e377";
}

.fa-face-hand-over-mouth {
  --fa: "\e378";
}

.fa-face-hand-yawn {
  --fa: "\e379";
}

.fa-face-head-bandage {
  --fa: "\e37a";
}

.fa-face-hushed {
  --fa: "\e37b";
}

.fa-face-icicles {
  --fa: "\e37c";
}

.fa-face-kiss-closed-eyes {
  --fa: "\e37d";
}

.fa-face-lying {
  --fa: "\e37e";
}

.fa-face-mask {
  --fa: "\e37f";
}

.fa-face-monocle {
  --fa: "\e380";
}

.fa-face-nauseated {
  --fa: "\e381";
}

.fa-face-nose-steam {
  --fa: "\e382";
}

.fa-face-party {
  --fa: "\e383";
}

.fa-face-pensive {
  --fa: "\e384";
}

.fa-face-persevering {
  --fa: "\e385";
}

.fa-face-pleading {
  --fa: "\e386";
}

.fa-face-pouting {
  --fa: "\e387";
}

.fa-face-raised-eyebrow {
  --fa: "\e388";
}

.fa-face-relieved {
  --fa: "\e389";
}

.fa-face-sad-sweat {
  --fa: "\e38a";
}

.fa-face-scream {
  --fa: "\e38b";
}

.fa-face-shush {
  --fa: "\e38c";
}

.fa-face-sleeping {
  --fa: "\e38d";
}

.fa-face-sleepy {
  --fa: "\e38e";
}

.fa-face-smile-halo {
  --fa: "\e38f";
}

.fa-face-smile-hearts {
  --fa: "\e390";
}

.fa-face-smile-horns {
  --fa: "\e391";
}

.fa-face-smile-relaxed {
  --fa: "\e392";
}

.fa-face-smile-tear {
  --fa: "\e393";
}

.fa-face-smile-tongue {
  --fa: "\e394";
}

.fa-face-smile-upside-down {
  --fa: "\e395";
}

.fa-face-smiling-hands {
  --fa: "\e396";
}

.fa-face-smirking {
  --fa: "\e397";
}

.fa-face-sunglasses {
  --fa: "\e398";
}

.fa-face-swear {
  --fa: "\e399";
}

.fa-face-thermometer {
  --fa: "\e39a";
}

.fa-face-thinking {
  --fa: "\e39b";
}

.fa-face-tissue {
  --fa: "\e39c";
}

.fa-face-tongue-money {
  --fa: "\e39d";
}

.fa-face-tongue-sweat {
  --fa: "\e39e";
}

.fa-face-unamused {
  --fa: "\e39f";
}

.fa-face-vomit {
  --fa: "\e3a0";
}

.fa-face-weary {
  --fa: "\e3a1";
}

.fa-face-woozy {
  --fa: "\e3a2";
}

.fa-face-worried {
  --fa: "\e3a3";
}

.fa-face-zany {
  --fa: "\e3a4";
}

.fa-face-zipper {
  --fa: "\e3a5";
}

.fa-file-lock {
  --fa: "\e3a6";
}

.fa-file-slash {
  --fa: "\e3a7";
}

.fa-fishing-rod {
  --fa: "\e3a8";
}

.fa-flying-disc {
  --fa: "\e3a9";
}

.fa-gallery-thumbnails {
  --fa: "\e3aa";
}

.fa-goal-net {
  --fa: "\e3ab";
}

.fa-golf-flag-hole {
  --fa: "\e3ac";
}

.fa-grid-dividers {
  --fa: "\e3ad";
}

.fa-hockey-stick-puck {
  --fa: "\e3ae";
}

.fa-house-chimney {
  --fa: "\e3af";
}

.fa-home-lg {
  --fa: "\e3af";
}

.fa-house-chimney-blank {
  --fa: "\e3b0";
}

.fa-house-crack {
  --fa: "\e3b1";
}

.fa-house-medical {
  --fa: "\e3b2";
}

.fa-house-window {
  --fa: "\e3b3";
}

.fa-key-skeleton-left-right {
  --fa: "\e3b4";
}

.fa-lacrosse-stick {
  --fa: "\e3b5";
}

.fa-lacrosse-stick-ball {
  --fa: "\e3b6";
}

.fa-mask-snorkel {
  --fa: "\e3b7";
}

.fa-message-bot {
  --fa: "\e3b8";
}

.fa-moped {
  --fa: "\e3b9";
}

.fa-nesting-dolls {
  --fa: "\e3ba";
}

.fa-objects-align-bottom {
  --fa: "\e3bb";
}

.fa-objects-align-center-horizontal {
  --fa: "\e3bc";
}

.fa-objects-align-center-vertical {
  --fa: "\e3bd";
}

.fa-objects-align-left {
  --fa: "\e3be";
}

.fa-objects-align-right {
  --fa: "\e3bf";
}

.fa-objects-align-top {
  --fa: "\e3c0";
}

.fa-objects-column {
  --fa: "\e3c1";
}

.fa-paperclip-vertical {
  --fa: "\e3c2";
}

.fa-pinata {
  --fa: "\e3c3";
}

.fa-pipe-smoking {
  --fa: "\e3c4";
}

.fa-pool-8-ball {
  --fa: "\e3c5";
}

.fa-rugby-ball {
  --fa: "\e3c6";
}

.fa-shirt-long-sleeve {
  --fa: "\e3c7";
}

.fa-shirt-running {
  --fa: "\e3c8";
}

.fa-shirt-tank-top {
  --fa: "\e3c9";
}

.fa-signature-lock {
  --fa: "\e3ca";
}

.fa-signature-slash {
  --fa: "\e3cb";
}

.fa-ski-boot {
  --fa: "\e3cc";
}

.fa-ski-boot-ski {
  --fa: "\e3cd";
}

.fa-slot-machine {
  --fa: "\e3ce";
}

.fa-teddy-bear {
  --fa: "\e3cf";
}

.fa-truck-bolt {
  --fa: "\e3d0";
}

.fa-uniform-martial-arts {
  --fa: "\e3d1";
}

.fa-user-chef {
  --fa: "\e3d2";
}

.fa-user-hair-buns {
  --fa: "\e3d3";
}

.fa-arrow-left-long-to-line {
  --fa: "\e3d4";
}

.fa-arrow-right-long-to-line {
  --fa: "\e3d5";
}

.fa-arrow-turn-down-right {
  --fa: "\e3d6";
}

.fa-bagel {
  --fa: "\e3d7";
}

.fa-baguette {
  --fa: "\e3d8";
}

.fa-blanket-fire {
  --fa: "\e3da";
}

.fa-block-brick {
  --fa: "\e3db";
}

.fa-wall-brick {
  --fa: "\e3db";
}

.fa-block-brick-fire {
  --fa: "\e3dc";
}

.fa-firewall {
  --fa: "\e3dc";
}

.fa-block-question {
  --fa: "\e3dd";
}

.fa-bowl-scoop {
  --fa: "\e3de";
}

.fa-bowl-shaved-ice {
  --fa: "\e3de";
}

.fa-bowl-scoops {
  --fa: "\e3df";
}

.fa-bowl-spoon {
  --fa: "\e3e0";
}

.fa-bread-slice-butter {
  --fa: "\e3e1";
}

.fa-broccoli {
  --fa: "\e3e2";
}

.fa-burger-lettuce {
  --fa: "\e3e3";
}

.fa-butter {
  --fa: "\e3e4";
}

.fa-cake-slice {
  --fa: "\e3e5";
}

.fa-shortcake {
  --fa: "\e3e5";
}

.fa-can-food {
  --fa: "\e3e6";
}

.fa-candy {
  --fa: "\e3e7";
}

.fa-candy-bar {
  --fa: "\e3e8";
}

.fa-chocolate-bar {
  --fa: "\e3e8";
}

.fa-card-club {
  --fa: "\e3e9";
}

.fa-card-diamond {
  --fa: "\e3ea";
}

.fa-card-heart {
  --fa: "\e3eb";
}

.fa-card-spade {
  --fa: "\e3ec";
}

.fa-cards {
  --fa: "\e3ed";
}

.fa-cart-arrow-up {
  --fa: "\e3ee";
}

.fa-cart-circle-arrow-down {
  --fa: "\e3ef";
}

.fa-cart-circle-arrow-up {
  --fa: "\e3f0";
}

.fa-cart-circle-check {
  --fa: "\e3f1";
}

.fa-cart-circle-exclamation {
  --fa: "\e3f2";
}

.fa-cart-circle-plus {
  --fa: "\e3f3";
}

.fa-cart-circle-xmark {
  --fa: "\e3f4";
}

.fa-cent-sign {
  --fa: "\e3f5";
}

.fa-chestnut {
  --fa: "\e3f6";
}

.fa-chopsticks {
  --fa: "\e3f7";
}

.fa-circle-quarters {
  --fa: "\e3f8";
}

.fa-code-pull-request-closed {
  --fa: "\e3f9";
}

.fa-code-pull-request-draft {
  --fa: "\e3fa";
}

.fa-coin-blank {
  --fa: "\e3fb";
}

.fa-coin-front {
  --fa: "\e3fc";
}

.fa-coin-vertical {
  --fa: "\e3fd";
}

.fa-corner {
  --fa: "\e3fe";
}

.fa-crab {
  --fa: "\e3ff";
}

.fa-soft-serve {
  --fa: "\e400";
}

.fa-creemee {
  --fa: "\e400";
}

.fa-cucumber {
  --fa: "\e401";
}

.fa-cupcake {
  --fa: "\e402";
}

.fa-custard {
  --fa: "\e403";
}

.fa-dash {
  --fa: "\e404";
}

.fa-minus-large {
  --fa: "\e404";
}

.fa-diamond-exclamation {
  --fa: "\e405";
}

.fa-donut {
  --fa: "\e406";
}

.fa-doughnut {
  --fa: "\e406";
}

.fa-down-from-dotted-line {
  --fa: "\e407";
}

.fa-down-to-dotted-line {
  --fa: "\e408";
}

.fa-face-awesome {
  --fa: "\e409";
}

.fa-gave-dandy {
  --fa: "\e409";
}

.fa-falafel {
  --fa: "\e40a";
}

.fa-flatbread {
  --fa: "\e40b";
}

.fa-flatbread-stuffed {
  --fa: "\e40c";
}

.fa-fondue-pot {
  --fa: "\e40d";
}

.fa-garlic {
  --fa: "\e40e";
}

.fa-grip-dots {
  --fa: "\e410";
}

.fa-grip-dots-vertical {
  --fa: "\e411";
}

.fa-h5 {
  --fa: "\e412";
}

.fa-h6 {
  --fa: "\e413";
}

.fa-hammer-crash {
  --fa: "\e414";
}

.fa-hashtag-lock {
  --fa: "\e415";
}

.fa-hexagon-check {
  --fa: "\e416";
}

.fa-hexagon-exclamation {
  --fa: "\e417";
}

.fa-honey-pot {
  --fa: "\e418";
}

.fa-hose {
  --fa: "\e419";
}

.fa-hose-reel {
  --fa: "\e41a";
}

.fa-hourglass-clock {
  --fa: "\e41b";
}

.fa-hundred-points {
  --fa: "\e41c";
}

.fa-100 {
  --fa: "\e41c";
}

.fa-leafy-green {
  --fa: "\e41d";
}

.fa-left-long-to-line {
  --fa: "\e41e";
}

.fa-light-emergency {
  --fa: "\e41f";
}

.fa-light-emergency-on {
  --fa: "\e420";
}

.fa-lobster {
  --fa: "\e421";
}

.fa-lock-a {
  --fa: "\e422";
}

.fa-lock-hashtag {
  --fa: "\e423";
}

.fa-lollipop {
  --fa: "\e424";
}

.fa-lollypop {
  --fa: "\e424";
}

.fa-mushroom {
  --fa: "\e425";
}

.fa-octagon-check {
  --fa: "\e426";
}

.fa-onion {
  --fa: "\e427";
}

.fa-page {
  --fa: "\e428";
}

.fa-page-caret-down {
  --fa: "\e429";
}

.fa-file-caret-down {
  --fa: "\e429";
}

.fa-page-caret-up {
  --fa: "\e42a";
}

.fa-file-caret-up {
  --fa: "\e42a";
}

.fa-pan-food {
  --fa: "\e42b";
}

.fa-pan-frying {
  --fa: "\e42c";
}

.fa-pancakes {
  --fa: "\e42d";
}

.fa-panel-ews {
  --fa: "\e42e";
}

.fa-panel-fire {
  --fa: "\e42f";
}

.fa-peanut {
  --fa: "\e430";
}

.fa-peanuts {
  --fa: "\e431";
}

.fa-pepper {
  --fa: "\e432";
}

.fa-person-to-door {
  --fa: "\e433";
}

.fa-phone-intercom {
  --fa: "\e434";
}

.fa-pickleball {
  --fa: "\e435";
}

.fa-pipe-circle-check {
  --fa: "\e436";
}

.fa-pipe-collar {
  --fa: "\e437";
}

.fa-pipe-section {
  --fa: "\e438";
}

.fa-pipe-valve {
  --fa: "\e439";
}

.fa-plate-utensils {
  --fa: "\e43b";
}

.fa-plus-minus {
  --fa: "\e43c";
}

.fa-pompebled {
  --fa: "\e43d";
}

.fa-popsicle {
  --fa: "\e43e";
}

.fa-pot-food {
  --fa: "\e43f";
}

.fa-potato {
  --fa: "\e440";
}

.fa-pretzel {
  --fa: "\e441";
}

.fa-pump {
  --fa: "\e442";
}

.fa-puzzle {
  --fa: "\e443";
}

.fa-right-long-to-line {
  --fa: "\e444";
}

.fa-sailboat {
  --fa: "\e445";
}

.fa-salt-shaker {
  --fa: "\e446";
}

.fa-section {
  --fa: "\e447";
}

.fa-shrimp {
  --fa: "\e448";
}

.fa-shutters {
  --fa: "\e449";
}

.fa-sportsball {
  --fa: "\e44b";
}

.fa-sprinkler-ceiling {
  --fa: "\e44c";
}

.fa-square-a-lock {
  --fa: "\e44d";
}

.fa-square-quarters {
  --fa: "\e44e";
}

.fa-square-ring {
  --fa: "\e44f";
}

.fa-squid {
  --fa: "\e450";
}

.fa-tamale {
  --fa: "\e451";
}

.fa-tank-water {
  --fa: "\e452";
}

.fa-train-track {
  --fa: "\e453";
}

.fa-train-tunnel {
  --fa: "\e454";
}

.fa-turn-down-right {
  --fa: "\e455";
}

.fa-up-from-dotted-line {
  --fa: "\e456";
}

.fa-up-to-dotted-line {
  --fa: "\e457";
}

.fa-user-doctor-hair {
  --fa: "\e458";
}

.fa-user-doctor-hair-long {
  --fa: "\e459";
}

.fa-user-hair {
  --fa: "\e45a";
}

.fa-user-hair-long {
  --fa: "\e45b";
}

.fa-user-hair-mullet {
  --fa: "\e45c";
}

.fa-business-front {
  --fa: "\e45c";
}

.fa-party-back {
  --fa: "\e45c";
}

.fa-trian-balbot {
  --fa: "\e45c";
}

.fa-user-nurse-hair {
  --fa: "\e45d";
}

.fa-user-nurse-hair-long {
  --fa: "\e45e";
}

.fa-user-tie-hair {
  --fa: "\e45f";
}

.fa-user-tie-hair-long {
  --fa: "\e460";
}

.fa-user-vneck {
  --fa: "\e461";
}

.fa-user-vneck-hair {
  --fa: "\e462";
}

.fa-user-vneck-hair-long {
  --fa: "\e463";
}

.fa-utensils-slash {
  --fa: "\e464";
}

.fa-vent-damper {
  --fa: "\e465";
}

.fa-waffle {
  --fa: "\e466";
}

.fa-00 {
  --fa: "\e467";
}

.fa-apartment {
  --fa: "\e468";
}

.fa-bird {
  --fa: "\e469";
}

.fa-block {
  --fa: "\e46a";
}

.fa-bowl-soft-serve {
  --fa: "\e46b";
}

.fa-brazilian-real-sign {
  --fa: "\e46c";
}

.fa-cabin {
  --fa: "\e46d";
}

.fa-calendar-circle-exclamation {
  --fa: "\e46e";
}

.fa-calendar-circle-minus {
  --fa: "\e46f";
}

.fa-calendar-circle-plus {
  --fa: "\e470";
}

.fa-calendar-circle-user {
  --fa: "\e471";
}

.fa-calendar-lines-pen {
  --fa: "\e472";
}

.fa-chart-simple {
  --fa: "\e473";
}

.fa-chart-simple-horizontal {
  --fa: "\e474";
}

.fa-diagram-cells {
  --fa: "\e475";
}

.fa-diagram-next {
  --fa: "\e476";
}

.fa-diagram-predecessor {
  --fa: "\e477";
}

.fa-diagram-previous {
  --fa: "\e478";
}

.fa-diagram-subtask {
  --fa: "\e479";
}

.fa-diagram-successor {
  --fa: "\e47a";
}

.fa-earth-oceania {
  --fa: "\e47b";
}

.fa-globe-oceania {
  --fa: "\e47b";
}

.fa-face-beam-hand-over-mouth {
  --fa: "\e47c";
}

.fa-face-clouds {
  --fa: "\e47d";
}

.fa-face-diagonal-mouth {
  --fa: "\e47e";
}

.fa-face-dotted {
  --fa: "\e47f";
}

.fa-face-exhaling {
  --fa: "\e480";
}

.fa-face-hand-peeking {
  --fa: "\e481";
}

.fa-face-holding-back-tears {
  --fa: "\e482";
}

.fa-face-melting {
  --fa: "\e483";
}

.fa-face-saluting {
  --fa: "\e484";
}

.fa-face-spiral-eyes {
  --fa: "\e485";
}

.fa-fort {
  --fa: "\e486";
}

.fa-house-blank {
  --fa: "\e487";
}

.fa-home-blank {
  --fa: "\e487";
}

.fa-square-kanban {
  --fa: "\e488";
}

.fa-square-list {
  --fa: "\e489";
}

.fa-sushi {
  --fa: "\e48a";
}

.fa-nigiri {
  --fa: "\e48a";
}

.fa-sushi-roll {
  --fa: "\e48b";
}

.fa-maki-roll {
  --fa: "\e48b";
}

.fa-makizushi {
  --fa: "\e48b";
}

.fa-album-circle-plus {
  --fa: "\e48c";
}

.fa-album-circle-user {
  --fa: "\e48d";
}

.fa-album-collection-circle-plus {
  --fa: "\e48e";
}

.fa-album-collection-circle-user {
  --fa: "\e48f";
}

.fa-bug-slash {
  --fa: "\e490";
}

.fa-cloud-exclamation {
  --fa: "\e491";
}

.fa-cloud-question {
  --fa: "\e492";
}

.fa-file-circle-info {
  --fa: "\e493";
}

.fa-file-circle-plus {
  --fa: "\e494";
}

.fa-frame {
  --fa: "\e495";
}

.fa-gauge-circle-bolt {
  --fa: "\e496";
}

.fa-gauge-circle-minus {
  --fa: "\e497";
}

.fa-gauge-circle-plus {
  --fa: "\e498";
}

.fa-memo-circle-info {
  --fa: "\e49a";
}

.fa-object-exclude {
  --fa: "\e49c";
}

.fa-object-intersect {
  --fa: "\e49d";
}

.fa-object-subtract {
  --fa: "\e49e";
}

.fa-object-union {
  --fa: "\e49f";
}

.fa-pen-nib-slash {
  --fa: "\e4a1";
}

.fa-rectangle-history {
  --fa: "\e4a2";
}

.fa-rectangle-history-circle-plus {
  --fa: "\e4a3";
}

.fa-rectangle-history-circle-user {
  --fa: "\e4a4";
}

.fa-shop-lock {
  --fa: "\e4a5";
}

.fa-store-lock {
  --fa: "\e4a6";
}

.fa-user-robot-xmarks {
  --fa: "\e4a7";
}

.fa-virus-covid {
  --fa: "\e4a8";
}

.fa-virus-covid-slash {
  --fa: "\e4a9";
}

.fa-anchor-circle-check {
  --fa: "\e4aa";
}

.fa-anchor-circle-exclamation {
  --fa: "\e4ab";
}

.fa-anchor-circle-xmark {
  --fa: "\e4ac";
}

.fa-anchor-lock {
  --fa: "\e4ad";
}

.fa-arrow-down-to-arc {
  --fa: "\e4ae";
}

.fa-arrow-down-up-across-line {
  --fa: "\e4af";
}

.fa-arrow-down-up-lock {
  --fa: "\e4b0";
}

.fa-arrow-right-from-arc {
  --fa: "\e4b1";
}

.fa-arrow-right-to-arc {
  --fa: "\e4b2";
}

.fa-arrow-right-to-city {
  --fa: "\e4b3";
}

.fa-arrow-up-from-arc {
  --fa: "\e4b4";
}

.fa-arrow-up-from-ground-water {
  --fa: "\e4b5";
}

.fa-arrow-up-from-water-pump {
  --fa: "\e4b6";
}

.fa-arrow-up-right-dots {
  --fa: "\e4b7";
}

.fa-arrows-down-to-line {
  --fa: "\e4b8";
}

.fa-arrows-down-to-people {
  --fa: "\e4b9";
}

.fa-arrows-left-right-to-line {
  --fa: "\e4ba";
}

.fa-arrows-spin {
  --fa: "\e4bb";
}

.fa-arrows-split-up-and-left {
  --fa: "\e4bc";
}

.fa-arrows-to-circle {
  --fa: "\e4bd";
}

.fa-arrows-to-dot {
  --fa: "\e4be";
}

.fa-arrows-to-eye {
  --fa: "\e4bf";
}

.fa-arrows-turn-right {
  --fa: "\e4c0";
}

.fa-arrows-turn-to-dots {
  --fa: "\e4c1";
}

.fa-arrows-up-to-line {
  --fa: "\e4c2";
}

.fa-bore-hole {
  --fa: "\e4c3";
}

.fa-bottle-droplet {
  --fa: "\e4c4";
}

.fa-bottle-water {
  --fa: "\e4c5";
}

.fa-bowl-food {
  --fa: "\e4c6";
}

.fa-boxes-packing {
  --fa: "\e4c7";
}

.fa-bridge {
  --fa: "\e4c8";
}

.fa-bridge-circle-check {
  --fa: "\e4c9";
}

.fa-bridge-circle-exclamation {
  --fa: "\e4ca";
}

.fa-bridge-circle-xmark {
  --fa: "\e4cb";
}

.fa-bridge-lock {
  --fa: "\e4cc";
}

.fa-bridge-suspension {
  --fa: "\e4cd";
}

.fa-bridge-water {
  --fa: "\e4ce";
}

.fa-bucket {
  --fa: "\e4cf";
}

.fa-bugs {
  --fa: "\e4d0";
}

.fa-building-circle-arrow-right {
  --fa: "\e4d1";
}

.fa-building-circle-check {
  --fa: "\e4d2";
}

.fa-building-circle-exclamation {
  --fa: "\e4d3";
}

.fa-building-circle-xmark {
  --fa: "\e4d4";
}

.fa-building-flag {
  --fa: "\e4d5";
}

.fa-building-lock {
  --fa: "\e4d6";
}

.fa-building-ngo {
  --fa: "\e4d7";
}

.fa-building-shield {
  --fa: "\e4d8";
}

.fa-building-un {
  --fa: "\e4d9";
}

.fa-building-user {
  --fa: "\e4da";
}

.fa-building-wheat {
  --fa: "\e4db";
}

.fa-burst {
  --fa: "\e4dc";
}

.fa-car-on {
  --fa: "\e4dd";
}

.fa-car-tunnel {
  --fa: "\e4de";
}

.fa-cards-blank {
  --fa: "\e4df";
}

.fa-child-combatant {
  --fa: "\e4e0";
}

.fa-child-rifle {
  --fa: "\e4e0";
}

.fa-children {
  --fa: "\e4e1";
}

.fa-circle-nodes {
  --fa: "\e4e2";
}

.fa-clipboard-question {
  --fa: "\e4e3";
}

.fa-cloud-showers-water {
  --fa: "\e4e4";
}

.fa-computer {
  --fa: "\e4e5";
}

.fa-cubes-stacked {
  --fa: "\e4e6";
}

.fa-down-to-bracket {
  --fa: "\e4e7";
}

.fa-envelope-circle-check {
  --fa: "\e4e8";
}

.fa-explosion {
  --fa: "\e4e9";
}

.fa-ferry {
  --fa: "\e4ea";
}

.fa-file-circle-exclamation {
  --fa: "\e4eb";
}

.fa-file-circle-minus {
  --fa: "\e4ed";
}

.fa-file-circle-question {
  --fa: "\e4ef";
}

.fa-file-shield {
  --fa: "\e4f0";
}

.fa-fire-burner {
  --fa: "\e4f1";
}

.fa-fish-fins {
  --fa: "\e4f2";
}

.fa-flask-vial {
  --fa: "\e4f3";
}

.fa-glass-water {
  --fa: "\e4f4";
}

.fa-glass-water-droplet {
  --fa: "\e4f5";
}

.fa-group-arrows-rotate {
  --fa: "\e4f6";
}

.fa-hand-holding-hand {
  --fa: "\e4f7";
}

.fa-handcuffs {
  --fa: "\e4f8";
}

.fa-hands-bound {
  --fa: "\e4f9";
}

.fa-hands-holding-child {
  --fa: "\e4fa";
}

.fa-hands-holding-circle {
  --fa: "\e4fb";
}

.fa-heart-circle-bolt {
  --fa: "\e4fc";
}

.fa-heart-circle-check {
  --fa: "\e4fd";
}

.fa-heart-circle-exclamation {
  --fa: "\e4fe";
}

.fa-heart-circle-minus {
  --fa: "\e4ff";
}

.fa-heart-circle-plus {
  --fa: "\e500";
}

.fa-heart-circle-xmark {
  --fa: "\e501";
}

.fa-helicopter-symbol {
  --fa: "\e502";
}

.fa-helmet-un {
  --fa: "\e503";
}

.fa-hexagon-image {
  --fa: "\e504";
}

.fa-hexagon-vertical-nft {
  --fa: "\e505";
}

.fa-hexagon-vertical-nft-slanted {
  --fa: "\e505";
}

.fa-hill-avalanche {
  --fa: "\e507";
}

.fa-hill-rockslide {
  --fa: "\e508";
}

.fa-house-circle-check {
  --fa: "\e509";
}

.fa-house-circle-exclamation {
  --fa: "\e50a";
}

.fa-house-circle-xmark {
  --fa: "\e50b";
}

.fa-house-fire {
  --fa: "\e50c";
}

.fa-house-flag {
  --fa: "\e50d";
}

.fa-house-flood-water {
  --fa: "\e50e";
}

.fa-house-flood-water-circle-arrow-right {
  --fa: "\e50f";
}

.fa-house-lock {
  --fa: "\e510";
}

.fa-house-medical-circle-check {
  --fa: "\e511";
}

.fa-house-medical-circle-exclamation {
  --fa: "\e512";
}

.fa-house-medical-circle-xmark {
  --fa: "\e513";
}

.fa-house-medical-flag {
  --fa: "\e514";
}

.fa-house-tsunami {
  --fa: "\e515";
}

.fa-jar {
  --fa: "\e516";
}

.fa-jar-wheat {
  --fa: "\e517";
}

.fa-jet-fighter-up {
  --fa: "\e518";
}

.fa-jug-detergent {
  --fa: "\e519";
}

.fa-kitchen-set {
  --fa: "\e51a";
}

.fa-land-mine-on {
  --fa: "\e51b";
}

.fa-landmark-flag {
  --fa: "\e51c";
}

.fa-laptop-file {
  --fa: "\e51d";
}

.fa-lines-leaning {
  --fa: "\e51e";
}

.fa-location-pin-lock {
  --fa: "\e51f";
}

.fa-locust {
  --fa: "\e520";
}

.fa-magnifying-glass-arrow-right {
  --fa: "\e521";
}

.fa-magnifying-glass-chart {
  --fa: "\e522";
}

.fa-mars-and-venus-burst {
  --fa: "\e523";
}

.fa-mask-ventilator {
  --fa: "\e524";
}

.fa-mattress-pillow {
  --fa: "\e525";
}

.fa-merge {
  --fa: "\e526";
}

.fa-mobile-retro {
  --fa: "\e527";
}

.fa-money-bill-transfer {
  --fa: "\e528";
}

.fa-money-bill-trend-up {
  --fa: "\e529";
}

.fa-money-bill-wheat {
  --fa: "\e52a";
}

.fa-mosquito {
  --fa: "\e52b";
}

.fa-mosquito-net {
  --fa: "\e52c";
}

.fa-mound {
  --fa: "\e52d";
}

.fa-mountain-city {
  --fa: "\e52e";
}

.fa-mountain-sun {
  --fa: "\e52f";
}

.fa-nfc-symbol {
  --fa: "\e531";
}

.fa-oil-well {
  --fa: "\e532";
}

.fa-people-group {
  --fa: "\e533";
}

.fa-people-line {
  --fa: "\e534";
}

.fa-people-pulling {
  --fa: "\e535";
}

.fa-people-robbery {
  --fa: "\e536";
}

.fa-people-roof {
  --fa: "\e537";
}

.fa-person-arrow-down-to-line {
  --fa: "\e538";
}

.fa-person-arrow-up-from-line {
  --fa: "\e539";
}

.fa-person-breastfeeding {
  --fa: "\e53a";
}

.fa-person-burst {
  --fa: "\e53b";
}

.fa-person-cane {
  --fa: "\e53c";
}

.fa-person-chalkboard {
  --fa: "\e53d";
}

.fa-person-circle-check {
  --fa: "\e53e";
}

.fa-person-circle-exclamation {
  --fa: "\e53f";
}

.fa-person-circle-minus {
  --fa: "\e540";
}

.fa-person-circle-plus {
  --fa: "\e541";
}

.fa-person-circle-question {
  --fa: "\e542";
}

.fa-person-circle-xmark {
  --fa: "\e543";
}

.fa-person-dress-burst {
  --fa: "\e544";
}

.fa-person-drowning {
  --fa: "\e545";
}

.fa-person-falling {
  --fa: "\e546";
}

.fa-person-falling-burst {
  --fa: "\e547";
}

.fa-person-half-dress {
  --fa: "\e548";
}

.fa-person-harassing {
  --fa: "\e549";
}

.fa-person-military-pointing {
  --fa: "\e54a";
}

.fa-person-military-rifle {
  --fa: "\e54b";
}

.fa-person-military-to-person {
  --fa: "\e54c";
}

.fa-person-rays {
  --fa: "\e54d";
}

.fa-person-rifle {
  --fa: "\e54e";
}

.fa-person-shelter {
  --fa: "\e54f";
}

.fa-person-walking-arrow-loop-left {
  --fa: "\e551";
}

.fa-person-walking-arrow-right {
  --fa: "\e552";
}

.fa-person-walking-dashed-line-arrow-right {
  --fa: "\e553";
}

.fa-person-walking-luggage {
  --fa: "\e554";
}

.fa-plane-circle-check {
  --fa: "\e555";
}

.fa-plane-circle-exclamation {
  --fa: "\e556";
}

.fa-plane-circle-xmark {
  --fa: "\e557";
}

.fa-plane-lock {
  --fa: "\e558";
}

.fa-plate-wheat {
  --fa: "\e55a";
}

.fa-plug-circle-bolt {
  --fa: "\e55b";
}

.fa-plug-circle-check {
  --fa: "\e55c";
}

.fa-plug-circle-exclamation {
  --fa: "\e55d";
}

.fa-plug-circle-minus {
  --fa: "\e55e";
}

.fa-plug-circle-plus {
  --fa: "\e55f";
}

.fa-plug-circle-xmark {
  --fa: "\e560";
}

.fa-ranking-star {
  --fa: "\e561";
}

.fa-road-barrier {
  --fa: "\e562";
}

.fa-road-bridge {
  --fa: "\e563";
}

.fa-road-circle-check {
  --fa: "\e564";
}

.fa-road-circle-exclamation {
  --fa: "\e565";
}

.fa-road-circle-xmark {
  --fa: "\e566";
}

.fa-road-lock {
  --fa: "\e567";
}

.fa-road-spikes {
  --fa: "\e568";
}

.fa-rug {
  --fa: "\e569";
}

.fa-sack-xmark {
  --fa: "\e56a";
}

.fa-school-circle-check {
  --fa: "\e56b";
}

.fa-school-circle-exclamation {
  --fa: "\e56c";
}

.fa-school-circle-xmark {
  --fa: "\e56d";
}

.fa-school-flag {
  --fa: "\e56e";
}

.fa-school-lock {
  --fa: "\e56f";
}

.fa-sheet-plastic {
  --fa: "\e571";
}

.fa-shield-cat {
  --fa: "\e572";
}

.fa-shield-dog {
  --fa: "\e573";
}

.fa-shield-heart {
  --fa: "\e574";
}

.fa-shield-quartered {
  --fa: "\e575";
}

.fa-square-nfi {
  --fa: "\e576";
}

.fa-square-person-confined {
  --fa: "\e577";
}

.fa-square-virus {
  --fa: "\e578";
}

.fa-staff-snake {
  --fa: "\e579";
}

.fa-rod-asclepius {
  --fa: "\e579";
}

.fa-rod-snake {
  --fa: "\e579";
}

.fa-staff-aesculapius {
  --fa: "\e579";
}

.fa-sun-plant-wilt {
  --fa: "\e57a";
}

.fa-tarp {
  --fa: "\e57b";
}

.fa-tarp-droplet {
  --fa: "\e57c";
}

.fa-tent {
  --fa: "\e57d";
}

.fa-tent-arrow-down-to-line {
  --fa: "\e57e";
}

.fa-tent-arrow-left-right {
  --fa: "\e57f";
}

.fa-tent-arrow-turn-left {
  --fa: "\e580";
}

.fa-tent-arrows-down {
  --fa: "\e581";
}

.fa-tents {
  --fa: "\e582";
}

.fa-toilet-portable {
  --fa: "\e583";
}

.fa-toilets-portable {
  --fa: "\e584";
}

.fa-tower-cell {
  --fa: "\e585";
}

.fa-tower-observation {
  --fa: "\e586";
}

.fa-tree-city {
  --fa: "\e587";
}

.fa-trillium {
  --fa: "\e588";
}

.fa-trowel {
  --fa: "\e589";
}

.fa-trowel-bricks {
  --fa: "\e58a";
}

.fa-truck-arrow-right {
  --fa: "\e58b";
}

.fa-truck-droplet {
  --fa: "\e58c";
}

.fa-truck-field {
  --fa: "\e58d";
}

.fa-truck-field-un {
  --fa: "\e58e";
}

.fa-truck-plane {
  --fa: "\e58f";
}

.fa-up-from-bracket {
  --fa: "\e590";
}

.fa-users-between-lines {
  --fa: "\e591";
}

.fa-users-line {
  --fa: "\e592";
}

.fa-users-rays {
  --fa: "\e593";
}

.fa-users-rectangle {
  --fa: "\e594";
}

.fa-users-viewfinder {
  --fa: "\e595";
}

.fa-vial-circle-check {
  --fa: "\e596";
}

.fa-vial-virus {
  --fa: "\e597";
}

.fa-wheat-awn-circle-exclamation {
  --fa: "\e598";
}

.fa-worm {
  --fa: "\e599";
}

.fa-xmarks-lines {
  --fa: "\e59a";
}

.fa-xmark-large {
  --fa: "\e59b";
}

.fa-child-dress {
  --fa: "\e59c";
}

.fa-child-reaching {
  --fa: "\e59d";
}

.fa-plus-large {
  --fa: "\e59e";
}

.fa-crosshairs-simple {
  --fa: "\e59f";
}

.fa-file-circle-check {
  --fa: "\e5a0";
}

.fa-file-circle-xmark {
  --fa: "\e5a1";
}

.fa-gamepad-modern {
  --fa: "\e5a2";
}

.fa-gamepad-alt {
  --fa: "\e5a2";
}

.fa-grill {
  --fa: "\e5a3";
}

.fa-grill-fire {
  --fa: "\e5a4";
}

.fa-grill-hot {
  --fa: "\e5a5";
}

.fa-lightbulb-cfl {
  --fa: "\e5a6";
}

.fa-lightbulb-cfl-on {
  --fa: "\e5a7";
}

.fa-mouse-field {
  --fa: "\e5a8";
}

.fa-person-through-window {
  --fa: "\e5a9";
}

.fa-plant-wilt {
  --fa: "\e5aa";
}

.fa-ring-diamond {
  --fa: "\e5ab";
}

.fa-stapler {
  --fa: "\e5af";
}

.fa-toggle-large-off {
  --fa: "\e5b0";
}

.fa-toggle-large-on {
  --fa: "\e5b1";
}

.fa-toilet-paper-check {
  --fa: "\e5b2";
}

.fa-toilet-paper-xmark {
  --fa: "\e5b3";
}

.fa-train-tram {
  --fa: "\e5b4";
}

.fa-buoy {
  --fa: "\e5b5";
}

.fa-buoy-mooring {
  --fa: "\e5b6";
}

.fa-diamond-half {
  --fa: "\e5b7";
}

.fa-diamond-half-stroke {
  --fa: "\e5b8";
}

.fa-game-console-handheld-crank {
  --fa: "\e5b9";
}

.fa-interrobang {
  --fa: "\e5ba";
}

.fa-mailbox-flag-up {
  --fa: "\e5bb";
}

.fa-mustache {
  --fa: "\e5bc";
}

.fa-nose {
  --fa: "\e5bd";
}

.fa-phone-arrow-right {
  --fa: "\e5be";
}

.fa-pickaxe {
  --fa: "\e5bf";
}

.fa-prescription-bottle-pill {
  --fa: "\e5c0";
}

.fa-snowflake-droplets {
  --fa: "\e5c1";
}

.fa-square-dashed-circle-plus {
  --fa: "\e5c2";
}

.fa-tricycle {
  --fa: "\e5c3";
}

.fa-tricycle-adult {
  --fa: "\e5c4";
}

.fa-user-magnifying-glass {
  --fa: "\e5c5";
}

.fa-comment-heart {
  --fa: "\e5c8";
}

.fa-message-heart {
  --fa: "\e5c9";
}

.fa-pencil-mechanical {
  --fa: "\e5ca";
}

.fa-skeleton-ribs {
  --fa: "\e5cb";
}

.fa-billboard {
  --fa: "\e5cd";
}

.fa-circle-euro {
  --fa: "\e5ce";
}

.fa-circle-sterling {
  --fa: "\e5cf";
}

.fa-circle-yen {
  --fa: "\e5d0";
}

.fa-broom-wide {
  --fa: "\e5d1";
}

.fa-wreath-laurel {
  --fa: "\e5d2";
}

.fa-circle-quarter-stroke {
  --fa: "\e5d3";
}

.fa-circle-three-quarters-stroke {
  --fa: "\e5d4";
}

.fa-webhook {
  --fa: "\e5d5";
}

.fa-sparkle {
  --fa: "\e5d6";
}

.fa-chart-line-up-down {
  --fa: "\e5d7";
}

.fa-chart-mixed-up-circle-currency {
  --fa: "\e5d8";
}

.fa-chart-mixed-up-circle-dollar {
  --fa: "\e5d9";
}

.fa-grid-round {
  --fa: "\e5da";
}

.fa-grid-round-2 {
  --fa: "\e5db";
}

.fa-grid-round-2-plus {
  --fa: "\e5dc";
}

.fa-grid-round-4 {
  --fa: "\e5dd";
}

.fa-grid-round-5 {
  --fa: "\e5de";
}

.fa-arrow-progress {
  --fa: "\e5df";
}

.fa-right-left-large {
  --fa: "\e5e1";
}

.fa-calendar-users {
  --fa: "\e5e2";
}

.fa-display-chart-up {
  --fa: "\e5e3";
}

.fa-display-chart-up-circle-currency {
  --fa: "\e5e5";
}

.fa-display-chart-up-circle-dollar {
  --fa: "\e5e6";
}

.fa-laptop-binary {
  --fa: "\e5e7";
}

.fa-gear-code {
  --fa: "\e5e8";
}

.fa-gear-complex {
  --fa: "\e5e9";
}

.fa-gear-complex-code {
  --fa: "\e5eb";
}

.fa-file-doc {
  --fa: "\e5ed";
}

.fa-file-zip {
  --fa: "\e5ee";
}

.fa-flask-gear {
  --fa: "\e5f1";
}

.fa-bag-seedling {
  --fa: "\e5f2";
}

.fa-bin-bottles {
  --fa: "\e5f5";
}

.fa-bin-bottles-recycle {
  --fa: "\e5f6";
}

.fa-bin-recycle {
  --fa: "\e5f7";
}

.fa-conveyor-belt-arm {
  --fa: "\e5f8";
}

.fa-jug-bottle {
  --fa: "\e5fb";
}

.fa-lightbulb-gear {
  --fa: "\e5fd";
}

.fa-dinosaur {
  --fa: "\e5fe";
}

.fa-person-running-fast {
  --fa: "\e5ff";
}

.fa-circles-overlap {
  --fa: "\e600";
}

.fa-cloud-binary {
  --fa: "\e601";
}

.fa-chf-sign {
  --fa: "\e602";
}

.fa-user-group-simple {
  --fa: "\e603";
}

.fa-chart-pie-simple-circle-currency {
  --fa: "\e604";
}

.fa-chart-pie-simple-circle-dollar {
  --fa: "\e605";
}

.fa-hat-beach {
  --fa: "\e606";
}

.fa-person-dress-fairy {
  --fa: "\e607";
}

.fa-person-fairy {
  --fa: "\e608";
}

.fa-swap {
  --fa: "\e609";
}

.fa-swap-arrows {
  --fa: "\e60a";
}

.fa-angles-up-down {
  --fa: "\e60d";
}

.fa-globe-pointer {
  --fa: "\e60e";
}

.fa-subtitles {
  --fa: "\e60f";
}

.fa-subtitles-slash {
  --fa: "\e610";
}

.fa-head-side-gear {
  --fa: "\e611";
}

.fa-lighthouse {
  --fa: "\e612";
}

.fa-raccoon {
  --fa: "\e613";
}

.fa-arrow-down-from-arc {
  --fa: "\e614";
}

.fa-arrow-left-from-arc {
  --fa: "\e615";
}

.fa-arrow-left-to-arc {
  --fa: "\e616";
}

.fa-arrow-up-to-arc {
  --fa: "\e617";
}

.fa-building-magnifying-glass {
  --fa: "\e61c";
}

.fa-building-memo {
  --fa: "\e61e";
}

.fa-hammer-brush {
  --fa: "\e620";
}

.fa-hand-holding-circle-dollar {
  --fa: "\e621";
}

.fa-landmark-magnifying-glass {
  --fa: "\e622";
}

.fa-sign-post {
  --fa: "\e624";
}

.fa-sign-posts {
  --fa: "\e625";
}

.fa-sign-posts-wrench {
  --fa: "\e626";
}

.fa-tent-double-peak {
  --fa: "\e627";
}

.fa-truck-utensils {
  --fa: "\e628";
}

.fa-t-rex {
  --fa: "\e629";
}

.fa-spinner-scale {
  --fa: "\e62a";
}

.fa-bell-ring {
  --fa: "\e62c";
}

.fa-arrows-rotate-reverse {
  --fa: "\e630";
}

.fa-rotate-reverse {
  --fa: "\e631";
}

.fa-arrow-turn-left {
  --fa: "\e632";
}

.fa-arrow-turn-left-down {
  --fa: "\e633";
}

.fa-arrow-turn-left-up {
  --fa: "\e634";
}

.fa-arrow-turn-right {
  --fa: "\e635";
}

.fa-turn-left {
  --fa: "\e636";
}

.fa-turn-left-down {
  --fa: "\e637";
}

.fa-turn-left-up {
  --fa: "\e638";
}

.fa-turn-right {
  --fa: "\e639";
}

.fa-location-arrow-up {
  --fa: "\e63a";
}

.fa-ticket-perforated {
  --fa: "\e63e";
}

.fa-tickets-perforated {
  --fa: "\e63f";
}

.fa-cannon {
  --fa: "\e642";
}

.fa-court-sport {
  --fa: "\e643";
}

.fa-file-eps {
  --fa: "\e644";
}

.fa-file-gif {
  --fa: "\e645";
}

.fa-file-jpg {
  --fa: "\e646";
}

.fa-file-mov {
  --fa: "\e647";
}

.fa-file-mp3 {
  --fa: "\e648";
}

.fa-file-mp4 {
  --fa: "\e649";
}

.fa-file-ppt {
  --fa: "\e64a";
}

.fa-file-svg {
  --fa: "\e64b";
}

.fa-file-vector {
  --fa: "\e64c";
}

.fa-file-xls {
  --fa: "\e64d";
}

.fa-folder-check {
  --fa: "\e64e";
}

.fa-chart-kanban {
  --fa: "\e64f";
}

.fa-bag-shopping-minus {
  --fa: "\e650";
}

.fa-bag-shopping-plus {
  --fa: "\e651";
}

.fa-basket-shopping-minus {
  --fa: "\e652";
}

.fa-basket-shopping-plus {
  --fa: "\e653";
}

.fa-file-xml {
  --fa: "\e654";
}

.fa-bulldozer {
  --fa: "\e655";
}

.fa-excavator {
  --fa: "\e656";
}

.fa-truck-ladder {
  --fa: "\e657";
}

.fa-tickets {
  --fa: "\e658";
}

.fa-tickets-simple {
  --fa: "\e659";
}

.fa-truck-fire {
  --fa: "\e65a";
}

.fa-wave {
  --fa: "\e65b";
}

.fa-waves-sine {
  --fa: "\e65d";
}

.fa-magnifying-glass-arrows-rotate {
  --fa: "\e65e";
}

.fa-magnifying-glass-music {
  --fa: "\e65f";
}

.fa-magnifying-glass-play {
  --fa: "\e660";
}

.fa-magnifying-glass-waveform {
  --fa: "\e661";
}

.fa-music-magnifying-glass {
  --fa: "\e662";
}

.fa-reflect-horizontal {
  --fa: "\e664";
}

.fa-reflect-vertical {
  --fa: "\e665";
}

.fa-file-png {
  --fa: "\e666";
}

.fa-arrow-down-from-bracket {
  --fa: "\e667";
}

.fa-arrow-left-from-bracket {
  --fa: "\e668";
}

.fa-arrow-left-to-bracket {
  --fa: "\e669";
}

.fa-arrow-up-to-bracket {
  --fa: "\e66a";
}

.fa-down-from-bracket {
  --fa: "\e66b";
}

.fa-left-from-bracket {
  --fa: "\e66c";
}

.fa-left-to-bracket {
  --fa: "\e66d";
}

.fa-up-to-bracket {
  --fa: "\e66e";
}

.fa-reflect-both {
  --fa: "\e66f";
}

.fa-file-cad {
  --fa: "\e672";
}

.fa-bottle-baby {
  --fa: "\e673";
}

.fa-table-cells-column-lock {
  --fa: "\e678";
}

.fa-table-cells-lock {
  --fa: "\e679";
}

.fa-table-cells-row-lock {
  --fa: "\e67a";
}

.fa-circle-wifi {
  --fa: "\e67d";
}

.fa-circle-wifi-circle-wifi {
  --fa: "\e67e";
}

.fa-circle-wifi-group {
  --fa: "\e67e";
}

.fa-circle-gf {
  --fa: "\e67f";
}

.fa-ant {
  --fa: "\e680";
}

.fa-caduceus {
  --fa: "\e681";
}

.fa-web-awesome {
  --fa: "\e682";
}

.fa-globe-wifi {
  --fa: "\e685";
}

.fa-hydra {
  --fa: "\e686";
}

.fa-lightbulb-message {
  --fa: "\e687";
}

.fa-octopus {
  --fa: "\e688";
}

.fa-user-beard-bolt {
  --fa: "\e689";
}

.fa-user-hoodie {
  --fa: "\e68a";
}

.fa-diamonds-4 {
  --fa: "\e68b";
}

.fa-thumbtack-slash {
  --fa: "\e68f";
}

.fa-thumb-tack-slash {
  --fa: "\e68f";
}

.fa-table-cells-column-unlock {
  --fa: "\e690";
}

.fa-table-cells-row-unlock {
  --fa: "\e691";
}

.fa-table-cells-unlock {
  --fa: "\e692";
}

.fa-chart-diagram {
  --fa: "\e695";
}

.fa-comment-nodes {
  --fa: "\e696";
}

.fa-file-fragment {
  --fa: "\e697";
}

.fa-file-half-dashed {
  --fa: "\e698";
}

.fa-hexagon-nodes {
  --fa: "\e699";
}

.fa-hexagon-nodes-bolt {
  --fa: "\e69a";
}

.fa-square-binary {
  --fa: "\e69b";
}

.fa-carpool {
  --fa: "\e69c";
}

.fa-car-people {
  --fa: "\e69c";
}

.fa-chart-sine {
  --fa: "\e69d";
}

.fa-chart-fft {
  --fa: "\e69e";
}

.fa-circles-overlap-3 {
  --fa: "\e6a1";
}

.fa-pronoun {
  --fa: "\e6a1";
}

.fa-bar-progress {
  --fa: "\e6a4";
}

.fa-bar-progress-empty {
  --fa: "\e6a5";
}

.fa-bar-progress-full {
  --fa: "\e6a6";
}

.fa-bar-progress-half {
  --fa: "\e6a7";
}

.fa-bar-progress-quarter {
  --fa: "\e6a8";
}

.fa-bar-progress-three-quarters {
  --fa: "\e6a9";
}

.fa-grid-2-minus {
  --fa: "\e6aa";
}

.fa-grid-round-2-minus {
  --fa: "\e6ab";
}

.fa-table-cells-columns {
  --fa: "\e6ac";
}

.fa-table-cells-header {
  --fa: "\e6ad";
}

.fa-table-cells-header-lock {
  --fa: "\e6ae";
}

.fa-table-cells-header-unlock {
  --fa: "\e6af";
}

.fa-table-cells-rows {
  --fa: "\e6b0";
}

.fa-circle-equals {
  --fa: "\e6b1";
}

.fa-hexagon-equals {
  --fa: "\e6b2";
}

.fa-octagon-equals {
  --fa: "\e6b3";
}

.fa-rectangle-minus {
  --fa: "\e6b4";
}

.fa-rectangle-plus {
  --fa: "\e6b5";
}

.fa-square-equals {
  --fa: "\e6b6";
}

.fa-arrow-down-long-to-line {
  --fa: "\e6b7";
}

.fa-arrow-left-arrow-right {
  --fa: "\e6b8";
}

.fa-arrow-left-from-dotted-line {
  --fa: "\e6b9";
}

.fa-arrow-left-to-dotted-line {
  --fa: "\e6ba";
}

.fa-arrow-right-from-dotted-line {
  --fa: "\e6bb";
}

.fa-arrow-right-to-dotted-line {
  --fa: "\e6bc";
}

.fa-arrow-up-long-to-line {
  --fa: "\e6bd";
}

.fa-direction-left-right {
  --fa: "\e6be";
}

.fa-direction-up-down {
  --fa: "\e6bf";
}

.fa-down-long-to-line {
  --fa: "\e6c0";
}

.fa-down-up {
  --fa: "\e6c1";
}

.fa-left-from-dotted-line {
  --fa: "\e6c2";
}

.fa-left-to-dotted-line {
  --fa: "\e6c3";
}

.fa-right-from-dotted-line {
  --fa: "\e6c4";
}

.fa-right-to-dotted-line {
  --fa: "\e6c5";
}

.fa-up-long-to-line {
  --fa: "\e6c6";
}

.fa-barn {
  --fa: "\e6c7";
}

.fa-circle-house {
  --fa: "\e6c8";
}

.fa-garage-empty {
  --fa: "\e6c9";
}

.fa-house-unlock {
  --fa: "\e6ca";
}

.fa-school-unlock {
  --fa: "\e6cb";
}

.fa-stadium {
  --fa: "\e6cc";
}

.fa-tent-circus {
  --fa: "\e6cd";
}

.fa-ball-yarn {
  --fa: "\e6ce";
}

.fa-bra {
  --fa: "\e6cf";
}

.fa-briefs {
  --fa: "\e6d0";
}

.fa-dress {
  --fa: "\e6d1";
}

.fa-jeans {
  --fa: "\e6d2";
}

.fa-jeans-straight {
  --fa: "\e6d3";
}

.fa-panties {
  --fa: "\e6d4";
}

.fa-pants {
  --fa: "\e6d5";
}

.fa-pants-straight {
  --fa: "\e6d6";
}

.fa-shirt-jersey {
  --fa: "\e6d7";
}

.fa-shoe {
  --fa: "\e6d8";
}

.fa-shorts {
  --fa: "\e6d9";
}

.fa-sneaker {
  --fa: "\e6da";
}

.fa-circle-share-nodes {
  --fa: "\e6db";
}

.fa-comment-dot {
  --fa: "\e6dc";
}

.fa-comment-waveform {
  --fa: "\e6dd";
}

.fa-envelope-circle-user {
  --fa: "\e6de";
}

.fa-message-dot {
  --fa: "\e6df";
}

.fa-message-waveform {
  --fa: "\e6e0";
}

.fa-phone-connection {
  --fa: "\e6e1";
}

.fa-phone-waveform {
  --fa: "\e6e2";
}

.fa-postage-stamp {
  --fa: "\e6e3";
}

.fa-circle-florin {
  --fa: "\e6e4";
}

.fa-circle-ruble {
  --fa: "\e6e5";
}

.fa-square-chf {
  --fa: "\e6e6";
}

.fa-square-lira {
  --fa: "\e6e7";
}

.fa-norwegian-krone-sign {
  --fa: "\e6e8";
}

.fa-circle-renminbi {
  --fa: "\e6e9";
}

.fa-square-peseta {
  --fa: "\e6ea";
}

.fa-circle-brazilian-real {
  --fa: "\e6eb";
}

.fa-circle-won {
  --fa: "\e6ec";
}

.fa-square-cruzeiro {
  --fa: "\e6ed";
}

.fa-circle-currency {
  --fa: "\e6ee";
}

.fa-circle-hryvnia {
  --fa: "\e6ef";
}

.fa-square-cent {
  --fa: "\e6f0";
}

.fa-square-brazilian-real {
  --fa: "\e6f1";
}

.fa-square-bitcoin {
  --fa: "\e6f2";
}

.fa-circle-peruvian-soles {
  --fa: "\e6f3";
}

.fa-circle-litecoin {
  --fa: "\e6f4";
}

.fa-square-indian-rupee {
  --fa: "\e6f5";
}

.fa-circle-lira {
  --fa: "\e6f6";
}

.fa-square-litecoin {
  --fa: "\e6f7";
}

.fa-square-ruble {
  --fa: "\e6f8";
}

.fa-circle-malaysian-ringgit {
  --fa: "\e6f9";
}

.fa-malaysian-ringgit-sign {
  --fa: "\e6fa";
}

.fa-circle-manat {
  --fa: "\e6fb";
}

.fa-circle-colon {
  --fa: "\e6fc";
}

.fa-circle-kip {
  --fa: "\e6fd";
}

.fa-australian-dollar-sign {
  --fa: "\e6fe";
}

.fa-circle-peso {
  --fa: "\e6ff";
}

.fa-circle-polish-zloty {
  --fa: "\e700";
}

.fa-circle-bangladeshi-taka {
  --fa: "\e701";
}

.fa-circle-mill {
  --fa: "\e702";
}

.fa-circle-shekel {
  --fa: "\e703";
}

.fa-square-manat {
  --fa: "\e704";
}

.fa-peruvian-soles-sign {
  --fa: "\e705";
}

.fa-circle-rupiah {
  --fa: "\e706";
}

.fa-square-norwegian-krone {
  --fa: "\e707";
}

.fa-square-naira {
  --fa: "\e708";
}

.fa-square-won {
  --fa: "\e709";
}

.fa-square-mill {
  --fa: "\e70a";
}

.fa-polish-zloty-sign {
  --fa: "\e70b";
}

.fa-square-currency {
  --fa: "\e70c";
}

.fa-square-kip {
  --fa: "\e70d";
}

.fa-square-guarani {
  --fa: "\e70e";
}

.fa-square-dong {
  --fa: "\e70f";
}

.fa-square-hryvnia {
  --fa: "\e710";
}

.fa-circle-tugrik {
  --fa: "\e711";
}

.fa-square-rupiah {
  --fa: "\e712";
}

.fa-square-sterling {
  --fa: "\e713";
}

.fa-circle-rupee {
  --fa: "\e714";
}

.fa-square-rupee {
  --fa: "\e715";
}

.fa-square-peruvian-soles {
  --fa: "\e716";
}

.fa-square-florin {
  --fa: "\e717";
}

.fa-square-australian-dollar {
  --fa: "\e718";
}

.fa-square-baht {
  --fa: "\e719";
}

.fa-square-peso {
  --fa: "\e71a";
}

.fa-circle-austral {
  --fa: "\e71b";
}

.fa-square-swedish-krona {
  --fa: "\e71c";
}

.fa-circle-lari {
  --fa: "\e71d";
}

.fa-circleapore-dollar {
  --fa: "\e71e";
}

.fa-square-turkish-lira {
  --fa: "\e71f";
}

.fa-danish-krone-sign {
  --fa: "\e720";
}

.fa-circle-franc {
  --fa: "\e721";
}

.fa-circle-cruzeiro {
  --fa: "\e722";
}

.fa-circle-dong {
  --fa: "\e723";
}

.fa-square-yen {
  --fa: "\e724";
}

.fa-circle-tenge {
  --fa: "\e725";
}

.fa-square-austral {
  --fa: "\e726";
}

.fa-square-eurozone {
  --fa: "\e727";
}

.fa-square-tugrik {
  --fa: "\e728";
}

.fa-square-cedi {
  --fa: "\e729";
}

.fa-circle-cent {
  --fa: "\e72a";
}

.fa-currency-sign {
  --fa: "\e72b";
}

.fa-circle-chf {
  --fa: "\e72c";
}

.fa-circle-baht {
  --fa: "\e72d";
}

.fa-signapore-dollar-sign {
  --fa: "\e72e";
}

.fa-square-franc {
  --fa: "\e72f";
}

.fa-circle-australian-dollar {
  --fa: "\e730";
}

.fa-square-tenge {
  --fa: "\e731";
}

.fa-square-euro {
  --fa: "\e732";
}

.fa-squareapore-dollar {
  --fa: "\e733";
}

.fa-circle-indian-rupee {
  --fa: "\e734";
}

.fa-square-shekel {
  --fa: "\e735";
}

.fa-square-polish-zloty {
  --fa: "\e736";
}

.fa-circle-bitcoin {
  --fa: "\e737";
}

.fa-circle-norwegian-krone {
  --fa: "\e738";
}

.fa-circle-turkish-lira {
  --fa: "\e739";
}

.fa-square-colon {
  --fa: "\e73a";
}

.fa-circle-guarani {
  --fa: "\e73b";
}

.fa-renminbi-sign {
  --fa: "\e73c";
}

.fa-square-renminbi {
  --fa: "\e73d";
}

.fa-swedish-krona-sign {
  --fa: "\e73e";
}

.fa-square-lari {
  --fa: "\e73f";
}

.fa-eurozone-sign {
  --fa: "\e740";
}

.fa-circle-peseta {
  --fa: "\e741";
}

.fa-circle-cedi {
  --fa: "\e742";
}

.fa-circle-swedish-krona {
  --fa: "\e743";
}

.fa-square-bangladeshi-taka {
  --fa: "\e744";
}

.fa-circle-eurozone {
  --fa: "\e745";
}

.fa-circle-danish-krone {
  --fa: "\e746";
}

.fa-square-danish-krone {
  --fa: "\e747";
}

.fa-square-malaysian-ringgit {
  --fa: "\e748";
}

.fa-circle-naira {
  --fa: "\e749";
}

.fa-mobile-arrow-down {
  --fa: "\e74b";
}

.fa-clone-plus {
  --fa: "\e74c";
}

.fa-paintbrush-fine-slash {
  --fa: "\e74d";
}

.fa-paintbrush-slash {
  --fa: "\e74e";
}

.fa-pencil-line {
  --fa: "\e74f";
}

.fa-slider-circle {
  --fa: "\e750";
}

.fa-thumbtack-angle {
  --fa: "\e751";
}

.fa-thumbtack-angle-slash {
  --fa: "\e752";
}

.fa-book-open-lines {
  --fa: "\e753";
}

.fa-book-spine {
  --fa: "\e754";
}

.fa-bookmark-plus {
  --fa: "\e755";
}

.fa-clipboard-clock {
  --fa: "\e756";
}

.fa-clipboard-exclamation {
  --fa: "\e757";
}

.fa-file-ban {
  --fa: "\e758";
}

.fa-notes-sticky {
  --fa: "\e759";
}

.fa-capsule {
  --fa: "\e75a";
}

.fa-ear-circle-checkmark {
  --fa: "\e75b";
}

.fa-ear-triangle-exclamation {
  --fa: "\e75c";
}

.fa-ear-waveform {
  --fa: "\e75d";
}

.fa-head-side-circuit {
  --fa: "\e75e";
}

.fa-head-side-speak {
  --fa: "\e75f";
}

.fa-microphone-signal-meter {
  --fa: "\e760";
}

.fa-spine {
  --fa: "\e761";
}

.fa-vial-vertical {
  --fa: "\e762";
}

.fa-bin {
  --fa: "\e763";
}

.fa-seat {
  --fa: "\e764";
}

.fa-seats {
  --fa: "\e765";
}

.fa-camera-circle-ellipsis {
  --fa: "\e766";
}

.fa-camera-clock {
  --fa: "\e767";
}

.fa-camera-shutter {
  --fa: "\e768";
}

.fa-film-music {
  --fa: "\e769";
}

.fa-film-stack {
  --fa: "\e76b";
}

.fa-image-circle-arrow-down {
  --fa: "\e76c";
}

.fa-image-circle-check {
  --fa: "\e76d";
}

.fa-image-circle-plus {
  --fa: "\e76e";
}

.fa-image-circle-xmark {
  --fa: "\e76f";
}

.fa-image-music {
  --fa: "\e770";
}

.fa-image-stack {
  --fa: "\e771";
}

.fa-rectangle-4k {
  --fa: "\e772";
}

.fa-rectangle-high-dynamic-range {
  --fa: "\e773";
}

.fa-rectangle-hdr {
  --fa: "\e773";
}

.fa-rectangle-video-on-demand {
  --fa: "\e774";
}

.fa-user-viewfinder {
  --fa: "\e775";
}

.fa-video-down-to-line {
  --fa: "\e776";
}

.fa-video-question {
  --fa: "\e777";
}

.fa-gas-pump-left {
  --fa: "\e778";
}

.fa-gas-pump-right {
  --fa: "\e779";
}

.fa-location-arrow-slash {
  --fa: "\e77a";
}

.fa-airplay-audio {
  --fa: "\e77b";
}

.fa-headphones-slash {
  --fa: "\e77c";
}

.fa-microphone-circle-plus {
  --fa: "\e77d";
}

.fa-microphone-circle-xmark {
  --fa: "\e77e";
}

.fa-open-captioning {
  --fa: "\e77f";
}

.fa-play-flip {
  --fa: "\e780";
}

.fa-square-microphone {
  --fa: "\e781";
}

.fa-trombone {
  --fa: "\e782";
}

.fa-person-arms-raised {
  --fa: "\e783";
}

.fa-person-basketball {
  --fa: "\e784";
}

.fa-person-carry-empty {
  --fa: "\e785";
}

.fa-person-golfing {
  --fa: "\e786";
}

.fa-person-limbs-wide {
  --fa: "\e787";
}

.fa-person-seat-window {
  --fa: "\e788";
}

.fa-person-soccer {
  --fa: "\e789";
}

.fa-person-swimming-pool {
  --fa: "\e78a";
}

.fa-person-swimming-water {
  --fa: "\e78b";
}

.fa-person-water-arms-raised {
  --fa: "\e78c";
}

.fa-person-waving {
  --fa: "\e78d";
}

.fa-heart-slash {
  --fa: "\e78e";
}

.fa-hearts {
  --fa: "\e78f";
}

.fa-pentagon {
  --fa: "\e790";
}

.fa-rectangle-tall {
  --fa: "\e791";
}

.fa-square-half {
  --fa: "\e792";
}

.fa-square-half-stroke {
  --fa: "\e793";
}

.fa-box-arrow-down {
  --fa: "\e794";
}

.fa-box-arrow-down-arrow-up {
  --fa: "\e795";
}

.fa-box-arrow-down-magnifying-glass {
  --fa: "\e796";
}

.fa-box-isometric {
  --fa: "\e797";
}

.fa-box-isometric-tape {
  --fa: "\e798";
}

.fa-qrcode-read {
  --fa: "\e799";
}

.fa-shop-24 {
  --fa: "\e79a";
}

.fa-store-24 {
  --fa: "\e79b";
}

.fa-face-shaking {
  --fa: "\e79c";
}

.fa-face-shaking-horizontal {
  --fa: "\e79d";
}

.fa-face-shaking-vertical {
  --fa: "\e79e";
}

.fa-circle-user-circle-check {
  --fa: "\e79f";
}

.fa-circle-user-circle-exclamation {
  --fa: "\e7a0";
}

.fa-circle-user-circle-minus {
  --fa: "\e7a1";
}

.fa-circle-user-circle-moon {
  --fa: "\e7a2";
}

.fa-circle-user-circle-plus {
  --fa: "\e7a3";
}

.fa-circle-user-circle-question {
  --fa: "\e7a4";
}

.fa-circle-user-circle-user {
  --fa: "\e7a5";
}

.fa-circle-user-circle-xmark {
  --fa: "\e7a6";
}

.fa-circle-user-clock {
  --fa: "\e7a7";
}

.fa-user-beard {
  --fa: "\e7a8";
}

.fa-user-chef-hair-long {
  --fa: "\e7a9";
}

.fa-user-circle-minus {
  --fa: "\e7aa";
}

.fa-user-circle-plus {
  --fa: "\e7ab";
}

.fa-user-dashed {
  --fa: "\e7ac";
}

.fa-user-doctor-hair-mullet {
  --fa: "\e7ad";
}

.fa-user-hat-tie {
  --fa: "\e7ae";
}

.fa-user-hat-tie-magnifying-glass {
  --fa: "\e7af";
}

.fa-user-key {
  --fa: "\e7b0";
}

.fa-user-message {
  --fa: "\e7b1";
}

.fa-user-microphone {
  --fa: "\e7b2";
}

.fa-user-pilot-hair-long {
  --fa: "\e7b3";
}

.fa-user-pilot-tie-hair-long {
  --fa: "\e7b4";
}

.fa-user-police-hair-long {
  --fa: "\e7b5";
}

.fa-user-police-tie-hair-long {
  --fa: "\e7b6";
}

.fa-user-question {
  --fa: "\e7b7";
}

.fa-user-sith {
  --fa: "\e7b8";
}

.fa-user-tie-hair-mullet {
  --fa: "\e7b9";
}

.fa-user-vneck-hair-mullet {
  --fa: "\e7ba";
}

.fa-plane-flying {
  --fa: "\e7bb";
}

.fa-plane-landing-gear {
  --fa: "\e7bc";
}

.fa-rocket-vertical {
  --fa: "\e7bd";
}

.fa-seat-airline-window {
  --fa: "\e7be";
}

.fa-shuttle-space-vertical {
  --fa: "\e7bf";
}

.fa-car-key {
  --fa: "\e7c0";
}

.fa-car-siren {
  --fa: "\e7c1";
}

.fa-car-siren-on {
  --fa: "\e7c2";
}

.fa-scooter {
  --fa: "\e7c3";
}

.fa-snowmobile-blank {
  --fa: "\e7c4";
}

.fa-stair-car {
  --fa: "\e7c5";
}

.fa-truck-suv {
  --fa: "\e7c6";
}

.fa-unicycle {
  --fa: "\e7c7";
}

.fa-van {
  --fa: "\e7c8";
}

.fa-moon-star {
  --fa: "\e7c9";
}

.fa-rainbow-half {
  --fa: "\e7ca";
}

.fa-temperature-slash {
  --fa: "\e7cb";
}

.fa-dialpad {
  --fa: "\e7cc";
}

.fa-numpad {
  --fa: "\e7cc";
}

.fa-computer-mouse-button-left {
  --fa: "\e7cd";
}

.fa-computer-mouse-button-right {
  --fa: "\e7ce";
}

.fa-dot {
  --fa: "\e7d1";
}

.fa-folder-arrow-left {
  --fa: "\e7d2";
}

.fa-folder-arrow-right {
  --fa: "\e7d3";
}

.fa-wireless {
  --fa: "\e7df";
}

.fa-circle-moon {
  --fa: "\e7e0";
}

.fa-person-meditating {
  --fa: "\e7e1";
}

.fa-baseball-bat {
  --fa: "\e7e5";
}

.fa-hockey-stick {
  --fa: "\e7e6";
}

.fa-arrow-u-turn-down-left {
  --fa: "\e7e7";
}

.fa-arrow-u-turn-down-right {
  --fa: "\e7e8";
}

.fa-arrow-u-turn-left-down {
  --fa: "\e7e9";
}

.fa-arrow-u-turn-left-up {
  --fa: "\e7ea";
}

.fa-arrow-u-turn-right-down {
  --fa: "\e7eb";
}

.fa-arrow-u-turn-right-up {
  --fa: "\e7ec";
}

.fa-arrow-u-turn-up-left {
  --fa: "\e7ed";
}

.fa-arrow-u-turn-up-right {
  --fa: "\e7ee";
}

.fa-u-turn-down-left {
  --fa: "\e7ef";
}

.fa-u-turn-down-right {
  --fa: "\e7f0";
}

.fa-u-turn-left-down {
  --fa: "\e7f1";
}

.fa-u-turn {
  --fa: "\e7f1";
}

.fa-u-turn-left-up {
  --fa: "\e7f2";
}

.fa-u-turn-right-down {
  --fa: "\e7f3";
}

.fa-u-turn-right-up {
  --fa: "\e7f4";
}

.fa-u-turn-up-left {
  --fa: "\e7f5";
}

.fa-u-turn-up-right {
  --fa: "\e7f6";
}

.fa-triple-chevrons-down {
  --fa: "\e7f7";
}

.fa-triple-chevrons-left {
  --fa: "\e7f8";
}

.fa-triple-chevrons-right {
  --fa: "\e7f9";
}

.fa-triple-chevrons-up {
  --fa: "\e7fa";
}

.fa-file-aiff {
  --fa: "\e7fb";
}

.fa-file-odf {
  --fa: "\e7fc";
}

.fa-file-tex {
  --fa: "\e7fd";
}

.fa-file-wav {
  --fa: "\e7fe";
}

.fa-droplet-plus {
  --fa: "\e800";
}

.fa-hand-holding-star {
  --fa: "\e801";
}

.fa-transmission {
  --fa: "\e802";
}

.fa-alarm-minus {
  --fa: "\e803";
}

.fa-file-brackets-curly {
  --fa: "\e804";
}

.fa-file-midi {
  --fa: "\e805";
}

.fa-midi {
  --fa: "\e806";
}

.fa-non-binary {
  --fa: "\e807";
}

.fa-rectangle-beta {
  --fa: "\e808";
}

.fa-shield-user {
  --fa: "\e809";
}

.fa-spiral {
  --fa: "\e80a";
}

.fa-picture-in-picture {
  --fa: "\e80b";
}

.fa-circle-half-horizontal {
  --fa: "\e80c";
}

.fa-circle-half-stroke-horizontal {
  --fa: "\e80d";
}

.fa-square-half-horizontal {
  --fa: "\e80e";
}

.fa-square-half-stroke-horizontal {
  --fa: "\e80f";
}

.fa-ship-large {
  --fa: "\e810";
}

.fa-butterfly {
  --fa: "\e811";
}

.fa-mobile-rotate {
  --fa: "\e813";
}

.fa-mobile-rotate-reverse {
  --fa: "\e814";
}

.fa-mobile-slash {
  --fa: "\e815";
}

.fa-mobile-vibrate {
  --fa: "\e816";
}

.fa-mobile-vibrate-slash {
  --fa: "\e817";
}

.fa-almost-equal-to {
  --fa: "\e818";
}

.fa-sneaker-running {
  --fa: "\e819";
}

.fa-horseshoe {
  --fa: "\e81a";
}

.fa-single-quote-left {
  --fa: "\e81b";
}

.fa-single-quote-right {
  --fa: "\e81c";
}

.fa-bus-side {
  --fa: "\e81d";
}

.fa-bus-stop {
  --fa: "\e81e";
}

.fa-train-stop {
  --fa: "\e81f";
}

.fa-septagon {
  --fa: "\e820";
}

.fa-heptagon {
  --fa: "\e820";
}

.fa-mailbox-open-empty {
  --fa: "\e821";
}

.fa-mailbox-open-letter {
  --fa: "\e823";
}

.fa-lychee {
  --fa: "\e824";
}

.fa-tank-recovery {
  --fa: "\e825";
}

.fa-transducer {
  --fa: "\e826";
}

.fa-box-arrow-up {
  --fa: "\e827";
}

.fa-box-magnifying-glass {
  --fa: "\e828";
}

.fa-envelope-ribbon {
  --fa: "\e829";
}

.fa-envelope-certificate {
  --fa: "\e829";
}

.fa-water-temperature {
  --fa: "\e82a";
}

.fa-water-temp {
  --fa: "\e82a";
}

.fa-aeropress {
  --fa: "\e82b";
}

.fa-caret-large-down {
  --fa: "\e82c";
}

.fa-caret-large-left {
  --fa: "\e82d";
}

.fa-caret-large-right {
  --fa: "\e82e";
}

.fa-caret-large-up {
  --fa: "\e82f";
}

.fa-chemex {
  --fa: "\e830";
}

.fa-hand-shaka {
  --fa: "\e831";
}

.fa-kettlebell {
  --fa: "\e832";
}

.fa-foot-wing {
  --fa: "\e834";
}

.fa-pump-impeller {
  --fa: "\e835";
}

.fa-arrow-rotate-left-10 {
  --fa: "\e836";
}

.fa-arrow-rotate-right-10 {
  --fa: "\e837";
}

.fa-arrow-archery {
  --fa: "\e839";
}

.fa-bow-archery {
  --fa: "\e83a";
}

.fa-eye-closed {
  --fa: "\e83b";
}

.fa-file-css {
  --fa: "\e83c";
}

.fa-file-html {
  --fa: "\e83d";
}

.fa-file-js {
  --fa: "\e83e";
}

.fa-layer {
  --fa: "\e83f";
}

.fa-file-icns {
  --fa: "\e841";
}

.fa-link-broken {
  --fa: "\e842";
}

.fa-gpu {
  --fa: "\e843";
}

.fa-aquarius {
  --fa: "\e845";
}

.fa-aries {
  --fa: "\e846";
}

.fa-cancer {
  --fa: "\e847";
}

.fa-capricorn {
  --fa: "\e848";
}

.fa-gemini {
  --fa: "\e849";
}

.fa-leo {
  --fa: "\e84a";
}

.fa-libra {
  --fa: "\e84b";
}

.fa-pisces {
  --fa: "\e84c";
}

.fa-sagittarius {
  --fa: "\e84d";
}

.fa-scorpio {
  --fa: "\e84e";
}

.fa-taurus {
  --fa: "\e84f";
}

.fa-virgo {
  --fa: "\e850";
}

.fa-bicep {
  --fa: "\e862";
}

.fa-rectangle-irc {
  --fa: "\e86c";
}

.fa-moon-first-quarter {
  --fa: "\e870";
}

.fa-moon-last-quarter-inverse {
  --fa: "\e870";
}

.fa-moon-full {
  --fa: "\e871";
}

.fa-moon-new-inverse {
  --fa: "\e871";
}

.fa-moon-last-quarter {
  --fa: "\e872";
}

.fa-moon-first-quarter-inverse {
  --fa: "\e872";
}

.fa-moon-new {
  --fa: "\e873";
}

.fa-moon-full-inverse {
  --fa: "\e873";
}

.fa-moon-waning-crescent {
  --fa: "\e874";
}

.fa-moon-waxing-gibbous-inverse {
  --fa: "\e874";
}

.fa-moon-waning-gibbous {
  --fa: "\e875";
}

.fa-moon-waxing-crescent-inverse {
  --fa: "\e875";
}

.fa-moon-waxing-crescent {
  --fa: "\e876";
}

.fa-moon-waning-gibbous-inverse {
  --fa: "\e876";
}

.fa-moon-waxing-gibbous {
  --fa: "\e877";
}

.fa-moon-waning-crescent-inverse {
  --fa: "\e877";
}

.fa-burst-new {
  --fa: "\e878";
}

.fa-rectangle-new {
  --fa: "\e87a";
}

.fa-opossum {
  --fa: "\e87c";
}

.fa-possum {
  --fa: "\e87c";
}

.fa-input-password {
  --fa: "\e87d";
}

.fa-desk {
  --fa: "\e87e";
}

.fa-dresser {
  --fa: "\e87f";
}

.fa-stool {
  --fa: "\e880";
}

.fa-wardrobe {
  --fa: "\e881";
}

.fa-table-dining {
  --fa: "\e882";
}

.fa-chest-drawers {
  --fa: "\e883";
}

.fa-oar {
  --fa: "\e884";
}

.fa-oars {
  --fa: "\e885";
}

.fa-arrow-rotate-left-15 {
  --fa: "\e886";
}

.fa-arrow-rotate-left-30 {
  --fa: "\e887";
}

.fa-arrow-rotate-right-15 {
  --fa: "\e888";
}

.fa-arrow-rotate-right-30 {
  --fa: "\e889";
}

.fa-rows-3 {
  --fa: "\e88b";
}

.fa-table-cells-merge {
  --fa: "\e88c";
}

.fa-table-cells-split {
  --fa: "\e88d";
}

.fa-table-columns-add-after {
  --fa: "\e88e";
}

.fa-table-columns-add-before {
  --fa: "\e88f";
}

.fa-table-columns-merge-next {
  --fa: "\e890";
}

.fa-table-columns-merge-previous {
  --fa: "\e891";
}

.fa-table-columns-remove-after {
  --fa: "\e892";
}

.fa-table-columns-remove-before {
  --fa: "\e893";
}

.fa-table-rows-add-above {
  --fa: "\e894";
}

.fa-table-rows-add-below {
  --fa: "\e895";
}

.fa-table-rows-merge-next {
  --fa: "\e896";
}

.fa-table-rows-merge-previous {
  --fa: "\e897";
}

.fa-table-rows-remove-above {
  --fa: "\e898";
}

.fa-table-rows-remove-below {
  --fa: "\e899";
}

.fa-table-slash {
  --fa: "\e89a";
}

.fa-kayak {
  --fa: "\e89b";
}

.fa-canoe-person {
  --fa: "\e89c";
}

.fa-utility-can {
  --fa: "\e89d";
}

.fa-table-bar {
  --fa: "\e89e";
}

.fa-owl {
  --fa: "\e89f";
}

.fa-rectangle-api {
  --fa: "\e8a0";
}

.fa-nas {
  --fa: "\e8a1";
}

.fa-poker-chip {
  --fa: "\e8a2";
}

.fa-tower-receive {
  --fa: "\e8a3";
}

.fa-gear-api {
  --fa: "\e8a4";
}

.fa-gear-complex-api {
  --fa: "\e8a5";
}

.fa-globe-www {
  --fa: "\e8a6";
}

.fa-label {
  --fa: "\e8a7";
}

.fa-rectangle-n-a {
  --fa: "\e8a8";
}

.fa-remote {
  --fa: "\e8a9";
}

.fa-image-broken {
  --fa: "\e8aa";
}

.fa-martini-glass-empty {
  --fa: "\f000";
}

.fa-glass-martini {
  --fa: "\f000";
}

.fa-music {
  --fa: "\f001";
}

.fa-magnifying-glass {
  --fa: "\f002";
}

.fa-search {
  --fa: "\f002";
}

.fa-heart {
  --fa: "\f004";
}

.fa-star {
  --fa: "\f005";
}

.fa-user {
  --fa: "\f007";
}

.fa-user-alt {
  --fa: "\f007";
}

.fa-user-large {
  --fa: "\f007";
}

.fa-film {
  --fa: "\f008";
}

.fa-film-alt {
  --fa: "\f008";
}

.fa-film-simple {
  --fa: "\f008";
}

.fa-table-cells-large {
  --fa: "\f009";
}

.fa-th-large {
  --fa: "\f009";
}

.fa-table-cells {
  --fa: "\f00a";
}

.fa-th {
  --fa: "\f00a";
}

.fa-table-list {
  --fa: "\f00b";
}

.fa-th-list {
  --fa: "\f00b";
}

.fa-check {
  --fa: "\f00c";
}

.fa-xmark {
  --fa: "\f00d";
}

.fa-close {
  --fa: "\f00d";
}

.fa-multiply {
  --fa: "\f00d";
}

.fa-remove {
  --fa: "\f00d";
}

.fa-times {
  --fa: "\f00d";
}

.fa-magnifying-glass-plus {
  --fa: "\f00e";
}

.fa-search-plus {
  --fa: "\f00e";
}

.fa-magnifying-glass-minus {
  --fa: "\f010";
}

.fa-search-minus {
  --fa: "\f010";
}

.fa-power-off {
  --fa: "\f011";
}

.fa-signal {
  --fa: "\f012";
}

.fa-signal-5 {
  --fa: "\f012";
}

.fa-signal-perfect {
  --fa: "\f012";
}

.fa-gear {
  --fa: "\f013";
}

.fa-cog {
  --fa: "\f013";
}

.fa-house {
  --fa: "\f015";
}

.fa-home {
  --fa: "\f015";
}

.fa-home-alt {
  --fa: "\f015";
}

.fa-home-lg-alt {
  --fa: "\f015";
}

.fa-clock {
  --fa: "\f017";
}

.fa-clock-four {
  --fa: "\f017";
}

.fa-road {
  --fa: "\f018";
}

.fa-download {
  --fa: "\f019";
}

.fa-inbox {
  --fa: "\f01c";
}

.fa-arrow-rotate-right {
  --fa: "\f01e";
}

.fa-arrow-right-rotate {
  --fa: "\f01e";
}

.fa-arrow-rotate-forward {
  --fa: "\f01e";
}

.fa-redo {
  --fa: "\f01e";
}

.fa-arrows-rotate {
  --fa: "\f021";
}

.fa-refresh {
  --fa: "\f021";
}

.fa-sync {
  --fa: "\f021";
}

.fa-rectangle-list {
  --fa: "\f022";
}

.fa-list-alt {
  --fa: "\f022";
}

.fa-lock {
  --fa: "\f023";
}

.fa-flag {
  --fa: "\f024";
}

.fa-headphones {
  --fa: "\f025";
}

.fa-headphones-alt {
  --fa: "\f025";
}

.fa-headphones-simple {
  --fa: "\f025";
}

.fa-volume-off {
  --fa: "\f026";
}

.fa-volume-low {
  --fa: "\f027";
}

.fa-volume-down {
  --fa: "\f027";
}

.fa-volume-high {
  --fa: "\f028";
}

.fa-volume-up {
  --fa: "\f028";
}

.fa-qrcode {
  --fa: "\f029";
}

.fa-barcode {
  --fa: "\f02a";
}

.fa-tag {
  --fa: "\f02b";
}

.fa-tags {
  --fa: "\f02c";
}

.fa-book {
  --fa: "\f02d";
}

.fa-bookmark {
  --fa: "\f02e";
}

.fa-print {
  --fa: "\f02f";
}

.fa-camera {
  --fa: "\f030";
}

.fa-camera-alt {
  --fa: "\f030";
}

.fa-font {
  --fa: "\f031";
}

.fa-bold {
  --fa: "\f032";
}

.fa-italic {
  --fa: "\f033";
}

.fa-text-height {
  --fa: "\f034";
}

.fa-text-width {
  --fa: "\f035";
}

.fa-align-left {
  --fa: "\f036";
}

.fa-align-center {
  --fa: "\f037";
}

.fa-align-right {
  --fa: "\f038";
}

.fa-align-justify {
  --fa: "\f039";
}

.fa-list {
  --fa: "\f03a";
}

.fa-list-squares {
  --fa: "\f03a";
}

.fa-outdent {
  --fa: "\f03b";
}

.fa-dedent {
  --fa: "\f03b";
}

.fa-indent {
  --fa: "\f03c";
}

.fa-video {
  --fa: "\f03d";
}

.fa-video-camera {
  --fa: "\f03d";
}

.fa-image {
  --fa: "\f03e";
}

.fa-location-pin {
  --fa: "\f041";
}

.fa-map-marker {
  --fa: "\f041";
}

.fa-circle-half-stroke {
  --fa: "\f042";
}

.fa-adjust {
  --fa: "\f042";
}

.fa-droplet {
  --fa: "\f043";
}

.fa-tint {
  --fa: "\f043";
}

.fa-pen-to-square {
  --fa: "\f044";
}

.fa-edit {
  --fa: "\f044";
}

.fa-arrows-up-down-left-right {
  --fa: "\f047";
}

.fa-arrows {
  --fa: "\f047";
}

.fa-backward-step {
  --fa: "\f048";
}

.fa-step-backward {
  --fa: "\f048";
}

.fa-backward-fast {
  --fa: "\f049";
}

.fa-fast-backward {
  --fa: "\f049";
}

.fa-backward {
  --fa: "\f04a";
}

.fa-play {
  --fa: "\f04b";
}

.fa-pause {
  --fa: "\f04c";
}

.fa-stop {
  --fa: "\f04d";
}

.fa-forward {
  --fa: "\f04e";
}

.fa-forward-fast {
  --fa: "\f050";
}

.fa-fast-forward {
  --fa: "\f050";
}

.fa-forward-step {
  --fa: "\f051";
}

.fa-step-forward {
  --fa: "\f051";
}

.fa-eject {
  --fa: "\f052";
}

.fa-chevron-left {
  --fa: "\f053";
}

.fa-chevron-right {
  --fa: "\f054";
}

.fa-circle-plus {
  --fa: "\f055";
}

.fa-plus-circle {
  --fa: "\f055";
}

.fa-circle-minus {
  --fa: "\f056";
}

.fa-minus-circle {
  --fa: "\f056";
}

.fa-circle-xmark {
  --fa: "\f057";
}

.fa-times-circle {
  --fa: "\f057";
}

.fa-xmark-circle {
  --fa: "\f057";
}

.fa-circle-check {
  --fa: "\f058";
}

.fa-check-circle {
  --fa: "\f058";
}

.fa-circle-question {
  --fa: "\f059";
}

.fa-question-circle {
  --fa: "\f059";
}

.fa-circle-info {
  --fa: "\f05a";
}

.fa-info-circle {
  --fa: "\f05a";
}

.fa-crosshairs {
  --fa: "\f05b";
}

.fa-ban {
  --fa: "\f05e";
}

.fa-cancel {
  --fa: "\f05e";
}

.fa-arrow-left {
  --fa: "\f060";
}

.fa-arrow-right {
  --fa: "\f061";
}

.fa-arrow-up {
  --fa: "\f062";
}

.fa-arrow-down {
  --fa: "\f063";
}

.fa-share {
  --fa: "\f064";
}

.fa-mail-forward {
  --fa: "\f064";
}

.fa-expand {
  --fa: "\f065";
}

.fa-compress {
  --fa: "\f066";
}

.fa-minus {
  --fa: "\f068";
}

.fa-subtract {
  --fa: "\f068";
}

.fa-circle-exclamation {
  --fa: "\f06a";
}

.fa-exclamation-circle {
  --fa: "\f06a";
}

.fa-gift {
  --fa: "\f06b";
}

.fa-leaf {
  --fa: "\f06c";
}

.fa-fire {
  --fa: "\f06d";
}

.fa-eye {
  --fa: "\f06e";
}

.fa-eye-slash {
  --fa: "\f070";
}

.fa-triangle-exclamation {
  --fa: "\f071";
}

.fa-exclamation-triangle {
  --fa: "\f071";
}

.fa-warning {
  --fa: "\f071";
}

.fa-plane {
  --fa: "\f072";
}

.fa-calendar-days {
  --fa: "\f073";
}

.fa-calendar-alt {
  --fa: "\f073";
}

.fa-shuffle {
  --fa: "\f074";
}

.fa-random {
  --fa: "\f074";
}

.fa-comment {
  --fa: "\f075";
}

.fa-magnet {
  --fa: "\f076";
}

.fa-chevron-up {
  --fa: "\f077";
}

.fa-chevron-down {
  --fa: "\f078";
}

.fa-retweet {
  --fa: "\f079";
}

.fa-cart-shopping {
  --fa: "\f07a";
}

.fa-shopping-cart {
  --fa: "\f07a";
}

.fa-folder {
  --fa: "\f07b";
}

.fa-folder-blank {
  --fa: "\f07b";
}

.fa-folder-open {
  --fa: "\f07c";
}

.fa-arrows-up-down {
  --fa: "\f07d";
}

.fa-arrows-v {
  --fa: "\f07d";
}

.fa-arrows-left-right {
  --fa: "\f07e";
}

.fa-arrows-h {
  --fa: "\f07e";
}

.fa-chart-bar {
  --fa: "\f080";
}

.fa-bar-chart {
  --fa: "\f080";
}

.fa-camera-retro {
  --fa: "\f083";
}

.fa-key {
  --fa: "\f084";
}

.fa-gears {
  --fa: "\f085";
}

.fa-cogs {
  --fa: "\f085";
}

.fa-comments {
  --fa: "\f086";
}

.fa-star-half {
  --fa: "\f089";
}

.fa-arrow-right-from-bracket {
  --fa: "\f08b";
}

.fa-sign-out {
  --fa: "\f08b";
}

.fa-thumbtack {
  --fa: "\f08d";
}

.fa-thumb-tack {
  --fa: "\f08d";
}

.fa-arrow-up-right-from-square {
  --fa: "\f08e";
}

.fa-external-link {
  --fa: "\f08e";
}

.fa-arrow-right-to-bracket {
  --fa: "\f090";
}

.fa-sign-in {
  --fa: "\f090";
}

.fa-trophy {
  --fa: "\f091";
}

.fa-upload {
  --fa: "\f093";
}

.fa-lemon {
  --fa: "\f094";
}

.fa-phone {
  --fa: "\f095";
}

.fa-square-phone {
  --fa: "\f098";
}

.fa-phone-square {
  --fa: "\f098";
}

.fa-unlock {
  --fa: "\f09c";
}

.fa-credit-card {
  --fa: "\f09d";
}

.fa-credit-card-alt {
  --fa: "\f09d";
}

.fa-rss {
  --fa: "\f09e";
}

.fa-feed {
  --fa: "\f09e";
}

.fa-hard-drive {
  --fa: "\f0a0";
}

.fa-hdd {
  --fa: "\f0a0";
}

.fa-bullhorn {
  --fa: "\f0a1";
}

.fa-certificate {
  --fa: "\f0a3";
}

.fa-hand-point-right {
  --fa: "\f0a4";
}

.fa-hand-point-left {
  --fa: "\f0a5";
}

.fa-hand-point-up {
  --fa: "\f0a6";
}

.fa-hand-point-down {
  --fa: "\f0a7";
}

.fa-circle-arrow-left {
  --fa: "\f0a8";
}

.fa-arrow-circle-left {
  --fa: "\f0a8";
}

.fa-circle-arrow-right {
  --fa: "\f0a9";
}

.fa-arrow-circle-right {
  --fa: "\f0a9";
}

.fa-circle-arrow-up {
  --fa: "\f0aa";
}

.fa-arrow-circle-up {
  --fa: "\f0aa";
}

.fa-circle-arrow-down {
  --fa: "\f0ab";
}

.fa-arrow-circle-down {
  --fa: "\f0ab";
}

.fa-globe {
  --fa: "\f0ac";
}

.fa-wrench {
  --fa: "\f0ad";
}

.fa-list-check {
  --fa: "\f0ae";
}

.fa-tasks {
  --fa: "\f0ae";
}

.fa-filter {
  --fa: "\f0b0";
}

.fa-briefcase {
  --fa: "\f0b1";
}

.fa-up-down-left-right {
  --fa: "\f0b2";
}

.fa-arrows-alt {
  --fa: "\f0b2";
}

.fa-users {
  --fa: "\f0c0";
}

.fa-link {
  --fa: "\f0c1";
}

.fa-chain {
  --fa: "\f0c1";
}

.fa-cloud {
  --fa: "\f0c2";
}

.fa-flask {
  --fa: "\f0c3";
}

.fa-scissors {
  --fa: "\f0c4";
}

.fa-cut {
  --fa: "\f0c4";
}

.fa-copy {
  --fa: "\f0c5";
}

.fa-paperclip {
  --fa: "\f0c6";
}

.fa-floppy-disk {
  --fa: "\f0c7";
}

.fa-save {
  --fa: "\f0c7";
}

.fa-square {
  --fa: "\f0c8";
}

.fa-bars {
  --fa: "\f0c9";
}

.fa-navicon {
  --fa: "\f0c9";
}

.fa-list-ul {
  --fa: "\f0ca";
}

.fa-list-dots {
  --fa: "\f0ca";
}

.fa-list-ol {
  --fa: "\f0cb";
}

.fa-list-1-2 {
  --fa: "\f0cb";
}

.fa-list-numeric {
  --fa: "\f0cb";
}

.fa-strikethrough {
  --fa: "\f0cc";
}

.fa-underline {
  --fa: "\f0cd";
}

.fa-table {
  --fa: "\f0ce";
}

.fa-wand-magic {
  --fa: "\f0d0";
}

.fa-magic {
  --fa: "\f0d0";
}

.fa-truck {
  --fa: "\f0d1";
}

.fa-money-bill {
  --fa: "\f0d6";
}

.fa-caret-down {
  --fa: "\f0d7";
}

.fa-caret-up {
  --fa: "\f0d8";
}

.fa-caret-left {
  --fa: "\f0d9";
}

.fa-caret-right {
  --fa: "\f0da";
}

.fa-table-columns {
  --fa: "\f0db";
}

.fa-columns {
  --fa: "\f0db";
}

.fa-sort {
  --fa: "\f0dc";
}

.fa-unsorted {
  --fa: "\f0dc";
}

.fa-sort-down {
  --fa: "\f0dd";
}

.fa-sort-desc {
  --fa: "\f0dd";
}

.fa-sort-up {
  --fa: "\f0de";
}

.fa-sort-asc {
  --fa: "\f0de";
}

.fa-envelope {
  --fa: "\f0e0";
}

.fa-arrow-rotate-left {
  --fa: "\f0e2";
}

.fa-arrow-left-rotate {
  --fa: "\f0e2";
}

.fa-arrow-rotate-back {
  --fa: "\f0e2";
}

.fa-arrow-rotate-backward {
  --fa: "\f0e2";
}

.fa-undo {
  --fa: "\f0e2";
}

.fa-gavel {
  --fa: "\f0e3";
}

.fa-legal {
  --fa: "\f0e3";
}

.fa-bolt {
  --fa: "\f0e7";
}

.fa-zap {
  --fa: "\f0e7";
}

.fa-sitemap {
  --fa: "\f0e8";
}

.fa-umbrella {
  --fa: "\f0e9";
}

.fa-paste {
  --fa: "\f0ea";
}

.fa-file-clipboard {
  --fa: "\f0ea";
}

.fa-lightbulb {
  --fa: "\f0eb";
}

.fa-arrow-right-arrow-left {
  --fa: "\f0ec";
}

.fa-exchange {
  --fa: "\f0ec";
}

.fa-cloud-arrow-down {
  --fa: "\f0ed";
}

.fa-cloud-download {
  --fa: "\f0ed";
}

.fa-cloud-download-alt {
  --fa: "\f0ed";
}

.fa-cloud-arrow-up {
  --fa: "\f0ee";
}

.fa-cloud-upload {
  --fa: "\f0ee";
}

.fa-cloud-upload-alt {
  --fa: "\f0ee";
}

.fa-user-doctor {
  --fa: "\f0f0";
}

.fa-user-md {
  --fa: "\f0f0";
}

.fa-stethoscope {
  --fa: "\f0f1";
}

.fa-suitcase {
  --fa: "\f0f2";
}

.fa-bell {
  --fa: "\f0f3";
}

.fa-mug-saucer {
  --fa: "\f0f4";
}

.fa-coffee {
  --fa: "\f0f4";
}

.fa-hospital {
  --fa: "\f0f8";
}

.fa-hospital-alt {
  --fa: "\f0f8";
}

.fa-hospital-wide {
  --fa: "\f0f8";
}

.fa-truck-medical {
  --fa: "\f0f9";
}

.fa-ambulance {
  --fa: "\f0f9";
}

.fa-suitcase-medical {
  --fa: "\f0fa";
}

.fa-medkit {
  --fa: "\f0fa";
}

.fa-jet-fighter {
  --fa: "\f0fb";
}

.fa-fighter-jet {
  --fa: "\f0fb";
}

.fa-beer-mug-empty {
  --fa: "\f0fc";
}

.fa-beer {
  --fa: "\f0fc";
}

.fa-square-h {
  --fa: "\f0fd";
}

.fa-h-square {
  --fa: "\f0fd";
}

.fa-square-plus {
  --fa: "\f0fe";
}

.fa-plus-square {
  --fa: "\f0fe";
}

.fa-angles-left {
  --fa: "\f100";
}

.fa-angle-double-left {
  --fa: "\f100";
}

.fa-angles-right {
  --fa: "\f101";
}

.fa-angle-double-right {
  --fa: "\f101";
}

.fa-angles-up {
  --fa: "\f102";
}

.fa-angle-double-up {
  --fa: "\f102";
}

.fa-angles-down {
  --fa: "\f103";
}

.fa-angle-double-down {
  --fa: "\f103";
}

.fa-angle-left {
  --fa: "\f104";
}

.fa-angle-right {
  --fa: "\f105";
}

.fa-angle-up {
  --fa: "\f106";
}

.fa-angle-down {
  --fa: "\f107";
}

.fa-laptop {
  --fa: "\f109";
}

.fa-tablet-button {
  --fa: "\f10a";
}

.fa-mobile-button {
  --fa: "\f10b";
}

.fa-quote-left {
  --fa: "\f10d";
}

.fa-quote-left-alt {
  --fa: "\f10d";
}

.fa-quote-right {
  --fa: "\f10e";
}

.fa-quote-right-alt {
  --fa: "\f10e";
}

.fa-spinner {
  --fa: "\f110";
}

.fa-circle {
  --fa: "\f111";
}

.fa-face-smile {
  --fa: "\f118";
}

.fa-smile {
  --fa: "\f118";
}

.fa-face-frown {
  --fa: "\f119";
}

.fa-frown {
  --fa: "\f119";
}

.fa-face-meh {
  --fa: "\f11a";
}

.fa-meh {
  --fa: "\f11a";
}

.fa-gamepad {
  --fa: "\f11b";
}

.fa-keyboard {
  --fa: "\f11c";
}

.fa-flag-checkered {
  --fa: "\f11e";
}

.fa-terminal {
  --fa: "\f120";
}

.fa-code {
  --fa: "\f121";
}

.fa-reply-all {
  --fa: "\f122";
}

.fa-mail-reply-all {
  --fa: "\f122";
}

.fa-location-arrow {
  --fa: "\f124";
}

.fa-crop {
  --fa: "\f125";
}

.fa-code-branch {
  --fa: "\f126";
}

.fa-link-slash {
  --fa: "\f127";
}

.fa-chain-broken {
  --fa: "\f127";
}

.fa-chain-slash {
  --fa: "\f127";
}

.fa-unlink {
  --fa: "\f127";
}

.fa-info {
  --fa: "\f129";
}

.fa-superscript {
  --fa: "\f12b";
}

.fa-subscript {
  --fa: "\f12c";
}

.fa-eraser {
  --fa: "\f12d";
}

.fa-puzzle-piece {
  --fa: "\f12e";
}

.fa-microphone {
  --fa: "\f130";
}

.fa-microphone-slash {
  --fa: "\f131";
}

.fa-shield {
  --fa: "\f132";
}

.fa-shield-blank {
  --fa: "\f132";
}

.fa-calendar {
  --fa: "\f133";
}

.fa-fire-extinguisher {
  --fa: "\f134";
}

.fa-rocket {
  --fa: "\f135";
}

.fa-circle-chevron-left {
  --fa: "\f137";
}

.fa-chevron-circle-left {
  --fa: "\f137";
}

.fa-circle-chevron-right {
  --fa: "\f138";
}

.fa-chevron-circle-right {
  --fa: "\f138";
}

.fa-circle-chevron-up {
  --fa: "\f139";
}

.fa-chevron-circle-up {
  --fa: "\f139";
}

.fa-circle-chevron-down {
  --fa: "\f13a";
}

.fa-chevron-circle-down {
  --fa: "\f13a";
}

.fa-anchor {
  --fa: "\f13d";
}

.fa-unlock-keyhole {
  --fa: "\f13e";
}

.fa-unlock-alt {
  --fa: "\f13e";
}

.fa-bullseye {
  --fa: "\f140";
}

.fa-ellipsis {
  --fa: "\f141";
}

.fa-ellipsis-h {
  --fa: "\f141";
}

.fa-ellipsis-vertical {
  --fa: "\f142";
}

.fa-ellipsis-v {
  --fa: "\f142";
}

.fa-square-rss {
  --fa: "\f143";
}

.fa-rss-square {
  --fa: "\f143";
}

.fa-circle-play {
  --fa: "\f144";
}

.fa-play-circle {
  --fa: "\f144";
}

.fa-ticket {
  --fa: "\f145";
}

.fa-square-minus {
  --fa: "\f146";
}

.fa-minus-square {
  --fa: "\f146";
}

.fa-arrow-turn-up {
  --fa: "\f148";
}

.fa-level-up {
  --fa: "\f148";
}

.fa-arrow-turn-down {
  --fa: "\f149";
}

.fa-level-down {
  --fa: "\f149";
}

.fa-square-check {
  --fa: "\f14a";
}

.fa-check-square {
  --fa: "\f14a";
}

.fa-square-pen {
  --fa: "\f14b";
}

.fa-pen-square {
  --fa: "\f14b";
}

.fa-pencil-square {
  --fa: "\f14b";
}

.fa-square-arrow-up-right {
  --fa: "\f14c";
}

.fa-external-link-square {
  --fa: "\f14c";
}

.fa-share-from-square {
  --fa: "\f14d";
}

.fa-share-square {
  --fa: "\f14d";
}

.fa-compass {
  --fa: "\f14e";
}

.fa-square-caret-down {
  --fa: "\f150";
}

.fa-caret-square-down {
  --fa: "\f150";
}

.fa-square-caret-up {
  --fa: "\f151";
}

.fa-caret-square-up {
  --fa: "\f151";
}

.fa-square-caret-right {
  --fa: "\f152";
}

.fa-caret-square-right {
  --fa: "\f152";
}

.fa-euro-sign {
  --fa: "\f153";
}

.fa-eur {
  --fa: "\f153";
}

.fa-euro {
  --fa: "\f153";
}

.fa-sterling-sign {
  --fa: "\f154";
}

.fa-gbp {
  --fa: "\f154";
}

.fa-pound-sign {
  --fa: "\f154";
}

.fa-rupee-sign {
  --fa: "\f156";
}

.fa-rupee {
  --fa: "\f156";
}

.fa-yen-sign {
  --fa: "\f157";
}

.fa-cny {
  --fa: "\f157";
}

.fa-jpy {
  --fa: "\f157";
}

.fa-rmb {
  --fa: "\f157";
}

.fa-yen {
  --fa: "\f157";
}

.fa-ruble-sign {
  --fa: "\f158";
}

.fa-rouble {
  --fa: "\f158";
}

.fa-rub {
  --fa: "\f158";
}

.fa-ruble {
  --fa: "\f158";
}

.fa-won-sign {
  --fa: "\f159";
}

.fa-krw {
  --fa: "\f159";
}

.fa-won {
  --fa: "\f159";
}

.fa-file {
  --fa: "\f15b";
}

.fa-file-lines {
  --fa: "\f15c";
}

.fa-file-alt {
  --fa: "\f15c";
}

.fa-file-text {
  --fa: "\f15c";
}

.fa-arrow-down-a-z {
  --fa: "\f15d";
}

.fa-sort-alpha-asc {
  --fa: "\f15d";
}

.fa-sort-alpha-down {
  --fa: "\f15d";
}

.fa-arrow-up-a-z {
  --fa: "\f15e";
}

.fa-sort-alpha-up {
  --fa: "\f15e";
}

.fa-arrow-down-wide-short {
  --fa: "\f160";
}

.fa-sort-amount-asc {
  --fa: "\f160";
}

.fa-sort-amount-down {
  --fa: "\f160";
}

.fa-arrow-up-wide-short {
  --fa: "\f161";
}

.fa-sort-amount-up {
  --fa: "\f161";
}

.fa-arrow-down-1-9 {
  --fa: "\f162";
}

.fa-sort-numeric-asc {
  --fa: "\f162";
}

.fa-sort-numeric-down {
  --fa: "\f162";
}

.fa-arrow-up-1-9 {
  --fa: "\f163";
}

.fa-sort-numeric-up {
  --fa: "\f163";
}

.fa-thumbs-up {
  --fa: "\f164";
}

.fa-thumbs-down {
  --fa: "\f165";
}

.fa-arrow-down-long {
  --fa: "\f175";
}

.fa-long-arrow-down {
  --fa: "\f175";
}

.fa-arrow-up-long {
  --fa: "\f176";
}

.fa-long-arrow-up {
  --fa: "\f176";
}

.fa-arrow-left-long {
  --fa: "\f177";
}

.fa-long-arrow-left {
  --fa: "\f177";
}

.fa-arrow-right-long {
  --fa: "\f178";
}

.fa-long-arrow-right {
  --fa: "\f178";
}

.fa-person-dress {
  --fa: "\f182";
}

.fa-female {
  --fa: "\f182";
}

.fa-person {
  --fa: "\f183";
}

.fa-male {
  --fa: "\f183";
}

.fa-sun {
  --fa: "\f185";
}

.fa-moon {
  --fa: "\f186";
}

.fa-box-archive {
  --fa: "\f187";
}

.fa-archive {
  --fa: "\f187";
}

.fa-bug {
  --fa: "\f188";
}

.fa-square-caret-left {
  --fa: "\f191";
}

.fa-caret-square-left {
  --fa: "\f191";
}

.fa-circle-dot {
  --fa: "\f192";
}

.fa-dot-circle {
  --fa: "\f192";
}

.fa-wheelchair {
  --fa: "\f193";
}

.fa-lira-sign {
  --fa: "\f195";
}

.fa-shuttle-space {
  --fa: "\f197";
}

.fa-space-shuttle {
  --fa: "\f197";
}

.fa-square-envelope {
  --fa: "\f199";
}

.fa-envelope-square {
  --fa: "\f199";
}

.fa-building-columns {
  --fa: "\f19c";
}

.fa-bank {
  --fa: "\f19c";
}

.fa-institution {
  --fa: "\f19c";
}

.fa-museum {
  --fa: "\f19c";
}

.fa-university {
  --fa: "\f19c";
}

.fa-graduation-cap {
  --fa: "\f19d";
}

.fa-mortar-board {
  --fa: "\f19d";
}

.fa-language {
  --fa: "\f1ab";
}

.fa-fax {
  --fa: "\f1ac";
}

.fa-building {
  --fa: "\f1ad";
}

.fa-child {
  --fa: "\f1ae";
}

.fa-paw {
  --fa: "\f1b0";
}

.fa-cube {
  --fa: "\f1b2";
}

.fa-cubes {
  --fa: "\f1b3";
}

.fa-recycle {
  --fa: "\f1b8";
}

.fa-car {
  --fa: "\f1b9";
}

.fa-automobile {
  --fa: "\f1b9";
}

.fa-taxi {
  --fa: "\f1ba";
}

.fa-cab {
  --fa: "\f1ba";
}

.fa-tree {
  --fa: "\f1bb";
}

.fa-database {
  --fa: "\f1c0";
}

.fa-file-pdf {
  --fa: "\f1c1";
}

.fa-file-word {
  --fa: "\f1c2";
}

.fa-file-excel {
  --fa: "\f1c3";
}

.fa-file-powerpoint {
  --fa: "\f1c4";
}

.fa-file-image {
  --fa: "\f1c5";
}

.fa-file-zipper {
  --fa: "\f1c6";
}

.fa-file-archive {
  --fa: "\f1c6";
}

.fa-file-audio {
  --fa: "\f1c7";
}

.fa-file-video {
  --fa: "\f1c8";
}

.fa-file-code {
  --fa: "\f1c9";
}

.fa-life-ring {
  --fa: "\f1cd";
}

.fa-circle-notch {
  --fa: "\f1ce";
}

.fa-paper-plane {
  --fa: "\f1d8";
}

.fa-clock-rotate-left {
  --fa: "\f1da";
}

.fa-history {
  --fa: "\f1da";
}

.fa-heading {
  --fa: "\f1dc";
}

.fa-header {
  --fa: "\f1dc";
}

.fa-paragraph {
  --fa: "\f1dd";
}

.fa-sliders {
  --fa: "\f1de";
}

.fa-sliders-h {
  --fa: "\f1de";
}

.fa-share-nodes {
  --fa: "\f1e0";
}

.fa-share-alt {
  --fa: "\f1e0";
}

.fa-square-share-nodes {
  --fa: "\f1e1";
}

.fa-share-alt-square {
  --fa: "\f1e1";
}

.fa-bomb {
  --fa: "\f1e2";
}

.fa-futbol {
  --fa: "\f1e3";
}

.fa-futbol-ball {
  --fa: "\f1e3";
}

.fa-soccer-ball {
  --fa: "\f1e3";
}

.fa-tty {
  --fa: "\f1e4";
}

.fa-teletype {
  --fa: "\f1e4";
}

.fa-binoculars {
  --fa: "\f1e5";
}

.fa-plug {
  --fa: "\f1e6";
}

.fa-newspaper {
  --fa: "\f1ea";
}

.fa-wifi {
  --fa: "\f1eb";
}

.fa-wifi-3 {
  --fa: "\f1eb";
}

.fa-wifi-strong {
  --fa: "\f1eb";
}

.fa-calculator {
  --fa: "\f1ec";
}

.fa-bell-slash {
  --fa: "\f1f6";
}

.fa-trash {
  --fa: "\f1f8";
}

.fa-copyright {
  --fa: "\f1f9";
}

.fa-eye-dropper {
  --fa: "\f1fb";
}

.fa-eye-dropper-empty {
  --fa: "\f1fb";
}

.fa-eyedropper {
  --fa: "\f1fb";
}

.fa-paintbrush {
  --fa: "\f1fc";
}

.fa-paint-brush {
  --fa: "\f1fc";
}

.fa-cake-candles {
  --fa: "\f1fd";
}

.fa-birthday-cake {
  --fa: "\f1fd";
}

.fa-cake {
  --fa: "\f1fd";
}

.fa-chart-area {
  --fa: "\f1fe";
}

.fa-area-chart {
  --fa: "\f1fe";
}

.fa-chart-pie {
  --fa: "\f200";
}

.fa-pie-chart {
  --fa: "\f200";
}

.fa-chart-line {
  --fa: "\f201";
}

.fa-line-chart {
  --fa: "\f201";
}

.fa-toggle-off {
  --fa: "\f204";
}

.fa-toggle-on {
  --fa: "\f205";
}

.fa-bicycle {
  --fa: "\f206";
}

.fa-bus {
  --fa: "\f207";
}

.fa-closed-captioning {
  --fa: "\f20a";
}

.fa-shekel-sign {
  --fa: "\f20b";
}

.fa-ils {
  --fa: "\f20b";
}

.fa-shekel {
  --fa: "\f20b";
}

.fa-sheqel {
  --fa: "\f20b";
}

.fa-sheqel-sign {
  --fa: "\f20b";
}

.fa-cart-plus {
  --fa: "\f217";
}

.fa-cart-arrow-down {
  --fa: "\f218";
}

.fa-diamond {
  --fa: "\f219";
}

.fa-ship {
  --fa: "\f21a";
}

.fa-user-secret {
  --fa: "\f21b";
}

.fa-motorcycle {
  --fa: "\f21c";
}

.fa-street-view {
  --fa: "\f21d";
}

.fa-heart-pulse {
  --fa: "\f21e";
}

.fa-heartbeat {
  --fa: "\f21e";
}

.fa-venus {
  --fa: "\f221";
}

.fa-mars {
  --fa: "\f222";
}

.fa-mercury {
  --fa: "\f223";
}

.fa-mars-and-venus {
  --fa: "\f224";
}

.fa-transgender {
  --fa: "\f225";
}

.fa-transgender-alt {
  --fa: "\f225";
}

.fa-venus-double {
  --fa: "\f226";
}

.fa-mars-double {
  --fa: "\f227";
}

.fa-venus-mars {
  --fa: "\f228";
}

.fa-mars-stroke {
  --fa: "\f229";
}

.fa-mars-stroke-up {
  --fa: "\f22a";
}

.fa-mars-stroke-v {
  --fa: "\f22a";
}

.fa-mars-stroke-right {
  --fa: "\f22b";
}

.fa-mars-stroke-h {
  --fa: "\f22b";
}

.fa-neuter {
  --fa: "\f22c";
}

.fa-genderless {
  --fa: "\f22d";
}

.fa-server {
  --fa: "\f233";
}

.fa-user-plus {
  --fa: "\f234";
}

.fa-user-xmark {
  --fa: "\f235";
}

.fa-user-times {
  --fa: "\f235";
}

.fa-bed {
  --fa: "\f236";
}

.fa-train {
  --fa: "\f238";
}

.fa-train-subway {
  --fa: "\f239";
}

.fa-subway {
  --fa: "\f239";
}

.fa-battery-full {
  --fa: "\f240";
}

.fa-battery {
  --fa: "\f240";
}

.fa-battery-5 {
  --fa: "\f240";
}

.fa-battery-three-quarters {
  --fa: "\f241";
}

.fa-battery-4 {
  --fa: "\f241";
}

.fa-battery-half {
  --fa: "\f242";
}

.fa-battery-3 {
  --fa: "\f242";
}

.fa-battery-quarter {
  --fa: "\f243";
}

.fa-battery-2 {
  --fa: "\f243";
}

.fa-battery-empty {
  --fa: "\f244";
}

.fa-battery-0 {
  --fa: "\f244";
}

.fa-arrow-pointer {
  --fa: "\f245";
}

.fa-mouse-pointer {
  --fa: "\f245";
}

.fa-i-cursor {
  --fa: "\f246";
}

.fa-object-group {
  --fa: "\f247";
}

.fa-object-ungroup {
  --fa: "\f248";
}

.fa-note-sticky {
  --fa: "\f249";
}

.fa-sticky-note {
  --fa: "\f249";
}

.fa-clone {
  --fa: "\f24d";
}

.fa-scale-balanced {
  --fa: "\f24e";
}

.fa-balance-scale {
  --fa: "\f24e";
}

.fa-hourglass-start {
  --fa: "\f251";
}

.fa-hourglass-1 {
  --fa: "\f251";
}

.fa-hourglass-half {
  --fa: "\f252";
}

.fa-hourglass-2 {
  --fa: "\f252";
}

.fa-hourglass-end {
  --fa: "\f253";
}

.fa-hourglass-3 {
  --fa: "\f253";
}

.fa-hourglass {
  --fa: "\f254";
}

.fa-hourglass-empty {
  --fa: "\f254";
}

.fa-hand-back-fist {
  --fa: "\f255";
}

.fa-hand-rock {
  --fa: "\f255";
}

.fa-hand {
  --fa: "\f256";
}

.fa-hand-paper {
  --fa: "\f256";
}

.fa-hand-scissors {
  --fa: "\f257";
}

.fa-hand-lizard {
  --fa: "\f258";
}

.fa-hand-spock {
  --fa: "\f259";
}

.fa-hand-pointer {
  --fa: "\f25a";
}

.fa-hand-peace {
  --fa: "\f25b";
}

.fa-trademark {
  --fa: "\f25c";
}

.fa-registered {
  --fa: "\f25d";
}

.fa-tv {
  --fa: "\f26c";
}

.fa-television {
  --fa: "\f26c";
}

.fa-tv-alt {
  --fa: "\f26c";
}

.fa-calendar-plus {
  --fa: "\f271";
}

.fa-calendar-minus {
  --fa: "\f272";
}

.fa-calendar-xmark {
  --fa: "\f273";
}

.fa-calendar-times {
  --fa: "\f273";
}

.fa-calendar-check {
  --fa: "\f274";
}

.fa-industry {
  --fa: "\f275";
}

.fa-map-pin {
  --fa: "\f276";
}

.fa-signs-post {
  --fa: "\f277";
}

.fa-map-signs {
  --fa: "\f277";
}

.fa-map {
  --fa: "\f279";
}

.fa-message {
  --fa: "\f27a";
}

.fa-comment-alt {
  --fa: "\f27a";
}

.fa-circle-pause {
  --fa: "\f28b";
}

.fa-pause-circle {
  --fa: "\f28b";
}

.fa-circle-stop {
  --fa: "\f28d";
}

.fa-stop-circle {
  --fa: "\f28d";
}

.fa-bag-shopping {
  --fa: "\f290";
}

.fa-shopping-bag {
  --fa: "\f290";
}

.fa-basket-shopping {
  --fa: "\f291";
}

.fa-shopping-basket {
  --fa: "\f291";
}

.fa-bluetooth {
  --fa: "\f293";
}

.fa-universal-access {
  --fa: "\f29a";
}

.fa-person-walking-with-cane {
  --fa: "\f29d";
}

.fa-blind {
  --fa: "\f29d";
}

.fa-audio-description {
  --fa: "\f29e";
}

.fa-phone-volume {
  --fa: "\f2a0";
}

.fa-volume-control-phone {
  --fa: "\f2a0";
}

.fa-braille {
  --fa: "\f2a1";
}

.fa-ear-listen {
  --fa: "\f2a2";
}

.fa-assistive-listening-systems {
  --fa: "\f2a2";
}

.fa-hands-asl-interpreting {
  --fa: "\f2a3";
}

.fa-american-sign-language-interpreting {
  --fa: "\f2a3";
}

.fa-asl-interpreting {
  --fa: "\f2a3";
}

.fa-hands-american-sign-language-interpreting {
  --fa: "\f2a3";
}

.fa-ear-deaf {
  --fa: "\f2a4";
}

.fa-deaf {
  --fa: "\f2a4";
}

.fa-deafness {
  --fa: "\f2a4";
}

.fa-hard-of-hearing {
  --fa: "\f2a4";
}

.fa-hands {
  --fa: "\f2a7";
}

.fa-sign-language {
  --fa: "\f2a7";
}

.fa-signing {
  --fa: "\f2a7";
}

.fa-eye-low-vision {
  --fa: "\f2a8";
}

.fa-low-vision {
  --fa: "\f2a8";
}

.fa-font-awesome {
  --fa: "\f2b4";
}

.fa-font-awesome-flag {
  --fa: "\f2b4";
}

.fa-font-awesome-logo-full {
  --fa: "\f2b4";
}

.fa-handshake {
  --fa: "\f2b5";
}

.fa-handshake-alt {
  --fa: "\f2b5";
}

.fa-handshake-simple {
  --fa: "\f2b5";
}

.fa-envelope-open {
  --fa: "\f2b6";
}

.fa-address-book {
  --fa: "\f2b9";
}

.fa-contact-book {
  --fa: "\f2b9";
}

.fa-address-card {
  --fa: "\f2bb";
}

.fa-contact-card {
  --fa: "\f2bb";
}

.fa-vcard {
  --fa: "\f2bb";
}

.fa-circle-user {
  --fa: "\f2bd";
}

.fa-user-circle {
  --fa: "\f2bd";
}

.fa-id-badge {
  --fa: "\f2c1";
}

.fa-id-card {
  --fa: "\f2c2";
}

.fa-drivers-license {
  --fa: "\f2c2";
}

.fa-temperature-full {
  --fa: "\f2c7";
}

.fa-temperature-4 {
  --fa: "\f2c7";
}

.fa-thermometer-4 {
  --fa: "\f2c7";
}

.fa-thermometer-full {
  --fa: "\f2c7";
}

.fa-temperature-three-quarters {
  --fa: "\f2c8";
}

.fa-temperature-3 {
  --fa: "\f2c8";
}

.fa-thermometer-3 {
  --fa: "\f2c8";
}

.fa-thermometer-three-quarters {
  --fa: "\f2c8";
}

.fa-temperature-half {
  --fa: "\f2c9";
}

.fa-temperature-2 {
  --fa: "\f2c9";
}

.fa-thermometer-2 {
  --fa: "\f2c9";
}

.fa-thermometer-half {
  --fa: "\f2c9";
}

.fa-temperature-quarter {
  --fa: "\f2ca";
}

.fa-temperature-1 {
  --fa: "\f2ca";
}

.fa-thermometer-1 {
  --fa: "\f2ca";
}

.fa-thermometer-quarter {
  --fa: "\f2ca";
}

.fa-temperature-empty {
  --fa: "\f2cb";
}

.fa-temperature-0 {
  --fa: "\f2cb";
}

.fa-thermometer-0 {
  --fa: "\f2cb";
}

.fa-thermometer-empty {
  --fa: "\f2cb";
}

.fa-shower {
  --fa: "\f2cc";
}

.fa-bath {
  --fa: "\f2cd";
}

.fa-bathtub {
  --fa: "\f2cd";
}

.fa-podcast {
  --fa: "\f2ce";
}

.fa-window-maximize {
  --fa: "\f2d0";
}

.fa-window-minimize {
  --fa: "\f2d1";
}

.fa-window-restore {
  --fa: "\f2d2";
}

.fa-square-xmark {
  --fa: "\f2d3";
}

.fa-times-square {
  --fa: "\f2d3";
}

.fa-xmark-square {
  --fa: "\f2d3";
}

.fa-microchip {
  --fa: "\f2db";
}

.fa-snowflake {
  --fa: "\f2dc";
}

.fa-watch {
  --fa: "\f2e1";
}

.fa-volume-slash {
  --fa: "\f2e2";
}

.fa-fork {
  --fa: "\f2e3";
}

.fa-utensil-fork {
  --fa: "\f2e3";
}

.fa-knife {
  --fa: "\f2e4";
}

.fa-utensil-knife {
  --fa: "\f2e4";
}

.fa-spoon {
  --fa: "\f2e5";
}

.fa-utensil-spoon {
  --fa: "\f2e5";
}

.fa-fork-knife {
  --fa: "\f2e6";
}

.fa-utensils-alt {
  --fa: "\f2e6";
}

.fa-utensils {
  --fa: "\f2e7";
}

.fa-cutlery {
  --fa: "\f2e7";
}

.fa-circle-dollar {
  --fa: "\f2e8";
}

.fa-dollar-circle {
  --fa: "\f2e8";
}

.fa-usd-circle {
  --fa: "\f2e8";
}

.fa-square-dollar {
  --fa: "\f2e9";
}

.fa-dollar-square {
  --fa: "\f2e9";
}

.fa-usd-square {
  --fa: "\f2e9";
}

.fa-rotate-left {
  --fa: "\f2ea";
}

.fa-rotate-back {
  --fa: "\f2ea";
}

.fa-rotate-backward {
  --fa: "\f2ea";
}

.fa-undo-alt {
  --fa: "\f2ea";
}

.fa-trophy-star {
  --fa: "\f2eb";
}

.fa-trophy-alt {
  --fa: "\f2eb";
}

.fa-triangle {
  --fa: "\f2ec";
}

.fa-trash-can {
  --fa: "\f2ed";
}

.fa-trash-alt {
  --fa: "\f2ed";
}

.fa-hexagon-xmark {
  --fa: "\f2ee";
}

.fa-times-hexagon {
  --fa: "\f2ee";
}

.fa-xmark-hexagon {
  --fa: "\f2ee";
}

.fa-octagon-xmark {
  --fa: "\f2f0";
}

.fa-times-octagon {
  --fa: "\f2f0";
}

.fa-xmark-octagon {
  --fa: "\f2f0";
}

.fa-rotate {
  --fa: "\f2f1";
}

.fa-sync-alt {
  --fa: "\f2f1";
}

.fa-stopwatch {
  --fa: "\f2f2";
}

.fa-star-exclamation {
  --fa: "\f2f3";
}

.fa-spade {
  --fa: "\f2f4";
}

.fa-right-from-bracket {
  --fa: "\f2f5";
}

.fa-sign-out-alt {
  --fa: "\f2f5";
}

.fa-right-to-bracket {
  --fa: "\f2f6";
}

.fa-sign-in-alt {
  --fa: "\f2f6";
}

.fa-shield-check {
  --fa: "\f2f7";
}

.fa-scrubber {
  --fa: "\f2f8";
}

.fa-rotate-right {
  --fa: "\f2f9";
}

.fa-redo-alt {
  --fa: "\f2f9";
}

.fa-rotate-forward {
  --fa: "\f2f9";
}

.fa-rectangle {
  --fa: "\f2fa";
}

.fa-rectangle-landscape {
  --fa: "\f2fa";
}

.fa-rectangle-vertical {
  --fa: "\f2fb";
}

.fa-rectangle-portrait {
  --fa: "\f2fb";
}

.fa-rectangle-wide {
  --fa: "\f2fc";
}

.fa-square-question {
  --fa: "\f2fd";
}

.fa-question-square {
  --fa: "\f2fd";
}

.fa-poo {
  --fa: "\f2fe";
}

.fa-hexagon-plus {
  --fa: "\f300";
}

.fa-plus-hexagon {
  --fa: "\f300";
}

.fa-octagon-plus {
  --fa: "\f301";
}

.fa-plus-octagon {
  --fa: "\f301";
}

.fa-images {
  --fa: "\f302";
}

.fa-pencil {
  --fa: "\f303";
}

.fa-pencil-alt {
  --fa: "\f303";
}

.fa-pen {
  --fa: "\f304";
}

.fa-pen-clip {
  --fa: "\f305";
}

.fa-pen-alt {
  --fa: "\f305";
}

.fa-octagon {
  --fa: "\f306";
}

.fa-hexagon-minus {
  --fa: "\f307";
}

.fa-minus-hexagon {
  --fa: "\f307";
}

.fa-octagon-minus {
  --fa: "\f308";
}

.fa-minus-octagon {
  --fa: "\f308";
}

.fa-down-long {
  --fa: "\f309";
}

.fa-long-arrow-alt-down {
  --fa: "\f309";
}

.fa-left-long {
  --fa: "\f30a";
}

.fa-long-arrow-alt-left {
  --fa: "\f30a";
}

.fa-right-long {
  --fa: "\f30b";
}

.fa-long-arrow-alt-right {
  --fa: "\f30b";
}

.fa-up-long {
  --fa: "\f30c";
}

.fa-long-arrow-alt-up {
  --fa: "\f30c";
}

.fa-lock-keyhole {
  --fa: "\f30d";
}

.fa-lock-alt {
  --fa: "\f30d";
}

.fa-jack-o-lantern {
  --fa: "\f30e";
}

.fa-square-info {
  --fa: "\f30f";
}

.fa-info-square {
  --fa: "\f30f";
}

.fa-inbox-in {
  --fa: "\f310";
}

.fa-inbox-arrow-down {
  --fa: "\f310";
}

.fa-inbox-out {
  --fa: "\f311";
}

.fa-inbox-arrow-up {
  --fa: "\f311";
}

.fa-hexagon {
  --fa: "\f312";
}

.fa-h1 {
  --fa: "\f313";
}

.fa-h2 {
  --fa: "\f314";
}

.fa-h3 {
  --fa: "\f315";
}

.fa-file-check {
  --fa: "\f316";
}

.fa-file-xmark {
  --fa: "\f317";
}

.fa-file-times {
  --fa: "\f317";
}

.fa-file-minus {
  --fa: "\f318";
}

.fa-file-plus {
  --fa: "\f319";
}

.fa-file-exclamation {
  --fa: "\f31a";
}

.fa-file-pen {
  --fa: "\f31c";
}

.fa-file-edit {
  --fa: "\f31c";
}

.fa-arrows-maximize {
  --fa: "\f31d";
}

.fa-expand-arrows {
  --fa: "\f31d";
}

.fa-maximize {
  --fa: "\f31e";
}

.fa-expand-arrows-alt {
  --fa: "\f31e";
}

.fa-expand-wide {
  --fa: "\f320";
}

.fa-square-exclamation {
  --fa: "\f321";
}

.fa-exclamation-square {
  --fa: "\f321";
}

.fa-chevrons-down {
  --fa: "\f322";
}

.fa-chevron-double-down {
  --fa: "\f322";
}

.fa-chevrons-left {
  --fa: "\f323";
}

.fa-chevron-double-left {
  --fa: "\f323";
}

.fa-chevrons-right {
  --fa: "\f324";
}

.fa-chevron-double-right {
  --fa: "\f324";
}

.fa-chevrons-up {
  --fa: "\f325";
}

.fa-chevron-double-up {
  --fa: "\f325";
}

.fa-compress-wide {
  --fa: "\f326";
}

.fa-club {
  --fa: "\f327";
}

.fa-clipboard {
  --fa: "\f328";
}

.fa-square-chevron-down {
  --fa: "\f329";
}

.fa-chevron-square-down {
  --fa: "\f329";
}

.fa-square-chevron-left {
  --fa: "\f32a";
}

.fa-chevron-square-left {
  --fa: "\f32a";
}

.fa-square-chevron-right {
  --fa: "\f32b";
}

.fa-chevron-square-right {
  --fa: "\f32b";
}

.fa-square-chevron-up {
  --fa: "\f32c";
}

.fa-chevron-square-up {
  --fa: "\f32c";
}

.fa-circle-caret-down {
  --fa: "\f32d";
}

.fa-caret-circle-down {
  --fa: "\f32d";
}

.fa-circle-caret-left {
  --fa: "\f32e";
}

.fa-caret-circle-left {
  --fa: "\f32e";
}

.fa-circle-caret-right {
  --fa: "\f330";
}

.fa-caret-circle-right {
  --fa: "\f330";
}

.fa-circle-caret-up {
  --fa: "\f331";
}

.fa-caret-circle-up {
  --fa: "\f331";
}

.fa-calendar-pen {
  --fa: "\f333";
}

.fa-calendar-edit {
  --fa: "\f333";
}

.fa-calendar-exclamation {
  --fa: "\f334";
}

.fa-badge {
  --fa: "\f335";
}

.fa-badge-check {
  --fa: "\f336";
}

.fa-left-right {
  --fa: "\f337";
}

.fa-arrows-alt-h {
  --fa: "\f337";
}

.fa-up-down {
  --fa: "\f338";
}

.fa-arrows-alt-v {
  --fa: "\f338";
}

.fa-square-arrow-down {
  --fa: "\f339";
}

.fa-arrow-square-down {
  --fa: "\f339";
}

.fa-square-arrow-left {
  --fa: "\f33a";
}

.fa-arrow-square-left {
  --fa: "\f33a";
}

.fa-square-arrow-right {
  --fa: "\f33b";
}

.fa-arrow-square-right {
  --fa: "\f33b";
}

.fa-square-arrow-up {
  --fa: "\f33c";
}

.fa-arrow-square-up {
  --fa: "\f33c";
}

.fa-arrow-down-to-line {
  --fa: "\f33d";
}

.fa-arrow-to-bottom {
  --fa: "\f33d";
}

.fa-arrow-left-to-line {
  --fa: "\f33e";
}

.fa-arrow-to-left {
  --fa: "\f33e";
}

.fa-arrow-right-to-line {
  --fa: "\f340";
}

.fa-arrow-to-right {
  --fa: "\f340";
}

.fa-arrow-up-to-line {
  --fa: "\f341";
}

.fa-arrow-to-top {
  --fa: "\f341";
}

.fa-arrow-up-from-line {
  --fa: "\f342";
}

.fa-arrow-from-bottom {
  --fa: "\f342";
}

.fa-arrow-right-from-line {
  --fa: "\f343";
}

.fa-arrow-from-left {
  --fa: "\f343";
}

.fa-arrow-left-from-line {
  --fa: "\f344";
}

.fa-arrow-from-right {
  --fa: "\f344";
}

.fa-arrow-down-from-line {
  --fa: "\f345";
}

.fa-arrow-from-top {
  --fa: "\f345";
}

.fa-up-from-line {
  --fa: "\f346";
}

.fa-arrow-alt-from-bottom {
  --fa: "\f346";
}

.fa-right-from-line {
  --fa: "\f347";
}

.fa-arrow-alt-from-left {
  --fa: "\f347";
}

.fa-left-from-line {
  --fa: "\f348";
}

.fa-arrow-alt-from-right {
  --fa: "\f348";
}

.fa-down-from-line {
  --fa: "\f349";
}

.fa-arrow-alt-from-top {
  --fa: "\f349";
}

.fa-down-to-line {
  --fa: "\f34a";
}

.fa-arrow-alt-to-bottom {
  --fa: "\f34a";
}

.fa-left-to-line {
  --fa: "\f34b";
}

.fa-arrow-alt-to-left {
  --fa: "\f34b";
}

.fa-right-to-line {
  --fa: "\f34c";
}

.fa-arrow-alt-to-right {
  --fa: "\f34c";
}

.fa-up-to-line {
  --fa: "\f34d";
}

.fa-arrow-alt-to-top {
  --fa: "\f34d";
}

.fa-alarm-clock {
  --fa: "\f34e";
}

.fa-square-down {
  --fa: "\f350";
}

.fa-arrow-alt-square-down {
  --fa: "\f350";
}

.fa-square-left {
  --fa: "\f351";
}

.fa-arrow-alt-square-left {
  --fa: "\f351";
}

.fa-square-right {
  --fa: "\f352";
}

.fa-arrow-alt-square-right {
  --fa: "\f352";
}

.fa-square-up {
  --fa: "\f353";
}

.fa-arrow-alt-square-up {
  --fa: "\f353";
}

.fa-down {
  --fa: "\f354";
}

.fa-arrow-alt-down {
  --fa: "\f354";
}

.fa-left {
  --fa: "\f355";
}

.fa-arrow-alt-left {
  --fa: "\f355";
}

.fa-right {
  --fa: "\f356";
}

.fa-arrow-alt-right {
  --fa: "\f356";
}

.fa-up {
  --fa: "\f357";
}

.fa-arrow-alt-up {
  --fa: "\f357";
}

.fa-circle-down {
  --fa: "\f358";
}

.fa-arrow-alt-circle-down {
  --fa: "\f358";
}

.fa-circle-left {
  --fa: "\f359";
}

.fa-arrow-alt-circle-left {
  --fa: "\f359";
}

.fa-circle-right {
  --fa: "\f35a";
}

.fa-arrow-alt-circle-right {
  --fa: "\f35a";
}

.fa-circle-up {
  --fa: "\f35b";
}

.fa-arrow-alt-circle-up {
  --fa: "\f35b";
}

.fa-up-right-from-square {
  --fa: "\f35d";
}

.fa-external-link-alt {
  --fa: "\f35d";
}

.fa-square-up-right {
  --fa: "\f360";
}

.fa-external-link-square-alt {
  --fa: "\f360";
}

.fa-arrows-retweet {
  --fa: "\f361";
}

.fa-retweet-alt {
  --fa: "\f361";
}

.fa-right-left {
  --fa: "\f362";
}

.fa-exchange-alt {
  --fa: "\f362";
}

.fa-repeat {
  --fa: "\f363";
}

.fa-arrows-repeat {
  --fa: "\f364";
}

.fa-repeat-alt {
  --fa: "\f364";
}

.fa-repeat-1 {
  --fa: "\f365";
}

.fa-arrows-repeat-1 {
  --fa: "\f366";
}

.fa-repeat-1-alt {
  --fa: "\f366";
}

.fa-share-all {
  --fa: "\f367";
}

.fa-battery-bolt {
  --fa: "\f376";
}

.fa-battery-slash {
  --fa: "\f377";
}

.fa-browser {
  --fa: "\f37e";
}

.fa-code-commit {
  --fa: "\f386";
}

.fa-code-merge {
  --fa: "\f387";
}

.fa-credit-card-blank {
  --fa: "\f389";
}

.fa-credit-card-front {
  --fa: "\f38a";
}

.fa-desktop {
  --fa: "\f390";
}

.fa-desktop-alt {
  --fa: "\f390";
}

.fa-ellipsis-stroke {
  --fa: "\f39b";
}

.fa-ellipsis-h-alt {
  --fa: "\f39b";
}

.fa-ellipsis-stroke-vertical {
  --fa: "\f39c";
}

.fa-ellipsis-v-alt {
  --fa: "\f39c";
}

.fa-gem {
  --fa: "\f3a5";
}

.fa-industry-windows {
  --fa: "\f3b3";
}

.fa-industry-alt {
  --fa: "\f3b3";
}

.fa-turn-down {
  --fa: "\f3be";
}

.fa-level-down-alt {
  --fa: "\f3be";
}

.fa-turn-up {
  --fa: "\f3bf";
}

.fa-level-up-alt {
  --fa: "\f3bf";
}

.fa-lock-open {
  --fa: "\f3c1";
}

.fa-lock-keyhole-open {
  --fa: "\f3c2";
}

.fa-lock-open-alt {
  --fa: "\f3c2";
}

.fa-location-dot {
  --fa: "\f3c5";
}

.fa-map-marker-alt {
  --fa: "\f3c5";
}

.fa-microphone-lines {
  --fa: "\f3c9";
}

.fa-microphone-alt {
  --fa: "\f3c9";
}

.fa-mobile-screen-button {
  --fa: "\f3cd";
}

.fa-mobile-alt {
  --fa: "\f3cd";
}

.fa-mobile {
  --fa: "\f3ce";
}

.fa-mobile-android {
  --fa: "\f3ce";
}

.fa-mobile-phone {
  --fa: "\f3ce";
}

.fa-mobile-screen {
  --fa: "\f3cf";
}

.fa-mobile-android-alt {
  --fa: "\f3cf";
}

.fa-money-bill-1 {
  --fa: "\f3d1";
}

.fa-money-bill-alt {
  --fa: "\f3d1";
}

.fa-phone-slash {
  --fa: "\f3dd";
}

.fa-plane-engines {
  --fa: "\f3de";
}

.fa-plane-alt {
  --fa: "\f3de";
}

.fa-image-portrait {
  --fa: "\f3e0";
}

.fa-portrait {
  --fa: "\f3e0";
}

.fa-reply {
  --fa: "\f3e5";
}

.fa-mail-reply {
  --fa: "\f3e5";
}

.fa-shield-halved {
  --fa: "\f3ed";
}

.fa-shield-alt {
  --fa: "\f3ed";
}

.fa-square-sliders {
  --fa: "\f3f0";
}

.fa-sliders-h-square {
  --fa: "\f3f0";
}

.fa-sliders-up {
  --fa: "\f3f1";
}

.fa-sliders-v {
  --fa: "\f3f1";
}

.fa-square-sliders-vertical {
  --fa: "\f3f2";
}

.fa-sliders-v-square {
  --fa: "\f3f2";
}

.fa-spinner-third {
  --fa: "\f3f4";
}

.fa-tablet-screen-button {
  --fa: "\f3fa";
}

.fa-tablet-alt {
  --fa: "\f3fa";
}

.fa-tablet {
  --fa: "\f3fb";
}

.fa-tablet-android {
  --fa: "\f3fb";
}

.fa-tablet-screen {
  --fa: "\f3fc";
}

.fa-tablet-android-alt {
  --fa: "\f3fc";
}

.fa-ticket-simple {
  --fa: "\f3ff";
}

.fa-ticket-alt {
  --fa: "\f3ff";
}

.fa-tree-deciduous {
  --fa: "\f400";
}

.fa-tree-alt {
  --fa: "\f400";
}

.fa-tv-retro {
  --fa: "\f401";
}

.fa-window {
  --fa: "\f40e";
}

.fa-window-flip {
  --fa: "\f40f";
}

.fa-window-alt {
  --fa: "\f40f";
}

.fa-rectangle-xmark {
  --fa: "\f410";
}

.fa-rectangle-times {
  --fa: "\f410";
}

.fa-times-rectangle {
  --fa: "\f410";
}

.fa-window-close {
  --fa: "\f410";
}

.fa-down-left-and-up-right-to-center {
  --fa: "\f422";
}

.fa-compress-alt {
  --fa: "\f422";
}

.fa-up-right-and-down-left-from-center {
  --fa: "\f424";
}

.fa-expand-alt {
  --fa: "\f424";
}

.fa-baseball-bat-ball {
  --fa: "\f432";
}

.fa-baseball {
  --fa: "\f433";
}

.fa-baseball-ball {
  --fa: "\f433";
}

.fa-basketball {
  --fa: "\f434";
}

.fa-basketball-ball {
  --fa: "\f434";
}

.fa-basketball-hoop {
  --fa: "\f435";
}

.fa-bowling-ball {
  --fa: "\f436";
}

.fa-bowling-pins {
  --fa: "\f437";
}

.fa-boxing-glove {
  --fa: "\f438";
}

.fa-glove-boxing {
  --fa: "\f438";
}

.fa-chess {
  --fa: "\f439";
}

.fa-chess-bishop {
  --fa: "\f43a";
}

.fa-chess-bishop-piece {
  --fa: "\f43b";
}

.fa-chess-bishop-alt {
  --fa: "\f43b";
}

.fa-chess-board {
  --fa: "\f43c";
}

.fa-chess-clock {
  --fa: "\f43d";
}

.fa-chess-clock-flip {
  --fa: "\f43e";
}

.fa-chess-clock-alt {
  --fa: "\f43e";
}

.fa-chess-king {
  --fa: "\f43f";
}

.fa-chess-king-piece {
  --fa: "\f440";
}

.fa-chess-king-alt {
  --fa: "\f440";
}

.fa-chess-knight {
  --fa: "\f441";
}

.fa-chess-knight-piece {
  --fa: "\f442";
}

.fa-chess-knight-alt {
  --fa: "\f442";
}

.fa-chess-pawn {
  --fa: "\f443";
}

.fa-chess-pawn-piece {
  --fa: "\f444";
}

.fa-chess-pawn-alt {
  --fa: "\f444";
}

.fa-chess-queen {
  --fa: "\f445";
}

.fa-chess-queen-piece {
  --fa: "\f446";
}

.fa-chess-queen-alt {
  --fa: "\f446";
}

.fa-chess-rook {
  --fa: "\f447";
}

.fa-chess-rook-piece {
  --fa: "\f448";
}

.fa-chess-rook-alt {
  --fa: "\f448";
}

.fa-cricket-bat-ball {
  --fa: "\f449";
}

.fa-cricket {
  --fa: "\f449";
}

.fa-curling-stone {
  --fa: "\f44a";
}

.fa-curling {
  --fa: "\f44a";
}

.fa-dumbbell {
  --fa: "\f44b";
}

.fa-field-hockey-stick-ball {
  --fa: "\f44c";
}

.fa-field-hockey {
  --fa: "\f44c";
}

.fa-football {
  --fa: "\f44e";
}

.fa-football-ball {
  --fa: "\f44e";
}

.fa-football-helmet {
  --fa: "\f44f";
}

.fa-golf-ball-tee {
  --fa: "\f450";
}

.fa-golf-ball {
  --fa: "\f450";
}

.fa-golf-club {
  --fa: "\f451";
}

.fa-hockey-puck {
  --fa: "\f453";
}

.fa-hockey-sticks {
  --fa: "\f454";
}

.fa-luchador-mask {
  --fa: "\f455";
}

.fa-luchador {
  --fa: "\f455";
}

.fa-mask-luchador {
  --fa: "\f455";
}

.fa-flag-pennant {
  --fa: "\f456";
}

.fa-pennant {
  --fa: "\f456";
}

.fa-broom-ball {
  --fa: "\f458";
}

.fa-quidditch {
  --fa: "\f458";
}

.fa-quidditch-broom-ball {
  --fa: "\f458";
}

.fa-racquet {
  --fa: "\f45a";
}

.fa-shuttlecock {
  --fa: "\f45b";
}

.fa-square-full {
  --fa: "\f45c";
}

.fa-table-tennis-paddle-ball {
  --fa: "\f45d";
}

.fa-ping-pong-paddle-ball {
  --fa: "\f45d";
}

.fa-table-tennis {
  --fa: "\f45d";
}

.fa-tennis-ball {
  --fa: "\f45e";
}

.fa-volleyball {
  --fa: "\f45f";
}

.fa-volleyball-ball {
  --fa: "\f45f";
}

.fa-whistle {
  --fa: "\f460";
}

.fa-hand-dots {
  --fa: "\f461";
}

.fa-allergies {
  --fa: "\f461";
}

.fa-bandage {
  --fa: "\f462";
}

.fa-band-aid {
  --fa: "\f462";
}

.fa-rectangle-barcode {
  --fa: "\f463";
}

.fa-barcode-alt {
  --fa: "\f463";
}

.fa-barcode-read {
  --fa: "\f464";
}

.fa-barcode-scan {
  --fa: "\f465";
}

.fa-box {
  --fa: "\f466";
}

.fa-box-check {
  --fa: "\f467";
}

.fa-boxes-stacked {
  --fa: "\f468";
}

.fa-boxes {
  --fa: "\f468";
}

.fa-boxes-alt {
  --fa: "\f468";
}

.fa-briefcase-medical {
  --fa: "\f469";
}

.fa-fire-flame-simple {
  --fa: "\f46a";
}

.fa-burn {
  --fa: "\f46a";
}

.fa-capsules {
  --fa: "\f46b";
}

.fa-clipboard-check {
  --fa: "\f46c";
}

.fa-clipboard-list {
  --fa: "\f46d";
}

.fa-conveyor-belt {
  --fa: "\f46e";
}

.fa-conveyor-belt-boxes {
  --fa: "\f46f";
}

.fa-conveyor-belt-alt {
  --fa: "\f46f";
}

.fa-person-dots-from-line {
  --fa: "\f470";
}

.fa-diagnoses {
  --fa: "\f470";
}

.fa-dna {
  --fa: "\f471";
}

.fa-dolly {
  --fa: "\f472";
}

.fa-dolly-box {
  --fa: "\f472";
}

.fa-dolly-empty {
  --fa: "\f473";
}

.fa-cart-flatbed {
  --fa: "\f474";
}

.fa-dolly-flatbed {
  --fa: "\f474";
}

.fa-cart-flatbed-boxes {
  --fa: "\f475";
}

.fa-dolly-flatbed-alt {
  --fa: "\f475";
}

.fa-cart-flatbed-empty {
  --fa: "\f476";
}

.fa-dolly-flatbed-empty {
  --fa: "\f476";
}

.fa-file-medical {
  --fa: "\f477";
}

.fa-file-waveform {
  --fa: "\f478";
}

.fa-file-medical-alt {
  --fa: "\f478";
}

.fa-kit-medical {
  --fa: "\f479";
}

.fa-first-aid {
  --fa: "\f479";
}

.fa-forklift {
  --fa: "\f47a";
}

.fa-hand-holding-box {
  --fa: "\f47b";
}

.fa-hands-holding-diamond {
  --fa: "\f47c";
}

.fa-hand-receiving {
  --fa: "\f47c";
}

.fa-circle-h {
  --fa: "\f47e";
}

.fa-hospital-symbol {
  --fa: "\f47e";
}

.fa-id-card-clip {
  --fa: "\f47f";
}

.fa-id-card-alt {
  --fa: "\f47f";
}

.fa-shelves {
  --fa: "\f480";
}

.fa-inventory {
  --fa: "\f480";
}

.fa-notes-medical {
  --fa: "\f481";
}

.fa-pallet {
  --fa: "\f482";
}

.fa-pallet-boxes {
  --fa: "\f483";
}

.fa-palette-boxes {
  --fa: "\f483";
}

.fa-pallet-alt {
  --fa: "\f483";
}

.fa-pills {
  --fa: "\f484";
}

.fa-prescription-bottle {
  --fa: "\f485";
}

.fa-prescription-bottle-medical {
  --fa: "\f486";
}

.fa-prescription-bottle-alt {
  --fa: "\f486";
}

.fa-bed-pulse {
  --fa: "\f487";
}

.fa-procedures {
  --fa: "\f487";
}

.fa-scanner-gun {
  --fa: "\f488";
}

.fa-scanner {
  --fa: "\f488";
}

.fa-scanner-keyboard {
  --fa: "\f489";
}

.fa-scanner-touchscreen {
  --fa: "\f48a";
}

.fa-truck-fast {
  --fa: "\f48b";
}

.fa-shipping-fast {
  --fa: "\f48b";
}

.fa-truck-clock {
  --fa: "\f48c";
}

.fa-shipping-timed {
  --fa: "\f48c";
}

.fa-smoking {
  --fa: "\f48d";
}

.fa-syringe {
  --fa: "\f48e";
}

.fa-tablet-rugged {
  --fa: "\f48f";
}

.fa-tablets {
  --fa: "\f490";
}

.fa-thermometer {
  --fa: "\f491";
}

.fa-vial {
  --fa: "\f492";
}

.fa-vials {
  --fa: "\f493";
}

.fa-warehouse {
  --fa: "\f494";
}

.fa-warehouse-full {
  --fa: "\f495";
}

.fa-warehouse-alt {
  --fa: "\f495";
}

.fa-weight-scale {
  --fa: "\f496";
}

.fa-weight {
  --fa: "\f496";
}

.fa-x-ray {
  --fa: "\f497";
}

.fa-blanket {
  --fa: "\f498";
}

.fa-book-heart {
  --fa: "\f499";
}

.fa-box-taped {
  --fa: "\f49a";
}

.fa-box-alt {
  --fa: "\f49a";
}

.fa-square-fragile {
  --fa: "\f49b";
}

.fa-box-fragile {
  --fa: "\f49b";
}

.fa-square-wine-glass-crack {
  --fa: "\f49b";
}

.fa-box-open-full {
  --fa: "\f49c";
}

.fa-box-full {
  --fa: "\f49c";
}

.fa-box-heart {
  --fa: "\f49d";
}

.fa-box-open {
  --fa: "\f49e";
}

.fa-square-this-way-up {
  --fa: "\f49f";
}

.fa-box-up {
  --fa: "\f49f";
}

.fa-box-dollar {
  --fa: "\f4a0";
}

.fa-box-usd {
  --fa: "\f4a0";
}

.fa-message-check {
  --fa: "\f4a2";
}

.fa-comment-alt-check {
  --fa: "\f4a2";
}

.fa-message-dots {
  --fa: "\f4a3";
}

.fa-comment-alt-dots {
  --fa: "\f4a3";
}

.fa-messaging {
  --fa: "\f4a3";
}

.fa-message-pen {
  --fa: "\f4a4";
}

.fa-comment-alt-edit {
  --fa: "\f4a4";
}

.fa-message-edit {
  --fa: "\f4a4";
}

.fa-message-exclamation {
  --fa: "\f4a5";
}

.fa-comment-alt-exclamation {
  --fa: "\f4a5";
}

.fa-message-lines {
  --fa: "\f4a6";
}

.fa-comment-alt-lines {
  --fa: "\f4a6";
}

.fa-message-minus {
  --fa: "\f4a7";
}

.fa-comment-alt-minus {
  --fa: "\f4a7";
}

.fa-message-plus {
  --fa: "\f4a8";
}

.fa-comment-alt-plus {
  --fa: "\f4a8";
}

.fa-message-slash {
  --fa: "\f4a9";
}

.fa-comment-alt-slash {
  --fa: "\f4a9";
}

.fa-message-smile {
  --fa: "\f4aa";
}

.fa-comment-alt-smile {
  --fa: "\f4aa";
}

.fa-message-xmark {
  --fa: "\f4ab";
}

.fa-comment-alt-times {
  --fa: "\f4ab";
}

.fa-message-times {
  --fa: "\f4ab";
}

.fa-comment-check {
  --fa: "\f4ac";
}

.fa-comment-dots {
  --fa: "\f4ad";
}

.fa-commenting {
  --fa: "\f4ad";
}

.fa-comment-pen {
  --fa: "\f4ae";
}

.fa-comment-edit {
  --fa: "\f4ae";
}

.fa-comment-exclamation {
  --fa: "\f4af";
}

.fa-comment-lines {
  --fa: "\f4b0";
}

.fa-comment-minus {
  --fa: "\f4b1";
}

.fa-comment-plus {
  --fa: "\f4b2";
}

.fa-comment-slash {
  --fa: "\f4b3";
}

.fa-comment-smile {
  --fa: "\f4b4";
}

.fa-comment-xmark {
  --fa: "\f4b5";
}

.fa-comment-times {
  --fa: "\f4b5";
}

.fa-messages {
  --fa: "\f4b6";
}

.fa-comments-alt {
  --fa: "\f4b6";
}

.fa-container-storage {
  --fa: "\f4b7";
}

.fa-couch {
  --fa: "\f4b8";
}

.fa-circle-dollar-to-slot {
  --fa: "\f4b9";
}

.fa-donate {
  --fa: "\f4b9";
}

.fa-dove {
  --fa: "\f4ba";
}

.fa-wine-glass-crack {
  --fa: "\f4bb";
}

.fa-fragile {
  --fa: "\f4bb";
}

.fa-hand-heart {
  --fa: "\f4bc";
}

.fa-hand-holding {
  --fa: "\f4bd";
}

.fa-hand-holding-heart {
  --fa: "\f4be";
}

.fa-hand-holding-seedling {
  --fa: "\f4bf";
}

.fa-hand-holding-dollar {
  --fa: "\f4c0";
}

.fa-hand-holding-usd {
  --fa: "\f4c0";
}

.fa-hand-holding-droplet {
  --fa: "\f4c1";
}

.fa-hand-holding-water {
  --fa: "\f4c1";
}

.fa-hands-holding {
  --fa: "\f4c2";
}

.fa-hands-holding-heart {
  --fa: "\f4c3";
}

.fa-hands-heart {
  --fa: "\f4c3";
}

.fa-handshake-angle {
  --fa: "\f4c4";
}

.fa-hands-helping {
  --fa: "\f4c4";
}

.fa-hands-holding-dollar {
  --fa: "\f4c5";
}

.fa-hands-usd {
  --fa: "\f4c5";
}

.fa-circle-heart {
  --fa: "\f4c7";
}

.fa-heart-circle {
  --fa: "\f4c7";
}

.fa-square-heart {
  --fa: "\f4c8";
}

.fa-heart-square {
  --fa: "\f4c8";
}

.fa-house-heart {
  --fa: "\f4c9";
}

.fa-home-heart {
  --fa: "\f4c9";
}

.fa-lamp {
  --fa: "\f4ca";
}

.fa-leaf-heart {
  --fa: "\f4cb";
}

.fa-loveseat {
  --fa: "\f4cc";
}

.fa-couch-small {
  --fa: "\f4cc";
}

.fa-parachute-box {
  --fa: "\f4cd";
}

.fa-people-carry-box {
  --fa: "\f4ce";
}

.fa-people-carry {
  --fa: "\f4ce";
}

.fa-person-carry-box {
  --fa: "\f4cf";
}

.fa-person-carry {
  --fa: "\f4cf";
}

.fa-person-dolly {
  --fa: "\f4d0";
}

.fa-person-dolly-empty {
  --fa: "\f4d1";
}

.fa-phone-plus {
  --fa: "\f4d2";
}

.fa-piggy-bank {
  --fa: "\f4d3";
}

.fa-ramp-loading {
  --fa: "\f4d4";
}

.fa-ribbon {
  --fa: "\f4d6";
}

.fa-route {
  --fa: "\f4d7";
}

.fa-seedling {
  --fa: "\f4d8";
}

.fa-sprout {
  --fa: "\f4d8";
}

.fa-sign-hanging {
  --fa: "\f4d9";
}

.fa-sign {
  --fa: "\f4d9";
}

.fa-face-smile-wink {
  --fa: "\f4da";
}

.fa-smile-wink {
  --fa: "\f4da";
}

.fa-tape {
  --fa: "\f4db";
}

.fa-truck-container {
  --fa: "\f4dc";
}

.fa-truck-ramp-couch {
  --fa: "\f4dd";
}

.fa-truck-couch {
  --fa: "\f4dd";
}

.fa-truck-ramp-box {
  --fa: "\f4de";
}

.fa-truck-loading {
  --fa: "\f4de";
}

.fa-truck-moving {
  --fa: "\f4df";
}

.fa-truck-ramp {
  --fa: "\f4e0";
}

.fa-video-plus {
  --fa: "\f4e1";
}

.fa-video-slash {
  --fa: "\f4e2";
}

.fa-wine-glass {
  --fa: "\f4e3";
}

.fa-user-astronaut {
  --fa: "\f4fb";
}

.fa-user-check {
  --fa: "\f4fc";
}

.fa-user-clock {
  --fa: "\f4fd";
}

.fa-user-gear {
  --fa: "\f4fe";
}

.fa-user-cog {
  --fa: "\f4fe";
}

.fa-user-pen {
  --fa: "\f4ff";
}

.fa-user-edit {
  --fa: "\f4ff";
}

.fa-user-group {
  --fa: "\f500";
}

.fa-user-friends {
  --fa: "\f500";
}

.fa-user-graduate {
  --fa: "\f501";
}

.fa-user-lock {
  --fa: "\f502";
}

.fa-user-minus {
  --fa: "\f503";
}

.fa-user-ninja {
  --fa: "\f504";
}

.fa-user-shield {
  --fa: "\f505";
}

.fa-user-slash {
  --fa: "\f506";
}

.fa-user-alt-slash {
  --fa: "\f506";
}

.fa-user-large-slash {
  --fa: "\f506";
}

.fa-user-tag {
  --fa: "\f507";
}

.fa-user-tie {
  --fa: "\f508";
}

.fa-users-gear {
  --fa: "\f509";
}

.fa-users-cog {
  --fa: "\f509";
}

.fa-scale-unbalanced {
  --fa: "\f515";
}

.fa-balance-scale-left {
  --fa: "\f515";
}

.fa-scale-unbalanced-flip {
  --fa: "\f516";
}

.fa-balance-scale-right {
  --fa: "\f516";
}

.fa-blender {
  --fa: "\f517";
}

.fa-book-open {
  --fa: "\f518";
}

.fa-tower-broadcast {
  --fa: "\f519";
}

.fa-broadcast-tower {
  --fa: "\f519";
}

.fa-broom {
  --fa: "\f51a";
}

.fa-chalkboard {
  --fa: "\f51b";
}

.fa-blackboard {
  --fa: "\f51b";
}

.fa-chalkboard-user {
  --fa: "\f51c";
}

.fa-chalkboard-teacher {
  --fa: "\f51c";
}

.fa-church {
  --fa: "\f51d";
}

.fa-coins {
  --fa: "\f51e";
}

.fa-compact-disc {
  --fa: "\f51f";
}

.fa-crow {
  --fa: "\f520";
}

.fa-crown {
  --fa: "\f521";
}

.fa-dice {
  --fa: "\f522";
}

.fa-dice-five {
  --fa: "\f523";
}

.fa-dice-four {
  --fa: "\f524";
}

.fa-dice-one {
  --fa: "\f525";
}

.fa-dice-six {
  --fa: "\f526";
}

.fa-dice-three {
  --fa: "\f527";
}

.fa-dice-two {
  --fa: "\f528";
}

.fa-divide {
  --fa: "\f529";
}

.fa-door-closed {
  --fa: "\f52a";
}

.fa-door-open {
  --fa: "\f52b";
}

.fa-feather {
  --fa: "\f52d";
}

.fa-frog {
  --fa: "\f52e";
}

.fa-gas-pump {
  --fa: "\f52f";
}

.fa-glasses {
  --fa: "\f530";
}

.fa-greater-than-equal {
  --fa: "\f532";
}

.fa-helicopter {
  --fa: "\f533";
}

.fa-infinity {
  --fa: "\f534";
}

.fa-kiwi-bird {
  --fa: "\f535";
}

.fa-less-than-equal {
  --fa: "\f537";
}

.fa-memory {
  --fa: "\f538";
}

.fa-microphone-lines-slash {
  --fa: "\f539";
}

.fa-microphone-alt-slash {
  --fa: "\f539";
}

.fa-money-bill-wave {
  --fa: "\f53a";
}

.fa-money-bill-1-wave {
  --fa: "\f53b";
}

.fa-money-bill-wave-alt {
  --fa: "\f53b";
}

.fa-money-check {
  --fa: "\f53c";
}

.fa-money-check-dollar {
  --fa: "\f53d";
}

.fa-money-check-alt {
  --fa: "\f53d";
}

.fa-not-equal {
  --fa: "\f53e";
}

.fa-palette {
  --fa: "\f53f";
}

.fa-square-parking {
  --fa: "\f540";
}

.fa-parking {
  --fa: "\f540";
}

.fa-diagram-project {
  --fa: "\f542";
}

.fa-project-diagram {
  --fa: "\f542";
}

.fa-receipt {
  --fa: "\f543";
}

.fa-robot {
  --fa: "\f544";
}

.fa-ruler {
  --fa: "\f545";
}

.fa-ruler-combined {
  --fa: "\f546";
}

.fa-ruler-horizontal {
  --fa: "\f547";
}

.fa-ruler-vertical {
  --fa: "\f548";
}

.fa-school {
  --fa: "\f549";
}

.fa-screwdriver {
  --fa: "\f54a";
}

.fa-shoe-prints {
  --fa: "\f54b";
}

.fa-skull {
  --fa: "\f54c";
}

.fa-ban-smoking {
  --fa: "\f54d";
}

.fa-smoking-ban {
  --fa: "\f54d";
}

.fa-store {
  --fa: "\f54e";
}

.fa-shop {
  --fa: "\f54f";
}

.fa-store-alt {
  --fa: "\f54f";
}

.fa-bars-staggered {
  --fa: "\f550";
}

.fa-reorder {
  --fa: "\f550";
}

.fa-stream {
  --fa: "\f550";
}

.fa-stroopwafel {
  --fa: "\f551";
}

.fa-toolbox {
  --fa: "\f552";
}

.fa-shirt {
  --fa: "\f553";
}

.fa-t-shirt {
  --fa: "\f553";
}

.fa-tshirt {
  --fa: "\f553";
}

.fa-person-walking {
  --fa: "\f554";
}

.fa-walking {
  --fa: "\f554";
}

.fa-wallet {
  --fa: "\f555";
}

.fa-face-angry {
  --fa: "\f556";
}

.fa-angry {
  --fa: "\f556";
}

.fa-archway {
  --fa: "\f557";
}

.fa-book-atlas {
  --fa: "\f558";
}

.fa-atlas {
  --fa: "\f558";
}

.fa-award {
  --fa: "\f559";
}

.fa-delete-left {
  --fa: "\f55a";
}

.fa-backspace {
  --fa: "\f55a";
}

.fa-bezier-curve {
  --fa: "\f55b";
}

.fa-bong {
  --fa: "\f55c";
}

.fa-brush {
  --fa: "\f55d";
}

.fa-bus-simple {
  --fa: "\f55e";
}

.fa-bus-alt {
  --fa: "\f55e";
}

.fa-cannabis {
  --fa: "\f55f";
}

.fa-check-double {
  --fa: "\f560";
}

.fa-martini-glass-citrus {
  --fa: "\f561";
}

.fa-cocktail {
  --fa: "\f561";
}

.fa-bell-concierge {
  --fa: "\f562";
}

.fa-concierge-bell {
  --fa: "\f562";
}

.fa-cookie {
  --fa: "\f563";
}

.fa-cookie-bite {
  --fa: "\f564";
}

.fa-crop-simple {
  --fa: "\f565";
}

.fa-crop-alt {
  --fa: "\f565";
}

.fa-tachograph-digital {
  --fa: "\f566";
}

.fa-digital-tachograph {
  --fa: "\f566";
}

.fa-face-dizzy {
  --fa: "\f567";
}

.fa-dizzy {
  --fa: "\f567";
}

.fa-compass-drafting {
  --fa: "\f568";
}

.fa-drafting-compass {
  --fa: "\f568";
}

.fa-drum {
  --fa: "\f569";
}

.fa-drum-steelpan {
  --fa: "\f56a";
}

.fa-feather-pointed {
  --fa: "\f56b";
}

.fa-feather-alt {
  --fa: "\f56b";
}

.fa-file-contract {
  --fa: "\f56c";
}

.fa-file-arrow-down {
  --fa: "\f56d";
}

.fa-file-download {
  --fa: "\f56d";
}

.fa-file-export {
  --fa: "\f56e";
}

.fa-arrow-right-from-file {
  --fa: "\f56e";
}

.fa-file-import {
  --fa: "\f56f";
}

.fa-arrow-right-to-file {
  --fa: "\f56f";
}

.fa-file-invoice {
  --fa: "\f570";
}

.fa-file-invoice-dollar {
  --fa: "\f571";
}

.fa-file-prescription {
  --fa: "\f572";
}

.fa-file-signature {
  --fa: "\f573";
}

.fa-file-arrow-up {
  --fa: "\f574";
}

.fa-file-upload {
  --fa: "\f574";
}

.fa-fill {
  --fa: "\f575";
}

.fa-fill-drip {
  --fa: "\f576";
}

.fa-fingerprint {
  --fa: "\f577";
}

.fa-fish {
  --fa: "\f578";
}

.fa-face-flushed {
  --fa: "\f579";
}

.fa-flushed {
  --fa: "\f579";
}

.fa-face-frown-open {
  --fa: "\f57a";
}

.fa-frown-open {
  --fa: "\f57a";
}

.fa-martini-glass {
  --fa: "\f57b";
}

.fa-glass-martini-alt {
  --fa: "\f57b";
}

.fa-earth-africa {
  --fa: "\f57c";
}

.fa-globe-africa {
  --fa: "\f57c";
}

.fa-earth-americas {
  --fa: "\f57d";
}

.fa-earth {
  --fa: "\f57d";
}

.fa-earth-america {
  --fa: "\f57d";
}

.fa-globe-americas {
  --fa: "\f57d";
}

.fa-earth-asia {
  --fa: "\f57e";
}

.fa-globe-asia {
  --fa: "\f57e";
}

.fa-face-grimace {
  --fa: "\f57f";
}

.fa-grimace {
  --fa: "\f57f";
}

.fa-face-grin {
  --fa: "\f580";
}

.fa-grin {
  --fa: "\f580";
}

.fa-face-grin-wide {
  --fa: "\f581";
}

.fa-grin-alt {
  --fa: "\f581";
}

.fa-face-grin-beam {
  --fa: "\f582";
}

.fa-grin-beam {
  --fa: "\f582";
}

.fa-face-grin-beam-sweat {
  --fa: "\f583";
}

.fa-grin-beam-sweat {
  --fa: "\f583";
}

.fa-face-grin-hearts {
  --fa: "\f584";
}

.fa-grin-hearts {
  --fa: "\f584";
}

.fa-face-grin-squint {
  --fa: "\f585";
}

.fa-grin-squint {
  --fa: "\f585";
}

.fa-face-grin-squint-tears {
  --fa: "\f586";
}

.fa-grin-squint-tears {
  --fa: "\f586";
}

.fa-face-grin-stars {
  --fa: "\f587";
}

.fa-grin-stars {
  --fa: "\f587";
}

.fa-face-grin-tears {
  --fa: "\f588";
}

.fa-grin-tears {
  --fa: "\f588";
}

.fa-face-grin-tongue {
  --fa: "\f589";
}

.fa-grin-tongue {
  --fa: "\f589";
}

.fa-face-grin-tongue-squint {
  --fa: "\f58a";
}

.fa-grin-tongue-squint {
  --fa: "\f58a";
}

.fa-face-grin-tongue-wink {
  --fa: "\f58b";
}

.fa-grin-tongue-wink {
  --fa: "\f58b";
}

.fa-face-grin-wink {
  --fa: "\f58c";
}

.fa-grin-wink {
  --fa: "\f58c";
}

.fa-grip {
  --fa: "\f58d";
}

.fa-grid-horizontal {
  --fa: "\f58d";
}

.fa-grip-horizontal {
  --fa: "\f58d";
}

.fa-grip-vertical {
  --fa: "\f58e";
}

.fa-grid-vertical {
  --fa: "\f58e";
}

.fa-headset {
  --fa: "\f590";
}

.fa-highlighter {
  --fa: "\f591";
}

.fa-hot-tub-person {
  --fa: "\f593";
}

.fa-hot-tub {
  --fa: "\f593";
}

.fa-hotel {
  --fa: "\f594";
}

.fa-joint {
  --fa: "\f595";
}

.fa-face-kiss {
  --fa: "\f596";
}

.fa-kiss {
  --fa: "\f596";
}

.fa-face-kiss-beam {
  --fa: "\f597";
}

.fa-kiss-beam {
  --fa: "\f597";
}

.fa-face-kiss-wink-heart {
  --fa: "\f598";
}

.fa-kiss-wink-heart {
  --fa: "\f598";
}

.fa-face-laugh {
  --fa: "\f599";
}

.fa-laugh {
  --fa: "\f599";
}

.fa-face-laugh-beam {
  --fa: "\f59a";
}

.fa-laugh-beam {
  --fa: "\f59a";
}

.fa-face-laugh-squint {
  --fa: "\f59b";
}

.fa-laugh-squint {
  --fa: "\f59b";
}

.fa-face-laugh-wink {
  --fa: "\f59c";
}

.fa-laugh-wink {
  --fa: "\f59c";
}

.fa-cart-flatbed-suitcase {
  --fa: "\f59d";
}

.fa-luggage-cart {
  --fa: "\f59d";
}

.fa-map-location {
  --fa: "\f59f";
}

.fa-map-marked {
  --fa: "\f59f";
}

.fa-map-location-dot {
  --fa: "\f5a0";
}

.fa-map-marked-alt {
  --fa: "\f5a0";
}

.fa-marker {
  --fa: "\f5a1";
}

.fa-medal {
  --fa: "\f5a2";
}

.fa-face-meh-blank {
  --fa: "\f5a4";
}

.fa-meh-blank {
  --fa: "\f5a4";
}

.fa-face-rolling-eyes {
  --fa: "\f5a5";
}

.fa-meh-rolling-eyes {
  --fa: "\f5a5";
}

.fa-monument {
  --fa: "\f5a6";
}

.fa-mortar-pestle {
  --fa: "\f5a7";
}

.fa-paintbrush-fine {
  --fa: "\f5a9";
}

.fa-paint-brush-alt {
  --fa: "\f5a9";
}

.fa-paint-brush-fine {
  --fa: "\f5a9";
}

.fa-paintbrush-alt {
  --fa: "\f5a9";
}

.fa-paint-roller {
  --fa: "\f5aa";
}

.fa-passport {
  --fa: "\f5ab";
}

.fa-pen-fancy {
  --fa: "\f5ac";
}

.fa-pen-nib {
  --fa: "\f5ad";
}

.fa-pen-ruler {
  --fa: "\f5ae";
}

.fa-pencil-ruler {
  --fa: "\f5ae";
}

.fa-plane-arrival {
  --fa: "\f5af";
}

.fa-plane-departure {
  --fa: "\f5b0";
}

.fa-prescription {
  --fa: "\f5b1";
}

.fa-face-sad-cry {
  --fa: "\f5b3";
}

.fa-sad-cry {
  --fa: "\f5b3";
}

.fa-face-sad-tear {
  --fa: "\f5b4";
}

.fa-sad-tear {
  --fa: "\f5b4";
}

.fa-van-shuttle {
  --fa: "\f5b6";
}

.fa-shuttle-van {
  --fa: "\f5b6";
}

.fa-signature {
  --fa: "\f5b7";
}

.fa-face-smile-beam {
  --fa: "\f5b8";
}

.fa-smile-beam {
  --fa: "\f5b8";
}

.fa-face-smile-plus {
  --fa: "\f5b9";
}

.fa-smile-plus {
  --fa: "\f5b9";
}

.fa-solar-panel {
  --fa: "\f5ba";
}

.fa-spa {
  --fa: "\f5bb";
}

.fa-splotch {
  --fa: "\f5bc";
}

.fa-spray-can {
  --fa: "\f5bd";
}

.fa-stamp {
  --fa: "\f5bf";
}

.fa-star-half-stroke {
  --fa: "\f5c0";
}

.fa-star-half-alt {
  --fa: "\f5c0";
}

.fa-suitcase-rolling {
  --fa: "\f5c1";
}

.fa-face-surprise {
  --fa: "\f5c2";
}

.fa-surprise {
  --fa: "\f5c2";
}

.fa-swatchbook {
  --fa: "\f5c3";
}

.fa-person-swimming {
  --fa: "\f5c4";
}

.fa-swimmer {
  --fa: "\f5c4";
}

.fa-water-ladder {
  --fa: "\f5c5";
}

.fa-ladder-water {
  --fa: "\f5c5";
}

.fa-swimming-pool {
  --fa: "\f5c5";
}

.fa-droplet-slash {
  --fa: "\f5c7";
}

.fa-tint-slash {
  --fa: "\f5c7";
}

.fa-face-tired {
  --fa: "\f5c8";
}

.fa-tired {
  --fa: "\f5c8";
}

.fa-tooth {
  --fa: "\f5c9";
}

.fa-umbrella-beach {
  --fa: "\f5ca";
}

.fa-weight-hanging {
  --fa: "\f5cd";
}

.fa-wine-glass-empty {
  --fa: "\f5ce";
}

.fa-wine-glass-alt {
  --fa: "\f5ce";
}

.fa-spray-can-sparkles {
  --fa: "\f5d0";
}

.fa-air-freshener {
  --fa: "\f5d0";
}

.fa-apple-whole {
  --fa: "\f5d1";
}

.fa-apple-alt {
  --fa: "\f5d1";
}

.fa-atom {
  --fa: "\f5d2";
}

.fa-atom-simple {
  --fa: "\f5d3";
}

.fa-atom-alt {
  --fa: "\f5d3";
}

.fa-backpack {
  --fa: "\f5d4";
}

.fa-bell-school {
  --fa: "\f5d5";
}

.fa-bell-school-slash {
  --fa: "\f5d6";
}

.fa-bone {
  --fa: "\f5d7";
}

.fa-bone-break {
  --fa: "\f5d8";
}

.fa-book-blank {
  --fa: "\f5d9";
}

.fa-book-alt {
  --fa: "\f5d9";
}

.fa-book-open-reader {
  --fa: "\f5da";
}

.fa-book-reader {
  --fa: "\f5da";
}

.fa-books {
  --fa: "\f5db";
}

.fa-brain {
  --fa: "\f5dc";
}

.fa-bus-school {
  --fa: "\f5dd";
}

.fa-car-rear {
  --fa: "\f5de";
}

.fa-car-alt {
  --fa: "\f5de";
}

.fa-car-battery {
  --fa: "\f5df";
}

.fa-battery-car {
  --fa: "\f5df";
}

.fa-car-bump {
  --fa: "\f5e0";
}

.fa-car-burst {
  --fa: "\f5e1";
}

.fa-car-crash {
  --fa: "\f5e1";
}

.fa-car-garage {
  --fa: "\f5e2";
}

.fa-car-wrench {
  --fa: "\f5e3";
}

.fa-car-mechanic {
  --fa: "\f5e3";
}

.fa-car-side {
  --fa: "\f5e4";
}

.fa-car-tilt {
  --fa: "\f5e5";
}

.fa-car-wash {
  --fa: "\f5e6";
}

.fa-charging-station {
  --fa: "\f5e7";
}

.fa-clipboard-prescription {
  --fa: "\f5e8";
}

.fa-compass-slash {
  --fa: "\f5e9";
}

.fa-diploma {
  --fa: "\f5ea";
}

.fa-scroll-ribbon {
  --fa: "\f5ea";
}

.fa-diamond-turn-right {
  --fa: "\f5eb";
}

.fa-directions {
  --fa: "\f5eb";
}

.fa-do-not-enter {
  --fa: "\f5ec";
}

.fa-draw-circle {
  --fa: "\f5ed";
}

.fa-vector-circle {
  --fa: "\f5ed";
}

.fa-draw-polygon {
  --fa: "\f5ee";
}

.fa-vector-polygon {
  --fa: "\f5ee";
}

.fa-draw-square {
  --fa: "\f5ef";
}

.fa-vector-square {
  --fa: "\f5ef";
}

.fa-ear {
  --fa: "\f5f0";
}

.fa-engine-warning {
  --fa: "\f5f2";
}

.fa-engine-exclamation {
  --fa: "\f5f2";
}

.fa-file-certificate {
  --fa: "\f5f3";
}

.fa-file-award {
  --fa: "\f5f3";
}

.fa-gas-pump-slash {
  --fa: "\f5f4";
}

.fa-glasses-round {
  --fa: "\f5f5";
}

.fa-glasses-alt {
  --fa: "\f5f5";
}

.fa-globe-stand {
  --fa: "\f5f6";
}

.fa-wave-pulse {
  --fa: "\f5f8";
}

.fa-heart-rate {
  --fa: "\f5f8";
}

.fa-inhaler {
  --fa: "\f5f9";
}

.fa-kidneys {
  --fa: "\f5fb";
}

.fa-laptop-code {
  --fa: "\f5fc";
}

.fa-layer-group {
  --fa: "\f5fd";
}

.fa-layer-minus {
  --fa: "\f5fe";
}

.fa-layer-group-minus {
  --fa: "\f5fe";
}

.fa-layer-plus {
  --fa: "\f5ff";
}

.fa-layer-group-plus {
  --fa: "\f5ff";
}

.fa-lips {
  --fa: "\f600";
}

.fa-location-crosshairs {
  --fa: "\f601";
}

.fa-location {
  --fa: "\f601";
}

.fa-circle-location-arrow {
  --fa: "\f602";
}

.fa-location-circle {
  --fa: "\f602";
}

.fa-location-crosshairs-slash {
  --fa: "\f603";
}

.fa-location-slash {
  --fa: "\f603";
}

.fa-lungs {
  --fa: "\f604";
}

.fa-location-dot-slash {
  --fa: "\f605";
}

.fa-map-marker-alt-slash {
  --fa: "\f605";
}

.fa-location-check {
  --fa: "\f606";
}

.fa-map-marker-check {
  --fa: "\f606";
}

.fa-location-pen {
  --fa: "\f607";
}

.fa-map-marker-edit {
  --fa: "\f607";
}

.fa-location-exclamation {
  --fa: "\f608";
}

.fa-map-marker-exclamation {
  --fa: "\f608";
}

.fa-location-minus {
  --fa: "\f609";
}

.fa-map-marker-minus {
  --fa: "\f609";
}

.fa-location-plus {
  --fa: "\f60a";
}

.fa-map-marker-plus {
  --fa: "\f60a";
}

.fa-location-question {
  --fa: "\f60b";
}

.fa-map-marker-question {
  --fa: "\f60b";
}

.fa-location-pin-slash {
  --fa: "\f60c";
}

.fa-map-marker-slash {
  --fa: "\f60c";
}

.fa-location-smile {
  --fa: "\f60d";
}

.fa-map-marker-smile {
  --fa: "\f60d";
}

.fa-location-xmark {
  --fa: "\f60e";
}

.fa-map-marker-times {
  --fa: "\f60e";
}

.fa-map-marker-xmark {
  --fa: "\f60e";
}

.fa-microscope {
  --fa: "\f610";
}

.fa-monitor-waveform {
  --fa: "\f611";
}

.fa-monitor-heart-rate {
  --fa: "\f611";
}

.fa-oil-can {
  --fa: "\f613";
}

.fa-oil-temperature {
  --fa: "\f614";
}

.fa-oil-temp {
  --fa: "\f614";
}

.fa-circle-parking {
  --fa: "\f615";
}

.fa-parking-circle {
  --fa: "\f615";
}

.fa-ban-parking {
  --fa: "\f616";
}

.fa-parking-circle-slash {
  --fa: "\f616";
}

.fa-square-parking-slash {
  --fa: "\f617";
}

.fa-parking-slash {
  --fa: "\f617";
}

.fa-pen-paintbrush {
  --fa: "\f618";
}

.fa-pencil-paintbrush {
  --fa: "\f618";
}

.fa-poop {
  --fa: "\f619";
}

.fa-route-highway {
  --fa: "\f61a";
}

.fa-route-interstate {
  --fa: "\f61b";
}

.fa-ruler-triangle {
  --fa: "\f61c";
}

.fa-scalpel {
  --fa: "\f61d";
}

.fa-scalpel-line-dashed {
  --fa: "\f61e";
}

.fa-scalpel-path {
  --fa: "\f61e";
}

.fa-shapes {
  --fa: "\f61f";
}

.fa-triangle-circle-square {
  --fa: "\f61f";
}

.fa-skeleton {
  --fa: "\f620";
}

.fa-star-of-life {
  --fa: "\f621";
}

.fa-steering-wheel {
  --fa: "\f622";
}

.fa-stomach {
  --fa: "\f623";
}

.fa-gauge {
  --fa: "\f624";
}

.fa-dashboard {
  --fa: "\f624";
}

.fa-gauge-med {
  --fa: "\f624";
}

.fa-tachometer-alt-average {
  --fa: "\f624";
}

.fa-gauge-high {
  --fa: "\f625";
}

.fa-tachometer-alt {
  --fa: "\f625";
}

.fa-tachometer-alt-fast {
  --fa: "\f625";
}

.fa-gauge-max {
  --fa: "\f626";
}

.fa-tachometer-alt-fastest {
  --fa: "\f626";
}

.fa-gauge-low {
  --fa: "\f627";
}

.fa-tachometer-alt-slow {
  --fa: "\f627";
}

.fa-gauge-min {
  --fa: "\f628";
}

.fa-tachometer-alt-slowest {
  --fa: "\f628";
}

.fa-gauge-simple {
  --fa: "\f629";
}

.fa-gauge-simple-med {
  --fa: "\f629";
}

.fa-tachometer-average {
  --fa: "\f629";
}

.fa-gauge-simple-high {
  --fa: "\f62a";
}

.fa-tachometer {
  --fa: "\f62a";
}

.fa-tachometer-fast {
  --fa: "\f62a";
}

.fa-gauge-simple-max {
  --fa: "\f62b";
}

.fa-tachometer-fastest {
  --fa: "\f62b";
}

.fa-gauge-simple-low {
  --fa: "\f62c";
}

.fa-tachometer-slow {
  --fa: "\f62c";
}

.fa-gauge-simple-min {
  --fa: "\f62d";
}

.fa-tachometer-slowest {
  --fa: "\f62d";
}

.fa-teeth {
  --fa: "\f62e";
}

.fa-teeth-open {
  --fa: "\f62f";
}

.fa-masks-theater {
  --fa: "\f630";
}

.fa-theater-masks {
  --fa: "\f630";
}

.fa-tire {
  --fa: "\f631";
}

.fa-tire-flat {
  --fa: "\f632";
}

.fa-tire-pressure-warning {
  --fa: "\f633";
}

.fa-tire-rugged {
  --fa: "\f634";
}

.fa-toothbrush {
  --fa: "\f635";
}

.fa-traffic-cone {
  --fa: "\f636";
}

.fa-traffic-light {
  --fa: "\f637";
}

.fa-traffic-light-go {
  --fa: "\f638";
}

.fa-traffic-light-slow {
  --fa: "\f639";
}

.fa-traffic-light-stop {
  --fa: "\f63a";
}

.fa-truck-monster {
  --fa: "\f63b";
}

.fa-truck-pickup {
  --fa: "\f63c";
}

.fa-screen-users {
  --fa: "\f63d";
}

.fa-users-class {
  --fa: "\f63d";
}

.fa-watch-fitness {
  --fa: "\f63e";
}

.fa-abacus {
  --fa: "\f640";
}

.fa-rectangle-ad {
  --fa: "\f641";
}

.fa-ad {
  --fa: "\f641";
}

.fa-chart-mixed {
  --fa: "\f643";
}

.fa-analytics {
  --fa: "\f643";
}

.fa-ankh {
  --fa: "\f644";
}

.fa-badge-dollar {
  --fa: "\f645";
}

.fa-badge-percent {
  --fa: "\f646";
}

.fa-book-bible {
  --fa: "\f647";
}

.fa-bible {
  --fa: "\f647";
}

.fa-bullseye-arrow {
  --fa: "\f648";
}

.fa-bullseye-pointer {
  --fa: "\f649";
}

.fa-business-time {
  --fa: "\f64a";
}

.fa-briefcase-clock {
  --fa: "\f64a";
}

.fa-cabinet-filing {
  --fa: "\f64b";
}

.fa-calculator-simple {
  --fa: "\f64c";
}

.fa-calculator-alt {
  --fa: "\f64c";
}

.fa-chart-line-down {
  --fa: "\f64d";
}

.fa-chart-pie-simple {
  --fa: "\f64e";
}

.fa-chart-pie-alt {
  --fa: "\f64e";
}

.fa-city {
  --fa: "\f64f";
}

.fa-message-dollar {
  --fa: "\f650";
}

.fa-comment-alt-dollar {
  --fa: "\f650";
}

.fa-comment-dollar {
  --fa: "\f651";
}

.fa-messages-dollar {
  --fa: "\f652";
}

.fa-comments-alt-dollar {
  --fa: "\f652";
}

.fa-comments-dollar {
  --fa: "\f653";
}

.fa-cross {
  --fa: "\f654";
}

.fa-dharmachakra {
  --fa: "\f655";
}

.fa-empty-set {
  --fa: "\f656";
}

.fa-envelope-open-dollar {
  --fa: "\f657";
}

.fa-envelope-open-text {
  --fa: "\f658";
}

.fa-file-chart-column {
  --fa: "\f659";
}

.fa-file-chart-line {
  --fa: "\f659";
}

.fa-file-chart-pie {
  --fa: "\f65a";
}

.fa-file-spreadsheet {
  --fa: "\f65b";
}

.fa-file-user {
  --fa: "\f65c";
}

.fa-folder-minus {
  --fa: "\f65d";
}

.fa-folder-plus {
  --fa: "\f65e";
}

.fa-folder-xmark {
  --fa: "\f65f";
}

.fa-folder-times {
  --fa: "\f65f";
}

.fa-folders {
  --fa: "\f660";
}

.fa-function {
  --fa: "\f661";
}

.fa-filter-circle-dollar {
  --fa: "\f662";
}

.fa-funnel-dollar {
  --fa: "\f662";
}

.fa-gift-card {
  --fa: "\f663";
}

.fa-gopuram {
  --fa: "\f664";
}

.fa-hamsa {
  --fa: "\f665";
}

.fa-bahai {
  --fa: "\f666";
}

.fa-haykal {
  --fa: "\f666";
}

.fa-integral {
  --fa: "\f667";
}

.fa-intersection {
  --fa: "\f668";
}

.fa-jedi {
  --fa: "\f669";
}

.fa-book-journal-whills {
  --fa: "\f66a";
}

.fa-journal-whills {
  --fa: "\f66a";
}

.fa-kaaba {
  --fa: "\f66b";
}

.fa-keynote {
  --fa: "\f66c";
}

.fa-khanda {
  --fa: "\f66d";
}

.fa-lambda {
  --fa: "\f66e";
}

.fa-landmark {
  --fa: "\f66f";
}

.fa-lightbulb-dollar {
  --fa: "\f670";
}

.fa-lightbulb-exclamation {
  --fa: "\f671";
}

.fa-lightbulb-on {
  --fa: "\f672";
}

.fa-lightbulb-slash {
  --fa: "\f673";
}

.fa-envelopes-bulk {
  --fa: "\f674";
}

.fa-mail-bulk {
  --fa: "\f674";
}

.fa-megaphone {
  --fa: "\f675";
}

.fa-menorah {
  --fa: "\f676";
}

.fa-brain-arrow-curved-right {
  --fa: "\f677";
}

.fa-mind-share {
  --fa: "\f677";
}

.fa-mosque {
  --fa: "\f678";
}

.fa-om {
  --fa: "\f679";
}

.fa-omega {
  --fa: "\f67a";
}

.fa-spaghetti-monster-flying {
  --fa: "\f67b";
}

.fa-pastafarianism {
  --fa: "\f67b";
}

.fa-peace {
  --fa: "\f67c";
}

.fa-phone-office {
  --fa: "\f67d";
}

.fa-pi {
  --fa: "\f67e";
}

.fa-place-of-worship {
  --fa: "\f67f";
}

.fa-podium {
  --fa: "\f680";
}

.fa-square-poll-vertical {
  --fa: "\f681";
}

.fa-poll {
  --fa: "\f681";
}

.fa-square-poll-horizontal {
  --fa: "\f682";
}

.fa-poll-h {
  --fa: "\f682";
}

.fa-person-praying {
  --fa: "\f683";
}

.fa-pray {
  --fa: "\f683";
}

.fa-hands-praying {
  --fa: "\f684";
}

.fa-praying-hands {
  --fa: "\f684";
}

.fa-presentation-screen {
  --fa: "\f685";
}

.fa-presentation {
  --fa: "\f685";
}

.fa-print-slash {
  --fa: "\f686";
}

.fa-book-quran {
  --fa: "\f687";
}

.fa-quran {
  --fa: "\f687";
}

.fa-magnifying-glass-dollar {
  --fa: "\f688";
}

.fa-search-dollar {
  --fa: "\f688";
}

.fa-magnifying-glass-location {
  --fa: "\f689";
}

.fa-search-location {
  --fa: "\f689";
}

.fa-shredder {
  --fa: "\f68a";
}

.fa-sigma {
  --fa: "\f68b";
}

.fa-signal-weak {
  --fa: "\f68c";
}

.fa-signal-1 {
  --fa: "\f68c";
}

.fa-signal-fair {
  --fa: "\f68d";
}

.fa-signal-2 {
  --fa: "\f68d";
}

.fa-signal-good {
  --fa: "\f68e";
}

.fa-signal-3 {
  --fa: "\f68e";
}

.fa-signal-strong {
  --fa: "\f68f";
}

.fa-signal-4 {
  --fa: "\f68f";
}

.fa-signal-bars {
  --fa: "\f690";
}

.fa-signal-alt {
  --fa: "\f690";
}

.fa-signal-alt-4 {
  --fa: "\f690";
}

.fa-signal-bars-strong {
  --fa: "\f690";
}

.fa-signal-bars-weak {
  --fa: "\f691";
}

.fa-signal-alt-1 {
  --fa: "\f691";
}

.fa-signal-bars-fair {
  --fa: "\f692";
}

.fa-signal-alt-2 {
  --fa: "\f692";
}

.fa-signal-bars-good {
  --fa: "\f693";
}

.fa-signal-alt-3 {
  --fa: "\f693";
}

.fa-signal-bars-slash {
  --fa: "\f694";
}

.fa-signal-alt-slash {
  --fa: "\f694";
}

.fa-signal-slash {
  --fa: "\f695";
}

.fa-socks {
  --fa: "\f696";
}

.fa-square-root {
  --fa: "\f697";
}

.fa-square-root-variable {
  --fa: "\f698";
}

.fa-square-root-alt {
  --fa: "\f698";
}

.fa-star-and-crescent {
  --fa: "\f699";
}

.fa-star-of-david {
  --fa: "\f69a";
}

.fa-synagogue {
  --fa: "\f69b";
}

.fa-tally {
  --fa: "\f69c";
}

.fa-tally-5 {
  --fa: "\f69c";
}

.fa-theta {
  --fa: "\f69e";
}

.fa-scroll-torah {
  --fa: "\f6a0";
}

.fa-torah {
  --fa: "\f6a0";
}

.fa-torii-gate {
  --fa: "\f6a1";
}

.fa-union {
  --fa: "\f6a2";
}

.fa-chart-user {
  --fa: "\f6a3";
}

.fa-user-chart {
  --fa: "\f6a3";
}

.fa-user-crown {
  --fa: "\f6a4";
}

.fa-user-group-crown {
  --fa: "\f6a5";
}

.fa-users-crown {
  --fa: "\f6a5";
}

.fa-value-absolute {
  --fa: "\f6a6";
}

.fa-vihara {
  --fa: "\f6a7";
}

.fa-volume {
  --fa: "\f6a8";
}

.fa-volume-medium {
  --fa: "\f6a8";
}

.fa-volume-xmark {
  --fa: "\f6a9";
}

.fa-volume-mute {
  --fa: "\f6a9";
}

.fa-volume-times {
  --fa: "\f6a9";
}

.fa-wifi-weak {
  --fa: "\f6aa";
}

.fa-wifi-1 {
  --fa: "\f6aa";
}

.fa-wifi-fair {
  --fa: "\f6ab";
}

.fa-wifi-2 {
  --fa: "\f6ab";
}

.fa-wifi-slash {
  --fa: "\f6ac";
}

.fa-yin-yang {
  --fa: "\f6ad";
}

.fa-acorn {
  --fa: "\f6ae";
}

.fa-alicorn {
  --fa: "\f6b0";
}

.fa-crate-apple {
  --fa: "\f6b1";
}

.fa-apple-crate {
  --fa: "\f6b1";
}

.fa-axe {
  --fa: "\f6b2";
}

.fa-axe-battle {
  --fa: "\f6b3";
}

.fa-badger-honey {
  --fa: "\f6b4";
}

.fa-bat {
  --fa: "\f6b5";
}

.fa-blender-phone {
  --fa: "\f6b6";
}

.fa-book-skull {
  --fa: "\f6b7";
}

.fa-book-dead {
  --fa: "\f6b7";
}

.fa-book-sparkles {
  --fa: "\f6b8";
}

.fa-book-spells {
  --fa: "\f6b8";
}

.fa-bow-arrow {
  --fa: "\f6b9";
}

.fa-campfire {
  --fa: "\f6ba";
}

.fa-campground {
  --fa: "\f6bb";
}

.fa-candle-holder {
  --fa: "\f6bc";
}

.fa-candy-corn {
  --fa: "\f6bd";
}

.fa-cat {
  --fa: "\f6be";
}

.fa-cauldron {
  --fa: "\f6bf";
}

.fa-chair {
  --fa: "\f6c0";
}

.fa-chair-office {
  --fa: "\f6c1";
}

.fa-claw-marks {
  --fa: "\f6c2";
}

.fa-cloud-moon {
  --fa: "\f6c3";
}

.fa-cloud-sun {
  --fa: "\f6c4";
}

.fa-cup-togo {
  --fa: "\f6c5";
}

.fa-coffee-togo {
  --fa: "\f6c5";
}

.fa-coffin {
  --fa: "\f6c6";
}

.fa-corn {
  --fa: "\f6c7";
}

.fa-cow {
  --fa: "\f6c8";
}

.fa-dagger {
  --fa: "\f6cb";
}

.fa-dice-d10 {
  --fa: "\f6cd";
}

.fa-dice-d12 {
  --fa: "\f6ce";
}

.fa-dice-d20 {
  --fa: "\f6cf";
}

.fa-dice-d4 {
  --fa: "\f6d0";
}

.fa-dice-d6 {
  --fa: "\f6d1";
}

.fa-dice-d8 {
  --fa: "\f6d2";
}

.fa-dog {
  --fa: "\f6d3";
}

.fa-dog-leashed {
  --fa: "\f6d4";
}

.fa-dragon {
  --fa: "\f6d5";
}

.fa-drumstick {
  --fa: "\f6d6";
}

.fa-drumstick-bite {
  --fa: "\f6d7";
}

.fa-duck {
  --fa: "\f6d8";
}

.fa-dungeon {
  --fa: "\f6d9";
}

.fa-elephant {
  --fa: "\f6da";
}

.fa-eye-evil {
  --fa: "\f6db";
}

.fa-file-csv {
  --fa: "\f6dd";
}

.fa-hand-fist {
  --fa: "\f6de";
}

.fa-fist-raised {
  --fa: "\f6de";
}

.fa-fire-flame {
  --fa: "\f6df";
}

.fa-flame {
  --fa: "\f6df";
}

.fa-flask-round-poison {
  --fa: "\f6e0";
}

.fa-flask-poison {
  --fa: "\f6e0";
}

.fa-flask-round-potion {
  --fa: "\f6e1";
}

.fa-flask-potion {
  --fa: "\f6e1";
}

.fa-ghost {
  --fa: "\f6e2";
}

.fa-hammer {
  --fa: "\f6e3";
}

.fa-hammer-war {
  --fa: "\f6e4";
}

.fa-hand-holding-magic {
  --fa: "\f6e5";
}

.fa-hanukiah {
  --fa: "\f6e6";
}

.fa-hat-witch {
  --fa: "\f6e7";
}

.fa-hat-wizard {
  --fa: "\f6e8";
}

.fa-head-side {
  --fa: "\f6e9";
}

.fa-head-side-goggles {
  --fa: "\f6ea";
}

.fa-head-vr {
  --fa: "\f6ea";
}

.fa-helmet-battle {
  --fa: "\f6eb";
}

.fa-person-hiking {
  --fa: "\f6ec";
}

.fa-hiking {
  --fa: "\f6ec";
}

.fa-hippo {
  --fa: "\f6ed";
}

.fa-hockey-mask {
  --fa: "\f6ee";
}

.fa-hood-cloak {
  --fa: "\f6ef";
}

.fa-horse {
  --fa: "\f6f0";
}

.fa-house-chimney-crack {
  --fa: "\f6f1";
}

.fa-house-damage {
  --fa: "\f6f1";
}

.fa-hryvnia-sign {
  --fa: "\f6f2";
}

.fa-hryvnia {
  --fa: "\f6f2";
}

.fa-key-skeleton {
  --fa: "\f6f3";
}

.fa-kite {
  --fa: "\f6f4";
}

.fa-knife-kitchen {
  --fa: "\f6f5";
}

.fa-leaf-maple {
  --fa: "\f6f6";
}

.fa-leaf-oak {
  --fa: "\f6f7";
}

.fa-mace {
  --fa: "\f6f8";
}

.fa-mandolin {
  --fa: "\f6f9";
}

.fa-mask {
  --fa: "\f6fa";
}

.fa-monkey {
  --fa: "\f6fb";
}

.fa-mountain {
  --fa: "\f6fc";
}

.fa-mountains {
  --fa: "\f6fd";
}

.fa-narwhal {
  --fa: "\f6fe";
}

.fa-network-wired {
  --fa: "\f6ff";
}

.fa-otter {
  --fa: "\f700";
}

.fa-paw-simple {
  --fa: "\f701";
}

.fa-paw-alt {
  --fa: "\f701";
}

.fa-paw-claws {
  --fa: "\f702";
}

.fa-pegasus {
  --fa: "\f703";
}

.fa-pie {
  --fa: "\f705";
}

.fa-pig {
  --fa: "\f706";
}

.fa-pumpkin {
  --fa: "\f707";
}

.fa-rabbit {
  --fa: "\f708";
}

.fa-rabbit-running {
  --fa: "\f709";
}

.fa-rabbit-fast {
  --fa: "\f709";
}

.fa-ram {
  --fa: "\f70a";
}

.fa-ring {
  --fa: "\f70b";
}

.fa-person-running {
  --fa: "\f70c";
}

.fa-running {
  --fa: "\f70c";
}

.fa-scarecrow {
  --fa: "\f70d";
}

.fa-scroll {
  --fa: "\f70e";
}

.fa-scroll-old {
  --fa: "\f70f";
}

.fa-scythe {
  --fa: "\f710";
}

.fa-sheep {
  --fa: "\f711";
}

.fa-shield-cross {
  --fa: "\f712";
}

.fa-shovel {
  --fa: "\f713";
}

.fa-skull-crossbones {
  --fa: "\f714";
}

.fa-slash {
  --fa: "\f715";
}

.fa-snake {
  --fa: "\f716";
}

.fa-spider {
  --fa: "\f717";
}

.fa-spider-black-widow {
  --fa: "\f718";
}

.fa-spider-web {
  --fa: "\f719";
}

.fa-squirrel {
  --fa: "\f71a";
}

.fa-staff {
  --fa: "\f71b";
}

.fa-sword {
  --fa: "\f71c";
}

.fa-swords {
  --fa: "\f71d";
}

.fa-toilet-paper {
  --fa: "\f71e";
}

.fa-toilet-paper-alt {
  --fa: "\f71e";
}

.fa-toilet-paper-blank {
  --fa: "\f71e";
}

.fa-tombstone {
  --fa: "\f720";
}

.fa-tombstone-blank {
  --fa: "\f721";
}

.fa-tombstone-alt {
  --fa: "\f721";
}

.fa-tractor {
  --fa: "\f722";
}

.fa-treasure-chest {
  --fa: "\f723";
}

.fa-trees {
  --fa: "\f724";
}

.fa-turkey {
  --fa: "\f725";
}

.fa-turtle {
  --fa: "\f726";
}

.fa-unicorn {
  --fa: "\f727";
}

.fa-user-injured {
  --fa: "\f728";
}

.fa-vr-cardboard {
  --fa: "\f729";
}

.fa-wand {
  --fa: "\f72a";
}

.fa-wand-sparkles {
  --fa: "\f72b";
}

.fa-whale {
  --fa: "\f72c";
}

.fa-wheat {
  --fa: "\f72d";
}

.fa-wind {
  --fa: "\f72e";
}

.fa-wine-bottle {
  --fa: "\f72f";
}

.fa-ballot {
  --fa: "\f732";
}

.fa-ballot-check {
  --fa: "\f733";
}

.fa-booth-curtain {
  --fa: "\f734";
}

.fa-box-ballot {
  --fa: "\f735";
}

.fa-calendar-star {
  --fa: "\f736";
}

.fa-clipboard-list-check {
  --fa: "\f737";
}

.fa-cloud-drizzle {
  --fa: "\f738";
}

.fa-cloud-hail {
  --fa: "\f739";
}

.fa-cloud-hail-mixed {
  --fa: "\f73a";
}

.fa-cloud-meatball {
  --fa: "\f73b";
}

.fa-cloud-moon-rain {
  --fa: "\f73c";
}

.fa-cloud-rain {
  --fa: "\f73d";
}

.fa-cloud-rainbow {
  --fa: "\f73e";
}

.fa-cloud-showers {
  --fa: "\f73f";
}

.fa-cloud-showers-heavy {
  --fa: "\f740";
}

.fa-cloud-sleet {
  --fa: "\f741";
}

.fa-cloud-snow {
  --fa: "\f742";
}

.fa-cloud-sun-rain {
  --fa: "\f743";
}

.fa-clouds {
  --fa: "\f744";
}

.fa-clouds-moon {
  --fa: "\f745";
}

.fa-clouds-sun {
  --fa: "\f746";
}

.fa-democrat {
  --fa: "\f747";
}

.fa-droplet-degree {
  --fa: "\f748";
}

.fa-dewpoint {
  --fa: "\f748";
}

.fa-eclipse {
  --fa: "\f749";
}

.fa-moon-over-sun {
  --fa: "\f74a";
}

.fa-eclipse-alt {
  --fa: "\f74a";
}

.fa-fire-smoke {
  --fa: "\f74b";
}

.fa-flag-swallowtail {
  --fa: "\f74c";
}

.fa-flag-alt {
  --fa: "\f74c";
}

.fa-flag-usa {
  --fa: "\f74d";
}

.fa-cloud-fog {
  --fa: "\f74e";
}

.fa-fog {
  --fa: "\f74e";
}

.fa-house-water {
  --fa: "\f74f";
}

.fa-house-flood {
  --fa: "\f74f";
}

.fa-droplet-percent {
  --fa: "\f750";
}

.fa-humidity {
  --fa: "\f750";
}

.fa-hurricane {
  --fa: "\f751";
}

.fa-landmark-dome {
  --fa: "\f752";
}

.fa-landmark-alt {
  --fa: "\f752";
}

.fa-meteor {
  --fa: "\f753";
}

.fa-moon-cloud {
  --fa: "\f754";
}

.fa-moon-stars {
  --fa: "\f755";
}

.fa-person-booth {
  --fa: "\f756";
}

.fa-person-sign {
  --fa: "\f757";
}

.fa-podium-star {
  --fa: "\f758";
}

.fa-poll-people {
  --fa: "\f759";
}

.fa-poo-storm {
  --fa: "\f75a";
}

.fa-poo-bolt {
  --fa: "\f75a";
}

.fa-rainbow {
  --fa: "\f75b";
}

.fa-raindrops {
  --fa: "\f75c";
}

.fa-republican {
  --fa: "\f75e";
}

.fa-smog {
  --fa: "\f75f";
}

.fa-smoke {
  --fa: "\f760";
}

.fa-snow-blowing {
  --fa: "\f761";
}

.fa-stars {
  --fa: "\f762";
}

.fa-sun-cloud {
  --fa: "\f763";
}

.fa-sun-dust {
  --fa: "\f764";
}

.fa-sun-haze {
  --fa: "\f765";
}

.fa-sunrise {
  --fa: "\f766";
}

.fa-sunset {
  --fa: "\f767";
}

.fa-temperature-snow {
  --fa: "\f768";
}

.fa-temperature-frigid {
  --fa: "\f768";
}

.fa-temperature-high {
  --fa: "\f769";
}

.fa-temperature-sun {
  --fa: "\f76a";
}

.fa-temperature-hot {
  --fa: "\f76a";
}

.fa-temperature-low {
  --fa: "\f76b";
}

.fa-cloud-bolt {
  --fa: "\f76c";
}

.fa-thunderstorm {
  --fa: "\f76c";
}

.fa-cloud-bolt-moon {
  --fa: "\f76d";
}

.fa-thunderstorm-moon {
  --fa: "\f76d";
}

.fa-cloud-bolt-sun {
  --fa: "\f76e";
}

.fa-thunderstorm-sun {
  --fa: "\f76e";
}

.fa-tornado {
  --fa: "\f76f";
}

.fa-volcano {
  --fa: "\f770";
}

.fa-xmark-to-slot {
  --fa: "\f771";
}

.fa-times-to-slot {
  --fa: "\f771";
}

.fa-vote-nay {
  --fa: "\f771";
}

.fa-check-to-slot {
  --fa: "\f772";
}

.fa-vote-yea {
  --fa: "\f772";
}

.fa-water {
  --fa: "\f773";
}

.fa-water-arrow-down {
  --fa: "\f774";
}

.fa-water-lower {
  --fa: "\f774";
}

.fa-water-arrow-up {
  --fa: "\f775";
}

.fa-water-rise {
  --fa: "\f775";
}

.fa-wind-warning {
  --fa: "\f776";
}

.fa-wind-circle-exclamation {
  --fa: "\f776";
}

.fa-windsock {
  --fa: "\f777";
}

.fa-angel {
  --fa: "\f779";
}

.fa-baby {
  --fa: "\f77c";
}

.fa-baby-carriage {
  --fa: "\f77d";
}

.fa-carriage-baby {
  --fa: "\f77d";
}

.fa-ball-pile {
  --fa: "\f77e";
}

.fa-bells {
  --fa: "\f77f";
}

.fa-biohazard {
  --fa: "\f780";
}

.fa-blog {
  --fa: "\f781";
}

.fa-boot {
  --fa: "\f782";
}

.fa-calendar-day {
  --fa: "\f783";
}

.fa-calendar-week {
  --fa: "\f784";
}

.fa-candy-cane {
  --fa: "\f786";
}

.fa-carrot {
  --fa: "\f787";
}

.fa-cash-register {
  --fa: "\f788";
}

.fa-chart-network {
  --fa: "\f78a";
}

.fa-chimney {
  --fa: "\f78b";
}

.fa-minimize {
  --fa: "\f78c";
}

.fa-compress-arrows-alt {
  --fa: "\f78c";
}

.fa-deer {
  --fa: "\f78e";
}

.fa-deer-rudolph {
  --fa: "\f78f";
}

.fa-dreidel {
  --fa: "\f792";
}

.fa-dumpster {
  --fa: "\f793";
}

.fa-dumpster-fire {
  --fa: "\f794";
}

.fa-ear-muffs {
  --fa: "\f795";
}

.fa-ethernet {
  --fa: "\f796";
}

.fa-fireplace {
  --fa: "\f79a";
}

.fa-snowman-head {
  --fa: "\f79b";
}

.fa-frosty-head {
  --fa: "\f79b";
}

.fa-gifts {
  --fa: "\f79c";
}

.fa-gingerbread-man {
  --fa: "\f79d";
}

.fa-champagne-glass {
  --fa: "\f79e";
}

.fa-glass-champagne {
  --fa: "\f79e";
}

.fa-champagne-glasses {
  --fa: "\f79f";
}

.fa-glass-cheers {
  --fa: "\f79f";
}

.fa-whiskey-glass {
  --fa: "\f7a0";
}

.fa-glass-whiskey {
  --fa: "\f7a0";
}

.fa-whiskey-glass-ice {
  --fa: "\f7a1";
}

.fa-glass-whiskey-rocks {
  --fa: "\f7a1";
}

.fa-earth-europe {
  --fa: "\f7a2";
}

.fa-globe-europe {
  --fa: "\f7a2";
}

.fa-globe-snow {
  --fa: "\f7a3";
}

.fa-grip-lines {
  --fa: "\f7a4";
}

.fa-grip-lines-vertical {
  --fa: "\f7a5";
}

.fa-guitar {
  --fa: "\f7a6";
}

.fa-hat-santa {
  --fa: "\f7a7";
}

.fa-hat-winter {
  --fa: "\f7a8";
}

.fa-heart-crack {
  --fa: "\f7a9";
}

.fa-heart-broken {
  --fa: "\f7a9";
}

.fa-holly-berry {
  --fa: "\f7aa";
}

.fa-horse-head {
  --fa: "\f7ab";
}

.fa-ice-skate {
  --fa: "\f7ac";
}

.fa-icicles {
  --fa: "\f7ad";
}

.fa-igloo {
  --fa: "\f7ae";
}

.fa-lights-holiday {
  --fa: "\f7b2";
}

.fa-mistletoe {
  --fa: "\f7b4";
}

.fa-mitten {
  --fa: "\f7b5";
}

.fa-mug-hot {
  --fa: "\f7b6";
}

.fa-mug-marshmallows {
  --fa: "\f7b7";
}

.fa-ornament {
  --fa: "\f7b8";
}

.fa-radiation {
  --fa: "\f7b9";
}

.fa-circle-radiation {
  --fa: "\f7ba";
}

.fa-radiation-alt {
  --fa: "\f7ba";
}

.fa-restroom {
  --fa: "\f7bd";
}

.fa-rv {
  --fa: "\f7be";
}

.fa-satellite {
  --fa: "\f7bf";
}

.fa-satellite-dish {
  --fa: "\f7c0";
}

.fa-scarf {
  --fa: "\f7c1";
}

.fa-sd-card {
  --fa: "\f7c2";
}

.fa-shovel-snow {
  --fa: "\f7c3";
}

.fa-sim-card {
  --fa: "\f7c4";
}

.fa-person-skating {
  --fa: "\f7c5";
}

.fa-skating {
  --fa: "\f7c5";
}

.fa-person-ski-jumping {
  --fa: "\f7c7";
}

.fa-ski-jump {
  --fa: "\f7c7";
}

.fa-person-ski-lift {
  --fa: "\f7c8";
}

.fa-ski-lift {
  --fa: "\f7c8";
}

.fa-person-skiing {
  --fa: "\f7c9";
}

.fa-skiing {
  --fa: "\f7c9";
}

.fa-person-skiing-nordic {
  --fa: "\f7ca";
}

.fa-skiing-nordic {
  --fa: "\f7ca";
}

.fa-person-sledding {
  --fa: "\f7cb";
}

.fa-sledding {
  --fa: "\f7cb";
}

.fa-sleigh {
  --fa: "\f7cc";
}

.fa-comment-sms {
  --fa: "\f7cd";
}

.fa-sms {
  --fa: "\f7cd";
}

.fa-person-snowboarding {
  --fa: "\f7ce";
}

.fa-snowboarding {
  --fa: "\f7ce";
}

.fa-snowflakes {
  --fa: "\f7cf";
}

.fa-snowman {
  --fa: "\f7d0";
}

.fa-person-snowmobiling {
  --fa: "\f7d1";
}

.fa-snowmobile {
  --fa: "\f7d1";
}

.fa-snowplow {
  --fa: "\f7d2";
}

.fa-star-christmas {
  --fa: "\f7d4";
}

.fa-stocking {
  --fa: "\f7d5";
}

.fa-tenge-sign {
  --fa: "\f7d7";
}

.fa-tenge {
  --fa: "\f7d7";
}

.fa-toilet {
  --fa: "\f7d8";
}

.fa-screwdriver-wrench {
  --fa: "\f7d9";
}

.fa-tools {
  --fa: "\f7d9";
}

.fa-cable-car {
  --fa: "\f7da";
}

.fa-tram {
  --fa: "\f7da";
}

.fa-tree-christmas {
  --fa: "\f7db";
}

.fa-tree-decorated {
  --fa: "\f7dc";
}

.fa-tree-large {
  --fa: "\f7dd";
}

.fa-truck-plow {
  --fa: "\f7de";
}

.fa-wreath {
  --fa: "\f7e2";
}

.fa-fire-flame-curved {
  --fa: "\f7e4";
}

.fa-fire-alt {
  --fa: "\f7e4";
}

.fa-bacon {
  --fa: "\f7e5";
}

.fa-book-medical {
  --fa: "\f7e6";
}

.fa-book-user {
  --fa: "\f7e7";
}

.fa-books-medical {
  --fa: "\f7e8";
}

.fa-brackets-square {
  --fa: "\f7e9";
}

.fa-brackets {
  --fa: "\f7e9";
}

.fa-brackets-curly {
  --fa: "\f7ea";
}

.fa-bread-loaf {
  --fa: "\f7eb";
}

.fa-bread-slice {
  --fa: "\f7ec";
}

.fa-burrito {
  --fa: "\f7ed";
}

.fa-chart-scatter {
  --fa: "\f7ee";
}

.fa-cheese {
  --fa: "\f7ef";
}

.fa-cheese-swiss {
  --fa: "\f7f0";
}

.fa-burger-cheese {
  --fa: "\f7f1";
}

.fa-cheeseburger {
  --fa: "\f7f1";
}

.fa-house-chimney-medical {
  --fa: "\f7f2";
}

.fa-clinic-medical {
  --fa: "\f7f2";
}

.fa-clipboard-user {
  --fa: "\f7f3";
}

.fa-message-medical {
  --fa: "\f7f4";
}

.fa-comment-alt-medical {
  --fa: "\f7f4";
}

.fa-comment-medical {
  --fa: "\f7f5";
}

.fa-croissant {
  --fa: "\f7f6";
}

.fa-crutch {
  --fa: "\f7f7";
}

.fa-crutches {
  --fa: "\f7f8";
}

.fa-ban-bug {
  --fa: "\f7f9";
}

.fa-debug {
  --fa: "\f7f9";
}

.fa-disease {
  --fa: "\f7fa";
}

.fa-egg {
  --fa: "\f7fb";
}

.fa-egg-fried {
  --fa: "\f7fc";
}

.fa-files-medical {
  --fa: "\f7fd";
}

.fa-fish-cooked {
  --fa: "\f7fe";
}

.fa-flower {
  --fa: "\f7ff";
}

.fa-flower-daffodil {
  --fa: "\f800";
}

.fa-flower-tulip {
  --fa: "\f801";
}

.fa-folder-tree {
  --fa: "\f802";
}

.fa-french-fries {
  --fa: "\f803";
}

.fa-glass {
  --fa: "\f804";
}

.fa-burger {
  --fa: "\f805";
}

.fa-hamburger {
  --fa: "\f805";
}

.fa-hand-middle-finger {
  --fa: "\f806";
}

.fa-helmet-safety {
  --fa: "\f807";
}

.fa-hard-hat {
  --fa: "\f807";
}

.fa-hat-hard {
  --fa: "\f807";
}

.fa-head-side-brain {
  --fa: "\f808";
}

.fa-head-side-medical {
  --fa: "\f809";
}

.fa-hospital-user {
  --fa: "\f80d";
}

.fa-hospitals {
  --fa: "\f80e";
}

.fa-hotdog {
  --fa: "\f80f";
}

.fa-ice-cream {
  --fa: "\f810";
}

.fa-island-tropical {
  --fa: "\f811";
}

.fa-island-tree-palm {
  --fa: "\f811";
}

.fa-laptop-medical {
  --fa: "\f812";
}

.fa-mailbox {
  --fa: "\f813";
}

.fa-meat {
  --fa: "\f814";
}

.fa-pager {
  --fa: "\f815";
}

.fa-pepper-hot {
  --fa: "\f816";
}

.fa-pizza {
  --fa: "\f817";
}

.fa-pizza-slice {
  --fa: "\f818";
}

.fa-popcorn {
  --fa: "\f819";
}

.fa-print-magnifying-glass {
  --fa: "\f81a";
}

.fa-print-search {
  --fa: "\f81a";
}

.fa-rings-wedding {
  --fa: "\f81b";
}

.fa-sack {
  --fa: "\f81c";
}

.fa-sack-dollar {
  --fa: "\f81d";
}

.fa-salad {
  --fa: "\f81e";
}

.fa-bowl-salad {
  --fa: "\f81e";
}

.fa-sandwich {
  --fa: "\f81f";
}

.fa-sausage {
  --fa: "\f820";
}

.fa-shish-kebab {
  --fa: "\f821";
}

.fa-sickle {
  --fa: "\f822";
}

.fa-bowl-hot {
  --fa: "\f823";
}

.fa-soup {
  --fa: "\f823";
}

.fa-steak {
  --fa: "\f824";
}

.fa-stretcher {
  --fa: "\f825";
}

.fa-taco {
  --fa: "\f826";
}

.fa-book-tanakh {
  --fa: "\f827";
}

.fa-tanakh {
  --fa: "\f827";
}

.fa-bars-progress {
  --fa: "\f828";
}

.fa-tasks-alt {
  --fa: "\f828";
}

.fa-trash-arrow-up {
  --fa: "\f829";
}

.fa-trash-restore {
  --fa: "\f829";
}

.fa-trash-can-arrow-up {
  --fa: "\f82a";
}

.fa-trash-restore-alt {
  --fa: "\f82a";
}

.fa-tree-palm {
  --fa: "\f82b";
}

.fa-user-helmet-safety {
  --fa: "\f82c";
}

.fa-user-construction {
  --fa: "\f82c";
}

.fa-user-hard-hat {
  --fa: "\f82c";
}

.fa-user-headset {
  --fa: "\f82d";
}

.fa-user-doctor-message {
  --fa: "\f82e";
}

.fa-user-md-chat {
  --fa: "\f82e";
}

.fa-user-nurse {
  --fa: "\f82f";
}

.fa-users-medical {
  --fa: "\f830";
}

.fa-walker {
  --fa: "\f831";
}

.fa-camera-web {
  --fa: "\f832";
}

.fa-webcam {
  --fa: "\f832";
}

.fa-camera-web-slash {
  --fa: "\f833";
}

.fa-webcam-slash {
  --fa: "\f833";
}

.fa-wave-square {
  --fa: "\f83e";
}

.fa-alarm-exclamation {
  --fa: "\f843";
}

.fa-alarm-plus {
  --fa: "\f844";
}

.fa-alarm-snooze {
  --fa: "\f845";
}

.fa-align-slash {
  --fa: "\f846";
}

.fa-bags-shopping {
  --fa: "\f847";
}

.fa-bell-exclamation {
  --fa: "\f848";
}

.fa-bell-plus {
  --fa: "\f849";
}

.fa-person-biking {
  --fa: "\f84a";
}

.fa-biking {
  --fa: "\f84a";
}

.fa-person-biking-mountain {
  --fa: "\f84b";
}

.fa-biking-mountain {
  --fa: "\f84b";
}

.fa-border-all {
  --fa: "\f84c";
}

.fa-border-bottom {
  --fa: "\f84d";
}

.fa-border-inner {
  --fa: "\f84e";
}

.fa-border-left {
  --fa: "\f84f";
}

.fa-border-none {
  --fa: "\f850";
}

.fa-border-outer {
  --fa: "\f851";
}

.fa-border-right {
  --fa: "\f852";
}

.fa-border-top-left {
  --fa: "\f853";
}

.fa-border-style {
  --fa: "\f853";
}

.fa-border-bottom-right {
  --fa: "\f854";
}

.fa-border-style-alt {
  --fa: "\f854";
}

.fa-border-top {
  --fa: "\f855";
}

.fa-bring-forward {
  --fa: "\f856";
}

.fa-bring-front {
  --fa: "\f857";
}

.fa-burger-soda {
  --fa: "\f858";
}

.fa-car-building {
  --fa: "\f859";
}

.fa-car-bus {
  --fa: "\f85a";
}

.fa-cars {
  --fa: "\f85b";
}

.fa-coin {
  --fa: "\f85c";
}

.fa-triangle-person-digging {
  --fa: "\f85d";
}

.fa-construction {
  --fa: "\f85d";
}

.fa-person-digging {
  --fa: "\f85e";
}

.fa-digging {
  --fa: "\f85e";
}

.fa-drone {
  --fa: "\f85f";
}

.fa-drone-front {
  --fa: "\f860";
}

.fa-drone-alt {
  --fa: "\f860";
}

.fa-dryer {
  --fa: "\f861";
}

.fa-dryer-heat {
  --fa: "\f862";
}

.fa-dryer-alt {
  --fa: "\f862";
}

.fa-fan {
  --fa: "\f863";
}

.fa-farm {
  --fa: "\f864";
}

.fa-barn-silo {
  --fa: "\f864";
}

.fa-file-magnifying-glass {
  --fa: "\f865";
}

.fa-file-search {
  --fa: "\f865";
}

.fa-font-case {
  --fa: "\f866";
}

.fa-game-board {
  --fa: "\f867";
}

.fa-game-board-simple {
  --fa: "\f868";
}

.fa-game-board-alt {
  --fa: "\f868";
}

.fa-glass-citrus {
  --fa: "\f869";
}

.fa-h4 {
  --fa: "\f86a";
}

.fa-hat-chef {
  --fa: "\f86b";
}

.fa-horizontal-rule {
  --fa: "\f86c";
}

.fa-icons {
  --fa: "\f86d";
}

.fa-heart-music-camera-bolt {
  --fa: "\f86d";
}

.fa-symbols {
  --fa: "\f86e";
}

.fa-icons-alt {
  --fa: "\f86e";
}

.fa-kerning {
  --fa: "\f86f";
}

.fa-line-columns {
  --fa: "\f870";
}

.fa-line-height {
  --fa: "\f871";
}

.fa-money-check-pen {
  --fa: "\f872";
}

.fa-money-check-edit {
  --fa: "\f872";
}

.fa-money-check-dollar-pen {
  --fa: "\f873";
}

.fa-money-check-edit-alt {
  --fa: "\f873";
}

.fa-mug {
  --fa: "\f874";
}

.fa-mug-tea {
  --fa: "\f875";
}

.fa-overline {
  --fa: "\f876";
}

.fa-file-dashed-line {
  --fa: "\f877";
}

.fa-page-break {
  --fa: "\f877";
}

.fa-paragraph-left {
  --fa: "\f878";
}

.fa-paragraph-rtl {
  --fa: "\f878";
}

.fa-phone-flip {
  --fa: "\f879";
}

.fa-phone-alt {
  --fa: "\f879";
}

.fa-laptop-mobile {
  --fa: "\f87a";
}

.fa-phone-laptop {
  --fa: "\f87a";
}

.fa-square-phone-flip {
  --fa: "\f87b";
}

.fa-phone-square-alt {
  --fa: "\f87b";
}

.fa-photo-film {
  --fa: "\f87c";
}

.fa-photo-video {
  --fa: "\f87c";
}

.fa-text-slash {
  --fa: "\f87d";
}

.fa-remove-format {
  --fa: "\f87d";
}

.fa-send-back {
  --fa: "\f87e";
}

.fa-send-backward {
  --fa: "\f87f";
}

.fa-snooze {
  --fa: "\f880";
}

.fa-zzz {
  --fa: "\f880";
}

.fa-arrow-down-z-a {
  --fa: "\f881";
}

.fa-sort-alpha-desc {
  --fa: "\f881";
}

.fa-sort-alpha-down-alt {
  --fa: "\f881";
}

.fa-arrow-up-z-a {
  --fa: "\f882";
}

.fa-sort-alpha-up-alt {
  --fa: "\f882";
}

.fa-arrow-down-arrow-up {
  --fa: "\f883";
}

.fa-sort-alt {
  --fa: "\f883";
}

.fa-arrow-down-short-wide {
  --fa: "\f884";
}

.fa-sort-amount-desc {
  --fa: "\f884";
}

.fa-sort-amount-down-alt {
  --fa: "\f884";
}

.fa-arrow-up-short-wide {
  --fa: "\f885";
}

.fa-sort-amount-up-alt {
  --fa: "\f885";
}

.fa-arrow-down-9-1 {
  --fa: "\f886";
}

.fa-sort-numeric-desc {
  --fa: "\f886";
}

.fa-sort-numeric-down-alt {
  --fa: "\f886";
}

.fa-arrow-up-9-1 {
  --fa: "\f887";
}

.fa-sort-numeric-up-alt {
  --fa: "\f887";
}

.fa-arrow-down-triangle-square {
  --fa: "\f888";
}

.fa-sort-shapes-down {
  --fa: "\f888";
}

.fa-arrow-down-square-triangle {
  --fa: "\f889";
}

.fa-sort-shapes-down-alt {
  --fa: "\f889";
}

.fa-arrow-up-triangle-square {
  --fa: "\f88a";
}

.fa-sort-shapes-up {
  --fa: "\f88a";
}

.fa-arrow-up-square-triangle {
  --fa: "\f88b";
}

.fa-sort-shapes-up-alt {
  --fa: "\f88b";
}

.fa-arrow-down-big-small {
  --fa: "\f88c";
}

.fa-sort-size-down {
  --fa: "\f88c";
}

.fa-arrow-down-small-big {
  --fa: "\f88d";
}

.fa-sort-size-down-alt {
  --fa: "\f88d";
}

.fa-arrow-up-big-small {
  --fa: "\f88e";
}

.fa-sort-size-up {
  --fa: "\f88e";
}

.fa-arrow-up-small-big {
  --fa: "\f88f";
}

.fa-sort-size-up-alt {
  --fa: "\f88f";
}

.fa-sparkles {
  --fa: "\f890";
}

.fa-spell-check {
  --fa: "\f891";
}

.fa-sunglasses {
  --fa: "\f892";
}

.fa-text {
  --fa: "\f893";
}

.fa-text-size {
  --fa: "\f894";
}

.fa-trash-undo {
  --fa: "\f895";
}

.fa-trash-arrow-turn-left {
  --fa: "\f895";
}

.fa-trash-can-undo {
  --fa: "\f896";
}

.fa-trash-can-arrow-turn-left {
  --fa: "\f896";
}

.fa-trash-undo-alt {
  --fa: "\f896";
}

.fa-voicemail {
  --fa: "\f897";
}

.fa-washing-machine {
  --fa: "\f898";
}

.fa-washer {
  --fa: "\f898";
}

.fa-wave-sine {
  --fa: "\f899";
}

.fa-wave-triangle {
  --fa: "\f89a";
}

.fa-wind-turbine {
  --fa: "\f89b";
}

.fa-border-center-h {
  --fa: "\f89c";
}

.fa-border-center-v {
  --fa: "\f89d";
}

.fa-album {
  --fa: "\f89f";
}

.fa-album-collection {
  --fa: "\f8a0";
}

.fa-amp-guitar {
  --fa: "\f8a1";
}

.fa-badge-sheriff {
  --fa: "\f8a2";
}

.fa-banjo {
  --fa: "\f8a3";
}

.fa-cassette-betamax {
  --fa: "\f8a4";
}

.fa-betamax {
  --fa: "\f8a4";
}

.fa-boombox {
  --fa: "\f8a5";
}

.fa-cactus {
  --fa: "\f8a7";
}

.fa-camcorder {
  --fa: "\f8a8";
}

.fa-video-handheld {
  --fa: "\f8a8";
}

.fa-camera-movie {
  --fa: "\f8a9";
}

.fa-camera-polaroid {
  --fa: "\f8aa";
}

.fa-cassette-tape {
  --fa: "\f8ab";
}

.fa-camera-cctv {
  --fa: "\f8ac";
}

.fa-cctv {
  --fa: "\f8ac";
}

.fa-clarinet {
  --fa: "\f8ad";
}

.fa-cloud-music {
  --fa: "\f8ae";
}

.fa-message-music {
  --fa: "\f8af";
}

.fa-comment-alt-music {
  --fa: "\f8af";
}

.fa-comment-music {
  --fa: "\f8b0";
}

.fa-computer-classic {
  --fa: "\f8b1";
}

.fa-computer-speaker {
  --fa: "\f8b2";
}

.fa-cowbell {
  --fa: "\f8b3";
}

.fa-cowbell-circle-plus {
  --fa: "\f8b4";
}

.fa-cowbell-more {
  --fa: "\f8b4";
}

.fa-disc-drive {
  --fa: "\f8b5";
}

.fa-file-music {
  --fa: "\f8b6";
}

.fa-film-canister {
  --fa: "\f8b7";
}

.fa-film-cannister {
  --fa: "\f8b7";
}

.fa-flashlight {
  --fa: "\f8b8";
}

.fa-flute {
  --fa: "\f8b9";
}

.fa-flux-capacitor {
  --fa: "\f8ba";
}

.fa-game-console-handheld {
  --fa: "\f8bb";
}

.fa-gramophone {
  --fa: "\f8bd";
}

.fa-guitar-electric {
  --fa: "\f8be";
}

.fa-guitars {
  --fa: "\f8bf";
}

.fa-hat-cowboy {
  --fa: "\f8c0";
}

.fa-hat-cowboy-side {
  --fa: "\f8c1";
}

.fa-head-side-headphones {
  --fa: "\f8c2";
}

.fa-horse-saddle {
  --fa: "\f8c3";
}

.fa-image-polaroid {
  --fa: "\f8c4";
}

.fa-joystick {
  --fa: "\f8c5";
}

.fa-jug {
  --fa: "\f8c6";
}

.fa-kazoo {
  --fa: "\f8c7";
}

.fa-lasso {
  --fa: "\f8c8";
}

.fa-list-music {
  --fa: "\f8c9";
}

.fa-microphone-stand {
  --fa: "\f8cb";
}

.fa-computer-mouse {
  --fa: "\f8cc";
}

.fa-mouse {
  --fa: "\f8cc";
}

.fa-computer-mouse-scrollwheel {
  --fa: "\f8cd";
}

.fa-mouse-alt {
  --fa: "\f8cd";
}

.fa-mp3-player {
  --fa: "\f8ce";
}

.fa-music-note {
  --fa: "\f8cf";
}

.fa-music-alt {
  --fa: "\f8cf";
}

.fa-music-note-slash {
  --fa: "\f8d0";
}

.fa-music-alt-slash {
  --fa: "\f8d0";
}

.fa-music-slash {
  --fa: "\f8d1";
}

.fa-phone-rotary {
  --fa: "\f8d3";
}

.fa-piano {
  --fa: "\f8d4";
}

.fa-piano-keyboard {
  --fa: "\f8d5";
}

.fa-projector {
  --fa: "\f8d6";
}

.fa-radio {
  --fa: "\f8d7";
}

.fa-radio-tuner {
  --fa: "\f8d8";
}

.fa-radio-alt {
  --fa: "\f8d8";
}

.fa-record-vinyl {
  --fa: "\f8d9";
}

.fa-router {
  --fa: "\f8da";
}

.fa-saxophone-fire {
  --fa: "\f8db";
}

.fa-sax-hot {
  --fa: "\f8db";
}

.fa-saxophone {
  --fa: "\f8dc";
}

.fa-signal-stream {
  --fa: "\f8dd";
}

.fa-skull-cow {
  --fa: "\f8de";
}

.fa-speaker {
  --fa: "\f8df";
}

.fa-speakers {
  --fa: "\f8e0";
}

.fa-triangle-instrument {
  --fa: "\f8e2";
}

.fa-triangle-music {
  --fa: "\f8e2";
}

.fa-trumpet {
  --fa: "\f8e3";
}

.fa-turntable {
  --fa: "\f8e4";
}

.fa-tv-music {
  --fa: "\f8e6";
}

.fa-typewriter {
  --fa: "\f8e7";
}

.fa-usb-drive {
  --fa: "\f8e9";
}

.fa-user-cowboy {
  --fa: "\f8ea";
}

.fa-user-music {
  --fa: "\f8eb";
}

.fa-cassette-vhs {
  --fa: "\f8ec";
}

.fa-vhs {
  --fa: "\f8ec";
}

.fa-violin {
  --fa: "\f8ed";
}

.fa-wagon-covered {
  --fa: "\f8ee";
}

.fa-walkie-talkie {
  --fa: "\f8ef";
}

.fa-watch-calculator {
  --fa: "\f8f0";
}

.fa-waveform {
  --fa: "\f8f1";
}

.fa-waveform-lines {
  --fa: "\f8f2";
}

.fa-waveform-path {
  --fa: "\f8f2";
}

.fa-scanner-image {
  --fa: "\f8f3";
}

.fa-air-conditioner {
  --fa: "\f8f4";
}

.fa-alien {
  --fa: "\f8f5";
}

.fa-alien-8bit {
  --fa: "\f8f6";
}

.fa-alien-monster {
  --fa: "\f8f6";
}

.fa-bed-front {
  --fa: "\f8f7";
}

.fa-bed-alt {
  --fa: "\f8f7";
}

.fa-bed-bunk {
  --fa: "\f8f8";
}

.fa-bed-empty {
  --fa: "\f8f9";
}

.fa-bell-on {
  --fa: "\f8fa";
}

.fa-blinds {
  --fa: "\f8fb";
}

.fa-blinds-open {
  --fa: "\f8fc";
}

.fa-blinds-raised {
  --fa: "\f8fd";
}

.fa-camera-security {
  --fa: "\f8fe";
}

.fa-camera-home {
  --fa: "\f8fe";
}

.fa-caravan {
  --fa: "\f8ff";
}

/* Legacy font-family aliases used by old FA4/FA5 consumers. */
/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-solid-900.06bc4a4312a2.woff2") format("woff2");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-brands-400.40f9f6738fd2.woff2") format("woff2");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-regular-400.c06d74ff17fc.woff2") format("woff2");
  unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-v4compatibility.973f0408b7a0.woff2") format("woff2");
  unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A;
}

/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url("/static/fonts/fontawesome/fa-brands-400.40f9f6738fd2.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 900;
  src: url("/static/fonts/fontawesome/fa-solid-900.06bc4a4312a2.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 400;
  src: url("/static/fonts/fontawesome/fa-regular-400.c06d74ff17fc.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 300;
  src: url("/static/fonts/fontawesome/fa-light-300.1a6458e7cd0e.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Duotone";
  font-display: block;
  font-weight: 900;
  src: url("/static/fonts/fontawesome/fa-duotone-900.23602ce20e4f.woff2") format("woff2");
}

/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
:root, :host {
  --fa-family-classic: 'Font Awesome 7 Pro';
  --fa-font-light: normal 300 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-light-300.1a6458e7cd0e.woff2");
}

.fal {
  --fa-family: var(--fa-family-classic);
  --fa-style: 300;
}

.fa-classic {
  --fa-family: var(--fa-family-classic);
}

.fa-light {
  --fa-style: 300;
}

/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
:root, :host {
  --fa-family-classic: 'Font Awesome 7 Pro';
  --fa-font-regular: normal 400 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-regular-400.c06d74ff17fc.woff2");
}

.far {
  --fa-family: var(--fa-family-classic);
  --fa-style: 400;
}

.fa-classic {
  --fa-family: var(--fa-family-classic);
}

.fa-regular {
  --fa-style: 400;
}

/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
:root, :host {
  --fa-family-classic: 'Font Awesome 7 Pro';
  --fa-font-solid: normal 900 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-solid-900.06bc4a4312a2.woff2");
}

.fas {
  --fa-family: var(--fa-family-classic);
  --fa-style: 900;
}

.fa-classic {
  --fa-family: var(--fa-family-classic);
}

.fa-solid {
  --fa-style: 900;
}

/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
.fa.fa-glass {
  --fa: "\f000";
}

.fa.fa-envelope-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-envelope-o {
  --fa: "\f0e0";
}

.fa.fa-star-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-star-o {
  --fa: "\f005";
}

.fa.fa-remove {
  --fa: "\f00d";
}

.fa.fa-close {
  --fa: "\f00d";
}

.fa.fa-gear {
  --fa: "\f013";
}

.fa.fa-trash-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-trash-o {
  --fa: "\f2ed";
}

.fa.fa-home {
  --fa: "\f015";
}

.fa.fa-file-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-o {
  --fa: "\f15b";
}

.fa.fa-clock-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-clock-o {
  --fa: "\f017";
}

.fa.fa-arrow-circle-o-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-down {
  --fa: "\f358";
}

.fa.fa-arrow-circle-o-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-up {
  --fa: "\f35b";
}

.fa.fa-play-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-play-circle-o {
  --fa: "\f144";
}

.fa.fa-repeat {
  --fa: "\f01e";
}

.fa.fa-rotate-right {
  --fa: "\f01e";
}

.fa.fa-refresh {
  --fa: "\f021";
}

.fa.fa-list-alt {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-list-alt {
  --fa: "\f022";
}

.fa.fa-dedent {
  --fa: "\f03b";
}

.fa.fa-video-camera {
  --fa: "\f03d";
}

.fa.fa-picture-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-picture-o {
  --fa: "\f03e";
}

.fa.fa-photo {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-photo {
  --fa: "\f03e";
}

.fa.fa-image {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-image {
  --fa: "\f03e";
}

.fa.fa-map-marker {
  --fa: "\f3c5";
}

.fa.fa-pencil-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-pencil-square-o {
  --fa: "\f044";
}

.fa.fa-edit {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-edit {
  --fa: "\f044";
}

.fa.fa-share-square-o {
  --fa: "\f14d";
}

.fa.fa-check-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-check-square-o {
  --fa: "\f14a";
}

.fa.fa-arrows {
  --fa: "\f0b2";
}

.fa.fa-times-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-times-circle-o {
  --fa: "\f057";
}

.fa.fa-check-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-check-circle-o {
  --fa: "\f058";
}

.fa.fa-mail-forward {
  --fa: "\f064";
}

.fa.fa-expand {
  --fa: "\f424";
}

.fa.fa-compress {
  --fa: "\f422";
}

.fa.fa-eye {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-eye-slash {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-warning {
  --fa: "\f071";
}

.fa.fa-calendar {
  --fa: "\f073";
}

.fa.fa-arrows-v {
  --fa: "\f338";
}

.fa.fa-arrows-h {
  --fa: "\f337";
}

.fa.fa-bar-chart {
  --fa: "\e0e3";
}

.fa.fa-bar-chart-o {
  --fa: "\e0e3";
}

.fa.fa-twitter-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-twitter-square {
  --fa: "\f081";
}

.fa.fa-facebook-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook-square {
  --fa: "\f082";
}

.fa.fa-gears {
  --fa: "\f085";
}

.fa.fa-thumbs-o-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-thumbs-o-up {
  --fa: "\f164";
}

.fa.fa-thumbs-o-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-thumbs-o-down {
  --fa: "\f165";
}

.fa.fa-heart-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-heart-o {
  --fa: "\f004";
}

.fa.fa-sign-out {
  --fa: "\f2f5";
}

.fa.fa-linkedin-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-linkedin-square {
  --fa: "\f08c";
}

.fa.fa-thumb-tack {
  --fa: "\f08d";
}

.fa.fa-external-link {
  --fa: "\f35d";
}

.fa.fa-sign-in {
  --fa: "\f2f6";
}

.fa.fa-github-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-github-square {
  --fa: "\f092";
}

.fa.fa-lemon-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-lemon-o {
  --fa: "\f094";
}

.fa.fa-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-square-o {
  --fa: "\f0c8";
}

.fa.fa-bookmark-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-bookmark-o {
  --fa: "\f02e";
}

.fa.fa-twitter {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook {
  --fa: "\f39e";
}

.fa.fa-facebook-f {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook-f {
  --fa: "\f39e";
}

.fa.fa-github {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-credit-card {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-feed {
  --fa: "\f09e";
}

.fa.fa-hdd-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hdd-o {
  --fa: "\f0a0";
}

.fa.fa-hand-o-right {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-right {
  --fa: "\f0a4";
}

.fa.fa-hand-o-left {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-left {
  --fa: "\f0a5";
}

.fa.fa-hand-o-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-up {
  --fa: "\f0a6";
}

.fa.fa-hand-o-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-down {
  --fa: "\f0a7";
}

.fa.fa-globe {
  --fa: "\f57d";
}

.fa.fa-tasks {
  --fa: "\f828";
}

.fa.fa-arrows-alt {
  --fa: "\f31e";
}

.fa.fa-group {
  --fa: "\f0c0";
}

.fa.fa-chain {
  --fa: "\f0c1";
}

.fa.fa-cut {
  --fa: "\f0c4";
}

.fa.fa-files-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-files-o {
  --fa: "\f0c5";
}

.fa.fa-floppy-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-floppy-o {
  --fa: "\f0c7";
}

.fa.fa-save {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-save {
  --fa: "\f0c7";
}

.fa.fa-navicon {
  --fa: "\f0c9";
}

.fa.fa-reorder {
  --fa: "\f0c9";
}

.fa.fa-magic {
  --fa: "\e2ca";
}

.fa.fa-pinterest {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pinterest-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pinterest-square {
  --fa: "\f0d3";
}

.fa.fa-google-plus-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-square {
  --fa: "\f0d4";
}

.fa.fa-google-plus {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus {
  --fa: "\f0d5";
}

.fa.fa-money {
  --fa: "\f3d1";
}

.fa.fa-unsorted {
  --fa: "\f0dc";
}

.fa.fa-sort-desc {
  --fa: "\f0dd";
}

.fa.fa-sort-asc {
  --fa: "\f0de";
}

.fa.fa-linkedin {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-linkedin {
  --fa: "\f0e1";
}

.fa.fa-rotate-left {
  --fa: "\f0e2";
}

.fa.fa-legal {
  --fa: "\f0e3";
}

.fa.fa-tachometer {
  --fa: "\f625";
}

.fa.fa-dashboard {
  --fa: "\f625";
}

.fa.fa-comment-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-comment-o {
  --fa: "\f075";
}

.fa.fa-comments-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-comments-o {
  --fa: "\f086";
}

.fa.fa-flash {
  --fa: "\f0e7";
}

.fa.fa-clipboard {
  --fa: "\f0ea";
}

.fa.fa-lightbulb-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-lightbulb-o {
  --fa: "\f0eb";
}

.fa.fa-exchange {
  --fa: "\f362";
}

.fa.fa-cloud-download {
  --fa: "\f0ed";
}

.fa.fa-cloud-upload {
  --fa: "\f0ee";
}

.fa.fa-bell-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-bell-o {
  --fa: "\f0f3";
}

.fa.fa-cutlery {
  --fa: "\f2e7";
}

.fa.fa-file-text-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-text-o {
  --fa: "\f15c";
}

.fa.fa-building-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-building-o {
  --fa: "\f1ad";
}

.fa.fa-hospital-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hospital-o {
  --fa: "\f0f8";
}

.fa.fa-tablet {
  --fa: "\f3fa";
}

.fa.fa-mobile {
  --fa: "\f3cd";
}

.fa.fa-mobile-phone {
  --fa: "\f3cd";
}

.fa.fa-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-circle-o {
  --fa: "\f111";
}

.fa.fa-mail-reply {
  --fa: "\f3e5";
}

.fa.fa-github-alt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-folder-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-folder-o {
  --fa: "\f07b";
}

.fa.fa-folder-open-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-folder-open-o {
  --fa: "\f07c";
}

.fa.fa-smile-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-smile-o {
  --fa: "\f118";
}

.fa.fa-frown-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-frown-o {
  --fa: "\f119";
}

.fa.fa-meh-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-meh-o {
  --fa: "\f11a";
}

.fa.fa-keyboard-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-keyboard-o {
  --fa: "\f11c";
}

.fa.fa-flag-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-flag-o {
  --fa: "\f024";
}

.fa.fa-mail-reply-all {
  --fa: "\f122";
}

.fa.fa-star-half-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-star-half-o {
  --fa: "\f5c0";
}

.fa.fa-star-half-empty {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-star-half-empty {
  --fa: "\f5c0";
}

.fa.fa-star-half-full {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-star-half-full {
  --fa: "\f5c0";
}

.fa.fa-code-fork {
  --fa: "\f126";
}

.fa.fa-chain-broken {
  --fa: "\f127";
}

.fa.fa-unlink {
  --fa: "\f127";
}

.fa.fa-calendar-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-o {
  --fa: "\f133";
}

.fa.fa-maxcdn {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-html5 {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-css3 {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-unlock-alt {
  --fa: "\f09c";
}

.fa.fa-minus-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-minus-square-o {
  --fa: "\f146";
}

.fa.fa-level-up {
  --fa: "\f3bf";
}

.fa.fa-level-down {
  --fa: "\f3be";
}

.fa.fa-pencil-square {
  --fa: "\f14b";
}

.fa.fa-external-link-square {
  --fa: "\f360";
}

.fa.fa-compass {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-down {
  --fa: "\f150";
}

.fa.fa-toggle-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-toggle-down {
  --fa: "\f150";
}

.fa.fa-caret-square-o-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-up {
  --fa: "\f151";
}

.fa.fa-toggle-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-toggle-up {
  --fa: "\f151";
}

.fa.fa-caret-square-o-right {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-right {
  --fa: "\f152";
}

.fa.fa-toggle-right {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-toggle-right {
  --fa: "\f152";
}

.fa.fa-eur {
  --fa: "\f153";
}

.fa.fa-euro {
  --fa: "\f153";
}

.fa.fa-gbp {
  --fa: "\f154";
}

.fa.fa-usd {
  --fa: "\$";
}

.fa.fa-dollar {
  --fa: "\$";
}

.fa.fa-inr {
  --fa: "\e1bc";
}

.fa.fa-rupee {
  --fa: "\e1bc";
}

.fa.fa-jpy {
  --fa: "\f157";
}

.fa.fa-cny {
  --fa: "\f157";
}

.fa.fa-rmb {
  --fa: "\f157";
}

.fa.fa-yen {
  --fa: "\f157";
}

.fa.fa-rub {
  --fa: "\f158";
}

.fa.fa-ruble {
  --fa: "\f158";
}

.fa.fa-rouble {
  --fa: "\f158";
}

.fa.fa-krw {
  --fa: "\f159";
}

.fa.fa-won {
  --fa: "\f159";
}

.fa.fa-btc {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitcoin {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitcoin {
  --fa: "\f15a";
}

.fa.fa-file-text {
  --fa: "\f15c";
}

.fa.fa-sort-alpha-asc {
  --fa: "\f15d";
}

.fa.fa-sort-alpha-desc {
  --fa: "\f881";
}

.fa.fa-sort-amount-asc {
  --fa: "\f884";
}

.fa.fa-sort-amount-desc {
  --fa: "\f160";
}

.fa.fa-sort-numeric-asc {
  --fa: "\f162";
}

.fa.fa-sort-numeric-desc {
  --fa: "\f886";
}

.fa.fa-youtube-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-youtube-square {
  --fa: "\f431";
}

.fa.fa-youtube {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-xing {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-xing-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-xing-square {
  --fa: "\f169";
}

.fa.fa-youtube-play {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-youtube-play {
  --fa: "\f167";
}

.fa.fa-dropbox {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-stack-overflow {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-instagram {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-flickr {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-adn {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket-square {
  --fa: "\f171";
}

.fa.fa-tumblr {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-tumblr-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-tumblr-square {
  --fa: "\f174";
}

.fa.fa-long-arrow-down {
  --fa: "\f309";
}

.fa.fa-long-arrow-up {
  --fa: "\f30c";
}

.fa.fa-long-arrow-left {
  --fa: "\f30a";
}

.fa.fa-long-arrow-right {
  --fa: "\f30b";
}

.fa.fa-apple {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-windows {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-android {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-linux {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-dribbble {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-skype {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-foursquare {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-trello {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gratipay {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gittip {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gittip {
  --fa: "\f184";
}

.fa.fa-sun-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-sun-o {
  --fa: "\f185";
}

.fa.fa-moon-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-moon-o {
  --fa: "\f186";
}

.fa.fa-vk {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-weibo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-renren {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pagelines {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-stack-exchange {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-right {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-right {
  --fa: "\f35a";
}

.fa.fa-arrow-circle-o-left {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-left {
  --fa: "\f359";
}

.fa.fa-caret-square-o-left {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-left {
  --fa: "\f191";
}

.fa.fa-toggle-left {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-toggle-left {
  --fa: "\f191";
}

.fa.fa-dot-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-dot-circle-o {
  --fa: "\f192";
}

.fa.fa-vimeo-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-vimeo-square {
  --fa: "\f194";
}

.fa.fa-try {
  --fa: "\e2bb";
}

.fa.fa-turkish-lira {
  --fa: "\e2bb";
}

.fa.fa-plus-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-plus-square-o {
  --fa: "\f0fe";
}

.fa.fa-slack {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wordpress {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-openid {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-institution {
  --fa: "\f19c";
}

.fa.fa-bank {
  --fa: "\f19c";
}

.fa.fa-mortar-board {
  --fa: "\f19d";
}

.fa.fa-yahoo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-reddit {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-reddit-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-reddit-square {
  --fa: "\f1a2";
}

.fa.fa-stumbleupon-circle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-stumbleupon {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-delicious {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-digg {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pied-piper-pp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pied-piper-alt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-drupal {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-joomla {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-behance {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-behance-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-behance-square {
  --fa: "\f1b5";
}

.fa.fa-steam {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-steam-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-steam-square {
  --fa: "\f1b7";
}

.fa.fa-automobile {
  --fa: "\f1b9";
}

.fa.fa-cab {
  --fa: "\f1ba";
}

.fa.fa-spotify {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-deviantart {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-soundcloud {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-file-pdf-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-pdf-o {
  --fa: "\f1c1";
}

.fa.fa-file-word-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-word-o {
  --fa: "\f1c2";
}

.fa.fa-file-excel-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-excel-o {
  --fa: "\f1c3";
}

.fa.fa-file-powerpoint-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-powerpoint-o {
  --fa: "\f1c4";
}

.fa.fa-file-image-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-image-o {
  --fa: "\f1c5";
}

.fa.fa-file-photo-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-photo-o {
  --fa: "\f1c5";
}

.fa.fa-file-picture-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-picture-o {
  --fa: "\f1c5";
}

.fa.fa-file-archive-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-archive-o {
  --fa: "\f1c6";
}

.fa.fa-file-zip-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-zip-o {
  --fa: "\f1c6";
}

.fa.fa-file-audio-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-audio-o {
  --fa: "\f1c7";
}

.fa.fa-file-sound-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-sound-o {
  --fa: "\f1c7";
}

.fa.fa-file-video-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-video-o {
  --fa: "\f1c8";
}

.fa.fa-file-movie-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-movie-o {
  --fa: "\f1c8";
}

.fa.fa-file-code-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-code-o {
  --fa: "\f1c9";
}

.fa.fa-vine {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-codepen {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-jsfiddle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-life-bouy {
  --fa: "\f1cd";
}

.fa.fa-life-buoy {
  --fa: "\f1cd";
}

.fa.fa-life-saver {
  --fa: "\f1cd";
}

.fa.fa-support {
  --fa: "\f1cd";
}

.fa.fa-circle-o-notch {
  --fa: "\f1ce";
}

.fa.fa-rebel {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ra {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ra {
  --fa: "\f1d0";
}

.fa.fa-resistance {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-resistance {
  --fa: "\f1d0";
}

.fa.fa-empire {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ge {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ge {
  --fa: "\f1d1";
}

.fa.fa-git-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-git-square {
  --fa: "\f1d2";
}

.fa.fa-git {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-hacker-news {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator-square {
  --fa: "\f1d4";
}

.fa.fa-yc-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yc-square {
  --fa: "\f1d4";
}

.fa.fa-tencent-weibo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-qq {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-weixin {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wechat {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wechat {
  --fa: "\f1d7";
}

.fa.fa-send {
  --fa: "\f1d8";
}

.fa.fa-paper-plane-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-paper-plane-o {
  --fa: "\f1d8";
}

.fa.fa-send-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-send-o {
  --fa: "\f1d8";
}

.fa.fa-circle-thin {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-circle-thin {
  --fa: "\f111";
}

.fa.fa-header {
  --fa: "\f1dc";
}

.fa.fa-futbol-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-futbol-o {
  --fa: "\f1e3";
}

.fa.fa-soccer-ball-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-soccer-ball-o {
  --fa: "\f1e3";
}

.fa.fa-slideshare {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-twitch {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yelp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-newspaper-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-newspaper-o {
  --fa: "\f1ea";
}

.fa.fa-paypal {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-wallet {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-visa {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-mastercard {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-discover {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-amex {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-paypal {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-stripe {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bell-slash-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-bell-slash-o {
  --fa: "\f1f6";
}

.fa.fa-trash {
  --fa: "\f2ed";
}

.fa.fa-copyright {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-eyedropper {
  --fa: "\f1fb";
}

.fa.fa-area-chart {
  --fa: "\f1fe";
}

.fa.fa-pie-chart {
  --fa: "\f200";
}

.fa.fa-line-chart {
  --fa: "\f201";
}

.fa.fa-lastfm {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-lastfm-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-lastfm-square {
  --fa: "\f203";
}

.fa.fa-ioxhost {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-angellist {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-cc {
  --fa: "\f20a";
}

.fa.fa-ils {
  --fa: "\f20b";
}

.fa.fa-shekel {
  --fa: "\f20b";
}

.fa.fa-sheqel {
  --fa: "\f20b";
}

.fa.fa-buysellads {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-connectdevelop {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-dashcube {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-forumbee {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-leanpub {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-sellsy {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-shirtsinbulk {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-simplybuilt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-skyatlas {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-diamond {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-diamond {
  --fa: "\f3a5";
}

.fa.fa-transgender {
  --fa: "\f224";
}

.fa.fa-intersex {
  --fa: "\f224";
}

.fa.fa-transgender-alt {
  --fa: "\f225";
}

.fa.fa-facebook-official {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook-official {
  --fa: "\f09a";
}

.fa.fa-pinterest-p {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-whatsapp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-hotel {
  --fa: "\f236";
}

.fa.fa-viacoin {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-medium {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yc {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yc {
  --fa: "\f23b";
}

.fa.fa-optin-monster {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-opencart {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-expeditedssl {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-battery-4 {
  --fa: "\f240";
}

.fa.fa-battery {
  --fa: "\f240";
}

.fa.fa-battery-3 {
  --fa: "\f241";
}

.fa.fa-battery-2 {
  --fa: "\f242";
}

.fa.fa-battery-1 {
  --fa: "\f243";
}

.fa.fa-battery-0 {
  --fa: "\f244";
}

.fa.fa-object-group {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-object-ungroup {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-sticky-note-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-sticky-note-o {
  --fa: "\f249";
}

.fa.fa-cc-jcb {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-diners-club {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-clone {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hourglass-o {
  --fa: "\f254";
}

.fa.fa-hourglass-1 {
  --fa: "\f251";
}

.fa.fa-hourglass-2 {
  --fa: "\f252";
}

.fa.fa-hourglass-3 {
  --fa: "\f253";
}

.fa.fa-hand-rock-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-rock-o {
  --fa: "\f255";
}

.fa.fa-hand-grab-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-grab-o {
  --fa: "\f255";
}

.fa.fa-hand-paper-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-paper-o {
  --fa: "\f256";
}

.fa.fa-hand-stop-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-stop-o {
  --fa: "\f256";
}

.fa.fa-hand-scissors-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-scissors-o {
  --fa: "\f257";
}

.fa.fa-hand-lizard-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-lizard-o {
  --fa: "\f258";
}

.fa.fa-hand-spock-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-spock-o {
  --fa: "\f259";
}

.fa.fa-hand-pointer-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-pointer-o {
  --fa: "\f25a";
}

.fa.fa-hand-peace-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-peace-o {
  --fa: "\f25b";
}

.fa.fa-registered {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-creative-commons {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gg {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gg-circle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-odnoklassniki {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-odnoklassniki-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-odnoklassniki-square {
  --fa: "\f264";
}

.fa.fa-get-pocket {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wikipedia-w {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-safari {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-chrome {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-firefox {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-opera {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-internet-explorer {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-television {
  --fa: "\f26c";
}

.fa.fa-contao {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-500px {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-amazon {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-calendar-plus-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-plus-o {
  --fa: "\f271";
}

.fa.fa-calendar-minus-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-minus-o {
  --fa: "\f272";
}

.fa.fa-calendar-times-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-times-o {
  --fa: "\f273";
}

.fa.fa-calendar-check-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-check-o {
  --fa: "\f274";
}

.fa.fa-map-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-map-o {
  --fa: "\f279";
}

.fa.fa-commenting {
  --fa: "\f4ad";
}

.fa.fa-commenting-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-commenting-o {
  --fa: "\f4ad";
}

.fa.fa-houzz {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-vimeo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-vimeo {
  --fa: "\f27d";
}

.fa.fa-black-tie {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-fonticons {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-reddit-alien {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-edge {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-credit-card-alt {
  --fa: "\f09d";
}

.fa.fa-codiepie {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-modx {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-fort-awesome {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-usb {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-product-hunt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-mixcloud {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-scribd {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pause-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-pause-circle-o {
  --fa: "\f28b";
}

.fa.fa-stop-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-stop-circle-o {
  --fa: "\f28d";
}

.fa.fa-bluetooth {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bluetooth-b {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gitlab {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wpbeginner {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wpforms {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-envira {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wheelchair-alt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wheelchair-alt {
  --fa: "\f368";
}

.fa.fa-question-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-question-circle-o {
  --fa: "\f059";
}

.fa.fa-volume-control-phone {
  --fa: "\f2a0";
}

.fa.fa-asl-interpreting {
  --fa: "\f2a3";
}

.fa.fa-deafness {
  --fa: "\f2a4";
}

.fa.fa-hard-of-hearing {
  --fa: "\f2a4";
}

.fa.fa-glide {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-glide-g {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-signing {
  --fa: "\f2a7";
}

.fa.fa-viadeo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-viadeo-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-viadeo-square {
  --fa: "\f2aa";
}

.fa.fa-snapchat {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-snapchat-ghost {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-snapchat-ghost {
  --fa: "\f2ab";
}

.fa.fa-snapchat-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-snapchat-square {
  --fa: "\f2ad";
}

.fa.fa-pied-piper {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-first-order {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yoast {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-themeisle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-official {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-official {
  --fa: "\f2b3";
}

.fa.fa-google-plus-circle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-circle {
  --fa: "\f2b3";
}

.fa.fa-font-awesome {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-fa {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-fa {
  --fa: "\f2b4";
}

.fa.fa-handshake-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-handshake-o {
  --fa: "\f2b5";
}

.fa.fa-envelope-open-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-envelope-open-o {
  --fa: "\f2b6";
}

.fa.fa-linode {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-address-book-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-address-book-o {
  --fa: "\f2b9";
}

.fa.fa-vcard {
  --fa: "\f2bb";
}

.fa.fa-address-card-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-address-card-o {
  --fa: "\f2bb";
}

.fa.fa-vcard-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-vcard-o {
  --fa: "\f2bb";
}

.fa.fa-user-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-user-circle-o {
  --fa: "\f2bd";
}

.fa.fa-user-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-user-o {
  --fa: "\f007";
}

.fa.fa-id-badge {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-drivers-license {
  --fa: "\f2c2";
}

.fa.fa-id-card-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-id-card-o {
  --fa: "\f2c2";
}

.fa.fa-drivers-license-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-drivers-license-o {
  --fa: "\f2c2";
}

.fa.fa-quora {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-free-code-camp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-telegram {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-thermometer-4 {
  --fa: "\f2c7";
}

.fa.fa-thermometer {
  --fa: "\f2c7";
}

.fa.fa-thermometer-3 {
  --fa: "\f2c8";
}

.fa.fa-thermometer-2 {
  --fa: "\f2c9";
}

.fa.fa-thermometer-1 {
  --fa: "\f2ca";
}

.fa.fa-thermometer-0 {
  --fa: "\f2cb";
}

.fa.fa-bathtub {
  --fa: "\f2cd";
}

.fa.fa-s15 {
  --fa: "\f2cd";
}

.fa.fa-window-maximize {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-window-restore {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-times-rectangle {
  --fa: "\f410";
}

.fa.fa-window-close-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-window-close-o {
  --fa: "\f410";
}

.fa.fa-times-rectangle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-times-rectangle-o {
  --fa: "\f410";
}

.fa.fa-bandcamp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-grav {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-etsy {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-imdb {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ravelry {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-eercast {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-eercast {
  --fa: "\f2da";
}

.fa.fa-snowflake-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-snowflake-o {
  --fa: "\f2dc";
}

.fa.fa-superpowers {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wpexplorer {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-meetup {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
:root, :host {
  --fa-family-brands: 'Font Awesome 7 Brands';
  --fa-font-brands: normal 400 1em/1 var(--fa-family-brands);
}

@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-brands-400.40f9f6738fd2.woff2");
}

.fab,
.fa-brands,
.fa-classic.fa-brands {
  --fa-family: var(--fa-family-brands);
  --fa-style: 400;
}

.fa-firefox-browser {
  --fa: "\e007";
}

.fa-ideal {
  --fa: "\e013";
}

.fa-microblog {
  --fa: "\e01a";
}

.fa-square-pied-piper {
  --fa: "\e01e";
}

.fa-pied-piper-square {
  --fa: "\e01e";
}

.fa-unity {
  --fa: "\e049";
}

.fa-dailymotion {
  --fa: "\e052";
}

.fa-square-instagram {
  --fa: "\e055";
}

.fa-instagram-square {
  --fa: "\e055";
}

.fa-mixer {
  --fa: "\e056";
}

.fa-shopify {
  --fa: "\e057";
}

.fa-deezer {
  --fa: "\e077";
}

.fa-edge-legacy {
  --fa: "\e078";
}

.fa-google-pay {
  --fa: "\e079";
}

.fa-rust {
  --fa: "\e07a";
}

.fa-tiktok {
  --fa: "\e07b";
}

.fa-unsplash {
  --fa: "\e07c";
}

.fa-cloudflare {
  --fa: "\e07d";
}

.fa-guilded {
  --fa: "\e07e";
}

.fa-hive {
  --fa: "\e07f";
}

.fa-42-group {
  --fa: "\e080";
}

.fa-innosoft {
  --fa: "\e080";
}

.fa-instalod {
  --fa: "\e081";
}

.fa-octopus-deploy {
  --fa: "\e082";
}

.fa-perbyte {
  --fa: "\e083";
}

.fa-uncharted {
  --fa: "\e084";
}

.fa-watchman-monitoring {
  --fa: "\e087";
}

.fa-wodu {
  --fa: "\e088";
}

.fa-wirsindhandwerk {
  --fa: "\e2d0";
}

.fa-wsh {
  --fa: "\e2d0";
}

.fa-bots {
  --fa: "\e340";
}

.fa-cmplid {
  --fa: "\e360";
}

.fa-bilibili {
  --fa: "\e3d9";
}

.fa-golang {
  --fa: "\e40f";
}

.fa-pix {
  --fa: "\e43a";
}

.fa-sitrox {
  --fa: "\e44a";
}

.fa-hashnode {
  --fa: "\e499";
}

.fa-meta {
  --fa: "\e49b";
}

.fa-padlet {
  --fa: "\e4a0";
}

.fa-nfc-directional {
  --fa: "\e530";
}

.fa-nfc-symbol {
  --fa: "\e531";
}

.fa-screenpal {
  --fa: "\e570";
}

.fa-space-awesome {
  --fa: "\e5ac";
}

.fa-square-font-awesome {
  --fa: "\e5ad";
}

.fa-square-gitlab {
  --fa: "\e5ae";
}

.fa-gitlab-square {
  --fa: "\e5ae";
}

.fa-odysee {
  --fa: "\e5c6";
}

.fa-stubber {
  --fa: "\e5c7";
}

.fa-debian {
  --fa: "\e60b";
}

.fa-shoelace {
  --fa: "\e60c";
}

.fa-threads {
  --fa: "\e618";
}

.fa-square-threads {
  --fa: "\e619";
}

.fa-square-x-twitter {
  --fa: "\e61a";
}

.fa-x-twitter {
  --fa: "\e61b";
}

.fa-opensuse {
  --fa: "\e62b";
}

.fa-letterboxd {
  --fa: "\e62d";
}

.fa-square-letterboxd {
  --fa: "\e62e";
}

.fa-mintbit {
  --fa: "\e62f";
}

.fa-google-scholar {
  --fa: "\e63b";
}

.fa-brave {
  --fa: "\e63c";
}

.fa-brave-reverse {
  --fa: "\e63d";
}

.fa-pixiv {
  --fa: "\e640";
}

.fa-upwork {
  --fa: "\e641";
}

.fa-webflow {
  --fa: "\e65c";
}

.fa-signal-messenger {
  --fa: "\e663";
}

.fa-bluesky {
  --fa: "\e671";
}

.fa-jxl {
  --fa: "\e67b";
}

.fa-square-upwork {
  --fa: "\e67c";
}

.fa-web-awesome {
  --fa: "\e682";
}

.fa-square-web-awesome {
  --fa: "\e683";
}

.fa-square-web-awesome-stroke {
  --fa: "\e684";
}

.fa-dart-lang {
  --fa: "\e693";
}

.fa-flutter {
  --fa: "\e694";
}

.fa-files-pinwheel {
  --fa: "\e69f";
}

.fa-css {
  --fa: "\e6a2";
}

.fa-square-bluesky {
  --fa: "\e6a3";
}

.fa-openai {
  --fa: "\e7cf";
}

.fa-square-linkedin {
  --fa: "\e7d0";
}

.fa-cash-app {
  --fa: "\e7d4";
}

.fa-disqus {
  --fa: "\e7d5";
}

.fa-eleventy {
  --fa: "\e7d6";
}

.fa-11ty {
  --fa: "\e7d6";
}

.fa-kakao-talk {
  --fa: "\e7d7";
}

.fa-linktree {
  --fa: "\e7d8";
}

.fa-notion {
  --fa: "\e7d9";
}

.fa-pandora {
  --fa: "\e7da";
}

.fa-pixelfed {
  --fa: "\e7db";
}

.fa-tidal {
  --fa: "\e7dc";
}

.fa-vsco {
  --fa: "\e7dd";
}

.fa-w3c {
  --fa: "\e7de";
}

.fa-lumon {
  --fa: "\e7e2";
}

.fa-lumon-drop {
  --fa: "\e7e3";
}

.fa-square-figma {
  --fa: "\e7e4";
}

.fa-tex {
  --fa: "\e7ff";
}

.fa-duolingo {
  --fa: "\e812";
}

.fa-supportnow {
  --fa: "\e833";
}

.fa-tor-browser {
  --fa: "\e838";
}

.fa-typescript {
  --fa: "\e840";
}

.fa-square-deskpro {
  --fa: "\e844";
}

.fa-circle-zulip {
  --fa: "\e851";
}

.fa-julia {
  --fa: "\e852";
}

.fa-zulip {
  --fa: "\e853";
}

.fa-unison {
  --fa: "\e854";
}

.fa-board-game-geek {
  --fa: "\e855";
}

.fa-bgg {
  --fa: "\e855";
}

.fa-ko-fi {
  --fa: "\e856";
}

.fa-kubernetes {
  --fa: "\e857";
}

.fa-postgresql {
  --fa: "\e858";
}

.fa-scaleway {
  --fa: "\e859";
}

.fa-venmo {
  --fa: "\e85a";
}

.fa-venmo-v {
  --fa: "\e85b";
}

.fa-unreal-engine {
  --fa: "\e85c";
}

.fa-globaleaks {
  --fa: "\e85d";
}

.fa-solana {
  --fa: "\e85e";
}

.fa-threema {
  --fa: "\e85f";
}

.fa-forgejo {
  --fa: "\e860";
}

.fa-claude {
  --fa: "\e861";
}

.fa-gitee {
  --fa: "\e863";
}

.fa-xmpp {
  --fa: "\e864";
}

.fa-fediverse {
  --fa: "\e865";
}

.fa-tailwind-css {
  --fa: "\e866";
}

.fa-arch-linux {
  --fa: "\e867";
}

.fa-svelte {
  --fa: "\e868";
}

.fa-hugging-face {
  --fa: "\e869";
}

.fa-leetcode {
  --fa: "\e86a";
}

.fa-openstreetmap {
  --fa: "\e86b";
}

.fa-ultralytics {
  --fa: "\e86d";
}

.fa-ultralytics-hub {
  --fa: "\e86e";
}

.fa-ultralytics-yolo {
  --fa: "\e86f";
}

.fa-obsidian {
  --fa: "\e879";
}

.fa-zoom {
  --fa: "\e87b";
}

.fa-vim {
  --fa: "\e88a";
}

.fa-symfonycasts {
  --fa: "\e8ab";
}

.fa-square-twitter {
  --fa: "\f081";
}

.fa-twitter-square {
  --fa: "\f081";
}

.fa-square-facebook {
  --fa: "\f082";
}

.fa-facebook-square {
  --fa: "\f082";
}

.fa-linkedin {
  --fa: "\f08c";
}

.fa-square-github {
  --fa: "\f092";
}

.fa-github-square {
  --fa: "\f092";
}

.fa-twitter {
  --fa: "\f099";
}

.fa-facebook {
  --fa: "\f09a";
}

.fa-github {
  --fa: "\f09b";
}

.fa-pinterest {
  --fa: "\f0d2";
}

.fa-square-pinterest {
  --fa: "\f0d3";
}

.fa-pinterest-square {
  --fa: "\f0d3";
}

.fa-square-google-plus {
  --fa: "\f0d4";
}

.fa-google-plus-square {
  --fa: "\f0d4";
}

.fa-google-plus-g {
  --fa: "\f0d5";
}

.fa-linkedin-in {
  --fa: "\f0e1";
}

.fa-github-alt {
  --fa: "\f113";
}

.fa-maxcdn {
  --fa: "\f136";
}

.fa-html5 {
  --fa: "\f13b";
}

.fa-css3 {
  --fa: "\f13c";
}

.fa-btc {
  --fa: "\f15a";
}

.fa-youtube {
  --fa: "\f167";
}

.fa-xing {
  --fa: "\f168";
}

.fa-square-xing {
  --fa: "\f169";
}

.fa-xing-square {
  --fa: "\f169";
}

.fa-dropbox {
  --fa: "\f16b";
}

.fa-stack-overflow {
  --fa: "\f16c";
}

.fa-instagram {
  --fa: "\f16d";
}

.fa-flickr {
  --fa: "\f16e";
}

.fa-adn {
  --fa: "\f170";
}

.fa-bitbucket {
  --fa: "\f171";
}

.fa-tumblr {
  --fa: "\f173";
}

.fa-square-tumblr {
  --fa: "\f174";
}

.fa-tumblr-square {
  --fa: "\f174";
}

.fa-apple {
  --fa: "\f179";
}

.fa-windows {
  --fa: "\f17a";
}

.fa-android {
  --fa: "\f17b";
}

.fa-linux {
  --fa: "\f17c";
}

.fa-dribbble {
  --fa: "\f17d";
}

.fa-skype {
  --fa: "\f17e";
}

.fa-foursquare {
  --fa: "\f180";
}

.fa-trello {
  --fa: "\f181";
}

.fa-gratipay {
  --fa: "\f184";
}

.fa-vk {
  --fa: "\f189";
}

.fa-weibo {
  --fa: "\f18a";
}

.fa-renren {
  --fa: "\f18b";
}

.fa-pagelines {
  --fa: "\f18c";
}

.fa-stack-exchange {
  --fa: "\f18d";
}

.fa-square-vimeo {
  --fa: "\f194";
}

.fa-vimeo-square {
  --fa: "\f194";
}

.fa-slack {
  --fa: "\f198";
}

.fa-slack-hash {
  --fa: "\f198";
}

.fa-wordpress {
  --fa: "\f19a";
}

.fa-openid {
  --fa: "\f19b";
}

.fa-yahoo {
  --fa: "\f19e";
}

.fa-google {
  --fa: "\f1a0";
}

.fa-reddit {
  --fa: "\f1a1";
}

.fa-square-reddit {
  --fa: "\f1a2";
}

.fa-reddit-square {
  --fa: "\f1a2";
}

.fa-stumbleupon-circle {
  --fa: "\f1a3";
}

.fa-stumbleupon {
  --fa: "\f1a4";
}

.fa-delicious {
  --fa: "\f1a5";
}

.fa-digg {
  --fa: "\f1a6";
}

.fa-pied-piper-pp {
  --fa: "\f1a7";
}

.fa-pied-piper-alt {
  --fa: "\f1a8";
}

.fa-drupal {
  --fa: "\f1a9";
}

.fa-joomla {
  --fa: "\f1aa";
}

.fa-behance {
  --fa: "\f1b4";
}

.fa-square-behance {
  --fa: "\f1b5";
}

.fa-behance-square {
  --fa: "\f1b5";
}

.fa-steam {
  --fa: "\f1b6";
}

.fa-square-steam {
  --fa: "\f1b7";
}

.fa-steam-square {
  --fa: "\f1b7";
}

.fa-spotify {
  --fa: "\f1bc";
}

.fa-deviantart {
  --fa: "\f1bd";
}

.fa-soundcloud {
  --fa: "\f1be";
}

.fa-vine {
  --fa: "\f1ca";
}

.fa-codepen {
  --fa: "\f1cb";
}

.fa-jsfiddle {
  --fa: "\f1cc";
}

.fa-rebel {
  --fa: "\f1d0";
}

.fa-empire {
  --fa: "\f1d1";
}

.fa-square-git {
  --fa: "\f1d2";
}

.fa-git-square {
  --fa: "\f1d2";
}

.fa-git {
  --fa: "\f1d3";
}

.fa-hacker-news {
  --fa: "\f1d4";
}

.fa-tencent-weibo {
  --fa: "\f1d5";
}

.fa-qq {
  --fa: "\f1d6";
}

.fa-weixin {
  --fa: "\f1d7";
}

.fa-slideshare {
  --fa: "\f1e7";
}

.fa-twitch {
  --fa: "\f1e8";
}

.fa-yelp {
  --fa: "\f1e9";
}

.fa-paypal {
  --fa: "\f1ed";
}

.fa-google-wallet {
  --fa: "\f1ee";
}

.fa-cc-visa {
  --fa: "\f1f0";
}

.fa-cc-mastercard {
  --fa: "\f1f1";
}

.fa-cc-discover {
  --fa: "\f1f2";
}

.fa-cc-amex {
  --fa: "\f1f3";
}

.fa-cc-paypal {
  --fa: "\f1f4";
}

.fa-cc-stripe {
  --fa: "\f1f5";
}

.fa-lastfm {
  --fa: "\f202";
}

.fa-square-lastfm {
  --fa: "\f203";
}

.fa-lastfm-square {
  --fa: "\f203";
}

.fa-ioxhost {
  --fa: "\f208";
}

.fa-angellist {
  --fa: "\f209";
}

.fa-buysellads {
  --fa: "\f20d";
}

.fa-connectdevelop {
  --fa: "\f20e";
}

.fa-dashcube {
  --fa: "\f210";
}

.fa-forumbee {
  --fa: "\f211";
}

.fa-leanpub {
  --fa: "\f212";
}

.fa-sellsy {
  --fa: "\f213";
}

.fa-shirtsinbulk {
  --fa: "\f214";
}

.fa-simplybuilt {
  --fa: "\f215";
}

.fa-skyatlas {
  --fa: "\f216";
}

.fa-pinterest-p {
  --fa: "\f231";
}

.fa-whatsapp {
  --fa: "\f232";
}

.fa-viacoin {
  --fa: "\f237";
}

.fa-medium {
  --fa: "\f23a";
}

.fa-medium-m {
  --fa: "\f23a";
}

.fa-y-combinator {
  --fa: "\f23b";
}

.fa-optin-monster {
  --fa: "\f23c";
}

.fa-opencart {
  --fa: "\f23d";
}

.fa-expeditedssl {
  --fa: "\f23e";
}

.fa-cc-jcb {
  --fa: "\f24b";
}

.fa-cc-diners-club {
  --fa: "\f24c";
}

.fa-creative-commons {
  --fa: "\f25e";
}

.fa-gg {
  --fa: "\f260";
}

.fa-gg-circle {
  --fa: "\f261";
}

.fa-odnoklassniki {
  --fa: "\f263";
}

.fa-square-odnoklassniki {
  --fa: "\f264";
}

.fa-odnoklassniki-square {
  --fa: "\f264";
}

.fa-get-pocket {
  --fa: "\f265";
}

.fa-wikipedia-w {
  --fa: "\f266";
}

.fa-safari {
  --fa: "\f267";
}

.fa-chrome {
  --fa: "\f268";
}

.fa-firefox {
  --fa: "\f269";
}

.fa-opera {
  --fa: "\f26a";
}

.fa-internet-explorer {
  --fa: "\f26b";
}

.fa-contao {
  --fa: "\f26d";
}

.fa-500px {
  --fa: "\f26e";
}

.fa-amazon {
  --fa: "\f270";
}

.fa-houzz {
  --fa: "\f27c";
}

.fa-vimeo-v {
  --fa: "\f27d";
}

.fa-black-tie {
  --fa: "\f27e";
}

.fa-fonticons {
  --fa: "\f280";
}

.fa-reddit-alien {
  --fa: "\f281";
}

.fa-edge {
  --fa: "\f282";
}

.fa-codiepie {
  --fa: "\f284";
}

.fa-modx {
  --fa: "\f285";
}

.fa-fort-awesome {
  --fa: "\f286";
}

.fa-usb {
  --fa: "\f287";
}

.fa-product-hunt {
  --fa: "\f288";
}

.fa-mixcloud {
  --fa: "\f289";
}

.fa-scribd {
  --fa: "\f28a";
}

.fa-bluetooth {
  --fa: "\f293";
}

.fa-bluetooth-b {
  --fa: "\f294";
}

.fa-gitlab {
  --fa: "\f296";
}

.fa-wpbeginner {
  --fa: "\f297";
}

.fa-wpforms {
  --fa: "\f298";
}

.fa-envira {
  --fa: "\f299";
}

.fa-glide {
  --fa: "\f2a5";
}

.fa-glide-g {
  --fa: "\f2a6";
}

.fa-viadeo {
  --fa: "\f2a9";
}

.fa-square-viadeo {
  --fa: "\f2aa";
}

.fa-viadeo-square {
  --fa: "\f2aa";
}

.fa-snapchat {
  --fa: "\f2ab";
}

.fa-snapchat-ghost {
  --fa: "\f2ab";
}

.fa-square-snapchat {
  --fa: "\f2ad";
}

.fa-snapchat-square {
  --fa: "\f2ad";
}

.fa-pied-piper {
  --fa: "\f2ae";
}

.fa-first-order {
  --fa: "\f2b0";
}

.fa-yoast {
  --fa: "\f2b1";
}

.fa-themeisle {
  --fa: "\f2b2";
}

.fa-google-plus {
  --fa: "\f2b3";
}

.fa-font-awesome {
  --fa: "\f2b4";
}

.fa-font-awesome-flag {
  --fa: "\f2b4";
}

.fa-font-awesome-logo-full {
  --fa: "\f2b4";
}

.fa-linode {
  --fa: "\f2b8";
}

.fa-quora {
  --fa: "\f2c4";
}

.fa-free-code-camp {
  --fa: "\f2c5";
}

.fa-telegram {
  --fa: "\f2c6";
}

.fa-telegram-plane {
  --fa: "\f2c6";
}

.fa-bandcamp {
  --fa: "\f2d5";
}

.fa-grav {
  --fa: "\f2d6";
}

.fa-etsy {
  --fa: "\f2d7";
}

.fa-imdb {
  --fa: "\f2d8";
}

.fa-ravelry {
  --fa: "\f2d9";
}

.fa-sellcast {
  --fa: "\f2da";
}

.fa-superpowers {
  --fa: "\f2dd";
}

.fa-wpexplorer {
  --fa: "\f2de";
}

.fa-meetup {
  --fa: "\f2e0";
}

.fa-square-font-awesome-stroke {
  --fa: "\f35c";
}

.fa-font-awesome-alt {
  --fa: "\f35c";
}

.fa-accessible-icon {
  --fa: "\f368";
}

.fa-accusoft {
  --fa: "\f369";
}

.fa-adversal {
  --fa: "\f36a";
}

.fa-affiliatetheme {
  --fa: "\f36b";
}

.fa-algolia {
  --fa: "\f36c";
}

.fa-amilia {
  --fa: "\f36d";
}

.fa-angrycreative {
  --fa: "\f36e";
}

.fa-app-store {
  --fa: "\f36f";
}

.fa-app-store-ios {
  --fa: "\f370";
}

.fa-apper {
  --fa: "\f371";
}

.fa-asymmetrik {
  --fa: "\f372";
}

.fa-audible {
  --fa: "\f373";
}

.fa-avianex {
  --fa: "\f374";
}

.fa-aws {
  --fa: "\f375";
}

.fa-bimobject {
  --fa: "\f378";
}

.fa-bitcoin {
  --fa: "\f379";
}

.fa-bity {
  --fa: "\f37a";
}

.fa-blackberry {
  --fa: "\f37b";
}

.fa-blogger {
  --fa: "\f37c";
}

.fa-blogger-b {
  --fa: "\f37d";
}

.fa-buromobelexperte {
  --fa: "\f37f";
}

.fa-centercode {
  --fa: "\f380";
}

.fa-cloudscale {
  --fa: "\f383";
}

.fa-cloudsmith {
  --fa: "\f384";
}

.fa-cloudversify {
  --fa: "\f385";
}

.fa-cpanel {
  --fa: "\f388";
}

.fa-css3-alt {
  --fa: "\f38b";
}

.fa-cuttlefish {
  --fa: "\f38c";
}

.fa-d-and-d {
  --fa: "\f38d";
}

.fa-deploydog {
  --fa: "\f38e";
}

.fa-deskpro {
  --fa: "\f38f";
}

.fa-digital-ocean {
  --fa: "\f391";
}

.fa-discord {
  --fa: "\f392";
}

.fa-discourse {
  --fa: "\f393";
}

.fa-dochub {
  --fa: "\f394";
}

.fa-docker {
  --fa: "\f395";
}

.fa-draft2digital {
  --fa: "\f396";
}

.fa-square-dribbble {
  --fa: "\f397";
}

.fa-dribbble-square {
  --fa: "\f397";
}

.fa-dyalog {
  --fa: "\f399";
}

.fa-earlybirds {
  --fa: "\f39a";
}

.fa-erlang {
  --fa: "\f39d";
}

.fa-facebook-f {
  --fa: "\f39e";
}

.fa-facebook-messenger {
  --fa: "\f39f";
}

.fa-firstdraft {
  --fa: "\f3a1";
}

.fa-fonticons-fi {
  --fa: "\f3a2";
}

.fa-fort-awesome-alt {
  --fa: "\f3a3";
}

.fa-freebsd {
  --fa: "\f3a4";
}

.fa-gitkraken {
  --fa: "\f3a6";
}

.fa-gofore {
  --fa: "\f3a7";
}

.fa-goodreads {
  --fa: "\f3a8";
}

.fa-goodreads-g {
  --fa: "\f3a9";
}

.fa-google-drive {
  --fa: "\f3aa";
}

.fa-google-play {
  --fa: "\f3ab";
}

.fa-gripfire {
  --fa: "\f3ac";
}

.fa-grunt {
  --fa: "\f3ad";
}

.fa-gulp {
  --fa: "\f3ae";
}

.fa-square-hacker-news {
  --fa: "\f3af";
}

.fa-hacker-news-square {
  --fa: "\f3af";
}

.fa-hire-a-helper {
  --fa: "\f3b0";
}

.fa-hotjar {
  --fa: "\f3b1";
}

.fa-hubspot {
  --fa: "\f3b2";
}

.fa-itunes {
  --fa: "\f3b4";
}

.fa-itunes-note {
  --fa: "\f3b5";
}

.fa-jenkins {
  --fa: "\f3b6";
}

.fa-joget {
  --fa: "\f3b7";
}

.fa-js {
  --fa: "\f3b8";
}

.fa-square-js {
  --fa: "\f3b9";
}

.fa-js-square {
  --fa: "\f3b9";
}

.fa-keycdn {
  --fa: "\f3ba";
}

.fa-kickstarter {
  --fa: "\f3bb";
}

.fa-square-kickstarter {
  --fa: "\f3bb";
}

.fa-kickstarter-k {
  --fa: "\f3bc";
}

.fa-laravel {
  --fa: "\f3bd";
}

.fa-line {
  --fa: "\f3c0";
}

.fa-lyft {
  --fa: "\f3c3";
}

.fa-magento {
  --fa: "\f3c4";
}

.fa-medapps {
  --fa: "\f3c6";
}

.fa-medrt {
  --fa: "\f3c8";
}

.fa-microsoft {
  --fa: "\f3ca";
}

.fa-mix {
  --fa: "\f3cb";
}

.fa-mizuni {
  --fa: "\f3cc";
}

.fa-monero {
  --fa: "\f3d0";
}

.fa-napster {
  --fa: "\f3d2";
}

.fa-node-js {
  --fa: "\f3d3";
}

.fa-npm {
  --fa: "\f3d4";
}

.fa-ns8 {
  --fa: "\f3d5";
}

.fa-nutritionix {
  --fa: "\f3d6";
}

.fa-page4 {
  --fa: "\f3d7";
}

.fa-palfed {
  --fa: "\f3d8";
}

.fa-patreon {
  --fa: "\f3d9";
}

.fa-periscope {
  --fa: "\f3da";
}

.fa-phabricator {
  --fa: "\f3db";
}

.fa-phoenix-framework {
  --fa: "\f3dc";
}

.fa-playstation {
  --fa: "\f3df";
}

.fa-pushed {
  --fa: "\f3e1";
}

.fa-python {
  --fa: "\f3e2";
}

.fa-red-river {
  --fa: "\f3e3";
}

.fa-wpressr {
  --fa: "\f3e4";
}

.fa-rendact {
  --fa: "\f3e4";
}

.fa-replyd {
  --fa: "\f3e6";
}

.fa-resolving {
  --fa: "\f3e7";
}

.fa-rocketchat {
  --fa: "\f3e8";
}

.fa-rockrms {
  --fa: "\f3e9";
}

.fa-schlix {
  --fa: "\f3ea";
}

.fa-searchengin {
  --fa: "\f3eb";
}

.fa-servicestack {
  --fa: "\f3ec";
}

.fa-sistrix {
  --fa: "\f3ee";
}

.fa-speakap {
  --fa: "\f3f3";
}

.fa-staylinked {
  --fa: "\f3f5";
}

.fa-steam-symbol {
  --fa: "\f3f6";
}

.fa-sticker-mule {
  --fa: "\f3f7";
}

.fa-studiovinari {
  --fa: "\f3f8";
}

.fa-supple {
  --fa: "\f3f9";
}

.fa-uber {
  --fa: "\f402";
}

.fa-uikit {
  --fa: "\f403";
}

.fa-uniregistry {
  --fa: "\f404";
}

.fa-untappd {
  --fa: "\f405";
}

.fa-ussunnah {
  --fa: "\f407";
}

.fa-vaadin {
  --fa: "\f408";
}

.fa-viber {
  --fa: "\f409";
}

.fa-vimeo {
  --fa: "\f40a";
}

.fa-vnv {
  --fa: "\f40b";
}

.fa-square-whatsapp {
  --fa: "\f40c";
}

.fa-whatsapp-square {
  --fa: "\f40c";
}

.fa-whmcs {
  --fa: "\f40d";
}

.fa-wordpress-simple {
  --fa: "\f411";
}

.fa-xbox {
  --fa: "\f412";
}

.fa-yandex {
  --fa: "\f413";
}

.fa-yandex-international {
  --fa: "\f414";
}

.fa-apple-pay {
  --fa: "\f415";
}

.fa-cc-apple-pay {
  --fa: "\f416";
}

.fa-fly {
  --fa: "\f417";
}

.fa-node {
  --fa: "\f419";
}

.fa-osi {
  --fa: "\f41a";
}

.fa-react {
  --fa: "\f41b";
}

.fa-autoprefixer {
  --fa: "\f41c";
}

.fa-less {
  --fa: "\f41d";
}

.fa-sass {
  --fa: "\f41e";
}

.fa-vuejs {
  --fa: "\f41f";
}

.fa-angular {
  --fa: "\f420";
}

.fa-aviato {
  --fa: "\f421";
}

.fa-ember {
  --fa: "\f423";
}

.fa-gitter {
  --fa: "\f426";
}

.fa-hooli {
  --fa: "\f427";
}

.fa-strava {
  --fa: "\f428";
}

.fa-stripe {
  --fa: "\f429";
}

.fa-stripe-s {
  --fa: "\f42a";
}

.fa-typo3 {
  --fa: "\f42b";
}

.fa-amazon-pay {
  --fa: "\f42c";
}

.fa-cc-amazon-pay {
  --fa: "\f42d";
}

.fa-ethereum {
  --fa: "\f42e";
}

.fa-korvue {
  --fa: "\f42f";
}

.fa-elementor {
  --fa: "\f430";
}

.fa-square-youtube {
  --fa: "\f431";
}

.fa-youtube-square {
  --fa: "\f431";
}

.fa-flipboard {
  --fa: "\f44d";
}

.fa-hips {
  --fa: "\f452";
}

.fa-php {
  --fa: "\f457";
}

.fa-quinscape {
  --fa: "\f459";
}

.fa-readme {
  --fa: "\f4d5";
}

.fa-java {
  --fa: "\f4e4";
}

.fa-pied-piper-hat {
  --fa: "\f4e5";
}

.fa-creative-commons-by {
  --fa: "\f4e7";
}

.fa-creative-commons-nc {
  --fa: "\f4e8";
}

.fa-creative-commons-nc-eu {
  --fa: "\f4e9";
}

.fa-creative-commons-nc-jp {
  --fa: "\f4ea";
}

.fa-creative-commons-nd {
  --fa: "\f4eb";
}

.fa-creative-commons-pd {
  --fa: "\f4ec";
}

.fa-creative-commons-pd-alt {
  --fa: "\f4ed";
}

.fa-creative-commons-remix {
  --fa: "\f4ee";
}

.fa-creative-commons-sa {
  --fa: "\f4ef";
}

.fa-creative-commons-sampling {
  --fa: "\f4f0";
}

.fa-creative-commons-sampling-plus {
  --fa: "\f4f1";
}

.fa-creative-commons-share {
  --fa: "\f4f2";
}

.fa-creative-commons-zero {
  --fa: "\f4f3";
}

.fa-ebay {
  --fa: "\f4f4";
}

.fa-keybase {
  --fa: "\f4f5";
}

.fa-mastodon {
  --fa: "\f4f6";
}

.fa-r-project {
  --fa: "\f4f7";
}

.fa-researchgate {
  --fa: "\f4f8";
}

.fa-teamspeak {
  --fa: "\f4f9";
}

.fa-first-order-alt {
  --fa: "\f50a";
}

.fa-fulcrum {
  --fa: "\f50b";
}

.fa-galactic-republic {
  --fa: "\f50c";
}

.fa-galactic-senate {
  --fa: "\f50d";
}

.fa-jedi-order {
  --fa: "\f50e";
}

.fa-mandalorian {
  --fa: "\f50f";
}

.fa-old-republic {
  --fa: "\f510";
}

.fa-phoenix-squadron {
  --fa: "\f511";
}

.fa-sith {
  --fa: "\f512";
}

.fa-trade-federation {
  --fa: "\f513";
}

.fa-wolf-pack-battalion {
  --fa: "\f514";
}

.fa-hornbill {
  --fa: "\f592";
}

.fa-mailchimp {
  --fa: "\f59e";
}

.fa-megaport {
  --fa: "\f5a3";
}

.fa-nimblr {
  --fa: "\f5a8";
}

.fa-rev {
  --fa: "\f5b2";
}

.fa-shopware {
  --fa: "\f5b5";
}

.fa-squarespace {
  --fa: "\f5be";
}

.fa-themeco {
  --fa: "\f5c6";
}

.fa-weebly {
  --fa: "\f5cc";
}

.fa-wix {
  --fa: "\f5cf";
}

.fa-ello {
  --fa: "\f5f1";
}

.fa-hackerrank {
  --fa: "\f5f7";
}

.fa-kaggle {
  --fa: "\f5fa";
}

.fa-markdown {
  --fa: "\f60f";
}

.fa-neos {
  --fa: "\f612";
}

.fa-zhihu {
  --fa: "\f63f";
}

.fa-alipay {
  --fa: "\f642";
}

.fa-the-red-yeti {
  --fa: "\f69d";
}

.fa-critical-role {
  --fa: "\f6c9";
}

.fa-d-and-d-beyond {
  --fa: "\f6ca";
}

.fa-dev {
  --fa: "\f6cc";
}

.fa-fantasy-flight-games {
  --fa: "\f6dc";
}

.fa-wizards-of-the-coast {
  --fa: "\f730";
}

.fa-think-peaks {
  --fa: "\f731";
}

.fa-reacteurope {
  --fa: "\f75d";
}

.fa-artstation {
  --fa: "\f77a";
}

.fa-atlassian {
  --fa: "\f77b";
}

.fa-canadian-maple-leaf {
  --fa: "\f785";
}

.fa-centos {
  --fa: "\f789";
}

.fa-confluence {
  --fa: "\f78d";
}

.fa-dhl {
  --fa: "\f790";
}

.fa-diaspora {
  --fa: "\f791";
}

.fa-fedex {
  --fa: "\f797";
}

.fa-fedora {
  --fa: "\f798";
}

.fa-figma {
  --fa: "\f799";
}

.fa-intercom {
  --fa: "\f7af";
}

.fa-invision {
  --fa: "\f7b0";
}

.fa-jira {
  --fa: "\f7b1";
}

.fa-mendeley {
  --fa: "\f7b3";
}

.fa-raspberry-pi {
  --fa: "\f7bb";
}

.fa-redhat {
  --fa: "\f7bc";
}

.fa-sketch {
  --fa: "\f7c6";
}

.fa-sourcetree {
  --fa: "\f7d3";
}

.fa-suse {
  --fa: "\f7d6";
}

.fa-ubuntu {
  --fa: "\f7df";
}

.fa-ups {
  --fa: "\f7e0";
}

.fa-usps {
  --fa: "\f7e1";
}

.fa-yarn {
  --fa: "\f7e3";
}

.fa-airbnb {
  --fa: "\f834";
}

.fa-battle-net {
  --fa: "\f835";
}

.fa-bootstrap {
  --fa: "\f836";
}

.fa-buffer {
  --fa: "\f837";
}

.fa-chromecast {
  --fa: "\f838";
}

.fa-evernote {
  --fa: "\f839";
}

.fa-itch-io {
  --fa: "\f83a";
}

.fa-salesforce {
  --fa: "\f83b";
}

.fa-speaker-deck {
  --fa: "\f83c";
}

.fa-symfony {
  --fa: "\f83d";
}

.fa-waze {
  --fa: "\f83f";
}

.fa-yammer {
  --fa: "\f840";
}

.fa-git-alt {
  --fa: "\f841";
}

.fa-stackpath {
  --fa: "\f842";
}

.fa-cotton-bureau {
  --fa: "\f89e";
}

.fa-buy-n-large {
  --fa: "\f8a6";
}

.fa-mdb {
  --fa: "\f8ca";
}

.fa-orcid {
  --fa: "\f8d2";
}

.fa-swift {
  --fa: "\f8e1";
}

.fa-umbraco {
  --fa: "\f8e8";
}

.btn-upgrade:disabled, .btn-primary:disabled, .btn-brand:disabled, .btn-default:disabled, .is-disabled.btn-upgrade, .is-disabled.btn-primary, .is-disabled.btn-brand, .is-disabled.btn-default {
  pointer-events: none;
  outline: none;
  cursor: not-allowed;
}

.btn-small.btn-upgrade, .btn-small.btn-primary, .btn-small.btn-brand, .btn-small.btn-default {
  padding: 0.625rem 0.625rem;
  font-size: 14px;
}

.breadcrumbs {
  font-size: 0.875rem;
  line-height: line-height(small);
}

.breadcrumbs .nav-item {
  margin-left: 5px;
  display: inline-block;
}

@media (max-width: 1199px) {
  .breadcrumbs .nav-item {
    max-width: 240px;
  }
}

@media (max-width: 767px) {
  .breadcrumbs .nav-item {
    max-width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

@media (max-width: 575px) {
  .breadcrumbs .nav-item:not(:first-child) {
    max-width: 60px;
  }
}

.breadcrumbs .nav-item.nav-item-course {
  max-width: none;
}

.breadcrumbs .nav-item a,
.breadcrumbs .nav-item a:visited {
  color: #0075b4;
}

.breadcrumbs .nav-item a:hover {
  color: #005e90;
}

.breadcrumbs .fa-angle-right {
  margin-left: 5px;
  display: inline-block;
  color: #313131;
}

@media (max-width: 767px) {
  .breadcrumbs .fa-angle-right {
    position: relative;
    top: -5px;
  }
}

.btn-upgrade, .btn-primary, .btn-brand, .btn-default {
  display: inline-block;
  background-color: transparent;
  background-image: none;
  border-style: solid;
  border-radius: 0.1875rem;
  border-width: 1px;
  box-shadow: none;
  padding: 0.625rem 1.25rem;
  font-size: 16px;
  font-weight: normal;
  text-shadow: none;
  text-transform: capitalize;
}

.block.btn-upgrade, .block.btn-primary, .block.btn-brand, .block.btn-default {
  display: block;
  width: 100%;
}

.btn-upgrade .icon, .btn-primary .icon, .btn-brand .icon, .btn-default .icon {
  display: inline-block;
  vertical-align: baseline;
}

.btn-upgrade .icon:only-child, .btn-primary .icon:only-child, .btn-brand .icon:only-child, .btn-default .icon:only-child, .sr-only + .btn-upgrade .icon, .sr-only + .btn-primary .icon, .sr-only + .btn-brand .icon, .sr-only + .btn-default .icon {
  margin-right: 0;
}

.btn-default {
  border-color: transparent;
  background: transparent;
  color: #0075b4;
}

.btn-default:hover, .btn-default.is-hovered, .btn-default:focus, .btn-default.is-focused {
  border-color: #0075b4;
  background-color: transparent;
  color: #0075b4;
}

.btn-default:active, .btn-default.is-pressed, .btn-default.is-active {
  border-color: #0075b4;
  color: #0075b4;
}

.btn-default:disabled, .btn-default.is-disabled {
  border-color: #d2d0d0;
  color: #6b6969;
}

.btn-primary, .btn-brand {
  border-color: #0075b4;
  background: #0075b4;
  color: #fcfcfc;
}

.btn-primary:hover, .btn-brand:hover, .btn-primary.is-hovered, .is-hovered.btn-brand, .btn-primary:focus, .btn-brand:focus, .btn-primary.is-focused, .is-focused.btn-brand {
  border-color: #005e90;
  background-color: #005e90;
  color: #fcfcfc;
}

.btn-primary:active, .btn-brand:active, .btn-primary.is-pressed, .is-pressed.btn-brand, .btn-primary.is-active, .is-active.btn-brand {
  border-color: #0075b4;
  background: #0075b4;
}

.btn-primary:disabled, .btn-brand:disabled, .btn-primary.is-disabled, .is-disabled.btn-brand {
  border-color: #d2d0d0;
  background: #f2f3f3;
  color: #676666;
}

.btn-upgrade {
  border-color: #008100;
  background: #008100;
  color: #fcfcfc;
}

.btn-upgrade:hover, .btn-upgrade.is-hovered, .btn-upgrade:focus, .btn-upgrade.is-focused {
  border-color: #009b00;
  background-color: #009b00;
  color: #fcfcfc;
}

.btn-upgrade:disabled, .btn-upgrade.is-disabled {
  border-color: #d2d0d0;
  background: #f2f3f3;
  color: #fcfcfc;
}

/* HTML5 Boilerplate  */
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}

a:not(.btn) {
  color: #0075b4;
}

a:visited:not(.btn) {
  color: #003655;
}

a:hover:not(.btn),
a:focus:not(.btn) {
  color: #0079bc;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q::before,
q::after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul,
ol {
  padding: 0 0 0 40px;
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

nav ul,
nav ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button:-moz-focusring {
  outline: 1px dotted black;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

@media print {
  * {
    background: transparent;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  html,
body {
    background: transparent !important;
  }
  a,
a:visited {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  .ir a::after {
    content: "";
  }
  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 1cm 1.2cm 2cm;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
h3 {
    page-break-after: avoid;
  }
}

body.uxdesign.alerts .content-primary, .verification-process.step-requirements .list-reqs .req, .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .wrapper-photo .placeholder-photo, .verification-process .carousel .wrapper-task .task, .verification-process .report-receipt-provider, .verification-process .wrapper-report .report {
  border-radius: 3px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  background: #fff;
}

body.uxdesign.alerts .content-primary:after, .verification-process.step-requirements .list-reqs .req:after, .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .wrapper-photo .placeholder-photo:after, .verification-process .carousel .wrapper-task .task:after, .verification-process .report-receipt-provider:after, .verification-process .wrapper-report .report:after {
  content: "";
  display: table;
  clear: both;
}

.ui-loading, .learner-achievements .learner-message, .verification-process .nav-wizard {
  box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  padding: 15px 20px;
}

.is-expandable.is-ready .title-expand {
  cursor: pointer;
}

.is-disabled, a:not(.btn):disabled, a.is-disabled:not(.btn), a.disabled:not(.btn),
a:visited:not(.btn):disabled,
a.is-disabled:visited:not(.btn),
a.disabled:visited:not(.btn) {
  pointer-events: none;
  outline: none;
  cursor: default;
}

.find-courses .wrapper-search-context .wrapper-search-input {
  z-index: 0;
}

.courses-container .courses .course .course-image .cover-image::before, .verification-process.step-requirements .list-reqs .req .placeholder-art .fa-stack-2x, .verification-process .progress-sts, .find-courses .search-facets, .find-courses .discovery-input, .wrapper-messages-primary .message, .home > header .title .course-search .search-input, .modal .inner-wrapper header, .leanModal_box .inner-wrapper header, .modal .inner-wrapper, .leanModal_box .inner-wrapper, .modal, .leanModal_box, .header-global-new, .header-global, .pagination .current-page {
  z-index: 10;
}

.wrapper-alert, .courses-container .courses .course .course-image .cover-image .learn-more, .verification-process.step-requirements .list-reqs .req .placeholder-art .fa-stack-1x, .verification-process .progress .progress-step, .find-courses .discovery-submit, .home > header .title .course-search .search-button, .pagination .pagination-form {
  z-index: 100;
}

.highlighted-courses .courses .course .status, .find-courses .courses .course .status, .nav-utilities {
  z-index: 1000;
}

.wrapper-notification, .wrapper-prompt {
  z-index: 100000;
}

.nav-utilities .wrapper-utility:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.verification-process.step-select-track .contribution-options .field-group-other .contribution-option-other1 label,
.verification-process.step-select-track .contribution-options .field-group-other .contribution-option-other2 label, .verification-process.step-select-track .sts-track, .verification-process .carousel #wrapper-review .review-task-contribution .list-fields .field-group-other .contribution-option-other1 label,
.verification-process .carousel #wrapper-review .review-task-contribution .list-fields .field-group-other .contribution-option-other2 label, .pagination .pagination-form .page-number-label,
.pagination .pagination-form .submit-pagination-form, .pagination .nav-label, .nav-contents, .nav-skip, .transcript-skip, .sr,
.sr-only {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  margin: -1px;
  height: 1px;
  width: 1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  word-wrap: normal;
}

.sr,
.sr-only {
  background: #fff;
  color: #000;
}

.courses-container .courses .courses-listing, .verification-process .list-actions,
.verification-process .list-steps,
.verification-process .progress-steps,
.verification-process .list-controls,
.verification-process .list-fields,
.verification-process .list-nav,
.verification-process .list-help,
.verification-process .list-faq,
.verification-process .nav-wizard,
.verification-process .list-reqs,
.verification-process .review-tasks,
.verification-process .list-tips,
.verification-process .wrapper-photos,
.verification-process .field-group,
.verification-process .list-info, .find-courses .search-facets .facet-list, .status-verification .list-actions, .modal-settings-language .list-input, .modal-settings-language .list-actions, footer#footer-edx-v3 .about-links,
footer#footer-edx-v3 .legal-links,
footer#footer-edx-v3 .social-media-links,
footer#footer-edx-v3 .mobile-app-links {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
}

.courses-container .courses .courses-listing li, .verification-process .list-actions li,
.verification-process .list-steps li,
.verification-process .progress-steps li,
.verification-process .list-controls li,
.verification-process .list-fields li,
.verification-process .list-nav li,
.verification-process .list-help li,
.verification-process .list-faq li,
.verification-process .nav-wizard li,
.verification-process .list-reqs li,
.verification-process .review-tasks li,
.verification-process .list-tips li,
.verification-process .wrapper-photos li,
.verification-process .field-group li,
.verification-process .list-info li, .find-courses .search-facets .facet-list li, .status-verification .list-actions li, .modal-settings-language .list-input li, .modal-settings-language .list-actions li, footer#footer-edx-v3 .about-links li,
footer#footer-edx-v3 .legal-links li,
footer#footer-edx-v3 .social-media-links li,
footer#footer-edx-v3 .mobile-app-links li, .courses-container .courses .courses-listing dt, .verification-process .list-actions dt,
.verification-process .list-steps dt,
.verification-process .progress-steps dt,
.verification-process .list-controls dt,
.verification-process .list-fields dt,
.verification-process .list-nav dt,
.verification-process .list-help dt,
.verification-process .list-faq dt,
.verification-process .nav-wizard dt,
.verification-process .list-reqs dt,
.verification-process .review-tasks dt,
.verification-process .list-tips dt,
.verification-process .wrapper-photos dt,
.verification-process .field-group dt,
.verification-process .list-info dt, .find-courses .search-facets .facet-list dt, .status-verification .list-actions dt, .modal-settings-language .list-input dt, .modal-settings-language .list-actions dt, footer#footer-edx-v3 .about-links dt,
footer#footer-edx-v3 .legal-links dt,
footer#footer-edx-v3 .social-media-links dt,
footer#footer-edx-v3 .mobile-app-links dt, .courses-container .courses .courses-listing dd, .verification-process .list-actions dd,
.verification-process .list-steps dd,
.verification-process .progress-steps dd,
.verification-process .list-controls dd,
.verification-process .list-fields dd,
.verification-process .list-nav dd,
.verification-process .list-help dd,
.verification-process .list-faq dd,
.verification-process .nav-wizard dd,
.verification-process .list-reqs dd,
.verification-process .review-tasks dd,
.verification-process .list-tips dd,
.verification-process .wrapper-photos dd,
.verification-process .field-group dd,
.verification-process .list-info dd, .find-courses .search-facets .facet-list dd, .status-verification .list-actions dd, .modal-settings-language .list-input dd, .modal-settings-language .list-actions dd, footer#footer-edx-v3 .about-links dd,
footer#footer-edx-v3 .legal-links dd,
footer#footer-edx-v3 .social-media-links dd,
footer#footer-edx-v3 .mobile-app-links dd {
  margin: 0;
  padding: 0;
}

.course-info .course-sidebar .important-dates .prerequisite-course .pre-requisite, .find-courses .search-facets .facet-option {
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.find-courses .discovery-input:focus, .home > header .title .course-search .search-input:focus, .nav-utilities .action-toggle-notes, .sr-is-focusable,
.sr-is-focusable:focus,
.sr-is-focusable:active {
  outline: none;
}

.btn-link {
  color: #0075b4;
}

.btn-link:hover, .btn-link:focus {
  color: #0075b4;
}

.btn-link:hover, .btn-link:focus {
  text-decoration: underline !important;
}

.edx-cookie-banner-wrapper {
  background: #f2f8fd;
  box-sizing: border-box;
  /** Base Styles - start **/
  text-align: left;
  line-height: 1.5;
  font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  /** Base Styles - end **/
}

.edx-cookie-banner-wrapper .alert {
  position: relative;
  padding: 0.75rem 1.25rem;
}

.edx-cookie-banner-wrapper .alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  background: transparent;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  float: right;
  line-height: 1;
  font-size: 1.5rem;
  font-weight: 700;
}

.edx-cookie-banner-wrapper .alert-dismissible .btn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

.edx-cookie-banner-wrapper .edx-cookie-banner {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  min-width: 0;
  margin: 0 auto;
  background: inherit;
  border: none;
}

.edx-cookie-banner-wrapper .edx-cookie-banner .policy-link {
  color: #0075b4;
  text-decoration: underline;
}

.edx-cookie-banner-wrapper .edx-cookie-banner .policy-link:focus, .edx-cookie-banner-wrapper .edx-cookie-banner .policy-link:hover {
  color: #075683;
  border: none;
}

.edx-cookie-banner-wrapper .edx-cookie-banner .alert-dialog {
  margin-right: 30px;
  color: #4e4e4e;
}

.edx-cookie-banner-wrapper .edx-cookie-banner .btn.close {
  color: #0075b4;
}

.edx-cookie-banner-wrapper .edx-cookie-banner .btn.close:focus, .edx-cookie-banner-wrapper .edx-cookie-banner .btn.close:hover {
  color: #075683;
  cursor: pointer;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0.1875rem;
  -moz-border-radius: 0.1875rem;
  -ms-border-radius: 0.1875rem;
  -o-border-radius: 0.1875rem;
  border-radius: 0.1875rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.popover .arrow::before,
.popover .arrow::after {
  position: absolute;
  display: block;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow::before {
  content: "";
  border-width: 0.8rem;
}

.popover .arrow::after {
  content: "";
  border-width: 0.8rem;
}

.popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.8rem;
}

.popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before,
.popover.bs-popover-top .arrow::after,
.popover.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-bottom-width: 0;
}

.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before {
  bottom: -0.8rem;
  margin-left: -0.8rem;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
  bottom: calc((0.8rem - 1px) * -1);
  margin-left: -0.8rem;
  border-top-color: #fff;
}

.popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
  margin-left: 0.8rem;
}

.popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow {
  left: 0;
}

.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before,
.popover.bs-popover-right .arrow::after,
.popover.bs-popover-auto[x-placement^="right"] .arrow::after {
  margin-top: -0.8rem;
  border-left-width: 0;
}

.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before {
  left: -0.8rem;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
  left: calc((0.8rem - 1px) * -1);
  border-right-color: #fff;
}

.popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.8rem;
}

.popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before,
.popover.bs-popover-bottom .arrow::after,
.popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  margin-left: -0.8rem;
  border-top-width: 0;
}

.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
  top: -0.8rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  top: calc((0.8rem - 1px) * -1);
  border-bottom-color: #fff;
}

.popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 20px;
  margin-left: -10px;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] {
  margin-right: 0.8rem;
}

.popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow {
  right: 0;
}

.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before,
.popover.bs-popover-left .arrow::after,
.popover.bs-popover-auto[x-placement^="left"] .arrow::after {
  margin-top: -0.8rem;
  border-right-width: 0;
}

.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before {
  right: -0.8rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
  right: calc((0.8rem - 1px) * -1);
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-top-left-radius: calc(0.1875rem - 1px);
  -moz-border-topleft-radius: calc(0.1875rem - 1px);
  border-top-left-radius: calc(0.1875rem - 1px);
  -webkit-border-top-right-radius: calc(0.1875rem - 1px);
  -moz-border-topright-radius: calc(0.1875rem - 1px);
  border-top-right-radius: calc(0.1875rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #313131;
}

/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
.fa-solid,
.fa-regular,
.fa-brands,
.fa-classic,
.fas,
.far,
.fab,
.fal,
.fat,
.fad,
.fadr,
.fadl,
.fadt,
.fass,
.fasr,
.fasl,
.fast,
.fasds,
.fasdr,
.fasdl,
.fasdt,
.faslr,
.faslpr,
.fawsb,
.fatl,
.fans,
.fands,
.faes,
.fagt,
.fajr,
.fajfr,
.fajdr,
.facr,
.fausb,
.faudsb,
.faufsb,
.fa-solid,
.fa-semibold,
.fa-regular,
.fa-light,
.fa-thin,
.fa-brands,
.fa-classic,
.fa-duotone,
.fa-sharp,
.fa-sharp-duotone,
.fa-chisel,
.fa-etch,
.fa-graphite,
.fa-jelly,
.fa-jelly-duo,
.fa-jelly-fill,
.fa-notdog,
.fa-notdog-duo,
.fa-slab,
.fa-slab-press,
.fa-thumbprint,
.fa-utility,
.fa-utility-duo,
.fa-utility-fill,
.fa-whiteboard,
.fa {
  --_fa-family: var(--fa-family, var(--fa-style-family, 'Font Awesome 7 Pro'));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: var(--fa-display, inline-block);
  font-family: var(--_fa-family);
  font-feature-settings: normal;
  font-style: normal;
  font-synthesis: none;
  font-variant: normal;
  font-weight: var(--fa-style, 900);
  line-height: 1;
  text-align: center;
  text-rendering: auto;
  width: var(--fa-width, 1.25em);
}

:is(.fas, .fass, .far, .fasr, .fal, .fasl, .fat, .fast, .fad, .fadr, .fadl, .fadt, .fasds, .fasdr, .fasdl, .fasdt, .fab, .faslr, .faslpr, .fawsb, .fatl, .fans, .fands, .faes, .fagt, .fajr, .fajfr, .fajdr, .facr, .fausb, .faudsb, .faufsb, .fa-solid, .fa-semibold, .fa-regular, .fa-light, .fa-thin, .fa-brands, .fa-classic, .fa-duotone, .fa-sharp, .fa-sharp-duotone, .fa-chisel, .fa-etch, .fa-graphite, .fa-jelly, .fa-jelly-duo, .fa-jelly-fill, .fa-notdog, .fa-notdog-duo, .fa-slab, .fa-slab-press, .fa-thumbprint, .fa-utility, .fa-utility-duo, .fa-utility-fill, .fa-whiteboard, .fa)::before {
  content: var(--fa);
}

@supports not (content: "") {
  :is(.fas, .fass, .far, .fasr, .fal, .fasl, .fat, .fast, .fad, .fadr, .fadl, .fadt, .fasds, .fasdr, .fasdl, .fasdt, .fab, .faslr, .faslpr, .fawsb, .fatl, .fans, .fands, .faes, .fagt, .fajr, .fajfr, .fajdr, .facr, .fausb, .faudsb, .faufsb, .fa-solid, .fa-semibold, .fa-regular, .fa-light, .fa-thin, .fa-brands, .fa-classic, .fa-duotone, .fa-sharp, .fa-sharp-duotone, .fa-chisel, .fa-etch, .fa-graphite, .fa-jelly, .fa-jelly-duo, .fa-jelly-fill, .fa-notdog, .fa-notdog-duo, .fa-slab, .fa-slab-press, .fa-thumbprint, .fa-utility, .fa-utility-duo, .fa-utility-fill, .fa-whiteboard, .fa)::before {
    content: var(--fa);
  }
}

:is(.fad, .fa-duotone, .fadr, .fadl, .fadt, .fasds, .fa-sharp-duotone, .fasdr, .fasdl, .fasdt, .fatl, .fa-thumbprint, .fands, .fa-notdog-duo, .fajdr, .fa-jelly-duo, .faudsb, .fa-utility-duo)::after {
  content: var(--fa);
  font-feature-settings: "ss01";
}

@supports not (content: "") {
  :is(.fad, .fa-duotone, .fadr, .fadl, .fadt, .fasds, .fa-sharp-duotone, .fasdr, .fasdl, .fasdt, .fatl, .fa-thumbprint, .fands, .fa-notdog-duo, .fajdr, .fa-jelly-duo, .faudsb, .fa-utility-duo)::after {
    content: var(--fa);
  }
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: calc(10 / 16 * 1em);
  /* converts a 10px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 10 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 10 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-xs {
  font-size: calc(12 / 16 * 1em);
  /* converts a 12px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 12 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 12 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-sm {
  font-size: calc(14 / 16 * 1em);
  /* converts a 14px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 14 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 14 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-lg {
  font-size: calc(20 / 16 * 1em);
  /* converts a 20px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 20 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 20 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-xl {
  font-size: calc(24 / 16 * 1em);
  /* converts a 24px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 24 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 24 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-2xl {
  font-size: calc(32 / 16 * 1em);
  /* converts a 32px size into an em-based value that's relative to the scale's 16px base */
  line-height: calc(1 / 32 * 1em);
  /* sets the line-height of the icon back to that of it's parent */
  vertical-align: calc((6 / 32 - 0.375) * 1em);
  /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-width-auto {
  --fa-width: auto;
}

.fa-fw,
.fa-width-fixed {
  --fa-width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-inline-start: var(--fa-li-margin, 2.5em);
  padding-inline-start: 0;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  inset-inline-start: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

/* Heads Up: Bordered Icons will not be supported in the future!
  - This feature will be deprecated in the next major release of Font Awesome (v8)!
  - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8.
*/
/* Notes:
* --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size)
* --@{v.$css-prefix}-border-padding =
  ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment)
  ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon)
*/
.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.0625em);
  box-sizing: var(--fa-border-box-sizing, content-box);
  padding: var(--fa-border-padding, 0.1875em 0.25em);
}

.fa-pull-left,
.fa-pull-start {
  float: inline-start;
  margin-inline-end: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right,
.fa-pull-end {
  float: inline-end;
  margin-inline-start: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
.fa-bounce,
.fa-fade,
.fa-beat-fade,
.fa-flip,
.fa-pulse,
.fa-shake,
.fa-spin,
.fa-spin-pulse {
    animation: none !important;
    transition: none !important;
  }
}

@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}

@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}

@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}

@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}

@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  --fa-width: 100%;
  inset: 0;
  position: absolute;
  text-align: center;
  width: var(--fa-width);
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-0 {
  --fa: "\30 ";
}

.fa-1 {
  --fa: "\31 ";
}

.fa-2 {
  --fa: "\32 ";
}

.fa-3 {
  --fa: "\33 ";
}

.fa-4 {
  --fa: "\34 ";
}

.fa-5 {
  --fa: "\35 ";
}

.fa-6 {
  --fa: "\36 ";
}

.fa-7 {
  --fa: "\37 ";
}

.fa-8 {
  --fa: "\38 ";
}

.fa-9 {
  --fa: "\39 ";
}

.fa-exclamation {
  --fa: "\!";
}

.fa-ditto {
  --fa: "\"";
}

.fa-hashtag {
  --fa: "\#";
}

.fa-dollar-sign {
  --fa: "\$";
}

.fa-dollar {
  --fa: "\$";
}

.fa-usd {
  --fa: "\$";
}

.fa-percent {
  --fa: "\%";
}

.fa-percentage {
  --fa: "\%";
}

.fa-ampersand {
  --fa: "\&";
}

.fa-apostrophe {
  --fa: "\'";
}

.fa-bracket-round {
  --fa: "\(";
}

.fa-parenthesis {
  --fa: "\(";
}

.fa-bracket-round-right {
  --fa: "\)";
}

.fa-asterisk {
  --fa: "\*";
}

.fa-plus {
  --fa: "\+";
}

.fa-add {
  --fa: "\+";
}

.fa-comma {
  --fa: "\,";
}

.fa-hyphen {
  --fa: "\-";
}

.fa-period {
  --fa: "\.";
}

.fa-slash-forward {
  --fa: "\/";
}

.fa-colon {
  --fa: "\:";
}

.fa-semicolon {
  --fa: "\;";
}

.fa-less-than {
  --fa: "\<";
}

.fa-equals {
  --fa: "\=";
}

.fa-greater-than {
  --fa: "\>";
}

.fa-question {
  --fa: "\?";
}

.fa-at {
  --fa: "\@";
}

.fa-a {
  --fa: "A";
}

.fa-b {
  --fa: "B";
}

.fa-c {
  --fa: "C";
}

.fa-d {
  --fa: "D";
}

.fa-e {
  --fa: "E";
}

.fa-f {
  --fa: "F";
}

.fa-g {
  --fa: "G";
}

.fa-h {
  --fa: "H";
}

.fa-i {
  --fa: "I";
}

.fa-j {
  --fa: "J";
}

.fa-k {
  --fa: "K";
}

.fa-l {
  --fa: "L";
}

.fa-m {
  --fa: "M";
}

.fa-n {
  --fa: "N";
}

.fa-o {
  --fa: "O";
}

.fa-p {
  --fa: "P";
}

.fa-q {
  --fa: "Q";
}

.fa-r {
  --fa: "R";
}

.fa-s {
  --fa: "S";
}

.fa-t {
  --fa: "T";
}

.fa-u {
  --fa: "U";
}

.fa-v {
  --fa: "V";
}

.fa-w {
  --fa: "W";
}

.fa-x {
  --fa: "X";
}

.fa-y {
  --fa: "Y";
}

.fa-z {
  --fa: "Z";
}

.fa-bracket-square {
  --fa: "\[";
}

.fa-bracket {
  --fa: "\[";
}

.fa-bracket-left {
  --fa: "\[";
}

.fa-slash-back {
  --fa: "\\";
}

.fa-bracket-square-right {
  --fa: "\]";
}

.fa-accent-grave {
  --fa: "\`";
}

.fa-bracket-curly {
  --fa: "\{";
}

.fa-bracket-curly-left {
  --fa: "\{";
}

.fa-pipe {
  --fa: "\|";
}

.fa-bracket-curly-right {
  --fa: "\}";
}

.fa-tilde {
  --fa: "\~";
}

.fa-caravan-simple {
  --fa: "\e000";
}

.fa-caravan-alt {
  --fa: "\e000";
}

.fa-cat-space {
  --fa: "\e001";
}

.fa-coffee-pot {
  --fa: "\e002";
}

.fa-comet {
  --fa: "\e003";
}

.fa-fan-table {
  --fa: "\e004";
}

.fa-faucet {
  --fa: "\e005";
}

.fa-faucet-drip {
  --fa: "\e006";
}

.fa-galaxy {
  --fa: "\e008";
}

.fa-garage {
  --fa: "\e009";
}

.fa-garage-car {
  --fa: "\e00a";
}

.fa-garage-open {
  --fa: "\e00b";
}

.fa-heat {
  --fa: "\e00c";
}

.fa-house-chimney-window {
  --fa: "\e00d";
}

.fa-house-day {
  --fa: "\e00e";
}

.fa-house-person-leave {
  --fa: "\e00f";
}

.fa-house-leave {
  --fa: "\e00f";
}

.fa-house-person-depart {
  --fa: "\e00f";
}

.fa-house-night {
  --fa: "\e010";
}

.fa-house-person-return {
  --fa: "\e011";
}

.fa-house-person-arrive {
  --fa: "\e011";
}

.fa-house-return {
  --fa: "\e011";
}

.fa-house-signal {
  --fa: "\e012";
}

.fa-lamp-desk {
  --fa: "\e014";
}

.fa-lamp-floor {
  --fa: "\e015";
}

.fa-light-ceiling {
  --fa: "\e016";
}

.fa-light-switch {
  --fa: "\e017";
}

.fa-light-switch-off {
  --fa: "\e018";
}

.fa-light-switch-on {
  --fa: "\e019";
}

.fa-microwave {
  --fa: "\e01b";
}

.fa-outlet {
  --fa: "\e01c";
}

.fa-oven {
  --fa: "\e01d";
}

.fa-planet-moon {
  --fa: "\e01f";
}

.fa-planet-ringed {
  --fa: "\e020";
}

.fa-police-box {
  --fa: "\e021";
}

.fa-person-to-portal {
  --fa: "\e022";
}

.fa-portal-enter {
  --fa: "\e022";
}

.fa-person-from-portal {
  --fa: "\e023";
}

.fa-portal-exit {
  --fa: "\e023";
}

.fa-radar {
  --fa: "\e024";
}

.fa-raygun {
  --fa: "\e025";
}

.fa-refrigerator {
  --fa: "\e026";
}

.fa-rocket-launch {
  --fa: "\e027";
}

.fa-sensor {
  --fa: "\e028";
}

.fa-sensor-triangle-exclamation {
  --fa: "\e029";
}

.fa-sensor-alert {
  --fa: "\e029";
}

.fa-sensor-fire {
  --fa: "\e02a";
}

.fa-sensor-on {
  --fa: "\e02b";
}

.fa-sensor-cloud {
  --fa: "\e02c";
}

.fa-sensor-smoke {
  --fa: "\e02c";
}

.fa-siren {
  --fa: "\e02d";
}

.fa-siren-on {
  --fa: "\e02e";
}

.fa-solar-system {
  --fa: "\e02f";
}

.fa-circle-sort {
  --fa: "\e030";
}

.fa-sort-circle {
  --fa: "\e030";
}

.fa-circle-sort-down {
  --fa: "\e031";
}

.fa-sort-circle-down {
  --fa: "\e031";
}

.fa-circle-sort-up {
  --fa: "\e032";
}

.fa-sort-circle-up {
  --fa: "\e032";
}

.fa-space-station-moon {
  --fa: "\e033";
}

.fa-space-station-moon-construction {
  --fa: "\e034";
}

.fa-space-station-moon-alt {
  --fa: "\e034";
}

.fa-sprinkler {
  --fa: "\e035";
}

.fa-star-shooting {
  --fa: "\e036";
}

.fa-starfighter {
  --fa: "\e037";
}

.fa-starfighter-twin-ion-engine {
  --fa: "\e038";
}

.fa-starfighter-alt {
  --fa: "\e038";
}

.fa-starship {
  --fa: "\e039";
}

.fa-starship-freighter {
  --fa: "\e03a";
}

.fa-sword-laser {
  --fa: "\e03b";
}

.fa-sword-laser-alt {
  --fa: "\e03c";
}

.fa-swords-laser {
  --fa: "\e03d";
}

.fa-telescope {
  --fa: "\e03e";
}

.fa-temperature-arrow-down {
  --fa: "\e03f";
}

.fa-temperature-down {
  --fa: "\e03f";
}

.fa-temperature-arrow-up {
  --fa: "\e040";
}

.fa-temperature-up {
  --fa: "\e040";
}

.fa-trailer {
  --fa: "\e041";
}

.fa-transporter {
  --fa: "\e042";
}

.fa-transporter-1 {
  --fa: "\e043";
}

.fa-transporter-2 {
  --fa: "\e044";
}

.fa-transporter-3 {
  --fa: "\e045";
}

.fa-transporter-empty {
  --fa: "\e046";
}

.fa-ufo {
  --fa: "\e047";
}

.fa-ufo-beam {
  --fa: "\e048";
}

.fa-user-alien {
  --fa: "\e04a";
}

.fa-user-robot {
  --fa: "\e04b";
}

.fa-user-visor {
  --fa: "\e04c";
}

.fa-vacuum {
  --fa: "\e04d";
}

.fa-vacuum-robot {
  --fa: "\e04e";
}

.fa-window-frame {
  --fa: "\e04f";
}

.fa-window-frame-open {
  --fa: "\e050";
}

.fa-coffin-cross {
  --fa: "\e051";
}

.fa-folder-arrow-down {
  --fa: "\e053";
}

.fa-folder-download {
  --fa: "\e053";
}

.fa-folder-arrow-up {
  --fa: "\e054";
}

.fa-folder-upload {
  --fa: "\e054";
}

.fa-user-unlock {
  --fa: "\e058";
}

.fa-bacteria {
  --fa: "\e059";
}

.fa-bacterium {
  --fa: "\e05a";
}

.fa-box-tissue {
  --fa: "\e05b";
}

.fa-hand-holding-medical {
  --fa: "\e05c";
}

.fa-hand-sparkles {
  --fa: "\e05d";
}

.fa-hands-bubbles {
  --fa: "\e05e";
}

.fa-hands-wash {
  --fa: "\e05e";
}

.fa-handshake-slash {
  --fa: "\e060";
}

.fa-handshake-alt-slash {
  --fa: "\e060";
}

.fa-handshake-simple-slash {
  --fa: "\e060";
}

.fa-head-side-cough {
  --fa: "\e061";
}

.fa-head-side-cough-slash {
  --fa: "\e062";
}

.fa-head-side-mask {
  --fa: "\e063";
}

.fa-head-side-virus {
  --fa: "\e064";
}

.fa-house-chimney-user {
  --fa: "\e065";
}

.fa-house-laptop {
  --fa: "\e066";
}

.fa-laptop-house {
  --fa: "\e066";
}

.fa-lungs-virus {
  --fa: "\e067";
}

.fa-people-arrows {
  --fa: "\e068";
}

.fa-people-arrows-left-right {
  --fa: "\e068";
}

.fa-plane-slash {
  --fa: "\e069";
}

.fa-pump-medical {
  --fa: "\e06a";
}

.fa-pump-soap {
  --fa: "\e06b";
}

.fa-shield-virus {
  --fa: "\e06c";
}

.fa-sink {
  --fa: "\e06d";
}

.fa-soap {
  --fa: "\e06e";
}

.fa-stopwatch-20 {
  --fa: "\e06f";
}

.fa-shop-slash {
  --fa: "\e070";
}

.fa-store-alt-slash {
  --fa: "\e070";
}

.fa-store-slash {
  --fa: "\e071";
}

.fa-toilet-paper-slash {
  --fa: "\e072";
}

.fa-users-slash {
  --fa: "\e073";
}

.fa-virus {
  --fa: "\e074";
}

.fa-virus-slash {
  --fa: "\e075";
}

.fa-viruses {
  --fa: "\e076";
}

.fa-vest {
  --fa: "\e085";
}

.fa-vest-patches {
  --fa: "\e086";
}

.fa-airplay {
  --fa: "\e089";
}

.fa-alt {
  --fa: "\e08a";
}

.fa-angle {
  --fa: "\e08c";
}

.fa-angle-90 {
  --fa: "\e08d";
}

.fa-apple-core {
  --fa: "\e08f";
}

.fa-arrow-down-from-dotted-line {
  --fa: "\e090";
}

.fa-arrow-down-left {
  --fa: "\e091";
}

.fa-arrow-down-left-and-arrow-up-right-to-center {
  --fa: "\e092";
}

.fa-arrow-down-right {
  --fa: "\e093";
}

.fa-arrow-down-to-bracket {
  --fa: "\e094";
}

.fa-arrow-down-to-dotted-line {
  --fa: "\e095";
}

.fa-arrow-down-to-square {
  --fa: "\e096";
}

.fa-arrow-trend-down {
  --fa: "\e097";
}

.fa-arrow-trend-up {
  --fa: "\e098";
}

.fa-arrow-up-arrow-down {
  --fa: "\e099";
}

.fa-sort-up-down {
  --fa: "\e099";
}

.fa-arrow-up-from-bracket {
  --fa: "\e09a";
}

.fa-arrow-up-from-dotted-line {
  --fa: "\e09b";
}

.fa-arrow-up-from-square {
  --fa: "\e09c";
}

.fa-arrow-up-left {
  --fa: "\e09d";
}

.fa-arrow-up-left-from-circle {
  --fa: "\e09e";
}

.fa-arrow-up-right {
  --fa: "\e09f";
}

.fa-arrow-up-right-and-arrow-down-left-from-center {
  --fa: "\e0a0";
}

.fa-arrow-up-to-dotted-line {
  --fa: "\e0a1";
}

.fa-arrows-cross {
  --fa: "\e0a2";
}

.fa-arrows-from-dotted-line {
  --fa: "\e0a3";
}

.fa-arrows-from-line {
  --fa: "\e0a4";
}

.fa-arrows-minimize {
  --fa: "\e0a5";
}

.fa-compress-arrows {
  --fa: "\e0a5";
}

.fa-arrows-to-dotted-line {
  --fa: "\e0a6";
}

.fa-arrows-to-line {
  --fa: "\e0a7";
}

.fa-audio-description-slash {
  --fa: "\e0a8";
}

.fa-austral-sign {
  --fa: "\e0a9";
}

.fa-avocado {
  --fa: "\e0aa";
}

.fa-award-simple {
  --fa: "\e0ab";
}

.fa-baht-sign {
  --fa: "\e0ac";
}

.fa-bars-filter {
  --fa: "\e0ad";
}

.fa-bars-sort {
  --fa: "\e0ae";
}

.fa-basket-shopping-simple {
  --fa: "\e0af";
}

.fa-shopping-basket-alt {
  --fa: "\e0af";
}

.fa-battery-exclamation {
  --fa: "\e0b0";
}

.fa-battery-low {
  --fa: "\e0b1";
}

.fa-battery-1 {
  --fa: "\e0b1";
}

.fa-bee {
  --fa: "\e0b2";
}

.fa-beer-mug {
  --fa: "\e0b3";
}

.fa-beer-foam {
  --fa: "\e0b3";
}

.fa-bitcoin-sign {
  --fa: "\e0b4";
}

.fa-block-quote {
  --fa: "\e0b5";
}

.fa-bolt-auto {
  --fa: "\e0b6";
}

.fa-bolt-lightning {
  --fa: "\e0b7";
}

.fa-bolt-slash {
  --fa: "\e0b8";
}

.fa-book-arrow-right {
  --fa: "\e0b9";
}

.fa-book-arrow-up {
  --fa: "\e0ba";
}

.fa-book-bookmark {
  --fa: "\e0bb";
}

.fa-book-circle-arrow-right {
  --fa: "\e0bc";
}

.fa-book-circle-arrow-up {
  --fa: "\e0bd";
}

.fa-book-copy {
  --fa: "\e0be";
}

.fa-book-font {
  --fa: "\e0bf";
}

.fa-book-open-cover {
  --fa: "\e0c0";
}

.fa-book-open-alt {
  --fa: "\e0c0";
}

.fa-book-section {
  --fa: "\e0c1";
}

.fa-book-law {
  --fa: "\e0c1";
}

.fa-bookmark-slash {
  --fa: "\e0c2";
}

.fa-bowling-ball-pin {
  --fa: "\e0c3";
}

.fa-box-circle-check {
  --fa: "\e0c4";
}

.fa-brackets-round {
  --fa: "\e0c5";
}

.fa-parentheses {
  --fa: "\e0c5";
}

.fa-brain-circuit {
  --fa: "\e0c6";
}

.fa-brake-warning {
  --fa: "\e0c7";
}

.fa-briefcase-blank {
  --fa: "\e0c8";
}

.fa-brightness {
  --fa: "\e0c9";
}

.fa-brightness-low {
  --fa: "\e0ca";
}

.fa-browsers {
  --fa: "\e0cb";
}

.fa-buildings {
  --fa: "\e0cc";
}

.fa-burger-fries {
  --fa: "\e0cd";
}

.fa-burger-glass {
  --fa: "\e0ce";
}

.fa-calendar-arrow-down {
  --fa: "\e0d0";
}

.fa-calendar-download {
  --fa: "\e0d0";
}

.fa-calendar-arrow-up {
  --fa: "\e0d1";
}

.fa-calendar-upload {
  --fa: "\e0d1";
}

.fa-calendar-clock {
  --fa: "\e0d2";
}

.fa-calendar-time {
  --fa: "\e0d2";
}

.fa-calendar-heart {
  --fa: "\e0d3";
}

.fa-calendar-image {
  --fa: "\e0d4";
}

.fa-calendar-lines {
  --fa: "\e0d5";
}

.fa-calendar-note {
  --fa: "\e0d5";
}

.fa-calendar-range {
  --fa: "\e0d6";
}

.fa-calendars {
  --fa: "\e0d7";
}

.fa-camera-rotate {
  --fa: "\e0d8";
}

.fa-camera-slash {
  --fa: "\e0d9";
}

.fa-camera-viewfinder {
  --fa: "\e0da";
}

.fa-screenshot {
  --fa: "\e0da";
}

.fa-cart-minus {
  --fa: "\e0db";
}

.fa-cart-shopping-fast {
  --fa: "\e0dc";
}

.fa-cart-xmark {
  --fa: "\e0dd";
}

.fa-castle {
  --fa: "\e0de";
}

.fa-cedi-sign {
  --fa: "\e0df";
}

.fa-chart-bullet {
  --fa: "\e0e1";
}

.fa-chart-candlestick {
  --fa: "\e0e2";
}

.fa-chart-column {
  --fa: "\e0e3";
}

.fa-chart-gantt {
  --fa: "\e0e4";
}

.fa-chart-line-up {
  --fa: "\e0e5";
}

.fa-chart-pyramid {
  --fa: "\e0e6";
}

.fa-chart-radar {
  --fa: "\e0e7";
}

.fa-chart-scatter-3d {
  --fa: "\e0e8";
}

.fa-chart-scatter-bubble {
  --fa: "\e0e9";
}

.fa-chart-tree-map {
  --fa: "\e0ea";
}

.fa-chart-waterfall {
  --fa: "\e0eb";
}

.fa-cherries {
  --fa: "\e0ec";
}

.fa-circle-0 {
  --fa: "\e0ed";
}

.fa-circle-1 {
  --fa: "\e0ee";
}

.fa-circle-2 {
  --fa: "\e0ef";
}

.fa-circle-3 {
  --fa: "\e0f0";
}

.fa-circle-4 {
  --fa: "\e0f1";
}

.fa-circle-5 {
  --fa: "\e0f2";
}

.fa-circle-6 {
  --fa: "\e0f3";
}

.fa-circle-7 {
  --fa: "\e0f4";
}

.fa-circle-8 {
  --fa: "\e0f5";
}

.fa-circle-9 {
  --fa: "\e0f6";
}

.fa-circle-a {
  --fa: "\e0f7";
}

.fa-circle-ampersand {
  --fa: "\e0f8";
}

.fa-circle-arrow-down-left {
  --fa: "\e0f9";
}

.fa-circle-arrow-down-right {
  --fa: "\e0fa";
}

.fa-circle-arrow-up-left {
  --fa: "\e0fb";
}

.fa-circle-arrow-up-right {
  --fa: "\e0fc";
}

.fa-circle-b {
  --fa: "\e0fd";
}

.fa-circle-bolt {
  --fa: "\e0fe";
}

.fa-circle-book-open {
  --fa: "\e0ff";
}

.fa-book-circle {
  --fa: "\e0ff";
}

.fa-circle-bookmark {
  --fa: "\e100";
}

.fa-bookmark-circle {
  --fa: "\e100";
}

.fa-circle-c {
  --fa: "\e101";
}

.fa-circle-calendar {
  --fa: "\e102";
}

.fa-calendar-circle {
  --fa: "\e102";
}

.fa-circle-camera {
  --fa: "\e103";
}

.fa-camera-circle {
  --fa: "\e103";
}

.fa-circle-d {
  --fa: "\e104";
}

.fa-circle-dashed {
  --fa: "\e105";
}

.fa-circle-divide {
  --fa: "\e106";
}

.fa-circle-down-left {
  --fa: "\e107";
}

.fa-circle-down-right {
  --fa: "\e108";
}

.fa-circle-e {
  --fa: "\e109";
}

.fa-circle-ellipsis {
  --fa: "\e10a";
}

.fa-circle-ellipsis-vertical {
  --fa: "\e10b";
}

.fa-circle-envelope {
  --fa: "\e10c";
}

.fa-envelope-circle {
  --fa: "\e10c";
}

.fa-circle-exclamation-check {
  --fa: "\e10d";
}

.fa-circle-f {
  --fa: "\e10e";
}

.fa-circle-g {
  --fa: "\e10f";
}

.fa-circle-half {
  --fa: "\e110";
}

.fa-circle-i {
  --fa: "\e111";
}

.fa-circle-j {
  --fa: "\e112";
}

.fa-circle-k {
  --fa: "\e113";
}

.fa-circle-l {
  --fa: "\e114";
}

.fa-circle-m {
  --fa: "\e115";
}

.fa-circle-microphone {
  --fa: "\e116";
}

.fa-microphone-circle {
  --fa: "\e116";
}

.fa-circle-microphone-lines {
  --fa: "\e117";
}

.fa-microphone-circle-alt {
  --fa: "\e117";
}

.fa-circle-n {
  --fa: "\e118";
}

.fa-circle-o {
  --fa: "\e119";
}

.fa-circle-p {
  --fa: "\e11a";
}

.fa-circle-phone {
  --fa: "\e11b";
}

.fa-phone-circle {
  --fa: "\e11b";
}

.fa-circle-phone-flip {
  --fa: "\e11c";
}

.fa-phone-circle-alt {
  --fa: "\e11c";
}

.fa-circle-phone-hangup {
  --fa: "\e11d";
}

.fa-phone-circle-down {
  --fa: "\e11d";
}

.fa-circle-q {
  --fa: "\e11e";
}

.fa-circle-quarter {
  --fa: "\e11f";
}

.fa-circle-r {
  --fa: "\e120";
}

.fa-circle-s {
  --fa: "\e121";
}

.fa-circle-small {
  --fa: "\e122";
}

.fa-circle-star {
  --fa: "\e123";
}

.fa-star-circle {
  --fa: "\e123";
}

.fa-circle-t {
  --fa: "\e124";
}

.fa-circle-three-quarters {
  --fa: "\e125";
}

.fa-circle-trash {
  --fa: "\e126";
}

.fa-trash-circle {
  --fa: "\e126";
}

.fa-circle-u {
  --fa: "\e127";
}

.fa-circle-up-left {
  --fa: "\e128";
}

.fa-circle-up-right {
  --fa: "\e129";
}

.fa-circle-v {
  --fa: "\e12a";
}

.fa-circle-video {
  --fa: "\e12b";
}

.fa-video-circle {
  --fa: "\e12b";
}

.fa-circle-w {
  --fa: "\e12c";
}

.fa-circle-waveform-lines {
  --fa: "\e12d";
}

.fa-waveform-circle {
  --fa: "\e12d";
}

.fa-circle-x {
  --fa: "\e12e";
}

.fa-circle-y {
  --fa: "\e12f";
}

.fa-circle-z {
  --fa: "\e130";
}

.fa-clapperboard {
  --fa: "\e131";
}

.fa-clapperboard-play {
  --fa: "\e132";
}

.fa-clipboard-medical {
  --fa: "\e133";
}

.fa-clock-desk {
  --fa: "\e134";
}

.fa-closed-captioning-slash {
  --fa: "\e135";
}

.fa-clothes-hanger {
  --fa: "\e136";
}

.fa-cloud-slash {
  --fa: "\e137";
}

.fa-cloud-word {
  --fa: "\e138";
}

.fa-clover {
  --fa: "\e139";
}

.fa-code-compare {
  --fa: "\e13a";
}

.fa-code-fork {
  --fa: "\e13b";
}

.fa-code-pull-request {
  --fa: "\e13c";
}

.fa-code-simple {
  --fa: "\e13d";
}

.fa-coffee-bean {
  --fa: "\e13e";
}

.fa-coffee-beans {
  --fa: "\e13f";
}

.fa-colon-sign {
  --fa: "\e140";
}

.fa-command {
  --fa: "\e142";
}

.fa-comment-arrow-down {
  --fa: "\e143";
}

.fa-comment-arrow-up {
  --fa: "\e144";
}

.fa-comment-arrow-up-right {
  --fa: "\e145";
}

.fa-comment-captions {
  --fa: "\e146";
}

.fa-comment-code {
  --fa: "\e147";
}

.fa-comment-image {
  --fa: "\e148";
}

.fa-comment-middle {
  --fa: "\e149";
}

.fa-comment-middle-top {
  --fa: "\e14a";
}

.fa-comment-question {
  --fa: "\e14b";
}

.fa-comment-quote {
  --fa: "\e14c";
}

.fa-comment-text {
  --fa: "\e14d";
}

.fa-comments-question {
  --fa: "\e14e";
}

.fa-comments-question-check {
  --fa: "\e14f";
}

.fa-conveyor-belt-empty {
  --fa: "\e150";
}

.fa-crate-empty {
  --fa: "\e151";
}

.fa-cruzeiro-sign {
  --fa: "\e152";
}

.fa-delete-right {
  --fa: "\e154";
}

.fa-desktop-arrow-down {
  --fa: "\e155";
}

.fa-diagram-lean-canvas {
  --fa: "\e156";
}

.fa-diagram-nested {
  --fa: "\e157";
}

.fa-diagram-sankey {
  --fa: "\e158";
}

.fa-diagram-venn {
  --fa: "\e15a";
}

.fa-dial {
  --fa: "\e15b";
}

.fa-dial-med-high {
  --fa: "\e15b";
}

.fa-dial-high {
  --fa: "\e15c";
}

.fa-dial-low {
  --fa: "\e15d";
}

.fa-dial-max {
  --fa: "\e15e";
}

.fa-dial-med {
  --fa: "\e15f";
}

.fa-dial-med-low {
  --fa: "\e160";
}

.fa-dial-min {
  --fa: "\e161";
}

.fa-dial-off {
  --fa: "\e162";
}

.fa-display {
  --fa: "\e163";
}

.fa-display-arrow-down {
  --fa: "\e164";
}

.fa-display-code {
  --fa: "\e165";
}

.fa-desktop-code {
  --fa: "\e165";
}

.fa-display-medical {
  --fa: "\e166";
}

.fa-desktop-medical {
  --fa: "\e166";
}

.fa-dolphin {
  --fa: "\e168";
}

.fa-dong-sign {
  --fa: "\e169";
}

.fa-down-left {
  --fa: "\e16a";
}

.fa-down-right {
  --fa: "\e16b";
}

.fa-eggplant {
  --fa: "\e16c";
}

.fa-elevator {
  --fa: "\e16d";
}

.fa-engine {
  --fa: "\e16e";
}

.fa-envelope-dot {
  --fa: "\e16f";
}

.fa-envelope-badge {
  --fa: "\e16f";
}

.fa-envelopes {
  --fa: "\e170";
}

.fa-escalator {
  --fa: "\e171";
}

.fa-eye-dropper-full {
  --fa: "\e172";
}

.fa-eye-dropper-half {
  --fa: "\e173";
}

.fa-ferris-wheel {
  --fa: "\e174";
}

.fa-file-binary {
  --fa: "\e175";
}

.fa-file-heart {
  --fa: "\e176";
}

.fa-file-plus-minus {
  --fa: "\e177";
}

.fa-files {
  --fa: "\e178";
}

.fa-film-slash {
  --fa: "\e179";
}

.fa-films {
  --fa: "\e17a";
}

.fa-filter-circle-xmark {
  --fa: "\e17b";
}

.fa-filter-list {
  --fa: "\e17c";
}

.fa-filter-slash {
  --fa: "\e17d";
}

.fa-filters {
  --fa: "\e17e";
}

.fa-fire-hydrant {
  --fa: "\e17f";
}

.fa-floppy-disk-circle-arrow-right {
  --fa: "\e180";
}

.fa-save-circle-arrow-right {
  --fa: "\e180";
}

.fa-floppy-disk-circle-xmark {
  --fa: "\e181";
}

.fa-floppy-disk-times {
  --fa: "\e181";
}

.fa-save-circle-xmark {
  --fa: "\e181";
}

.fa-save-times {
  --fa: "\e181";
}

.fa-floppy-disk-pen {
  --fa: "\e182";
}

.fa-floppy-disks {
  --fa: "\e183";
}

.fa-florin-sign {
  --fa: "\e184";
}

.fa-folder-closed {
  --fa: "\e185";
}

.fa-folder-bookmark {
  --fa: "\e186";
}

.fa-folder-gear {
  --fa: "\e187";
}

.fa-folder-cog {
  --fa: "\e187";
}

.fa-folder-grid {
  --fa: "\e188";
}

.fa-folder-heart {
  --fa: "\e189";
}

.fa-folder-image {
  --fa: "\e18a";
}

.fa-folder-magnifying-glass {
  --fa: "\e18b";
}

.fa-folder-search {
  --fa: "\e18b";
}

.fa-folder-medical {
  --fa: "\e18c";
}

.fa-folder-music {
  --fa: "\e18d";
}

.fa-folder-user {
  --fa: "\e18e";
}

.fa-franc-sign {
  --fa: "\e18f";
}

.fa-gif {
  --fa: "\e190";
}

.fa-glass-empty {
  --fa: "\e191";
}

.fa-glass-half {
  --fa: "\e192";
}

.fa-glass-half-empty {
  --fa: "\e192";
}

.fa-glass-half-full {
  --fa: "\e192";
}

.fa-grate {
  --fa: "\e193";
}

.fa-grate-droplet {
  --fa: "\e194";
}

.fa-grid {
  --fa: "\e195";
}

.fa-grid-3 {
  --fa: "\e195";
}

.fa-grid-2 {
  --fa: "\e196";
}

.fa-grid-2-plus {
  --fa: "\e197";
}

.fa-grid-4 {
  --fa: "\e198";
}

.fa-grid-5 {
  --fa: "\e199";
}

.fa-guarani-sign {
  --fa: "\e19a";
}

.fa-gun {
  --fa: "\e19b";
}

.fa-gun-slash {
  --fa: "\e19c";
}

.fa-gun-squirt {
  --fa: "\e19d";
}

.fa-hand-back-point-down {
  --fa: "\e19e";
}

.fa-hand-back-point-left {
  --fa: "\e19f";
}

.fa-hand-back-point-ribbon {
  --fa: "\e1a0";
}

.fa-hand-back-point-right {
  --fa: "\e1a1";
}

.fa-hand-back-point-up {
  --fa: "\e1a2";
}

.fa-hand-fingers-crossed {
  --fa: "\e1a3";
}

.fa-hand-holding-skull {
  --fa: "\e1a4";
}

.fa-hand-love {
  --fa: "\e1a5";
}

.fa-hand-point-ribbon {
  --fa: "\e1a6";
}

.fa-hand-wave {
  --fa: "\e1a7";
}

.fa-hands-clapping {
  --fa: "\e1a8";
}

.fa-hand-horns {
  --fa: "\e1a9";
}

.fa-head-side-heart {
  --fa: "\e1aa";
}

.fa-heart-half {
  --fa: "\e1ab";
}

.fa-heart-half-stroke {
  --fa: "\e1ac";
}

.fa-heart-half-alt {
  --fa: "\e1ac";
}

.fa-hexagon-divide {
  --fa: "\e1ad";
}

.fa-high-definition {
  --fa: "\e1ae";
}

.fa-rectangle-hd {
  --fa: "\e1ae";
}

.fa-highlighter-line {
  --fa: "\e1af";
}

.fa-house-user {
  --fa: "\e1b0";
}

.fa-home-user {
  --fa: "\e1b0";
}

.fa-house-building {
  --fa: "\e1b1";
}

.fa-house-chimney-heart {
  --fa: "\e1b2";
}

.fa-house-tree {
  --fa: "\e1b3";
}

.fa-house-turret {
  --fa: "\e1b4";
}

.fa-image-landscape {
  --fa: "\e1b5";
}

.fa-landscape {
  --fa: "\e1b5";
}

.fa-image-polaroid-user {
  --fa: "\e1b6";
}

.fa-image-slash {
  --fa: "\e1b7";
}

.fa-image-user {
  --fa: "\e1b8";
}

.fa-images-user {
  --fa: "\e1b9";
}

.fa-inbox-full {
  --fa: "\e1ba";
}

.fa-inboxes {
  --fa: "\e1bb";
}

.fa-indian-rupee-sign {
  --fa: "\e1bc";
}

.fa-indian-rupee {
  --fa: "\e1bc";
}

.fa-inr {
  --fa: "\e1bc";
}

.fa-input-numeric {
  --fa: "\e1bd";
}

.fa-input-pipe {
  --fa: "\e1be";
}

.fa-input-text {
  --fa: "\e1bf";
}

.fa-keyboard-brightness {
  --fa: "\e1c0";
}

.fa-keyboard-brightness-low {
  --fa: "\e1c1";
}

.fa-keyboard-down {
  --fa: "\e1c2";
}

.fa-keyboard-left {
  --fa: "\e1c3";
}

.fa-kip-sign {
  --fa: "\e1c4";
}

.fa-lamp-street {
  --fa: "\e1c5";
}

.fa-laptop-arrow-down {
  --fa: "\e1c6";
}

.fa-laptop-slash {
  --fa: "\e1c7";
}

.fa-lari-sign {
  --fa: "\e1c8";
}

.fa-lasso-sparkles {
  --fa: "\e1c9";
}

.fa-lightbulb-exclamation-on {
  --fa: "\e1ca";
}

.fa-link-horizontal {
  --fa: "\e1cb";
}

.fa-chain-horizontal {
  --fa: "\e1cb";
}

.fa-link-horizontal-slash {
  --fa: "\e1cc";
}

.fa-chain-horizontal-slash {
  --fa: "\e1cc";
}

.fa-link-simple {
  --fa: "\e1cd";
}

.fa-link-simple-slash {
  --fa: "\e1ce";
}

.fa-list-dropdown {
  --fa: "\e1cf";
}

.fa-list-radio {
  --fa: "\e1d0";
}

.fa-list-timeline {
  --fa: "\e1d1";
}

.fa-list-tree {
  --fa: "\e1d2";
}

.fa-litecoin-sign {
  --fa: "\e1d3";
}

.fa-loader {
  --fa: "\e1d4";
}

.fa-manat-sign {
  --fa: "\e1d5";
}

.fa-manhole {
  --fa: "\e1d6";
}

.fa-mask-face {
  --fa: "\e1d7";
}

.fa-memo {
  --fa: "\e1d8";
}

.fa-memo-circle-check {
  --fa: "\e1d9";
}

.fa-memo-pad {
  --fa: "\e1da";
}

.fa-message-arrow-down {
  --fa: "\e1db";
}

.fa-comment-alt-arrow-down {
  --fa: "\e1db";
}

.fa-message-arrow-up {
  --fa: "\e1dc";
}

.fa-comment-alt-arrow-up {
  --fa: "\e1dc";
}

.fa-message-arrow-up-right {
  --fa: "\e1dd";
}

.fa-message-captions {
  --fa: "\e1de";
}

.fa-comment-alt-captions {
  --fa: "\e1de";
}

.fa-message-code {
  --fa: "\e1df";
}

.fa-message-image {
  --fa: "\e1e0";
}

.fa-comment-alt-image {
  --fa: "\e1e0";
}

.fa-message-middle {
  --fa: "\e1e1";
}

.fa-comment-middle-alt {
  --fa: "\e1e1";
}

.fa-message-middle-top {
  --fa: "\e1e2";
}

.fa-comment-middle-top-alt {
  --fa: "\e1e2";
}

.fa-message-question {
  --fa: "\e1e3";
}

.fa-message-quote {
  --fa: "\e1e4";
}

.fa-comment-alt-quote {
  --fa: "\e1e4";
}

.fa-message-sms {
  --fa: "\e1e5";
}

.fa-message-text {
  --fa: "\e1e6";
}

.fa-comment-alt-text {
  --fa: "\e1e6";
}

.fa-messages-question {
  --fa: "\e1e7";
}

.fa-meter {
  --fa: "\e1e8";
}

.fa-meter-bolt {
  --fa: "\e1e9";
}

.fa-meter-droplet {
  --fa: "\e1ea";
}

.fa-meter-fire {
  --fa: "\e1eb";
}

.fa-microchip-ai {
  --fa: "\e1ec";
}

.fa-mill-sign {
  --fa: "\e1ed";
}

.fa-mobile-notch {
  --fa: "\e1ee";
}

.fa-mobile-iphone {
  --fa: "\e1ee";
}

.fa-mobile-signal {
  --fa: "\e1ef";
}

.fa-mobile-signal-out {
  --fa: "\e1f0";
}

.fa-money-bill-simple {
  --fa: "\e1f1";
}

.fa-money-bill-simple-wave {
  --fa: "\e1f2";
}

.fa-money-bills {
  --fa: "\e1f3";
}

.fa-money-bills-simple {
  --fa: "\e1f4";
}

.fa-money-bills-alt {
  --fa: "\e1f4";
}

.fa-mug-tea-saucer {
  --fa: "\e1f5";
}

.fa-naira-sign {
  --fa: "\e1f6";
}

.fa-nfc {
  --fa: "\e1f7";
}

.fa-nfc-lock {
  --fa: "\e1f8";
}

.fa-nfc-magnifying-glass {
  --fa: "\e1f9";
}

.fa-nfc-pen {
  --fa: "\e1fa";
}

.fa-nfc-signal {
  --fa: "\e1fb";
}

.fa-nfc-slash {
  --fa: "\e1fc";
}

.fa-nfc-trash {
  --fa: "\e1fd";
}

.fa-notdef {
  --fa: "\e1fe";
}

.fa-note {
  --fa: "\e1ff";
}

.fa-note-medical {
  --fa: "\e200";
}

.fa-notebook {
  --fa: "\e201";
}

.fa-notes {
  --fa: "\e202";
}

.fa-octagon-divide {
  --fa: "\e203";
}

.fa-octagon-exclamation {
  --fa: "\e204";
}

.fa-oil-can-drip {
  --fa: "\e205";
}

.fa-paintbrush-pencil {
  --fa: "\e206";
}

.fa-pallet-box {
  --fa: "\e208";
}

.fa-panorama {
  --fa: "\e209";
}

.fa-paper-plane-top {
  --fa: "\e20a";
}

.fa-paper-plane-alt {
  --fa: "\e20a";
}

.fa-send {
  --fa: "\e20a";
}

.fa-peach {
  --fa: "\e20b";
}

.fa-pear {
  --fa: "\e20c";
}

.fa-pedestal {
  --fa: "\e20d";
}

.fa-pen-circle {
  --fa: "\e20e";
}

.fa-pen-clip-slash {
  --fa: "\e20f";
}

.fa-pen-alt-slash {
  --fa: "\e20f";
}

.fa-pen-fancy-slash {
  --fa: "\e210";
}

.fa-pen-field {
  --fa: "\e211";
}

.fa-pen-line {
  --fa: "\e212";
}

.fa-pen-slash {
  --fa: "\e213";
}

.fa-pen-swirl {
  --fa: "\e214";
}

.fa-pencil-slash {
  --fa: "\e215";
}

.fa-people {
  --fa: "\e216";
}

.fa-people-dress {
  --fa: "\e217";
}

.fa-people-dress-simple {
  --fa: "\e218";
}

.fa-people-pants {
  --fa: "\e219";
}

.fa-people-pants-simple {
  --fa: "\e21a";
}

.fa-people-simple {
  --fa: "\e21b";
}

.fa-person-dress-simple {
  --fa: "\e21c";
}

.fa-person-pinball {
  --fa: "\e21d";
}

.fa-person-seat {
  --fa: "\e21e";
}

.fa-person-seat-reclined {
  --fa: "\e21f";
}

.fa-person-simple {
  --fa: "\e220";
}

.fa-peseta-sign {
  --fa: "\e221";
}

.fa-peso-sign {
  --fa: "\e222";
}

.fa-phone-arrow-down-left {
  --fa: "\e223";
}

.fa-phone-arrow-down {
  --fa: "\e223";
}

.fa-phone-incoming {
  --fa: "\e223";
}

.fa-phone-arrow-up-right {
  --fa: "\e224";
}

.fa-phone-arrow-up {
  --fa: "\e224";
}

.fa-phone-outgoing {
  --fa: "\e224";
}

.fa-phone-hangup {
  --fa: "\e225";
}

.fa-phone-missed {
  --fa: "\e226";
}

.fa-phone-xmark {
  --fa: "\e227";
}

.fa-photo-film-music {
  --fa: "\e228";
}

.fa-pinball {
  --fa: "\e229";
}

.fa-plane-prop {
  --fa: "\e22b";
}

.fa-plane-tail {
  --fa: "\e22c";
}

.fa-plane-up {
  --fa: "\e22d";
}

.fa-plane-up-slash {
  --fa: "\e22e";
}

.fa-play-pause {
  --fa: "\e22f";
}

.fa-puzzle-piece-simple {
  --fa: "\e231";
}

.fa-puzzle-piece-alt {
  --fa: "\e231";
}

.fa-quotes {
  --fa: "\e234";
}

.fa-rectangle-pro {
  --fa: "\e235";
}

.fa-pro {
  --fa: "\e235";
}

.fa-rectangle-terminal {
  --fa: "\e236";
}

.fa-rectangle-vertical-history {
  --fa: "\e237";
}

.fa-reel {
  --fa: "\e238";
}

.fa-reply-clock {
  --fa: "\e239";
}

.fa-reply-time {
  --fa: "\e239";
}

.fa-restroom-simple {
  --fa: "\e23a";
}

.fa-rhombus {
  --fa: "\e23b";
}

.fa-rotate-exclamation {
  --fa: "\e23c";
}

.fa-rupiah-sign {
  --fa: "\e23d";
}

.fa-screencast {
  --fa: "\e23e";
}

.fa-scribble {
  --fa: "\e23f";
}

.fa-sd-cards {
  --fa: "\e240";
}

.fa-seal {
  --fa: "\e241";
}

.fa-seal-exclamation {
  --fa: "\e242";
}

.fa-seal-question {
  --fa: "\e243";
}

.fa-seat-airline {
  --fa: "\e244";
}

.fa-shelves-empty {
  --fa: "\e246";
}

.fa-shield-exclamation {
  --fa: "\e247";
}

.fa-shield-keyhole {
  --fa: "\e248";
}

.fa-shield-minus {
  --fa: "\e249";
}

.fa-shield-plus {
  --fa: "\e24a";
}

.fa-shield-slash {
  --fa: "\e24b";
}

.fa-shield-xmark {
  --fa: "\e24c";
}

.fa-shield-times {
  --fa: "\e24c";
}

.fa-shower-down {
  --fa: "\e24d";
}

.fa-shower-alt {
  --fa: "\e24d";
}

.fa-sidebar {
  --fa: "\e24e";
}

.fa-sidebar-flip {
  --fa: "\e24f";
}

.fa-signal-stream-slash {
  --fa: "\e250";
}

.fa-sim-cards {
  --fa: "\e251";
}

.fa-slider {
  --fa: "\e252";
}

.fa-sliders-simple {
  --fa: "\e253";
}

.fa-split {
  --fa: "\e254";
}

.fa-square-0 {
  --fa: "\e255";
}

.fa-square-1 {
  --fa: "\e256";
}

.fa-square-2 {
  --fa: "\e257";
}

.fa-square-3 {
  --fa: "\e258";
}

.fa-square-4 {
  --fa: "\e259";
}

.fa-square-5 {
  --fa: "\e25a";
}

.fa-square-6 {
  --fa: "\e25b";
}

.fa-square-7 {
  --fa: "\e25c";
}

.fa-square-8 {
  --fa: "\e25d";
}

.fa-square-9 {
  --fa: "\e25e";
}

.fa-square-a {
  --fa: "\e25f";
}

.fa-square-ampersand {
  --fa: "\e260";
}

.fa-square-arrow-down-left {
  --fa: "\e261";
}

.fa-square-arrow-down-right {
  --fa: "\e262";
}

.fa-square-arrow-up-left {
  --fa: "\e263";
}

.fa-square-b {
  --fa: "\e264";
}

.fa-square-bolt {
  --fa: "\e265";
}

.fa-square-c {
  --fa: "\e266";
}

.fa-square-code {
  --fa: "\e267";
}

.fa-square-d {
  --fa: "\e268";
}

.fa-square-dashed {
  --fa: "\e269";
}

.fa-square-divide {
  --fa: "\e26a";
}

.fa-square-down-left {
  --fa: "\e26b";
}

.fa-square-down-right {
  --fa: "\e26c";
}

.fa-square-e {
  --fa: "\e26d";
}

.fa-square-ellipsis {
  --fa: "\e26e";
}

.fa-square-ellipsis-vertical {
  --fa: "\e26f";
}

.fa-square-f {
  --fa: "\e270";
}

.fa-square-g {
  --fa: "\e271";
}

.fa-square-i {
  --fa: "\e272";
}

.fa-square-j {
  --fa: "\e273";
}

.fa-square-k {
  --fa: "\e274";
}

.fa-square-l {
  --fa: "\e275";
}

.fa-square-m {
  --fa: "\e276";
}

.fa-square-n {
  --fa: "\e277";
}

.fa-square-o {
  --fa: "\e278";
}

.fa-square-p {
  --fa: "\e279";
}

.fa-square-phone-hangup {
  --fa: "\e27a";
}

.fa-phone-square-down {
  --fa: "\e27a";
}

.fa-square-q {
  --fa: "\e27b";
}

.fa-square-r {
  --fa: "\e27c";
}

.fa-square-s {
  --fa: "\e27d";
}

.fa-square-small {
  --fa: "\e27e";
}

.fa-square-star {
  --fa: "\e27f";
}

.fa-square-t {
  --fa: "\e280";
}

.fa-square-u {
  --fa: "\e281";
}

.fa-square-up-left {
  --fa: "\e282";
}

.fa-square-user {
  --fa: "\e283";
}

.fa-square-v {
  --fa: "\e284";
}

.fa-square-w {
  --fa: "\e285";
}

.fa-square-x {
  --fa: "\e286";
}

.fa-square-y {
  --fa: "\e287";
}

.fa-square-z {
  --fa: "\e288";
}

.fa-stairs {
  --fa: "\e289";
}

.fa-standard-definition {
  --fa: "\e28a";
}

.fa-rectangle-sd {
  --fa: "\e28a";
}

.fa-star-sharp {
  --fa: "\e28b";
}

.fa-star-sharp-half {
  --fa: "\e28c";
}

.fa-star-sharp-half-stroke {
  --fa: "\e28d";
}

.fa-star-sharp-half-alt {
  --fa: "\e28d";
}

.fa-starfighter-twin-ion-engine-advanced {
  --fa: "\e28e";
}

.fa-starfighter-alt-advanced {
  --fa: "\e28e";
}

.fa-sun-bright {
  --fa: "\e28f";
}

.fa-sun-alt {
  --fa: "\e28f";
}

.fa-table-layout {
  --fa: "\e290";
}

.fa-table-pivot {
  --fa: "\e291";
}

.fa-table-rows {
  --fa: "\e292";
}

.fa-rows {
  --fa: "\e292";
}

.fa-table-tree {
  --fa: "\e293";
}

.fa-tally-1 {
  --fa: "\e294";
}

.fa-tally-2 {
  --fa: "\e295";
}

.fa-tally-3 {
  --fa: "\e296";
}

.fa-tally-4 {
  --fa: "\e297";
}

.fa-taxi-bus {
  --fa: "\e298";
}

.fa-temperature-list {
  --fa: "\e299";
}

.fa-ticket-airline {
  --fa: "\e29a";
}

.fa-ticket-perforated-plane {
  --fa: "\e29a";
}

.fa-ticket-plane {
  --fa: "\e29a";
}

.fa-tickets-airline {
  --fa: "\e29b";
}

.fa-tickets-perforated-plane {
  --fa: "\e29b";
}

.fa-tickets-plane {
  --fa: "\e29b";
}

.fa-timeline {
  --fa: "\e29c";
}

.fa-timeline-arrow {
  --fa: "\e29d";
}

.fa-timer {
  --fa: "\e29e";
}

.fa-toilet-paper-under {
  --fa: "\e2a0";
}

.fa-toilet-paper-blank-under {
  --fa: "\e2a0";
}

.fa-toilet-paper-reverse {
  --fa: "\e2a0";
}

.fa-toilet-paper-reverse-alt {
  --fa: "\e2a0";
}

.fa-toilet-paper-under-slash {
  --fa: "\e2a1";
}

.fa-toilet-paper-reverse-slash {
  --fa: "\e2a1";
}

.fa-tower-control {
  --fa: "\e2a2";
}

.fa-train-subway-tunnel {
  --fa: "\e2a3";
}

.fa-subway-tunnel {
  --fa: "\e2a3";
}

.fa-transformer-bolt {
  --fa: "\e2a4";
}

.fa-transporter-4 {
  --fa: "\e2a5";
}

.fa-transporter-5 {
  --fa: "\e2a6";
}

.fa-transporter-6 {
  --fa: "\e2a7";
}

.fa-transporter-7 {
  --fa: "\e2a8";
}

.fa-trash-can-check {
  --fa: "\e2a9";
}

.fa-trash-can-clock {
  --fa: "\e2aa";
}

.fa-trash-can-list {
  --fa: "\e2ab";
}

.fa-trash-can-plus {
  --fa: "\e2ac";
}

.fa-trash-can-slash {
  --fa: "\e2ad";
}

.fa-trash-alt-slash {
  --fa: "\e2ad";
}

.fa-trash-can-xmark {
  --fa: "\e2ae";
}

.fa-trash-check {
  --fa: "\e2af";
}

.fa-trash-clock {
  --fa: "\e2b0";
}

.fa-trash-list {
  --fa: "\e2b1";
}

.fa-trash-plus {
  --fa: "\e2b2";
}

.fa-trash-slash {
  --fa: "\e2b3";
}

.fa-trash-xmark {
  --fa: "\e2b4";
}

.fa-truck-container-empty {
  --fa: "\e2b5";
}

.fa-truck-flatbed {
  --fa: "\e2b6";
}

.fa-truck-front {
  --fa: "\e2b7";
}

.fa-truck-tow {
  --fa: "\e2b8";
}

.fa-tty-answer {
  --fa: "\e2b9";
}

.fa-teletype-answer {
  --fa: "\e2b9";
}

.fa-tugrik-sign {
  --fa: "\e2ba";
}

.fa-turkish-lira-sign {
  --fa: "\e2bb";
}

.fa-try {
  --fa: "\e2bb";
}

.fa-turkish-lira {
  --fa: "\e2bb";
}

.fa-umbrella-simple {
  --fa: "\e2bc";
}

.fa-umbrella-alt {
  --fa: "\e2bc";
}

.fa-up-left {
  --fa: "\e2bd";
}

.fa-up-right {
  --fa: "\e2be";
}

.fa-user-bounty-hunter {
  --fa: "\e2bf";
}

.fa-user-pilot {
  --fa: "\e2c0";
}

.fa-user-pilot-tie {
  --fa: "\e2c1";
}

.fa-user-shakespeare {
  --fa: "\e2c2";
}

.fa-utility-pole {
  --fa: "\e2c3";
}

.fa-utility-pole-double {
  --fa: "\e2c4";
}

.fa-vault {
  --fa: "\e2c5";
}

.fa-video-arrow-down-left {
  --fa: "\e2c8";
}

.fa-video-arrow-up-right {
  --fa: "\e2c9";
}

.fa-wand-magic-sparkles {
  --fa: "\e2ca";
}

.fa-magic-wand-sparkles {
  --fa: "\e2ca";
}

.fa-watch-apple {
  --fa: "\e2cb";
}

.fa-watch-smart {
  --fa: "\e2cc";
}

.fa-wheat-awn {
  --fa: "\e2cd";
}

.fa-wheat-alt {
  --fa: "\e2cd";
}

.fa-wheelchair-move {
  --fa: "\e2ce";
}

.fa-wheelchair-alt {
  --fa: "\e2ce";
}

.fa-wifi-exclamation {
  --fa: "\e2cf";
}

.fa-wrench-simple {
  --fa: "\e2d1";
}

.fa-robot-astromech {
  --fa: "\e2d2";
}

.fa-360-degrees {
  --fa: "\e2dc";
}

.fa-aperture {
  --fa: "\e2df";
}

.fa-arrow-turn-down-left {
  --fa: "\e2e1";
}

.fa-balloon {
  --fa: "\e2e3";
}

.fa-balloons {
  --fa: "\e2e4";
}

.fa-banana {
  --fa: "\e2e5";
}

.fa-bangladeshi-taka-sign {
  --fa: "\e2e6";
}

.fa-bench-tree {
  --fa: "\e2e7";
}

.fa-blueberries {
  --fa: "\e2e8";
}

.fa-bowl-chopsticks {
  --fa: "\e2e9";
}

.fa-bowl-chopsticks-noodles {
  --fa: "\e2ea";
}

.fa-bowl-rice {
  --fa: "\e2eb";
}

.fa-briefcase-arrow-right {
  --fa: "\e2f2";
}

.fa-citrus {
  --fa: "\e2f4";
}

.fa-citrus-slice {
  --fa: "\e2f5";
}

.fa-coconut {
  --fa: "\e2f6";
}

.fa-display-slash {
  --fa: "\e2fa";
}

.fa-desktop-slash {
  --fa: "\e2fa";
}

.fa-face-explode {
  --fa: "\e2fe";
}

.fa-exploding-head {
  --fa: "\e2fe";
}

.fa-face-viewfinder {
  --fa: "\e2ff";
}

.fa-family {
  --fa: "\e300";
}

.fa-family-dress {
  --fa: "\e301";
}

.fa-family-pants {
  --fa: "\e302";
}

.fa-fence {
  --fa: "\e303";
}

.fa-fish-bones {
  --fa: "\e304";
}

.fa-grapes {
  --fa: "\e306";
}

.fa-kiwi-fruit {
  --fa: "\e30c";
}

.fa-mango {
  --fa: "\e30f";
}

.fa-melon {
  --fa: "\e310";
}

.fa-melon-slice {
  --fa: "\e311";
}

.fa-money-from-bracket {
  --fa: "\e312";
}

.fa-money-simple-from-bracket {
  --fa: "\e313";
}

.fa-olive {
  --fa: "\e316";
}

.fa-olive-branch {
  --fa: "\e317";
}

.fa-option {
  --fa: "\e318";
}

.fa-party-bell {
  --fa: "\e31a";
}

.fa-party-horn {
  --fa: "\e31b";
}

.fa-peapod {
  --fa: "\e31c";
}

.fa-person-pregnant {
  --fa: "\e31e";
}

.fa-pineapple {
  --fa: "\e31f";
}

.fa-rectangle-code {
  --fa: "\e322";
}

.fa-rectangles-mixed {
  --fa: "\e323";
}

.fa-roller-coaster {
  --fa: "\e324";
}

.fa-square-quote {
  --fa: "\e329";
}

.fa-square-terminal {
  --fa: "\e32a";
}

.fa-strawberry {
  --fa: "\e32b";
}

.fa-table-picnic {
  --fa: "\e32d";
}

.fa-thought-bubble {
  --fa: "\e32e";
}

.fa-tick {
  --fa: "\e32f";
}

.fa-tomato {
  --fa: "\e330";
}

.fa-turn-down-left {
  --fa: "\e331";
}

.fa-user-police {
  --fa: "\e333";
}

.fa-user-police-tie {
  --fa: "\e334";
}

.fa-watermelon-slice {
  --fa: "\e337";
}

.fa-wheat-awn-slash {
  --fa: "\e338";
}

.fa-wheat-slash {
  --fa: "\e339";
}

.fa-badminton {
  --fa: "\e33a";
}

.fa-binary {
  --fa: "\e33b";
}

.fa-binary-circle-check {
  --fa: "\e33c";
}

.fa-binary-lock {
  --fa: "\e33d";
}

.fa-binary-slash {
  --fa: "\e33e";
}

.fa-boot-heeled {
  --fa: "\e33f";
}

.fa-car-bolt {
  --fa: "\e341";
}

.fa-car-circle-bolt {
  --fa: "\e342";
}

.fa-car-mirrors {
  --fa: "\e343";
}

.fa-car-side-bolt {
  --fa: "\e344";
}

.fa-clock-eight {
  --fa: "\e345";
}

.fa-clock-eight-thirty {
  --fa: "\e346";
}

.fa-clock-eleven {
  --fa: "\e347";
}

.fa-clock-eleven-thirty {
  --fa: "\e348";
}

.fa-clock-five {
  --fa: "\e349";
}

.fa-clock-five-thirty {
  --fa: "\e34a";
}

.fa-clock-four-thirty {
  --fa: "\e34b";
}

.fa-clock-nine {
  --fa: "\e34c";
}

.fa-clock-nine-thirty {
  --fa: "\e34d";
}

.fa-clock-one {
  --fa: "\e34e";
}

.fa-clock-one-thirty {
  --fa: "\e34f";
}

.fa-clock-seven {
  --fa: "\e350";
}

.fa-clock-seven-thirty {
  --fa: "\e351";
}

.fa-clock-six {
  --fa: "\e352";
}

.fa-clock-six-thirty {
  --fa: "\e353";
}

.fa-clock-ten {
  --fa: "\e354";
}

.fa-clock-ten-thirty {
  --fa: "\e355";
}

.fa-clock-three {
  --fa: "\e356";
}

.fa-clock-three-thirty {
  --fa: "\e357";
}

.fa-clock-twelve {
  --fa: "\e358";
}

.fa-clock-twelve-thirty {
  --fa: "\e359";
}

.fa-clock-two {
  --fa: "\e35a";
}

.fa-clock-two-thirty {
  --fa: "\e35b";
}

.fa-cloud-check {
  --fa: "\e35c";
}

.fa-cloud-minus {
  --fa: "\e35d";
}

.fa-cloud-plus {
  --fa: "\e35e";
}

.fa-cloud-xmark {
  --fa: "\e35f";
}

.fa-columns-3 {
  --fa: "\e361";
}

.fa-crystal-ball {
  --fa: "\e362";
}

.fa-cup-straw {
  --fa: "\e363";
}

.fa-cup-straw-swoosh {
  --fa: "\e364";
}

.fa-distribute-spacing-horizontal {
  --fa: "\e365";
}

.fa-distribute-spacing-vertical {
  --fa: "\e366";
}

.fa-eyes {
  --fa: "\e367";
}

.fa-face-angry-horns {
  --fa: "\e368";
}

.fa-face-anguished {
  --fa: "\e369";
}

.fa-face-anxious-sweat {
  --fa: "\e36a";
}

.fa-face-astonished {
  --fa: "\e36b";
}

.fa-face-confounded {
  --fa: "\e36c";
}

.fa-face-confused {
  --fa: "\e36d";
}

.fa-face-cowboy-hat {
  --fa: "\e36e";
}

.fa-face-disappointed {
  --fa: "\e36f";
}

.fa-face-disguise {
  --fa: "\e370";
}

.fa-face-downcast-sweat {
  --fa: "\e371";
}

.fa-face-drooling {
  --fa: "\e372";
}

.fa-face-expressionless {
  --fa: "\e373";
}

.fa-face-eyes-xmarks {
  --fa: "\e374";
}

.fa-face-fearful {
  --fa: "\e375";
}

.fa-face-frown-slight {
  --fa: "\e376";
}

.fa-face-glasses {
  --fa: "\e377";
}

.fa-face-hand-over-mouth {
  --fa: "\e378";
}

.fa-face-hand-yawn {
  --fa: "\e379";
}

.fa-face-head-bandage {
  --fa: "\e37a";
}

.fa-face-hushed {
  --fa: "\e37b";
}

.fa-face-icicles {
  --fa: "\e37c";
}

.fa-face-kiss-closed-eyes {
  --fa: "\e37d";
}

.fa-face-lying {
  --fa: "\e37e";
}

.fa-face-mask {
  --fa: "\e37f";
}

.fa-face-monocle {
  --fa: "\e380";
}

.fa-face-nauseated {
  --fa: "\e381";
}

.fa-face-nose-steam {
  --fa: "\e382";
}

.fa-face-party {
  --fa: "\e383";
}

.fa-face-pensive {
  --fa: "\e384";
}

.fa-face-persevering {
  --fa: "\e385";
}

.fa-face-pleading {
  --fa: "\e386";
}

.fa-face-pouting {
  --fa: "\e387";
}

.fa-face-raised-eyebrow {
  --fa: "\e388";
}

.fa-face-relieved {
  --fa: "\e389";
}

.fa-face-sad-sweat {
  --fa: "\e38a";
}

.fa-face-scream {
  --fa: "\e38b";
}

.fa-face-shush {
  --fa: "\e38c";
}

.fa-face-sleeping {
  --fa: "\e38d";
}

.fa-face-sleepy {
  --fa: "\e38e";
}

.fa-face-smile-halo {
  --fa: "\e38f";
}

.fa-face-smile-hearts {
  --fa: "\e390";
}

.fa-face-smile-horns {
  --fa: "\e391";
}

.fa-face-smile-relaxed {
  --fa: "\e392";
}

.fa-face-smile-tear {
  --fa: "\e393";
}

.fa-face-smile-tongue {
  --fa: "\e394";
}

.fa-face-smile-upside-down {
  --fa: "\e395";
}

.fa-face-smiling-hands {
  --fa: "\e396";
}

.fa-face-smirking {
  --fa: "\e397";
}

.fa-face-sunglasses {
  --fa: "\e398";
}

.fa-face-swear {
  --fa: "\e399";
}

.fa-face-thermometer {
  --fa: "\e39a";
}

.fa-face-thinking {
  --fa: "\e39b";
}

.fa-face-tissue {
  --fa: "\e39c";
}

.fa-face-tongue-money {
  --fa: "\e39d";
}

.fa-face-tongue-sweat {
  --fa: "\e39e";
}

.fa-face-unamused {
  --fa: "\e39f";
}

.fa-face-vomit {
  --fa: "\e3a0";
}

.fa-face-weary {
  --fa: "\e3a1";
}

.fa-face-woozy {
  --fa: "\e3a2";
}

.fa-face-worried {
  --fa: "\e3a3";
}

.fa-face-zany {
  --fa: "\e3a4";
}

.fa-face-zipper {
  --fa: "\e3a5";
}

.fa-file-lock {
  --fa: "\e3a6";
}

.fa-file-slash {
  --fa: "\e3a7";
}

.fa-fishing-rod {
  --fa: "\e3a8";
}

.fa-flying-disc {
  --fa: "\e3a9";
}

.fa-gallery-thumbnails {
  --fa: "\e3aa";
}

.fa-goal-net {
  --fa: "\e3ab";
}

.fa-golf-flag-hole {
  --fa: "\e3ac";
}

.fa-grid-dividers {
  --fa: "\e3ad";
}

.fa-hockey-stick-puck {
  --fa: "\e3ae";
}

.fa-house-chimney {
  --fa: "\e3af";
}

.fa-home-lg {
  --fa: "\e3af";
}

.fa-house-chimney-blank {
  --fa: "\e3b0";
}

.fa-house-crack {
  --fa: "\e3b1";
}

.fa-house-medical {
  --fa: "\e3b2";
}

.fa-house-window {
  --fa: "\e3b3";
}

.fa-key-skeleton-left-right {
  --fa: "\e3b4";
}

.fa-lacrosse-stick {
  --fa: "\e3b5";
}

.fa-lacrosse-stick-ball {
  --fa: "\e3b6";
}

.fa-mask-snorkel {
  --fa: "\e3b7";
}

.fa-message-bot {
  --fa: "\e3b8";
}

.fa-moped {
  --fa: "\e3b9";
}

.fa-nesting-dolls {
  --fa: "\e3ba";
}

.fa-objects-align-bottom {
  --fa: "\e3bb";
}

.fa-objects-align-center-horizontal {
  --fa: "\e3bc";
}

.fa-objects-align-center-vertical {
  --fa: "\e3bd";
}

.fa-objects-align-left {
  --fa: "\e3be";
}

.fa-objects-align-right {
  --fa: "\e3bf";
}

.fa-objects-align-top {
  --fa: "\e3c0";
}

.fa-objects-column {
  --fa: "\e3c1";
}

.fa-paperclip-vertical {
  --fa: "\e3c2";
}

.fa-pinata {
  --fa: "\e3c3";
}

.fa-pipe-smoking {
  --fa: "\e3c4";
}

.fa-pool-8-ball {
  --fa: "\e3c5";
}

.fa-rugby-ball {
  --fa: "\e3c6";
}

.fa-shirt-long-sleeve {
  --fa: "\e3c7";
}

.fa-shirt-running {
  --fa: "\e3c8";
}

.fa-shirt-tank-top {
  --fa: "\e3c9";
}

.fa-signature-lock {
  --fa: "\e3ca";
}

.fa-signature-slash {
  --fa: "\e3cb";
}

.fa-ski-boot {
  --fa: "\e3cc";
}

.fa-ski-boot-ski {
  --fa: "\e3cd";
}

.fa-slot-machine {
  --fa: "\e3ce";
}

.fa-teddy-bear {
  --fa: "\e3cf";
}

.fa-truck-bolt {
  --fa: "\e3d0";
}

.fa-uniform-martial-arts {
  --fa: "\e3d1";
}

.fa-user-chef {
  --fa: "\e3d2";
}

.fa-user-hair-buns {
  --fa: "\e3d3";
}

.fa-arrow-left-long-to-line {
  --fa: "\e3d4";
}

.fa-arrow-right-long-to-line {
  --fa: "\e3d5";
}

.fa-arrow-turn-down-right {
  --fa: "\e3d6";
}

.fa-bagel {
  --fa: "\e3d7";
}

.fa-baguette {
  --fa: "\e3d8";
}

.fa-blanket-fire {
  --fa: "\e3da";
}

.fa-block-brick {
  --fa: "\e3db";
}

.fa-wall-brick {
  --fa: "\e3db";
}

.fa-block-brick-fire {
  --fa: "\e3dc";
}

.fa-firewall {
  --fa: "\e3dc";
}

.fa-block-question {
  --fa: "\e3dd";
}

.fa-bowl-scoop {
  --fa: "\e3de";
}

.fa-bowl-shaved-ice {
  --fa: "\e3de";
}

.fa-bowl-scoops {
  --fa: "\e3df";
}

.fa-bowl-spoon {
  --fa: "\e3e0";
}

.fa-bread-slice-butter {
  --fa: "\e3e1";
}

.fa-broccoli {
  --fa: "\e3e2";
}

.fa-burger-lettuce {
  --fa: "\e3e3";
}

.fa-butter {
  --fa: "\e3e4";
}

.fa-cake-slice {
  --fa: "\e3e5";
}

.fa-shortcake {
  --fa: "\e3e5";
}

.fa-can-food {
  --fa: "\e3e6";
}

.fa-candy {
  --fa: "\e3e7";
}

.fa-candy-bar {
  --fa: "\e3e8";
}

.fa-chocolate-bar {
  --fa: "\e3e8";
}

.fa-card-club {
  --fa: "\e3e9";
}

.fa-card-diamond {
  --fa: "\e3ea";
}

.fa-card-heart {
  --fa: "\e3eb";
}

.fa-card-spade {
  --fa: "\e3ec";
}

.fa-cards {
  --fa: "\e3ed";
}

.fa-cart-arrow-up {
  --fa: "\e3ee";
}

.fa-cart-circle-arrow-down {
  --fa: "\e3ef";
}

.fa-cart-circle-arrow-up {
  --fa: "\e3f0";
}

.fa-cart-circle-check {
  --fa: "\e3f1";
}

.fa-cart-circle-exclamation {
  --fa: "\e3f2";
}

.fa-cart-circle-plus {
  --fa: "\e3f3";
}

.fa-cart-circle-xmark {
  --fa: "\e3f4";
}

.fa-cent-sign {
  --fa: "\e3f5";
}

.fa-chestnut {
  --fa: "\e3f6";
}

.fa-chopsticks {
  --fa: "\e3f7";
}

.fa-circle-quarters {
  --fa: "\e3f8";
}

.fa-code-pull-request-closed {
  --fa: "\e3f9";
}

.fa-code-pull-request-draft {
  --fa: "\e3fa";
}

.fa-coin-blank {
  --fa: "\e3fb";
}

.fa-coin-front {
  --fa: "\e3fc";
}

.fa-coin-vertical {
  --fa: "\e3fd";
}

.fa-corner {
  --fa: "\e3fe";
}

.fa-crab {
  --fa: "\e3ff";
}

.fa-soft-serve {
  --fa: "\e400";
}

.fa-creemee {
  --fa: "\e400";
}

.fa-cucumber {
  --fa: "\e401";
}

.fa-cupcake {
  --fa: "\e402";
}

.fa-custard {
  --fa: "\e403";
}

.fa-dash {
  --fa: "\e404";
}

.fa-minus-large {
  --fa: "\e404";
}

.fa-diamond-exclamation {
  --fa: "\e405";
}

.fa-donut {
  --fa: "\e406";
}

.fa-doughnut {
  --fa: "\e406";
}

.fa-down-from-dotted-line {
  --fa: "\e407";
}

.fa-down-to-dotted-line {
  --fa: "\e408";
}

.fa-face-awesome {
  --fa: "\e409";
}

.fa-gave-dandy {
  --fa: "\e409";
}

.fa-falafel {
  --fa: "\e40a";
}

.fa-flatbread {
  --fa: "\e40b";
}

.fa-flatbread-stuffed {
  --fa: "\e40c";
}

.fa-fondue-pot {
  --fa: "\e40d";
}

.fa-garlic {
  --fa: "\e40e";
}

.fa-grip-dots {
  --fa: "\e410";
}

.fa-grip-dots-vertical {
  --fa: "\e411";
}

.fa-h5 {
  --fa: "\e412";
}

.fa-h6 {
  --fa: "\e413";
}

.fa-hammer-crash {
  --fa: "\e414";
}

.fa-hashtag-lock {
  --fa: "\e415";
}

.fa-hexagon-check {
  --fa: "\e416";
}

.fa-hexagon-exclamation {
  --fa: "\e417";
}

.fa-honey-pot {
  --fa: "\e418";
}

.fa-hose {
  --fa: "\e419";
}

.fa-hose-reel {
  --fa: "\e41a";
}

.fa-hourglass-clock {
  --fa: "\e41b";
}

.fa-hundred-points {
  --fa: "\e41c";
}

.fa-100 {
  --fa: "\e41c";
}

.fa-leafy-green {
  --fa: "\e41d";
}

.fa-left-long-to-line {
  --fa: "\e41e";
}

.fa-light-emergency {
  --fa: "\e41f";
}

.fa-light-emergency-on {
  --fa: "\e420";
}

.fa-lobster {
  --fa: "\e421";
}

.fa-lock-a {
  --fa: "\e422";
}

.fa-lock-hashtag {
  --fa: "\e423";
}

.fa-lollipop {
  --fa: "\e424";
}

.fa-lollypop {
  --fa: "\e424";
}

.fa-mushroom {
  --fa: "\e425";
}

.fa-octagon-check {
  --fa: "\e426";
}

.fa-onion {
  --fa: "\e427";
}

.fa-page {
  --fa: "\e428";
}

.fa-page-caret-down {
  --fa: "\e429";
}

.fa-file-caret-down {
  --fa: "\e429";
}

.fa-page-caret-up {
  --fa: "\e42a";
}

.fa-file-caret-up {
  --fa: "\e42a";
}

.fa-pan-food {
  --fa: "\e42b";
}

.fa-pan-frying {
  --fa: "\e42c";
}

.fa-pancakes {
  --fa: "\e42d";
}

.fa-panel-ews {
  --fa: "\e42e";
}

.fa-panel-fire {
  --fa: "\e42f";
}

.fa-peanut {
  --fa: "\e430";
}

.fa-peanuts {
  --fa: "\e431";
}

.fa-pepper {
  --fa: "\e432";
}

.fa-person-to-door {
  --fa: "\e433";
}

.fa-phone-intercom {
  --fa: "\e434";
}

.fa-pickleball {
  --fa: "\e435";
}

.fa-pipe-circle-check {
  --fa: "\e436";
}

.fa-pipe-collar {
  --fa: "\e437";
}

.fa-pipe-section {
  --fa: "\e438";
}

.fa-pipe-valve {
  --fa: "\e439";
}

.fa-plate-utensils {
  --fa: "\e43b";
}

.fa-plus-minus {
  --fa: "\e43c";
}

.fa-pompebled {
  --fa: "\e43d";
}

.fa-popsicle {
  --fa: "\e43e";
}

.fa-pot-food {
  --fa: "\e43f";
}

.fa-potato {
  --fa: "\e440";
}

.fa-pretzel {
  --fa: "\e441";
}

.fa-pump {
  --fa: "\e442";
}

.fa-puzzle {
  --fa: "\e443";
}

.fa-right-long-to-line {
  --fa: "\e444";
}

.fa-sailboat {
  --fa: "\e445";
}

.fa-salt-shaker {
  --fa: "\e446";
}

.fa-section {
  --fa: "\e447";
}

.fa-shrimp {
  --fa: "\e448";
}

.fa-shutters {
  --fa: "\e449";
}

.fa-sportsball {
  --fa: "\e44b";
}

.fa-sprinkler-ceiling {
  --fa: "\e44c";
}

.fa-square-a-lock {
  --fa: "\e44d";
}

.fa-square-quarters {
  --fa: "\e44e";
}

.fa-square-ring {
  --fa: "\e44f";
}

.fa-squid {
  --fa: "\e450";
}

.fa-tamale {
  --fa: "\e451";
}

.fa-tank-water {
  --fa: "\e452";
}

.fa-train-track {
  --fa: "\e453";
}

.fa-train-tunnel {
  --fa: "\e454";
}

.fa-turn-down-right {
  --fa: "\e455";
}

.fa-up-from-dotted-line {
  --fa: "\e456";
}

.fa-up-to-dotted-line {
  --fa: "\e457";
}

.fa-user-doctor-hair {
  --fa: "\e458";
}

.fa-user-doctor-hair-long {
  --fa: "\e459";
}

.fa-user-hair {
  --fa: "\e45a";
}

.fa-user-hair-long {
  --fa: "\e45b";
}

.fa-user-hair-mullet {
  --fa: "\e45c";
}

.fa-business-front {
  --fa: "\e45c";
}

.fa-party-back {
  --fa: "\e45c";
}

.fa-trian-balbot {
  --fa: "\e45c";
}

.fa-user-nurse-hair {
  --fa: "\e45d";
}

.fa-user-nurse-hair-long {
  --fa: "\e45e";
}

.fa-user-tie-hair {
  --fa: "\e45f";
}

.fa-user-tie-hair-long {
  --fa: "\e460";
}

.fa-user-vneck {
  --fa: "\e461";
}

.fa-user-vneck-hair {
  --fa: "\e462";
}

.fa-user-vneck-hair-long {
  --fa: "\e463";
}

.fa-utensils-slash {
  --fa: "\e464";
}

.fa-vent-damper {
  --fa: "\e465";
}

.fa-waffle {
  --fa: "\e466";
}

.fa-00 {
  --fa: "\e467";
}

.fa-apartment {
  --fa: "\e468";
}

.fa-bird {
  --fa: "\e469";
}

.fa-block {
  --fa: "\e46a";
}

.fa-bowl-soft-serve {
  --fa: "\e46b";
}

.fa-brazilian-real-sign {
  --fa: "\e46c";
}

.fa-cabin {
  --fa: "\e46d";
}

.fa-calendar-circle-exclamation {
  --fa: "\e46e";
}

.fa-calendar-circle-minus {
  --fa: "\e46f";
}

.fa-calendar-circle-plus {
  --fa: "\e470";
}

.fa-calendar-circle-user {
  --fa: "\e471";
}

.fa-calendar-lines-pen {
  --fa: "\e472";
}

.fa-chart-simple {
  --fa: "\e473";
}

.fa-chart-simple-horizontal {
  --fa: "\e474";
}

.fa-diagram-cells {
  --fa: "\e475";
}

.fa-diagram-next {
  --fa: "\e476";
}

.fa-diagram-predecessor {
  --fa: "\e477";
}

.fa-diagram-previous {
  --fa: "\e478";
}

.fa-diagram-subtask {
  --fa: "\e479";
}

.fa-diagram-successor {
  --fa: "\e47a";
}

.fa-earth-oceania {
  --fa: "\e47b";
}

.fa-globe-oceania {
  --fa: "\e47b";
}

.fa-face-beam-hand-over-mouth {
  --fa: "\e47c";
}

.fa-face-clouds {
  --fa: "\e47d";
}

.fa-face-diagonal-mouth {
  --fa: "\e47e";
}

.fa-face-dotted {
  --fa: "\e47f";
}

.fa-face-exhaling {
  --fa: "\e480";
}

.fa-face-hand-peeking {
  --fa: "\e481";
}

.fa-face-holding-back-tears {
  --fa: "\e482";
}

.fa-face-melting {
  --fa: "\e483";
}

.fa-face-saluting {
  --fa: "\e484";
}

.fa-face-spiral-eyes {
  --fa: "\e485";
}

.fa-fort {
  --fa: "\e486";
}

.fa-house-blank {
  --fa: "\e487";
}

.fa-home-blank {
  --fa: "\e487";
}

.fa-square-kanban {
  --fa: "\e488";
}

.fa-square-list {
  --fa: "\e489";
}

.fa-sushi {
  --fa: "\e48a";
}

.fa-nigiri {
  --fa: "\e48a";
}

.fa-sushi-roll {
  --fa: "\e48b";
}

.fa-maki-roll {
  --fa: "\e48b";
}

.fa-makizushi {
  --fa: "\e48b";
}

.fa-album-circle-plus {
  --fa: "\e48c";
}

.fa-album-circle-user {
  --fa: "\e48d";
}

.fa-album-collection-circle-plus {
  --fa: "\e48e";
}

.fa-album-collection-circle-user {
  --fa: "\e48f";
}

.fa-bug-slash {
  --fa: "\e490";
}

.fa-cloud-exclamation {
  --fa: "\e491";
}

.fa-cloud-question {
  --fa: "\e492";
}

.fa-file-circle-info {
  --fa: "\e493";
}

.fa-file-circle-plus {
  --fa: "\e494";
}

.fa-frame {
  --fa: "\e495";
}

.fa-gauge-circle-bolt {
  --fa: "\e496";
}

.fa-gauge-circle-minus {
  --fa: "\e497";
}

.fa-gauge-circle-plus {
  --fa: "\e498";
}

.fa-memo-circle-info {
  --fa: "\e49a";
}

.fa-object-exclude {
  --fa: "\e49c";
}

.fa-object-intersect {
  --fa: "\e49d";
}

.fa-object-subtract {
  --fa: "\e49e";
}

.fa-object-union {
  --fa: "\e49f";
}

.fa-pen-nib-slash {
  --fa: "\e4a1";
}

.fa-rectangle-history {
  --fa: "\e4a2";
}

.fa-rectangle-history-circle-plus {
  --fa: "\e4a3";
}

.fa-rectangle-history-circle-user {
  --fa: "\e4a4";
}

.fa-shop-lock {
  --fa: "\e4a5";
}

.fa-store-lock {
  --fa: "\e4a6";
}

.fa-user-robot-xmarks {
  --fa: "\e4a7";
}

.fa-virus-covid {
  --fa: "\e4a8";
}

.fa-virus-covid-slash {
  --fa: "\e4a9";
}

.fa-anchor-circle-check {
  --fa: "\e4aa";
}

.fa-anchor-circle-exclamation {
  --fa: "\e4ab";
}

.fa-anchor-circle-xmark {
  --fa: "\e4ac";
}

.fa-anchor-lock {
  --fa: "\e4ad";
}

.fa-arrow-down-to-arc {
  --fa: "\e4ae";
}

.fa-arrow-down-up-across-line {
  --fa: "\e4af";
}

.fa-arrow-down-up-lock {
  --fa: "\e4b0";
}

.fa-arrow-right-from-arc {
  --fa: "\e4b1";
}

.fa-arrow-right-to-arc {
  --fa: "\e4b2";
}

.fa-arrow-right-to-city {
  --fa: "\e4b3";
}

.fa-arrow-up-from-arc {
  --fa: "\e4b4";
}

.fa-arrow-up-from-ground-water {
  --fa: "\e4b5";
}

.fa-arrow-up-from-water-pump {
  --fa: "\e4b6";
}

.fa-arrow-up-right-dots {
  --fa: "\e4b7";
}

.fa-arrows-down-to-line {
  --fa: "\e4b8";
}

.fa-arrows-down-to-people {
  --fa: "\e4b9";
}

.fa-arrows-left-right-to-line {
  --fa: "\e4ba";
}

.fa-arrows-spin {
  --fa: "\e4bb";
}

.fa-arrows-split-up-and-left {
  --fa: "\e4bc";
}

.fa-arrows-to-circle {
  --fa: "\e4bd";
}

.fa-arrows-to-dot {
  --fa: "\e4be";
}

.fa-arrows-to-eye {
  --fa: "\e4bf";
}

.fa-arrows-turn-right {
  --fa: "\e4c0";
}

.fa-arrows-turn-to-dots {
  --fa: "\e4c1";
}

.fa-arrows-up-to-line {
  --fa: "\e4c2";
}

.fa-bore-hole {
  --fa: "\e4c3";
}

.fa-bottle-droplet {
  --fa: "\e4c4";
}

.fa-bottle-water {
  --fa: "\e4c5";
}

.fa-bowl-food {
  --fa: "\e4c6";
}

.fa-boxes-packing {
  --fa: "\e4c7";
}

.fa-bridge {
  --fa: "\e4c8";
}

.fa-bridge-circle-check {
  --fa: "\e4c9";
}

.fa-bridge-circle-exclamation {
  --fa: "\e4ca";
}

.fa-bridge-circle-xmark {
  --fa: "\e4cb";
}

.fa-bridge-lock {
  --fa: "\e4cc";
}

.fa-bridge-suspension {
  --fa: "\e4cd";
}

.fa-bridge-water {
  --fa: "\e4ce";
}

.fa-bucket {
  --fa: "\e4cf";
}

.fa-bugs {
  --fa: "\e4d0";
}

.fa-building-circle-arrow-right {
  --fa: "\e4d1";
}

.fa-building-circle-check {
  --fa: "\e4d2";
}

.fa-building-circle-exclamation {
  --fa: "\e4d3";
}

.fa-building-circle-xmark {
  --fa: "\e4d4";
}

.fa-building-flag {
  --fa: "\e4d5";
}

.fa-building-lock {
  --fa: "\e4d6";
}

.fa-building-ngo {
  --fa: "\e4d7";
}

.fa-building-shield {
  --fa: "\e4d8";
}

.fa-building-un {
  --fa: "\e4d9";
}

.fa-building-user {
  --fa: "\e4da";
}

.fa-building-wheat {
  --fa: "\e4db";
}

.fa-burst {
  --fa: "\e4dc";
}

.fa-car-on {
  --fa: "\e4dd";
}

.fa-car-tunnel {
  --fa: "\e4de";
}

.fa-cards-blank {
  --fa: "\e4df";
}

.fa-child-combatant {
  --fa: "\e4e0";
}

.fa-child-rifle {
  --fa: "\e4e0";
}

.fa-children {
  --fa: "\e4e1";
}

.fa-circle-nodes {
  --fa: "\e4e2";
}

.fa-clipboard-question {
  --fa: "\e4e3";
}

.fa-cloud-showers-water {
  --fa: "\e4e4";
}

.fa-computer {
  --fa: "\e4e5";
}

.fa-cubes-stacked {
  --fa: "\e4e6";
}

.fa-down-to-bracket {
  --fa: "\e4e7";
}

.fa-envelope-circle-check {
  --fa: "\e4e8";
}

.fa-explosion {
  --fa: "\e4e9";
}

.fa-ferry {
  --fa: "\e4ea";
}

.fa-file-circle-exclamation {
  --fa: "\e4eb";
}

.fa-file-circle-minus {
  --fa: "\e4ed";
}

.fa-file-circle-question {
  --fa: "\e4ef";
}

.fa-file-shield {
  --fa: "\e4f0";
}

.fa-fire-burner {
  --fa: "\e4f1";
}

.fa-fish-fins {
  --fa: "\e4f2";
}

.fa-flask-vial {
  --fa: "\e4f3";
}

.fa-glass-water {
  --fa: "\e4f4";
}

.fa-glass-water-droplet {
  --fa: "\e4f5";
}

.fa-group-arrows-rotate {
  --fa: "\e4f6";
}

.fa-hand-holding-hand {
  --fa: "\e4f7";
}

.fa-handcuffs {
  --fa: "\e4f8";
}

.fa-hands-bound {
  --fa: "\e4f9";
}

.fa-hands-holding-child {
  --fa: "\e4fa";
}

.fa-hands-holding-circle {
  --fa: "\e4fb";
}

.fa-heart-circle-bolt {
  --fa: "\e4fc";
}

.fa-heart-circle-check {
  --fa: "\e4fd";
}

.fa-heart-circle-exclamation {
  --fa: "\e4fe";
}

.fa-heart-circle-minus {
  --fa: "\e4ff";
}

.fa-heart-circle-plus {
  --fa: "\e500";
}

.fa-heart-circle-xmark {
  --fa: "\e501";
}

.fa-helicopter-symbol {
  --fa: "\e502";
}

.fa-helmet-un {
  --fa: "\e503";
}

.fa-hexagon-image {
  --fa: "\e504";
}

.fa-hexagon-vertical-nft {
  --fa: "\e505";
}

.fa-hexagon-vertical-nft-slanted {
  --fa: "\e505";
}

.fa-hill-avalanche {
  --fa: "\e507";
}

.fa-hill-rockslide {
  --fa: "\e508";
}

.fa-house-circle-check {
  --fa: "\e509";
}

.fa-house-circle-exclamation {
  --fa: "\e50a";
}

.fa-house-circle-xmark {
  --fa: "\e50b";
}

.fa-house-fire {
  --fa: "\e50c";
}

.fa-house-flag {
  --fa: "\e50d";
}

.fa-house-flood-water {
  --fa: "\e50e";
}

.fa-house-flood-water-circle-arrow-right {
  --fa: "\e50f";
}

.fa-house-lock {
  --fa: "\e510";
}

.fa-house-medical-circle-check {
  --fa: "\e511";
}

.fa-house-medical-circle-exclamation {
  --fa: "\e512";
}

.fa-house-medical-circle-xmark {
  --fa: "\e513";
}

.fa-house-medical-flag {
  --fa: "\e514";
}

.fa-house-tsunami {
  --fa: "\e515";
}

.fa-jar {
  --fa: "\e516";
}

.fa-jar-wheat {
  --fa: "\e517";
}

.fa-jet-fighter-up {
  --fa: "\e518";
}

.fa-jug-detergent {
  --fa: "\e519";
}

.fa-kitchen-set {
  --fa: "\e51a";
}

.fa-land-mine-on {
  --fa: "\e51b";
}

.fa-landmark-flag {
  --fa: "\e51c";
}

.fa-laptop-file {
  --fa: "\e51d";
}

.fa-lines-leaning {
  --fa: "\e51e";
}

.fa-location-pin-lock {
  --fa: "\e51f";
}

.fa-locust {
  --fa: "\e520";
}

.fa-magnifying-glass-arrow-right {
  --fa: "\e521";
}

.fa-magnifying-glass-chart {
  --fa: "\e522";
}

.fa-mars-and-venus-burst {
  --fa: "\e523";
}

.fa-mask-ventilator {
  --fa: "\e524";
}

.fa-mattress-pillow {
  --fa: "\e525";
}

.fa-merge {
  --fa: "\e526";
}

.fa-mobile-retro {
  --fa: "\e527";
}

.fa-money-bill-transfer {
  --fa: "\e528";
}

.fa-money-bill-trend-up {
  --fa: "\e529";
}

.fa-money-bill-wheat {
  --fa: "\e52a";
}

.fa-mosquito {
  --fa: "\e52b";
}

.fa-mosquito-net {
  --fa: "\e52c";
}

.fa-mound {
  --fa: "\e52d";
}

.fa-mountain-city {
  --fa: "\e52e";
}

.fa-mountain-sun {
  --fa: "\e52f";
}

.fa-nfc-symbol {
  --fa: "\e531";
}

.fa-oil-well {
  --fa: "\e532";
}

.fa-people-group {
  --fa: "\e533";
}

.fa-people-line {
  --fa: "\e534";
}

.fa-people-pulling {
  --fa: "\e535";
}

.fa-people-robbery {
  --fa: "\e536";
}

.fa-people-roof {
  --fa: "\e537";
}

.fa-person-arrow-down-to-line {
  --fa: "\e538";
}

.fa-person-arrow-up-from-line {
  --fa: "\e539";
}

.fa-person-breastfeeding {
  --fa: "\e53a";
}

.fa-person-burst {
  --fa: "\e53b";
}

.fa-person-cane {
  --fa: "\e53c";
}

.fa-person-chalkboard {
  --fa: "\e53d";
}

.fa-person-circle-check {
  --fa: "\e53e";
}

.fa-person-circle-exclamation {
  --fa: "\e53f";
}

.fa-person-circle-minus {
  --fa: "\e540";
}

.fa-person-circle-plus {
  --fa: "\e541";
}

.fa-person-circle-question {
  --fa: "\e542";
}

.fa-person-circle-xmark {
  --fa: "\e543";
}

.fa-person-dress-burst {
  --fa: "\e544";
}

.fa-person-drowning {
  --fa: "\e545";
}

.fa-person-falling {
  --fa: "\e546";
}

.fa-person-falling-burst {
  --fa: "\e547";
}

.fa-person-half-dress {
  --fa: "\e548";
}

.fa-person-harassing {
  --fa: "\e549";
}

.fa-person-military-pointing {
  --fa: "\e54a";
}

.fa-person-military-rifle {
  --fa: "\e54b";
}

.fa-person-military-to-person {
  --fa: "\e54c";
}

.fa-person-rays {
  --fa: "\e54d";
}

.fa-person-rifle {
  --fa: "\e54e";
}

.fa-person-shelter {
  --fa: "\e54f";
}

.fa-person-walking-arrow-loop-left {
  --fa: "\e551";
}

.fa-person-walking-arrow-right {
  --fa: "\e552";
}

.fa-person-walking-dashed-line-arrow-right {
  --fa: "\e553";
}

.fa-person-walking-luggage {
  --fa: "\e554";
}

.fa-plane-circle-check {
  --fa: "\e555";
}

.fa-plane-circle-exclamation {
  --fa: "\e556";
}

.fa-plane-circle-xmark {
  --fa: "\e557";
}

.fa-plane-lock {
  --fa: "\e558";
}

.fa-plate-wheat {
  --fa: "\e55a";
}

.fa-plug-circle-bolt {
  --fa: "\e55b";
}

.fa-plug-circle-check {
  --fa: "\e55c";
}

.fa-plug-circle-exclamation {
  --fa: "\e55d";
}

.fa-plug-circle-minus {
  --fa: "\e55e";
}

.fa-plug-circle-plus {
  --fa: "\e55f";
}

.fa-plug-circle-xmark {
  --fa: "\e560";
}

.fa-ranking-star {
  --fa: "\e561";
}

.fa-road-barrier {
  --fa: "\e562";
}

.fa-road-bridge {
  --fa: "\e563";
}

.fa-road-circle-check {
  --fa: "\e564";
}

.fa-road-circle-exclamation {
  --fa: "\e565";
}

.fa-road-circle-xmark {
  --fa: "\e566";
}

.fa-road-lock {
  --fa: "\e567";
}

.fa-road-spikes {
  --fa: "\e568";
}

.fa-rug {
  --fa: "\e569";
}

.fa-sack-xmark {
  --fa: "\e56a";
}

.fa-school-circle-check {
  --fa: "\e56b";
}

.fa-school-circle-exclamation {
  --fa: "\e56c";
}

.fa-school-circle-xmark {
  --fa: "\e56d";
}

.fa-school-flag {
  --fa: "\e56e";
}

.fa-school-lock {
  --fa: "\e56f";
}

.fa-sheet-plastic {
  --fa: "\e571";
}

.fa-shield-cat {
  --fa: "\e572";
}

.fa-shield-dog {
  --fa: "\e573";
}

.fa-shield-heart {
  --fa: "\e574";
}

.fa-shield-quartered {
  --fa: "\e575";
}

.fa-square-nfi {
  --fa: "\e576";
}

.fa-square-person-confined {
  --fa: "\e577";
}

.fa-square-virus {
  --fa: "\e578";
}

.fa-staff-snake {
  --fa: "\e579";
}

.fa-rod-asclepius {
  --fa: "\e579";
}

.fa-rod-snake {
  --fa: "\e579";
}

.fa-staff-aesculapius {
  --fa: "\e579";
}

.fa-sun-plant-wilt {
  --fa: "\e57a";
}

.fa-tarp {
  --fa: "\e57b";
}

.fa-tarp-droplet {
  --fa: "\e57c";
}

.fa-tent {
  --fa: "\e57d";
}

.fa-tent-arrow-down-to-line {
  --fa: "\e57e";
}

.fa-tent-arrow-left-right {
  --fa: "\e57f";
}

.fa-tent-arrow-turn-left {
  --fa: "\e580";
}

.fa-tent-arrows-down {
  --fa: "\e581";
}

.fa-tents {
  --fa: "\e582";
}

.fa-toilet-portable {
  --fa: "\e583";
}

.fa-toilets-portable {
  --fa: "\e584";
}

.fa-tower-cell {
  --fa: "\e585";
}

.fa-tower-observation {
  --fa: "\e586";
}

.fa-tree-city {
  --fa: "\e587";
}

.fa-trillium {
  --fa: "\e588";
}

.fa-trowel {
  --fa: "\e589";
}

.fa-trowel-bricks {
  --fa: "\e58a";
}

.fa-truck-arrow-right {
  --fa: "\e58b";
}

.fa-truck-droplet {
  --fa: "\e58c";
}

.fa-truck-field {
  --fa: "\e58d";
}

.fa-truck-field-un {
  --fa: "\e58e";
}

.fa-truck-plane {
  --fa: "\e58f";
}

.fa-up-from-bracket {
  --fa: "\e590";
}

.fa-users-between-lines {
  --fa: "\e591";
}

.fa-users-line {
  --fa: "\e592";
}

.fa-users-rays {
  --fa: "\e593";
}

.fa-users-rectangle {
  --fa: "\e594";
}

.fa-users-viewfinder {
  --fa: "\e595";
}

.fa-vial-circle-check {
  --fa: "\e596";
}

.fa-vial-virus {
  --fa: "\e597";
}

.fa-wheat-awn-circle-exclamation {
  --fa: "\e598";
}

.fa-worm {
  --fa: "\e599";
}

.fa-xmarks-lines {
  --fa: "\e59a";
}

.fa-xmark-large {
  --fa: "\e59b";
}

.fa-child-dress {
  --fa: "\e59c";
}

.fa-child-reaching {
  --fa: "\e59d";
}

.fa-plus-large {
  --fa: "\e59e";
}

.fa-crosshairs-simple {
  --fa: "\e59f";
}

.fa-file-circle-check {
  --fa: "\e5a0";
}

.fa-file-circle-xmark {
  --fa: "\e5a1";
}

.fa-gamepad-modern {
  --fa: "\e5a2";
}

.fa-gamepad-alt {
  --fa: "\e5a2";
}

.fa-grill {
  --fa: "\e5a3";
}

.fa-grill-fire {
  --fa: "\e5a4";
}

.fa-grill-hot {
  --fa: "\e5a5";
}

.fa-lightbulb-cfl {
  --fa: "\e5a6";
}

.fa-lightbulb-cfl-on {
  --fa: "\e5a7";
}

.fa-mouse-field {
  --fa: "\e5a8";
}

.fa-person-through-window {
  --fa: "\e5a9";
}

.fa-plant-wilt {
  --fa: "\e5aa";
}

.fa-ring-diamond {
  --fa: "\e5ab";
}

.fa-stapler {
  --fa: "\e5af";
}

.fa-toggle-large-off {
  --fa: "\e5b0";
}

.fa-toggle-large-on {
  --fa: "\e5b1";
}

.fa-toilet-paper-check {
  --fa: "\e5b2";
}

.fa-toilet-paper-xmark {
  --fa: "\e5b3";
}

.fa-train-tram {
  --fa: "\e5b4";
}

.fa-buoy {
  --fa: "\e5b5";
}

.fa-buoy-mooring {
  --fa: "\e5b6";
}

.fa-diamond-half {
  --fa: "\e5b7";
}

.fa-diamond-half-stroke {
  --fa: "\e5b8";
}

.fa-game-console-handheld-crank {
  --fa: "\e5b9";
}

.fa-interrobang {
  --fa: "\e5ba";
}

.fa-mailbox-flag-up {
  --fa: "\e5bb";
}

.fa-mustache {
  --fa: "\e5bc";
}

.fa-nose {
  --fa: "\e5bd";
}

.fa-phone-arrow-right {
  --fa: "\e5be";
}

.fa-pickaxe {
  --fa: "\e5bf";
}

.fa-prescription-bottle-pill {
  --fa: "\e5c0";
}

.fa-snowflake-droplets {
  --fa: "\e5c1";
}

.fa-square-dashed-circle-plus {
  --fa: "\e5c2";
}

.fa-tricycle {
  --fa: "\e5c3";
}

.fa-tricycle-adult {
  --fa: "\e5c4";
}

.fa-user-magnifying-glass {
  --fa: "\e5c5";
}

.fa-comment-heart {
  --fa: "\e5c8";
}

.fa-message-heart {
  --fa: "\e5c9";
}

.fa-pencil-mechanical {
  --fa: "\e5ca";
}

.fa-skeleton-ribs {
  --fa: "\e5cb";
}

.fa-billboard {
  --fa: "\e5cd";
}

.fa-circle-euro {
  --fa: "\e5ce";
}

.fa-circle-sterling {
  --fa: "\e5cf";
}

.fa-circle-yen {
  --fa: "\e5d0";
}

.fa-broom-wide {
  --fa: "\e5d1";
}

.fa-wreath-laurel {
  --fa: "\e5d2";
}

.fa-circle-quarter-stroke {
  --fa: "\e5d3";
}

.fa-circle-three-quarters-stroke {
  --fa: "\e5d4";
}

.fa-webhook {
  --fa: "\e5d5";
}

.fa-sparkle {
  --fa: "\e5d6";
}

.fa-chart-line-up-down {
  --fa: "\e5d7";
}

.fa-chart-mixed-up-circle-currency {
  --fa: "\e5d8";
}

.fa-chart-mixed-up-circle-dollar {
  --fa: "\e5d9";
}

.fa-grid-round {
  --fa: "\e5da";
}

.fa-grid-round-2 {
  --fa: "\e5db";
}

.fa-grid-round-2-plus {
  --fa: "\e5dc";
}

.fa-grid-round-4 {
  --fa: "\e5dd";
}

.fa-grid-round-5 {
  --fa: "\e5de";
}

.fa-arrow-progress {
  --fa: "\e5df";
}

.fa-right-left-large {
  --fa: "\e5e1";
}

.fa-calendar-users {
  --fa: "\e5e2";
}

.fa-display-chart-up {
  --fa: "\e5e3";
}

.fa-display-chart-up-circle-currency {
  --fa: "\e5e5";
}

.fa-display-chart-up-circle-dollar {
  --fa: "\e5e6";
}

.fa-laptop-binary {
  --fa: "\e5e7";
}

.fa-gear-code {
  --fa: "\e5e8";
}

.fa-gear-complex {
  --fa: "\e5e9";
}

.fa-gear-complex-code {
  --fa: "\e5eb";
}

.fa-file-doc {
  --fa: "\e5ed";
}

.fa-file-zip {
  --fa: "\e5ee";
}

.fa-flask-gear {
  --fa: "\e5f1";
}

.fa-bag-seedling {
  --fa: "\e5f2";
}

.fa-bin-bottles {
  --fa: "\e5f5";
}

.fa-bin-bottles-recycle {
  --fa: "\e5f6";
}

.fa-bin-recycle {
  --fa: "\e5f7";
}

.fa-conveyor-belt-arm {
  --fa: "\e5f8";
}

.fa-jug-bottle {
  --fa: "\e5fb";
}

.fa-lightbulb-gear {
  --fa: "\e5fd";
}

.fa-dinosaur {
  --fa: "\e5fe";
}

.fa-person-running-fast {
  --fa: "\e5ff";
}

.fa-circles-overlap {
  --fa: "\e600";
}

.fa-cloud-binary {
  --fa: "\e601";
}

.fa-chf-sign {
  --fa: "\e602";
}

.fa-user-group-simple {
  --fa: "\e603";
}

.fa-chart-pie-simple-circle-currency {
  --fa: "\e604";
}

.fa-chart-pie-simple-circle-dollar {
  --fa: "\e605";
}

.fa-hat-beach {
  --fa: "\e606";
}

.fa-person-dress-fairy {
  --fa: "\e607";
}

.fa-person-fairy {
  --fa: "\e608";
}

.fa-swap {
  --fa: "\e609";
}

.fa-swap-arrows {
  --fa: "\e60a";
}

.fa-angles-up-down {
  --fa: "\e60d";
}

.fa-globe-pointer {
  --fa: "\e60e";
}

.fa-subtitles {
  --fa: "\e60f";
}

.fa-subtitles-slash {
  --fa: "\e610";
}

.fa-head-side-gear {
  --fa: "\e611";
}

.fa-lighthouse {
  --fa: "\e612";
}

.fa-raccoon {
  --fa: "\e613";
}

.fa-arrow-down-from-arc {
  --fa: "\e614";
}

.fa-arrow-left-from-arc {
  --fa: "\e615";
}

.fa-arrow-left-to-arc {
  --fa: "\e616";
}

.fa-arrow-up-to-arc {
  --fa: "\e617";
}

.fa-building-magnifying-glass {
  --fa: "\e61c";
}

.fa-building-memo {
  --fa: "\e61e";
}

.fa-hammer-brush {
  --fa: "\e620";
}

.fa-hand-holding-circle-dollar {
  --fa: "\e621";
}

.fa-landmark-magnifying-glass {
  --fa: "\e622";
}

.fa-sign-post {
  --fa: "\e624";
}

.fa-sign-posts {
  --fa: "\e625";
}

.fa-sign-posts-wrench {
  --fa: "\e626";
}

.fa-tent-double-peak {
  --fa: "\e627";
}

.fa-truck-utensils {
  --fa: "\e628";
}

.fa-t-rex {
  --fa: "\e629";
}

.fa-spinner-scale {
  --fa: "\e62a";
}

.fa-bell-ring {
  --fa: "\e62c";
}

.fa-arrows-rotate-reverse {
  --fa: "\e630";
}

.fa-rotate-reverse {
  --fa: "\e631";
}

.fa-arrow-turn-left {
  --fa: "\e632";
}

.fa-arrow-turn-left-down {
  --fa: "\e633";
}

.fa-arrow-turn-left-up {
  --fa: "\e634";
}

.fa-arrow-turn-right {
  --fa: "\e635";
}

.fa-turn-left {
  --fa: "\e636";
}

.fa-turn-left-down {
  --fa: "\e637";
}

.fa-turn-left-up {
  --fa: "\e638";
}

.fa-turn-right {
  --fa: "\e639";
}

.fa-location-arrow-up {
  --fa: "\e63a";
}

.fa-ticket-perforated {
  --fa: "\e63e";
}

.fa-tickets-perforated {
  --fa: "\e63f";
}

.fa-cannon {
  --fa: "\e642";
}

.fa-court-sport {
  --fa: "\e643";
}

.fa-file-eps {
  --fa: "\e644";
}

.fa-file-gif {
  --fa: "\e645";
}

.fa-file-jpg {
  --fa: "\e646";
}

.fa-file-mov {
  --fa: "\e647";
}

.fa-file-mp3 {
  --fa: "\e648";
}

.fa-file-mp4 {
  --fa: "\e649";
}

.fa-file-ppt {
  --fa: "\e64a";
}

.fa-file-svg {
  --fa: "\e64b";
}

.fa-file-vector {
  --fa: "\e64c";
}

.fa-file-xls {
  --fa: "\e64d";
}

.fa-folder-check {
  --fa: "\e64e";
}

.fa-chart-kanban {
  --fa: "\e64f";
}

.fa-bag-shopping-minus {
  --fa: "\e650";
}

.fa-bag-shopping-plus {
  --fa: "\e651";
}

.fa-basket-shopping-minus {
  --fa: "\e652";
}

.fa-basket-shopping-plus {
  --fa: "\e653";
}

.fa-file-xml {
  --fa: "\e654";
}

.fa-bulldozer {
  --fa: "\e655";
}

.fa-excavator {
  --fa: "\e656";
}

.fa-truck-ladder {
  --fa: "\e657";
}

.fa-tickets {
  --fa: "\e658";
}

.fa-tickets-simple {
  --fa: "\e659";
}

.fa-truck-fire {
  --fa: "\e65a";
}

.fa-wave {
  --fa: "\e65b";
}

.fa-waves-sine {
  --fa: "\e65d";
}

.fa-magnifying-glass-arrows-rotate {
  --fa: "\e65e";
}

.fa-magnifying-glass-music {
  --fa: "\e65f";
}

.fa-magnifying-glass-play {
  --fa: "\e660";
}

.fa-magnifying-glass-waveform {
  --fa: "\e661";
}

.fa-music-magnifying-glass {
  --fa: "\e662";
}

.fa-reflect-horizontal {
  --fa: "\e664";
}

.fa-reflect-vertical {
  --fa: "\e665";
}

.fa-file-png {
  --fa: "\e666";
}

.fa-arrow-down-from-bracket {
  --fa: "\e667";
}

.fa-arrow-left-from-bracket {
  --fa: "\e668";
}

.fa-arrow-left-to-bracket {
  --fa: "\e669";
}

.fa-arrow-up-to-bracket {
  --fa: "\e66a";
}

.fa-down-from-bracket {
  --fa: "\e66b";
}

.fa-left-from-bracket {
  --fa: "\e66c";
}

.fa-left-to-bracket {
  --fa: "\e66d";
}

.fa-up-to-bracket {
  --fa: "\e66e";
}

.fa-reflect-both {
  --fa: "\e66f";
}

.fa-file-cad {
  --fa: "\e672";
}

.fa-bottle-baby {
  --fa: "\e673";
}

.fa-table-cells-column-lock {
  --fa: "\e678";
}

.fa-table-cells-lock {
  --fa: "\e679";
}

.fa-table-cells-row-lock {
  --fa: "\e67a";
}

.fa-circle-wifi {
  --fa: "\e67d";
}

.fa-circle-wifi-circle-wifi {
  --fa: "\e67e";
}

.fa-circle-wifi-group {
  --fa: "\e67e";
}

.fa-circle-gf {
  --fa: "\e67f";
}

.fa-ant {
  --fa: "\e680";
}

.fa-caduceus {
  --fa: "\e681";
}

.fa-web-awesome {
  --fa: "\e682";
}

.fa-globe-wifi {
  --fa: "\e685";
}

.fa-hydra {
  --fa: "\e686";
}

.fa-lightbulb-message {
  --fa: "\e687";
}

.fa-octopus {
  --fa: "\e688";
}

.fa-user-beard-bolt {
  --fa: "\e689";
}

.fa-user-hoodie {
  --fa: "\e68a";
}

.fa-diamonds-4 {
  --fa: "\e68b";
}

.fa-thumbtack-slash {
  --fa: "\e68f";
}

.fa-thumb-tack-slash {
  --fa: "\e68f";
}

.fa-table-cells-column-unlock {
  --fa: "\e690";
}

.fa-table-cells-row-unlock {
  --fa: "\e691";
}

.fa-table-cells-unlock {
  --fa: "\e692";
}

.fa-chart-diagram {
  --fa: "\e695";
}

.fa-comment-nodes {
  --fa: "\e696";
}

.fa-file-fragment {
  --fa: "\e697";
}

.fa-file-half-dashed {
  --fa: "\e698";
}

.fa-hexagon-nodes {
  --fa: "\e699";
}

.fa-hexagon-nodes-bolt {
  --fa: "\e69a";
}

.fa-square-binary {
  --fa: "\e69b";
}

.fa-carpool {
  --fa: "\e69c";
}

.fa-car-people {
  --fa: "\e69c";
}

.fa-chart-sine {
  --fa: "\e69d";
}

.fa-chart-fft {
  --fa: "\e69e";
}

.fa-circles-overlap-3 {
  --fa: "\e6a1";
}

.fa-pronoun {
  --fa: "\e6a1";
}

.fa-bar-progress {
  --fa: "\e6a4";
}

.fa-bar-progress-empty {
  --fa: "\e6a5";
}

.fa-bar-progress-full {
  --fa: "\e6a6";
}

.fa-bar-progress-half {
  --fa: "\e6a7";
}

.fa-bar-progress-quarter {
  --fa: "\e6a8";
}

.fa-bar-progress-three-quarters {
  --fa: "\e6a9";
}

.fa-grid-2-minus {
  --fa: "\e6aa";
}

.fa-grid-round-2-minus {
  --fa: "\e6ab";
}

.fa-table-cells-columns {
  --fa: "\e6ac";
}

.fa-table-cells-header {
  --fa: "\e6ad";
}

.fa-table-cells-header-lock {
  --fa: "\e6ae";
}

.fa-table-cells-header-unlock {
  --fa: "\e6af";
}

.fa-table-cells-rows {
  --fa: "\e6b0";
}

.fa-circle-equals {
  --fa: "\e6b1";
}

.fa-hexagon-equals {
  --fa: "\e6b2";
}

.fa-octagon-equals {
  --fa: "\e6b3";
}

.fa-rectangle-minus {
  --fa: "\e6b4";
}

.fa-rectangle-plus {
  --fa: "\e6b5";
}

.fa-square-equals {
  --fa: "\e6b6";
}

.fa-arrow-down-long-to-line {
  --fa: "\e6b7";
}

.fa-arrow-left-arrow-right {
  --fa: "\e6b8";
}

.fa-arrow-left-from-dotted-line {
  --fa: "\e6b9";
}

.fa-arrow-left-to-dotted-line {
  --fa: "\e6ba";
}

.fa-arrow-right-from-dotted-line {
  --fa: "\e6bb";
}

.fa-arrow-right-to-dotted-line {
  --fa: "\e6bc";
}

.fa-arrow-up-long-to-line {
  --fa: "\e6bd";
}

.fa-direction-left-right {
  --fa: "\e6be";
}

.fa-direction-up-down {
  --fa: "\e6bf";
}

.fa-down-long-to-line {
  --fa: "\e6c0";
}

.fa-down-up {
  --fa: "\e6c1";
}

.fa-left-from-dotted-line {
  --fa: "\e6c2";
}

.fa-left-to-dotted-line {
  --fa: "\e6c3";
}

.fa-right-from-dotted-line {
  --fa: "\e6c4";
}

.fa-right-to-dotted-line {
  --fa: "\e6c5";
}

.fa-up-long-to-line {
  --fa: "\e6c6";
}

.fa-barn {
  --fa: "\e6c7";
}

.fa-circle-house {
  --fa: "\e6c8";
}

.fa-garage-empty {
  --fa: "\e6c9";
}

.fa-house-unlock {
  --fa: "\e6ca";
}

.fa-school-unlock {
  --fa: "\e6cb";
}

.fa-stadium {
  --fa: "\e6cc";
}

.fa-tent-circus {
  --fa: "\e6cd";
}

.fa-ball-yarn {
  --fa: "\e6ce";
}

.fa-bra {
  --fa: "\e6cf";
}

.fa-briefs {
  --fa: "\e6d0";
}

.fa-dress {
  --fa: "\e6d1";
}

.fa-jeans {
  --fa: "\e6d2";
}

.fa-jeans-straight {
  --fa: "\e6d3";
}

.fa-panties {
  --fa: "\e6d4";
}

.fa-pants {
  --fa: "\e6d5";
}

.fa-pants-straight {
  --fa: "\e6d6";
}

.fa-shirt-jersey {
  --fa: "\e6d7";
}

.fa-shoe {
  --fa: "\e6d8";
}

.fa-shorts {
  --fa: "\e6d9";
}

.fa-sneaker {
  --fa: "\e6da";
}

.fa-circle-share-nodes {
  --fa: "\e6db";
}

.fa-comment-dot {
  --fa: "\e6dc";
}

.fa-comment-waveform {
  --fa: "\e6dd";
}

.fa-envelope-circle-user {
  --fa: "\e6de";
}

.fa-message-dot {
  --fa: "\e6df";
}

.fa-message-waveform {
  --fa: "\e6e0";
}

.fa-phone-connection {
  --fa: "\e6e1";
}

.fa-phone-waveform {
  --fa: "\e6e2";
}

.fa-postage-stamp {
  --fa: "\e6e3";
}

.fa-circle-florin {
  --fa: "\e6e4";
}

.fa-circle-ruble {
  --fa: "\e6e5";
}

.fa-square-chf {
  --fa: "\e6e6";
}

.fa-square-lira {
  --fa: "\e6e7";
}

.fa-norwegian-krone-sign {
  --fa: "\e6e8";
}

.fa-circle-renminbi {
  --fa: "\e6e9";
}

.fa-square-peseta {
  --fa: "\e6ea";
}

.fa-circle-brazilian-real {
  --fa: "\e6eb";
}

.fa-circle-won {
  --fa: "\e6ec";
}

.fa-square-cruzeiro {
  --fa: "\e6ed";
}

.fa-circle-currency {
  --fa: "\e6ee";
}

.fa-circle-hryvnia {
  --fa: "\e6ef";
}

.fa-square-cent {
  --fa: "\e6f0";
}

.fa-square-brazilian-real {
  --fa: "\e6f1";
}

.fa-square-bitcoin {
  --fa: "\e6f2";
}

.fa-circle-peruvian-soles {
  --fa: "\e6f3";
}

.fa-circle-litecoin {
  --fa: "\e6f4";
}

.fa-square-indian-rupee {
  --fa: "\e6f5";
}

.fa-circle-lira {
  --fa: "\e6f6";
}

.fa-square-litecoin {
  --fa: "\e6f7";
}

.fa-square-ruble {
  --fa: "\e6f8";
}

.fa-circle-malaysian-ringgit {
  --fa: "\e6f9";
}

.fa-malaysian-ringgit-sign {
  --fa: "\e6fa";
}

.fa-circle-manat {
  --fa: "\e6fb";
}

.fa-circle-colon {
  --fa: "\e6fc";
}

.fa-circle-kip {
  --fa: "\e6fd";
}

.fa-australian-dollar-sign {
  --fa: "\e6fe";
}

.fa-circle-peso {
  --fa: "\e6ff";
}

.fa-circle-polish-zloty {
  --fa: "\e700";
}

.fa-circle-bangladeshi-taka {
  --fa: "\e701";
}

.fa-circle-mill {
  --fa: "\e702";
}

.fa-circle-shekel {
  --fa: "\e703";
}

.fa-square-manat {
  --fa: "\e704";
}

.fa-peruvian-soles-sign {
  --fa: "\e705";
}

.fa-circle-rupiah {
  --fa: "\e706";
}

.fa-square-norwegian-krone {
  --fa: "\e707";
}

.fa-square-naira {
  --fa: "\e708";
}

.fa-square-won {
  --fa: "\e709";
}

.fa-square-mill {
  --fa: "\e70a";
}

.fa-polish-zloty-sign {
  --fa: "\e70b";
}

.fa-square-currency {
  --fa: "\e70c";
}

.fa-square-kip {
  --fa: "\e70d";
}

.fa-square-guarani {
  --fa: "\e70e";
}

.fa-square-dong {
  --fa: "\e70f";
}

.fa-square-hryvnia {
  --fa: "\e710";
}

.fa-circle-tugrik {
  --fa: "\e711";
}

.fa-square-rupiah {
  --fa: "\e712";
}

.fa-square-sterling {
  --fa: "\e713";
}

.fa-circle-rupee {
  --fa: "\e714";
}

.fa-square-rupee {
  --fa: "\e715";
}

.fa-square-peruvian-soles {
  --fa: "\e716";
}

.fa-square-florin {
  --fa: "\e717";
}

.fa-square-australian-dollar {
  --fa: "\e718";
}

.fa-square-baht {
  --fa: "\e719";
}

.fa-square-peso {
  --fa: "\e71a";
}

.fa-circle-austral {
  --fa: "\e71b";
}

.fa-square-swedish-krona {
  --fa: "\e71c";
}

.fa-circle-lari {
  --fa: "\e71d";
}

.fa-circleapore-dollar {
  --fa: "\e71e";
}

.fa-square-turkish-lira {
  --fa: "\e71f";
}

.fa-danish-krone-sign {
  --fa: "\e720";
}

.fa-circle-franc {
  --fa: "\e721";
}

.fa-circle-cruzeiro {
  --fa: "\e722";
}

.fa-circle-dong {
  --fa: "\e723";
}

.fa-square-yen {
  --fa: "\e724";
}

.fa-circle-tenge {
  --fa: "\e725";
}

.fa-square-austral {
  --fa: "\e726";
}

.fa-square-eurozone {
  --fa: "\e727";
}

.fa-square-tugrik {
  --fa: "\e728";
}

.fa-square-cedi {
  --fa: "\e729";
}

.fa-circle-cent {
  --fa: "\e72a";
}

.fa-currency-sign {
  --fa: "\e72b";
}

.fa-circle-chf {
  --fa: "\e72c";
}

.fa-circle-baht {
  --fa: "\e72d";
}

.fa-signapore-dollar-sign {
  --fa: "\e72e";
}

.fa-square-franc {
  --fa: "\e72f";
}

.fa-circle-australian-dollar {
  --fa: "\e730";
}

.fa-square-tenge {
  --fa: "\e731";
}

.fa-square-euro {
  --fa: "\e732";
}

.fa-squareapore-dollar {
  --fa: "\e733";
}

.fa-circle-indian-rupee {
  --fa: "\e734";
}

.fa-square-shekel {
  --fa: "\e735";
}

.fa-square-polish-zloty {
  --fa: "\e736";
}

.fa-circle-bitcoin {
  --fa: "\e737";
}

.fa-circle-norwegian-krone {
  --fa: "\e738";
}

.fa-circle-turkish-lira {
  --fa: "\e739";
}

.fa-square-colon {
  --fa: "\e73a";
}

.fa-circle-guarani {
  --fa: "\e73b";
}

.fa-renminbi-sign {
  --fa: "\e73c";
}

.fa-square-renminbi {
  --fa: "\e73d";
}

.fa-swedish-krona-sign {
  --fa: "\e73e";
}

.fa-square-lari {
  --fa: "\e73f";
}

.fa-eurozone-sign {
  --fa: "\e740";
}

.fa-circle-peseta {
  --fa: "\e741";
}

.fa-circle-cedi {
  --fa: "\e742";
}

.fa-circle-swedish-krona {
  --fa: "\e743";
}

.fa-square-bangladeshi-taka {
  --fa: "\e744";
}

.fa-circle-eurozone {
  --fa: "\e745";
}

.fa-circle-danish-krone {
  --fa: "\e746";
}

.fa-square-danish-krone {
  --fa: "\e747";
}

.fa-square-malaysian-ringgit {
  --fa: "\e748";
}

.fa-circle-naira {
  --fa: "\e749";
}

.fa-mobile-arrow-down {
  --fa: "\e74b";
}

.fa-clone-plus {
  --fa: "\e74c";
}

.fa-paintbrush-fine-slash {
  --fa: "\e74d";
}

.fa-paintbrush-slash {
  --fa: "\e74e";
}

.fa-pencil-line {
  --fa: "\e74f";
}

.fa-slider-circle {
  --fa: "\e750";
}

.fa-thumbtack-angle {
  --fa: "\e751";
}

.fa-thumbtack-angle-slash {
  --fa: "\e752";
}

.fa-book-open-lines {
  --fa: "\e753";
}

.fa-book-spine {
  --fa: "\e754";
}

.fa-bookmark-plus {
  --fa: "\e755";
}

.fa-clipboard-clock {
  --fa: "\e756";
}

.fa-clipboard-exclamation {
  --fa: "\e757";
}

.fa-file-ban {
  --fa: "\e758";
}

.fa-notes-sticky {
  --fa: "\e759";
}

.fa-capsule {
  --fa: "\e75a";
}

.fa-ear-circle-checkmark {
  --fa: "\e75b";
}

.fa-ear-triangle-exclamation {
  --fa: "\e75c";
}

.fa-ear-waveform {
  --fa: "\e75d";
}

.fa-head-side-circuit {
  --fa: "\e75e";
}

.fa-head-side-speak {
  --fa: "\e75f";
}

.fa-microphone-signal-meter {
  --fa: "\e760";
}

.fa-spine {
  --fa: "\e761";
}

.fa-vial-vertical {
  --fa: "\e762";
}

.fa-bin {
  --fa: "\e763";
}

.fa-seat {
  --fa: "\e764";
}

.fa-seats {
  --fa: "\e765";
}

.fa-camera-circle-ellipsis {
  --fa: "\e766";
}

.fa-camera-clock {
  --fa: "\e767";
}

.fa-camera-shutter {
  --fa: "\e768";
}

.fa-film-music {
  --fa: "\e769";
}

.fa-film-stack {
  --fa: "\e76b";
}

.fa-image-circle-arrow-down {
  --fa: "\e76c";
}

.fa-image-circle-check {
  --fa: "\e76d";
}

.fa-image-circle-plus {
  --fa: "\e76e";
}

.fa-image-circle-xmark {
  --fa: "\e76f";
}

.fa-image-music {
  --fa: "\e770";
}

.fa-image-stack {
  --fa: "\e771";
}

.fa-rectangle-4k {
  --fa: "\e772";
}

.fa-rectangle-high-dynamic-range {
  --fa: "\e773";
}

.fa-rectangle-hdr {
  --fa: "\e773";
}

.fa-rectangle-video-on-demand {
  --fa: "\e774";
}

.fa-user-viewfinder {
  --fa: "\e775";
}

.fa-video-down-to-line {
  --fa: "\e776";
}

.fa-video-question {
  --fa: "\e777";
}

.fa-gas-pump-left {
  --fa: "\e778";
}

.fa-gas-pump-right {
  --fa: "\e779";
}

.fa-location-arrow-slash {
  --fa: "\e77a";
}

.fa-airplay-audio {
  --fa: "\e77b";
}

.fa-headphones-slash {
  --fa: "\e77c";
}

.fa-microphone-circle-plus {
  --fa: "\e77d";
}

.fa-microphone-circle-xmark {
  --fa: "\e77e";
}

.fa-open-captioning {
  --fa: "\e77f";
}

.fa-play-flip {
  --fa: "\e780";
}

.fa-square-microphone {
  --fa: "\e781";
}

.fa-trombone {
  --fa: "\e782";
}

.fa-person-arms-raised {
  --fa: "\e783";
}

.fa-person-basketball {
  --fa: "\e784";
}

.fa-person-carry-empty {
  --fa: "\e785";
}

.fa-person-golfing {
  --fa: "\e786";
}

.fa-person-limbs-wide {
  --fa: "\e787";
}

.fa-person-seat-window {
  --fa: "\e788";
}

.fa-person-soccer {
  --fa: "\e789";
}

.fa-person-swimming-pool {
  --fa: "\e78a";
}

.fa-person-swimming-water {
  --fa: "\e78b";
}

.fa-person-water-arms-raised {
  --fa: "\e78c";
}

.fa-person-waving {
  --fa: "\e78d";
}

.fa-heart-slash {
  --fa: "\e78e";
}

.fa-hearts {
  --fa: "\e78f";
}

.fa-pentagon {
  --fa: "\e790";
}

.fa-rectangle-tall {
  --fa: "\e791";
}

.fa-square-half {
  --fa: "\e792";
}

.fa-square-half-stroke {
  --fa: "\e793";
}

.fa-box-arrow-down {
  --fa: "\e794";
}

.fa-box-arrow-down-arrow-up {
  --fa: "\e795";
}

.fa-box-arrow-down-magnifying-glass {
  --fa: "\e796";
}

.fa-box-isometric {
  --fa: "\e797";
}

.fa-box-isometric-tape {
  --fa: "\e798";
}

.fa-qrcode-read {
  --fa: "\e799";
}

.fa-shop-24 {
  --fa: "\e79a";
}

.fa-store-24 {
  --fa: "\e79b";
}

.fa-face-shaking {
  --fa: "\e79c";
}

.fa-face-shaking-horizontal {
  --fa: "\e79d";
}

.fa-face-shaking-vertical {
  --fa: "\e79e";
}

.fa-circle-user-circle-check {
  --fa: "\e79f";
}

.fa-circle-user-circle-exclamation {
  --fa: "\e7a0";
}

.fa-circle-user-circle-minus {
  --fa: "\e7a1";
}

.fa-circle-user-circle-moon {
  --fa: "\e7a2";
}

.fa-circle-user-circle-plus {
  --fa: "\e7a3";
}

.fa-circle-user-circle-question {
  --fa: "\e7a4";
}

.fa-circle-user-circle-user {
  --fa: "\e7a5";
}

.fa-circle-user-circle-xmark {
  --fa: "\e7a6";
}

.fa-circle-user-clock {
  --fa: "\e7a7";
}

.fa-user-beard {
  --fa: "\e7a8";
}

.fa-user-chef-hair-long {
  --fa: "\e7a9";
}

.fa-user-circle-minus {
  --fa: "\e7aa";
}

.fa-user-circle-plus {
  --fa: "\e7ab";
}

.fa-user-dashed {
  --fa: "\e7ac";
}

.fa-user-doctor-hair-mullet {
  --fa: "\e7ad";
}

.fa-user-hat-tie {
  --fa: "\e7ae";
}

.fa-user-hat-tie-magnifying-glass {
  --fa: "\e7af";
}

.fa-user-key {
  --fa: "\e7b0";
}

.fa-user-message {
  --fa: "\e7b1";
}

.fa-user-microphone {
  --fa: "\e7b2";
}

.fa-user-pilot-hair-long {
  --fa: "\e7b3";
}

.fa-user-pilot-tie-hair-long {
  --fa: "\e7b4";
}

.fa-user-police-hair-long {
  --fa: "\e7b5";
}

.fa-user-police-tie-hair-long {
  --fa: "\e7b6";
}

.fa-user-question {
  --fa: "\e7b7";
}

.fa-user-sith {
  --fa: "\e7b8";
}

.fa-user-tie-hair-mullet {
  --fa: "\e7b9";
}

.fa-user-vneck-hair-mullet {
  --fa: "\e7ba";
}

.fa-plane-flying {
  --fa: "\e7bb";
}

.fa-plane-landing-gear {
  --fa: "\e7bc";
}

.fa-rocket-vertical {
  --fa: "\e7bd";
}

.fa-seat-airline-window {
  --fa: "\e7be";
}

.fa-shuttle-space-vertical {
  --fa: "\e7bf";
}

.fa-car-key {
  --fa: "\e7c0";
}

.fa-car-siren {
  --fa: "\e7c1";
}

.fa-car-siren-on {
  --fa: "\e7c2";
}

.fa-scooter {
  --fa: "\e7c3";
}

.fa-snowmobile-blank {
  --fa: "\e7c4";
}

.fa-stair-car {
  --fa: "\e7c5";
}

.fa-truck-suv {
  --fa: "\e7c6";
}

.fa-unicycle {
  --fa: "\e7c7";
}

.fa-van {
  --fa: "\e7c8";
}

.fa-moon-star {
  --fa: "\e7c9";
}

.fa-rainbow-half {
  --fa: "\e7ca";
}

.fa-temperature-slash {
  --fa: "\e7cb";
}

.fa-dialpad {
  --fa: "\e7cc";
}

.fa-numpad {
  --fa: "\e7cc";
}

.fa-computer-mouse-button-left {
  --fa: "\e7cd";
}

.fa-computer-mouse-button-right {
  --fa: "\e7ce";
}

.fa-dot {
  --fa: "\e7d1";
}

.fa-folder-arrow-left {
  --fa: "\e7d2";
}

.fa-folder-arrow-right {
  --fa: "\e7d3";
}

.fa-wireless {
  --fa: "\e7df";
}

.fa-circle-moon {
  --fa: "\e7e0";
}

.fa-person-meditating {
  --fa: "\e7e1";
}

.fa-baseball-bat {
  --fa: "\e7e5";
}

.fa-hockey-stick {
  --fa: "\e7e6";
}

.fa-arrow-u-turn-down-left {
  --fa: "\e7e7";
}

.fa-arrow-u-turn-down-right {
  --fa: "\e7e8";
}

.fa-arrow-u-turn-left-down {
  --fa: "\e7e9";
}

.fa-arrow-u-turn-left-up {
  --fa: "\e7ea";
}

.fa-arrow-u-turn-right-down {
  --fa: "\e7eb";
}

.fa-arrow-u-turn-right-up {
  --fa: "\e7ec";
}

.fa-arrow-u-turn-up-left {
  --fa: "\e7ed";
}

.fa-arrow-u-turn-up-right {
  --fa: "\e7ee";
}

.fa-u-turn-down-left {
  --fa: "\e7ef";
}

.fa-u-turn-down-right {
  --fa: "\e7f0";
}

.fa-u-turn-left-down {
  --fa: "\e7f1";
}

.fa-u-turn {
  --fa: "\e7f1";
}

.fa-u-turn-left-up {
  --fa: "\e7f2";
}

.fa-u-turn-right-down {
  --fa: "\e7f3";
}

.fa-u-turn-right-up {
  --fa: "\e7f4";
}

.fa-u-turn-up-left {
  --fa: "\e7f5";
}

.fa-u-turn-up-right {
  --fa: "\e7f6";
}

.fa-triple-chevrons-down {
  --fa: "\e7f7";
}

.fa-triple-chevrons-left {
  --fa: "\e7f8";
}

.fa-triple-chevrons-right {
  --fa: "\e7f9";
}

.fa-triple-chevrons-up {
  --fa: "\e7fa";
}

.fa-file-aiff {
  --fa: "\e7fb";
}

.fa-file-odf {
  --fa: "\e7fc";
}

.fa-file-tex {
  --fa: "\e7fd";
}

.fa-file-wav {
  --fa: "\e7fe";
}

.fa-droplet-plus {
  --fa: "\e800";
}

.fa-hand-holding-star {
  --fa: "\e801";
}

.fa-transmission {
  --fa: "\e802";
}

.fa-alarm-minus {
  --fa: "\e803";
}

.fa-file-brackets-curly {
  --fa: "\e804";
}

.fa-file-midi {
  --fa: "\e805";
}

.fa-midi {
  --fa: "\e806";
}

.fa-non-binary {
  --fa: "\e807";
}

.fa-rectangle-beta {
  --fa: "\e808";
}

.fa-shield-user {
  --fa: "\e809";
}

.fa-spiral {
  --fa: "\e80a";
}

.fa-picture-in-picture {
  --fa: "\e80b";
}

.fa-circle-half-horizontal {
  --fa: "\e80c";
}

.fa-circle-half-stroke-horizontal {
  --fa: "\e80d";
}

.fa-square-half-horizontal {
  --fa: "\e80e";
}

.fa-square-half-stroke-horizontal {
  --fa: "\e80f";
}

.fa-ship-large {
  --fa: "\e810";
}

.fa-butterfly {
  --fa: "\e811";
}

.fa-mobile-rotate {
  --fa: "\e813";
}

.fa-mobile-rotate-reverse {
  --fa: "\e814";
}

.fa-mobile-slash {
  --fa: "\e815";
}

.fa-mobile-vibrate {
  --fa: "\e816";
}

.fa-mobile-vibrate-slash {
  --fa: "\e817";
}

.fa-almost-equal-to {
  --fa: "\e818";
}

.fa-sneaker-running {
  --fa: "\e819";
}

.fa-horseshoe {
  --fa: "\e81a";
}

.fa-single-quote-left {
  --fa: "\e81b";
}

.fa-single-quote-right {
  --fa: "\e81c";
}

.fa-bus-side {
  --fa: "\e81d";
}

.fa-bus-stop {
  --fa: "\e81e";
}

.fa-train-stop {
  --fa: "\e81f";
}

.fa-septagon {
  --fa: "\e820";
}

.fa-heptagon {
  --fa: "\e820";
}

.fa-mailbox-open-empty {
  --fa: "\e821";
}

.fa-mailbox-open-letter {
  --fa: "\e823";
}

.fa-lychee {
  --fa: "\e824";
}

.fa-tank-recovery {
  --fa: "\e825";
}

.fa-transducer {
  --fa: "\e826";
}

.fa-box-arrow-up {
  --fa: "\e827";
}

.fa-box-magnifying-glass {
  --fa: "\e828";
}

.fa-envelope-ribbon {
  --fa: "\e829";
}

.fa-envelope-certificate {
  --fa: "\e829";
}

.fa-water-temperature {
  --fa: "\e82a";
}

.fa-water-temp {
  --fa: "\e82a";
}

.fa-aeropress {
  --fa: "\e82b";
}

.fa-caret-large-down {
  --fa: "\e82c";
}

.fa-caret-large-left {
  --fa: "\e82d";
}

.fa-caret-large-right {
  --fa: "\e82e";
}

.fa-caret-large-up {
  --fa: "\e82f";
}

.fa-chemex {
  --fa: "\e830";
}

.fa-hand-shaka {
  --fa: "\e831";
}

.fa-kettlebell {
  --fa: "\e832";
}

.fa-foot-wing {
  --fa: "\e834";
}

.fa-pump-impeller {
  --fa: "\e835";
}

.fa-arrow-rotate-left-10 {
  --fa: "\e836";
}

.fa-arrow-rotate-right-10 {
  --fa: "\e837";
}

.fa-arrow-archery {
  --fa: "\e839";
}

.fa-bow-archery {
  --fa: "\e83a";
}

.fa-eye-closed {
  --fa: "\e83b";
}

.fa-file-css {
  --fa: "\e83c";
}

.fa-file-html {
  --fa: "\e83d";
}

.fa-file-js {
  --fa: "\e83e";
}

.fa-layer {
  --fa: "\e83f";
}

.fa-file-icns {
  --fa: "\e841";
}

.fa-link-broken {
  --fa: "\e842";
}

.fa-gpu {
  --fa: "\e843";
}

.fa-aquarius {
  --fa: "\e845";
}

.fa-aries {
  --fa: "\e846";
}

.fa-cancer {
  --fa: "\e847";
}

.fa-capricorn {
  --fa: "\e848";
}

.fa-gemini {
  --fa: "\e849";
}

.fa-leo {
  --fa: "\e84a";
}

.fa-libra {
  --fa: "\e84b";
}

.fa-pisces {
  --fa: "\e84c";
}

.fa-sagittarius {
  --fa: "\e84d";
}

.fa-scorpio {
  --fa: "\e84e";
}

.fa-taurus {
  --fa: "\e84f";
}

.fa-virgo {
  --fa: "\e850";
}

.fa-bicep {
  --fa: "\e862";
}

.fa-rectangle-irc {
  --fa: "\e86c";
}

.fa-moon-first-quarter {
  --fa: "\e870";
}

.fa-moon-last-quarter-inverse {
  --fa: "\e870";
}

.fa-moon-full {
  --fa: "\e871";
}

.fa-moon-new-inverse {
  --fa: "\e871";
}

.fa-moon-last-quarter {
  --fa: "\e872";
}

.fa-moon-first-quarter-inverse {
  --fa: "\e872";
}

.fa-moon-new {
  --fa: "\e873";
}

.fa-moon-full-inverse {
  --fa: "\e873";
}

.fa-moon-waning-crescent {
  --fa: "\e874";
}

.fa-moon-waxing-gibbous-inverse {
  --fa: "\e874";
}

.fa-moon-waning-gibbous {
  --fa: "\e875";
}

.fa-moon-waxing-crescent-inverse {
  --fa: "\e875";
}

.fa-moon-waxing-crescent {
  --fa: "\e876";
}

.fa-moon-waning-gibbous-inverse {
  --fa: "\e876";
}

.fa-moon-waxing-gibbous {
  --fa: "\e877";
}

.fa-moon-waning-crescent-inverse {
  --fa: "\e877";
}

.fa-burst-new {
  --fa: "\e878";
}

.fa-rectangle-new {
  --fa: "\e87a";
}

.fa-opossum {
  --fa: "\e87c";
}

.fa-possum {
  --fa: "\e87c";
}

.fa-input-password {
  --fa: "\e87d";
}

.fa-desk {
  --fa: "\e87e";
}

.fa-dresser {
  --fa: "\e87f";
}

.fa-stool {
  --fa: "\e880";
}

.fa-wardrobe {
  --fa: "\e881";
}

.fa-table-dining {
  --fa: "\e882";
}

.fa-chest-drawers {
  --fa: "\e883";
}

.fa-oar {
  --fa: "\e884";
}

.fa-oars {
  --fa: "\e885";
}

.fa-arrow-rotate-left-15 {
  --fa: "\e886";
}

.fa-arrow-rotate-left-30 {
  --fa: "\e887";
}

.fa-arrow-rotate-right-15 {
  --fa: "\e888";
}

.fa-arrow-rotate-right-30 {
  --fa: "\e889";
}

.fa-rows-3 {
  --fa: "\e88b";
}

.fa-table-cells-merge {
  --fa: "\e88c";
}

.fa-table-cells-split {
  --fa: "\e88d";
}

.fa-table-columns-add-after {
  --fa: "\e88e";
}

.fa-table-columns-add-before {
  --fa: "\e88f";
}

.fa-table-columns-merge-next {
  --fa: "\e890";
}

.fa-table-columns-merge-previous {
  --fa: "\e891";
}

.fa-table-columns-remove-after {
  --fa: "\e892";
}

.fa-table-columns-remove-before {
  --fa: "\e893";
}

.fa-table-rows-add-above {
  --fa: "\e894";
}

.fa-table-rows-add-below {
  --fa: "\e895";
}

.fa-table-rows-merge-next {
  --fa: "\e896";
}

.fa-table-rows-merge-previous {
  --fa: "\e897";
}

.fa-table-rows-remove-above {
  --fa: "\e898";
}

.fa-table-rows-remove-below {
  --fa: "\e899";
}

.fa-table-slash {
  --fa: "\e89a";
}

.fa-kayak {
  --fa: "\e89b";
}

.fa-canoe-person {
  --fa: "\e89c";
}

.fa-utility-can {
  --fa: "\e89d";
}

.fa-table-bar {
  --fa: "\e89e";
}

.fa-owl {
  --fa: "\e89f";
}

.fa-rectangle-api {
  --fa: "\e8a0";
}

.fa-nas {
  --fa: "\e8a1";
}

.fa-poker-chip {
  --fa: "\e8a2";
}

.fa-tower-receive {
  --fa: "\e8a3";
}

.fa-gear-api {
  --fa: "\e8a4";
}

.fa-gear-complex-api {
  --fa: "\e8a5";
}

.fa-globe-www {
  --fa: "\e8a6";
}

.fa-label {
  --fa: "\e8a7";
}

.fa-rectangle-n-a {
  --fa: "\e8a8";
}

.fa-remote {
  --fa: "\e8a9";
}

.fa-image-broken {
  --fa: "\e8aa";
}

.fa-martini-glass-empty {
  --fa: "\f000";
}

.fa-glass-martini {
  --fa: "\f000";
}

.fa-music {
  --fa: "\f001";
}

.fa-magnifying-glass {
  --fa: "\f002";
}

.fa-search {
  --fa: "\f002";
}

.fa-heart {
  --fa: "\f004";
}

.fa-star {
  --fa: "\f005";
}

.fa-user {
  --fa: "\f007";
}

.fa-user-alt {
  --fa: "\f007";
}

.fa-user-large {
  --fa: "\f007";
}

.fa-film {
  --fa: "\f008";
}

.fa-film-alt {
  --fa: "\f008";
}

.fa-film-simple {
  --fa: "\f008";
}

.fa-table-cells-large {
  --fa: "\f009";
}

.fa-th-large {
  --fa: "\f009";
}

.fa-table-cells {
  --fa: "\f00a";
}

.fa-th {
  --fa: "\f00a";
}

.fa-table-list {
  --fa: "\f00b";
}

.fa-th-list {
  --fa: "\f00b";
}

.fa-check {
  --fa: "\f00c";
}

.fa-xmark {
  --fa: "\f00d";
}

.fa-close {
  --fa: "\f00d";
}

.fa-multiply {
  --fa: "\f00d";
}

.fa-remove {
  --fa: "\f00d";
}

.fa-times {
  --fa: "\f00d";
}

.fa-magnifying-glass-plus {
  --fa: "\f00e";
}

.fa-search-plus {
  --fa: "\f00e";
}

.fa-magnifying-glass-minus {
  --fa: "\f010";
}

.fa-search-minus {
  --fa: "\f010";
}

.fa-power-off {
  --fa: "\f011";
}

.fa-signal {
  --fa: "\f012";
}

.fa-signal-5 {
  --fa: "\f012";
}

.fa-signal-perfect {
  --fa: "\f012";
}

.fa-gear {
  --fa: "\f013";
}

.fa-cog {
  --fa: "\f013";
}

.fa-house {
  --fa: "\f015";
}

.fa-home {
  --fa: "\f015";
}

.fa-home-alt {
  --fa: "\f015";
}

.fa-home-lg-alt {
  --fa: "\f015";
}

.fa-clock {
  --fa: "\f017";
}

.fa-clock-four {
  --fa: "\f017";
}

.fa-road {
  --fa: "\f018";
}

.fa-download {
  --fa: "\f019";
}

.fa-inbox {
  --fa: "\f01c";
}

.fa-arrow-rotate-right {
  --fa: "\f01e";
}

.fa-arrow-right-rotate {
  --fa: "\f01e";
}

.fa-arrow-rotate-forward {
  --fa: "\f01e";
}

.fa-redo {
  --fa: "\f01e";
}

.fa-arrows-rotate {
  --fa: "\f021";
}

.fa-refresh {
  --fa: "\f021";
}

.fa-sync {
  --fa: "\f021";
}

.fa-rectangle-list {
  --fa: "\f022";
}

.fa-list-alt {
  --fa: "\f022";
}

.fa-lock {
  --fa: "\f023";
}

.fa-flag {
  --fa: "\f024";
}

.fa-headphones {
  --fa: "\f025";
}

.fa-headphones-alt {
  --fa: "\f025";
}

.fa-headphones-simple {
  --fa: "\f025";
}

.fa-volume-off {
  --fa: "\f026";
}

.fa-volume-low {
  --fa: "\f027";
}

.fa-volume-down {
  --fa: "\f027";
}

.fa-volume-high {
  --fa: "\f028";
}

.fa-volume-up {
  --fa: "\f028";
}

.fa-qrcode {
  --fa: "\f029";
}

.fa-barcode {
  --fa: "\f02a";
}

.fa-tag {
  --fa: "\f02b";
}

.fa-tags {
  --fa: "\f02c";
}

.fa-book {
  --fa: "\f02d";
}

.fa-bookmark {
  --fa: "\f02e";
}

.fa-print {
  --fa: "\f02f";
}

.fa-camera {
  --fa: "\f030";
}

.fa-camera-alt {
  --fa: "\f030";
}

.fa-font {
  --fa: "\f031";
}

.fa-bold {
  --fa: "\f032";
}

.fa-italic {
  --fa: "\f033";
}

.fa-text-height {
  --fa: "\f034";
}

.fa-text-width {
  --fa: "\f035";
}

.fa-align-left {
  --fa: "\f036";
}

.fa-align-center {
  --fa: "\f037";
}

.fa-align-right {
  --fa: "\f038";
}

.fa-align-justify {
  --fa: "\f039";
}

.fa-list {
  --fa: "\f03a";
}

.fa-list-squares {
  --fa: "\f03a";
}

.fa-outdent {
  --fa: "\f03b";
}

.fa-dedent {
  --fa: "\f03b";
}

.fa-indent {
  --fa: "\f03c";
}

.fa-video {
  --fa: "\f03d";
}

.fa-video-camera {
  --fa: "\f03d";
}

.fa-image {
  --fa: "\f03e";
}

.fa-location-pin {
  --fa: "\f041";
}

.fa-map-marker {
  --fa: "\f041";
}

.fa-circle-half-stroke {
  --fa: "\f042";
}

.fa-adjust {
  --fa: "\f042";
}

.fa-droplet {
  --fa: "\f043";
}

.fa-tint {
  --fa: "\f043";
}

.fa-pen-to-square {
  --fa: "\f044";
}

.fa-edit {
  --fa: "\f044";
}

.fa-arrows-up-down-left-right {
  --fa: "\f047";
}

.fa-arrows {
  --fa: "\f047";
}

.fa-backward-step {
  --fa: "\f048";
}

.fa-step-backward {
  --fa: "\f048";
}

.fa-backward-fast {
  --fa: "\f049";
}

.fa-fast-backward {
  --fa: "\f049";
}

.fa-backward {
  --fa: "\f04a";
}

.fa-play {
  --fa: "\f04b";
}

.fa-pause {
  --fa: "\f04c";
}

.fa-stop {
  --fa: "\f04d";
}

.fa-forward {
  --fa: "\f04e";
}

.fa-forward-fast {
  --fa: "\f050";
}

.fa-fast-forward {
  --fa: "\f050";
}

.fa-forward-step {
  --fa: "\f051";
}

.fa-step-forward {
  --fa: "\f051";
}

.fa-eject {
  --fa: "\f052";
}

.fa-chevron-left {
  --fa: "\f053";
}

.fa-chevron-right {
  --fa: "\f054";
}

.fa-circle-plus {
  --fa: "\f055";
}

.fa-plus-circle {
  --fa: "\f055";
}

.fa-circle-minus {
  --fa: "\f056";
}

.fa-minus-circle {
  --fa: "\f056";
}

.fa-circle-xmark {
  --fa: "\f057";
}

.fa-times-circle {
  --fa: "\f057";
}

.fa-xmark-circle {
  --fa: "\f057";
}

.fa-circle-check {
  --fa: "\f058";
}

.fa-check-circle {
  --fa: "\f058";
}

.fa-circle-question {
  --fa: "\f059";
}

.fa-question-circle {
  --fa: "\f059";
}

.fa-circle-info {
  --fa: "\f05a";
}

.fa-info-circle {
  --fa: "\f05a";
}

.fa-crosshairs {
  --fa: "\f05b";
}

.fa-ban {
  --fa: "\f05e";
}

.fa-cancel {
  --fa: "\f05e";
}

.fa-arrow-left {
  --fa: "\f060";
}

.fa-arrow-right {
  --fa: "\f061";
}

.fa-arrow-up {
  --fa: "\f062";
}

.fa-arrow-down {
  --fa: "\f063";
}

.fa-share {
  --fa: "\f064";
}

.fa-mail-forward {
  --fa: "\f064";
}

.fa-expand {
  --fa: "\f065";
}

.fa-compress {
  --fa: "\f066";
}

.fa-minus {
  --fa: "\f068";
}

.fa-subtract {
  --fa: "\f068";
}

.fa-circle-exclamation {
  --fa: "\f06a";
}

.fa-exclamation-circle {
  --fa: "\f06a";
}

.fa-gift {
  --fa: "\f06b";
}

.fa-leaf {
  --fa: "\f06c";
}

.fa-fire {
  --fa: "\f06d";
}

.fa-eye {
  --fa: "\f06e";
}

.fa-eye-slash {
  --fa: "\f070";
}

.fa-triangle-exclamation {
  --fa: "\f071";
}

.fa-exclamation-triangle {
  --fa: "\f071";
}

.fa-warning {
  --fa: "\f071";
}

.fa-plane {
  --fa: "\f072";
}

.fa-calendar-days {
  --fa: "\f073";
}

.fa-calendar-alt {
  --fa: "\f073";
}

.fa-shuffle {
  --fa: "\f074";
}

.fa-random {
  --fa: "\f074";
}

.fa-comment {
  --fa: "\f075";
}

.fa-magnet {
  --fa: "\f076";
}

.fa-chevron-up {
  --fa: "\f077";
}

.fa-chevron-down {
  --fa: "\f078";
}

.fa-retweet {
  --fa: "\f079";
}

.fa-cart-shopping {
  --fa: "\f07a";
}

.fa-shopping-cart {
  --fa: "\f07a";
}

.fa-folder {
  --fa: "\f07b";
}

.fa-folder-blank {
  --fa: "\f07b";
}

.fa-folder-open {
  --fa: "\f07c";
}

.fa-arrows-up-down {
  --fa: "\f07d";
}

.fa-arrows-v {
  --fa: "\f07d";
}

.fa-arrows-left-right {
  --fa: "\f07e";
}

.fa-arrows-h {
  --fa: "\f07e";
}

.fa-chart-bar {
  --fa: "\f080";
}

.fa-bar-chart {
  --fa: "\f080";
}

.fa-camera-retro {
  --fa: "\f083";
}

.fa-key {
  --fa: "\f084";
}

.fa-gears {
  --fa: "\f085";
}

.fa-cogs {
  --fa: "\f085";
}

.fa-comments {
  --fa: "\f086";
}

.fa-star-half {
  --fa: "\f089";
}

.fa-arrow-right-from-bracket {
  --fa: "\f08b";
}

.fa-sign-out {
  --fa: "\f08b";
}

.fa-thumbtack {
  --fa: "\f08d";
}

.fa-thumb-tack {
  --fa: "\f08d";
}

.fa-arrow-up-right-from-square {
  --fa: "\f08e";
}

.fa-external-link {
  --fa: "\f08e";
}

.fa-arrow-right-to-bracket {
  --fa: "\f090";
}

.fa-sign-in {
  --fa: "\f090";
}

.fa-trophy {
  --fa: "\f091";
}

.fa-upload {
  --fa: "\f093";
}

.fa-lemon {
  --fa: "\f094";
}

.fa-phone {
  --fa: "\f095";
}

.fa-square-phone {
  --fa: "\f098";
}

.fa-phone-square {
  --fa: "\f098";
}

.fa-unlock {
  --fa: "\f09c";
}

.fa-credit-card {
  --fa: "\f09d";
}

.fa-credit-card-alt {
  --fa: "\f09d";
}

.fa-rss {
  --fa: "\f09e";
}

.fa-feed {
  --fa: "\f09e";
}

.fa-hard-drive {
  --fa: "\f0a0";
}

.fa-hdd {
  --fa: "\f0a0";
}

.fa-bullhorn {
  --fa: "\f0a1";
}

.fa-certificate {
  --fa: "\f0a3";
}

.fa-hand-point-right {
  --fa: "\f0a4";
}

.fa-hand-point-left {
  --fa: "\f0a5";
}

.fa-hand-point-up {
  --fa: "\f0a6";
}

.fa-hand-point-down {
  --fa: "\f0a7";
}

.fa-circle-arrow-left {
  --fa: "\f0a8";
}

.fa-arrow-circle-left {
  --fa: "\f0a8";
}

.fa-circle-arrow-right {
  --fa: "\f0a9";
}

.fa-arrow-circle-right {
  --fa: "\f0a9";
}

.fa-circle-arrow-up {
  --fa: "\f0aa";
}

.fa-arrow-circle-up {
  --fa: "\f0aa";
}

.fa-circle-arrow-down {
  --fa: "\f0ab";
}

.fa-arrow-circle-down {
  --fa: "\f0ab";
}

.fa-globe {
  --fa: "\f0ac";
}

.fa-wrench {
  --fa: "\f0ad";
}

.fa-list-check {
  --fa: "\f0ae";
}

.fa-tasks {
  --fa: "\f0ae";
}

.fa-filter {
  --fa: "\f0b0";
}

.fa-briefcase {
  --fa: "\f0b1";
}

.fa-up-down-left-right {
  --fa: "\f0b2";
}

.fa-arrows-alt {
  --fa: "\f0b2";
}

.fa-users {
  --fa: "\f0c0";
}

.fa-link {
  --fa: "\f0c1";
}

.fa-chain {
  --fa: "\f0c1";
}

.fa-cloud {
  --fa: "\f0c2";
}

.fa-flask {
  --fa: "\f0c3";
}

.fa-scissors {
  --fa: "\f0c4";
}

.fa-cut {
  --fa: "\f0c4";
}

.fa-copy {
  --fa: "\f0c5";
}

.fa-paperclip {
  --fa: "\f0c6";
}

.fa-floppy-disk {
  --fa: "\f0c7";
}

.fa-save {
  --fa: "\f0c7";
}

.fa-square {
  --fa: "\f0c8";
}

.fa-bars {
  --fa: "\f0c9";
}

.fa-navicon {
  --fa: "\f0c9";
}

.fa-list-ul {
  --fa: "\f0ca";
}

.fa-list-dots {
  --fa: "\f0ca";
}

.fa-list-ol {
  --fa: "\f0cb";
}

.fa-list-1-2 {
  --fa: "\f0cb";
}

.fa-list-numeric {
  --fa: "\f0cb";
}

.fa-strikethrough {
  --fa: "\f0cc";
}

.fa-underline {
  --fa: "\f0cd";
}

.fa-table {
  --fa: "\f0ce";
}

.fa-wand-magic {
  --fa: "\f0d0";
}

.fa-magic {
  --fa: "\f0d0";
}

.fa-truck {
  --fa: "\f0d1";
}

.fa-money-bill {
  --fa: "\f0d6";
}

.fa-caret-down {
  --fa: "\f0d7";
}

.fa-caret-up {
  --fa: "\f0d8";
}

.fa-caret-left {
  --fa: "\f0d9";
}

.fa-caret-right {
  --fa: "\f0da";
}

.fa-table-columns {
  --fa: "\f0db";
}

.fa-columns {
  --fa: "\f0db";
}

.fa-sort {
  --fa: "\f0dc";
}

.fa-unsorted {
  --fa: "\f0dc";
}

.fa-sort-down {
  --fa: "\f0dd";
}

.fa-sort-desc {
  --fa: "\f0dd";
}

.fa-sort-up {
  --fa: "\f0de";
}

.fa-sort-asc {
  --fa: "\f0de";
}

.fa-envelope {
  --fa: "\f0e0";
}

.fa-arrow-rotate-left {
  --fa: "\f0e2";
}

.fa-arrow-left-rotate {
  --fa: "\f0e2";
}

.fa-arrow-rotate-back {
  --fa: "\f0e2";
}

.fa-arrow-rotate-backward {
  --fa: "\f0e2";
}

.fa-undo {
  --fa: "\f0e2";
}

.fa-gavel {
  --fa: "\f0e3";
}

.fa-legal {
  --fa: "\f0e3";
}

.fa-bolt {
  --fa: "\f0e7";
}

.fa-zap {
  --fa: "\f0e7";
}

.fa-sitemap {
  --fa: "\f0e8";
}

.fa-umbrella {
  --fa: "\f0e9";
}

.fa-paste {
  --fa: "\f0ea";
}

.fa-file-clipboard {
  --fa: "\f0ea";
}

.fa-lightbulb {
  --fa: "\f0eb";
}

.fa-arrow-right-arrow-left {
  --fa: "\f0ec";
}

.fa-exchange {
  --fa: "\f0ec";
}

.fa-cloud-arrow-down {
  --fa: "\f0ed";
}

.fa-cloud-download {
  --fa: "\f0ed";
}

.fa-cloud-download-alt {
  --fa: "\f0ed";
}

.fa-cloud-arrow-up {
  --fa: "\f0ee";
}

.fa-cloud-upload {
  --fa: "\f0ee";
}

.fa-cloud-upload-alt {
  --fa: "\f0ee";
}

.fa-user-doctor {
  --fa: "\f0f0";
}

.fa-user-md {
  --fa: "\f0f0";
}

.fa-stethoscope {
  --fa: "\f0f1";
}

.fa-suitcase {
  --fa: "\f0f2";
}

.fa-bell {
  --fa: "\f0f3";
}

.fa-mug-saucer {
  --fa: "\f0f4";
}

.fa-coffee {
  --fa: "\f0f4";
}

.fa-hospital {
  --fa: "\f0f8";
}

.fa-hospital-alt {
  --fa: "\f0f8";
}

.fa-hospital-wide {
  --fa: "\f0f8";
}

.fa-truck-medical {
  --fa: "\f0f9";
}

.fa-ambulance {
  --fa: "\f0f9";
}

.fa-suitcase-medical {
  --fa: "\f0fa";
}

.fa-medkit {
  --fa: "\f0fa";
}

.fa-jet-fighter {
  --fa: "\f0fb";
}

.fa-fighter-jet {
  --fa: "\f0fb";
}

.fa-beer-mug-empty {
  --fa: "\f0fc";
}

.fa-beer {
  --fa: "\f0fc";
}

.fa-square-h {
  --fa: "\f0fd";
}

.fa-h-square {
  --fa: "\f0fd";
}

.fa-square-plus {
  --fa: "\f0fe";
}

.fa-plus-square {
  --fa: "\f0fe";
}

.fa-angles-left {
  --fa: "\f100";
}

.fa-angle-double-left {
  --fa: "\f100";
}

.fa-angles-right {
  --fa: "\f101";
}

.fa-angle-double-right {
  --fa: "\f101";
}

.fa-angles-up {
  --fa: "\f102";
}

.fa-angle-double-up {
  --fa: "\f102";
}

.fa-angles-down {
  --fa: "\f103";
}

.fa-angle-double-down {
  --fa: "\f103";
}

.fa-angle-left {
  --fa: "\f104";
}

.fa-angle-right {
  --fa: "\f105";
}

.fa-angle-up {
  --fa: "\f106";
}

.fa-angle-down {
  --fa: "\f107";
}

.fa-laptop {
  --fa: "\f109";
}

.fa-tablet-button {
  --fa: "\f10a";
}

.fa-mobile-button {
  --fa: "\f10b";
}

.fa-quote-left {
  --fa: "\f10d";
}

.fa-quote-left-alt {
  --fa: "\f10d";
}

.fa-quote-right {
  --fa: "\f10e";
}

.fa-quote-right-alt {
  --fa: "\f10e";
}

.fa-spinner {
  --fa: "\f110";
}

.fa-circle {
  --fa: "\f111";
}

.fa-face-smile {
  --fa: "\f118";
}

.fa-smile {
  --fa: "\f118";
}

.fa-face-frown {
  --fa: "\f119";
}

.fa-frown {
  --fa: "\f119";
}

.fa-face-meh {
  --fa: "\f11a";
}

.fa-meh {
  --fa: "\f11a";
}

.fa-gamepad {
  --fa: "\f11b";
}

.fa-keyboard {
  --fa: "\f11c";
}

.fa-flag-checkered {
  --fa: "\f11e";
}

.fa-terminal {
  --fa: "\f120";
}

.fa-code {
  --fa: "\f121";
}

.fa-reply-all {
  --fa: "\f122";
}

.fa-mail-reply-all {
  --fa: "\f122";
}

.fa-location-arrow {
  --fa: "\f124";
}

.fa-crop {
  --fa: "\f125";
}

.fa-code-branch {
  --fa: "\f126";
}

.fa-link-slash {
  --fa: "\f127";
}

.fa-chain-broken {
  --fa: "\f127";
}

.fa-chain-slash {
  --fa: "\f127";
}

.fa-unlink {
  --fa: "\f127";
}

.fa-info {
  --fa: "\f129";
}

.fa-superscript {
  --fa: "\f12b";
}

.fa-subscript {
  --fa: "\f12c";
}

.fa-eraser {
  --fa: "\f12d";
}

.fa-puzzle-piece {
  --fa: "\f12e";
}

.fa-microphone {
  --fa: "\f130";
}

.fa-microphone-slash {
  --fa: "\f131";
}

.fa-shield {
  --fa: "\f132";
}

.fa-shield-blank {
  --fa: "\f132";
}

.fa-calendar {
  --fa: "\f133";
}

.fa-fire-extinguisher {
  --fa: "\f134";
}

.fa-rocket {
  --fa: "\f135";
}

.fa-circle-chevron-left {
  --fa: "\f137";
}

.fa-chevron-circle-left {
  --fa: "\f137";
}

.fa-circle-chevron-right {
  --fa: "\f138";
}

.fa-chevron-circle-right {
  --fa: "\f138";
}

.fa-circle-chevron-up {
  --fa: "\f139";
}

.fa-chevron-circle-up {
  --fa: "\f139";
}

.fa-circle-chevron-down {
  --fa: "\f13a";
}

.fa-chevron-circle-down {
  --fa: "\f13a";
}

.fa-anchor {
  --fa: "\f13d";
}

.fa-unlock-keyhole {
  --fa: "\f13e";
}

.fa-unlock-alt {
  --fa: "\f13e";
}

.fa-bullseye {
  --fa: "\f140";
}

.fa-ellipsis {
  --fa: "\f141";
}

.fa-ellipsis-h {
  --fa: "\f141";
}

.fa-ellipsis-vertical {
  --fa: "\f142";
}

.fa-ellipsis-v {
  --fa: "\f142";
}

.fa-square-rss {
  --fa: "\f143";
}

.fa-rss-square {
  --fa: "\f143";
}

.fa-circle-play {
  --fa: "\f144";
}

.fa-play-circle {
  --fa: "\f144";
}

.fa-ticket {
  --fa: "\f145";
}

.fa-square-minus {
  --fa: "\f146";
}

.fa-minus-square {
  --fa: "\f146";
}

.fa-arrow-turn-up {
  --fa: "\f148";
}

.fa-level-up {
  --fa: "\f148";
}

.fa-arrow-turn-down {
  --fa: "\f149";
}

.fa-level-down {
  --fa: "\f149";
}

.fa-square-check {
  --fa: "\f14a";
}

.fa-check-square {
  --fa: "\f14a";
}

.fa-square-pen {
  --fa: "\f14b";
}

.fa-pen-square {
  --fa: "\f14b";
}

.fa-pencil-square {
  --fa: "\f14b";
}

.fa-square-arrow-up-right {
  --fa: "\f14c";
}

.fa-external-link-square {
  --fa: "\f14c";
}

.fa-share-from-square {
  --fa: "\f14d";
}

.fa-share-square {
  --fa: "\f14d";
}

.fa-compass {
  --fa: "\f14e";
}

.fa-square-caret-down {
  --fa: "\f150";
}

.fa-caret-square-down {
  --fa: "\f150";
}

.fa-square-caret-up {
  --fa: "\f151";
}

.fa-caret-square-up {
  --fa: "\f151";
}

.fa-square-caret-right {
  --fa: "\f152";
}

.fa-caret-square-right {
  --fa: "\f152";
}

.fa-euro-sign {
  --fa: "\f153";
}

.fa-eur {
  --fa: "\f153";
}

.fa-euro {
  --fa: "\f153";
}

.fa-sterling-sign {
  --fa: "\f154";
}

.fa-gbp {
  --fa: "\f154";
}

.fa-pound-sign {
  --fa: "\f154";
}

.fa-rupee-sign {
  --fa: "\f156";
}

.fa-rupee {
  --fa: "\f156";
}

.fa-yen-sign {
  --fa: "\f157";
}

.fa-cny {
  --fa: "\f157";
}

.fa-jpy {
  --fa: "\f157";
}

.fa-rmb {
  --fa: "\f157";
}

.fa-yen {
  --fa: "\f157";
}

.fa-ruble-sign {
  --fa: "\f158";
}

.fa-rouble {
  --fa: "\f158";
}

.fa-rub {
  --fa: "\f158";
}

.fa-ruble {
  --fa: "\f158";
}

.fa-won-sign {
  --fa: "\f159";
}

.fa-krw {
  --fa: "\f159";
}

.fa-won {
  --fa: "\f159";
}

.fa-file {
  --fa: "\f15b";
}

.fa-file-lines {
  --fa: "\f15c";
}

.fa-file-alt {
  --fa: "\f15c";
}

.fa-file-text {
  --fa: "\f15c";
}

.fa-arrow-down-a-z {
  --fa: "\f15d";
}

.fa-sort-alpha-asc {
  --fa: "\f15d";
}

.fa-sort-alpha-down {
  --fa: "\f15d";
}

.fa-arrow-up-a-z {
  --fa: "\f15e";
}

.fa-sort-alpha-up {
  --fa: "\f15e";
}

.fa-arrow-down-wide-short {
  --fa: "\f160";
}

.fa-sort-amount-asc {
  --fa: "\f160";
}

.fa-sort-amount-down {
  --fa: "\f160";
}

.fa-arrow-up-wide-short {
  --fa: "\f161";
}

.fa-sort-amount-up {
  --fa: "\f161";
}

.fa-arrow-down-1-9 {
  --fa: "\f162";
}

.fa-sort-numeric-asc {
  --fa: "\f162";
}

.fa-sort-numeric-down {
  --fa: "\f162";
}

.fa-arrow-up-1-9 {
  --fa: "\f163";
}

.fa-sort-numeric-up {
  --fa: "\f163";
}

.fa-thumbs-up {
  --fa: "\f164";
}

.fa-thumbs-down {
  --fa: "\f165";
}

.fa-arrow-down-long {
  --fa: "\f175";
}

.fa-long-arrow-down {
  --fa: "\f175";
}

.fa-arrow-up-long {
  --fa: "\f176";
}

.fa-long-arrow-up {
  --fa: "\f176";
}

.fa-arrow-left-long {
  --fa: "\f177";
}

.fa-long-arrow-left {
  --fa: "\f177";
}

.fa-arrow-right-long {
  --fa: "\f178";
}

.fa-long-arrow-right {
  --fa: "\f178";
}

.fa-person-dress {
  --fa: "\f182";
}

.fa-female {
  --fa: "\f182";
}

.fa-person {
  --fa: "\f183";
}

.fa-male {
  --fa: "\f183";
}

.fa-sun {
  --fa: "\f185";
}

.fa-moon {
  --fa: "\f186";
}

.fa-box-archive {
  --fa: "\f187";
}

.fa-archive {
  --fa: "\f187";
}

.fa-bug {
  --fa: "\f188";
}

.fa-square-caret-left {
  --fa: "\f191";
}

.fa-caret-square-left {
  --fa: "\f191";
}

.fa-circle-dot {
  --fa: "\f192";
}

.fa-dot-circle {
  --fa: "\f192";
}

.fa-wheelchair {
  --fa: "\f193";
}

.fa-lira-sign {
  --fa: "\f195";
}

.fa-shuttle-space {
  --fa: "\f197";
}

.fa-space-shuttle {
  --fa: "\f197";
}

.fa-square-envelope {
  --fa: "\f199";
}

.fa-envelope-square {
  --fa: "\f199";
}

.fa-building-columns {
  --fa: "\f19c";
}

.fa-bank {
  --fa: "\f19c";
}

.fa-institution {
  --fa: "\f19c";
}

.fa-museum {
  --fa: "\f19c";
}

.fa-university {
  --fa: "\f19c";
}

.fa-graduation-cap {
  --fa: "\f19d";
}

.fa-mortar-board {
  --fa: "\f19d";
}

.fa-language {
  --fa: "\f1ab";
}

.fa-fax {
  --fa: "\f1ac";
}

.fa-building {
  --fa: "\f1ad";
}

.fa-child {
  --fa: "\f1ae";
}

.fa-paw {
  --fa: "\f1b0";
}

.fa-cube {
  --fa: "\f1b2";
}

.fa-cubes {
  --fa: "\f1b3";
}

.fa-recycle {
  --fa: "\f1b8";
}

.fa-car {
  --fa: "\f1b9";
}

.fa-automobile {
  --fa: "\f1b9";
}

.fa-taxi {
  --fa: "\f1ba";
}

.fa-cab {
  --fa: "\f1ba";
}

.fa-tree {
  --fa: "\f1bb";
}

.fa-database {
  --fa: "\f1c0";
}

.fa-file-pdf {
  --fa: "\f1c1";
}

.fa-file-word {
  --fa: "\f1c2";
}

.fa-file-excel {
  --fa: "\f1c3";
}

.fa-file-powerpoint {
  --fa: "\f1c4";
}

.fa-file-image {
  --fa: "\f1c5";
}

.fa-file-zipper {
  --fa: "\f1c6";
}

.fa-file-archive {
  --fa: "\f1c6";
}

.fa-file-audio {
  --fa: "\f1c7";
}

.fa-file-video {
  --fa: "\f1c8";
}

.fa-file-code {
  --fa: "\f1c9";
}

.fa-life-ring {
  --fa: "\f1cd";
}

.fa-circle-notch {
  --fa: "\f1ce";
}

.fa-paper-plane {
  --fa: "\f1d8";
}

.fa-clock-rotate-left {
  --fa: "\f1da";
}

.fa-history {
  --fa: "\f1da";
}

.fa-heading {
  --fa: "\f1dc";
}

.fa-header {
  --fa: "\f1dc";
}

.fa-paragraph {
  --fa: "\f1dd";
}

.fa-sliders {
  --fa: "\f1de";
}

.fa-sliders-h {
  --fa: "\f1de";
}

.fa-share-nodes {
  --fa: "\f1e0";
}

.fa-share-alt {
  --fa: "\f1e0";
}

.fa-square-share-nodes {
  --fa: "\f1e1";
}

.fa-share-alt-square {
  --fa: "\f1e1";
}

.fa-bomb {
  --fa: "\f1e2";
}

.fa-futbol {
  --fa: "\f1e3";
}

.fa-futbol-ball {
  --fa: "\f1e3";
}

.fa-soccer-ball {
  --fa: "\f1e3";
}

.fa-tty {
  --fa: "\f1e4";
}

.fa-teletype {
  --fa: "\f1e4";
}

.fa-binoculars {
  --fa: "\f1e5";
}

.fa-plug {
  --fa: "\f1e6";
}

.fa-newspaper {
  --fa: "\f1ea";
}

.fa-wifi {
  --fa: "\f1eb";
}

.fa-wifi-3 {
  --fa: "\f1eb";
}

.fa-wifi-strong {
  --fa: "\f1eb";
}

.fa-calculator {
  --fa: "\f1ec";
}

.fa-bell-slash {
  --fa: "\f1f6";
}

.fa-trash {
  --fa: "\f1f8";
}

.fa-copyright {
  --fa: "\f1f9";
}

.fa-eye-dropper {
  --fa: "\f1fb";
}

.fa-eye-dropper-empty {
  --fa: "\f1fb";
}

.fa-eyedropper {
  --fa: "\f1fb";
}

.fa-paintbrush {
  --fa: "\f1fc";
}

.fa-paint-brush {
  --fa: "\f1fc";
}

.fa-cake-candles {
  --fa: "\f1fd";
}

.fa-birthday-cake {
  --fa: "\f1fd";
}

.fa-cake {
  --fa: "\f1fd";
}

.fa-chart-area {
  --fa: "\f1fe";
}

.fa-area-chart {
  --fa: "\f1fe";
}

.fa-chart-pie {
  --fa: "\f200";
}

.fa-pie-chart {
  --fa: "\f200";
}

.fa-chart-line {
  --fa: "\f201";
}

.fa-line-chart {
  --fa: "\f201";
}

.fa-toggle-off {
  --fa: "\f204";
}

.fa-toggle-on {
  --fa: "\f205";
}

.fa-bicycle {
  --fa: "\f206";
}

.fa-bus {
  --fa: "\f207";
}

.fa-closed-captioning {
  --fa: "\f20a";
}

.fa-shekel-sign {
  --fa: "\f20b";
}

.fa-ils {
  --fa: "\f20b";
}

.fa-shekel {
  --fa: "\f20b";
}

.fa-sheqel {
  --fa: "\f20b";
}

.fa-sheqel-sign {
  --fa: "\f20b";
}

.fa-cart-plus {
  --fa: "\f217";
}

.fa-cart-arrow-down {
  --fa: "\f218";
}

.fa-diamond {
  --fa: "\f219";
}

.fa-ship {
  --fa: "\f21a";
}

.fa-user-secret {
  --fa: "\f21b";
}

.fa-motorcycle {
  --fa: "\f21c";
}

.fa-street-view {
  --fa: "\f21d";
}

.fa-heart-pulse {
  --fa: "\f21e";
}

.fa-heartbeat {
  --fa: "\f21e";
}

.fa-venus {
  --fa: "\f221";
}

.fa-mars {
  --fa: "\f222";
}

.fa-mercury {
  --fa: "\f223";
}

.fa-mars-and-venus {
  --fa: "\f224";
}

.fa-transgender {
  --fa: "\f225";
}

.fa-transgender-alt {
  --fa: "\f225";
}

.fa-venus-double {
  --fa: "\f226";
}

.fa-mars-double {
  --fa: "\f227";
}

.fa-venus-mars {
  --fa: "\f228";
}

.fa-mars-stroke {
  --fa: "\f229";
}

.fa-mars-stroke-up {
  --fa: "\f22a";
}

.fa-mars-stroke-v {
  --fa: "\f22a";
}

.fa-mars-stroke-right {
  --fa: "\f22b";
}

.fa-mars-stroke-h {
  --fa: "\f22b";
}

.fa-neuter {
  --fa: "\f22c";
}

.fa-genderless {
  --fa: "\f22d";
}

.fa-server {
  --fa: "\f233";
}

.fa-user-plus {
  --fa: "\f234";
}

.fa-user-xmark {
  --fa: "\f235";
}

.fa-user-times {
  --fa: "\f235";
}

.fa-bed {
  --fa: "\f236";
}

.fa-train {
  --fa: "\f238";
}

.fa-train-subway {
  --fa: "\f239";
}

.fa-subway {
  --fa: "\f239";
}

.fa-battery-full {
  --fa: "\f240";
}

.fa-battery {
  --fa: "\f240";
}

.fa-battery-5 {
  --fa: "\f240";
}

.fa-battery-three-quarters {
  --fa: "\f241";
}

.fa-battery-4 {
  --fa: "\f241";
}

.fa-battery-half {
  --fa: "\f242";
}

.fa-battery-3 {
  --fa: "\f242";
}

.fa-battery-quarter {
  --fa: "\f243";
}

.fa-battery-2 {
  --fa: "\f243";
}

.fa-battery-empty {
  --fa: "\f244";
}

.fa-battery-0 {
  --fa: "\f244";
}

.fa-arrow-pointer {
  --fa: "\f245";
}

.fa-mouse-pointer {
  --fa: "\f245";
}

.fa-i-cursor {
  --fa: "\f246";
}

.fa-object-group {
  --fa: "\f247";
}

.fa-object-ungroup {
  --fa: "\f248";
}

.fa-note-sticky {
  --fa: "\f249";
}

.fa-sticky-note {
  --fa: "\f249";
}

.fa-clone {
  --fa: "\f24d";
}

.fa-scale-balanced {
  --fa: "\f24e";
}

.fa-balance-scale {
  --fa: "\f24e";
}

.fa-hourglass-start {
  --fa: "\f251";
}

.fa-hourglass-1 {
  --fa: "\f251";
}

.fa-hourglass-half {
  --fa: "\f252";
}

.fa-hourglass-2 {
  --fa: "\f252";
}

.fa-hourglass-end {
  --fa: "\f253";
}

.fa-hourglass-3 {
  --fa: "\f253";
}

.fa-hourglass {
  --fa: "\f254";
}

.fa-hourglass-empty {
  --fa: "\f254";
}

.fa-hand-back-fist {
  --fa: "\f255";
}

.fa-hand-rock {
  --fa: "\f255";
}

.fa-hand {
  --fa: "\f256";
}

.fa-hand-paper {
  --fa: "\f256";
}

.fa-hand-scissors {
  --fa: "\f257";
}

.fa-hand-lizard {
  --fa: "\f258";
}

.fa-hand-spock {
  --fa: "\f259";
}

.fa-hand-pointer {
  --fa: "\f25a";
}

.fa-hand-peace {
  --fa: "\f25b";
}

.fa-trademark {
  --fa: "\f25c";
}

.fa-registered {
  --fa: "\f25d";
}

.fa-tv {
  --fa: "\f26c";
}

.fa-television {
  --fa: "\f26c";
}

.fa-tv-alt {
  --fa: "\f26c";
}

.fa-calendar-plus {
  --fa: "\f271";
}

.fa-calendar-minus {
  --fa: "\f272";
}

.fa-calendar-xmark {
  --fa: "\f273";
}

.fa-calendar-times {
  --fa: "\f273";
}

.fa-calendar-check {
  --fa: "\f274";
}

.fa-industry {
  --fa: "\f275";
}

.fa-map-pin {
  --fa: "\f276";
}

.fa-signs-post {
  --fa: "\f277";
}

.fa-map-signs {
  --fa: "\f277";
}

.fa-map {
  --fa: "\f279";
}

.fa-message {
  --fa: "\f27a";
}

.fa-comment-alt {
  --fa: "\f27a";
}

.fa-circle-pause {
  --fa: "\f28b";
}

.fa-pause-circle {
  --fa: "\f28b";
}

.fa-circle-stop {
  --fa: "\f28d";
}

.fa-stop-circle {
  --fa: "\f28d";
}

.fa-bag-shopping {
  --fa: "\f290";
}

.fa-shopping-bag {
  --fa: "\f290";
}

.fa-basket-shopping {
  --fa: "\f291";
}

.fa-shopping-basket {
  --fa: "\f291";
}

.fa-bluetooth {
  --fa: "\f293";
}

.fa-universal-access {
  --fa: "\f29a";
}

.fa-person-walking-with-cane {
  --fa: "\f29d";
}

.fa-blind {
  --fa: "\f29d";
}

.fa-audio-description {
  --fa: "\f29e";
}

.fa-phone-volume {
  --fa: "\f2a0";
}

.fa-volume-control-phone {
  --fa: "\f2a0";
}

.fa-braille {
  --fa: "\f2a1";
}

.fa-ear-listen {
  --fa: "\f2a2";
}

.fa-assistive-listening-systems {
  --fa: "\f2a2";
}

.fa-hands-asl-interpreting {
  --fa: "\f2a3";
}

.fa-american-sign-language-interpreting {
  --fa: "\f2a3";
}

.fa-asl-interpreting {
  --fa: "\f2a3";
}

.fa-hands-american-sign-language-interpreting {
  --fa: "\f2a3";
}

.fa-ear-deaf {
  --fa: "\f2a4";
}

.fa-deaf {
  --fa: "\f2a4";
}

.fa-deafness {
  --fa: "\f2a4";
}

.fa-hard-of-hearing {
  --fa: "\f2a4";
}

.fa-hands {
  --fa: "\f2a7";
}

.fa-sign-language {
  --fa: "\f2a7";
}

.fa-signing {
  --fa: "\f2a7";
}

.fa-eye-low-vision {
  --fa: "\f2a8";
}

.fa-low-vision {
  --fa: "\f2a8";
}

.fa-font-awesome {
  --fa: "\f2b4";
}

.fa-font-awesome-flag {
  --fa: "\f2b4";
}

.fa-font-awesome-logo-full {
  --fa: "\f2b4";
}

.fa-handshake {
  --fa: "\f2b5";
}

.fa-handshake-alt {
  --fa: "\f2b5";
}

.fa-handshake-simple {
  --fa: "\f2b5";
}

.fa-envelope-open {
  --fa: "\f2b6";
}

.fa-address-book {
  --fa: "\f2b9";
}

.fa-contact-book {
  --fa: "\f2b9";
}

.fa-address-card {
  --fa: "\f2bb";
}

.fa-contact-card {
  --fa: "\f2bb";
}

.fa-vcard {
  --fa: "\f2bb";
}

.fa-circle-user {
  --fa: "\f2bd";
}

.fa-user-circle {
  --fa: "\f2bd";
}

.fa-id-badge {
  --fa: "\f2c1";
}

.fa-id-card {
  --fa: "\f2c2";
}

.fa-drivers-license {
  --fa: "\f2c2";
}

.fa-temperature-full {
  --fa: "\f2c7";
}

.fa-temperature-4 {
  --fa: "\f2c7";
}

.fa-thermometer-4 {
  --fa: "\f2c7";
}

.fa-thermometer-full {
  --fa: "\f2c7";
}

.fa-temperature-three-quarters {
  --fa: "\f2c8";
}

.fa-temperature-3 {
  --fa: "\f2c8";
}

.fa-thermometer-3 {
  --fa: "\f2c8";
}

.fa-thermometer-three-quarters {
  --fa: "\f2c8";
}

.fa-temperature-half {
  --fa: "\f2c9";
}

.fa-temperature-2 {
  --fa: "\f2c9";
}

.fa-thermometer-2 {
  --fa: "\f2c9";
}

.fa-thermometer-half {
  --fa: "\f2c9";
}

.fa-temperature-quarter {
  --fa: "\f2ca";
}

.fa-temperature-1 {
  --fa: "\f2ca";
}

.fa-thermometer-1 {
  --fa: "\f2ca";
}

.fa-thermometer-quarter {
  --fa: "\f2ca";
}

.fa-temperature-empty {
  --fa: "\f2cb";
}

.fa-temperature-0 {
  --fa: "\f2cb";
}

.fa-thermometer-0 {
  --fa: "\f2cb";
}

.fa-thermometer-empty {
  --fa: "\f2cb";
}

.fa-shower {
  --fa: "\f2cc";
}

.fa-bath {
  --fa: "\f2cd";
}

.fa-bathtub {
  --fa: "\f2cd";
}

.fa-podcast {
  --fa: "\f2ce";
}

.fa-window-maximize {
  --fa: "\f2d0";
}

.fa-window-minimize {
  --fa: "\f2d1";
}

.fa-window-restore {
  --fa: "\f2d2";
}

.fa-square-xmark {
  --fa: "\f2d3";
}

.fa-times-square {
  --fa: "\f2d3";
}

.fa-xmark-square {
  --fa: "\f2d3";
}

.fa-microchip {
  --fa: "\f2db";
}

.fa-snowflake {
  --fa: "\f2dc";
}

.fa-watch {
  --fa: "\f2e1";
}

.fa-volume-slash {
  --fa: "\f2e2";
}

.fa-fork {
  --fa: "\f2e3";
}

.fa-utensil-fork {
  --fa: "\f2e3";
}

.fa-knife {
  --fa: "\f2e4";
}

.fa-utensil-knife {
  --fa: "\f2e4";
}

.fa-spoon {
  --fa: "\f2e5";
}

.fa-utensil-spoon {
  --fa: "\f2e5";
}

.fa-fork-knife {
  --fa: "\f2e6";
}

.fa-utensils-alt {
  --fa: "\f2e6";
}

.fa-utensils {
  --fa: "\f2e7";
}

.fa-cutlery {
  --fa: "\f2e7";
}

.fa-circle-dollar {
  --fa: "\f2e8";
}

.fa-dollar-circle {
  --fa: "\f2e8";
}

.fa-usd-circle {
  --fa: "\f2e8";
}

.fa-square-dollar {
  --fa: "\f2e9";
}

.fa-dollar-square {
  --fa: "\f2e9";
}

.fa-usd-square {
  --fa: "\f2e9";
}

.fa-rotate-left {
  --fa: "\f2ea";
}

.fa-rotate-back {
  --fa: "\f2ea";
}

.fa-rotate-backward {
  --fa: "\f2ea";
}

.fa-undo-alt {
  --fa: "\f2ea";
}

.fa-trophy-star {
  --fa: "\f2eb";
}

.fa-trophy-alt {
  --fa: "\f2eb";
}

.fa-triangle {
  --fa: "\f2ec";
}

.fa-trash-can {
  --fa: "\f2ed";
}

.fa-trash-alt {
  --fa: "\f2ed";
}

.fa-hexagon-xmark {
  --fa: "\f2ee";
}

.fa-times-hexagon {
  --fa: "\f2ee";
}

.fa-xmark-hexagon {
  --fa: "\f2ee";
}

.fa-octagon-xmark {
  --fa: "\f2f0";
}

.fa-times-octagon {
  --fa: "\f2f0";
}

.fa-xmark-octagon {
  --fa: "\f2f0";
}

.fa-rotate {
  --fa: "\f2f1";
}

.fa-sync-alt {
  --fa: "\f2f1";
}

.fa-stopwatch {
  --fa: "\f2f2";
}

.fa-star-exclamation {
  --fa: "\f2f3";
}

.fa-spade {
  --fa: "\f2f4";
}

.fa-right-from-bracket {
  --fa: "\f2f5";
}

.fa-sign-out-alt {
  --fa: "\f2f5";
}

.fa-right-to-bracket {
  --fa: "\f2f6";
}

.fa-sign-in-alt {
  --fa: "\f2f6";
}

.fa-shield-check {
  --fa: "\f2f7";
}

.fa-scrubber {
  --fa: "\f2f8";
}

.fa-rotate-right {
  --fa: "\f2f9";
}

.fa-redo-alt {
  --fa: "\f2f9";
}

.fa-rotate-forward {
  --fa: "\f2f9";
}

.fa-rectangle {
  --fa: "\f2fa";
}

.fa-rectangle-landscape {
  --fa: "\f2fa";
}

.fa-rectangle-vertical {
  --fa: "\f2fb";
}

.fa-rectangle-portrait {
  --fa: "\f2fb";
}

.fa-rectangle-wide {
  --fa: "\f2fc";
}

.fa-square-question {
  --fa: "\f2fd";
}

.fa-question-square {
  --fa: "\f2fd";
}

.fa-poo {
  --fa: "\f2fe";
}

.fa-hexagon-plus {
  --fa: "\f300";
}

.fa-plus-hexagon {
  --fa: "\f300";
}

.fa-octagon-plus {
  --fa: "\f301";
}

.fa-plus-octagon {
  --fa: "\f301";
}

.fa-images {
  --fa: "\f302";
}

.fa-pencil {
  --fa: "\f303";
}

.fa-pencil-alt {
  --fa: "\f303";
}

.fa-pen {
  --fa: "\f304";
}

.fa-pen-clip {
  --fa: "\f305";
}

.fa-pen-alt {
  --fa: "\f305";
}

.fa-octagon {
  --fa: "\f306";
}

.fa-hexagon-minus {
  --fa: "\f307";
}

.fa-minus-hexagon {
  --fa: "\f307";
}

.fa-octagon-minus {
  --fa: "\f308";
}

.fa-minus-octagon {
  --fa: "\f308";
}

.fa-down-long {
  --fa: "\f309";
}

.fa-long-arrow-alt-down {
  --fa: "\f309";
}

.fa-left-long {
  --fa: "\f30a";
}

.fa-long-arrow-alt-left {
  --fa: "\f30a";
}

.fa-right-long {
  --fa: "\f30b";
}

.fa-long-arrow-alt-right {
  --fa: "\f30b";
}

.fa-up-long {
  --fa: "\f30c";
}

.fa-long-arrow-alt-up {
  --fa: "\f30c";
}

.fa-lock-keyhole {
  --fa: "\f30d";
}

.fa-lock-alt {
  --fa: "\f30d";
}

.fa-jack-o-lantern {
  --fa: "\f30e";
}

.fa-square-info {
  --fa: "\f30f";
}

.fa-info-square {
  --fa: "\f30f";
}

.fa-inbox-in {
  --fa: "\f310";
}

.fa-inbox-arrow-down {
  --fa: "\f310";
}

.fa-inbox-out {
  --fa: "\f311";
}

.fa-inbox-arrow-up {
  --fa: "\f311";
}

.fa-hexagon {
  --fa: "\f312";
}

.fa-h1 {
  --fa: "\f313";
}

.fa-h2 {
  --fa: "\f314";
}

.fa-h3 {
  --fa: "\f315";
}

.fa-file-check {
  --fa: "\f316";
}

.fa-file-xmark {
  --fa: "\f317";
}

.fa-file-times {
  --fa: "\f317";
}

.fa-file-minus {
  --fa: "\f318";
}

.fa-file-plus {
  --fa: "\f319";
}

.fa-file-exclamation {
  --fa: "\f31a";
}

.fa-file-pen {
  --fa: "\f31c";
}

.fa-file-edit {
  --fa: "\f31c";
}

.fa-arrows-maximize {
  --fa: "\f31d";
}

.fa-expand-arrows {
  --fa: "\f31d";
}

.fa-maximize {
  --fa: "\f31e";
}

.fa-expand-arrows-alt {
  --fa: "\f31e";
}

.fa-expand-wide {
  --fa: "\f320";
}

.fa-square-exclamation {
  --fa: "\f321";
}

.fa-exclamation-square {
  --fa: "\f321";
}

.fa-chevrons-down {
  --fa: "\f322";
}

.fa-chevron-double-down {
  --fa: "\f322";
}

.fa-chevrons-left {
  --fa: "\f323";
}

.fa-chevron-double-left {
  --fa: "\f323";
}

.fa-chevrons-right {
  --fa: "\f324";
}

.fa-chevron-double-right {
  --fa: "\f324";
}

.fa-chevrons-up {
  --fa: "\f325";
}

.fa-chevron-double-up {
  --fa: "\f325";
}

.fa-compress-wide {
  --fa: "\f326";
}

.fa-club {
  --fa: "\f327";
}

.fa-clipboard {
  --fa: "\f328";
}

.fa-square-chevron-down {
  --fa: "\f329";
}

.fa-chevron-square-down {
  --fa: "\f329";
}

.fa-square-chevron-left {
  --fa: "\f32a";
}

.fa-chevron-square-left {
  --fa: "\f32a";
}

.fa-square-chevron-right {
  --fa: "\f32b";
}

.fa-chevron-square-right {
  --fa: "\f32b";
}

.fa-square-chevron-up {
  --fa: "\f32c";
}

.fa-chevron-square-up {
  --fa: "\f32c";
}

.fa-circle-caret-down {
  --fa: "\f32d";
}

.fa-caret-circle-down {
  --fa: "\f32d";
}

.fa-circle-caret-left {
  --fa: "\f32e";
}

.fa-caret-circle-left {
  --fa: "\f32e";
}

.fa-circle-caret-right {
  --fa: "\f330";
}

.fa-caret-circle-right {
  --fa: "\f330";
}

.fa-circle-caret-up {
  --fa: "\f331";
}

.fa-caret-circle-up {
  --fa: "\f331";
}

.fa-calendar-pen {
  --fa: "\f333";
}

.fa-calendar-edit {
  --fa: "\f333";
}

.fa-calendar-exclamation {
  --fa: "\f334";
}

.fa-badge {
  --fa: "\f335";
}

.fa-badge-check {
  --fa: "\f336";
}

.fa-left-right {
  --fa: "\f337";
}

.fa-arrows-alt-h {
  --fa: "\f337";
}

.fa-up-down {
  --fa: "\f338";
}

.fa-arrows-alt-v {
  --fa: "\f338";
}

.fa-square-arrow-down {
  --fa: "\f339";
}

.fa-arrow-square-down {
  --fa: "\f339";
}

.fa-square-arrow-left {
  --fa: "\f33a";
}

.fa-arrow-square-left {
  --fa: "\f33a";
}

.fa-square-arrow-right {
  --fa: "\f33b";
}

.fa-arrow-square-right {
  --fa: "\f33b";
}

.fa-square-arrow-up {
  --fa: "\f33c";
}

.fa-arrow-square-up {
  --fa: "\f33c";
}

.fa-arrow-down-to-line {
  --fa: "\f33d";
}

.fa-arrow-to-bottom {
  --fa: "\f33d";
}

.fa-arrow-left-to-line {
  --fa: "\f33e";
}

.fa-arrow-to-left {
  --fa: "\f33e";
}

.fa-arrow-right-to-line {
  --fa: "\f340";
}

.fa-arrow-to-right {
  --fa: "\f340";
}

.fa-arrow-up-to-line {
  --fa: "\f341";
}

.fa-arrow-to-top {
  --fa: "\f341";
}

.fa-arrow-up-from-line {
  --fa: "\f342";
}

.fa-arrow-from-bottom {
  --fa: "\f342";
}

.fa-arrow-right-from-line {
  --fa: "\f343";
}

.fa-arrow-from-left {
  --fa: "\f343";
}

.fa-arrow-left-from-line {
  --fa: "\f344";
}

.fa-arrow-from-right {
  --fa: "\f344";
}

.fa-arrow-down-from-line {
  --fa: "\f345";
}

.fa-arrow-from-top {
  --fa: "\f345";
}

.fa-up-from-line {
  --fa: "\f346";
}

.fa-arrow-alt-from-bottom {
  --fa: "\f346";
}

.fa-right-from-line {
  --fa: "\f347";
}

.fa-arrow-alt-from-left {
  --fa: "\f347";
}

.fa-left-from-line {
  --fa: "\f348";
}

.fa-arrow-alt-from-right {
  --fa: "\f348";
}

.fa-down-from-line {
  --fa: "\f349";
}

.fa-arrow-alt-from-top {
  --fa: "\f349";
}

.fa-down-to-line {
  --fa: "\f34a";
}

.fa-arrow-alt-to-bottom {
  --fa: "\f34a";
}

.fa-left-to-line {
  --fa: "\f34b";
}

.fa-arrow-alt-to-left {
  --fa: "\f34b";
}

.fa-right-to-line {
  --fa: "\f34c";
}

.fa-arrow-alt-to-right {
  --fa: "\f34c";
}

.fa-up-to-line {
  --fa: "\f34d";
}

.fa-arrow-alt-to-top {
  --fa: "\f34d";
}

.fa-alarm-clock {
  --fa: "\f34e";
}

.fa-square-down {
  --fa: "\f350";
}

.fa-arrow-alt-square-down {
  --fa: "\f350";
}

.fa-square-left {
  --fa: "\f351";
}

.fa-arrow-alt-square-left {
  --fa: "\f351";
}

.fa-square-right {
  --fa: "\f352";
}

.fa-arrow-alt-square-right {
  --fa: "\f352";
}

.fa-square-up {
  --fa: "\f353";
}

.fa-arrow-alt-square-up {
  --fa: "\f353";
}

.fa-down {
  --fa: "\f354";
}

.fa-arrow-alt-down {
  --fa: "\f354";
}

.fa-left {
  --fa: "\f355";
}

.fa-arrow-alt-left {
  --fa: "\f355";
}

.fa-right {
  --fa: "\f356";
}

.fa-arrow-alt-right {
  --fa: "\f356";
}

.fa-up {
  --fa: "\f357";
}

.fa-arrow-alt-up {
  --fa: "\f357";
}

.fa-circle-down {
  --fa: "\f358";
}

.fa-arrow-alt-circle-down {
  --fa: "\f358";
}

.fa-circle-left {
  --fa: "\f359";
}

.fa-arrow-alt-circle-left {
  --fa: "\f359";
}

.fa-circle-right {
  --fa: "\f35a";
}

.fa-arrow-alt-circle-right {
  --fa: "\f35a";
}

.fa-circle-up {
  --fa: "\f35b";
}

.fa-arrow-alt-circle-up {
  --fa: "\f35b";
}

.fa-up-right-from-square {
  --fa: "\f35d";
}

.fa-external-link-alt {
  --fa: "\f35d";
}

.fa-square-up-right {
  --fa: "\f360";
}

.fa-external-link-square-alt {
  --fa: "\f360";
}

.fa-arrows-retweet {
  --fa: "\f361";
}

.fa-retweet-alt {
  --fa: "\f361";
}

.fa-right-left {
  --fa: "\f362";
}

.fa-exchange-alt {
  --fa: "\f362";
}

.fa-repeat {
  --fa: "\f363";
}

.fa-arrows-repeat {
  --fa: "\f364";
}

.fa-repeat-alt {
  --fa: "\f364";
}

.fa-repeat-1 {
  --fa: "\f365";
}

.fa-arrows-repeat-1 {
  --fa: "\f366";
}

.fa-repeat-1-alt {
  --fa: "\f366";
}

.fa-share-all {
  --fa: "\f367";
}

.fa-battery-bolt {
  --fa: "\f376";
}

.fa-battery-slash {
  --fa: "\f377";
}

.fa-browser {
  --fa: "\f37e";
}

.fa-code-commit {
  --fa: "\f386";
}

.fa-code-merge {
  --fa: "\f387";
}

.fa-credit-card-blank {
  --fa: "\f389";
}

.fa-credit-card-front {
  --fa: "\f38a";
}

.fa-desktop {
  --fa: "\f390";
}

.fa-desktop-alt {
  --fa: "\f390";
}

.fa-ellipsis-stroke {
  --fa: "\f39b";
}

.fa-ellipsis-h-alt {
  --fa: "\f39b";
}

.fa-ellipsis-stroke-vertical {
  --fa: "\f39c";
}

.fa-ellipsis-v-alt {
  --fa: "\f39c";
}

.fa-gem {
  --fa: "\f3a5";
}

.fa-industry-windows {
  --fa: "\f3b3";
}

.fa-industry-alt {
  --fa: "\f3b3";
}

.fa-turn-down {
  --fa: "\f3be";
}

.fa-level-down-alt {
  --fa: "\f3be";
}

.fa-turn-up {
  --fa: "\f3bf";
}

.fa-level-up-alt {
  --fa: "\f3bf";
}

.fa-lock-open {
  --fa: "\f3c1";
}

.fa-lock-keyhole-open {
  --fa: "\f3c2";
}

.fa-lock-open-alt {
  --fa: "\f3c2";
}

.fa-location-dot {
  --fa: "\f3c5";
}

.fa-map-marker-alt {
  --fa: "\f3c5";
}

.fa-microphone-lines {
  --fa: "\f3c9";
}

.fa-microphone-alt {
  --fa: "\f3c9";
}

.fa-mobile-screen-button {
  --fa: "\f3cd";
}

.fa-mobile-alt {
  --fa: "\f3cd";
}

.fa-mobile {
  --fa: "\f3ce";
}

.fa-mobile-android {
  --fa: "\f3ce";
}

.fa-mobile-phone {
  --fa: "\f3ce";
}

.fa-mobile-screen {
  --fa: "\f3cf";
}

.fa-mobile-android-alt {
  --fa: "\f3cf";
}

.fa-money-bill-1 {
  --fa: "\f3d1";
}

.fa-money-bill-alt {
  --fa: "\f3d1";
}

.fa-phone-slash {
  --fa: "\f3dd";
}

.fa-plane-engines {
  --fa: "\f3de";
}

.fa-plane-alt {
  --fa: "\f3de";
}

.fa-image-portrait {
  --fa: "\f3e0";
}

.fa-portrait {
  --fa: "\f3e0";
}

.fa-reply {
  --fa: "\f3e5";
}

.fa-mail-reply {
  --fa: "\f3e5";
}

.fa-shield-halved {
  --fa: "\f3ed";
}

.fa-shield-alt {
  --fa: "\f3ed";
}

.fa-square-sliders {
  --fa: "\f3f0";
}

.fa-sliders-h-square {
  --fa: "\f3f0";
}

.fa-sliders-up {
  --fa: "\f3f1";
}

.fa-sliders-v {
  --fa: "\f3f1";
}

.fa-square-sliders-vertical {
  --fa: "\f3f2";
}

.fa-sliders-v-square {
  --fa: "\f3f2";
}

.fa-spinner-third {
  --fa: "\f3f4";
}

.fa-tablet-screen-button {
  --fa: "\f3fa";
}

.fa-tablet-alt {
  --fa: "\f3fa";
}

.fa-tablet {
  --fa: "\f3fb";
}

.fa-tablet-android {
  --fa: "\f3fb";
}

.fa-tablet-screen {
  --fa: "\f3fc";
}

.fa-tablet-android-alt {
  --fa: "\f3fc";
}

.fa-ticket-simple {
  --fa: "\f3ff";
}

.fa-ticket-alt {
  --fa: "\f3ff";
}

.fa-tree-deciduous {
  --fa: "\f400";
}

.fa-tree-alt {
  --fa: "\f400";
}

.fa-tv-retro {
  --fa: "\f401";
}

.fa-window {
  --fa: "\f40e";
}

.fa-window-flip {
  --fa: "\f40f";
}

.fa-window-alt {
  --fa: "\f40f";
}

.fa-rectangle-xmark {
  --fa: "\f410";
}

.fa-rectangle-times {
  --fa: "\f410";
}

.fa-times-rectangle {
  --fa: "\f410";
}

.fa-window-close {
  --fa: "\f410";
}

.fa-down-left-and-up-right-to-center {
  --fa: "\f422";
}

.fa-compress-alt {
  --fa: "\f422";
}

.fa-up-right-and-down-left-from-center {
  --fa: "\f424";
}

.fa-expand-alt {
  --fa: "\f424";
}

.fa-baseball-bat-ball {
  --fa: "\f432";
}

.fa-baseball {
  --fa: "\f433";
}

.fa-baseball-ball {
  --fa: "\f433";
}

.fa-basketball {
  --fa: "\f434";
}

.fa-basketball-ball {
  --fa: "\f434";
}

.fa-basketball-hoop {
  --fa: "\f435";
}

.fa-bowling-ball {
  --fa: "\f436";
}

.fa-bowling-pins {
  --fa: "\f437";
}

.fa-boxing-glove {
  --fa: "\f438";
}

.fa-glove-boxing {
  --fa: "\f438";
}

.fa-chess {
  --fa: "\f439";
}

.fa-chess-bishop {
  --fa: "\f43a";
}

.fa-chess-bishop-piece {
  --fa: "\f43b";
}

.fa-chess-bishop-alt {
  --fa: "\f43b";
}

.fa-chess-board {
  --fa: "\f43c";
}

.fa-chess-clock {
  --fa: "\f43d";
}

.fa-chess-clock-flip {
  --fa: "\f43e";
}

.fa-chess-clock-alt {
  --fa: "\f43e";
}

.fa-chess-king {
  --fa: "\f43f";
}

.fa-chess-king-piece {
  --fa: "\f440";
}

.fa-chess-king-alt {
  --fa: "\f440";
}

.fa-chess-knight {
  --fa: "\f441";
}

.fa-chess-knight-piece {
  --fa: "\f442";
}

.fa-chess-knight-alt {
  --fa: "\f442";
}

.fa-chess-pawn {
  --fa: "\f443";
}

.fa-chess-pawn-piece {
  --fa: "\f444";
}

.fa-chess-pawn-alt {
  --fa: "\f444";
}

.fa-chess-queen {
  --fa: "\f445";
}

.fa-chess-queen-piece {
  --fa: "\f446";
}

.fa-chess-queen-alt {
  --fa: "\f446";
}

.fa-chess-rook {
  --fa: "\f447";
}

.fa-chess-rook-piece {
  --fa: "\f448";
}

.fa-chess-rook-alt {
  --fa: "\f448";
}

.fa-cricket-bat-ball {
  --fa: "\f449";
}

.fa-cricket {
  --fa: "\f449";
}

.fa-curling-stone {
  --fa: "\f44a";
}

.fa-curling {
  --fa: "\f44a";
}

.fa-dumbbell {
  --fa: "\f44b";
}

.fa-field-hockey-stick-ball {
  --fa: "\f44c";
}

.fa-field-hockey {
  --fa: "\f44c";
}

.fa-football {
  --fa: "\f44e";
}

.fa-football-ball {
  --fa: "\f44e";
}

.fa-football-helmet {
  --fa: "\f44f";
}

.fa-golf-ball-tee {
  --fa: "\f450";
}

.fa-golf-ball {
  --fa: "\f450";
}

.fa-golf-club {
  --fa: "\f451";
}

.fa-hockey-puck {
  --fa: "\f453";
}

.fa-hockey-sticks {
  --fa: "\f454";
}

.fa-luchador-mask {
  --fa: "\f455";
}

.fa-luchador {
  --fa: "\f455";
}

.fa-mask-luchador {
  --fa: "\f455";
}

.fa-flag-pennant {
  --fa: "\f456";
}

.fa-pennant {
  --fa: "\f456";
}

.fa-broom-ball {
  --fa: "\f458";
}

.fa-quidditch {
  --fa: "\f458";
}

.fa-quidditch-broom-ball {
  --fa: "\f458";
}

.fa-racquet {
  --fa: "\f45a";
}

.fa-shuttlecock {
  --fa: "\f45b";
}

.fa-square-full {
  --fa: "\f45c";
}

.fa-table-tennis-paddle-ball {
  --fa: "\f45d";
}

.fa-ping-pong-paddle-ball {
  --fa: "\f45d";
}

.fa-table-tennis {
  --fa: "\f45d";
}

.fa-tennis-ball {
  --fa: "\f45e";
}

.fa-volleyball {
  --fa: "\f45f";
}

.fa-volleyball-ball {
  --fa: "\f45f";
}

.fa-whistle {
  --fa: "\f460";
}

.fa-hand-dots {
  --fa: "\f461";
}

.fa-allergies {
  --fa: "\f461";
}

.fa-bandage {
  --fa: "\f462";
}

.fa-band-aid {
  --fa: "\f462";
}

.fa-rectangle-barcode {
  --fa: "\f463";
}

.fa-barcode-alt {
  --fa: "\f463";
}

.fa-barcode-read {
  --fa: "\f464";
}

.fa-barcode-scan {
  --fa: "\f465";
}

.fa-box {
  --fa: "\f466";
}

.fa-box-check {
  --fa: "\f467";
}

.fa-boxes-stacked {
  --fa: "\f468";
}

.fa-boxes {
  --fa: "\f468";
}

.fa-boxes-alt {
  --fa: "\f468";
}

.fa-briefcase-medical {
  --fa: "\f469";
}

.fa-fire-flame-simple {
  --fa: "\f46a";
}

.fa-burn {
  --fa: "\f46a";
}

.fa-capsules {
  --fa: "\f46b";
}

.fa-clipboard-check {
  --fa: "\f46c";
}

.fa-clipboard-list {
  --fa: "\f46d";
}

.fa-conveyor-belt {
  --fa: "\f46e";
}

.fa-conveyor-belt-boxes {
  --fa: "\f46f";
}

.fa-conveyor-belt-alt {
  --fa: "\f46f";
}

.fa-person-dots-from-line {
  --fa: "\f470";
}

.fa-diagnoses {
  --fa: "\f470";
}

.fa-dna {
  --fa: "\f471";
}

.fa-dolly {
  --fa: "\f472";
}

.fa-dolly-box {
  --fa: "\f472";
}

.fa-dolly-empty {
  --fa: "\f473";
}

.fa-cart-flatbed {
  --fa: "\f474";
}

.fa-dolly-flatbed {
  --fa: "\f474";
}

.fa-cart-flatbed-boxes {
  --fa: "\f475";
}

.fa-dolly-flatbed-alt {
  --fa: "\f475";
}

.fa-cart-flatbed-empty {
  --fa: "\f476";
}

.fa-dolly-flatbed-empty {
  --fa: "\f476";
}

.fa-file-medical {
  --fa: "\f477";
}

.fa-file-waveform {
  --fa: "\f478";
}

.fa-file-medical-alt {
  --fa: "\f478";
}

.fa-kit-medical {
  --fa: "\f479";
}

.fa-first-aid {
  --fa: "\f479";
}

.fa-forklift {
  --fa: "\f47a";
}

.fa-hand-holding-box {
  --fa: "\f47b";
}

.fa-hands-holding-diamond {
  --fa: "\f47c";
}

.fa-hand-receiving {
  --fa: "\f47c";
}

.fa-circle-h {
  --fa: "\f47e";
}

.fa-hospital-symbol {
  --fa: "\f47e";
}

.fa-id-card-clip {
  --fa: "\f47f";
}

.fa-id-card-alt {
  --fa: "\f47f";
}

.fa-shelves {
  --fa: "\f480";
}

.fa-inventory {
  --fa: "\f480";
}

.fa-notes-medical {
  --fa: "\f481";
}

.fa-pallet {
  --fa: "\f482";
}

.fa-pallet-boxes {
  --fa: "\f483";
}

.fa-palette-boxes {
  --fa: "\f483";
}

.fa-pallet-alt {
  --fa: "\f483";
}

.fa-pills {
  --fa: "\f484";
}

.fa-prescription-bottle {
  --fa: "\f485";
}

.fa-prescription-bottle-medical {
  --fa: "\f486";
}

.fa-prescription-bottle-alt {
  --fa: "\f486";
}

.fa-bed-pulse {
  --fa: "\f487";
}

.fa-procedures {
  --fa: "\f487";
}

.fa-scanner-gun {
  --fa: "\f488";
}

.fa-scanner {
  --fa: "\f488";
}

.fa-scanner-keyboard {
  --fa: "\f489";
}

.fa-scanner-touchscreen {
  --fa: "\f48a";
}

.fa-truck-fast {
  --fa: "\f48b";
}

.fa-shipping-fast {
  --fa: "\f48b";
}

.fa-truck-clock {
  --fa: "\f48c";
}

.fa-shipping-timed {
  --fa: "\f48c";
}

.fa-smoking {
  --fa: "\f48d";
}

.fa-syringe {
  --fa: "\f48e";
}

.fa-tablet-rugged {
  --fa: "\f48f";
}

.fa-tablets {
  --fa: "\f490";
}

.fa-thermometer {
  --fa: "\f491";
}

.fa-vial {
  --fa: "\f492";
}

.fa-vials {
  --fa: "\f493";
}

.fa-warehouse {
  --fa: "\f494";
}

.fa-warehouse-full {
  --fa: "\f495";
}

.fa-warehouse-alt {
  --fa: "\f495";
}

.fa-weight-scale {
  --fa: "\f496";
}

.fa-weight {
  --fa: "\f496";
}

.fa-x-ray {
  --fa: "\f497";
}

.fa-blanket {
  --fa: "\f498";
}

.fa-book-heart {
  --fa: "\f499";
}

.fa-box-taped {
  --fa: "\f49a";
}

.fa-box-alt {
  --fa: "\f49a";
}

.fa-square-fragile {
  --fa: "\f49b";
}

.fa-box-fragile {
  --fa: "\f49b";
}

.fa-square-wine-glass-crack {
  --fa: "\f49b";
}

.fa-box-open-full {
  --fa: "\f49c";
}

.fa-box-full {
  --fa: "\f49c";
}

.fa-box-heart {
  --fa: "\f49d";
}

.fa-box-open {
  --fa: "\f49e";
}

.fa-square-this-way-up {
  --fa: "\f49f";
}

.fa-box-up {
  --fa: "\f49f";
}

.fa-box-dollar {
  --fa: "\f4a0";
}

.fa-box-usd {
  --fa: "\f4a0";
}

.fa-message-check {
  --fa: "\f4a2";
}

.fa-comment-alt-check {
  --fa: "\f4a2";
}

.fa-message-dots {
  --fa: "\f4a3";
}

.fa-comment-alt-dots {
  --fa: "\f4a3";
}

.fa-messaging {
  --fa: "\f4a3";
}

.fa-message-pen {
  --fa: "\f4a4";
}

.fa-comment-alt-edit {
  --fa: "\f4a4";
}

.fa-message-edit {
  --fa: "\f4a4";
}

.fa-message-exclamation {
  --fa: "\f4a5";
}

.fa-comment-alt-exclamation {
  --fa: "\f4a5";
}

.fa-message-lines {
  --fa: "\f4a6";
}

.fa-comment-alt-lines {
  --fa: "\f4a6";
}

.fa-message-minus {
  --fa: "\f4a7";
}

.fa-comment-alt-minus {
  --fa: "\f4a7";
}

.fa-message-plus {
  --fa: "\f4a8";
}

.fa-comment-alt-plus {
  --fa: "\f4a8";
}

.fa-message-slash {
  --fa: "\f4a9";
}

.fa-comment-alt-slash {
  --fa: "\f4a9";
}

.fa-message-smile {
  --fa: "\f4aa";
}

.fa-comment-alt-smile {
  --fa: "\f4aa";
}

.fa-message-xmark {
  --fa: "\f4ab";
}

.fa-comment-alt-times {
  --fa: "\f4ab";
}

.fa-message-times {
  --fa: "\f4ab";
}

.fa-comment-check {
  --fa: "\f4ac";
}

.fa-comment-dots {
  --fa: "\f4ad";
}

.fa-commenting {
  --fa: "\f4ad";
}

.fa-comment-pen {
  --fa: "\f4ae";
}

.fa-comment-edit {
  --fa: "\f4ae";
}

.fa-comment-exclamation {
  --fa: "\f4af";
}

.fa-comment-lines {
  --fa: "\f4b0";
}

.fa-comment-minus {
  --fa: "\f4b1";
}

.fa-comment-plus {
  --fa: "\f4b2";
}

.fa-comment-slash {
  --fa: "\f4b3";
}

.fa-comment-smile {
  --fa: "\f4b4";
}

.fa-comment-xmark {
  --fa: "\f4b5";
}

.fa-comment-times {
  --fa: "\f4b5";
}

.fa-messages {
  --fa: "\f4b6";
}

.fa-comments-alt {
  --fa: "\f4b6";
}

.fa-container-storage {
  --fa: "\f4b7";
}

.fa-couch {
  --fa: "\f4b8";
}

.fa-circle-dollar-to-slot {
  --fa: "\f4b9";
}

.fa-donate {
  --fa: "\f4b9";
}

.fa-dove {
  --fa: "\f4ba";
}

.fa-wine-glass-crack {
  --fa: "\f4bb";
}

.fa-fragile {
  --fa: "\f4bb";
}

.fa-hand-heart {
  --fa: "\f4bc";
}

.fa-hand-holding {
  --fa: "\f4bd";
}

.fa-hand-holding-heart {
  --fa: "\f4be";
}

.fa-hand-holding-seedling {
  --fa: "\f4bf";
}

.fa-hand-holding-dollar {
  --fa: "\f4c0";
}

.fa-hand-holding-usd {
  --fa: "\f4c0";
}

.fa-hand-holding-droplet {
  --fa: "\f4c1";
}

.fa-hand-holding-water {
  --fa: "\f4c1";
}

.fa-hands-holding {
  --fa: "\f4c2";
}

.fa-hands-holding-heart {
  --fa: "\f4c3";
}

.fa-hands-heart {
  --fa: "\f4c3";
}

.fa-handshake-angle {
  --fa: "\f4c4";
}

.fa-hands-helping {
  --fa: "\f4c4";
}

.fa-hands-holding-dollar {
  --fa: "\f4c5";
}

.fa-hands-usd {
  --fa: "\f4c5";
}

.fa-circle-heart {
  --fa: "\f4c7";
}

.fa-heart-circle {
  --fa: "\f4c7";
}

.fa-square-heart {
  --fa: "\f4c8";
}

.fa-heart-square {
  --fa: "\f4c8";
}

.fa-house-heart {
  --fa: "\f4c9";
}

.fa-home-heart {
  --fa: "\f4c9";
}

.fa-lamp {
  --fa: "\f4ca";
}

.fa-leaf-heart {
  --fa: "\f4cb";
}

.fa-loveseat {
  --fa: "\f4cc";
}

.fa-couch-small {
  --fa: "\f4cc";
}

.fa-parachute-box {
  --fa: "\f4cd";
}

.fa-people-carry-box {
  --fa: "\f4ce";
}

.fa-people-carry {
  --fa: "\f4ce";
}

.fa-person-carry-box {
  --fa: "\f4cf";
}

.fa-person-carry {
  --fa: "\f4cf";
}

.fa-person-dolly {
  --fa: "\f4d0";
}

.fa-person-dolly-empty {
  --fa: "\f4d1";
}

.fa-phone-plus {
  --fa: "\f4d2";
}

.fa-piggy-bank {
  --fa: "\f4d3";
}

.fa-ramp-loading {
  --fa: "\f4d4";
}

.fa-ribbon {
  --fa: "\f4d6";
}

.fa-route {
  --fa: "\f4d7";
}

.fa-seedling {
  --fa: "\f4d8";
}

.fa-sprout {
  --fa: "\f4d8";
}

.fa-sign-hanging {
  --fa: "\f4d9";
}

.fa-sign {
  --fa: "\f4d9";
}

.fa-face-smile-wink {
  --fa: "\f4da";
}

.fa-smile-wink {
  --fa: "\f4da";
}

.fa-tape {
  --fa: "\f4db";
}

.fa-truck-container {
  --fa: "\f4dc";
}

.fa-truck-ramp-couch {
  --fa: "\f4dd";
}

.fa-truck-couch {
  --fa: "\f4dd";
}

.fa-truck-ramp-box {
  --fa: "\f4de";
}

.fa-truck-loading {
  --fa: "\f4de";
}

.fa-truck-moving {
  --fa: "\f4df";
}

.fa-truck-ramp {
  --fa: "\f4e0";
}

.fa-video-plus {
  --fa: "\f4e1";
}

.fa-video-slash {
  --fa: "\f4e2";
}

.fa-wine-glass {
  --fa: "\f4e3";
}

.fa-user-astronaut {
  --fa: "\f4fb";
}

.fa-user-check {
  --fa: "\f4fc";
}

.fa-user-clock {
  --fa: "\f4fd";
}

.fa-user-gear {
  --fa: "\f4fe";
}

.fa-user-cog {
  --fa: "\f4fe";
}

.fa-user-pen {
  --fa: "\f4ff";
}

.fa-user-edit {
  --fa: "\f4ff";
}

.fa-user-group {
  --fa: "\f500";
}

.fa-user-friends {
  --fa: "\f500";
}

.fa-user-graduate {
  --fa: "\f501";
}

.fa-user-lock {
  --fa: "\f502";
}

.fa-user-minus {
  --fa: "\f503";
}

.fa-user-ninja {
  --fa: "\f504";
}

.fa-user-shield {
  --fa: "\f505";
}

.fa-user-slash {
  --fa: "\f506";
}

.fa-user-alt-slash {
  --fa: "\f506";
}

.fa-user-large-slash {
  --fa: "\f506";
}

.fa-user-tag {
  --fa: "\f507";
}

.fa-user-tie {
  --fa: "\f508";
}

.fa-users-gear {
  --fa: "\f509";
}

.fa-users-cog {
  --fa: "\f509";
}

.fa-scale-unbalanced {
  --fa: "\f515";
}

.fa-balance-scale-left {
  --fa: "\f515";
}

.fa-scale-unbalanced-flip {
  --fa: "\f516";
}

.fa-balance-scale-right {
  --fa: "\f516";
}

.fa-blender {
  --fa: "\f517";
}

.fa-book-open {
  --fa: "\f518";
}

.fa-tower-broadcast {
  --fa: "\f519";
}

.fa-broadcast-tower {
  --fa: "\f519";
}

.fa-broom {
  --fa: "\f51a";
}

.fa-chalkboard {
  --fa: "\f51b";
}

.fa-blackboard {
  --fa: "\f51b";
}

.fa-chalkboard-user {
  --fa: "\f51c";
}

.fa-chalkboard-teacher {
  --fa: "\f51c";
}

.fa-church {
  --fa: "\f51d";
}

.fa-coins {
  --fa: "\f51e";
}

.fa-compact-disc {
  --fa: "\f51f";
}

.fa-crow {
  --fa: "\f520";
}

.fa-crown {
  --fa: "\f521";
}

.fa-dice {
  --fa: "\f522";
}

.fa-dice-five {
  --fa: "\f523";
}

.fa-dice-four {
  --fa: "\f524";
}

.fa-dice-one {
  --fa: "\f525";
}

.fa-dice-six {
  --fa: "\f526";
}

.fa-dice-three {
  --fa: "\f527";
}

.fa-dice-two {
  --fa: "\f528";
}

.fa-divide {
  --fa: "\f529";
}

.fa-door-closed {
  --fa: "\f52a";
}

.fa-door-open {
  --fa: "\f52b";
}

.fa-feather {
  --fa: "\f52d";
}

.fa-frog {
  --fa: "\f52e";
}

.fa-gas-pump {
  --fa: "\f52f";
}

.fa-glasses {
  --fa: "\f530";
}

.fa-greater-than-equal {
  --fa: "\f532";
}

.fa-helicopter {
  --fa: "\f533";
}

.fa-infinity {
  --fa: "\f534";
}

.fa-kiwi-bird {
  --fa: "\f535";
}

.fa-less-than-equal {
  --fa: "\f537";
}

.fa-memory {
  --fa: "\f538";
}

.fa-microphone-lines-slash {
  --fa: "\f539";
}

.fa-microphone-alt-slash {
  --fa: "\f539";
}

.fa-money-bill-wave {
  --fa: "\f53a";
}

.fa-money-bill-1-wave {
  --fa: "\f53b";
}

.fa-money-bill-wave-alt {
  --fa: "\f53b";
}

.fa-money-check {
  --fa: "\f53c";
}

.fa-money-check-dollar {
  --fa: "\f53d";
}

.fa-money-check-alt {
  --fa: "\f53d";
}

.fa-not-equal {
  --fa: "\f53e";
}

.fa-palette {
  --fa: "\f53f";
}

.fa-square-parking {
  --fa: "\f540";
}

.fa-parking {
  --fa: "\f540";
}

.fa-diagram-project {
  --fa: "\f542";
}

.fa-project-diagram {
  --fa: "\f542";
}

.fa-receipt {
  --fa: "\f543";
}

.fa-robot {
  --fa: "\f544";
}

.fa-ruler {
  --fa: "\f545";
}

.fa-ruler-combined {
  --fa: "\f546";
}

.fa-ruler-horizontal {
  --fa: "\f547";
}

.fa-ruler-vertical {
  --fa: "\f548";
}

.fa-school {
  --fa: "\f549";
}

.fa-screwdriver {
  --fa: "\f54a";
}

.fa-shoe-prints {
  --fa: "\f54b";
}

.fa-skull {
  --fa: "\f54c";
}

.fa-ban-smoking {
  --fa: "\f54d";
}

.fa-smoking-ban {
  --fa: "\f54d";
}

.fa-store {
  --fa: "\f54e";
}

.fa-shop {
  --fa: "\f54f";
}

.fa-store-alt {
  --fa: "\f54f";
}

.fa-bars-staggered {
  --fa: "\f550";
}

.fa-reorder {
  --fa: "\f550";
}

.fa-stream {
  --fa: "\f550";
}

.fa-stroopwafel {
  --fa: "\f551";
}

.fa-toolbox {
  --fa: "\f552";
}

.fa-shirt {
  --fa: "\f553";
}

.fa-t-shirt {
  --fa: "\f553";
}

.fa-tshirt {
  --fa: "\f553";
}

.fa-person-walking {
  --fa: "\f554";
}

.fa-walking {
  --fa: "\f554";
}

.fa-wallet {
  --fa: "\f555";
}

.fa-face-angry {
  --fa: "\f556";
}

.fa-angry {
  --fa: "\f556";
}

.fa-archway {
  --fa: "\f557";
}

.fa-book-atlas {
  --fa: "\f558";
}

.fa-atlas {
  --fa: "\f558";
}

.fa-award {
  --fa: "\f559";
}

.fa-delete-left {
  --fa: "\f55a";
}

.fa-backspace {
  --fa: "\f55a";
}

.fa-bezier-curve {
  --fa: "\f55b";
}

.fa-bong {
  --fa: "\f55c";
}

.fa-brush {
  --fa: "\f55d";
}

.fa-bus-simple {
  --fa: "\f55e";
}

.fa-bus-alt {
  --fa: "\f55e";
}

.fa-cannabis {
  --fa: "\f55f";
}

.fa-check-double {
  --fa: "\f560";
}

.fa-martini-glass-citrus {
  --fa: "\f561";
}

.fa-cocktail {
  --fa: "\f561";
}

.fa-bell-concierge {
  --fa: "\f562";
}

.fa-concierge-bell {
  --fa: "\f562";
}

.fa-cookie {
  --fa: "\f563";
}

.fa-cookie-bite {
  --fa: "\f564";
}

.fa-crop-simple {
  --fa: "\f565";
}

.fa-crop-alt {
  --fa: "\f565";
}

.fa-tachograph-digital {
  --fa: "\f566";
}

.fa-digital-tachograph {
  --fa: "\f566";
}

.fa-face-dizzy {
  --fa: "\f567";
}

.fa-dizzy {
  --fa: "\f567";
}

.fa-compass-drafting {
  --fa: "\f568";
}

.fa-drafting-compass {
  --fa: "\f568";
}

.fa-drum {
  --fa: "\f569";
}

.fa-drum-steelpan {
  --fa: "\f56a";
}

.fa-feather-pointed {
  --fa: "\f56b";
}

.fa-feather-alt {
  --fa: "\f56b";
}

.fa-file-contract {
  --fa: "\f56c";
}

.fa-file-arrow-down {
  --fa: "\f56d";
}

.fa-file-download {
  --fa: "\f56d";
}

.fa-file-export {
  --fa: "\f56e";
}

.fa-arrow-right-from-file {
  --fa: "\f56e";
}

.fa-file-import {
  --fa: "\f56f";
}

.fa-arrow-right-to-file {
  --fa: "\f56f";
}

.fa-file-invoice {
  --fa: "\f570";
}

.fa-file-invoice-dollar {
  --fa: "\f571";
}

.fa-file-prescription {
  --fa: "\f572";
}

.fa-file-signature {
  --fa: "\f573";
}

.fa-file-arrow-up {
  --fa: "\f574";
}

.fa-file-upload {
  --fa: "\f574";
}

.fa-fill {
  --fa: "\f575";
}

.fa-fill-drip {
  --fa: "\f576";
}

.fa-fingerprint {
  --fa: "\f577";
}

.fa-fish {
  --fa: "\f578";
}

.fa-face-flushed {
  --fa: "\f579";
}

.fa-flushed {
  --fa: "\f579";
}

.fa-face-frown-open {
  --fa: "\f57a";
}

.fa-frown-open {
  --fa: "\f57a";
}

.fa-martini-glass {
  --fa: "\f57b";
}

.fa-glass-martini-alt {
  --fa: "\f57b";
}

.fa-earth-africa {
  --fa: "\f57c";
}

.fa-globe-africa {
  --fa: "\f57c";
}

.fa-earth-americas {
  --fa: "\f57d";
}

.fa-earth {
  --fa: "\f57d";
}

.fa-earth-america {
  --fa: "\f57d";
}

.fa-globe-americas {
  --fa: "\f57d";
}

.fa-earth-asia {
  --fa: "\f57e";
}

.fa-globe-asia {
  --fa: "\f57e";
}

.fa-face-grimace {
  --fa: "\f57f";
}

.fa-grimace {
  --fa: "\f57f";
}

.fa-face-grin {
  --fa: "\f580";
}

.fa-grin {
  --fa: "\f580";
}

.fa-face-grin-wide {
  --fa: "\f581";
}

.fa-grin-alt {
  --fa: "\f581";
}

.fa-face-grin-beam {
  --fa: "\f582";
}

.fa-grin-beam {
  --fa: "\f582";
}

.fa-face-grin-beam-sweat {
  --fa: "\f583";
}

.fa-grin-beam-sweat {
  --fa: "\f583";
}

.fa-face-grin-hearts {
  --fa: "\f584";
}

.fa-grin-hearts {
  --fa: "\f584";
}

.fa-face-grin-squint {
  --fa: "\f585";
}

.fa-grin-squint {
  --fa: "\f585";
}

.fa-face-grin-squint-tears {
  --fa: "\f586";
}

.fa-grin-squint-tears {
  --fa: "\f586";
}

.fa-face-grin-stars {
  --fa: "\f587";
}

.fa-grin-stars {
  --fa: "\f587";
}

.fa-face-grin-tears {
  --fa: "\f588";
}

.fa-grin-tears {
  --fa: "\f588";
}

.fa-face-grin-tongue {
  --fa: "\f589";
}

.fa-grin-tongue {
  --fa: "\f589";
}

.fa-face-grin-tongue-squint {
  --fa: "\f58a";
}

.fa-grin-tongue-squint {
  --fa: "\f58a";
}

.fa-face-grin-tongue-wink {
  --fa: "\f58b";
}

.fa-grin-tongue-wink {
  --fa: "\f58b";
}

.fa-face-grin-wink {
  --fa: "\f58c";
}

.fa-grin-wink {
  --fa: "\f58c";
}

.fa-grip {
  --fa: "\f58d";
}

.fa-grid-horizontal {
  --fa: "\f58d";
}

.fa-grip-horizontal {
  --fa: "\f58d";
}

.fa-grip-vertical {
  --fa: "\f58e";
}

.fa-grid-vertical {
  --fa: "\f58e";
}

.fa-headset {
  --fa: "\f590";
}

.fa-highlighter {
  --fa: "\f591";
}

.fa-hot-tub-person {
  --fa: "\f593";
}

.fa-hot-tub {
  --fa: "\f593";
}

.fa-hotel {
  --fa: "\f594";
}

.fa-joint {
  --fa: "\f595";
}

.fa-face-kiss {
  --fa: "\f596";
}

.fa-kiss {
  --fa: "\f596";
}

.fa-face-kiss-beam {
  --fa: "\f597";
}

.fa-kiss-beam {
  --fa: "\f597";
}

.fa-face-kiss-wink-heart {
  --fa: "\f598";
}

.fa-kiss-wink-heart {
  --fa: "\f598";
}

.fa-face-laugh {
  --fa: "\f599";
}

.fa-laugh {
  --fa: "\f599";
}

.fa-face-laugh-beam {
  --fa: "\f59a";
}

.fa-laugh-beam {
  --fa: "\f59a";
}

.fa-face-laugh-squint {
  --fa: "\f59b";
}

.fa-laugh-squint {
  --fa: "\f59b";
}

.fa-face-laugh-wink {
  --fa: "\f59c";
}

.fa-laugh-wink {
  --fa: "\f59c";
}

.fa-cart-flatbed-suitcase {
  --fa: "\f59d";
}

.fa-luggage-cart {
  --fa: "\f59d";
}

.fa-map-location {
  --fa: "\f59f";
}

.fa-map-marked {
  --fa: "\f59f";
}

.fa-map-location-dot {
  --fa: "\f5a0";
}

.fa-map-marked-alt {
  --fa: "\f5a0";
}

.fa-marker {
  --fa: "\f5a1";
}

.fa-medal {
  --fa: "\f5a2";
}

.fa-face-meh-blank {
  --fa: "\f5a4";
}

.fa-meh-blank {
  --fa: "\f5a4";
}

.fa-face-rolling-eyes {
  --fa: "\f5a5";
}

.fa-meh-rolling-eyes {
  --fa: "\f5a5";
}

.fa-monument {
  --fa: "\f5a6";
}

.fa-mortar-pestle {
  --fa: "\f5a7";
}

.fa-paintbrush-fine {
  --fa: "\f5a9";
}

.fa-paint-brush-alt {
  --fa: "\f5a9";
}

.fa-paint-brush-fine {
  --fa: "\f5a9";
}

.fa-paintbrush-alt {
  --fa: "\f5a9";
}

.fa-paint-roller {
  --fa: "\f5aa";
}

.fa-passport {
  --fa: "\f5ab";
}

.fa-pen-fancy {
  --fa: "\f5ac";
}

.fa-pen-nib {
  --fa: "\f5ad";
}

.fa-pen-ruler {
  --fa: "\f5ae";
}

.fa-pencil-ruler {
  --fa: "\f5ae";
}

.fa-plane-arrival {
  --fa: "\f5af";
}

.fa-plane-departure {
  --fa: "\f5b0";
}

.fa-prescription {
  --fa: "\f5b1";
}

.fa-face-sad-cry {
  --fa: "\f5b3";
}

.fa-sad-cry {
  --fa: "\f5b3";
}

.fa-face-sad-tear {
  --fa: "\f5b4";
}

.fa-sad-tear {
  --fa: "\f5b4";
}

.fa-van-shuttle {
  --fa: "\f5b6";
}

.fa-shuttle-van {
  --fa: "\f5b6";
}

.fa-signature {
  --fa: "\f5b7";
}

.fa-face-smile-beam {
  --fa: "\f5b8";
}

.fa-smile-beam {
  --fa: "\f5b8";
}

.fa-face-smile-plus {
  --fa: "\f5b9";
}

.fa-smile-plus {
  --fa: "\f5b9";
}

.fa-solar-panel {
  --fa: "\f5ba";
}

.fa-spa {
  --fa: "\f5bb";
}

.fa-splotch {
  --fa: "\f5bc";
}

.fa-spray-can {
  --fa: "\f5bd";
}

.fa-stamp {
  --fa: "\f5bf";
}

.fa-star-half-stroke {
  --fa: "\f5c0";
}

.fa-star-half-alt {
  --fa: "\f5c0";
}

.fa-suitcase-rolling {
  --fa: "\f5c1";
}

.fa-face-surprise {
  --fa: "\f5c2";
}

.fa-surprise {
  --fa: "\f5c2";
}

.fa-swatchbook {
  --fa: "\f5c3";
}

.fa-person-swimming {
  --fa: "\f5c4";
}

.fa-swimmer {
  --fa: "\f5c4";
}

.fa-water-ladder {
  --fa: "\f5c5";
}

.fa-ladder-water {
  --fa: "\f5c5";
}

.fa-swimming-pool {
  --fa: "\f5c5";
}

.fa-droplet-slash {
  --fa: "\f5c7";
}

.fa-tint-slash {
  --fa: "\f5c7";
}

.fa-face-tired {
  --fa: "\f5c8";
}

.fa-tired {
  --fa: "\f5c8";
}

.fa-tooth {
  --fa: "\f5c9";
}

.fa-umbrella-beach {
  --fa: "\f5ca";
}

.fa-weight-hanging {
  --fa: "\f5cd";
}

.fa-wine-glass-empty {
  --fa: "\f5ce";
}

.fa-wine-glass-alt {
  --fa: "\f5ce";
}

.fa-spray-can-sparkles {
  --fa: "\f5d0";
}

.fa-air-freshener {
  --fa: "\f5d0";
}

.fa-apple-whole {
  --fa: "\f5d1";
}

.fa-apple-alt {
  --fa: "\f5d1";
}

.fa-atom {
  --fa: "\f5d2";
}

.fa-atom-simple {
  --fa: "\f5d3";
}

.fa-atom-alt {
  --fa: "\f5d3";
}

.fa-backpack {
  --fa: "\f5d4";
}

.fa-bell-school {
  --fa: "\f5d5";
}

.fa-bell-school-slash {
  --fa: "\f5d6";
}

.fa-bone {
  --fa: "\f5d7";
}

.fa-bone-break {
  --fa: "\f5d8";
}

.fa-book-blank {
  --fa: "\f5d9";
}

.fa-book-alt {
  --fa: "\f5d9";
}

.fa-book-open-reader {
  --fa: "\f5da";
}

.fa-book-reader {
  --fa: "\f5da";
}

.fa-books {
  --fa: "\f5db";
}

.fa-brain {
  --fa: "\f5dc";
}

.fa-bus-school {
  --fa: "\f5dd";
}

.fa-car-rear {
  --fa: "\f5de";
}

.fa-car-alt {
  --fa: "\f5de";
}

.fa-car-battery {
  --fa: "\f5df";
}

.fa-battery-car {
  --fa: "\f5df";
}

.fa-car-bump {
  --fa: "\f5e0";
}

.fa-car-burst {
  --fa: "\f5e1";
}

.fa-car-crash {
  --fa: "\f5e1";
}

.fa-car-garage {
  --fa: "\f5e2";
}

.fa-car-wrench {
  --fa: "\f5e3";
}

.fa-car-mechanic {
  --fa: "\f5e3";
}

.fa-car-side {
  --fa: "\f5e4";
}

.fa-car-tilt {
  --fa: "\f5e5";
}

.fa-car-wash {
  --fa: "\f5e6";
}

.fa-charging-station {
  --fa: "\f5e7";
}

.fa-clipboard-prescription {
  --fa: "\f5e8";
}

.fa-compass-slash {
  --fa: "\f5e9";
}

.fa-diploma {
  --fa: "\f5ea";
}

.fa-scroll-ribbon {
  --fa: "\f5ea";
}

.fa-diamond-turn-right {
  --fa: "\f5eb";
}

.fa-directions {
  --fa: "\f5eb";
}

.fa-do-not-enter {
  --fa: "\f5ec";
}

.fa-draw-circle {
  --fa: "\f5ed";
}

.fa-vector-circle {
  --fa: "\f5ed";
}

.fa-draw-polygon {
  --fa: "\f5ee";
}

.fa-vector-polygon {
  --fa: "\f5ee";
}

.fa-draw-square {
  --fa: "\f5ef";
}

.fa-vector-square {
  --fa: "\f5ef";
}

.fa-ear {
  --fa: "\f5f0";
}

.fa-engine-warning {
  --fa: "\f5f2";
}

.fa-engine-exclamation {
  --fa: "\f5f2";
}

.fa-file-certificate {
  --fa: "\f5f3";
}

.fa-file-award {
  --fa: "\f5f3";
}

.fa-gas-pump-slash {
  --fa: "\f5f4";
}

.fa-glasses-round {
  --fa: "\f5f5";
}

.fa-glasses-alt {
  --fa: "\f5f5";
}

.fa-globe-stand {
  --fa: "\f5f6";
}

.fa-wave-pulse {
  --fa: "\f5f8";
}

.fa-heart-rate {
  --fa: "\f5f8";
}

.fa-inhaler {
  --fa: "\f5f9";
}

.fa-kidneys {
  --fa: "\f5fb";
}

.fa-laptop-code {
  --fa: "\f5fc";
}

.fa-layer-group {
  --fa: "\f5fd";
}

.fa-layer-minus {
  --fa: "\f5fe";
}

.fa-layer-group-minus {
  --fa: "\f5fe";
}

.fa-layer-plus {
  --fa: "\f5ff";
}

.fa-layer-group-plus {
  --fa: "\f5ff";
}

.fa-lips {
  --fa: "\f600";
}

.fa-location-crosshairs {
  --fa: "\f601";
}

.fa-location {
  --fa: "\f601";
}

.fa-circle-location-arrow {
  --fa: "\f602";
}

.fa-location-circle {
  --fa: "\f602";
}

.fa-location-crosshairs-slash {
  --fa: "\f603";
}

.fa-location-slash {
  --fa: "\f603";
}

.fa-lungs {
  --fa: "\f604";
}

.fa-location-dot-slash {
  --fa: "\f605";
}

.fa-map-marker-alt-slash {
  --fa: "\f605";
}

.fa-location-check {
  --fa: "\f606";
}

.fa-map-marker-check {
  --fa: "\f606";
}

.fa-location-pen {
  --fa: "\f607";
}

.fa-map-marker-edit {
  --fa: "\f607";
}

.fa-location-exclamation {
  --fa: "\f608";
}

.fa-map-marker-exclamation {
  --fa: "\f608";
}

.fa-location-minus {
  --fa: "\f609";
}

.fa-map-marker-minus {
  --fa: "\f609";
}

.fa-location-plus {
  --fa: "\f60a";
}

.fa-map-marker-plus {
  --fa: "\f60a";
}

.fa-location-question {
  --fa: "\f60b";
}

.fa-map-marker-question {
  --fa: "\f60b";
}

.fa-location-pin-slash {
  --fa: "\f60c";
}

.fa-map-marker-slash {
  --fa: "\f60c";
}

.fa-location-smile {
  --fa: "\f60d";
}

.fa-map-marker-smile {
  --fa: "\f60d";
}

.fa-location-xmark {
  --fa: "\f60e";
}

.fa-map-marker-times {
  --fa: "\f60e";
}

.fa-map-marker-xmark {
  --fa: "\f60e";
}

.fa-microscope {
  --fa: "\f610";
}

.fa-monitor-waveform {
  --fa: "\f611";
}

.fa-monitor-heart-rate {
  --fa: "\f611";
}

.fa-oil-can {
  --fa: "\f613";
}

.fa-oil-temperature {
  --fa: "\f614";
}

.fa-oil-temp {
  --fa: "\f614";
}

.fa-circle-parking {
  --fa: "\f615";
}

.fa-parking-circle {
  --fa: "\f615";
}

.fa-ban-parking {
  --fa: "\f616";
}

.fa-parking-circle-slash {
  --fa: "\f616";
}

.fa-square-parking-slash {
  --fa: "\f617";
}

.fa-parking-slash {
  --fa: "\f617";
}

.fa-pen-paintbrush {
  --fa: "\f618";
}

.fa-pencil-paintbrush {
  --fa: "\f618";
}

.fa-poop {
  --fa: "\f619";
}

.fa-route-highway {
  --fa: "\f61a";
}

.fa-route-interstate {
  --fa: "\f61b";
}

.fa-ruler-triangle {
  --fa: "\f61c";
}

.fa-scalpel {
  --fa: "\f61d";
}

.fa-scalpel-line-dashed {
  --fa: "\f61e";
}

.fa-scalpel-path {
  --fa: "\f61e";
}

.fa-shapes {
  --fa: "\f61f";
}

.fa-triangle-circle-square {
  --fa: "\f61f";
}

.fa-skeleton {
  --fa: "\f620";
}

.fa-star-of-life {
  --fa: "\f621";
}

.fa-steering-wheel {
  --fa: "\f622";
}

.fa-stomach {
  --fa: "\f623";
}

.fa-gauge {
  --fa: "\f624";
}

.fa-dashboard {
  --fa: "\f624";
}

.fa-gauge-med {
  --fa: "\f624";
}

.fa-tachometer-alt-average {
  --fa: "\f624";
}

.fa-gauge-high {
  --fa: "\f625";
}

.fa-tachometer-alt {
  --fa: "\f625";
}

.fa-tachometer-alt-fast {
  --fa: "\f625";
}

.fa-gauge-max {
  --fa: "\f626";
}

.fa-tachometer-alt-fastest {
  --fa: "\f626";
}

.fa-gauge-low {
  --fa: "\f627";
}

.fa-tachometer-alt-slow {
  --fa: "\f627";
}

.fa-gauge-min {
  --fa: "\f628";
}

.fa-tachometer-alt-slowest {
  --fa: "\f628";
}

.fa-gauge-simple {
  --fa: "\f629";
}

.fa-gauge-simple-med {
  --fa: "\f629";
}

.fa-tachometer-average {
  --fa: "\f629";
}

.fa-gauge-simple-high {
  --fa: "\f62a";
}

.fa-tachometer {
  --fa: "\f62a";
}

.fa-tachometer-fast {
  --fa: "\f62a";
}

.fa-gauge-simple-max {
  --fa: "\f62b";
}

.fa-tachometer-fastest {
  --fa: "\f62b";
}

.fa-gauge-simple-low {
  --fa: "\f62c";
}

.fa-tachometer-slow {
  --fa: "\f62c";
}

.fa-gauge-simple-min {
  --fa: "\f62d";
}

.fa-tachometer-slowest {
  --fa: "\f62d";
}

.fa-teeth {
  --fa: "\f62e";
}

.fa-teeth-open {
  --fa: "\f62f";
}

.fa-masks-theater {
  --fa: "\f630";
}

.fa-theater-masks {
  --fa: "\f630";
}

.fa-tire {
  --fa: "\f631";
}

.fa-tire-flat {
  --fa: "\f632";
}

.fa-tire-pressure-warning {
  --fa: "\f633";
}

.fa-tire-rugged {
  --fa: "\f634";
}

.fa-toothbrush {
  --fa: "\f635";
}

.fa-traffic-cone {
  --fa: "\f636";
}

.fa-traffic-light {
  --fa: "\f637";
}

.fa-traffic-light-go {
  --fa: "\f638";
}

.fa-traffic-light-slow {
  --fa: "\f639";
}

.fa-traffic-light-stop {
  --fa: "\f63a";
}

.fa-truck-monster {
  --fa: "\f63b";
}

.fa-truck-pickup {
  --fa: "\f63c";
}

.fa-screen-users {
  --fa: "\f63d";
}

.fa-users-class {
  --fa: "\f63d";
}

.fa-watch-fitness {
  --fa: "\f63e";
}

.fa-abacus {
  --fa: "\f640";
}

.fa-rectangle-ad {
  --fa: "\f641";
}

.fa-ad {
  --fa: "\f641";
}

.fa-chart-mixed {
  --fa: "\f643";
}

.fa-analytics {
  --fa: "\f643";
}

.fa-ankh {
  --fa: "\f644";
}

.fa-badge-dollar {
  --fa: "\f645";
}

.fa-badge-percent {
  --fa: "\f646";
}

.fa-book-bible {
  --fa: "\f647";
}

.fa-bible {
  --fa: "\f647";
}

.fa-bullseye-arrow {
  --fa: "\f648";
}

.fa-bullseye-pointer {
  --fa: "\f649";
}

.fa-business-time {
  --fa: "\f64a";
}

.fa-briefcase-clock {
  --fa: "\f64a";
}

.fa-cabinet-filing {
  --fa: "\f64b";
}

.fa-calculator-simple {
  --fa: "\f64c";
}

.fa-calculator-alt {
  --fa: "\f64c";
}

.fa-chart-line-down {
  --fa: "\f64d";
}

.fa-chart-pie-simple {
  --fa: "\f64e";
}

.fa-chart-pie-alt {
  --fa: "\f64e";
}

.fa-city {
  --fa: "\f64f";
}

.fa-message-dollar {
  --fa: "\f650";
}

.fa-comment-alt-dollar {
  --fa: "\f650";
}

.fa-comment-dollar {
  --fa: "\f651";
}

.fa-messages-dollar {
  --fa: "\f652";
}

.fa-comments-alt-dollar {
  --fa: "\f652";
}

.fa-comments-dollar {
  --fa: "\f653";
}

.fa-cross {
  --fa: "\f654";
}

.fa-dharmachakra {
  --fa: "\f655";
}

.fa-empty-set {
  --fa: "\f656";
}

.fa-envelope-open-dollar {
  --fa: "\f657";
}

.fa-envelope-open-text {
  --fa: "\f658";
}

.fa-file-chart-column {
  --fa: "\f659";
}

.fa-file-chart-line {
  --fa: "\f659";
}

.fa-file-chart-pie {
  --fa: "\f65a";
}

.fa-file-spreadsheet {
  --fa: "\f65b";
}

.fa-file-user {
  --fa: "\f65c";
}

.fa-folder-minus {
  --fa: "\f65d";
}

.fa-folder-plus {
  --fa: "\f65e";
}

.fa-folder-xmark {
  --fa: "\f65f";
}

.fa-folder-times {
  --fa: "\f65f";
}

.fa-folders {
  --fa: "\f660";
}

.fa-function {
  --fa: "\f661";
}

.fa-filter-circle-dollar {
  --fa: "\f662";
}

.fa-funnel-dollar {
  --fa: "\f662";
}

.fa-gift-card {
  --fa: "\f663";
}

.fa-gopuram {
  --fa: "\f664";
}

.fa-hamsa {
  --fa: "\f665";
}

.fa-bahai {
  --fa: "\f666";
}

.fa-haykal {
  --fa: "\f666";
}

.fa-integral {
  --fa: "\f667";
}

.fa-intersection {
  --fa: "\f668";
}

.fa-jedi {
  --fa: "\f669";
}

.fa-book-journal-whills {
  --fa: "\f66a";
}

.fa-journal-whills {
  --fa: "\f66a";
}

.fa-kaaba {
  --fa: "\f66b";
}

.fa-keynote {
  --fa: "\f66c";
}

.fa-khanda {
  --fa: "\f66d";
}

.fa-lambda {
  --fa: "\f66e";
}

.fa-landmark {
  --fa: "\f66f";
}

.fa-lightbulb-dollar {
  --fa: "\f670";
}

.fa-lightbulb-exclamation {
  --fa: "\f671";
}

.fa-lightbulb-on {
  --fa: "\f672";
}

.fa-lightbulb-slash {
  --fa: "\f673";
}

.fa-envelopes-bulk {
  --fa: "\f674";
}

.fa-mail-bulk {
  --fa: "\f674";
}

.fa-megaphone {
  --fa: "\f675";
}

.fa-menorah {
  --fa: "\f676";
}

.fa-brain-arrow-curved-right {
  --fa: "\f677";
}

.fa-mind-share {
  --fa: "\f677";
}

.fa-mosque {
  --fa: "\f678";
}

.fa-om {
  --fa: "\f679";
}

.fa-omega {
  --fa: "\f67a";
}

.fa-spaghetti-monster-flying {
  --fa: "\f67b";
}

.fa-pastafarianism {
  --fa: "\f67b";
}

.fa-peace {
  --fa: "\f67c";
}

.fa-phone-office {
  --fa: "\f67d";
}

.fa-pi {
  --fa: "\f67e";
}

.fa-place-of-worship {
  --fa: "\f67f";
}

.fa-podium {
  --fa: "\f680";
}

.fa-square-poll-vertical {
  --fa: "\f681";
}

.fa-poll {
  --fa: "\f681";
}

.fa-square-poll-horizontal {
  --fa: "\f682";
}

.fa-poll-h {
  --fa: "\f682";
}

.fa-person-praying {
  --fa: "\f683";
}

.fa-pray {
  --fa: "\f683";
}

.fa-hands-praying {
  --fa: "\f684";
}

.fa-praying-hands {
  --fa: "\f684";
}

.fa-presentation-screen {
  --fa: "\f685";
}

.fa-presentation {
  --fa: "\f685";
}

.fa-print-slash {
  --fa: "\f686";
}

.fa-book-quran {
  --fa: "\f687";
}

.fa-quran {
  --fa: "\f687";
}

.fa-magnifying-glass-dollar {
  --fa: "\f688";
}

.fa-search-dollar {
  --fa: "\f688";
}

.fa-magnifying-glass-location {
  --fa: "\f689";
}

.fa-search-location {
  --fa: "\f689";
}

.fa-shredder {
  --fa: "\f68a";
}

.fa-sigma {
  --fa: "\f68b";
}

.fa-signal-weak {
  --fa: "\f68c";
}

.fa-signal-1 {
  --fa: "\f68c";
}

.fa-signal-fair {
  --fa: "\f68d";
}

.fa-signal-2 {
  --fa: "\f68d";
}

.fa-signal-good {
  --fa: "\f68e";
}

.fa-signal-3 {
  --fa: "\f68e";
}

.fa-signal-strong {
  --fa: "\f68f";
}

.fa-signal-4 {
  --fa: "\f68f";
}

.fa-signal-bars {
  --fa: "\f690";
}

.fa-signal-alt {
  --fa: "\f690";
}

.fa-signal-alt-4 {
  --fa: "\f690";
}

.fa-signal-bars-strong {
  --fa: "\f690";
}

.fa-signal-bars-weak {
  --fa: "\f691";
}

.fa-signal-alt-1 {
  --fa: "\f691";
}

.fa-signal-bars-fair {
  --fa: "\f692";
}

.fa-signal-alt-2 {
  --fa: "\f692";
}

.fa-signal-bars-good {
  --fa: "\f693";
}

.fa-signal-alt-3 {
  --fa: "\f693";
}

.fa-signal-bars-slash {
  --fa: "\f694";
}

.fa-signal-alt-slash {
  --fa: "\f694";
}

.fa-signal-slash {
  --fa: "\f695";
}

.fa-socks {
  --fa: "\f696";
}

.fa-square-root {
  --fa: "\f697";
}

.fa-square-root-variable {
  --fa: "\f698";
}

.fa-square-root-alt {
  --fa: "\f698";
}

.fa-star-and-crescent {
  --fa: "\f699";
}

.fa-star-of-david {
  --fa: "\f69a";
}

.fa-synagogue {
  --fa: "\f69b";
}

.fa-tally {
  --fa: "\f69c";
}

.fa-tally-5 {
  --fa: "\f69c";
}

.fa-theta {
  --fa: "\f69e";
}

.fa-scroll-torah {
  --fa: "\f6a0";
}

.fa-torah {
  --fa: "\f6a0";
}

.fa-torii-gate {
  --fa: "\f6a1";
}

.fa-union {
  --fa: "\f6a2";
}

.fa-chart-user {
  --fa: "\f6a3";
}

.fa-user-chart {
  --fa: "\f6a3";
}

.fa-user-crown {
  --fa: "\f6a4";
}

.fa-user-group-crown {
  --fa: "\f6a5";
}

.fa-users-crown {
  --fa: "\f6a5";
}

.fa-value-absolute {
  --fa: "\f6a6";
}

.fa-vihara {
  --fa: "\f6a7";
}

.fa-volume {
  --fa: "\f6a8";
}

.fa-volume-medium {
  --fa: "\f6a8";
}

.fa-volume-xmark {
  --fa: "\f6a9";
}

.fa-volume-mute {
  --fa: "\f6a9";
}

.fa-volume-times {
  --fa: "\f6a9";
}

.fa-wifi-weak {
  --fa: "\f6aa";
}

.fa-wifi-1 {
  --fa: "\f6aa";
}

.fa-wifi-fair {
  --fa: "\f6ab";
}

.fa-wifi-2 {
  --fa: "\f6ab";
}

.fa-wifi-slash {
  --fa: "\f6ac";
}

.fa-yin-yang {
  --fa: "\f6ad";
}

.fa-acorn {
  --fa: "\f6ae";
}

.fa-alicorn {
  --fa: "\f6b0";
}

.fa-crate-apple {
  --fa: "\f6b1";
}

.fa-apple-crate {
  --fa: "\f6b1";
}

.fa-axe {
  --fa: "\f6b2";
}

.fa-axe-battle {
  --fa: "\f6b3";
}

.fa-badger-honey {
  --fa: "\f6b4";
}

.fa-bat {
  --fa: "\f6b5";
}

.fa-blender-phone {
  --fa: "\f6b6";
}

.fa-book-skull {
  --fa: "\f6b7";
}

.fa-book-dead {
  --fa: "\f6b7";
}

.fa-book-sparkles {
  --fa: "\f6b8";
}

.fa-book-spells {
  --fa: "\f6b8";
}

.fa-bow-arrow {
  --fa: "\f6b9";
}

.fa-campfire {
  --fa: "\f6ba";
}

.fa-campground {
  --fa: "\f6bb";
}

.fa-candle-holder {
  --fa: "\f6bc";
}

.fa-candy-corn {
  --fa: "\f6bd";
}

.fa-cat {
  --fa: "\f6be";
}

.fa-cauldron {
  --fa: "\f6bf";
}

.fa-chair {
  --fa: "\f6c0";
}

.fa-chair-office {
  --fa: "\f6c1";
}

.fa-claw-marks {
  --fa: "\f6c2";
}

.fa-cloud-moon {
  --fa: "\f6c3";
}

.fa-cloud-sun {
  --fa: "\f6c4";
}

.fa-cup-togo {
  --fa: "\f6c5";
}

.fa-coffee-togo {
  --fa: "\f6c5";
}

.fa-coffin {
  --fa: "\f6c6";
}

.fa-corn {
  --fa: "\f6c7";
}

.fa-cow {
  --fa: "\f6c8";
}

.fa-dagger {
  --fa: "\f6cb";
}

.fa-dice-d10 {
  --fa: "\f6cd";
}

.fa-dice-d12 {
  --fa: "\f6ce";
}

.fa-dice-d20 {
  --fa: "\f6cf";
}

.fa-dice-d4 {
  --fa: "\f6d0";
}

.fa-dice-d6 {
  --fa: "\f6d1";
}

.fa-dice-d8 {
  --fa: "\f6d2";
}

.fa-dog {
  --fa: "\f6d3";
}

.fa-dog-leashed {
  --fa: "\f6d4";
}

.fa-dragon {
  --fa: "\f6d5";
}

.fa-drumstick {
  --fa: "\f6d6";
}

.fa-drumstick-bite {
  --fa: "\f6d7";
}

.fa-duck {
  --fa: "\f6d8";
}

.fa-dungeon {
  --fa: "\f6d9";
}

.fa-elephant {
  --fa: "\f6da";
}

.fa-eye-evil {
  --fa: "\f6db";
}

.fa-file-csv {
  --fa: "\f6dd";
}

.fa-hand-fist {
  --fa: "\f6de";
}

.fa-fist-raised {
  --fa: "\f6de";
}

.fa-fire-flame {
  --fa: "\f6df";
}

.fa-flame {
  --fa: "\f6df";
}

.fa-flask-round-poison {
  --fa: "\f6e0";
}

.fa-flask-poison {
  --fa: "\f6e0";
}

.fa-flask-round-potion {
  --fa: "\f6e1";
}

.fa-flask-potion {
  --fa: "\f6e1";
}

.fa-ghost {
  --fa: "\f6e2";
}

.fa-hammer {
  --fa: "\f6e3";
}

.fa-hammer-war {
  --fa: "\f6e4";
}

.fa-hand-holding-magic {
  --fa: "\f6e5";
}

.fa-hanukiah {
  --fa: "\f6e6";
}

.fa-hat-witch {
  --fa: "\f6e7";
}

.fa-hat-wizard {
  --fa: "\f6e8";
}

.fa-head-side {
  --fa: "\f6e9";
}

.fa-head-side-goggles {
  --fa: "\f6ea";
}

.fa-head-vr {
  --fa: "\f6ea";
}

.fa-helmet-battle {
  --fa: "\f6eb";
}

.fa-person-hiking {
  --fa: "\f6ec";
}

.fa-hiking {
  --fa: "\f6ec";
}

.fa-hippo {
  --fa: "\f6ed";
}

.fa-hockey-mask {
  --fa: "\f6ee";
}

.fa-hood-cloak {
  --fa: "\f6ef";
}

.fa-horse {
  --fa: "\f6f0";
}

.fa-house-chimney-crack {
  --fa: "\f6f1";
}

.fa-house-damage {
  --fa: "\f6f1";
}

.fa-hryvnia-sign {
  --fa: "\f6f2";
}

.fa-hryvnia {
  --fa: "\f6f2";
}

.fa-key-skeleton {
  --fa: "\f6f3";
}

.fa-kite {
  --fa: "\f6f4";
}

.fa-knife-kitchen {
  --fa: "\f6f5";
}

.fa-leaf-maple {
  --fa: "\f6f6";
}

.fa-leaf-oak {
  --fa: "\f6f7";
}

.fa-mace {
  --fa: "\f6f8";
}

.fa-mandolin {
  --fa: "\f6f9";
}

.fa-mask {
  --fa: "\f6fa";
}

.fa-monkey {
  --fa: "\f6fb";
}

.fa-mountain {
  --fa: "\f6fc";
}

.fa-mountains {
  --fa: "\f6fd";
}

.fa-narwhal {
  --fa: "\f6fe";
}

.fa-network-wired {
  --fa: "\f6ff";
}

.fa-otter {
  --fa: "\f700";
}

.fa-paw-simple {
  --fa: "\f701";
}

.fa-paw-alt {
  --fa: "\f701";
}

.fa-paw-claws {
  --fa: "\f702";
}

.fa-pegasus {
  --fa: "\f703";
}

.fa-pie {
  --fa: "\f705";
}

.fa-pig {
  --fa: "\f706";
}

.fa-pumpkin {
  --fa: "\f707";
}

.fa-rabbit {
  --fa: "\f708";
}

.fa-rabbit-running {
  --fa: "\f709";
}

.fa-rabbit-fast {
  --fa: "\f709";
}

.fa-ram {
  --fa: "\f70a";
}

.fa-ring {
  --fa: "\f70b";
}

.fa-person-running {
  --fa: "\f70c";
}

.fa-running {
  --fa: "\f70c";
}

.fa-scarecrow {
  --fa: "\f70d";
}

.fa-scroll {
  --fa: "\f70e";
}

.fa-scroll-old {
  --fa: "\f70f";
}

.fa-scythe {
  --fa: "\f710";
}

.fa-sheep {
  --fa: "\f711";
}

.fa-shield-cross {
  --fa: "\f712";
}

.fa-shovel {
  --fa: "\f713";
}

.fa-skull-crossbones {
  --fa: "\f714";
}

.fa-slash {
  --fa: "\f715";
}

.fa-snake {
  --fa: "\f716";
}

.fa-spider {
  --fa: "\f717";
}

.fa-spider-black-widow {
  --fa: "\f718";
}

.fa-spider-web {
  --fa: "\f719";
}

.fa-squirrel {
  --fa: "\f71a";
}

.fa-staff {
  --fa: "\f71b";
}

.fa-sword {
  --fa: "\f71c";
}

.fa-swords {
  --fa: "\f71d";
}

.fa-toilet-paper {
  --fa: "\f71e";
}

.fa-toilet-paper-alt {
  --fa: "\f71e";
}

.fa-toilet-paper-blank {
  --fa: "\f71e";
}

.fa-tombstone {
  --fa: "\f720";
}

.fa-tombstone-blank {
  --fa: "\f721";
}

.fa-tombstone-alt {
  --fa: "\f721";
}

.fa-tractor {
  --fa: "\f722";
}

.fa-treasure-chest {
  --fa: "\f723";
}

.fa-trees {
  --fa: "\f724";
}

.fa-turkey {
  --fa: "\f725";
}

.fa-turtle {
  --fa: "\f726";
}

.fa-unicorn {
  --fa: "\f727";
}

.fa-user-injured {
  --fa: "\f728";
}

.fa-vr-cardboard {
  --fa: "\f729";
}

.fa-wand {
  --fa: "\f72a";
}

.fa-wand-sparkles {
  --fa: "\f72b";
}

.fa-whale {
  --fa: "\f72c";
}

.fa-wheat {
  --fa: "\f72d";
}

.fa-wind {
  --fa: "\f72e";
}

.fa-wine-bottle {
  --fa: "\f72f";
}

.fa-ballot {
  --fa: "\f732";
}

.fa-ballot-check {
  --fa: "\f733";
}

.fa-booth-curtain {
  --fa: "\f734";
}

.fa-box-ballot {
  --fa: "\f735";
}

.fa-calendar-star {
  --fa: "\f736";
}

.fa-clipboard-list-check {
  --fa: "\f737";
}

.fa-cloud-drizzle {
  --fa: "\f738";
}

.fa-cloud-hail {
  --fa: "\f739";
}

.fa-cloud-hail-mixed {
  --fa: "\f73a";
}

.fa-cloud-meatball {
  --fa: "\f73b";
}

.fa-cloud-moon-rain {
  --fa: "\f73c";
}

.fa-cloud-rain {
  --fa: "\f73d";
}

.fa-cloud-rainbow {
  --fa: "\f73e";
}

.fa-cloud-showers {
  --fa: "\f73f";
}

.fa-cloud-showers-heavy {
  --fa: "\f740";
}

.fa-cloud-sleet {
  --fa: "\f741";
}

.fa-cloud-snow {
  --fa: "\f742";
}

.fa-cloud-sun-rain {
  --fa: "\f743";
}

.fa-clouds {
  --fa: "\f744";
}

.fa-clouds-moon {
  --fa: "\f745";
}

.fa-clouds-sun {
  --fa: "\f746";
}

.fa-democrat {
  --fa: "\f747";
}

.fa-droplet-degree {
  --fa: "\f748";
}

.fa-dewpoint {
  --fa: "\f748";
}

.fa-eclipse {
  --fa: "\f749";
}

.fa-moon-over-sun {
  --fa: "\f74a";
}

.fa-eclipse-alt {
  --fa: "\f74a";
}

.fa-fire-smoke {
  --fa: "\f74b";
}

.fa-flag-swallowtail {
  --fa: "\f74c";
}

.fa-flag-alt {
  --fa: "\f74c";
}

.fa-flag-usa {
  --fa: "\f74d";
}

.fa-cloud-fog {
  --fa: "\f74e";
}

.fa-fog {
  --fa: "\f74e";
}

.fa-house-water {
  --fa: "\f74f";
}

.fa-house-flood {
  --fa: "\f74f";
}

.fa-droplet-percent {
  --fa: "\f750";
}

.fa-humidity {
  --fa: "\f750";
}

.fa-hurricane {
  --fa: "\f751";
}

.fa-landmark-dome {
  --fa: "\f752";
}

.fa-landmark-alt {
  --fa: "\f752";
}

.fa-meteor {
  --fa: "\f753";
}

.fa-moon-cloud {
  --fa: "\f754";
}

.fa-moon-stars {
  --fa: "\f755";
}

.fa-person-booth {
  --fa: "\f756";
}

.fa-person-sign {
  --fa: "\f757";
}

.fa-podium-star {
  --fa: "\f758";
}

.fa-poll-people {
  --fa: "\f759";
}

.fa-poo-storm {
  --fa: "\f75a";
}

.fa-poo-bolt {
  --fa: "\f75a";
}

.fa-rainbow {
  --fa: "\f75b";
}

.fa-raindrops {
  --fa: "\f75c";
}

.fa-republican {
  --fa: "\f75e";
}

.fa-smog {
  --fa: "\f75f";
}

.fa-smoke {
  --fa: "\f760";
}

.fa-snow-blowing {
  --fa: "\f761";
}

.fa-stars {
  --fa: "\f762";
}

.fa-sun-cloud {
  --fa: "\f763";
}

.fa-sun-dust {
  --fa: "\f764";
}

.fa-sun-haze {
  --fa: "\f765";
}

.fa-sunrise {
  --fa: "\f766";
}

.fa-sunset {
  --fa: "\f767";
}

.fa-temperature-snow {
  --fa: "\f768";
}

.fa-temperature-frigid {
  --fa: "\f768";
}

.fa-temperature-high {
  --fa: "\f769";
}

.fa-temperature-sun {
  --fa: "\f76a";
}

.fa-temperature-hot {
  --fa: "\f76a";
}

.fa-temperature-low {
  --fa: "\f76b";
}

.fa-cloud-bolt {
  --fa: "\f76c";
}

.fa-thunderstorm {
  --fa: "\f76c";
}

.fa-cloud-bolt-moon {
  --fa: "\f76d";
}

.fa-thunderstorm-moon {
  --fa: "\f76d";
}

.fa-cloud-bolt-sun {
  --fa: "\f76e";
}

.fa-thunderstorm-sun {
  --fa: "\f76e";
}

.fa-tornado {
  --fa: "\f76f";
}

.fa-volcano {
  --fa: "\f770";
}

.fa-xmark-to-slot {
  --fa: "\f771";
}

.fa-times-to-slot {
  --fa: "\f771";
}

.fa-vote-nay {
  --fa: "\f771";
}

.fa-check-to-slot {
  --fa: "\f772";
}

.fa-vote-yea {
  --fa: "\f772";
}

.fa-water {
  --fa: "\f773";
}

.fa-water-arrow-down {
  --fa: "\f774";
}

.fa-water-lower {
  --fa: "\f774";
}

.fa-water-arrow-up {
  --fa: "\f775";
}

.fa-water-rise {
  --fa: "\f775";
}

.fa-wind-warning {
  --fa: "\f776";
}

.fa-wind-circle-exclamation {
  --fa: "\f776";
}

.fa-windsock {
  --fa: "\f777";
}

.fa-angel {
  --fa: "\f779";
}

.fa-baby {
  --fa: "\f77c";
}

.fa-baby-carriage {
  --fa: "\f77d";
}

.fa-carriage-baby {
  --fa: "\f77d";
}

.fa-ball-pile {
  --fa: "\f77e";
}

.fa-bells {
  --fa: "\f77f";
}

.fa-biohazard {
  --fa: "\f780";
}

.fa-blog {
  --fa: "\f781";
}

.fa-boot {
  --fa: "\f782";
}

.fa-calendar-day {
  --fa: "\f783";
}

.fa-calendar-week {
  --fa: "\f784";
}

.fa-candy-cane {
  --fa: "\f786";
}

.fa-carrot {
  --fa: "\f787";
}

.fa-cash-register {
  --fa: "\f788";
}

.fa-chart-network {
  --fa: "\f78a";
}

.fa-chimney {
  --fa: "\f78b";
}

.fa-minimize {
  --fa: "\f78c";
}

.fa-compress-arrows-alt {
  --fa: "\f78c";
}

.fa-deer {
  --fa: "\f78e";
}

.fa-deer-rudolph {
  --fa: "\f78f";
}

.fa-dreidel {
  --fa: "\f792";
}

.fa-dumpster {
  --fa: "\f793";
}

.fa-dumpster-fire {
  --fa: "\f794";
}

.fa-ear-muffs {
  --fa: "\f795";
}

.fa-ethernet {
  --fa: "\f796";
}

.fa-fireplace {
  --fa: "\f79a";
}

.fa-snowman-head {
  --fa: "\f79b";
}

.fa-frosty-head {
  --fa: "\f79b";
}

.fa-gifts {
  --fa: "\f79c";
}

.fa-gingerbread-man {
  --fa: "\f79d";
}

.fa-champagne-glass {
  --fa: "\f79e";
}

.fa-glass-champagne {
  --fa: "\f79e";
}

.fa-champagne-glasses {
  --fa: "\f79f";
}

.fa-glass-cheers {
  --fa: "\f79f";
}

.fa-whiskey-glass {
  --fa: "\f7a0";
}

.fa-glass-whiskey {
  --fa: "\f7a0";
}

.fa-whiskey-glass-ice {
  --fa: "\f7a1";
}

.fa-glass-whiskey-rocks {
  --fa: "\f7a1";
}

.fa-earth-europe {
  --fa: "\f7a2";
}

.fa-globe-europe {
  --fa: "\f7a2";
}

.fa-globe-snow {
  --fa: "\f7a3";
}

.fa-grip-lines {
  --fa: "\f7a4";
}

.fa-grip-lines-vertical {
  --fa: "\f7a5";
}

.fa-guitar {
  --fa: "\f7a6";
}

.fa-hat-santa {
  --fa: "\f7a7";
}

.fa-hat-winter {
  --fa: "\f7a8";
}

.fa-heart-crack {
  --fa: "\f7a9";
}

.fa-heart-broken {
  --fa: "\f7a9";
}

.fa-holly-berry {
  --fa: "\f7aa";
}

.fa-horse-head {
  --fa: "\f7ab";
}

.fa-ice-skate {
  --fa: "\f7ac";
}

.fa-icicles {
  --fa: "\f7ad";
}

.fa-igloo {
  --fa: "\f7ae";
}

.fa-lights-holiday {
  --fa: "\f7b2";
}

.fa-mistletoe {
  --fa: "\f7b4";
}

.fa-mitten {
  --fa: "\f7b5";
}

.fa-mug-hot {
  --fa: "\f7b6";
}

.fa-mug-marshmallows {
  --fa: "\f7b7";
}

.fa-ornament {
  --fa: "\f7b8";
}

.fa-radiation {
  --fa: "\f7b9";
}

.fa-circle-radiation {
  --fa: "\f7ba";
}

.fa-radiation-alt {
  --fa: "\f7ba";
}

.fa-restroom {
  --fa: "\f7bd";
}

.fa-rv {
  --fa: "\f7be";
}

.fa-satellite {
  --fa: "\f7bf";
}

.fa-satellite-dish {
  --fa: "\f7c0";
}

.fa-scarf {
  --fa: "\f7c1";
}

.fa-sd-card {
  --fa: "\f7c2";
}

.fa-shovel-snow {
  --fa: "\f7c3";
}

.fa-sim-card {
  --fa: "\f7c4";
}

.fa-person-skating {
  --fa: "\f7c5";
}

.fa-skating {
  --fa: "\f7c5";
}

.fa-person-ski-jumping {
  --fa: "\f7c7";
}

.fa-ski-jump {
  --fa: "\f7c7";
}

.fa-person-ski-lift {
  --fa: "\f7c8";
}

.fa-ski-lift {
  --fa: "\f7c8";
}

.fa-person-skiing {
  --fa: "\f7c9";
}

.fa-skiing {
  --fa: "\f7c9";
}

.fa-person-skiing-nordic {
  --fa: "\f7ca";
}

.fa-skiing-nordic {
  --fa: "\f7ca";
}

.fa-person-sledding {
  --fa: "\f7cb";
}

.fa-sledding {
  --fa: "\f7cb";
}

.fa-sleigh {
  --fa: "\f7cc";
}

.fa-comment-sms {
  --fa: "\f7cd";
}

.fa-sms {
  --fa: "\f7cd";
}

.fa-person-snowboarding {
  --fa: "\f7ce";
}

.fa-snowboarding {
  --fa: "\f7ce";
}

.fa-snowflakes {
  --fa: "\f7cf";
}

.fa-snowman {
  --fa: "\f7d0";
}

.fa-person-snowmobiling {
  --fa: "\f7d1";
}

.fa-snowmobile {
  --fa: "\f7d1";
}

.fa-snowplow {
  --fa: "\f7d2";
}

.fa-star-christmas {
  --fa: "\f7d4";
}

.fa-stocking {
  --fa: "\f7d5";
}

.fa-tenge-sign {
  --fa: "\f7d7";
}

.fa-tenge {
  --fa: "\f7d7";
}

.fa-toilet {
  --fa: "\f7d8";
}

.fa-screwdriver-wrench {
  --fa: "\f7d9";
}

.fa-tools {
  --fa: "\f7d9";
}

.fa-cable-car {
  --fa: "\f7da";
}

.fa-tram {
  --fa: "\f7da";
}

.fa-tree-christmas {
  --fa: "\f7db";
}

.fa-tree-decorated {
  --fa: "\f7dc";
}

.fa-tree-large {
  --fa: "\f7dd";
}

.fa-truck-plow {
  --fa: "\f7de";
}

.fa-wreath {
  --fa: "\f7e2";
}

.fa-fire-flame-curved {
  --fa: "\f7e4";
}

.fa-fire-alt {
  --fa: "\f7e4";
}

.fa-bacon {
  --fa: "\f7e5";
}

.fa-book-medical {
  --fa: "\f7e6";
}

.fa-book-user {
  --fa: "\f7e7";
}

.fa-books-medical {
  --fa: "\f7e8";
}

.fa-brackets-square {
  --fa: "\f7e9";
}

.fa-brackets {
  --fa: "\f7e9";
}

.fa-brackets-curly {
  --fa: "\f7ea";
}

.fa-bread-loaf {
  --fa: "\f7eb";
}

.fa-bread-slice {
  --fa: "\f7ec";
}

.fa-burrito {
  --fa: "\f7ed";
}

.fa-chart-scatter {
  --fa: "\f7ee";
}

.fa-cheese {
  --fa: "\f7ef";
}

.fa-cheese-swiss {
  --fa: "\f7f0";
}

.fa-burger-cheese {
  --fa: "\f7f1";
}

.fa-cheeseburger {
  --fa: "\f7f1";
}

.fa-house-chimney-medical {
  --fa: "\f7f2";
}

.fa-clinic-medical {
  --fa: "\f7f2";
}

.fa-clipboard-user {
  --fa: "\f7f3";
}

.fa-message-medical {
  --fa: "\f7f4";
}

.fa-comment-alt-medical {
  --fa: "\f7f4";
}

.fa-comment-medical {
  --fa: "\f7f5";
}

.fa-croissant {
  --fa: "\f7f6";
}

.fa-crutch {
  --fa: "\f7f7";
}

.fa-crutches {
  --fa: "\f7f8";
}

.fa-ban-bug {
  --fa: "\f7f9";
}

.fa-debug {
  --fa: "\f7f9";
}

.fa-disease {
  --fa: "\f7fa";
}

.fa-egg {
  --fa: "\f7fb";
}

.fa-egg-fried {
  --fa: "\f7fc";
}

.fa-files-medical {
  --fa: "\f7fd";
}

.fa-fish-cooked {
  --fa: "\f7fe";
}

.fa-flower {
  --fa: "\f7ff";
}

.fa-flower-daffodil {
  --fa: "\f800";
}

.fa-flower-tulip {
  --fa: "\f801";
}

.fa-folder-tree {
  --fa: "\f802";
}

.fa-french-fries {
  --fa: "\f803";
}

.fa-glass {
  --fa: "\f804";
}

.fa-burger {
  --fa: "\f805";
}

.fa-hamburger {
  --fa: "\f805";
}

.fa-hand-middle-finger {
  --fa: "\f806";
}

.fa-helmet-safety {
  --fa: "\f807";
}

.fa-hard-hat {
  --fa: "\f807";
}

.fa-hat-hard {
  --fa: "\f807";
}

.fa-head-side-brain {
  --fa: "\f808";
}

.fa-head-side-medical {
  --fa: "\f809";
}

.fa-hospital-user {
  --fa: "\f80d";
}

.fa-hospitals {
  --fa: "\f80e";
}

.fa-hotdog {
  --fa: "\f80f";
}

.fa-ice-cream {
  --fa: "\f810";
}

.fa-island-tropical {
  --fa: "\f811";
}

.fa-island-tree-palm {
  --fa: "\f811";
}

.fa-laptop-medical {
  --fa: "\f812";
}

.fa-mailbox {
  --fa: "\f813";
}

.fa-meat {
  --fa: "\f814";
}

.fa-pager {
  --fa: "\f815";
}

.fa-pepper-hot {
  --fa: "\f816";
}

.fa-pizza {
  --fa: "\f817";
}

.fa-pizza-slice {
  --fa: "\f818";
}

.fa-popcorn {
  --fa: "\f819";
}

.fa-print-magnifying-glass {
  --fa: "\f81a";
}

.fa-print-search {
  --fa: "\f81a";
}

.fa-rings-wedding {
  --fa: "\f81b";
}

.fa-sack {
  --fa: "\f81c";
}

.fa-sack-dollar {
  --fa: "\f81d";
}

.fa-salad {
  --fa: "\f81e";
}

.fa-bowl-salad {
  --fa: "\f81e";
}

.fa-sandwich {
  --fa: "\f81f";
}

.fa-sausage {
  --fa: "\f820";
}

.fa-shish-kebab {
  --fa: "\f821";
}

.fa-sickle {
  --fa: "\f822";
}

.fa-bowl-hot {
  --fa: "\f823";
}

.fa-soup {
  --fa: "\f823";
}

.fa-steak {
  --fa: "\f824";
}

.fa-stretcher {
  --fa: "\f825";
}

.fa-taco {
  --fa: "\f826";
}

.fa-book-tanakh {
  --fa: "\f827";
}

.fa-tanakh {
  --fa: "\f827";
}

.fa-bars-progress {
  --fa: "\f828";
}

.fa-tasks-alt {
  --fa: "\f828";
}

.fa-trash-arrow-up {
  --fa: "\f829";
}

.fa-trash-restore {
  --fa: "\f829";
}

.fa-trash-can-arrow-up {
  --fa: "\f82a";
}

.fa-trash-restore-alt {
  --fa: "\f82a";
}

.fa-tree-palm {
  --fa: "\f82b";
}

.fa-user-helmet-safety {
  --fa: "\f82c";
}

.fa-user-construction {
  --fa: "\f82c";
}

.fa-user-hard-hat {
  --fa: "\f82c";
}

.fa-user-headset {
  --fa: "\f82d";
}

.fa-user-doctor-message {
  --fa: "\f82e";
}

.fa-user-md-chat {
  --fa: "\f82e";
}

.fa-user-nurse {
  --fa: "\f82f";
}

.fa-users-medical {
  --fa: "\f830";
}

.fa-walker {
  --fa: "\f831";
}

.fa-camera-web {
  --fa: "\f832";
}

.fa-webcam {
  --fa: "\f832";
}

.fa-camera-web-slash {
  --fa: "\f833";
}

.fa-webcam-slash {
  --fa: "\f833";
}

.fa-wave-square {
  --fa: "\f83e";
}

.fa-alarm-exclamation {
  --fa: "\f843";
}

.fa-alarm-plus {
  --fa: "\f844";
}

.fa-alarm-snooze {
  --fa: "\f845";
}

.fa-align-slash {
  --fa: "\f846";
}

.fa-bags-shopping {
  --fa: "\f847";
}

.fa-bell-exclamation {
  --fa: "\f848";
}

.fa-bell-plus {
  --fa: "\f849";
}

.fa-person-biking {
  --fa: "\f84a";
}

.fa-biking {
  --fa: "\f84a";
}

.fa-person-biking-mountain {
  --fa: "\f84b";
}

.fa-biking-mountain {
  --fa: "\f84b";
}

.fa-border-all {
  --fa: "\f84c";
}

.fa-border-bottom {
  --fa: "\f84d";
}

.fa-border-inner {
  --fa: "\f84e";
}

.fa-border-left {
  --fa: "\f84f";
}

.fa-border-none {
  --fa: "\f850";
}

.fa-border-outer {
  --fa: "\f851";
}

.fa-border-right {
  --fa: "\f852";
}

.fa-border-top-left {
  --fa: "\f853";
}

.fa-border-style {
  --fa: "\f853";
}

.fa-border-bottom-right {
  --fa: "\f854";
}

.fa-border-style-alt {
  --fa: "\f854";
}

.fa-border-top {
  --fa: "\f855";
}

.fa-bring-forward {
  --fa: "\f856";
}

.fa-bring-front {
  --fa: "\f857";
}

.fa-burger-soda {
  --fa: "\f858";
}

.fa-car-building {
  --fa: "\f859";
}

.fa-car-bus {
  --fa: "\f85a";
}

.fa-cars {
  --fa: "\f85b";
}

.fa-coin {
  --fa: "\f85c";
}

.fa-triangle-person-digging {
  --fa: "\f85d";
}

.fa-construction {
  --fa: "\f85d";
}

.fa-person-digging {
  --fa: "\f85e";
}

.fa-digging {
  --fa: "\f85e";
}

.fa-drone {
  --fa: "\f85f";
}

.fa-drone-front {
  --fa: "\f860";
}

.fa-drone-alt {
  --fa: "\f860";
}

.fa-dryer {
  --fa: "\f861";
}

.fa-dryer-heat {
  --fa: "\f862";
}

.fa-dryer-alt {
  --fa: "\f862";
}

.fa-fan {
  --fa: "\f863";
}

.fa-farm {
  --fa: "\f864";
}

.fa-barn-silo {
  --fa: "\f864";
}

.fa-file-magnifying-glass {
  --fa: "\f865";
}

.fa-file-search {
  --fa: "\f865";
}

.fa-font-case {
  --fa: "\f866";
}

.fa-game-board {
  --fa: "\f867";
}

.fa-game-board-simple {
  --fa: "\f868";
}

.fa-game-board-alt {
  --fa: "\f868";
}

.fa-glass-citrus {
  --fa: "\f869";
}

.fa-h4 {
  --fa: "\f86a";
}

.fa-hat-chef {
  --fa: "\f86b";
}

.fa-horizontal-rule {
  --fa: "\f86c";
}

.fa-icons {
  --fa: "\f86d";
}

.fa-heart-music-camera-bolt {
  --fa: "\f86d";
}

.fa-symbols {
  --fa: "\f86e";
}

.fa-icons-alt {
  --fa: "\f86e";
}

.fa-kerning {
  --fa: "\f86f";
}

.fa-line-columns {
  --fa: "\f870";
}

.fa-line-height {
  --fa: "\f871";
}

.fa-money-check-pen {
  --fa: "\f872";
}

.fa-money-check-edit {
  --fa: "\f872";
}

.fa-money-check-dollar-pen {
  --fa: "\f873";
}

.fa-money-check-edit-alt {
  --fa: "\f873";
}

.fa-mug {
  --fa: "\f874";
}

.fa-mug-tea {
  --fa: "\f875";
}

.fa-overline {
  --fa: "\f876";
}

.fa-file-dashed-line {
  --fa: "\f877";
}

.fa-page-break {
  --fa: "\f877";
}

.fa-paragraph-left {
  --fa: "\f878";
}

.fa-paragraph-rtl {
  --fa: "\f878";
}

.fa-phone-flip {
  --fa: "\f879";
}

.fa-phone-alt {
  --fa: "\f879";
}

.fa-laptop-mobile {
  --fa: "\f87a";
}

.fa-phone-laptop {
  --fa: "\f87a";
}

.fa-square-phone-flip {
  --fa: "\f87b";
}

.fa-phone-square-alt {
  --fa: "\f87b";
}

.fa-photo-film {
  --fa: "\f87c";
}

.fa-photo-video {
  --fa: "\f87c";
}

.fa-text-slash {
  --fa: "\f87d";
}

.fa-remove-format {
  --fa: "\f87d";
}

.fa-send-back {
  --fa: "\f87e";
}

.fa-send-backward {
  --fa: "\f87f";
}

.fa-snooze {
  --fa: "\f880";
}

.fa-zzz {
  --fa: "\f880";
}

.fa-arrow-down-z-a {
  --fa: "\f881";
}

.fa-sort-alpha-desc {
  --fa: "\f881";
}

.fa-sort-alpha-down-alt {
  --fa: "\f881";
}

.fa-arrow-up-z-a {
  --fa: "\f882";
}

.fa-sort-alpha-up-alt {
  --fa: "\f882";
}

.fa-arrow-down-arrow-up {
  --fa: "\f883";
}

.fa-sort-alt {
  --fa: "\f883";
}

.fa-arrow-down-short-wide {
  --fa: "\f884";
}

.fa-sort-amount-desc {
  --fa: "\f884";
}

.fa-sort-amount-down-alt {
  --fa: "\f884";
}

.fa-arrow-up-short-wide {
  --fa: "\f885";
}

.fa-sort-amount-up-alt {
  --fa: "\f885";
}

.fa-arrow-down-9-1 {
  --fa: "\f886";
}

.fa-sort-numeric-desc {
  --fa: "\f886";
}

.fa-sort-numeric-down-alt {
  --fa: "\f886";
}

.fa-arrow-up-9-1 {
  --fa: "\f887";
}

.fa-sort-numeric-up-alt {
  --fa: "\f887";
}

.fa-arrow-down-triangle-square {
  --fa: "\f888";
}

.fa-sort-shapes-down {
  --fa: "\f888";
}

.fa-arrow-down-square-triangle {
  --fa: "\f889";
}

.fa-sort-shapes-down-alt {
  --fa: "\f889";
}

.fa-arrow-up-triangle-square {
  --fa: "\f88a";
}

.fa-sort-shapes-up {
  --fa: "\f88a";
}

.fa-arrow-up-square-triangle {
  --fa: "\f88b";
}

.fa-sort-shapes-up-alt {
  --fa: "\f88b";
}

.fa-arrow-down-big-small {
  --fa: "\f88c";
}

.fa-sort-size-down {
  --fa: "\f88c";
}

.fa-arrow-down-small-big {
  --fa: "\f88d";
}

.fa-sort-size-down-alt {
  --fa: "\f88d";
}

.fa-arrow-up-big-small {
  --fa: "\f88e";
}

.fa-sort-size-up {
  --fa: "\f88e";
}

.fa-arrow-up-small-big {
  --fa: "\f88f";
}

.fa-sort-size-up-alt {
  --fa: "\f88f";
}

.fa-sparkles {
  --fa: "\f890";
}

.fa-spell-check {
  --fa: "\f891";
}

.fa-sunglasses {
  --fa: "\f892";
}

.fa-text {
  --fa: "\f893";
}

.fa-text-size {
  --fa: "\f894";
}

.fa-trash-undo {
  --fa: "\f895";
}

.fa-trash-arrow-turn-left {
  --fa: "\f895";
}

.fa-trash-can-undo {
  --fa: "\f896";
}

.fa-trash-can-arrow-turn-left {
  --fa: "\f896";
}

.fa-trash-undo-alt {
  --fa: "\f896";
}

.fa-voicemail {
  --fa: "\f897";
}

.fa-washing-machine {
  --fa: "\f898";
}

.fa-washer {
  --fa: "\f898";
}

.fa-wave-sine {
  --fa: "\f899";
}

.fa-wave-triangle {
  --fa: "\f89a";
}

.fa-wind-turbine {
  --fa: "\f89b";
}

.fa-border-center-h {
  --fa: "\f89c";
}

.fa-border-center-v {
  --fa: "\f89d";
}

.fa-album {
  --fa: "\f89f";
}

.fa-album-collection {
  --fa: "\f8a0";
}

.fa-amp-guitar {
  --fa: "\f8a1";
}

.fa-badge-sheriff {
  --fa: "\f8a2";
}

.fa-banjo {
  --fa: "\f8a3";
}

.fa-cassette-betamax {
  --fa: "\f8a4";
}

.fa-betamax {
  --fa: "\f8a4";
}

.fa-boombox {
  --fa: "\f8a5";
}

.fa-cactus {
  --fa: "\f8a7";
}

.fa-camcorder {
  --fa: "\f8a8";
}

.fa-video-handheld {
  --fa: "\f8a8";
}

.fa-camera-movie {
  --fa: "\f8a9";
}

.fa-camera-polaroid {
  --fa: "\f8aa";
}

.fa-cassette-tape {
  --fa: "\f8ab";
}

.fa-camera-cctv {
  --fa: "\f8ac";
}

.fa-cctv {
  --fa: "\f8ac";
}

.fa-clarinet {
  --fa: "\f8ad";
}

.fa-cloud-music {
  --fa: "\f8ae";
}

.fa-message-music {
  --fa: "\f8af";
}

.fa-comment-alt-music {
  --fa: "\f8af";
}

.fa-comment-music {
  --fa: "\f8b0";
}

.fa-computer-classic {
  --fa: "\f8b1";
}

.fa-computer-speaker {
  --fa: "\f8b2";
}

.fa-cowbell {
  --fa: "\f8b3";
}

.fa-cowbell-circle-plus {
  --fa: "\f8b4";
}

.fa-cowbell-more {
  --fa: "\f8b4";
}

.fa-disc-drive {
  --fa: "\f8b5";
}

.fa-file-music {
  --fa: "\f8b6";
}

.fa-film-canister {
  --fa: "\f8b7";
}

.fa-film-cannister {
  --fa: "\f8b7";
}

.fa-flashlight {
  --fa: "\f8b8";
}

.fa-flute {
  --fa: "\f8b9";
}

.fa-flux-capacitor {
  --fa: "\f8ba";
}

.fa-game-console-handheld {
  --fa: "\f8bb";
}

.fa-gramophone {
  --fa: "\f8bd";
}

.fa-guitar-electric {
  --fa: "\f8be";
}

.fa-guitars {
  --fa: "\f8bf";
}

.fa-hat-cowboy {
  --fa: "\f8c0";
}

.fa-hat-cowboy-side {
  --fa: "\f8c1";
}

.fa-head-side-headphones {
  --fa: "\f8c2";
}

.fa-horse-saddle {
  --fa: "\f8c3";
}

.fa-image-polaroid {
  --fa: "\f8c4";
}

.fa-joystick {
  --fa: "\f8c5";
}

.fa-jug {
  --fa: "\f8c6";
}

.fa-kazoo {
  --fa: "\f8c7";
}

.fa-lasso {
  --fa: "\f8c8";
}

.fa-list-music {
  --fa: "\f8c9";
}

.fa-microphone-stand {
  --fa: "\f8cb";
}

.fa-computer-mouse {
  --fa: "\f8cc";
}

.fa-mouse {
  --fa: "\f8cc";
}

.fa-computer-mouse-scrollwheel {
  --fa: "\f8cd";
}

.fa-mouse-alt {
  --fa: "\f8cd";
}

.fa-mp3-player {
  --fa: "\f8ce";
}

.fa-music-note {
  --fa: "\f8cf";
}

.fa-music-alt {
  --fa: "\f8cf";
}

.fa-music-note-slash {
  --fa: "\f8d0";
}

.fa-music-alt-slash {
  --fa: "\f8d0";
}

.fa-music-slash {
  --fa: "\f8d1";
}

.fa-phone-rotary {
  --fa: "\f8d3";
}

.fa-piano {
  --fa: "\f8d4";
}

.fa-piano-keyboard {
  --fa: "\f8d5";
}

.fa-projector {
  --fa: "\f8d6";
}

.fa-radio {
  --fa: "\f8d7";
}

.fa-radio-tuner {
  --fa: "\f8d8";
}

.fa-radio-alt {
  --fa: "\f8d8";
}

.fa-record-vinyl {
  --fa: "\f8d9";
}

.fa-router {
  --fa: "\f8da";
}

.fa-saxophone-fire {
  --fa: "\f8db";
}

.fa-sax-hot {
  --fa: "\f8db";
}

.fa-saxophone {
  --fa: "\f8dc";
}

.fa-signal-stream {
  --fa: "\f8dd";
}

.fa-skull-cow {
  --fa: "\f8de";
}

.fa-speaker {
  --fa: "\f8df";
}

.fa-speakers {
  --fa: "\f8e0";
}

.fa-triangle-instrument {
  --fa: "\f8e2";
}

.fa-triangle-music {
  --fa: "\f8e2";
}

.fa-trumpet {
  --fa: "\f8e3";
}

.fa-turntable {
  --fa: "\f8e4";
}

.fa-tv-music {
  --fa: "\f8e6";
}

.fa-typewriter {
  --fa: "\f8e7";
}

.fa-usb-drive {
  --fa: "\f8e9";
}

.fa-user-cowboy {
  --fa: "\f8ea";
}

.fa-user-music {
  --fa: "\f8eb";
}

.fa-cassette-vhs {
  --fa: "\f8ec";
}

.fa-vhs {
  --fa: "\f8ec";
}

.fa-violin {
  --fa: "\f8ed";
}

.fa-wagon-covered {
  --fa: "\f8ee";
}

.fa-walkie-talkie {
  --fa: "\f8ef";
}

.fa-watch-calculator {
  --fa: "\f8f0";
}

.fa-waveform {
  --fa: "\f8f1";
}

.fa-waveform-lines {
  --fa: "\f8f2";
}

.fa-waveform-path {
  --fa: "\f8f2";
}

.fa-scanner-image {
  --fa: "\f8f3";
}

.fa-air-conditioner {
  --fa: "\f8f4";
}

.fa-alien {
  --fa: "\f8f5";
}

.fa-alien-8bit {
  --fa: "\f8f6";
}

.fa-alien-monster {
  --fa: "\f8f6";
}

.fa-bed-front {
  --fa: "\f8f7";
}

.fa-bed-alt {
  --fa: "\f8f7";
}

.fa-bed-bunk {
  --fa: "\f8f8";
}

.fa-bed-empty {
  --fa: "\f8f9";
}

.fa-bell-on {
  --fa: "\f8fa";
}

.fa-blinds {
  --fa: "\f8fb";
}

.fa-blinds-open {
  --fa: "\f8fc";
}

.fa-blinds-raised {
  --fa: "\f8fd";
}

.fa-camera-security {
  --fa: "\f8fe";
}

.fa-camera-home {
  --fa: "\f8fe";
}

.fa-caravan {
  --fa: "\f8ff";
}

/* Legacy font-family aliases used by old FA4/FA5 consumers. */
/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-solid-900.06bc4a4312a2.woff2") format("woff2");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-brands-400.40f9f6738fd2.woff2") format("woff2");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-regular-400.c06d74ff17fc.woff2") format("woff2");
  unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-v4compatibility.973f0408b7a0.woff2") format("woff2");
  unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A;
}

/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url("/static/fonts/fontawesome/fa-brands-400.40f9f6738fd2.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 900;
  src: url("/static/fonts/fontawesome/fa-solid-900.06bc4a4312a2.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 400;
  src: url("/static/fonts/fontawesome/fa-regular-400.c06d74ff17fc.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 300;
  src: url("/static/fonts/fontawesome/fa-light-300.1a6458e7cd0e.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 5 Duotone";
  font-display: block;
  font-weight: 900;
  src: url("/static/fonts/fontawesome/fa-duotone-900.23602ce20e4f.woff2") format("woff2");
}

/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
:root, :host {
  --fa-family-classic: 'Font Awesome 7 Pro';
  --fa-font-light: normal 300 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-light-300.1a6458e7cd0e.woff2");
}

.fal {
  --fa-family: var(--fa-family-classic);
  --fa-style: 300;
}

.fa-classic {
  --fa-family: var(--fa-family-classic);
}

.fa-light {
  --fa-style: 300;
}

/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
:root, :host {
  --fa-family-classic: 'Font Awesome 7 Pro';
  --fa-font-regular: normal 400 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-regular-400.c06d74ff17fc.woff2");
}

.far {
  --fa-family: var(--fa-family-classic);
  --fa-style: 400;
}

.fa-classic {
  --fa-family: var(--fa-family-classic);
}

.fa-regular {
  --fa-style: 400;
}

/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
:root, :host {
  --fa-family-classic: 'Font Awesome 7 Pro';
  --fa-font-solid: normal 900 1em/1 var(--fa-family-classic);
  /* deprecated: this older custom property will be removed next major release */
  --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-solid-900.06bc4a4312a2.woff2");
}

.fas {
  --fa-family: var(--fa-family-classic);
  --fa-style: 900;
}

.fa-classic {
  --fa-family: var(--fa-family-classic);
}

.fa-solid {
  --fa-style: 900;
}

/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
.fa.fa-glass {
  --fa: "\f000";
}

.fa.fa-envelope-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-envelope-o {
  --fa: "\f0e0";
}

.fa.fa-star-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-star-o {
  --fa: "\f005";
}

.fa.fa-remove {
  --fa: "\f00d";
}

.fa.fa-close {
  --fa: "\f00d";
}

.fa.fa-gear {
  --fa: "\f013";
}

.fa.fa-trash-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-trash-o {
  --fa: "\f2ed";
}

.fa.fa-home {
  --fa: "\f015";
}

.fa.fa-file-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-o {
  --fa: "\f15b";
}

.fa.fa-clock-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-clock-o {
  --fa: "\f017";
}

.fa.fa-arrow-circle-o-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-down {
  --fa: "\f358";
}

.fa.fa-arrow-circle-o-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-up {
  --fa: "\f35b";
}

.fa.fa-play-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-play-circle-o {
  --fa: "\f144";
}

.fa.fa-repeat {
  --fa: "\f01e";
}

.fa.fa-rotate-right {
  --fa: "\f01e";
}

.fa.fa-refresh {
  --fa: "\f021";
}

.fa.fa-list-alt {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-list-alt {
  --fa: "\f022";
}

.fa.fa-dedent {
  --fa: "\f03b";
}

.fa.fa-video-camera {
  --fa: "\f03d";
}

.fa.fa-picture-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-picture-o {
  --fa: "\f03e";
}

.fa.fa-photo {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-photo {
  --fa: "\f03e";
}

.fa.fa-image {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-image {
  --fa: "\f03e";
}

.fa.fa-map-marker {
  --fa: "\f3c5";
}

.fa.fa-pencil-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-pencil-square-o {
  --fa: "\f044";
}

.fa.fa-edit {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-edit {
  --fa: "\f044";
}

.fa.fa-share-square-o {
  --fa: "\f14d";
}

.fa.fa-check-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-check-square-o {
  --fa: "\f14a";
}

.fa.fa-arrows {
  --fa: "\f0b2";
}

.fa.fa-times-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-times-circle-o {
  --fa: "\f057";
}

.fa.fa-check-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-check-circle-o {
  --fa: "\f058";
}

.fa.fa-mail-forward {
  --fa: "\f064";
}

.fa.fa-expand {
  --fa: "\f424";
}

.fa.fa-compress {
  --fa: "\f422";
}

.fa.fa-eye {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-eye-slash {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-warning {
  --fa: "\f071";
}

.fa.fa-calendar {
  --fa: "\f073";
}

.fa.fa-arrows-v {
  --fa: "\f338";
}

.fa.fa-arrows-h {
  --fa: "\f337";
}

.fa.fa-bar-chart {
  --fa: "\e0e3";
}

.fa.fa-bar-chart-o {
  --fa: "\e0e3";
}

.fa.fa-twitter-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-twitter-square {
  --fa: "\f081";
}

.fa.fa-facebook-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook-square {
  --fa: "\f082";
}

.fa.fa-gears {
  --fa: "\f085";
}

.fa.fa-thumbs-o-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-thumbs-o-up {
  --fa: "\f164";
}

.fa.fa-thumbs-o-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-thumbs-o-down {
  --fa: "\f165";
}

.fa.fa-heart-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-heart-o {
  --fa: "\f004";
}

.fa.fa-sign-out {
  --fa: "\f2f5";
}

.fa.fa-linkedin-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-linkedin-square {
  --fa: "\f08c";
}

.fa.fa-thumb-tack {
  --fa: "\f08d";
}

.fa.fa-external-link {
  --fa: "\f35d";
}

.fa.fa-sign-in {
  --fa: "\f2f6";
}

.fa.fa-github-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-github-square {
  --fa: "\f092";
}

.fa.fa-lemon-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-lemon-o {
  --fa: "\f094";
}

.fa.fa-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-square-o {
  --fa: "\f0c8";
}

.fa.fa-bookmark-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-bookmark-o {
  --fa: "\f02e";
}

.fa.fa-twitter {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook {
  --fa: "\f39e";
}

.fa.fa-facebook-f {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook-f {
  --fa: "\f39e";
}

.fa.fa-github {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-credit-card {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-feed {
  --fa: "\f09e";
}

.fa.fa-hdd-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hdd-o {
  --fa: "\f0a0";
}

.fa.fa-hand-o-right {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-right {
  --fa: "\f0a4";
}

.fa.fa-hand-o-left {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-left {
  --fa: "\f0a5";
}

.fa.fa-hand-o-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-up {
  --fa: "\f0a6";
}

.fa.fa-hand-o-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-o-down {
  --fa: "\f0a7";
}

.fa.fa-globe {
  --fa: "\f57d";
}

.fa.fa-tasks {
  --fa: "\f828";
}

.fa.fa-arrows-alt {
  --fa: "\f31e";
}

.fa.fa-group {
  --fa: "\f0c0";
}

.fa.fa-chain {
  --fa: "\f0c1";
}

.fa.fa-cut {
  --fa: "\f0c4";
}

.fa.fa-files-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-files-o {
  --fa: "\f0c5";
}

.fa.fa-floppy-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-floppy-o {
  --fa: "\f0c7";
}

.fa.fa-save {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-save {
  --fa: "\f0c7";
}

.fa.fa-navicon {
  --fa: "\f0c9";
}

.fa.fa-reorder {
  --fa: "\f0c9";
}

.fa.fa-magic {
  --fa: "\e2ca";
}

.fa.fa-pinterest {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pinterest-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pinterest-square {
  --fa: "\f0d3";
}

.fa.fa-google-plus-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-square {
  --fa: "\f0d4";
}

.fa.fa-google-plus {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus {
  --fa: "\f0d5";
}

.fa.fa-money {
  --fa: "\f3d1";
}

.fa.fa-unsorted {
  --fa: "\f0dc";
}

.fa.fa-sort-desc {
  --fa: "\f0dd";
}

.fa.fa-sort-asc {
  --fa: "\f0de";
}

.fa.fa-linkedin {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-linkedin {
  --fa: "\f0e1";
}

.fa.fa-rotate-left {
  --fa: "\f0e2";
}

.fa.fa-legal {
  --fa: "\f0e3";
}

.fa.fa-tachometer {
  --fa: "\f625";
}

.fa.fa-dashboard {
  --fa: "\f625";
}

.fa.fa-comment-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-comment-o {
  --fa: "\f075";
}

.fa.fa-comments-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-comments-o {
  --fa: "\f086";
}

.fa.fa-flash {
  --fa: "\f0e7";
}

.fa.fa-clipboard {
  --fa: "\f0ea";
}

.fa.fa-lightbulb-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-lightbulb-o {
  --fa: "\f0eb";
}

.fa.fa-exchange {
  --fa: "\f362";
}

.fa.fa-cloud-download {
  --fa: "\f0ed";
}

.fa.fa-cloud-upload {
  --fa: "\f0ee";
}

.fa.fa-bell-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-bell-o {
  --fa: "\f0f3";
}

.fa.fa-cutlery {
  --fa: "\f2e7";
}

.fa.fa-file-text-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-text-o {
  --fa: "\f15c";
}

.fa.fa-building-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-building-o {
  --fa: "\f1ad";
}

.fa.fa-hospital-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hospital-o {
  --fa: "\f0f8";
}

.fa.fa-tablet {
  --fa: "\f3fa";
}

.fa.fa-mobile {
  --fa: "\f3cd";
}

.fa.fa-mobile-phone {
  --fa: "\f3cd";
}

.fa.fa-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-circle-o {
  --fa: "\f111";
}

.fa.fa-mail-reply {
  --fa: "\f3e5";
}

.fa.fa-github-alt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-folder-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-folder-o {
  --fa: "\f07b";
}

.fa.fa-folder-open-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-folder-open-o {
  --fa: "\f07c";
}

.fa.fa-smile-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-smile-o {
  --fa: "\f118";
}

.fa.fa-frown-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-frown-o {
  --fa: "\f119";
}

.fa.fa-meh-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-meh-o {
  --fa: "\f11a";
}

.fa.fa-keyboard-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-keyboard-o {
  --fa: "\f11c";
}

.fa.fa-flag-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-flag-o {
  --fa: "\f024";
}

.fa.fa-mail-reply-all {
  --fa: "\f122";
}

.fa.fa-star-half-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-star-half-o {
  --fa: "\f5c0";
}

.fa.fa-star-half-empty {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-star-half-empty {
  --fa: "\f5c0";
}

.fa.fa-star-half-full {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-star-half-full {
  --fa: "\f5c0";
}

.fa.fa-code-fork {
  --fa: "\f126";
}

.fa.fa-chain-broken {
  --fa: "\f127";
}

.fa.fa-unlink {
  --fa: "\f127";
}

.fa.fa-calendar-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-o {
  --fa: "\f133";
}

.fa.fa-maxcdn {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-html5 {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-css3 {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-unlock-alt {
  --fa: "\f09c";
}

.fa.fa-minus-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-minus-square-o {
  --fa: "\f146";
}

.fa.fa-level-up {
  --fa: "\f3bf";
}

.fa.fa-level-down {
  --fa: "\f3be";
}

.fa.fa-pencil-square {
  --fa: "\f14b";
}

.fa.fa-external-link-square {
  --fa: "\f360";
}

.fa.fa-compass {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-down {
  --fa: "\f150";
}

.fa.fa-toggle-down {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-toggle-down {
  --fa: "\f150";
}

.fa.fa-caret-square-o-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-up {
  --fa: "\f151";
}

.fa.fa-toggle-up {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-toggle-up {
  --fa: "\f151";
}

.fa.fa-caret-square-o-right {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-right {
  --fa: "\f152";
}

.fa.fa-toggle-right {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-toggle-right {
  --fa: "\f152";
}

.fa.fa-eur {
  --fa: "\f153";
}

.fa.fa-euro {
  --fa: "\f153";
}

.fa.fa-gbp {
  --fa: "\f154";
}

.fa.fa-usd {
  --fa: "\$";
}

.fa.fa-dollar {
  --fa: "\$";
}

.fa.fa-inr {
  --fa: "\e1bc";
}

.fa.fa-rupee {
  --fa: "\e1bc";
}

.fa.fa-jpy {
  --fa: "\f157";
}

.fa.fa-cny {
  --fa: "\f157";
}

.fa.fa-rmb {
  --fa: "\f157";
}

.fa.fa-yen {
  --fa: "\f157";
}

.fa.fa-rub {
  --fa: "\f158";
}

.fa.fa-ruble {
  --fa: "\f158";
}

.fa.fa-rouble {
  --fa: "\f158";
}

.fa.fa-krw {
  --fa: "\f159";
}

.fa.fa-won {
  --fa: "\f159";
}

.fa.fa-btc {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitcoin {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitcoin {
  --fa: "\f15a";
}

.fa.fa-file-text {
  --fa: "\f15c";
}

.fa.fa-sort-alpha-asc {
  --fa: "\f15d";
}

.fa.fa-sort-alpha-desc {
  --fa: "\f881";
}

.fa.fa-sort-amount-asc {
  --fa: "\f884";
}

.fa.fa-sort-amount-desc {
  --fa: "\f160";
}

.fa.fa-sort-numeric-asc {
  --fa: "\f162";
}

.fa.fa-sort-numeric-desc {
  --fa: "\f886";
}

.fa.fa-youtube-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-youtube-square {
  --fa: "\f431";
}

.fa.fa-youtube {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-xing {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-xing-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-xing-square {
  --fa: "\f169";
}

.fa.fa-youtube-play {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-youtube-play {
  --fa: "\f167";
}

.fa.fa-dropbox {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-stack-overflow {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-instagram {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-flickr {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-adn {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bitbucket-square {
  --fa: "\f171";
}

.fa.fa-tumblr {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-tumblr-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-tumblr-square {
  --fa: "\f174";
}

.fa.fa-long-arrow-down {
  --fa: "\f309";
}

.fa.fa-long-arrow-up {
  --fa: "\f30c";
}

.fa.fa-long-arrow-left {
  --fa: "\f30a";
}

.fa.fa-long-arrow-right {
  --fa: "\f30b";
}

.fa.fa-apple {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-windows {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-android {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-linux {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-dribbble {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-skype {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-foursquare {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-trello {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gratipay {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gittip {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gittip {
  --fa: "\f184";
}

.fa.fa-sun-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-sun-o {
  --fa: "\f185";
}

.fa.fa-moon-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-moon-o {
  --fa: "\f186";
}

.fa.fa-vk {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-weibo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-renren {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pagelines {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-stack-exchange {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-right {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-right {
  --fa: "\f35a";
}

.fa.fa-arrow-circle-o-left {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-arrow-circle-o-left {
  --fa: "\f359";
}

.fa.fa-caret-square-o-left {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-caret-square-o-left {
  --fa: "\f191";
}

.fa.fa-toggle-left {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-toggle-left {
  --fa: "\f191";
}

.fa.fa-dot-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-dot-circle-o {
  --fa: "\f192";
}

.fa.fa-vimeo-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-vimeo-square {
  --fa: "\f194";
}

.fa.fa-try {
  --fa: "\e2bb";
}

.fa.fa-turkish-lira {
  --fa: "\e2bb";
}

.fa.fa-plus-square-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-plus-square-o {
  --fa: "\f0fe";
}

.fa.fa-slack {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wordpress {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-openid {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-institution {
  --fa: "\f19c";
}

.fa.fa-bank {
  --fa: "\f19c";
}

.fa.fa-mortar-board {
  --fa: "\f19d";
}

.fa.fa-yahoo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-reddit {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-reddit-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-reddit-square {
  --fa: "\f1a2";
}

.fa.fa-stumbleupon-circle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-stumbleupon {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-delicious {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-digg {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pied-piper-pp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pied-piper-alt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-drupal {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-joomla {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-behance {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-behance-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-behance-square {
  --fa: "\f1b5";
}

.fa.fa-steam {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-steam-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-steam-square {
  --fa: "\f1b7";
}

.fa.fa-automobile {
  --fa: "\f1b9";
}

.fa.fa-cab {
  --fa: "\f1ba";
}

.fa.fa-spotify {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-deviantart {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-soundcloud {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-file-pdf-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-pdf-o {
  --fa: "\f1c1";
}

.fa.fa-file-word-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-word-o {
  --fa: "\f1c2";
}

.fa.fa-file-excel-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-excel-o {
  --fa: "\f1c3";
}

.fa.fa-file-powerpoint-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-powerpoint-o {
  --fa: "\f1c4";
}

.fa.fa-file-image-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-image-o {
  --fa: "\f1c5";
}

.fa.fa-file-photo-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-photo-o {
  --fa: "\f1c5";
}

.fa.fa-file-picture-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-picture-o {
  --fa: "\f1c5";
}

.fa.fa-file-archive-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-archive-o {
  --fa: "\f1c6";
}

.fa.fa-file-zip-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-zip-o {
  --fa: "\f1c6";
}

.fa.fa-file-audio-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-audio-o {
  --fa: "\f1c7";
}

.fa.fa-file-sound-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-sound-o {
  --fa: "\f1c7";
}

.fa.fa-file-video-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-video-o {
  --fa: "\f1c8";
}

.fa.fa-file-movie-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-movie-o {
  --fa: "\f1c8";
}

.fa.fa-file-code-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-file-code-o {
  --fa: "\f1c9";
}

.fa.fa-vine {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-codepen {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-jsfiddle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-life-bouy {
  --fa: "\f1cd";
}

.fa.fa-life-buoy {
  --fa: "\f1cd";
}

.fa.fa-life-saver {
  --fa: "\f1cd";
}

.fa.fa-support {
  --fa: "\f1cd";
}

.fa.fa-circle-o-notch {
  --fa: "\f1ce";
}

.fa.fa-rebel {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ra {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ra {
  --fa: "\f1d0";
}

.fa.fa-resistance {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-resistance {
  --fa: "\f1d0";
}

.fa.fa-empire {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ge {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ge {
  --fa: "\f1d1";
}

.fa.fa-git-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-git-square {
  --fa: "\f1d2";
}

.fa.fa-git {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-hacker-news {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator-square {
  --fa: "\f1d4";
}

.fa.fa-yc-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yc-square {
  --fa: "\f1d4";
}

.fa.fa-tencent-weibo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-qq {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-weixin {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wechat {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wechat {
  --fa: "\f1d7";
}

.fa.fa-send {
  --fa: "\f1d8";
}

.fa.fa-paper-plane-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-paper-plane-o {
  --fa: "\f1d8";
}

.fa.fa-send-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-send-o {
  --fa: "\f1d8";
}

.fa.fa-circle-thin {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-circle-thin {
  --fa: "\f111";
}

.fa.fa-header {
  --fa: "\f1dc";
}

.fa.fa-futbol-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-futbol-o {
  --fa: "\f1e3";
}

.fa.fa-soccer-ball-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-soccer-ball-o {
  --fa: "\f1e3";
}

.fa.fa-slideshare {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-twitch {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yelp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-newspaper-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-newspaper-o {
  --fa: "\f1ea";
}

.fa.fa-paypal {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-wallet {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-visa {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-mastercard {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-discover {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-amex {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-paypal {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-stripe {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bell-slash-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-bell-slash-o {
  --fa: "\f1f6";
}

.fa.fa-trash {
  --fa: "\f2ed";
}

.fa.fa-copyright {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-eyedropper {
  --fa: "\f1fb";
}

.fa.fa-area-chart {
  --fa: "\f1fe";
}

.fa.fa-pie-chart {
  --fa: "\f200";
}

.fa.fa-line-chart {
  --fa: "\f201";
}

.fa.fa-lastfm {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-lastfm-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-lastfm-square {
  --fa: "\f203";
}

.fa.fa-ioxhost {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-angellist {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-cc {
  --fa: "\f20a";
}

.fa.fa-ils {
  --fa: "\f20b";
}

.fa.fa-shekel {
  --fa: "\f20b";
}

.fa.fa-sheqel {
  --fa: "\f20b";
}

.fa.fa-buysellads {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-connectdevelop {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-dashcube {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-forumbee {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-leanpub {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-sellsy {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-shirtsinbulk {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-simplybuilt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-skyatlas {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-diamond {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-diamond {
  --fa: "\f3a5";
}

.fa.fa-transgender {
  --fa: "\f224";
}

.fa.fa-intersex {
  --fa: "\f224";
}

.fa.fa-transgender-alt {
  --fa: "\f225";
}

.fa.fa-facebook-official {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-facebook-official {
  --fa: "\f09a";
}

.fa.fa-pinterest-p {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-whatsapp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-hotel {
  --fa: "\f236";
}

.fa.fa-viacoin {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-medium {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-y-combinator {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yc {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yc {
  --fa: "\f23b";
}

.fa.fa-optin-monster {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-opencart {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-expeditedssl {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-battery-4 {
  --fa: "\f240";
}

.fa.fa-battery {
  --fa: "\f240";
}

.fa.fa-battery-3 {
  --fa: "\f241";
}

.fa.fa-battery-2 {
  --fa: "\f242";
}

.fa.fa-battery-1 {
  --fa: "\f243";
}

.fa.fa-battery-0 {
  --fa: "\f244";
}

.fa.fa-object-group {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-object-ungroup {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-sticky-note-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-sticky-note-o {
  --fa: "\f249";
}

.fa.fa-cc-jcb {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-cc-diners-club {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-clone {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hourglass-o {
  --fa: "\f254";
}

.fa.fa-hourglass-1 {
  --fa: "\f251";
}

.fa.fa-hourglass-2 {
  --fa: "\f252";
}

.fa.fa-hourglass-3 {
  --fa: "\f253";
}

.fa.fa-hand-rock-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-rock-o {
  --fa: "\f255";
}

.fa.fa-hand-grab-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-grab-o {
  --fa: "\f255";
}

.fa.fa-hand-paper-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-paper-o {
  --fa: "\f256";
}

.fa.fa-hand-stop-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-stop-o {
  --fa: "\f256";
}

.fa.fa-hand-scissors-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-scissors-o {
  --fa: "\f257";
}

.fa.fa-hand-lizard-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-lizard-o {
  --fa: "\f258";
}

.fa.fa-hand-spock-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-spock-o {
  --fa: "\f259";
}

.fa.fa-hand-pointer-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-pointer-o {
  --fa: "\f25a";
}

.fa.fa-hand-peace-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-hand-peace-o {
  --fa: "\f25b";
}

.fa.fa-registered {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-creative-commons {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gg {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gg-circle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-odnoklassniki {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-odnoklassniki-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-odnoklassniki-square {
  --fa: "\f264";
}

.fa.fa-get-pocket {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wikipedia-w {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-safari {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-chrome {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-firefox {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-opera {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-internet-explorer {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-television {
  --fa: "\f26c";
}

.fa.fa-contao {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-500px {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-amazon {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-calendar-plus-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-plus-o {
  --fa: "\f271";
}

.fa.fa-calendar-minus-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-minus-o {
  --fa: "\f272";
}

.fa.fa-calendar-times-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-times-o {
  --fa: "\f273";
}

.fa.fa-calendar-check-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-calendar-check-o {
  --fa: "\f274";
}

.fa.fa-map-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-map-o {
  --fa: "\f279";
}

.fa.fa-commenting {
  --fa: "\f4ad";
}

.fa.fa-commenting-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-commenting-o {
  --fa: "\f4ad";
}

.fa.fa-houzz {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-vimeo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-vimeo {
  --fa: "\f27d";
}

.fa.fa-black-tie {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-fonticons {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-reddit-alien {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-edge {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-credit-card-alt {
  --fa: "\f09d";
}

.fa.fa-codiepie {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-modx {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-fort-awesome {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-usb {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-product-hunt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-mixcloud {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-scribd {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-pause-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-pause-circle-o {
  --fa: "\f28b";
}

.fa.fa-stop-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-stop-circle-o {
  --fa: "\f28d";
}

.fa.fa-bluetooth {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-bluetooth-b {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-gitlab {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wpbeginner {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wpforms {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-envira {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wheelchair-alt {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wheelchair-alt {
  --fa: "\f368";
}

.fa.fa-question-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-question-circle-o {
  --fa: "\f059";
}

.fa.fa-volume-control-phone {
  --fa: "\f2a0";
}

.fa.fa-asl-interpreting {
  --fa: "\f2a3";
}

.fa.fa-deafness {
  --fa: "\f2a4";
}

.fa.fa-hard-of-hearing {
  --fa: "\f2a4";
}

.fa.fa-glide {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-glide-g {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-signing {
  --fa: "\f2a7";
}

.fa.fa-viadeo {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-viadeo-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-viadeo-square {
  --fa: "\f2aa";
}

.fa.fa-snapchat {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-snapchat-ghost {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-snapchat-ghost {
  --fa: "\f2ab";
}

.fa.fa-snapchat-square {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-snapchat-square {
  --fa: "\f2ad";
}

.fa.fa-pied-piper {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-first-order {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-yoast {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-themeisle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-official {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-official {
  --fa: "\f2b3";
}

.fa.fa-google-plus-circle {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-google-plus-circle {
  --fa: "\f2b3";
}

.fa.fa-font-awesome {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-fa {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-fa {
  --fa: "\f2b4";
}

.fa.fa-handshake-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-handshake-o {
  --fa: "\f2b5";
}

.fa.fa-envelope-open-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-envelope-open-o {
  --fa: "\f2b6";
}

.fa.fa-linode {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-address-book-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-address-book-o {
  --fa: "\f2b9";
}

.fa.fa-vcard {
  --fa: "\f2bb";
}

.fa.fa-address-card-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-address-card-o {
  --fa: "\f2bb";
}

.fa.fa-vcard-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-vcard-o {
  --fa: "\f2bb";
}

.fa.fa-user-circle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-user-circle-o {
  --fa: "\f2bd";
}

.fa.fa-user-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-user-o {
  --fa: "\f007";
}

.fa.fa-id-badge {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-drivers-license {
  --fa: "\f2c2";
}

.fa.fa-id-card-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-id-card-o {
  --fa: "\f2c2";
}

.fa.fa-drivers-license-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-drivers-license-o {
  --fa: "\f2c2";
}

.fa.fa-quora {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-free-code-camp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-telegram {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-thermometer-4 {
  --fa: "\f2c7";
}

.fa.fa-thermometer {
  --fa: "\f2c7";
}

.fa.fa-thermometer-3 {
  --fa: "\f2c8";
}

.fa.fa-thermometer-2 {
  --fa: "\f2c9";
}

.fa.fa-thermometer-1 {
  --fa: "\f2ca";
}

.fa.fa-thermometer-0 {
  --fa: "\f2cb";
}

.fa.fa-bathtub {
  --fa: "\f2cd";
}

.fa.fa-s15 {
  --fa: "\f2cd";
}

.fa.fa-window-maximize {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-window-restore {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-times-rectangle {
  --fa: "\f410";
}

.fa.fa-window-close-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-window-close-o {
  --fa: "\f410";
}

.fa.fa-times-rectangle-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-times-rectangle-o {
  --fa: "\f410";
}

.fa.fa-bandcamp {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-grav {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-etsy {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-imdb {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-ravelry {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-eercast {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-eercast {
  --fa: "\f2da";
}

.fa.fa-snowflake-o {
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.fa.fa-snowflake-o {
  --fa: "\f2dc";
}

.fa.fa-superpowers {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-wpexplorer {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

.fa.fa-meetup {
  font-family: "Font Awesome 7 Brands";
  font-weight: 400;
}

/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
:root, :host {
  --fa-family-brands: 'Font Awesome 7 Brands';
  --fa-font-brands: normal 400 1em/1 var(--fa-family-brands);
}

@font-face {
  font-family: "Font Awesome 7 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/static/fonts/fontawesome/fa-brands-400.40f9f6738fd2.woff2");
}

.fab,
.fa-brands,
.fa-classic.fa-brands {
  --fa-family: var(--fa-family-brands);
  --fa-style: 400;
}

.fa-firefox-browser {
  --fa: "\e007";
}

.fa-ideal {
  --fa: "\e013";
}

.fa-microblog {
  --fa: "\e01a";
}

.fa-square-pied-piper {
  --fa: "\e01e";
}

.fa-pied-piper-square {
  --fa: "\e01e";
}

.fa-unity {
  --fa: "\e049";
}

.fa-dailymotion {
  --fa: "\e052";
}

.fa-square-instagram {
  --fa: "\e055";
}

.fa-instagram-square {
  --fa: "\e055";
}

.fa-mixer {
  --fa: "\e056";
}

.fa-shopify {
  --fa: "\e057";
}

.fa-deezer {
  --fa: "\e077";
}

.fa-edge-legacy {
  --fa: "\e078";
}

.fa-google-pay {
  --fa: "\e079";
}

.fa-rust {
  --fa: "\e07a";
}

.fa-tiktok {
  --fa: "\e07b";
}

.fa-unsplash {
  --fa: "\e07c";
}

.fa-cloudflare {
  --fa: "\e07d";
}

.fa-guilded {
  --fa: "\e07e";
}

.fa-hive {
  --fa: "\e07f";
}

.fa-42-group {
  --fa: "\e080";
}

.fa-innosoft {
  --fa: "\e080";
}

.fa-instalod {
  --fa: "\e081";
}

.fa-octopus-deploy {
  --fa: "\e082";
}

.fa-perbyte {
  --fa: "\e083";
}

.fa-uncharted {
  --fa: "\e084";
}

.fa-watchman-monitoring {
  --fa: "\e087";
}

.fa-wodu {
  --fa: "\e088";
}

.fa-wirsindhandwerk {
  --fa: "\e2d0";
}

.fa-wsh {
  --fa: "\e2d0";
}

.fa-bots {
  --fa: "\e340";
}

.fa-cmplid {
  --fa: "\e360";
}

.fa-bilibili {
  --fa: "\e3d9";
}

.fa-golang {
  --fa: "\e40f";
}

.fa-pix {
  --fa: "\e43a";
}

.fa-sitrox {
  --fa: "\e44a";
}

.fa-hashnode {
  --fa: "\e499";
}

.fa-meta {
  --fa: "\e49b";
}

.fa-padlet {
  --fa: "\e4a0";
}

.fa-nfc-directional {
  --fa: "\e530";
}

.fa-nfc-symbol {
  --fa: "\e531";
}

.fa-screenpal {
  --fa: "\e570";
}

.fa-space-awesome {
  --fa: "\e5ac";
}

.fa-square-font-awesome {
  --fa: "\e5ad";
}

.fa-square-gitlab {
  --fa: "\e5ae";
}

.fa-gitlab-square {
  --fa: "\e5ae";
}

.fa-odysee {
  --fa: "\e5c6";
}

.fa-stubber {
  --fa: "\e5c7";
}

.fa-debian {
  --fa: "\e60b";
}

.fa-shoelace {
  --fa: "\e60c";
}

.fa-threads {
  --fa: "\e618";
}

.fa-square-threads {
  --fa: "\e619";
}

.fa-square-x-twitter {
  --fa: "\e61a";
}

.fa-x-twitter {
  --fa: "\e61b";
}

.fa-opensuse {
  --fa: "\e62b";
}

.fa-letterboxd {
  --fa: "\e62d";
}

.fa-square-letterboxd {
  --fa: "\e62e";
}

.fa-mintbit {
  --fa: "\e62f";
}

.fa-google-scholar {
  --fa: "\e63b";
}

.fa-brave {
  --fa: "\e63c";
}

.fa-brave-reverse {
  --fa: "\e63d";
}

.fa-pixiv {
  --fa: "\e640";
}

.fa-upwork {
  --fa: "\e641";
}

.fa-webflow {
  --fa: "\e65c";
}

.fa-signal-messenger {
  --fa: "\e663";
}

.fa-bluesky {
  --fa: "\e671";
}

.fa-jxl {
  --fa: "\e67b";
}

.fa-square-upwork {
  --fa: "\e67c";
}

.fa-web-awesome {
  --fa: "\e682";
}

.fa-square-web-awesome {
  --fa: "\e683";
}

.fa-square-web-awesome-stroke {
  --fa: "\e684";
}

.fa-dart-lang {
  --fa: "\e693";
}

.fa-flutter {
  --fa: "\e694";
}

.fa-files-pinwheel {
  --fa: "\e69f";
}

.fa-css {
  --fa: "\e6a2";
}

.fa-square-bluesky {
  --fa: "\e6a3";
}

.fa-openai {
  --fa: "\e7cf";
}

.fa-square-linkedin {
  --fa: "\e7d0";
}

.fa-cash-app {
  --fa: "\e7d4";
}

.fa-disqus {
  --fa: "\e7d5";
}

.fa-eleventy {
  --fa: "\e7d6";
}

.fa-11ty {
  --fa: "\e7d6";
}

.fa-kakao-talk {
  --fa: "\e7d7";
}

.fa-linktree {
  --fa: "\e7d8";
}

.fa-notion {
  --fa: "\e7d9";
}

.fa-pandora {
  --fa: "\e7da";
}

.fa-pixelfed {
  --fa: "\e7db";
}

.fa-tidal {
  --fa: "\e7dc";
}

.fa-vsco {
  --fa: "\e7dd";
}

.fa-w3c {
  --fa: "\e7de";
}

.fa-lumon {
  --fa: "\e7e2";
}

.fa-lumon-drop {
  --fa: "\e7e3";
}

.fa-square-figma {
  --fa: "\e7e4";
}

.fa-tex {
  --fa: "\e7ff";
}

.fa-duolingo {
  --fa: "\e812";
}

.fa-supportnow {
  --fa: "\e833";
}

.fa-tor-browser {
  --fa: "\e838";
}

.fa-typescript {
  --fa: "\e840";
}

.fa-square-deskpro {
  --fa: "\e844";
}

.fa-circle-zulip {
  --fa: "\e851";
}

.fa-julia {
  --fa: "\e852";
}

.fa-zulip {
  --fa: "\e853";
}

.fa-unison {
  --fa: "\e854";
}

.fa-board-game-geek {
  --fa: "\e855";
}

.fa-bgg {
  --fa: "\e855";
}

.fa-ko-fi {
  --fa: "\e856";
}

.fa-kubernetes {
  --fa: "\e857";
}

.fa-postgresql {
  --fa: "\e858";
}

.fa-scaleway {
  --fa: "\e859";
}

.fa-venmo {
  --fa: "\e85a";
}

.fa-venmo-v {
  --fa: "\e85b";
}

.fa-unreal-engine {
  --fa: "\e85c";
}

.fa-globaleaks {
  --fa: "\e85d";
}

.fa-solana {
  --fa: "\e85e";
}

.fa-threema {
  --fa: "\e85f";
}

.fa-forgejo {
  --fa: "\e860";
}

.fa-claude {
  --fa: "\e861";
}

.fa-gitee {
  --fa: "\e863";
}

.fa-xmpp {
  --fa: "\e864";
}

.fa-fediverse {
  --fa: "\e865";
}

.fa-tailwind-css {
  --fa: "\e866";
}

.fa-arch-linux {
  --fa: "\e867";
}

.fa-svelte {
  --fa: "\e868";
}

.fa-hugging-face {
  --fa: "\e869";
}

.fa-leetcode {
  --fa: "\e86a";
}

.fa-openstreetmap {
  --fa: "\e86b";
}

.fa-ultralytics {
  --fa: "\e86d";
}

.fa-ultralytics-hub {
  --fa: "\e86e";
}

.fa-ultralytics-yolo {
  --fa: "\e86f";
}

.fa-obsidian {
  --fa: "\e879";
}

.fa-zoom {
  --fa: "\e87b";
}

.fa-vim {
  --fa: "\e88a";
}

.fa-symfonycasts {
  --fa: "\e8ab";
}

.fa-square-twitter {
  --fa: "\f081";
}

.fa-twitter-square {
  --fa: "\f081";
}

.fa-square-facebook {
  --fa: "\f082";
}

.fa-facebook-square {
  --fa: "\f082";
}

.fa-linkedin {
  --fa: "\f08c";
}

.fa-square-github {
  --fa: "\f092";
}

.fa-github-square {
  --fa: "\f092";
}

.fa-twitter {
  --fa: "\f099";
}

.fa-facebook {
  --fa: "\f09a";
}

.fa-github {
  --fa: "\f09b";
}

.fa-pinterest {
  --fa: "\f0d2";
}

.fa-square-pinterest {
  --fa: "\f0d3";
}

.fa-pinterest-square {
  --fa: "\f0d3";
}

.fa-square-google-plus {
  --fa: "\f0d4";
}

.fa-google-plus-square {
  --fa: "\f0d4";
}

.fa-google-plus-g {
  --fa: "\f0d5";
}

.fa-linkedin-in {
  --fa: "\f0e1";
}

.fa-github-alt {
  --fa: "\f113";
}

.fa-maxcdn {
  --fa: "\f136";
}

.fa-html5 {
  --fa: "\f13b";
}

.fa-css3 {
  --fa: "\f13c";
}

.fa-btc {
  --fa: "\f15a";
}

.fa-youtube {
  --fa: "\f167";
}

.fa-xing {
  --fa: "\f168";
}

.fa-square-xing {
  --fa: "\f169";
}

.fa-xing-square {
  --fa: "\f169";
}

.fa-dropbox {
  --fa: "\f16b";
}

.fa-stack-overflow {
  --fa: "\f16c";
}

.fa-instagram {
  --fa: "\f16d";
}

.fa-flickr {
  --fa: "\f16e";
}

.fa-adn {
  --fa: "\f170";
}

.fa-bitbucket {
  --fa: "\f171";
}

.fa-tumblr {
  --fa: "\f173";
}

.fa-square-tumblr {
  --fa: "\f174";
}

.fa-tumblr-square {
  --fa: "\f174";
}

.fa-apple {
  --fa: "\f179";
}

.fa-windows {
  --fa: "\f17a";
}

.fa-android {
  --fa: "\f17b";
}

.fa-linux {
  --fa: "\f17c";
}

.fa-dribbble {
  --fa: "\f17d";
}

.fa-skype {
  --fa: "\f17e";
}

.fa-foursquare {
  --fa: "\f180";
}

.fa-trello {
  --fa: "\f181";
}

.fa-gratipay {
  --fa: "\f184";
}

.fa-vk {
  --fa: "\f189";
}

.fa-weibo {
  --fa: "\f18a";
}

.fa-renren {
  --fa: "\f18b";
}

.fa-pagelines {
  --fa: "\f18c";
}

.fa-stack-exchange {
  --fa: "\f18d";
}

.fa-square-vimeo {
  --fa: "\f194";
}

.fa-vimeo-square {
  --fa: "\f194";
}

.fa-slack {
  --fa: "\f198";
}

.fa-slack-hash {
  --fa: "\f198";
}

.fa-wordpress {
  --fa: "\f19a";
}

.fa-openid {
  --fa: "\f19b";
}

.fa-yahoo {
  --fa: "\f19e";
}

.fa-google {
  --fa: "\f1a0";
}

.fa-reddit {
  --fa: "\f1a1";
}

.fa-square-reddit {
  --fa: "\f1a2";
}

.fa-reddit-square {
  --fa: "\f1a2";
}

.fa-stumbleupon-circle {
  --fa: "\f1a3";
}

.fa-stumbleupon {
  --fa: "\f1a4";
}

.fa-delicious {
  --fa: "\f1a5";
}

.fa-digg {
  --fa: "\f1a6";
}

.fa-pied-piper-pp {
  --fa: "\f1a7";
}

.fa-pied-piper-alt {
  --fa: "\f1a8";
}

.fa-drupal {
  --fa: "\f1a9";
}

.fa-joomla {
  --fa: "\f1aa";
}

.fa-behance {
  --fa: "\f1b4";
}

.fa-square-behance {
  --fa: "\f1b5";
}

.fa-behance-square {
  --fa: "\f1b5";
}

.fa-steam {
  --fa: "\f1b6";
}

.fa-square-steam {
  --fa: "\f1b7";
}

.fa-steam-square {
  --fa: "\f1b7";
}

.fa-spotify {
  --fa: "\f1bc";
}

.fa-deviantart {
  --fa: "\f1bd";
}

.fa-soundcloud {
  --fa: "\f1be";
}

.fa-vine {
  --fa: "\f1ca";
}

.fa-codepen {
  --fa: "\f1cb";
}

.fa-jsfiddle {
  --fa: "\f1cc";
}

.fa-rebel {
  --fa: "\f1d0";
}

.fa-empire {
  --fa: "\f1d1";
}

.fa-square-git {
  --fa: "\f1d2";
}

.fa-git-square {
  --fa: "\f1d2";
}

.fa-git {
  --fa: "\f1d3";
}

.fa-hacker-news {
  --fa: "\f1d4";
}

.fa-tencent-weibo {
  --fa: "\f1d5";
}

.fa-qq {
  --fa: "\f1d6";
}

.fa-weixin {
  --fa: "\f1d7";
}

.fa-slideshare {
  --fa: "\f1e7";
}

.fa-twitch {
  --fa: "\f1e8";
}

.fa-yelp {
  --fa: "\f1e9";
}

.fa-paypal {
  --fa: "\f1ed";
}

.fa-google-wallet {
  --fa: "\f1ee";
}

.fa-cc-visa {
  --fa: "\f1f0";
}

.fa-cc-mastercard {
  --fa: "\f1f1";
}

.fa-cc-discover {
  --fa: "\f1f2";
}

.fa-cc-amex {
  --fa: "\f1f3";
}

.fa-cc-paypal {
  --fa: "\f1f4";
}

.fa-cc-stripe {
  --fa: "\f1f5";
}

.fa-lastfm {
  --fa: "\f202";
}

.fa-square-lastfm {
  --fa: "\f203";
}

.fa-lastfm-square {
  --fa: "\f203";
}

.fa-ioxhost {
  --fa: "\f208";
}

.fa-angellist {
  --fa: "\f209";
}

.fa-buysellads {
  --fa: "\f20d";
}

.fa-connectdevelop {
  --fa: "\f20e";
}

.fa-dashcube {
  --fa: "\f210";
}

.fa-forumbee {
  --fa: "\f211";
}

.fa-leanpub {
  --fa: "\f212";
}

.fa-sellsy {
  --fa: "\f213";
}

.fa-shirtsinbulk {
  --fa: "\f214";
}

.fa-simplybuilt {
  --fa: "\f215";
}

.fa-skyatlas {
  --fa: "\f216";
}

.fa-pinterest-p {
  --fa: "\f231";
}

.fa-whatsapp {
  --fa: "\f232";
}

.fa-viacoin {
  --fa: "\f237";
}

.fa-medium {
  --fa: "\f23a";
}

.fa-medium-m {
  --fa: "\f23a";
}

.fa-y-combinator {
  --fa: "\f23b";
}

.fa-optin-monster {
  --fa: "\f23c";
}

.fa-opencart {
  --fa: "\f23d";
}

.fa-expeditedssl {
  --fa: "\f23e";
}

.fa-cc-jcb {
  --fa: "\f24b";
}

.fa-cc-diners-club {
  --fa: "\f24c";
}

.fa-creative-commons {
  --fa: "\f25e";
}

.fa-gg {
  --fa: "\f260";
}

.fa-gg-circle {
  --fa: "\f261";
}

.fa-odnoklassniki {
  --fa: "\f263";
}

.fa-square-odnoklassniki {
  --fa: "\f264";
}

.fa-odnoklassniki-square {
  --fa: "\f264";
}

.fa-get-pocket {
  --fa: "\f265";
}

.fa-wikipedia-w {
  --fa: "\f266";
}

.fa-safari {
  --fa: "\f267";
}

.fa-chrome {
  --fa: "\f268";
}

.fa-firefox {
  --fa: "\f269";
}

.fa-opera {
  --fa: "\f26a";
}

.fa-internet-explorer {
  --fa: "\f26b";
}

.fa-contao {
  --fa: "\f26d";
}

.fa-500px {
  --fa: "\f26e";
}

.fa-amazon {
  --fa: "\f270";
}

.fa-houzz {
  --fa: "\f27c";
}

.fa-vimeo-v {
  --fa: "\f27d";
}

.fa-black-tie {
  --fa: "\f27e";
}

.fa-fonticons {
  --fa: "\f280";
}

.fa-reddit-alien {
  --fa: "\f281";
}

.fa-edge {
  --fa: "\f282";
}

.fa-codiepie {
  --fa: "\f284";
}

.fa-modx {
  --fa: "\f285";
}

.fa-fort-awesome {
  --fa: "\f286";
}

.fa-usb {
  --fa: "\f287";
}

.fa-product-hunt {
  --fa: "\f288";
}

.fa-mixcloud {
  --fa: "\f289";
}

.fa-scribd {
  --fa: "\f28a";
}

.fa-bluetooth {
  --fa: "\f293";
}

.fa-bluetooth-b {
  --fa: "\f294";
}

.fa-gitlab {
  --fa: "\f296";
}

.fa-wpbeginner {
  --fa: "\f297";
}

.fa-wpforms {
  --fa: "\f298";
}

.fa-envira {
  --fa: "\f299";
}

.fa-glide {
  --fa: "\f2a5";
}

.fa-glide-g {
  --fa: "\f2a6";
}

.fa-viadeo {
  --fa: "\f2a9";
}

.fa-square-viadeo {
  --fa: "\f2aa";
}

.fa-viadeo-square {
  --fa: "\f2aa";
}

.fa-snapchat {
  --fa: "\f2ab";
}

.fa-snapchat-ghost {
  --fa: "\f2ab";
}

.fa-square-snapchat {
  --fa: "\f2ad";
}

.fa-snapchat-square {
  --fa: "\f2ad";
}

.fa-pied-piper {
  --fa: "\f2ae";
}

.fa-first-order {
  --fa: "\f2b0";
}

.fa-yoast {
  --fa: "\f2b1";
}

.fa-themeisle {
  --fa: "\f2b2";
}

.fa-google-plus {
  --fa: "\f2b3";
}

.fa-font-awesome {
  --fa: "\f2b4";
}

.fa-font-awesome-flag {
  --fa: "\f2b4";
}

.fa-font-awesome-logo-full {
  --fa: "\f2b4";
}

.fa-linode {
  --fa: "\f2b8";
}

.fa-quora {
  --fa: "\f2c4";
}

.fa-free-code-camp {
  --fa: "\f2c5";
}

.fa-telegram {
  --fa: "\f2c6";
}

.fa-telegram-plane {
  --fa: "\f2c6";
}

.fa-bandcamp {
  --fa: "\f2d5";
}

.fa-grav {
  --fa: "\f2d6";
}

.fa-etsy {
  --fa: "\f2d7";
}

.fa-imdb {
  --fa: "\f2d8";
}

.fa-ravelry {
  --fa: "\f2d9";
}

.fa-sellcast {
  --fa: "\f2da";
}

.fa-superpowers {
  --fa: "\f2dd";
}

.fa-wpexplorer {
  --fa: "\f2de";
}

.fa-meetup {
  --fa: "\f2e0";
}

.fa-square-font-awesome-stroke {
  --fa: "\f35c";
}

.fa-font-awesome-alt {
  --fa: "\f35c";
}

.fa-accessible-icon {
  --fa: "\f368";
}

.fa-accusoft {
  --fa: "\f369";
}

.fa-adversal {
  --fa: "\f36a";
}

.fa-affiliatetheme {
  --fa: "\f36b";
}

.fa-algolia {
  --fa: "\f36c";
}

.fa-amilia {
  --fa: "\f36d";
}

.fa-angrycreative {
  --fa: "\f36e";
}

.fa-app-store {
  --fa: "\f36f";
}

.fa-app-store-ios {
  --fa: "\f370";
}

.fa-apper {
  --fa: "\f371";
}

.fa-asymmetrik {
  --fa: "\f372";
}

.fa-audible {
  --fa: "\f373";
}

.fa-avianex {
  --fa: "\f374";
}

.fa-aws {
  --fa: "\f375";
}

.fa-bimobject {
  --fa: "\f378";
}

.fa-bitcoin {
  --fa: "\f379";
}

.fa-bity {
  --fa: "\f37a";
}

.fa-blackberry {
  --fa: "\f37b";
}

.fa-blogger {
  --fa: "\f37c";
}

.fa-blogger-b {
  --fa: "\f37d";
}

.fa-buromobelexperte {
  --fa: "\f37f";
}

.fa-centercode {
  --fa: "\f380";
}

.fa-cloudscale {
  --fa: "\f383";
}

.fa-cloudsmith {
  --fa: "\f384";
}

.fa-cloudversify {
  --fa: "\f385";
}

.fa-cpanel {
  --fa: "\f388";
}

.fa-css3-alt {
  --fa: "\f38b";
}

.fa-cuttlefish {
  --fa: "\f38c";
}

.fa-d-and-d {
  --fa: "\f38d";
}

.fa-deploydog {
  --fa: "\f38e";
}

.fa-deskpro {
  --fa: "\f38f";
}

.fa-digital-ocean {
  --fa: "\f391";
}

.fa-discord {
  --fa: "\f392";
}

.fa-discourse {
  --fa: "\f393";
}

.fa-dochub {
  --fa: "\f394";
}

.fa-docker {
  --fa: "\f395";
}

.fa-draft2digital {
  --fa: "\f396";
}

.fa-square-dribbble {
  --fa: "\f397";
}

.fa-dribbble-square {
  --fa: "\f397";
}

.fa-dyalog {
  --fa: "\f399";
}

.fa-earlybirds {
  --fa: "\f39a";
}

.fa-erlang {
  --fa: "\f39d";
}

.fa-facebook-f {
  --fa: "\f39e";
}

.fa-facebook-messenger {
  --fa: "\f39f";
}

.fa-firstdraft {
  --fa: "\f3a1";
}

.fa-fonticons-fi {
  --fa: "\f3a2";
}

.fa-fort-awesome-alt {
  --fa: "\f3a3";
}

.fa-freebsd {
  --fa: "\f3a4";
}

.fa-gitkraken {
  --fa: "\f3a6";
}

.fa-gofore {
  --fa: "\f3a7";
}

.fa-goodreads {
  --fa: "\f3a8";
}

.fa-goodreads-g {
  --fa: "\f3a9";
}

.fa-google-drive {
  --fa: "\f3aa";
}

.fa-google-play {
  --fa: "\f3ab";
}

.fa-gripfire {
  --fa: "\f3ac";
}

.fa-grunt {
  --fa: "\f3ad";
}

.fa-gulp {
  --fa: "\f3ae";
}

.fa-square-hacker-news {
  --fa: "\f3af";
}

.fa-hacker-news-square {
  --fa: "\f3af";
}

.fa-hire-a-helper {
  --fa: "\f3b0";
}

.fa-hotjar {
  --fa: "\f3b1";
}

.fa-hubspot {
  --fa: "\f3b2";
}

.fa-itunes {
  --fa: "\f3b4";
}

.fa-itunes-note {
  --fa: "\f3b5";
}

.fa-jenkins {
  --fa: "\f3b6";
}

.fa-joget {
  --fa: "\f3b7";
}

.fa-js {
  --fa: "\f3b8";
}

.fa-square-js {
  --fa: "\f3b9";
}

.fa-js-square {
  --fa: "\f3b9";
}

.fa-keycdn {
  --fa: "\f3ba";
}

.fa-kickstarter {
  --fa: "\f3bb";
}

.fa-square-kickstarter {
  --fa: "\f3bb";
}

.fa-kickstarter-k {
  --fa: "\f3bc";
}

.fa-laravel {
  --fa: "\f3bd";
}

.fa-line {
  --fa: "\f3c0";
}

.fa-lyft {
  --fa: "\f3c3";
}

.fa-magento {
  --fa: "\f3c4";
}

.fa-medapps {
  --fa: "\f3c6";
}

.fa-medrt {
  --fa: "\f3c8";
}

.fa-microsoft {
  --fa: "\f3ca";
}

.fa-mix {
  --fa: "\f3cb";
}

.fa-mizuni {
  --fa: "\f3cc";
}

.fa-monero {
  --fa: "\f3d0";
}

.fa-napster {
  --fa: "\f3d2";
}

.fa-node-js {
  --fa: "\f3d3";
}

.fa-npm {
  --fa: "\f3d4";
}

.fa-ns8 {
  --fa: "\f3d5";
}

.fa-nutritionix {
  --fa: "\f3d6";
}

.fa-page4 {
  --fa: "\f3d7";
}

.fa-palfed {
  --fa: "\f3d8";
}

.fa-patreon {
  --fa: "\f3d9";
}

.fa-periscope {
  --fa: "\f3da";
}

.fa-phabricator {
  --fa: "\f3db";
}

.fa-phoenix-framework {
  --fa: "\f3dc";
}

.fa-playstation {
  --fa: "\f3df";
}

.fa-pushed {
  --fa: "\f3e1";
}

.fa-python {
  --fa: "\f3e2";
}

.fa-red-river {
  --fa: "\f3e3";
}

.fa-wpressr {
  --fa: "\f3e4";
}

.fa-rendact {
  --fa: "\f3e4";
}

.fa-replyd {
  --fa: "\f3e6";
}

.fa-resolving {
  --fa: "\f3e7";
}

.fa-rocketchat {
  --fa: "\f3e8";
}

.fa-rockrms {
  --fa: "\f3e9";
}

.fa-schlix {
  --fa: "\f3ea";
}

.fa-searchengin {
  --fa: "\f3eb";
}

.fa-servicestack {
  --fa: "\f3ec";
}

.fa-sistrix {
  --fa: "\f3ee";
}

.fa-speakap {
  --fa: "\f3f3";
}

.fa-staylinked {
  --fa: "\f3f5";
}

.fa-steam-symbol {
  --fa: "\f3f6";
}

.fa-sticker-mule {
  --fa: "\f3f7";
}

.fa-studiovinari {
  --fa: "\f3f8";
}

.fa-supple {
  --fa: "\f3f9";
}

.fa-uber {
  --fa: "\f402";
}

.fa-uikit {
  --fa: "\f403";
}

.fa-uniregistry {
  --fa: "\f404";
}

.fa-untappd {
  --fa: "\f405";
}

.fa-ussunnah {
  --fa: "\f407";
}

.fa-vaadin {
  --fa: "\f408";
}

.fa-viber {
  --fa: "\f409";
}

.fa-vimeo {
  --fa: "\f40a";
}

.fa-vnv {
  --fa: "\f40b";
}

.fa-square-whatsapp {
  --fa: "\f40c";
}

.fa-whatsapp-square {
  --fa: "\f40c";
}

.fa-whmcs {
  --fa: "\f40d";
}

.fa-wordpress-simple {
  --fa: "\f411";
}

.fa-xbox {
  --fa: "\f412";
}

.fa-yandex {
  --fa: "\f413";
}

.fa-yandex-international {
  --fa: "\f414";
}

.fa-apple-pay {
  --fa: "\f415";
}

.fa-cc-apple-pay {
  --fa: "\f416";
}

.fa-fly {
  --fa: "\f417";
}

.fa-node {
  --fa: "\f419";
}

.fa-osi {
  --fa: "\f41a";
}

.fa-react {
  --fa: "\f41b";
}

.fa-autoprefixer {
  --fa: "\f41c";
}

.fa-less {
  --fa: "\f41d";
}

.fa-sass {
  --fa: "\f41e";
}

.fa-vuejs {
  --fa: "\f41f";
}

.fa-angular {
  --fa: "\f420";
}

.fa-aviato {
  --fa: "\f421";
}

.fa-ember {
  --fa: "\f423";
}

.fa-gitter {
  --fa: "\f426";
}

.fa-hooli {
  --fa: "\f427";
}

.fa-strava {
  --fa: "\f428";
}

.fa-stripe {
  --fa: "\f429";
}

.fa-stripe-s {
  --fa: "\f42a";
}

.fa-typo3 {
  --fa: "\f42b";
}

.fa-amazon-pay {
  --fa: "\f42c";
}

.fa-cc-amazon-pay {
  --fa: "\f42d";
}

.fa-ethereum {
  --fa: "\f42e";
}

.fa-korvue {
  --fa: "\f42f";
}

.fa-elementor {
  --fa: "\f430";
}

.fa-square-youtube {
  --fa: "\f431";
}

.fa-youtube-square {
  --fa: "\f431";
}

.fa-flipboard {
  --fa: "\f44d";
}

.fa-hips {
  --fa: "\f452";
}

.fa-php {
  --fa: "\f457";
}

.fa-quinscape {
  --fa: "\f459";
}

.fa-readme {
  --fa: "\f4d5";
}

.fa-java {
  --fa: "\f4e4";
}

.fa-pied-piper-hat {
  --fa: "\f4e5";
}

.fa-creative-commons-by {
  --fa: "\f4e7";
}

.fa-creative-commons-nc {
  --fa: "\f4e8";
}

.fa-creative-commons-nc-eu {
  --fa: "\f4e9";
}

.fa-creative-commons-nc-jp {
  --fa: "\f4ea";
}

.fa-creative-commons-nd {
  --fa: "\f4eb";
}

.fa-creative-commons-pd {
  --fa: "\f4ec";
}

.fa-creative-commons-pd-alt {
  --fa: "\f4ed";
}

.fa-creative-commons-remix {
  --fa: "\f4ee";
}

.fa-creative-commons-sa {
  --fa: "\f4ef";
}

.fa-creative-commons-sampling {
  --fa: "\f4f0";
}

.fa-creative-commons-sampling-plus {
  --fa: "\f4f1";
}

.fa-creative-commons-share {
  --fa: "\f4f2";
}

.fa-creative-commons-zero {
  --fa: "\f4f3";
}

.fa-ebay {
  --fa: "\f4f4";
}

.fa-keybase {
  --fa: "\f4f5";
}

.fa-mastodon {
  --fa: "\f4f6";
}

.fa-r-project {
  --fa: "\f4f7";
}

.fa-researchgate {
  --fa: "\f4f8";
}

.fa-teamspeak {
  --fa: "\f4f9";
}

.fa-first-order-alt {
  --fa: "\f50a";
}

.fa-fulcrum {
  --fa: "\f50b";
}

.fa-galactic-republic {
  --fa: "\f50c";
}

.fa-galactic-senate {
  --fa: "\f50d";
}

.fa-jedi-order {
  --fa: "\f50e";
}

.fa-mandalorian {
  --fa: "\f50f";
}

.fa-old-republic {
  --fa: "\f510";
}

.fa-phoenix-squadron {
  --fa: "\f511";
}

.fa-sith {
  --fa: "\f512";
}

.fa-trade-federation {
  --fa: "\f513";
}

.fa-wolf-pack-battalion {
  --fa: "\f514";
}

.fa-hornbill {
  --fa: "\f592";
}

.fa-mailchimp {
  --fa: "\f59e";
}

.fa-megaport {
  --fa: "\f5a3";
}

.fa-nimblr {
  --fa: "\f5a8";
}

.fa-rev {
  --fa: "\f5b2";
}

.fa-shopware {
  --fa: "\f5b5";
}

.fa-squarespace {
  --fa: "\f5be";
}

.fa-themeco {
  --fa: "\f5c6";
}

.fa-weebly {
  --fa: "\f5cc";
}

.fa-wix {
  --fa: "\f5cf";
}

.fa-ello {
  --fa: "\f5f1";
}

.fa-hackerrank {
  --fa: "\f5f7";
}

.fa-kaggle {
  --fa: "\f5fa";
}

.fa-markdown {
  --fa: "\f60f";
}

.fa-neos {
  --fa: "\f612";
}

.fa-zhihu {
  --fa: "\f63f";
}

.fa-alipay {
  --fa: "\f642";
}

.fa-the-red-yeti {
  --fa: "\f69d";
}

.fa-critical-role {
  --fa: "\f6c9";
}

.fa-d-and-d-beyond {
  --fa: "\f6ca";
}

.fa-dev {
  --fa: "\f6cc";
}

.fa-fantasy-flight-games {
  --fa: "\f6dc";
}

.fa-wizards-of-the-coast {
  --fa: "\f730";
}

.fa-think-peaks {
  --fa: "\f731";
}

.fa-reacteurope {
  --fa: "\f75d";
}

.fa-artstation {
  --fa: "\f77a";
}

.fa-atlassian {
  --fa: "\f77b";
}

.fa-canadian-maple-leaf {
  --fa: "\f785";
}

.fa-centos {
  --fa: "\f789";
}

.fa-confluence {
  --fa: "\f78d";
}

.fa-dhl {
  --fa: "\f790";
}

.fa-diaspora {
  --fa: "\f791";
}

.fa-fedex {
  --fa: "\f797";
}

.fa-fedora {
  --fa: "\f798";
}

.fa-figma {
  --fa: "\f799";
}

.fa-intercom {
  --fa: "\f7af";
}

.fa-invision {
  --fa: "\f7b0";
}

.fa-jira {
  --fa: "\f7b1";
}

.fa-mendeley {
  --fa: "\f7b3";
}

.fa-raspberry-pi {
  --fa: "\f7bb";
}

.fa-redhat {
  --fa: "\f7bc";
}

.fa-sketch {
  --fa: "\f7c6";
}

.fa-sourcetree {
  --fa: "\f7d3";
}

.fa-suse {
  --fa: "\f7d6";
}

.fa-ubuntu {
  --fa: "\f7df";
}

.fa-ups {
  --fa: "\f7e0";
}

.fa-usps {
  --fa: "\f7e1";
}

.fa-yarn {
  --fa: "\f7e3";
}

.fa-airbnb {
  --fa: "\f834";
}

.fa-battle-net {
  --fa: "\f835";
}

.fa-bootstrap {
  --fa: "\f836";
}

.fa-buffer {
  --fa: "\f837";
}

.fa-chromecast {
  --fa: "\f838";
}

.fa-evernote {
  --fa: "\f839";
}

.fa-itch-io {
  --fa: "\f83a";
}

.fa-salesforce {
  --fa: "\f83b";
}

.fa-speaker-deck {
  --fa: "\f83c";
}

.fa-symfony {
  --fa: "\f83d";
}

.fa-waze {
  --fa: "\f83f";
}

.fa-yammer {
  --fa: "\f840";
}

.fa-git-alt {
  --fa: "\f841";
}

.fa-stackpath {
  --fa: "\f842";
}

.fa-cotton-bureau {
  --fa: "\f89e";
}

.fa-buy-n-large {
  --fa: "\f8a6";
}

.fa-mdb {
  --fa: "\f8ca";
}

.fa-orcid {
  --fa: "\f8d2";
}

.fa-swift {
  --fa: "\f8e1";
}

.fa-umbraco {
  --fa: "\f8e8";
}

.btn-brand:disabled, .is-disabled.btn-brand, .btn-default:disabled, .is-disabled.btn-default, .btn-primary:disabled, .is-disabled.btn-primary, .btn-upgrade:disabled, .is-disabled.btn-upgrade {
  pointer-events: none;
  outline: none;
  cursor: not-allowed;
}

.btn-small.btn-brand, .btn-small.btn-default, .btn-small.btn-primary, .btn-small.btn-upgrade {
  padding: 0.625rem 0.625rem;
  font-size: 14px;
}

.breadcrumbs {
  font-size: 0.875rem;
  line-height: line-height(small);
}

.breadcrumbs .nav-item {
  margin-left: 5px;
  display: inline-block;
}

@media (max-width: 1199px) {
  .breadcrumbs .nav-item {
    max-width: 240px;
  }
}

@media (max-width: 767px) {
  .breadcrumbs .nav-item {
    max-width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

@media (max-width: 575px) {
  .breadcrumbs .nav-item:not(:first-child) {
    max-width: 60px;
  }
}

.breadcrumbs .nav-item.nav-item-course {
  max-width: none;
}

.breadcrumbs .nav-item a,
.breadcrumbs .nav-item a:visited {
  color: #0075b4;
}

.breadcrumbs .nav-item a:hover {
  color: #005e90;
}

.breadcrumbs .fa-angle-right {
  margin-left: 5px;
  display: inline-block;
  color: #313131;
}

@media (max-width: 767px) {
  .breadcrumbs .fa-angle-right {
    position: relative;
    top: -5px;
  }
}

.btn-default, .btn-primary, .btn-upgrade, .btn-brand {
  display: inline-block;
  background-color: transparent;
  background-image: none;
  border-style: solid;
  border-radius: 0.1875rem;
  border-width: 1px;
  box-shadow: none;
  padding: 0.625rem 1.25rem;
  font-size: 16px;
  font-weight: normal;
  text-shadow: none;
  text-transform: capitalize;
}

.block.btn-default, .block.btn-primary, .block.btn-upgrade, .block.btn-brand {
  display: block;
  width: 100%;
}

.btn-default .icon, .btn-primary .icon, .btn-upgrade .icon, .btn-brand .icon {
  display: inline-block;
  vertical-align: baseline;
}

.btn-default .icon:only-child, .btn-primary .icon:only-child, .btn-upgrade .icon:only-child, .btn-brand .icon:only-child, .sr-only + .btn-default .icon, .sr-only + .btn-primary .icon, .sr-only + .btn-upgrade .icon, .sr-only + .btn-brand .icon {
  margin-right: 0;
}

.btn-default {
  border-color: transparent;
  background: transparent;
  color: #0075b4;
}

.btn-default:hover, .btn-default.is-hovered, .btn-default:focus, .btn-default.is-focused {
  border-color: #0075b4;
  background-color: transparent;
  color: #0075b4;
}

.btn-default:active, .btn-default.is-pressed, .btn-default.is-active {
  border-color: #0075b4;
  color: #0075b4;
}

.btn-default:disabled, .btn-default.is-disabled {
  border-color: #d2d0d0;
  color: #6b6969;
}

.btn-primary, .btn-brand {
  border-color: #0075b4;
  background: #0075b4;
  color: #fcfcfc;
}

.btn-primary:hover, .btn-brand:hover, .btn-primary.is-hovered, .is-hovered.btn-brand, .btn-primary:focus, .btn-brand:focus, .btn-primary.is-focused, .is-focused.btn-brand {
  border-color: #005e90;
  background-color: #005e90;
  color: #fcfcfc;
}

.btn-primary:active, .btn-brand:active, .btn-primary.is-pressed, .is-pressed.btn-brand, .btn-primary.is-active, .is-active.btn-brand {
  border-color: #0075b4;
  background: #0075b4;
}

.btn-primary:disabled, .btn-brand:disabled, .btn-primary.is-disabled, .is-disabled.btn-brand {
  border-color: #d2d0d0;
  background: #f2f3f3;
  color: #676666;
}

.btn-upgrade {
  border-color: #008100;
  background: #008100;
  color: #fcfcfc;
}

.btn-upgrade:hover, .btn-upgrade.is-hovered, .btn-upgrade:focus, .btn-upgrade.is-focused {
  border-color: #009b00;
  background-color: #009b00;
  color: #fcfcfc;
}

.btn-upgrade:disabled, .btn-upgrade.is-disabled {
  border-color: #d2d0d0;
  background: #f2f3f3;
  color: #fcfcfc;
}

/* HTML5 Boilerplate  */
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}

a:not(.btn) {
  color: #0075b4;
}

a:visited:not(.btn) {
  color: #003655;
}

a:hover:not(.btn),
a:focus:not(.btn) {
  color: #0079bc;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q::before,
q::after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul,
ol {
  padding: 0 0 0 40px;
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

nav ul,
nav ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button:-moz-focusring {
  outline: 1px dotted black;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

@media print {
  * {
    background: transparent;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  html,
body {
    background: transparent !important;
  }
  a,
a:visited {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  .ir a::after {
    content: "";
  }
  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 1cm 1.2cm 2cm;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
h3 {
    page-break-after: avoid;
  }
}

body.uxdesign.alerts .content-primary, .verification-process.step-requirements .list-reqs .req, .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .wrapper-photo .placeholder-photo, .verification-process .carousel .wrapper-task .task, .verification-process .report-receipt-provider, .verification-process .wrapper-report .report {
  border-radius: 3px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  border: 1px solid #dddddd;
  background: #fff;
}

body.uxdesign.alerts .content-primary:after, .verification-process.step-requirements .list-reqs .req:after, .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .wrapper-photo .placeholder-photo:after, .verification-process .carousel .wrapper-task .task:after, .verification-process .report-receipt-provider:after, .verification-process .wrapper-report .report:after {
  content: "";
  display: table;
  clear: both;
}

.ui-loading, .learner-achievements .learner-message, .verification-process .nav-wizard {
  box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.1);
  padding: 15px 20px;
}

.is-expandable.is-ready .title-expand {
  cursor: pointer;
}

.is-disabled, a:not(.btn):disabled, a.is-disabled:not(.btn), a.disabled:not(.btn),
a:visited:not(.btn):disabled,
a.is-disabled:visited:not(.btn),
a.disabled:visited:not(.btn) {
  pointer-events: none;
  outline: none;
  cursor: default;
}

.find-courses .wrapper-search-context .wrapper-search-input {
  z-index: 0;
}

.courses-container .courses .course .course-image .cover-image::before, .verification-process.step-requirements .list-reqs .req .placeholder-art .fa-stack-2x, .verification-process .progress-sts, .find-courses .search-facets, .find-courses .discovery-input, .wrapper-messages-primary .message, .home > header .title .course-search .search-input, .modal .inner-wrapper header, .leanModal_box .inner-wrapper header, .modal .inner-wrapper, .leanModal_box .inner-wrapper, .modal, .leanModal_box, .header-global-new, .header-global, .pagination .current-page {
  z-index: 10;
}

.wrapper-alert, .courses-container .courses .course .course-image .cover-image .learn-more, .verification-process.step-requirements .list-reqs .req .placeholder-art .fa-stack-1x, .verification-process .progress .progress-step, .find-courses .discovery-submit, .home > header .title .course-search .search-button, .pagination .pagination-form {
  z-index: 100;
}

.highlighted-courses .courses .course .status, .find-courses .courses .course .status, .nav-utilities {
  z-index: 1000;
}

.wrapper-notification, .wrapper-prompt {
  z-index: 100000;
}

.nav-utilities .wrapper-utility:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.verification-process.step-select-track .contribution-options .field-group-other .contribution-option-other1 label,
.verification-process.step-select-track .contribution-options .field-group-other .contribution-option-other2 label, .verification-process.step-select-track .sts-track, .verification-process .carousel #wrapper-review .review-task-contribution .list-fields .field-group-other .contribution-option-other1 label,
.verification-process .carousel #wrapper-review .review-task-contribution .list-fields .field-group-other .contribution-option-other2 label, .pagination .pagination-form .page-number-label,
.pagination .pagination-form .submit-pagination-form, .pagination .nav-label, .nav-contents, .nav-skip, .transcript-skip, .sr,
.sr-only {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  margin: -1px;
  height: 1px;
  width: 1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  word-wrap: normal;
}

.sr,
.sr-only {
  background: #fff;
  color: #000;
}

.courses-container .courses .courses-listing, .verification-process .list-actions,
.verification-process .list-steps,
.verification-process .progress-steps,
.verification-process .list-controls,
.verification-process .list-fields,
.verification-process .list-nav,
.verification-process .list-help,
.verification-process .list-faq,
.verification-process .nav-wizard,
.verification-process .list-reqs,
.verification-process .review-tasks,
.verification-process .list-tips,
.verification-process .wrapper-photos,
.verification-process .field-group,
.verification-process .list-info, .find-courses .search-facets .facet-list, .status-verification .list-actions, .modal-settings-language .list-input, .modal-settings-language .list-actions, footer#footer-edx-v3 .about-links,
footer#footer-edx-v3 .legal-links,
footer#footer-edx-v3 .social-media-links,
footer#footer-edx-v3 .mobile-app-links {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
}

.courses-container .courses .courses-listing li, .verification-process .list-actions li,
.verification-process .list-steps li,
.verification-process .progress-steps li,
.verification-process .list-controls li,
.verification-process .list-fields li,
.verification-process .list-nav li,
.verification-process .list-help li,
.verification-process .list-faq li,
.verification-process .nav-wizard li,
.verification-process .list-reqs li,
.verification-process .review-tasks li,
.verification-process .list-tips li,
.verification-process .wrapper-photos li,
.verification-process .field-group li,
.verification-process .list-info li, .find-courses .search-facets .facet-list li, .status-verification .list-actions li, .modal-settings-language .list-input li, .modal-settings-language .list-actions li, footer#footer-edx-v3 .about-links li,
footer#footer-edx-v3 .legal-links li,
footer#footer-edx-v3 .social-media-links li,
footer#footer-edx-v3 .mobile-app-links li, .courses-container .courses .courses-listing dt, .verification-process .list-actions dt,
.verification-process .list-steps dt,
.verification-process .progress-steps dt,
.verification-process .list-controls dt,
.verification-process .list-fields dt,
.verification-process .list-nav dt,
.verification-process .list-help dt,
.verification-process .list-faq dt,
.verification-process .nav-wizard dt,
.verification-process .list-reqs dt,
.verification-process .review-tasks dt,
.verification-process .list-tips dt,
.verification-process .wrapper-photos dt,
.verification-process .field-group dt,
.verification-process .list-info dt, .find-courses .search-facets .facet-list dt, .status-verification .list-actions dt, .modal-settings-language .list-input dt, .modal-settings-language .list-actions dt, footer#footer-edx-v3 .about-links dt,
footer#footer-edx-v3 .legal-links dt,
footer#footer-edx-v3 .social-media-links dt,
footer#footer-edx-v3 .mobile-app-links dt, .courses-container .courses .courses-listing dd, .verification-process .list-actions dd,
.verification-process .list-steps dd,
.verification-process .progress-steps dd,
.verification-process .list-controls dd,
.verification-process .list-fields dd,
.verification-process .list-nav dd,
.verification-process .list-help dd,
.verification-process .list-faq dd,
.verification-process .nav-wizard dd,
.verification-process .list-reqs dd,
.verification-process .review-tasks dd,
.verification-process .list-tips dd,
.verification-process .wrapper-photos dd,
.verification-process .field-group dd,
.verification-process .list-info dd, .find-courses .search-facets .facet-list dd, .status-verification .list-actions dd, .modal-settings-language .list-input dd, .modal-settings-language .list-actions dd, footer#footer-edx-v3 .about-links dd,
footer#footer-edx-v3 .legal-links dd,
footer#footer-edx-v3 .social-media-links dd,
footer#footer-edx-v3 .mobile-app-links dd {
  margin: 0;
  padding: 0;
}

.course-info .course-sidebar .important-dates .prerequisite-course .pre-requisite, .find-courses .search-facets .facet-option {
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.find-courses .discovery-input:focus, .home > header .title .course-search .search-input:focus, .nav-utilities .action-toggle-notes, .sr-is-focusable,
.sr-is-focusable:focus,
.sr-is-focusable:active {
  outline: none;
}

.btn-link {
  color: #0075b4;
}

.btn-link:hover, .btn-link:focus {
  color: #0075b4;
}

.btn-link:hover, .btn-link:focus {
  text-decoration: underline !important;
}

.edx-cookie-banner-wrapper {
  background: #f2f8fd;
  box-sizing: border-box;
  /** Base Styles - start **/
  text-align: left;
  line-height: 1.5;
  font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  /** Base Styles - end **/
}

.edx-cookie-banner-wrapper .alert {
  position: relative;
  padding: 0.75rem 1.25rem;
}

.edx-cookie-banner-wrapper .alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  background: transparent;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
  float: right;
  line-height: 1;
  font-size: 1.5rem;
  font-weight: 700;
}

.edx-cookie-banner-wrapper .alert-dismissible .btn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

.edx-cookie-banner-wrapper .edx-cookie-banner {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  min-width: 0;
  margin: 0 auto;
  background: inherit;
  border: none;
}

.edx-cookie-banner-wrapper .edx-cookie-banner .policy-link {
  color: #0075b4;
  text-decoration: underline;
}

.edx-cookie-banner-wrapper .edx-cookie-banner .policy-link:focus, .edx-cookie-banner-wrapper .edx-cookie-banner .policy-link:hover {
  color: #075683;
  border: none;
}

.edx-cookie-banner-wrapper .edx-cookie-banner .alert-dialog {
  margin-right: 30px;
  color: #4e4e4e;
}

.edx-cookie-banner-wrapper .edx-cookie-banner .btn.close {
  color: #0075b4;
}

.edx-cookie-banner-wrapper .edx-cookie-banner .btn.close:focus, .edx-cookie-banner-wrapper .edx-cookie-banner .btn.close:hover {
  color: #075683;
  cursor: pointer;
}

.container.about > nav::after, .view-profile .about.wrapper-profile-sections > nav::after, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy > nav::after, section.about.outside-app > nav::after, .mediakit hr::after, .course-info .course-sidebar header::after, .home .university-partners hr::after, .modal .inner-wrapper header hr::after, .leanModal_box .inner-wrapper header hr::after {
  background-image: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
  height: 1px;
  width: 100%;
}

.home .university-partners::after, .home .university-partners::before {
  background-image: linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0));
  height: 1px;
  width: 100%;
}

.mediakit hr, .home .university-partners hr, .modal .inner-wrapper header hr, .leanModal_box .inner-wrapper header hr {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0));
  height: 1px;
  width: 100%;
}

.container.activation h1.invalid, .view-profile .activation.wrapper-profile-sections h1.invalid, .view-profile .profile-self .wrapper-profile-field-account-privacy .activation.u-field-account_privacy h1.invalid, section.activation.outside-app h1.invalid {
  background: #cb0712;
  border: 1px solid #ca1111;
  color: #8f0e0e;
}

.container.unsubscribe h1, .view-profile .unsubscribe.wrapper-profile-sections h1, .view-profile .profile-self .wrapper-profile-field-account-privacy .unsubscribe.u-field-account_privacy h1, section.unsubscribe.outside-app h1, .container.activation h1.valid, .view-profile .activation.wrapper-profile-sections h1.valid, .view-profile .profile-self .wrapper-profile-field-account-privacy .activation.u-field-account_privacy h1.valid, section.activation.outside-app h1.valid {
  background: #139f3a;
  border: 1px solid #064112;
  color: white;
}

.header-global .course-header {
  display: none;
}

.close-modal, button.close-modal {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.courseware-bookmarks-button .bookmarks-list-button, .account-settings-sections .section .account-deletion-details .btn-outline-primary, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link, .wrapper-account-settings .wrapper-header .account-nav button {
  background: none;
  border-radius: 5px;
  box-shadow: none;
  text-shadow: none;
}

.courseware-bookmarks-button .bookmarks-list-button:hover, .account-settings-sections .section .account-deletion-details .btn-outline-primary:hover, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link:hover, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link:hover, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:hover, .wrapper-account-settings .wrapper-header .account-nav button:hover {
  background-image: none;
  box-shadow: none;
}

.courseware-bookmarks-button .bookmarks-list-button:focus, .account-settings-sections .section .account-deletion-details .btn-outline-primary:focus, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link:focus, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link:focus, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:focus, .wrapper-account-settings .wrapper-header .account-nav button:focus, .courseware-bookmarks-button .bookmarks-list-button:active, .account-settings-sections .section .account-deletion-details .btn-outline-primary:active, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link:active, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link:active, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:active, .wrapper-account-settings .wrapper-header .account-nav button:active {
  box-shadow: none;
}

.courses-container .courses .courses-listing, .verification-process .list-actions,
.verification-process .list-steps,
.verification-process .progress-steps,
.verification-process .list-controls,
.verification-process .list-fields,
.verification-process .list-nav,
.verification-process .list-help,
.verification-process .list-faq,
.verification-process .nav-wizard,
.verification-process .list-reqs,
.verification-process .review-tasks,
.verification-process .list-tips,
.verification-process .wrapper-photos,
.verification-process .field-group,
.verification-process .list-info, .find-courses .search-facets .facet-list, .status-verification .list-actions, .modal-settings-language .list-input, .modal-settings-language .list-actions, footer#footer-edx-v3 .about-links,
footer#footer-edx-v3 .legal-links,
footer#footer-edx-v3 .social-media-links,
footer#footer-edx-v3 .mobile-app-links {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
}

.courses-container .courses .courses-listing li, .verification-process .list-actions li,
.verification-process .list-steps li,
.verification-process .progress-steps li,
.verification-process .list-controls li,
.verification-process .list-fields li,
.verification-process .list-nav li,
.verification-process .list-help li,
.verification-process .list-faq li,
.verification-process .nav-wizard li,
.verification-process .list-reqs li,
.verification-process .review-tasks li,
.verification-process .list-tips li,
.verification-process .wrapper-photos li,
.verification-process .field-group li,
.verification-process .list-info li, .find-courses .search-facets .facet-list li, .status-verification .list-actions li, .modal-settings-language .list-input li, .modal-settings-language .list-actions li, footer#footer-edx-v3 .about-links li,
footer#footer-edx-v3 .legal-links li,
footer#footer-edx-v3 .social-media-links li,
footer#footer-edx-v3 .mobile-app-links li {
  margin: 0;
  padding: 0;
}

.is-deprecated {
  background: #fff6dd;
  padding: 4px 10px;
  color: #8c6a11;
}

.notification.mini .title {
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media print {
  .courseware-search-bar, .course-content .bookmark-button-wrapper, .course-info .container .wrap-instructor-info .instructor-info-action, .course-info .view-profile .wrapper-profile-sections .wrap-instructor-info .instructor-info-action, .view-profile .course-info .wrapper-profile-sections .wrap-instructor-info .instructor-info-action, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info .instructor-info-action, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info .instructor-info-action, .course-info section.outside-app .wrap-instructor-info .instructor-info-action, .header-global .user, footer#footer-edx-v3, footer#footer-edx-v3 .site-nav,
footer#footer-edx-v3 .legal-notices,
footer#footer-edx-v3 .footer-logo,
footer#footer-edx-v3 .external-links, .view-register .wrapper-footer footer, .view-login .wrapper-footer footer, .view-passwordreset .wrapper-footer footer, .wrapper-footer, .nav-skip,
.transcript-skip {
    display: none;
  }
}

.animation-home-header-pop-up, .home > header .outer-wrapper {
  animation: home-header-pop-up 1.15s ease-in-out;
  animation-fill-mode: both;
  animation-delay: 1s;
}

@-webkit-keyframes home-header-pop-up {
  0% {
    opacity: 0;
    top: 300px;
  }
  45% {
    opacity: 1;
  }
  65% {
    top: -40px;
  }
  85% {
    top: 10px;
  }
  100% {
    top: 0;
  }
}

@-moz-keyframes home-header-pop-up {
  0% {
    opacity: 0;
    top: 300px;
  }
  45% {
    opacity: 1;
  }
  65% {
    top: -40px;
  }
  85% {
    top: 10px;
  }
  100% {
    top: 0;
  }
}

@keyframes home-header-pop-up {
  0% {
    opacity: 0;
    top: 300px;
  }
  45% {
    opacity: 1;
  }
  65% {
    top: -40px;
  }
  85% {
    top: 10px;
  }
  100% {
    top: 0;
  }
}

.animation-title-appear {
  animation: title-appear 4.65s ease-out;
  animation-fill-mode: both;
  animation-delay: 1s;
}

@-webkit-keyframes title-appear {
  0% {
    opacity: 0;
    top: 60px;
    transform: scale(0.9);
  }
  20% {
    opacity: 1;
  }
  27% {
    top: 40px;
    transform: scale(1);
  }
  90% {
    opacity: 1;
    top: 40px;
    transform: scale(1);
  }
  100% {
    top: 0;
  }
}

@-moz-keyframes title-appear {
  0% {
    opacity: 0;
    top: 60px;
    transform: scale(0.9);
  }
  20% {
    opacity: 1;
  }
  27% {
    top: 40px;
    transform: scale(1);
  }
  90% {
    opacity: 1;
    top: 40px;
    transform: scale(1);
  }
  100% {
    top: 0;
  }
}

@keyframes title-appear {
  0% {
    opacity: 0;
    top: 60px;
    transform: scale(0.9);
  }
  20% {
    opacity: 1;
  }
  27% {
    top: 40px;
    transform: scale(1);
  }
  90% {
    opacity: 1;
    top: 40px;
    transform: scale(1);
  }
  100% {
    top: 0;
  }
}

.animation-home-appear {
  animation: home-appear 4.25s ease-out;
  animation-fill-mode: both;
  animation-delay: 1s;
}

@-webkit-keyframes home-appear {
  0% {
    opacity: 0;
    top: 60px;
    transform: scale(0.9);
  }
  20% {
    opacity: 1;
  }
  30% {
    top: 40px;
    transform: scale(1);
  }
  80% {
    opacity: 1;
    top: 40px;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    top: 60px;
    transform: scale(0.7);
  }
}

@-moz-keyframes home-appear {
  0% {
    opacity: 0;
    top: 60px;
    transform: scale(0.9);
  }
  20% {
    opacity: 1;
  }
  30% {
    top: 40px;
    transform: scale(1);
  }
  80% {
    opacity: 1;
    top: 40px;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    top: 60px;
    transform: scale(0.7);
  }
}

@keyframes home-appear {
  0% {
    opacity: 0;
    top: 60px;
    transform: scale(0.9);
  }
  20% {
    opacity: 1;
  }
  30% {
    top: 40px;
    transform: scale(1);
  }
  80% {
    opacity: 1;
    top: 40px;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    top: 60px;
    transform: scale(0.7);
  }
}

.animation-edx-appear {
  animation: edx-appear 1.25s ease-in;
  animation-fill-mode: both;
  animation-delay: 2.15s;
}

@-webkit-keyframes edx-appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes edx-appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes edx-appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.animation-mit-slide {
  animation: mit-slide 1.15s ease-out;
  animation-fill-mode: both;
  animation-delay: 2s;
}

@-webkit-keyframes mit-slide {
  0% {
    left: 80px;
  }
  100% {
    left: 0;
  }
}

@-moz-keyframes mit-slide {
  0% {
    left: 80px;
  }
  100% {
    left: 0;
  }
}

@keyframes mit-slide {
  0% {
    left: 80px;
  }
  100% {
    left: 0;
  }
}

.animation-harvard-slide {
  animation: harvard-slide 1.15s ease-out;
  animation-fill-mode: both;
  animation-delay: 2s;
}

@-webkit-keyframes harvard-slide {
  0% {
    right: 80px;
  }
  100% {
    right: 0;
  }
}

@-moz-keyframes harvard-slide {
  0% {
    right: 80px;
  }
  100% {
    right: 0;
  }
}

@keyframes harvard-slide {
  0% {
    right: 80px;
  }
  100% {
    right: 0;
  }
}

.animation-divider-left-slide {
  animation: divider-left-slide 1.1s ease-out;
  animation-fill-mode: both;
  animation-delay: 2s;
}

@-webkit-keyframes divider-left-slide {
  0% {
    left: 340px;
  }
  100% {
    left: 200px;
  }
}

@-moz-keyframes divider-left-slide {
  0% {
    left: 340px;
  }
  100% {
    left: 200px;
  }
}

@keyframes divider-left-slide {
  0% {
    left: 340px;
  }
  100% {
    left: 200px;
  }
}

.animation-divider-right-slide {
  animation: divider-right-slide 1.1s ease-out;
  animation-fill-mode: both;
  animation-delay: 2s;
}

@-webkit-keyframes divider-right-slide {
  0% {
    left: 340px;
  }
  100% {
    left: 480px;
  }
}

@-moz-keyframes divider-right-slide {
  0% {
    left: 340px;
  }
  100% {
    left: 480px;
  }
}

@keyframes divider-right-slide {
  0% {
    left: 340px;
  }
  100% {
    left: 480px;
  }
}

.animation-video-appear {
  animation: video-appear 1.25s ease-out;
  animation-fill-mode: both;
  animation-delay: 4.4s;
}

@-webkit-keyframes video-appear {
  0% {
    bottom: -270px;
    opacity: 0.9;
  }
  80% {
    opacity: 1;
  }
  100% {
    bottom: 0;
  }
}

@-moz-keyframes video-appear {
  0% {
    bottom: -270px;
    opacity: 0.9;
  }
  80% {
    opacity: 1;
  }
  100% {
    bottom: 0;
  }
}

@keyframes video-appear {
  0% {
    bottom: -270px;
    opacity: 0.9;
  }
  80% {
    opacity: 1;
  }
  100% {
    bottom: 0;
  }
}

.is-fading-in {
  animation: fade-in-animation 0.8s;
}

@-webkit-keyframes fade-in-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fade-in-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes pulse-out {
  0%, 100% {
    opacity: 0;
  }
  25%, 75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes pulse-out {
  0%, 100% {
    opacity: 0;
  }
  25%, 75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes pulse-out {
  0%, 100% {
    opacity: 0;
  }
  25%, 75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

html,
body {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 1rem;
  font-style: normal;
  line-height: 1em;
}

html {
  background: #fff;
}

[tabindex="-1"] {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #313131;
  font: normal 1.2em/1.2em Georgia, Cambria, "Times New Roman", Times, serif;
  margin: 0;
}

h1 {
  color: #313131;
  font: normal 2em/1.4em "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  margin-bottom: 30px;
  text-align: center;
}

h2 {
  color: #646464;
  font: normal 1.2em/1.2em Georgia, Cambria, "Times New Roman", Times, serif;
  margin-bottom: 15px;
  -webkit-font-smoothing: antialiased;
}

p + h2,
ul + h2,
ol + h2 {
  margin-top: 40px;
}

p {
  color: inherit;
  margin: 0;
}

span {
  color: inherit;
  font: inherit;
}

/* Fix for CodeMirror: prevent top-level span from affecting deeply-embedded span in CodeMirror */
.CodeMirror span {
  font: inherit;
}

.text-center {
  text-align: center;
}

.text-dark-grey {
  color: #4a4a4a;
  font-size: 24px;
}

p + p,
ul + p,
ol + p {
  margin-top: 20px;
}

p a:not(.btn),
p a:visited:not(.btn) {
  color: #0075b4;
  font: inherit;
  font-weight: inherit;
  text-decoration: none;
  transition: all 0.1s linear 0s;
}

p a:not(.btn):hover, p a:not(.btn):focus,
p a:visited:not(.btn):hover,
p a:visited:not(.btn):focus {
  color: #005e90;
  text-decoration: underline;
}

a:not(.btn),
a:visited:not(.btn) {
  color: #0075b4;
  font: inherit;
  text-decoration: none;
  transition: all 0.1s linear 0s;
}

a:not(.btn):hover, a:not(.btn):focus,
a:visited:not(.btn):hover,
a:visited:not(.btn):focus {
  color: #005e90;
  text-decoration: underline;
}

a:not(.btn):disabled, a:not(.btn).is-disabled, a:not(.btn).disabled,
a:visited:not(.btn):disabled,
a:visited:not(.btn).is-disabled,
a:visited:not(.btn).disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.content-wrapper {
  max-width: 1920px;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .content-wrapper {
    padding: 0 20px 10px;
  }
}

@media print {
  .content-wrapper {
    padding-bottom: 0;
  }
}

.container, .view-profile .wrapper-profile-sections, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, section.outside-app {
  box-sizing: border-box;
}

.container:after, .view-profile .wrapper-profile-sections:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy:after, section.outside-app:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 768px) {
  .container, .view-profile .wrapper-profile-sections, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, section.outside-app {
    margin: 0 auto;
    padding: 40px 0;
    max-width: 1180px;
    min-width: 760px;
    width: 100%;
  }
}

.no-min-scale {
  min-width: 0 !important;
}

span.edx {
  text-transform: none;
  font: inherit;
}

.static-container {
  margin: 0 auto;
  max-width: 1920px;
  padding: 60px 0 120px;
  width: 100%;
}

.static-container:after {
  content: "";
  display: table;
  clear: both;
}

.static-container .inner-wrapper {
  margin: 0 auto;
  width: 83.05085%;
}

.static-container ol,
.static-container ul {
  list-style: disc;
}

.static-container ol li,
.static-container ul li {
  color: #313131;
  font: normal 1em/1.4em Georgia, Cambria, "Times New Roman", Times, serif;
  margin: 0;
}

.static-container h1 {
  margin-bottom: 30px;
}

.static-container h1 + hr {
  margin-bottom: 60px;
}

.static-container p + h2,
.static-container ul + h2,
.static-container ol + h2 {
  margin-top: 40px;
}

.static-container ul + p,
.static-container ol + p {
  margin-top: 20px;
}

.loading-animation {
  animation: fa-spin 2s infinite linear;
  text-align: center;
  width: 100%;
}

mark {
  padding: 0 3px;
  border-radius: 2px;
  background-color: #f7e9a8;
  color: #333;
}

.ie-banner {
  display: none;
  max-width: 1920px;
  min-width: 720px;
  margin: auto;
  border-radius: 0 0 3px 3px;
  background: #f4f4e0;
  color: #3c3c3c;
  padding: 5px 20px 8px;
  font-size: 13px;
  text-align: center;
}

.ie-banner strong {
  font-weight: 700;
}

.is-hidden {
  display: none;
}

.nav-skip,
.transcript-skip {
  display: inline-block;
  position: absolute;
  left: 0;
  top: -600px;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #fcfcfc;
  padding: 15px 0;
}

.nav-skip:focus, .nav-skip:active,
.transcript-skip:focus,
.transcript-skip:active {
  left: 45%;
  margin-left: -30px;
  position: absolute;
  top: 5px;
  width: 10%;
  height: auto;
  background-color: black;
  margin: 0;
  opacity: 0.8;
  color: white !important;
  text-decoration: none !important;
  outline: none;
  text-align: center;
}

@media (max-width: 991px) {
  .nav-skip:focus, .nav-skip:active,
.transcript-skip:focus,
.transcript-skip:active {
    left: 40%;
    width: 20%;
  }
}

.full-width-banner {
  position: relative;
}

.full-width-banner .banner-background-wrapper {
  height: 260px;
  width: 100%;
  overflow: hidden;
  position: relative;
  background: #000;
}

.full-width-banner .banner-background-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.65;
}

@media (min-width: 768px) {
  .full-width-banner .banner-background-wrapper::before {
    opacity: 0.4;
  }
}

.full-width-banner .banner-background-image {
  height: 260px;
}

@media (min-width: 1140px) {
  .full-width-banner .banner-background-image {
    height: auto;
    width: 100%;
  }
}

.full-width-banner .banner-content {
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
}

.page-banner {
  max-width: 1920px;
  margin: 0 auto;
}

.page-banner .user-messages {
  padding-top: 20px;
}

.page-banner .user-messages a:hover {
  color: #0075b4;
  text-decoration: underline !important;
}

.page-banner .alert {
  display: flex;
  padding: 20px;
  border: 1px solid;
}

.page-banner .alert:not(:last-child) {
  margin-bottom: 10px;
}

.page-banner .alert .icon-alert {
  margin-right: 20px;
}

.page-banner .alert .message-actions {
  margin-left: 20px;
}

.page-banner .alert.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bcdff1;
  box-shadow: none;
  line-height: initial;
}

.page-banner .alert.alert-info a,
.page-banner .alert.alert-info a:visited,
.page-banner .alert.alert-info .btn-link {
  color: #245269;
  font-weight: bold;
  border-color: transparent;
}

.page-banner .alert.alert-success {
  color: #000;
  background-color: #dff0d8;
  border-color: #d0e9c6;
  box-shadow: none;
}

.page-banner .alert.alert-warning {
  color: #000;
  background-color: #fcf8e3;
  border-color: #faf2cc;
  box-shadow: none;
}

.page-banner .alert.alert-danger {
  color: #000;
  background-color: #f2dede;
  border-color: #ebcccc;
  box-shadow: none;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button, .wrapper-authorize .btn-authorization-cancel, .login .form-actions.form-third-party-auth button[type="submit"],
.register .form-actions.form-third-party-auth button[type="submit"],
.passwordreset .form-actions.form-third-party-auth button[type="submit"], .login aside .btn-login .btn-login-action,
.register aside .btn-login .btn-login-action,
.passwordreset aside .btn-login .btn-login-action, .courseware-bookmarks-button .bookmarks-list-button, .account-settings-sections .section .account-deletion-details .btn-outline-primary, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link, .wrapper-messages-primary .message.message-upsell .action-view-consent.archived, .btn-secondary, .wrapper-messages-primary .message.message-status .verification-cta .btn, .wrapper-messages-primary .message.message-upsell .action-view-consent, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button, .wrapper-msg .has-actions .nav-actions .action-primary,
.wrapper-msg .has-actions .msg-actions .action-primary, .learner-achievements .learner-message .button,
.learner-achievements .learner-message .action, .verification-process.step-select-track .register-choice-certificate .action-select input, .verification-process .carousel .wrapper-task .controls .control.approved .action, .verification-process .action-confirm, .verification-process .action-primary, .wrapper-messages-primary .message.message-upsell .action-upgrade, .btn-pink, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy, .text-me-fragment form .form-field .action-primary, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn, .wrapper-authorize .btn-authorization-allow, .reverify-blocked .action-primary, .verification-process.step-confirmation .course-info .course-actions .action-dashboard, .verification-process.step-confirmation .course-info .options .action-course, .verification-process.step-select-track .register-choice-audit .action-select input, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a, .verification-process .carousel .wrapper-task .controls .control .action, .verification-process .action-primary-blue, .login-register .action-primary, .btn-blue, .status-verification.is-denied .action-reverify {
  box-sizing: border-box;
  transition: color 0.25s ease-in-out, background 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button:hover, .wrapper-authorize .btn-authorization-cancel:hover, .login .form-actions.form-third-party-auth button[type="submit"]:hover,
.register .form-actions.form-third-party-auth button[type="submit"]:hover,
.passwordreset .form-actions.form-third-party-auth button[type="submit"]:hover, .login aside .btn-login .btn-login-action:hover,
.register aside .btn-login .btn-login-action:hover,
.passwordreset aside .btn-login .btn-login-action:hover, .courseware-bookmarks-button .bookmarks-list-button:hover, .account-settings-sections .section .account-deletion-details .btn-outline-primary:hover, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link:hover, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link:hover, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:hover, .btn-secondary:hover, .wrapper-messages-primary .message.message-status .verification-cta .btn:hover, .wrapper-messages-primary .message.message-upsell .action-view-consent:hover, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button:hover, .wrapper-msg .has-actions .nav-actions .action-primary:hover,
.wrapper-msg .has-actions .msg-actions .action-primary:hover, .learner-achievements .learner-message .button:hover,
.learner-achievements .learner-message .action:hover, .verification-process.step-select-track .register-choice-certificate .action-select input:hover, .verification-process .carousel .wrapper-task .controls .control.approved .action:hover, .verification-process .action-confirm:hover, .verification-process .action-primary:hover, .wrapper-messages-primary .message.message-upsell .action-upgrade:hover, .btn-pink:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy:hover, .text-me-fragment form .form-field .action-primary:hover, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn:hover, .wrapper-authorize .btn-authorization-allow:hover, .reverify-blocked .action-primary:hover, .verification-process.step-confirmation .course-info .course-actions .action-dashboard:hover, .verification-process.step-confirmation .course-info .options .action-course:hover, .verification-process.step-select-track .register-choice-audit .action-select input:hover, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a:hover, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a:hover, .verification-process .carousel .wrapper-task .controls .control .action:hover, .verification-process .action-primary-blue:hover, .login-register .action-primary:hover, .btn-blue:hover, .status-verification.is-denied .action-reverify:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button:active, .wrapper-authorize .btn-authorization-cancel:active, .login .form-actions.form-third-party-auth button[type="submit"]:active,
.register .form-actions.form-third-party-auth button[type="submit"]:active,
.passwordreset .form-actions.form-third-party-auth button[type="submit"]:active, .login aside .btn-login .btn-login-action:active,
.register aside .btn-login .btn-login-action:active,
.passwordreset aside .btn-login .btn-login-action:active, .courseware-bookmarks-button .bookmarks-list-button:active, .account-settings-sections .section .account-deletion-details .btn-outline-primary:active, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link:active, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link:active, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:active, .btn-secondary:active, .wrapper-messages-primary .message.message-status .verification-cta .btn:active, .wrapper-messages-primary .message.message-upsell .action-view-consent:active, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button:active, .wrapper-msg .has-actions .nav-actions .action-primary:active,
.wrapper-msg .has-actions .msg-actions .action-primary:active, .learner-achievements .learner-message .button:active,
.learner-achievements .learner-message .action:active, .verification-process.step-select-track .register-choice-certificate .action-select input:active, .verification-process .carousel .wrapper-task .controls .control.approved .action:active, .verification-process .action-confirm:active, .verification-process .action-primary:active, .wrapper-messages-primary .message.message-upsell .action-upgrade:active, .btn-pink:active, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy:active, .text-me-fragment form .form-field .action-primary:active, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn:active, .wrapper-authorize .btn-authorization-allow:active, .reverify-blocked .action-primary:active, .verification-process.step-confirmation .course-info .course-actions .action-dashboard:active, .verification-process.step-confirmation .course-info .options .action-course:active, .verification-process.step-select-track .register-choice-audit .action-select input:active, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a:active, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a:active, .verification-process .carousel .wrapper-task .controls .control .action:active, .verification-process .action-primary-blue:active, .login-register .action-primary:active, .btn-blue:active, .status-verification.is-denied .action-reverify:active, .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button:focus, .wrapper-authorize .btn-authorization-cancel:focus, .login .form-actions.form-third-party-auth button[type="submit"]:focus,
.register .form-actions.form-third-party-auth button[type="submit"]:focus,
.passwordreset .form-actions.form-third-party-auth button[type="submit"]:focus, .login aside .btn-login .btn-login-action:focus,
.register aside .btn-login .btn-login-action:focus,
.passwordreset aside .btn-login .btn-login-action:focus, .courseware-bookmarks-button .bookmarks-list-button:focus, .account-settings-sections .section .account-deletion-details .btn-outline-primary:focus, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link:focus, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link:focus, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:focus, .btn-secondary:focus, .wrapper-messages-primary .message.message-status .verification-cta .btn:focus, .wrapper-messages-primary .message.message-upsell .action-view-consent:focus, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button:focus, .wrapper-msg .has-actions .nav-actions .action-primary:focus,
.wrapper-msg .has-actions .msg-actions .action-primary:focus, .learner-achievements .learner-message .button:focus,
.learner-achievements .learner-message .action:focus, .verification-process.step-select-track .register-choice-certificate .action-select input:focus, .verification-process .carousel .wrapper-task .controls .control.approved .action:focus, .verification-process .action-confirm:focus, .verification-process .action-primary:focus, .wrapper-messages-primary .message.message-upsell .action-upgrade:focus, .btn-pink:focus, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy:focus, .text-me-fragment form .form-field .action-primary:focus, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn:focus, .wrapper-authorize .btn-authorization-allow:focus, .reverify-blocked .action-primary:focus, .verification-process.step-confirmation .course-info .course-actions .action-dashboard:focus, .verification-process.step-confirmation .course-info .options .action-course:focus, .verification-process.step-select-track .register-choice-audit .action-select input:focus, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a:focus, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a:focus, .verification-process .carousel .wrapper-task .controls .control .action:focus, .verification-process .action-primary-blue:focus, .login-register .action-primary:focus, .btn-blue:focus, .status-verification.is-denied .action-reverify:focus {
  text-decoration: none;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button.disabled, .wrapper-authorize .disabled.btn-authorization-cancel, .login .form-actions.form-third-party-auth button.disabled[type="submit"],
.register .form-actions.form-third-party-auth button.disabled[type="submit"],
.passwordreset .form-actions.form-third-party-auth button.disabled[type="submit"], .login aside .btn-login .disabled.btn-login-action,
.register aside .btn-login .disabled.btn-login-action,
.passwordreset aside .btn-login .disabled.btn-login-action, .courseware-bookmarks-button .disabled.bookmarks-list-button, .account-settings-sections .section .account-deletion-details .disabled.btn-outline-primary, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .disabled.u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .disabled.u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .field .disabled.u-field-link, .disabled.btn-secondary, .wrapper-messages-primary .message.message-status .verification-cta .disabled.btn, .wrapper-messages-primary .message.message-upsell .disabled.action-view-consent, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button.disabled, .wrapper-msg .has-actions .nav-actions .disabled.action-primary,
.wrapper-msg .has-actions .msg-actions .disabled.action-primary, .learner-achievements .learner-message .disabled.button,
.learner-achievements .learner-message .disabled.action, .verification-process.step-select-track .register-choice-certificate .action-select input.disabled, .verification-process .disabled.action-confirm, .verification-process .disabled.action-primary, .wrapper-messages-primary .message.message-upsell .disabled.action-upgrade, .disabled.btn-pink, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .disabled.btn-change-privacy, .text-me-fragment form .form-field .disabled.action-primary, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .disabled.btn, .wrapper-authorize .disabled.btn-authorization-allow, .reverify-blocked .disabled.action-primary, .verification-process.step-confirmation .course-info .course-actions .disabled.action-dashboard, .verification-process.step-confirmation .course-info .options .disabled.action-course, .verification-process.step-select-track .register-choice-audit .action-select input.disabled, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.disabled, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.disabled, .verification-process .carousel .wrapper-task .controls .control .disabled.action, .verification-process .disabled.action-primary-blue, .login-register .disabled.action-primary, .disabled.btn-blue, .status-verification.is-denied .disabled.action-reverify, .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button[disabled], .wrapper-authorize [disabled].btn-authorization-cancel, .login .form-actions.form-third-party-auth button[disabled][type="submit"],
.register .form-actions.form-third-party-auth button[disabled][type="submit"],
.passwordreset .form-actions.form-third-party-auth button[disabled][type="submit"], .login aside .btn-login [disabled].btn-login-action,
.register aside .btn-login [disabled].btn-login-action,
.passwordreset aside .btn-login [disabled].btn-login-action, .courseware-bookmarks-button [disabled].bookmarks-list-button, .account-settings-sections .section .account-deletion-details [disabled].btn-outline-primary, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link [disabled].u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link [disabled].u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .field [disabled].u-field-link, [disabled].btn-secondary, .wrapper-messages-primary .message.message-status .verification-cta [disabled].btn, .wrapper-messages-primary .message.message-upsell [disabled].action-view-consent, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button[disabled], .wrapper-msg .has-actions .nav-actions [disabled].action-primary,
.wrapper-msg .has-actions .msg-actions [disabled].action-primary, .learner-achievements .learner-message [disabled].button,
.learner-achievements .learner-message [disabled].action, .verification-process.step-select-track .register-choice-certificate .action-select input[disabled], .verification-process [disabled].action-confirm, .verification-process [disabled].action-primary, .wrapper-messages-primary .message.message-upsell [disabled].action-upgrade, [disabled].btn-pink, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy [disabled].btn-change-privacy, .text-me-fragment form .form-field [disabled].action-primary, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions [disabled].btn, .wrapper-authorize [disabled].btn-authorization-allow, .reverify-blocked [disabled].action-primary, .verification-process.step-confirmation .course-info .course-actions [disabled].action-dashboard, .verification-process.step-confirmation .course-info .options [disabled].action-course, .verification-process.step-select-track .register-choice-audit .action-select input[disabled], .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a[disabled], .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a[disabled], .verification-process .carousel .wrapper-task .controls .control [disabled].action, .verification-process [disabled].action-primary-blue, .login-register [disabled].action-primary, [disabled].btn-blue, .status-verification.is-denied [disabled].action-reverify {
  cursor: default;
  pointer-events: none;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button, .wrapper-authorize .btn-authorization-cancel, .login .form-actions.form-third-party-auth button[type="submit"],
.register .form-actions.form-third-party-auth button[type="submit"],
.passwordreset .form-actions.form-third-party-auth button[type="submit"], .login aside .btn-login .btn-login-action,
.register aside .btn-login .btn-login-action,
.passwordreset aside .btn-login .btn-login-action, .courseware-bookmarks-button .bookmarks-list-button, .account-settings-sections .section .account-deletion-details .btn-outline-primary, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link, .wrapper-messages-primary .message.message-upsell .action-view-consent.archived, .btn-secondary, .wrapper-messages-primary .message.message-status .verification-cta .btn, .wrapper-messages-primary .message.message-upsell .action-view-consent, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button, .wrapper-msg .has-actions .nav-actions .action-primary,
.wrapper-msg .has-actions .msg-actions .action-primary, .learner-achievements .learner-message .button,
.learner-achievements .learner-message .action, .verification-process.step-select-track .register-choice-certificate .action-select input, .verification-process .carousel .wrapper-task .controls .control.approved .action, .verification-process .action-confirm, .verification-process .action-primary, .wrapper-messages-primary .message.message-upsell .action-upgrade, .btn-pink, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy, .text-me-fragment form .form-field .action-primary, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn, .wrapper-authorize .btn-authorization-allow, .reverify-blocked .action-primary, .verification-process.step-confirmation .course-info .course-actions .action-dashboard, .verification-process.step-confirmation .course-info .options .action-course, .verification-process.step-select-track .register-choice-audit .action-select input, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a, .verification-process .carousel .wrapper-task .controls .control .action, .verification-process .action-primary-blue, .login-register .action-primary, .btn-blue, .status-verification.is-denied .action-reverify {
  border-radius: 2px;
}

.wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .btn {
  transition: background-color 0.15s, box-shadow 0.15s;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0);
  padding: 10px 20px;
}

.wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .btn:hover, .wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .btn:active, .wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .btn:focus {
  text-decoration: none;
}

.wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .disabled.btn, .wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .is-disabled.btn, .wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate [disabled="disabled"].btn {
  box-shadow: none;
}

.wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .btn {
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #10648b;
  background-color: #126f9a;
  color: #fff;
}

.wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .btn:hover, .wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .btn:active, .wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .btn:focus {
  background-color: #1790c7;
  color: #fff;
}

.wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .disabled.btn, .wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .is-disabled.btn, .wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate [disabled="disabled"].btn {
  border: 1px solid #747577;
  background: #646668;
  color: #fff;
}

.courseware-bookmarks-button .bookmarks-list-button, .account-settings-sections .section .account-deletion-details .btn-outline-primary, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link, .wrapper-messages-primary .message.message-upsell .action-view-consent.archived, .btn-secondary, .wrapper-messages-primary .message.message-status .verification-cta .btn, .wrapper-messages-primary .message.message-upsell .action-view-consent, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button, .wrapper-msg .has-actions .nav-actions .action-primary,
.wrapper-msg .has-actions .msg-actions .action-primary, .learner-achievements .learner-message .button,
.learner-achievements .learner-message .action, .verification-process.step-select-track .register-choice-certificate .action-select input, .verification-process .carousel .wrapper-task .controls .control.approved .action, .verification-process .action-confirm, .verification-process .action-primary, .wrapper-messages-primary .message.message-upsell .action-upgrade, .btn-pink, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy, .text-me-fragment form .form-field .action-primary, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn, .wrapper-authorize .btn-authorization-allow, .reverify-blocked .action-primary, .verification-process.step-confirmation .course-info .course-actions .action-dashboard, .verification-process.step-confirmation .course-info .options .action-course, .verification-process.step-select-track .register-choice-audit .action-select input, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a, .verification-process .carousel .wrapper-task .controls .control .action, .verification-process .action-primary-blue, .login-register .action-primary, .btn-blue, .status-verification.is-denied .action-reverify {
  border: none;
  padding: 15px 20px;
  text-align: center;
  text-shadow: none;
}

.courseware-bookmarks-button .disabled.bookmarks-list-button, .account-settings-sections .section .account-deletion-details .disabled.btn-outline-primary, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .disabled.u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .disabled.u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .field .disabled.u-field-link, .disabled.btn-secondary, .wrapper-messages-primary .message.message-status .verification-cta .disabled.btn, .wrapper-messages-primary .message.message-upsell .disabled.action-view-consent, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button.disabled, .wrapper-msg .has-actions .nav-actions .disabled.action-primary,
.wrapper-msg .has-actions .msg-actions .disabled.action-primary, .learner-achievements .learner-message .disabled.button,
.learner-achievements .learner-message .disabled.action, .verification-process.step-select-track .register-choice-certificate .action-select input.disabled, .verification-process .disabled.action-confirm, .verification-process .disabled.action-primary, .wrapper-messages-primary .message.message-upsell .disabled.action-upgrade, .disabled.btn-pink, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .disabled.btn-change-privacy, .text-me-fragment form .form-field .disabled.action-primary, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .disabled.btn, .wrapper-authorize .disabled.btn-authorization-allow, .reverify-blocked .disabled.action-primary, .verification-process.step-confirmation .course-info .course-actions .disabled.action-dashboard, .verification-process.step-confirmation .course-info .options .disabled.action-course, .verification-process.step-select-track .register-choice-audit .action-select input.disabled, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.disabled, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.disabled, .verification-process .carousel .wrapper-task .controls .control .disabled.action, .verification-process .disabled.action-primary-blue, .login-register .disabled.action-primary, .disabled.btn-blue, .status-verification.is-denied .disabled.action-reverify, .courseware-bookmarks-button .is-disabled.bookmarks-list-button, .account-settings-sections .section .account-deletion-details .is-disabled.btn-outline-primary, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .is-disabled.u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .is-disabled.u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .field .is-disabled.u-field-link, .is-disabled.btn-secondary, .wrapper-messages-primary .message.message-status .verification-cta .is-disabled.btn, .wrapper-messages-primary .message.message-upsell .is-disabled.action-view-consent, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button.is-disabled, .wrapper-msg .has-actions .nav-actions .is-disabled.action-primary,
.wrapper-msg .has-actions .msg-actions .is-disabled.action-primary, .learner-achievements .learner-message .is-disabled.button,
.learner-achievements .learner-message .is-disabled.action, .verification-process.step-select-track .register-choice-certificate .action-select input.is-disabled, .verification-process .is-disabled.action-confirm, .verification-process .is-disabled.action-primary, .wrapper-messages-primary .message.message-upsell .is-disabled.action-upgrade, .is-disabled.btn-pink, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .is-disabled.btn-change-privacy, .text-me-fragment form .form-field .is-disabled.action-primary, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .is-disabled.btn, .wrapper-authorize .is-disabled.btn-authorization-allow, .reverify-blocked .is-disabled.action-primary, .verification-process.step-confirmation .course-info .course-actions .is-disabled.action-dashboard, .verification-process.step-confirmation .course-info .options .is-disabled.action-course, .verification-process.step-select-track .register-choice-audit .action-select input.is-disabled, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.is-disabled, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.is-disabled, .verification-process .carousel .wrapper-task .controls .control .is-disabled.action, .verification-process .is-disabled.action-primary-blue, .login-register .is-disabled.action-primary, .is-disabled.btn-blue, .status-verification.is-denied .is-disabled.action-reverify, .courseware-bookmarks-button [disabled].bookmarks-list-button, .account-settings-sections .section .account-deletion-details [disabled].btn-outline-primary, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link [disabled].u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link [disabled].u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .field [disabled].u-field-link, [disabled].btn-secondary, .wrapper-messages-primary .message.message-status .verification-cta [disabled].btn, .wrapper-messages-primary .message.message-upsell [disabled].action-view-consent, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button[disabled], .wrapper-msg .has-actions .nav-actions [disabled].action-primary,
.wrapper-msg .has-actions .msg-actions [disabled].action-primary, .learner-achievements .learner-message [disabled].button,
.learner-achievements .learner-message [disabled].action, .verification-process.step-select-track .register-choice-certificate .action-select input[disabled], .verification-process [disabled].action-confirm, .verification-process [disabled].action-primary, .wrapper-messages-primary .message.message-upsell [disabled].action-upgrade, [disabled].btn-pink, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy [disabled].btn-change-privacy, .text-me-fragment form .form-field [disabled].action-primary, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions [disabled].btn, .wrapper-authorize [disabled].btn-authorization-allow, .reverify-blocked [disabled].action-primary, .verification-process.step-confirmation .course-info .course-actions [disabled].action-dashboard, .verification-process.step-confirmation .course-info .options [disabled].action-course, .verification-process.step-select-track .register-choice-audit .action-select input[disabled], .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a[disabled], .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a[disabled], .verification-process .carousel .wrapper-task .controls .control [disabled].action, .verification-process [disabled].action-primary-blue, .login-register [disabled].action-primary, [disabled].btn-blue, .status-verification.is-denied [disabled].action-reverify {
  background: #a4a6a8;
  color: rgba(255, 255, 255, 0.75);
}

.status-verification.is-denied .action-reverify {
  box-shadow: 0 2px 1px 0 #98050e;
  background: #98050e;
  color: #fff;
}

.status-verification.is-denied .action-reverify:hover, .status-verification.is-denied .action-reverify:active, .status-verification.is-denied .action-reverify:focus {
  background: #cb0712;
  color: #fff;
}

.status-verification.is-denied .disabled.action-reverify, .status-verification.is-denied [disabled].action-reverify {
  box-shadow: none;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy, .text-me-fragment form .form-field .action-primary, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn, .wrapper-authorize .btn-authorization-allow, .reverify-blocked .action-primary, .verification-process.step-confirmation .course-info .course-actions .action-dashboard, .verification-process.step-confirmation .course-info .options .action-course, .verification-process.step-select-track .register-choice-audit .action-select input, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a, .verification-process .carousel .wrapper-task .controls .control .action, .verification-process .action-primary-blue, .login-register .action-primary, .btn-blue {
  background: #126f9a;
  color: #fff;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy:hover, .text-me-fragment form .form-field .action-primary:hover, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn:hover, .wrapper-authorize .btn-authorization-allow:hover, .reverify-blocked .action-primary:hover, .verification-process.step-confirmation .course-info .course-actions .action-dashboard:hover, .verification-process.step-confirmation .course-info .options .action-course:hover, .verification-process.step-select-track .register-choice-audit .action-select input:hover, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a:hover, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a:hover, .verification-process .carousel .wrapper-task .controls .control .action:hover, .verification-process .action-primary-blue:hover, .login-register .action-primary:hover, .btn-blue:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy:active, .text-me-fragment form .form-field .action-primary:active, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn:active, .wrapper-authorize .btn-authorization-allow:active, .reverify-blocked .action-primary:active, .verification-process.step-confirmation .course-info .course-actions .action-dashboard:active, .verification-process.step-confirmation .course-info .options .action-course:active, .verification-process.step-select-track .register-choice-audit .action-select input:active, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a:active, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a:active, .verification-process .carousel .wrapper-task .controls .control .action:active, .verification-process .action-primary-blue:active, .login-register .action-primary:active, .btn-blue:active, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy:focus, .text-me-fragment form .form-field .action-primary:focus, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn:focus, .wrapper-authorize .btn-authorization-allow:focus, .reverify-blocked .action-primary:focus, .verification-process.step-confirmation .course-info .course-actions .action-dashboard:focus, .verification-process.step-confirmation .course-info .options .action-course:focus, .verification-process.step-select-track .register-choice-audit .action-select input:focus, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a:focus, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a:focus, .verification-process .carousel .wrapper-task .controls .control .action:focus, .verification-process .action-primary-blue:focus, .login-register .action-primary:focus, .btn-blue:focus {
  background: #005e90;
  color: #fff;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .current.btn-change-privacy, .text-me-fragment form .form-field .current.action-primary, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .current.btn, .wrapper-authorize .current.btn-authorization-allow, .reverify-blocked .current.action-primary, .verification-process.step-confirmation .course-info .course-actions .current.action-dashboard, .verification-process.step-confirmation .course-info .options .current.action-course, .verification-process.step-select-track .register-choice-audit .action-select input.current, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.current, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.current, .verification-process .carousel .wrapper-task .controls .control .current.action, .verification-process .current.action-primary-blue, .login-register .current.action-primary, .current.btn-blue, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .active.btn-change-privacy, .text-me-fragment form .form-field .active.action-primary, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .active.btn, .wrapper-authorize .active.btn-authorization-allow, .reverify-blocked .active.action-primary, .verification-process.step-confirmation .course-info .course-actions .active.action-dashboard, .verification-process.step-confirmation .course-info .options .active.action-course, .verification-process.step-select-track .register-choice-audit .action-select input.active, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.active, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.active, .verification-process .carousel .wrapper-task .controls .control .active.action, .verification-process .active.action-primary-blue, .login-register .active.action-primary, .active.btn-blue {
  background: #0075b4;
  color: #0075b4;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .current.btn-change-privacy:hover, .text-me-fragment form .form-field .current.action-primary:hover, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .current.btn:hover, .wrapper-authorize .current.btn-authorization-allow:hover, .reverify-blocked .current.action-primary:hover, .verification-process.step-confirmation .course-info .course-actions .current.action-dashboard:hover, .verification-process.step-confirmation .course-info .options .current.action-course:hover, .verification-process.step-select-track .register-choice-audit .action-select input.current:hover, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.current:hover, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.current:hover, .verification-process .carousel .wrapper-task .controls .control .current.action:hover, .verification-process .current.action-primary-blue:hover, .login-register .current.action-primary:hover, .current.btn-blue:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .current.btn-change-privacy:active, .text-me-fragment form .form-field .current.action-primary:active, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .current.btn:active, .wrapper-authorize .current.btn-authorization-allow:active, .reverify-blocked .current.action-primary:active, .verification-process.step-confirmation .course-info .course-actions .current.action-dashboard:active, .verification-process.step-confirmation .course-info .options .current.action-course:active, .verification-process.step-select-track .register-choice-audit .action-select input.current:active, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.current:active, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.current:active, .verification-process .carousel .wrapper-task .controls .control .current.action:active, .verification-process .current.action-primary-blue:active, .login-register .current.action-primary:active, .current.btn-blue:active, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .current.btn-change-privacy:focus, .text-me-fragment form .form-field .current.action-primary:focus, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .current.btn:focus, .wrapper-authorize .current.btn-authorization-allow:focus, .reverify-blocked .current.action-primary:focus, .verification-process.step-confirmation .course-info .course-actions .current.action-dashboard:focus, .verification-process.step-confirmation .course-info .options .current.action-course:focus, .verification-process.step-select-track .register-choice-audit .action-select input.current:focus, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.current:focus, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.current:focus, .verification-process .carousel .wrapper-task .controls .control .current.action:focus, .verification-process .current.action-primary-blue:focus, .login-register .current.action-primary:focus, .current.btn-blue:focus, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .active.btn-change-privacy:hover, .text-me-fragment form .form-field .active.action-primary:hover, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .active.btn:hover, .wrapper-authorize .active.btn-authorization-allow:hover, .reverify-blocked .active.action-primary:hover, .verification-process.step-confirmation .course-info .course-actions .active.action-dashboard:hover, .verification-process.step-confirmation .course-info .options .active.action-course:hover, .verification-process.step-select-track .register-choice-audit .action-select input.active:hover, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.active:hover, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.active:hover, .verification-process .carousel .wrapper-task .controls .control .active.action:hover, .verification-process .active.action-primary-blue:hover, .login-register .active.action-primary:hover, .active.btn-blue:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .active.btn-change-privacy:active, .text-me-fragment form .form-field .active.action-primary:active, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .active.btn:active, .wrapper-authorize .active.btn-authorization-allow:active, .reverify-blocked .active.action-primary:active, .verification-process.step-confirmation .course-info .course-actions .active.action-dashboard:active, .verification-process.step-confirmation .course-info .options .active.action-course:active, .verification-process.step-select-track .register-choice-audit .action-select input.active:active, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.active:active, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.active:active, .verification-process .carousel .wrapper-task .controls .control .active.action:active, .verification-process .active.action-primary-blue:active, .login-register .active.action-primary:active, .active.btn-blue:active, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .active.btn-change-privacy:focus, .text-me-fragment form .form-field .active.action-primary:focus, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .active.btn:focus, .wrapper-authorize .active.btn-authorization-allow:focus, .reverify-blocked .active.action-primary:focus, .verification-process.step-confirmation .course-info .course-actions .active.action-dashboard:focus, .verification-process.step-confirmation .course-info .options .active.action-course:focus, .verification-process.step-select-track .register-choice-audit .action-select input.active:focus, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.active:focus, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.active:focus, .verification-process .carousel .wrapper-task .controls .control .active.action:focus, .verification-process .active.action-primary-blue:focus, .login-register .active.action-primary:focus, .active.btn-blue:focus {
  color: #126f9a;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .disabled.btn-change-privacy, .text-me-fragment form .form-field .disabled.action-primary, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .disabled.btn, .wrapper-authorize .disabled.btn-authorization-allow, .reverify-blocked .disabled.action-primary, .verification-process.step-confirmation .course-info .course-actions .disabled.action-dashboard, .verification-process.step-confirmation .course-info .options .disabled.action-course, .verification-process.step-select-track .register-choice-audit .action-select input.disabled, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.disabled, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.disabled, .verification-process .carousel .wrapper-task .controls .control .disabled.action, .verification-process .disabled.action-primary-blue, .login-register .disabled.action-primary, .disabled.btn-blue, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy [disabled].btn-change-privacy, .text-me-fragment form .form-field [disabled].action-primary, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions [disabled].btn, .wrapper-authorize [disabled].btn-authorization-allow, .reverify-blocked [disabled].action-primary, .verification-process.step-confirmation .course-info .course-actions [disabled].action-dashboard, .verification-process.step-confirmation .course-info .options [disabled].action-course, .verification-process.step-select-track .register-choice-audit .action-select input[disabled], .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a[disabled], .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a[disabled], .verification-process .carousel .wrapper-task .controls .control [disabled].action, .verification-process [disabled].action-primary-blue, .login-register [disabled].action-primary, [disabled].btn-blue {
  box-shadow: none;
}

.btn-pink {
  box-shadow: 0 2px 1px 0 #8c204f;
  background: #c2387d;
  color: #fff;
}

.btn-pink:hover, .btn-pink:active, .btn-pink:focus {
  background: #d7548e;
  color: #fff;
}

.current.btn-pink, .active.btn-pink {
  box-shadow: inset 0 2px 1px 1px #a0255b;
  background: #d33f80;
  color: #a0255b;
}

.current.btn-pink:hover, .current.btn-pink:active, .current.btn-pink:focus, .active.btn-pink:hover, .active.btn-pink:active, .active.btn-pink:focus {
  box-shadow: inset 0 2px 1px 1px #8c204f;
  color: #771c44;
}

.disabled.btn-pink, [disabled].btn-pink {
  box-shadow: none;
}

.wrapper-msg .has-actions .nav-actions .action-primary,
.wrapper-msg .has-actions .msg-actions .action-primary, .learner-achievements .learner-message .button,
.learner-achievements .learner-message .action, .verification-process.step-select-track .register-choice-certificate .action-select input, .verification-process .carousel .wrapper-task .controls .control.approved .action, .verification-process .action-confirm, .verification-process .action-primary, .wrapper-messages-primary .message.message-upsell .action-upgrade {
  box-shadow: 0 2px 1px 0 #004d00;
  background: #006700;
  color: #fff;
}

.wrapper-msg .has-actions .nav-actions .action-primary:hover,
.wrapper-msg .has-actions .msg-actions .action-primary:hover, .learner-achievements .learner-message .button:hover,
.learner-achievements .learner-message .action:hover, .verification-process.step-select-track .register-choice-certificate .action-select input:hover, .verification-process .carousel .wrapper-task .controls .control.approved .action:hover, .verification-process .action-confirm:hover, .verification-process .action-primary:hover, .wrapper-messages-primary .message.message-upsell .action-upgrade:hover, .wrapper-msg .has-actions .nav-actions .action-primary:active,
.wrapper-msg .has-actions .msg-actions .action-primary:active, .learner-achievements .learner-message .button:active,
.learner-achievements .learner-message .action:active, .verification-process.step-select-track .register-choice-certificate .action-select input:active, .verification-process .carousel .wrapper-task .controls .control.approved .action:active, .verification-process .action-confirm:active, .verification-process .action-primary:active, .wrapper-messages-primary .message.message-upsell .action-upgrade:active, .wrapper-msg .has-actions .nav-actions .action-primary:focus,
.wrapper-msg .has-actions .msg-actions .action-primary:focus, .learner-achievements .learner-message .button:focus,
.learner-achievements .learner-message .action:focus, .verification-process.step-select-track .register-choice-certificate .action-select input:focus, .verification-process .carousel .wrapper-task .controls .control.approved .action:focus, .verification-process .action-confirm:focus, .verification-process .action-primary:focus, .wrapper-messages-primary .message.message-upsell .action-upgrade:focus {
  background: #00a500;
  color: #fff;
}

.wrapper-msg .has-actions .nav-actions .current.action-primary,
.wrapper-msg .has-actions .msg-actions .current.action-primary, .learner-achievements .learner-message .current.button,
.learner-achievements .learner-message .current.action, .verification-process.step-select-track .register-choice-certificate .action-select input.current, .verification-process .carousel .wrapper-task .controls .control.approved .current.action, .verification-process .current.action-confirm, .verification-process .current.action-primary, .wrapper-messages-primary .message.message-upsell .current.action-upgrade, .wrapper-msg .has-actions .nav-actions .active.action-primary,
.wrapper-msg .has-actions .msg-actions .active.action-primary, .learner-achievements .learner-message .active.button,
.learner-achievements .learner-message .active.action, .verification-process.step-select-track .register-choice-certificate .action-select input.active, .verification-process .carousel .wrapper-task .controls .control.approved .active.action, .verification-process .active.action-confirm, .verification-process .active.action-primary, .wrapper-messages-primary .message.message-upsell .active.action-upgrade {
  box-shadow: inset 0 2px 1px 1px #008100;
  background: #66b366;
  color: #008100;
}

.wrapper-msg .has-actions .nav-actions .current.action-primary:hover,
.wrapper-msg .has-actions .msg-actions .current.action-primary:hover, .learner-achievements .learner-message .current.button:hover,
.learner-achievements .learner-message .current.action:hover, .verification-process.step-select-track .register-choice-certificate .action-select input.current:hover, .verification-process .carousel .wrapper-task .controls .control.approved .current.action:hover, .verification-process .current.action-confirm:hover, .verification-process .current.action-primary:hover, .wrapper-messages-primary .message.message-upsell .current.action-upgrade:hover, .wrapper-msg .has-actions .nav-actions .current.action-primary:active,
.wrapper-msg .has-actions .msg-actions .current.action-primary:active, .learner-achievements .learner-message .current.button:active,
.learner-achievements .learner-message .current.action:active, .verification-process.step-select-track .register-choice-certificate .action-select input.current:active, .verification-process .carousel .wrapper-task .controls .control.approved .current.action:active, .verification-process .current.action-confirm:active, .verification-process .current.action-primary:active, .wrapper-messages-primary .message.message-upsell .current.action-upgrade:active, .wrapper-msg .has-actions .nav-actions .current.action-primary:focus,
.wrapper-msg .has-actions .msg-actions .current.action-primary:focus, .learner-achievements .learner-message .current.button:focus,
.learner-achievements .learner-message .current.action:focus, .verification-process.step-select-track .register-choice-certificate .action-select input.current:focus, .verification-process .carousel .wrapper-task .controls .control.approved .current.action:focus, .verification-process .current.action-confirm:focus, .verification-process .current.action-primary:focus, .wrapper-messages-primary .message.message-upsell .current.action-upgrade:focus, .wrapper-msg .has-actions .nav-actions .active.action-primary:hover,
.wrapper-msg .has-actions .msg-actions .active.action-primary:hover, .learner-achievements .learner-message .active.button:hover,
.learner-achievements .learner-message .active.action:hover, .verification-process.step-select-track .register-choice-certificate .action-select input.active:hover, .verification-process .carousel .wrapper-task .controls .control.approved .active.action:hover, .verification-process .active.action-confirm:hover, .verification-process .active.action-primary:hover, .wrapper-messages-primary .message.message-upsell .active.action-upgrade:hover, .wrapper-msg .has-actions .nav-actions .active.action-primary:active,
.wrapper-msg .has-actions .msg-actions .active.action-primary:active, .learner-achievements .learner-message .active.button:active,
.learner-achievements .learner-message .active.action:active, .verification-process.step-select-track .register-choice-certificate .action-select input.active:active, .verification-process .carousel .wrapper-task .controls .control.approved .active.action:active, .verification-process .active.action-confirm:active, .verification-process .active.action-primary:active, .wrapper-messages-primary .message.message-upsell .active.action-upgrade:active, .wrapper-msg .has-actions .nav-actions .active.action-primary:focus,
.wrapper-msg .has-actions .msg-actions .active.action-primary:focus, .learner-achievements .learner-message .active.button:focus,
.learner-achievements .learner-message .active.action:focus, .verification-process.step-select-track .register-choice-certificate .action-select input.active:focus, .verification-process .carousel .wrapper-task .controls .control.approved .active.action:focus, .verification-process .active.action-confirm:focus, .verification-process .active.action-primary:focus, .wrapper-messages-primary .message.message-upsell .active.action-upgrade:focus {
  box-shadow: inset 0 2px 1px 1px #006700;
  color: #006700;
}

.wrapper-msg .has-actions .nav-actions .disabled.action-primary,
.wrapper-msg .has-actions .msg-actions .disabled.action-primary, .learner-achievements .learner-message .disabled.button,
.learner-achievements .learner-message .disabled.action, .verification-process.step-select-track .register-choice-certificate .action-select input.disabled, .verification-process .carousel .wrapper-task .controls .control.approved .disabled.action, .verification-process .disabled.action-confirm, .verification-process .disabled.action-primary, .wrapper-messages-primary .message.message-upsell .disabled.action-upgrade, .wrapper-msg .has-actions .nav-actions [disabled].action-primary,
.wrapper-msg .has-actions .msg-actions [disabled].action-primary, .learner-achievements .learner-message [disabled].button,
.learner-achievements .learner-message [disabled].action, .verification-process.step-select-track .register-choice-certificate .action-select input[disabled], .verification-process .carousel .wrapper-task .controls .control.approved [disabled].action, .verification-process [disabled].action-confirm, .verification-process [disabled].action-primary, .wrapper-messages-primary .message.message-upsell [disabled].action-upgrade {
  box-shadow: none;
}

.verification-process .nav-wizard.is-not-ready .action-primary {
  background: #a4a6a8;
  color: rgba(255, 255, 255, 0.75);
  pointer-events: none;
  cursor: default;
  pointer-events: none;
  box-shadow: none;
}

.verification-process .nav-wizard.is-not-ready .action-primary:hover, .verification-process .nav-wizard.is-not-ready .action-primary:focus {
  pointer-events: none;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button, .wrapper-authorize .btn-authorization-cancel, .login .form-actions.form-third-party-auth button[type="submit"],
.register .form-actions.form-third-party-auth button[type="submit"],
.passwordreset .form-actions.form-third-party-auth button[type="submit"], .login aside .btn-login .btn-login-action,
.register aside .btn-login .btn-login-action,
.passwordreset aside .btn-login .btn-login-action {
  box-shadow: none;
  border: 1px solid #126f9a;
  padding: 10px 20px;
  background: transparent;
  color: #126f9a;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button:hover, .wrapper-authorize .btn-authorization-cancel:hover, .login .form-actions.form-third-party-auth button[type="submit"]:hover,
.register .form-actions.form-third-party-auth button[type="submit"]:hover,
.passwordreset .form-actions.form-third-party-auth button[type="submit"]:hover, .login aside .btn-login .btn-login-action:hover,
.register aside .btn-login .btn-login-action:hover,
.passwordreset aside .btn-login .btn-login-action:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button:active, .wrapper-authorize .btn-authorization-cancel:active, .login .form-actions.form-third-party-auth button[type="submit"]:active,
.register .form-actions.form-third-party-auth button[type="submit"]:active,
.passwordreset .form-actions.form-third-party-auth button[type="submit"]:active, .login aside .btn-login .btn-login-action:active,
.register aside .btn-login .btn-login-action:active,
.passwordreset aside .btn-login .btn-login-action:active, .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button:focus, .wrapper-authorize .btn-authorization-cancel:focus, .login .form-actions.form-third-party-auth button[type="submit"]:focus,
.register .form-actions.form-third-party-auth button[type="submit"]:focus,
.passwordreset .form-actions.form-third-party-auth button[type="submit"]:focus, .login aside .btn-login .btn-login-action:focus,
.register aside .btn-login .btn-login-action:focus,
.passwordreset aside .btn-login .btn-login-action:focus {
  box-shadow: 0 2px 1px 0 #0a4a67;
  background: #1790c7;
  color: #fff;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button.current, .wrapper-authorize .current.btn-authorization-cancel, .login .form-actions.form-third-party-auth button.current[type="submit"],
.register .form-actions.form-third-party-auth button.current[type="submit"],
.passwordreset .form-actions.form-third-party-auth button.current[type="submit"], .login aside .btn-login .current.btn-login-action,
.register aside .btn-login .current.btn-login-action,
.passwordreset aside .btn-login .current.btn-login-action, .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button.active, .wrapper-authorize .active.btn-authorization-cancel, .login .form-actions.form-third-party-auth button.active[type="submit"],
.register .form-actions.form-third-party-auth button.active[type="submit"],
.passwordreset .form-actions.form-third-party-auth button.active[type="submit"], .login aside .btn-login .active.btn-login-action,
.register aside .btn-login .active.btn-login-action,
.passwordreset aside .btn-login .active.btn-login-action {
  box-shadow: inset 0 2px 1px 1px #0075b4;
  background: #0075b4;
  color: #0075b4;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button.current:hover, .wrapper-authorize .current.btn-authorization-cancel:hover, .login .form-actions.form-third-party-auth button.current[type="submit"]:hover,
.register .form-actions.form-third-party-auth button.current[type="submit"]:hover,
.passwordreset .form-actions.form-third-party-auth button.current[type="submit"]:hover, .login aside .btn-login .current.btn-login-action:hover,
.register aside .btn-login .current.btn-login-action:hover,
.passwordreset aside .btn-login .current.btn-login-action:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button.current:active, .wrapper-authorize .current.btn-authorization-cancel:active, .login .form-actions.form-third-party-auth button.current[type="submit"]:active,
.register .form-actions.form-third-party-auth button.current[type="submit"]:active,
.passwordreset .form-actions.form-third-party-auth button.current[type="submit"]:active, .login aside .btn-login .current.btn-login-action:active,
.register aside .btn-login .current.btn-login-action:active,
.passwordreset aside .btn-login .current.btn-login-action:active, .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button.current:focus, .wrapper-authorize .current.btn-authorization-cancel:focus, .login .form-actions.form-third-party-auth button.current[type="submit"]:focus,
.register .form-actions.form-third-party-auth button.current[type="submit"]:focus,
.passwordreset .form-actions.form-third-party-auth button.current[type="submit"]:focus, .login aside .btn-login .current.btn-login-action:focus,
.register aside .btn-login .current.btn-login-action:focus,
.passwordreset aside .btn-login .current.btn-login-action:focus, .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button.active:hover, .wrapper-authorize .active.btn-authorization-cancel:hover, .login .form-actions.form-third-party-auth button.active[type="submit"]:hover,
.register .form-actions.form-third-party-auth button.active[type="submit"]:hover,
.passwordreset .form-actions.form-third-party-auth button.active[type="submit"]:hover, .login aside .btn-login .active.btn-login-action:hover,
.register aside .btn-login .active.btn-login-action:hover,
.passwordreset aside .btn-login .active.btn-login-action:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button.active:active, .wrapper-authorize .active.btn-authorization-cancel:active, .login .form-actions.form-third-party-auth button.active[type="submit"]:active,
.register .form-actions.form-third-party-auth button.active[type="submit"]:active,
.passwordreset .form-actions.form-third-party-auth button.active[type="submit"]:active, .login aside .btn-login .active.btn-login-action:active,
.register aside .btn-login .active.btn-login-action:active,
.passwordreset aside .btn-login .active.btn-login-action:active, .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button.active:focus, .wrapper-authorize .active.btn-authorization-cancel:focus, .login .form-actions.form-third-party-auth button.active[type="submit"]:focus,
.register .form-actions.form-third-party-auth button.active[type="submit"]:focus,
.passwordreset .form-actions.form-third-party-auth button.active[type="submit"]:focus, .login aside .btn-login .active.btn-login-action:focus,
.register aside .btn-login .active.btn-login-action:focus,
.passwordreset aside .btn-login .active.btn-login-action:focus {
  box-shadow: inset 0 2px 1px 1px #126f9a;
  color: #126f9a;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button.disabled, .wrapper-authorize .disabled.btn-authorization-cancel, .login .form-actions.form-third-party-auth button.disabled[type="submit"],
.register .form-actions.form-third-party-auth button.disabled[type="submit"],
.passwordreset .form-actions.form-third-party-auth button.disabled[type="submit"], .login aside .btn-login .disabled.btn-login-action,
.register aside .btn-login .disabled.btn-login-action,
.passwordreset aside .btn-login .disabled.btn-login-action, .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button[disabled], .wrapper-authorize [disabled].btn-authorization-cancel, .login .form-actions.form-third-party-auth button[disabled][type="submit"],
.register .form-actions.form-third-party-auth button[disabled][type="submit"],
.passwordreset .form-actions.form-third-party-auth button[disabled][type="submit"], .login aside .btn-login [disabled].btn-login-action,
.register aside .btn-login [disabled].btn-login-action,
.passwordreset aside .btn-login [disabled].btn-login-action {
  box-shadow: none;
}

.login aside .btn-login .btn-login-action,
.register aside .btn-login .btn-login-action,
.passwordreset aside .btn-login .btn-login-action {
  border: 1px solid #e4e4e4;
}

.login aside .btn-login .btn-login-action:hover,
.register aside .btn-login .btn-login-action:hover,
.passwordreset aside .btn-login .btn-login-action:hover, .login aside .btn-login .btn-login-action:active,
.register aside .btn-login .btn-login-action:active,
.passwordreset aside .btn-login .btn-login-action:active, .login aside .btn-login .btn-login-action:focus,
.register aside .btn-login .btn-login-action:focus,
.passwordreset aside .btn-login .btn-login-action:focus {
  box-shadow: none;
  border: 1px solid #126f9a;
}

.login aside .btn-login .disabled.btn-login-action,
.register aside .btn-login .disabled.btn-login-action,
.passwordreset aside .btn-login .disabled.btn-login-action, .login aside .btn-login [disabled].btn-login-action,
.register aside .btn-login [disabled].btn-login-action,
.passwordreset aside .btn-login [disabled].btn-login-action {
  box-shadow: none;
}

.courseware-bookmarks-button .bookmarks-list-button, .account-settings-sections .section .account-deletion-details .btn-outline-primary, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link, .wrapper-messages-primary .message.message-upsell .action-view-consent.archived, .btn-secondary, .wrapper-messages-primary .message.message-status .verification-cta .btn, .wrapper-messages-primary .message.message-upsell .action-view-consent, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button {
  box-sizing: border-box;
  letter-spacing: 0;
  border: 1px solid #0d4e6c;
  border-radius: 3px;
  padding: 8px 20px;
  background-color: transparent;
  color: #0d4e6c;
  text-align: center;
}

.courseware-bookmarks-button .bookmarks-list-button:hover, .account-settings-sections .section .account-deletion-details .btn-outline-primary:hover, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link:hover, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link:hover, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:hover, .btn-secondary:hover, .wrapper-messages-primary .message.message-status .verification-cta .btn:hover, .wrapper-messages-primary .message.message-upsell .action-view-consent:hover, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button:hover, .courseware-bookmarks-button .bookmarks-list-button:focus, .account-settings-sections .section .account-deletion-details .btn-outline-primary:focus, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link:focus, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link:focus, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:focus, .btn-secondary:focus, .wrapper-messages-primary .message.message-status .verification-cta .btn:focus, .wrapper-messages-primary .message.message-upsell .action-view-consent:focus, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button:focus {
  border: 1px solid transparent;
  background-color: #126f9a;
  color: #fff;
  text-decoration: none;
}

.verification-process .report-receipt-provider .provider-buttons-logos .complete-order button {
  background-color: #0d4e6c;
  color: #fff;
}

.wrapper-messages-primary .message.message-upsell .action-view-consent {
  background-color: #fff;
  color: #126f9a;
}

.wrapper-messages-primary .message.message-status .verification-cta .btn {
  background-color: #003400;
  color: #fff;
}

.wrapper-messages-primary .message.message-status .verification-cta .btn:hover, .wrapper-messages-primary .message.message-status .verification-cta .btn:focus {
  border: 1px solid transparent;
  background-color: #006700;
}

.btn-secondary {
  transition: border 0.25s ease-in-out;
  border: 1px solid transparent;
  color: #126f9a;
}

.btn-secondary:hover {
  border: 1px solid #adadad;
  background-color: transparent;
  color: #126f9a;
}

.btn {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  text-decoration: none;
}

.btn-large {
  display: block;
  padding: 15px 30px;
}

.btn-blue {
  margin-bottom: 20px;
}

.btn-blue:last-child {
  margin-bottom: none;
}

.btn-pink {
  margin-bottom: 20px;
}

.btn-pink:last-child {
  margin-bottom: none;
}

.btn-secondary {
  background-image: none;
}

.btn-secondary:focus, .btn-secondary:hover {
  background-image: none !important;
  background-color: transparent !important;
  color: #0075b4;
}

.btn-link {
  border-radius: 0;
  border-color: rgba(0, 0, 0, 0);
  padding: 1px;
  background: rgba(0, 0, 0, 0);
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  white-space: nowrap;
}

.btn-link:focus, .btn-link:hover {
  background-image: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
}

@font-face {
  font-family: 'CreativeCommons';
  src: url("/static/fonts/CreativeCommons/cc.1e88b5e25694.eot");
  src: url("/static/fonts/CreativeCommons/cc.1e88b5e25694.eot#iefix") format("embedded-opentype"), url("/static/fonts/CreativeCommons/cc.4056dea56c31.woff") format("woff"), url("/static/fonts/CreativeCommons/cc.ae5bfe84d5e1.ttf") format("truetype"), url("/static/fonts/CreativeCommons/cc.5d1b3e457ec3.svg#CreativeCommons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-cc"]::before, [class*=" icon-cc"]::before {
  font-family: "CreativeCommons";
}

.icon-cc::before {
  content: '\e800';
}

/* '' */
.icon-cc-by::before {
  content: '\e801';
}

/* '' */
.icon-cc-nc::before {
  content: '\e802';
}

/* '' */
.icon-cc-nc-eu::before {
  content: '\e803';
}

/* '' */
.icon-cc-nc-jp::before {
  content: '\e804';
}

/* '' */
.icon-cc-sa::before {
  content: '\e805';
}

/* '' */
.icon-cc-nd::before {
  content: '\e806';
}

/* '' */
.icon-cc-pd::before {
  content: '\e807';
}

/* '' */
.icon-cc-zero::before {
  content: '\e808';
}

/* '' */
.icon-cc-share::before {
  content: '\e809';
}

/* '' */
.icon-cc-remix::before {
  content: '\e80a';
}

/* '' */
.xseries-icon {
  background: url("/static/images/programs/xseries-icon.517989d98885.svg") no-repeat;
}

.micromasters-icon {
  margin-top: 1px;
  background: url("/static/images/programs/micromasters-icon.eeed247d5c89.svg") no-repeat;
}

.nav-utilities {
  position: fixed;
  right: 5px;
  bottom: 0;
}

.nav-utilities .wrapper-utility {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 6px;
}

.nav-utilities .utility-control {
  transition: background-color 0.25s ease-in-out 0s, color 0.25s ease-in-out 0s;
  position: relative;
  bottom: -4px;
  display: inline-block;
  vertical-align: middle;
  padding: 10px 15px 15px 15px;
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
}

.nav-utilities .utility-control:hover, .nav-utilities .utility-control:active {
  background: #5e5e5e;
}

.nav-utilities .utility-control.is-active {
  background: #5e5e5e;
}

.nav-utilities .utility-control-button {
  border: none;
  box-shadow: none;
  text-shadow: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: 0;
  border-radius: 0;
}

.nav-utilities .utility-control-button:hover, .nav-utilities .utility-control-button:active, .nav-utilities .utility-control-button:focus {
  border: none;
  box-shadow: none;
}

.nav-utilities .action-toggle-notes.is-active {
  color: #ffd302;
}

.nav-utilities .action-toggle-message {
  position: absolute;
  bottom: 0;
  right: 50px;
  display: inline-block;
  min-width: 100px;
  padding: 10px 15px;
  opacity: 0;
  background-color: #5e5e5e;
  color: #fff;
  text-align: center;
}

.nav-utilities .action-toggle-message.is-fleeting {
  animation: pulse-out 2s ease-in-out;
}

.nav-utilities.has-utility-calculator {
  right: 55px;
}

.page-content-main .tabs .tabpanel {
  outline: none;
}

.pagination {
  display: inline-block;
  width: 23.72881%;
}

.pagination:after {
  content: "";
  display: table;
  clear: both;
}

.pagination.pagination-compact {
  text-align: right;
}

.pagination.pagination-full {
  display: block;
  width: 32.20339%;
  margin: 20px auto;
}

.pagination .nav-item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.pagination .nav-link {
  transition: all 0.25s ease-in-out 0s;
  display: block;
  border: 0;
  background-image: none;
  background-color: transparent;
  padding: 10px 15px;
}

.pagination .nav-link.previous {
  margin-right: 10px;
}

.pagination .nav-link.next {
  margin-left: 10px;
}

.pagination .nav-link:hover {
  background-color: #0075b4;
  background-image: none;
  border-radius: 3px;
  color: #fff;
}

.pagination .nav-link.is-disabled {
  background-color: transparent;
  color: #adadad;
  pointer-events: none;
}

.pagination .pagination-form,
.pagination .current-page,
.pagination .page-divider,
.pagination .total-pages {
  display: inline-block;
}

.pagination .current-page,
.pagination .page-number-input,
.pagination .total-pages {
  width: 50px;
  vertical-align: middle;
  margin: 0 15px;
  padding: 5px;
  text-align: center;
  color: #5e5e5e;
}

.pagination .current-page {
  position: absolute;
  left: -5px;
}

.pagination .page-divider {
  vertical-align: middle;
  color: #adadad;
}

.pagination .pagination-form {
  position: relative;
}

.pagination .pagination-form .page-number-input {
  transition: all 0.25s ease-in-out 0s;
  border: 1px solid transparent;
  border-bottom: 1px dotted #adadad;
  border-radius: 0;
  box-shadow: none;
  background: none;
}

.pagination .pagination-form .page-number-input:hover {
  background-color: #fff;
  opacity: 0.6;
}

.pagination .pagination-form .page-number-input:focus {
  background-color: #f9f2d2;
  background-image: -webkit-linear-gradient(#f9f2d2, #fefefb);
  background-image: linear-gradient(#f9f2d2, #fefefb);
  opacity: 1;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 3px;
}

.listing-tools {
  color: #5e5e5e;
}

.listing-tools label {
  color: inherit;
  font-size: inherit;
  cursor: auto;
}

.listing-tools .listing-sort-select {
  border: 0;
}

.payment-buttons .purchase .product-info, .payment-buttons .purchase .product-name, .payment-buttons .purchase .price, .view-profile .profile-header .header {
  font-weight: 700;
}

.tos .wrapper-header .header-title, section.discussion .page-header h3, section.discussion div.view-discussion-home .label-settings, #gradebook .title_gradebook, .dashboard .main-container .my-bookmarks .wrapper-header-bookmarks .header-bookmarks, section.outside-app h1, .wrapper-account-settings .account-settings-container .wrapper-header .header-title, .is-in-course .wrapper-prompt .nav-actions .action-secondary, body.error .back-button, .main-wrapper .alert .alert-action.secondary, .main-wrapper .alert strong, .alert.has-actions:not(.pattern-library-shim) .nav-actions .nav-item .action-primary, .alert:not(.pattern-library-shim) strong, .notification.has-actions .action-primary, .notification strong, .wrapper-prompt .prompt .nav-actions .action-primary, .alert.step-required .nav-actions .action-primary, .notification.step-required .nav-actions .action-primary, .prompt.step-required .nav-actions .action-primary, .alert.confirmation .nav-actions .action-primary, .notification.confirmation .nav-actions .action-primary, .prompt.confirmation .nav-actions .action-primary, .alert.announcement .nav-actions .action-primary, .notification.announcement .nav-actions .action-primary, .prompt.announcement .nav-actions .action-primary, .alert.error .nav-actions .action-primary, .notification.error .nav-actions .action-primary, .prompt.error .nav-actions .action-primary, .alert.warning .nav-actions .action-primary, .notification.warning .nav-actions .action-primary, .prompt.warning .nav-actions .action-primary, .alert.confirm .nav-actions .action-primary, .notification.confirm .nav-actions .action-primary, .prompt.confirm .nav-actions .action-primary, .message-status, .gray-button, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-title, .certificate-card .card-title, .enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-title, .verification-process .carousel #wrapper-review .review .certificate .purchase .product-info, .verification-process .carousel #wrapper-review .review .certificate p, .verification-process .carousel #wrapper-review .page-title, .account-settings-sections .section-header, .find-courses .search-facets .toggle button, .find-courses .search-facets .header-search-facets,
.find-courses .search-facets .header-facet, .find-courses .filters .clear-filters, .find-courses .filters li .facet-option, .find-courses .discovery-submit, .home > header .title .course-search .search-button, .btn-link, .nav-utilities .action-toggle-message, .pagination .current-page,
.pagination .page-number-input,
.pagination .total-pages {
  font-weight: 600;
}

.find-courses .discovery-input {
  font-weight: 500;
}

.dashboard-search-bar label, .search-bar .search-button,
.search-bar .cancel-button,
.search-bar .search-button:hover,
.search-bar .cancel-button:hover, .pagination .page-divider, .listing-tools .listing-sort-select {
  font-weight: 400;
}

body.error h1, .text-me-fragment h3, .enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-errors {
  font-weight: 300;
}

.verification-process h1,
.verification-process h2,
.verification-process h3,
.verification-process h4,
.verification-process h5,
.verification-process h6, .verification-process .page-header .title .sts-track .sts-track-value, .certificate-card .card-text, .nav-utilities .action-toggle-message, .alert:not(.pattern-library-shim) .copy .title, .notification .copy .title, .manage-user-results th, .enrollment-results th, .verification-process .progress .progress-step .step-name, .verification-process .progress .progress-step .wrapper-step-number .step-number, .verification-process .wrapper-report .report thead th[scope="col"], .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .help-tips .title, .msg__title, .view-profile .wrapper-profile-section-container-two .u-field-title, .view-profile .profile-header .subheader, .certificate-card .card-supertitle, .text-me-fragment h3, .enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-title, .verification-process .wrapper-msg .msg-content .title, .find-courses .search-facets .header-search-facets,
.find-courses .search-facets .header-facet, .wrapper-messages-primary .message .message-title,
.wrapper-messages-primary .message .message-copy .title, .verification-process.step-review .nav-wizard .prompt-verify .title, .verification-process.step-select-track .field-certificate-contribution .label, .verification-process.step-select-track .help-register .title, .verification-process .help-item .title, .verification-process.step-confirmation .list-info .info-item > .title, .verification-process .list-faq .faq-question, .verification-process .carousel #wrapper-review .review-task > .title, .verification-process .carousel .wrapper-task .wrapper-help .help .title, .verification-process .carousel .requirements .requirement .title, .verification-process .carousel .requirements .title, #gradebook .title_gradebook, section.outside-app figure figcaption, [class*="view-"] .modal-window .modal-header .title, .wrapper-msg .msg-content .title, .dashboard-search-results .search-info h2, .certificate-card .card-title, #api-access-wrapper h2, .verification-process.step-requirements .list-reqs .req-activate .title, .verification-process.step-requirements .list-reqs .req .title, .verification-process.step-select-track .register-choice .title, .verification-process .page-header .title .sts-label,
.verification-process .page-header .title .sts-course-org,
.verification-process .page-header .title .sts-course-number,
.verification-process .page-header .title .sts-course-name, .verification-process .title, .account-settings-sections .section-header, .dashboard-banner .wrapper-msg .msg.title, .home > header .title .course-search .search-input, .tos .wrapper-header .header-title, section.discussion .page-header h3, section.discussion div.view-discussion-home .label-settings, .dashboard .main-container .my-bookmarks .wrapper-header-bookmarks .header-bookmarks, .wrapper-account-settings .account-settings-container .wrapper-header .header-title, .view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields > .u-field:first-child, .view-profile .profile-header .header, .text-me-fragment h2, #api-access-wrapper h1, .wrapper-authorize h1, .reverify-blocked .title, .verification-process .reverify-success-step .title, .wrapper-account-settings .wrapper-header .header-title, .register.is-not-verified.step-confirmation .view .title, .verification-process .content-main > .title, .verification-process .carousel .view > .title, .pagination .page-divider, section.outside-app h1, .error-page article .container h1, .error-page article section.outside-app h1, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy h1, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy h1, .error-page article .view-profile .wrapper-profile-sections h1, .view-profile .error-page article .wrapper-profile-sections h1, .find-courses .wrapper-search-context .search-status-label, body.error h1 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

body.error h1 {
  font-size: 60px;
  line-height: 88.8px;
}

section.outside-app h1, .error-page article .container h1, .error-page article section.outside-app h1, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy h1, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy h1, .error-page article .view-profile .wrapper-profile-sections h1, .view-profile .error-page article .wrapper-profile-sections h1, .find-courses .wrapper-search-context .search-status-label {
  font-size: 36px;
  line-height: 53.28px;
}

.tos .wrapper-header .header-title, section.discussion .page-header h3, section.discussion div.view-discussion-home .label-settings, .dashboard .main-container .my-bookmarks .wrapper-header-bookmarks .header-bookmarks, .wrapper-account-settings .account-settings-container .wrapper-header .header-title, .view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields > .u-field:first-child, .view-profile .profile-header .header, .text-me-fragment h2, #api-access-wrapper h1, .wrapper-authorize h1, .reverify-blocked .title, .verification-process .reverify-success-step .title, .wrapper-account-settings .wrapper-header .header-title, .register.is-not-verified.step-confirmation .view .title, .verification-process .content-main > .title, .verification-process .carousel .view > .title, .pagination .page-divider {
  font-size: 24px;
  line-height: 35.52px;
}

#gradebook .title_gradebook, section.outside-app figure figcaption, [class*="view-"] .modal-window .modal-header .title, .wrapper-msg .msg-content .title, .dashboard-search-results .search-info h2, .certificate-card .card-title, #api-access-wrapper h2, .verification-process.step-requirements .list-reqs .req-activate .title, .verification-process.step-requirements .list-reqs .req .title, .verification-process.step-select-track .register-choice .title, .verification-process .page-header .title .sts-label,
.verification-process .page-header .title .sts-course-org,
.verification-process .page-header .title .sts-course-number,
.verification-process .page-header .title .sts-course-name, .verification-process .title, .account-settings-sections .section-header, .dashboard-banner .wrapper-msg .msg.title, .home > header .title .course-search .search-input {
  font-size: 18px;
  line-height: 26.64px;
}

.view-profile .wrapper-profile-section-container-two .u-field-title, .view-profile .profile-header .subheader, .certificate-card .card-supertitle, .text-me-fragment h3, .enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-title, .verification-process .wrapper-msg .msg-content .title, .find-courses .search-facets .header-search-facets,
.find-courses .search-facets .header-facet, .wrapper-messages-primary .message .message-title,
.wrapper-messages-primary .message .message-copy .title, .verification-process.step-review .nav-wizard .prompt-verify .title, .verification-process.step-select-track .field-certificate-contribution .label, .verification-process.step-select-track .help-register .title, .verification-process .help-item .title, .verification-process.step-confirmation .list-info .info-item > .title, .verification-process .list-faq .faq-question, .verification-process .carousel #wrapper-review .review-task > .title, .verification-process .carousel .wrapper-task .wrapper-help .help .title, .verification-process .carousel .requirements .requirement .title, .verification-process .carousel .requirements .title {
  font-size: 16px;
  line-height: 23.68px;
}

.alert:not(.pattern-library-shim) .copy .title, .notification .copy .title, .manage-user-results th, .enrollment-results th, .verification-process .progress .progress-step .step-name, .verification-process .progress .progress-step .wrapper-step-number .step-number, .verification-process .wrapper-report .report thead th[scope="col"], .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .help-tips .title, .msg__title {
  font-size: 14px;
  line-height: 20.72px;
}

.certificate-card .card-text, .nav-utilities .action-toggle-message {
  font-size: 12px;
  line-height: 17.76px;
}

.verification-process .page-header .title .sts-track .sts-track-value {
  font-size: 11px;
  line-height: 16.28px;
}

.msg__copy p, .search-results .search-results-item .search-results-ellipsis, .enrollment-results, .verification-process.step-requirements .list-reqs .req .copy-sub, .login-register .note, .course-info .container .wrap-instructor-info .instructor-info-action, .course-info .view-profile .wrapper-profile-sections .wrap-instructor-info .instructor-info-action, .view-profile .course-info .wrapper-profile-sections .wrap-instructor-info .instructor-info-action, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info .instructor-info-action, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info .instructor-info-action, .course-info section.outside-app .wrap-instructor-info .instructor-info-action, .login .instructions .note,
.register .instructions .note,
.passwordreset .instructions .note, .status-verification .status-note p, .status-verification .status-note, .msg__copy, .main-wrapper .alert, .wrapper-message .message.information, .wrapper-message .message, .alert:not(.pattern-library-shim) .action-dismiss .button-copy, .notification .copy, .wrapper-notification .copy, .wrapper-alert .copy, .prompt .copy, .message, .wrapper-msg .msg-content .copy p, .wrapper-msg .msg-content .copy, .view-profile .wrapper-profile-section-container-two .u-field.mode-placeholder .u-field-value, #api-access-wrapper .api-form-container .api-form p .helptext, #api-access-wrapper p, .enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-errors, .enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-field p,
.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-field label,
.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-field select,
.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-field input, .verification-process .pay-and-verify .photo-tip, .verification-process .incourse-reverify .photo-tip, .verification-process .reverify .photo-tip, .verification-process.step-review .nav-wizard .step-match label, .verification-process.step-review .nav-wizard .prompt-verify .action-verify label, .verification-process.step-review .nav-wizard .prompt-verify .copy, .verification-process.step-select-track .register-choice-certificate .title-expand, .verification-process .nav-wizard .help-inline, .verification-process .wrapper-msg .msg-content .copy, .find-courses .discovery-input, .status-verification .status-data-message, .wrapper-messages-primary .message.message-status .certificate-explanation, .wrapper-messages-primary .message.message-status .message-copy, .wrapper-messages-primary .message .message-copy,
.wrapper-messages-primary .message .message-copy .copy, .modal-settings-language .actions-supplemental .list-actions-item, .u-field-message, .verification-process.step-select-track .help-register .copy, .verification-process.step-select-track .register-choice-certificate .action-intro, .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .help-tips .copy, .verification-process .carousel .wrapper-task .wrapper-help .help .copy, .verification-process .carousel .requirements .requirement .copy, .verification-process .help-item .copy, .listing-tools, .listing-tools .listing-sort-select, body.error .description, .register.is-not-verified.step-confirmation .view .instruction, .verification-process.step-requirements .list-reqs .req-activate .copy-super, .verification-process .content-main .instruction, .verification-process .deco-divider .copy, .verification-process .carousel .view .instruction, .login .deco-divider .copy,
.register .deco-divider .copy,
.passwordreset .deco-divider .copy, .ui-loading-base, .ui-loading, .wrapper-account-settings .ui-loading-indicator,
.wrapper-account-settings .ui-loading-error, .view-profile .ui-loading-indicator, .ui-loading, .view-profile .wrapper-profile-section-container-two .u-field-value, #api-access-wrapper .application-info p, #api-access-wrapper .api-form-container .api-form #api-access-submit, #api-access-wrapper .api-form-container .api-form .preview-query, #api-access-wrapper .api-form-container .api-form .errorlist li, #api-access-wrapper .api-form-container .api-form input[type=submit], #api-access-wrapper .api-form-container .api-form textarea[type=submit], #api-access-wrapper .api-form-container .api-form input, #api-access-wrapper .api-form-container .api-form textarea, #api-access-wrapper .api-form-container .api-form label, #api-access-wrapper #api-access-status, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions, .wrapper-authorize p, .verification-process.step-requirements .list-reqs .req-activate .copy-sub, .verification-process.step-requirements .list-reqs .req .copy-super, .verification-process.step-select-track .register-choice .copy-inline, .verification-process.step-select-track .register-choice .wrapper-copy-inline, .verification-process.step-select-track .register-choice .copy, .login-register .institution-list .institution, .verification-process.step-confirmation .list-info .info-item .copy, .verification-process .carousel #wrapper-review .review-task .copy, .courseware-bookmarks-button .bookmarks-list-button, .account-settings-sections .section .account-deletion-details .btn-outline-primary, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link, .wrapper-messages-primary .message.message-upsell .action-view-consent.archived, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button, .wrapper-messages-primary .message.message-upsell .action-view-consent, .wrapper-messages-primary .message.message-status .verification-cta .btn, .pagination .current-page,
.pagination .page-number-input,
.pagination .total-pages {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.ui-loading-base, .wrapper-account-settings .ui-loading-indicator,
.wrapper-account-settings .ui-loading-error, .view-profile .ui-loading-indicator, .ui-loading, .view-profile .wrapper-profile-section-container-two .u-field-value, #api-access-wrapper .application-info p, #api-access-wrapper .api-form-container .api-form #api-access-submit, #api-access-wrapper .api-form-container .api-form .preview-query, #api-access-wrapper .api-form-container .api-form .errorlist li, #api-access-wrapper .api-form-container .api-form input[type=submit], #api-access-wrapper .api-form-container .api-form textarea[type=submit], #api-access-wrapper .api-form-container .api-form input, #api-access-wrapper .api-form-container .api-form textarea, #api-access-wrapper .api-form-container .api-form label, #api-access-wrapper #api-access-status, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions, .wrapper-authorize p, .verification-process.step-requirements .list-reqs .req-activate .copy-sub, .verification-process.step-requirements .list-reqs .req .copy-super, .verification-process.step-select-track .register-choice .copy-inline, .verification-process.step-select-track .register-choice .wrapper-copy-inline, .verification-process.step-select-track .register-choice .copy, .login-register .institution-list .institution, .verification-process.step-confirmation .list-info .info-item .copy, .verification-process .carousel #wrapper-review .review-task .copy, .courseware-bookmarks-button .bookmarks-list-button, .account-settings-sections .section .account-deletion-details .btn-outline-primary, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link, .wrapper-messages-primary .message.message-upsell .action-view-consent.archived, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button, .wrapper-messages-primary .message.message-upsell .action-view-consent, .wrapper-messages-primary .message.message-status .verification-cta .btn, .pagination .current-page,
.pagination .page-number-input,
.pagination .total-pages {
  font-size: 16px;
  line-height: 23.68px;
}

.register.is-not-verified.step-confirmation .view .instruction, .verification-process.step-requirements .list-reqs .req-activate .copy-super, .verification-process .content-main .instruction, .verification-process .deco-divider .copy, .verification-process .carousel .view .instruction, .login .deco-divider .copy,
.register .deco-divider .copy,
.passwordreset .deco-divider .copy {
  font-size: 18px;
  line-height: 26.64px;
}

body.error .description {
  font-size: 24px;
  line-height: 35.52px;
}

.main-wrapper .alert, .wrapper-message .message.information, .wrapper-message .message, .alert:not(.pattern-library-shim) .action-dismiss .button-copy, .notification .copy, .wrapper-notification .copy, .wrapper-alert .copy, .prompt .copy, .message, .wrapper-msg .msg-content .copy p, .wrapper-msg .msg-content .copy, .view-profile .wrapper-profile-section-container-two .u-field.mode-placeholder .u-field-value, #api-access-wrapper .api-form-container .api-form p .helptext, #api-access-wrapper p, .enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-errors, .enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-field p,
.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-field label,
.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-field select,
.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-field input, .verification-process .pay-and-verify .photo-tip, .verification-process .incourse-reverify .photo-tip, .verification-process .reverify .photo-tip, .verification-process.step-review .nav-wizard .step-match label, .verification-process.step-review .nav-wizard .prompt-verify .action-verify label, .verification-process.step-review .nav-wizard .prompt-verify .copy, .verification-process.step-select-track .register-choice-certificate .title-expand, .verification-process .nav-wizard .help-inline, .verification-process .wrapper-msg .msg-content .copy, .find-courses .discovery-input, .status-verification .status-data-message, .wrapper-messages-primary .message.message-status .certificate-explanation, .wrapper-messages-primary .message.message-status .message-copy, .wrapper-messages-primary .message .message-copy,
.wrapper-messages-primary .message .message-copy .copy, .modal-settings-language .actions-supplemental .list-actions-item, .u-field-message, .verification-process.step-select-track .help-register .copy, .verification-process.step-select-track .register-choice-certificate .action-intro, .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .help-tips .copy, .verification-process .carousel .wrapper-task .wrapper-help .help .copy, .verification-process .carousel .requirements .requirement .copy, .verification-process .help-item .copy, .listing-tools, .listing-tools .listing-sort-select {
  font-size: 14px;
  line-height: 20.72px;
}

.search-results .search-results-item .search-results-ellipsis, .enrollment-results, .verification-process.step-requirements .list-reqs .req .copy-sub, .login-register .note, .course-info .container .wrap-instructor-info .instructor-info-action, .course-info .view-profile .wrapper-profile-sections .wrap-instructor-info .instructor-info-action, .view-profile .course-info .wrapper-profile-sections .wrap-instructor-info .instructor-info-action, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info .instructor-info-action, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info .instructor-info-action, .course-info section.outside-app .wrap-instructor-info .instructor-info-action, .login .instructions .note,
.register .instructions .note,
.passwordreset .instructions .note, .status-verification .status-note p, .status-verification .status-note, .msg__copy {
  font-size: 12px;
  line-height: 17.76px;
}

body.error .back-button, .login-register .toggle-form, .btn-large {
  font-size: 18px;
  line-height: 26.64px;
}

.find-courses .discovery-button:not(:disabled),
.university-profile .discovery-button:not(:disabled), .login .form-actions button[type="submit"],
.register .form-actions button[type="submit"],
.passwordreset .form-actions button[type="submit"], .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button, .wrapper-authorize .btn-authorization-cancel, .login .form-actions.form-third-party-auth button[type="submit"],
.register .form-actions.form-third-party-auth button[type="submit"],
.passwordreset .form-actions.form-third-party-auth button[type="submit"], .login aside .btn-login .btn-login-action,
.register aside .btn-login .btn-login-action,
.passwordreset aside .btn-login .btn-login-action, .btn-avg {
  font-size: 16px;
  line-height: 23.68px;
}

body.error .back-button, .main-wrapper .alert .alert-action.secondary, .notification.has-actions .action-primary, .alert.step-required .nav-actions .action-primary, .notification.step-required .nav-actions .action-primary, .prompt.step-required .nav-actions .action-primary, .alert.confirmation .nav-actions .action-primary, .notification.confirmation .nav-actions .action-primary, .prompt.confirmation .nav-actions .action-primary, .alert.announcement .nav-actions .action-primary, .notification.announcement .nav-actions .action-primary, .prompt.announcement .nav-actions .action-primary, .alert.error .nav-actions .action-primary, .notification.error .nav-actions .action-primary, .prompt.error .nav-actions .action-primary, .alert.warning .nav-actions .action-primary, .notification.warning .nav-actions .action-primary, .prompt.warning .nav-actions .action-primary, .alert.confirm .nav-actions .action-primary, .notification.confirm .nav-actions .action-primary, .prompt.confirm .nav-actions .action-primary, .gray-button, .learner-achievements .learner-message .button,
.learner-achievements .learner-message .action, .find-courses .search-facets .facet-option, .wrapper-messages-primary .message.message-upsell .action-upgrade .copy, .btn-link {
  font-size: 14px;
  line-height: 20.72px;
}

.is-in-course .wrapper-prompt .nav-actions .action-primary, .alert.has-actions:not(.pattern-library-shim) .nav-actions .nav-item .action-secondary, .alert.has-actions:not(.pattern-library-shim) .nav-actions .nav-item .action-primary, .notification.has-actions .action-secondary, .wrapper-prompt .prompt .nav-actions .action-secondary, .wrapper-prompt .prompt .nav-actions .action-primary, .alert.step-required .nav-actions .action-primary, .notification.step-required .nav-actions .action-primary, .prompt.step-required .nav-actions .action-primary, .alert.confirmation .nav-actions .action-primary, .notification.confirmation .nav-actions .action-primary, .prompt.confirmation .nav-actions .action-primary, .alert.announcement .nav-actions .action-primary, .notification.announcement .nav-actions .action-primary, .prompt.announcement .nav-actions .action-primary, .alert.error .nav-actions .action-primary, .notification.error .nav-actions .action-primary, .prompt.error .nav-actions .action-primary, .alert.warning .nav-actions .action-primary, .notification.warning .nav-actions .action-primary, .prompt.warning .nav-actions .action-primary, .alert.confirm .nav-actions .action-primary, .notification.confirm .nav-actions .action-primary, .prompt.confirm .nav-actions .action-primary, .manage-user-results .disable-account-btn,
.manage-user-results .disable-account-btn:hover, .enrollment-results .change-enrollment-btn,
.enrollment-results .change-enrollment-btn:hover, .enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-submit,
.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-cancel, .wrapper-messages-primary .message.message-upsell .action-upgrade .copy-sub {
  font-size: 12px;
  line-height: 17.76px;
}

.verification-process.step-requirements .list-reqs .req .placeholder-art *[class^="icon"] {
  font-size: 48px;
}

.verification-process .wrapper-msg .msg-icon {
  font-size: 36px;
}

.alert:not(.pattern-library-shim) .feedback-symbol, .notification .feedback-symbol, .find-courses .discovery-submit, .home > header .title .course-search .search-button {
  font-size: 24px;
}

.alert:not(.pattern-library-shim) .action-dismiss .icon, .wrapper-msg .is-dismissable .action-dismiss .button-dismiss, .courses-container .courses .course .course-info .course-title, .verification-process .carousel .wrapper-task .controls .control .action .icon {
  font-size: 18px;
}

.message-status .feedback-symbol, .verification-process.step-requirements .list-reqs .req .placeholder-art .fa-stack-1x, .find-courses .filters .clear-filters {
  font-size: 16px;
}

.alert:not(.pattern-library-shim) .action-alert-close .icon, .courses-container .courses .course .course-info .course-organization, .courses-container .courses .course .course-info .course-code, .courses-container .courses .course .course-info .course-date, .find-courses .search-facets .toggle button {
  font-size: 14px;
}

.view-profile .wrapper-profile-section-container-two .wrapper-u-field .u-field-footer .field-textarea-character-count, .verification-process .copy, .verification-process .title, .view-register .introduction header .title .title-super,
.view-register .introduction header .title .title-sub,
.view-login .introduction header .title .title-super,
.view-login .introduction header .title .title-sub,
.view-passwordreset .introduction header .title .title-super,
.view-passwordreset .introduction header .title .title-sub, .register.is-not-verified.step-confirmation .view .title, .verification-process .content-main > .title, .verification-process .carousel .view > .title {
  font-weight: 300;
}

.search-bar .search-field, .verification-process .wrapper-report .report thead th[scope="col"], .verification-process .wrapper-report .report th, .verification-process.step-review .nav-wizard .prompt-verify .title, .verification-process.step-select-track .field-certificate-contribution .label, .verification-process.step-select-track .help-register .title, .verification-process .help-item .title {
  font-weight: 400;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .u-field.u-field-value:not(.u-field-readonly), .verification-process.step-review .nav-wizard .prompt-verify .copy, .verification-process .wrapper-report .report td, .verification-process .page-header .title .sts-track .sts-track-value, .verification-process.step-select-track .help-register .copy, .verification-process.step-select-track .register-choice-certificate .action-intro, .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .help-tips .copy, .verification-process .carousel .wrapper-task .wrapper-help .help .copy, .verification-process .carousel .requirements .requirement .copy, .verification-process .help-item .copy, .status-verification.is-denied .action-reverify, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy, .text-me-fragment form .form-field .action-primary, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn, .wrapper-authorize .btn-authorization-allow, .reverify-blocked .action-primary, .verification-process.step-confirmation .course-info .course-actions .action-dashboard, .verification-process.step-confirmation .course-info .options .action-course, .verification-process.step-select-track .register-choice-audit .action-select input, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a, .verification-process .carousel .wrapper-task .controls .control .action, .verification-process .action-primary-blue, .login-register .action-primary, .wrapper-msg .has-actions .nav-actions .action-primary,
.wrapper-msg .has-actions .msg-actions .action-primary, .learner-achievements .learner-message .button,
.learner-achievements .learner-message .action, .verification-process.step-select-track .register-choice-certificate .action-select input, .verification-process .carousel .wrapper-task .controls .control.approved .action, .verification-process .action-confirm, .verification-process .action-primary, .wrapper-messages-primary .message.message-upsell .action-upgrade, .courseware-bookmarks-button .bookmarks-list-button, .account-settings-sections .section .account-deletion-details .btn-outline-primary, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link, .wrapper-messages-primary .message.message-upsell .action-view-consent.archived, .btn-large, .btn-avg {
  font-weight: 500;
}

.wrapper-msg .msg-content .title, .view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields > .u-field:first-child, #api-access-wrapper .application-info p .application-label, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn, .register.is-verified .nav-wizard .price-value, .verification-process.step-requirements .list-reqs .req-activate .title, .verification-process.step-requirements .list-reqs .req .title, .verification-process.step-select-track .field-certificate-contribution .label, .verification-process.step-select-track .help-register .title, .verification-process.step-select-track .register-choice .action-select input, .verification-process .contribution-options .contribution-option .label-value, .verification-process .deco-divider .copy, .verification-process .carousel .wrapper-task .wrapper-help .help .list-help .help-item-emphasis, .verification-process .progress .progress-step .step-name, .verification-process .progress .progress-step .wrapper-step-number .step-number, .verification-process .page-header .title .sts-label,
.verification-process .page-header .title .sts-course-org,
.verification-process .page-header .title .sts-course-number,
.verification-process .page-header .title .sts-course-name, .verification-process .wrapper-msg .msg-content .title, .verification-process button,
.verification-process input[type="submit"],
.verification-process input[type="button"],
.verification-process button[type="submit"], .verification-process label, .login .deco-divider .copy,
.register .deco-divider .copy,
.passwordreset .deco-divider .copy, .dashboard-banner .wrapper-msg .msg.title, .status-verification.is-denied .action-reverify, .status-verification .list-actions .action, .status-verification .status-data-message, .wrapper-messages-primary .message.message-upsell .action-upgrade .copy, .wrapper-messages-primary .message .message-title,
.wrapper-messages-primary .message .message-copy .title, .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .help-tips .title, .msg__title, .verification-process.step-confirmation .list-info .info-item > .title, .verification-process .list-faq .faq-question, .verification-process .carousel #wrapper-review .review-task > .title, .verification-process .carousel .wrapper-task .wrapper-help .help .title, .verification-process .carousel .requirements .requirement .title, .verification-process .carousel .requirements .title, .is-deprecated {
  font-weight: 600;
}

.verification-process.step-select-track .register-choice .title, .verification-process .carousel #wrapper-review .review-task .copy strong {
  font-weight: 700;
}

.register.is-not-verified.step-confirmation .view .title, .verification-process .content-main > .title, .verification-process .carousel .view > .title {
  margin: 0 0 15px 0;
  border-bottom: 1px solid #b1b2b4;
  padding-bottom: 10px;
  color: #050505;
}

.verification-process.step-confirmation .list-info .info-item > .title, .verification-process .list-faq .faq-question, .verification-process .carousel #wrapper-review .review-task > .title, .verification-process .carousel .wrapper-task .wrapper-help .help .title, .verification-process .carousel .requirements .requirement .title, .verification-process .carousel .requirements .title {
  margin: 0 0 5px 0;
  color: #050505;
}

.verification-process.step-review .nav-wizard .prompt-verify .title, .verification-process.step-select-track .field-certificate-contribution .label, .verification-process.step-select-track .help-register .title, .verification-process .help-item .title {
  margin: 0 0 20px 0;
  color: #050505;
}

.verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .help-tips .title, .msg__title {
  margin: 0 0 5px 0;
  color: #050505;
}

.verification-process.step-confirmation .list-info .info-item .copy, .verification-process .carousel #wrapper-review .review-task .copy {
  color: #707276;
}

.verification-process.step-select-track .help-register .copy, .verification-process.step-select-track .register-choice-certificate .action-intro, .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .help-tips .copy, .verification-process .carousel .wrapper-task .wrapper-help .help .copy, .verification-process .carousel .requirements .requirement .copy, .verification-process .help-item .copy {
  color: #6f7074;
}

.msg__copy {
  color: #6f7074;
}

.verification-process .page-header .title .sts-track .sts-track-value {
  border-radius: 4px;
  padding: 10px 20px;
  letter-spacing: 0.1rem;
}

.u-field {
  padding: 20px 0;
  border-bottom: 1px solid #f1f1f1;
  border: 1px dashed transparent;
}

.u-field.mode-placeholder {
  border: 2px dashed transparent;
  border-radius: 3px;
}

.u-field.mode-placeholder span {
  color: #5e5e5e;
}

.u-field.mode-placeholder:hover {
  border: 2px dashed #0075b4;
}

.u-field.mode-placeholder:hover span {
  color: #0075b4;
}

.u-field.editable-toggle.mode-display:hover {
  background-color: #e6f1f8;
  border-radius: 3px;
}

.u-field.editable-toggle.mode-display:hover .message-can-edit {
  display: inline-block;
  color: #0075b4;
}

.u-field.mode-hidden {
  display: none;
}

.u-field i {
  color: #adadad;
  vertical-align: text-bottom;
  margin-right: 5px;
}

.u-field .message-can-edit {
  display: none;
}

.u-field .message-error {
  color: #d44040;
}

.u-field .message-validation-error {
  color: #ffc01f;
}

.u-field .message-in-progress {
  color: #474747;
}

.u-field .message-success {
  color: #008100;
}

.u-field-readonly input[type="text"],
.u-field-readonly input[type="text"]:focus {
  background-color: transparent;
  padding: 0;
  border: none;
  box-shadow: none;
}

.u-field-icon {
  width: 20px;
  color: #adadad;
}

.u-field-title {
  width: 23.72881%;
  display: inline-block;
  color: #5e5e5e;
  vertical-align: top;
  margin-bottom: 0;
  -webkit-font-smoothing: antialiased;
}

.u-field-title label, .u-field-title span {
  margin-left: 10px;
}

.u-field-value {
  width: 23.72881%;
  display: inline-block;
  vertical-align: top;
}

.u-field-value select, .u-field-value input {
  width: 100%;
}

.u-field-message {
  padding-left: 10px;
  width: 49.15254%;
  display: inline-block;
  vertical-align: top;
  color: #919191;
}

.u-field-message i {
  margin-right: 5px;
}

.u-field-message .u-field-message-help,
.u-field-message .u-field-message-notification {
  color: #767676;
}

.u-field-dropdown.mode-display select, .u-field-dropdown.mode-placeholder select {
  display: none;
}

.u-field-dropdown button.u-field-value-display, .u-field-dropdown button.u-field-value-display:active, .u-field-dropdown button.u-field-value-display:focus, .u-field-dropdown button.u-field-value-display:hover {
  border-color: transparent;
  background: transparent;
  padding: 0;
  box-shadow: none;
  font-size: inherit;
  font-weight: inherit;
  text-shadow: none;
}

.u-field-dropdown.mode-edit button.u-field-value-display {
  display: none;
}

form {
  font-size: 1em;
}

label {
  color: #313131;
  font: italic 300 1rem/1.6rem Georgia, Cambria, "Times New Roman", Times, serif;
  margin-bottom: 5px;
  text-shadow: 0 1px rgba(255, 255, 255, 0.4);
  -webkit-font-smoothing: antialiased;
}

label.register-emails {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: normal;
  width: calc(100% - 25px);
  padding-top: 2px;
  position: relative;
  float: right;
  clear: both;
}

textarea,
input[type="text"],
input[type="url"],
input[type="email"],
input[type="tel"] {
  background: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6), inset 0 0 3px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  font: italic 300 1rem/1.6rem Georgia, Cambria, "Times New Roman", Times, serif;
  height: 35px;
  padding: 5px 12px;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
}

textarea:last-child,
input[type="text"]:last-child,
input[type="url"]:last-child,
input[type="email"]:last-child,
input[type="tel"]:last-child {
  margin-right: 0;
}

textarea:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus {
  border-color: #6f6f6f;
  box-shadow: 0 0 6px 0 #6f6f6f, inset 0 0 4px 0 rgba(0, 0, 0, 0.15);
}

textarea {
  height: 60px;
}

input[type="submit"],
input[type="button"],
button,
.button {
  border-radius: 3px;
  border: 1px solid #000663;
  border-bottom: 1px solid #00003a;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 0 #2592c0;
  color: white;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  background-color: #0075b4;
  background-image: -webkit-linear-gradient(top, #0075b4 0%, #004393 50%, #002a84 50%, #002f86 100%);
  background-image: linear-gradient(to bottom,#0075b4 0%, #004393 50%, #002a84 50%, #002f86 100%);
  padding: 7px 18px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #000042;
  font: normal 1.2rem/1.6rem "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  letter-spacing: 1px;
  padding: 4px 20px;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
}

input[type="submit"]:hover:not(:disabled),
input[type="button"]:hover:not(:disabled),
button:hover:not(:disabled),
.button:hover:not(:disabled) {
  cursor: pointer;
  background-color: #0066a2;
  background-image: -webkit-linear-gradient(top, #0066a2 0%, #003781 50%, #002072 50%, #002575 100%);
  background-image: linear-gradient(to bottom,#0066a2 0%, #003781 50%, #002072 50%, #002575 100%);
}

input[type="submit"]:active:not(:disabled), input[type="submit"]:focus:not(:disabled),
input[type="button"]:active:not(:disabled),
input[type="button"]:focus:not(:disabled),
button:active:not(:disabled),
button:focus:not(:disabled),
.button:active:not(:disabled),
.button:focus:not(:disabled) {
  box-shadow: inset 0 0 20px 0 #00013a;
}

input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled,
.button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

input[type="submit"]:disabled, input[type="submit"].is-disabled, input[type="submit"].disabled,
input[type="button"]:disabled,
input[type="button"].is-disabled,
input[type="button"].disabled,
button:disabled,
button.is-disabled,
button.disabled,
.button:disabled,
.button.is-disabled,
.button.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}

.wrapper-footer {
  box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
  border-top: 1px solid #c5c6c7;
  padding: 25px 10px 30px 10px;
  background: #fff;
  clear: both;
}

.wrapper-footer footer#footer-openedx {
  box-sizing: border-box;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
}

.wrapper-footer footer#footer-openedx:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-footer footer#footer-openedx:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-footer footer#footer-openedx p, .wrapper-footer footer#footer-openedx ol, .wrapper-footer footer#footer-openedx ul {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.wrapper-footer footer#footer-openedx p a, .wrapper-footer footer#footer-openedx ol a, .wrapper-footer footer#footer-openedx ul a {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.wrapper-footer footer#footer-openedx a {
  transition: link-color 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s;
  border-bottom: none;
  color: #0075b4;
  text-decoration: none !important;
}

.wrapper-footer footer#footer-openedx a:hover, .wrapper-footer footer#footer-openedx a:focus, .wrapper-footer footer#footer-openedx a:active {
  border-bottom: 1px dotted #0075b4;
}

.wrapper-footer footer#footer-openedx .icon {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
}

.wrapper-footer footer#footer-openedx .colophon {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%;
}

.wrapper-footer footer#footer-openedx .colophon:last-child {
  margin-right: 0;
}

@media screen and (min-width: 321px) and (max-width: 540px) {
  .wrapper-footer footer#footer-openedx .colophon {
    width: 100%;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 320px) {
  .wrapper-footer footer#footer-openedx .colophon {
    width: 100%;
    box-sizing: border-box;
  }
}

.wrapper-footer footer#footer-openedx .colophon .nav-colophon {
  margin: 5px 0 30px 0;
}

.wrapper-footer footer#footer-openedx .colophon .nav-colophon:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-footer footer#footer-openedx .colophon .nav-colophon li {
  float: left;
  margin-right: 15px;
}

.wrapper-footer footer#footer-openedx .colophon .nav-colophon li a {
  color: #333333;
}

.wrapper-footer footer#footer-openedx .colophon .nav-colophon li a:hover, .wrapper-footer footer#footer-openedx .colophon .nav-colophon li a:focus, .wrapper-footer footer#footer-openedx .colophon .nav-colophon li a:active {
  color: #0075b4;
}

.wrapper-footer footer#footer-openedx .colophon .nav-colophon li:last-child {
  margin-right: 0;
}

.wrapper-footer footer#footer-openedx .colophon .colophon-about:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-footer footer#footer-openedx .colophon .colophon-about img {
  width: 68px;
  height: 34px;
  margin-right: 0;
  float: left;
}

.wrapper-footer footer#footer-openedx .colophon .colophon-about p {
  float: left;
  width: 74.10533%;
  margin-left: 20px;
  padding-left: 20px;
  font-size: 0.8125em;
  background: transparent url("/static/images/bg-footer-divider.1aab2089decb.jpg") 0 0 no-repeat;
}

.wrapper-footer footer#footer-openedx .references {
  margin: -10px 0 0 0;
  width: 31.76157%;
  display: inline-block;
}

.wrapper-footer footer#footer-openedx .wrapper-logo {
  margin: 15px 0;
}

.wrapper-footer footer#footer-openedx .wrapper-logo a {
  display: inline-block;
}

.wrapper-footer footer#footer-openedx .wrapper-logo a:hover {
  border-bottom: 0;
}

.wrapper-footer footer#footer-openedx .copyright {
  margin: -2px 0 8px 0;
  font-size: 0.6875em;
  color: #767676;
  text-align: left;
}

.wrapper-footer footer#footer-openedx .nav-legal {
  text-align: left;
}

.wrapper-footer footer#footer-openedx .nav-legal:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-footer footer#footer-openedx .nav-legal li {
  display: inline-block;
  font-size: 0.6875em;
}

.wrapper-footer footer#footer-openedx .nav-legal li:not(:first-child) a::before {
  margin-right: 5px;
  content: "-";
}

.wrapper-footer footer#footer-openedx .nav-social {
  margin: 0;
  text-align: right;
}

.wrapper-footer footer#footer-openedx .nav-social li {
  display: inline-block;
}

.wrapper-footer footer#footer-openedx .nav-social li:last-child {
  margin-right: 0;
}

.wrapper-footer footer#footer-openedx .nav-social li a {
  display: block;
}

.wrapper-footer footer#footer-openedx .nav-social li a:hover, .wrapper-footer footer#footer-openedx .nav-social li a:focus, .wrapper-footer footer#footer-openedx .nav-social li a:active {
  border: none;
}

.wrapper-footer footer#footer-openedx .nav-social li img {
  display: block;
}

.wrapper-footer footer#footer-openedx .footer-about-openedx {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  text-align: right;
  vertical-align: bottom;
}

.wrapper-footer footer#footer-openedx .footer-about-openedx:last-child {
  margin-right: 0;
}

@media screen and (min-width: 321px) and (max-width: 540px) {
  .wrapper-footer footer#footer-openedx .footer-about-openedx {
    width: 100%;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 320px) {
  .wrapper-footer footer#footer-openedx .footer-about-openedx {
    width: 100%;
    box-sizing: border-box;
  }
}

.wrapper-footer footer#footer-openedx .footer-about-openedx a {
  float: right;
  display: inline-block;
}

.wrapper-footer footer#footer-openedx .footer-about-openedx a:hover {
  border-bottom: none;
}

.wrapper-footer footer#footer-openedx .footer-language-selector label[for=footer-language-select] {
  display: inline-block;
  cursor: initial;
}

.wrapper-footer.edx-footer footer .copyright {
  text-align: right;
}

.wrapper-footer.edx-footer footer .nav-legal {
  text-align: right;
}

.view-register .wrapper-footer footer, .view-login .wrapper-footer footer, .view-passwordreset .wrapper-footer footer {
  width: 960px;
}

.view-register .wrapper-footer footer .colophon-about img, .view-login .wrapper-footer footer .colophon-about img, .view-passwordreset .wrapper-footer footer .colophon-about img {
  margin-top: 30px;
}

footer#footer-edx-v3 {
  background: #fcfcfc;
  padding: 15px 0;
  border-top: 1px solid #e6e6e6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

footer#footer-edx-v3 .container > div, footer#footer-edx-v3 .view-profile .wrapper-profile-sections > div, .view-profile footer#footer-edx-v3 .wrapper-profile-sections > div, footer#footer-edx-v3 .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy > div, .view-profile .profile-self .wrapper-profile-field-account-privacy footer#footer-edx-v3 .u-field-account_privacy > div, footer#footer-edx-v3 section.outside-app > div {
  border: none;
  box-shadow: none;
  background: inherit;
}

footer#footer-edx-v3 .column-styles {
  position: relative;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

footer#footer-edx-v3 a.social-links {
  font-size: 35px;
}

footer#footer-edx-v3 .first-div-border,
footer#footer-edx-v3 .second-div-border,
footer#footer-edx-v3 .third-div-border,
footer#footer-edx-v3 .fourth-div-border {
  border-left: none;
}

footer#footer-edx-v3 .main-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

footer#footer-edx-v3 * {
  box-sizing: border-box;
}

footer#footer-edx-v3 .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

footer#footer-edx-v3 .list-unstyled {
  list-style: none;
  padding-left: 0;
}

footer#footer-edx-v3 .flex-column {
  flex-direction: column;
}

footer#footer-edx-v3 a.social-links.external:hover {
  text-decoration: none;
}

footer#footer-edx-v3 .full-height {
  height: 100%;
}

footer#footer-edx-v3 .social-app-links-div {
  float: none;
  display: table-cell;
  vertical-align: top;
}

footer#footer-edx-v3 div.container, footer#footer-edx-v3 .view-profile div.wrapper-profile-sections, .view-profile footer#footer-edx-v3 div.wrapper-profile-sections, footer#footer-edx-v3 .view-profile .profile-self .wrapper-profile-field-account-privacy div.u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy footer#footer-edx-v3 div.u-field-account_privacy {
  min-width: 0;
  padding: 0 15px;
}

footer#footer-edx-v3 ul.clear-margins li {
  padding-bottom: 5px;
}

footer#footer-edx-v3 .row.small-screen {
  display: none;
}

footer#footer-edx-v3 .row.all-screens {
  display: flex;
}

footer#footer-edx-v3 h2.heading {
  font-weight: 600;
  padding: 5px 0;
  color: #646464;
  margin-left: 8px;
}

footer#footer-edx-v3 ul.clear-margins {
  list-style: outside none none;
  padding-bottom: 15px;
  margin-top: 15px;
  margin-left: 8px;
  border-bottom: 1px solid #e6e6e6;
  line-height: 1.5;
}

footer#footer-edx-v3 .footer-language-selector {
  float: right;
}

footer#footer-edx-v3 .app-links {
  margin-top: 15px;
  height: auto;
  display: inline-flex;
}

footer#footer-edx-v3 .app-link img {
  height: 35px;
}

footer#footer-edx-v3 .social {
  margin-top: 30px;
  height: auto;
  margin-left: 5px;
}

footer#footer-edx-v3 ul.social li {
  display: inline-flex;
  margin-right: 10px;
}

footer#footer-edx-v3 .edx-footer-logo {
  display: inline-flex;
  margin-left: 5px;
}

footer#footer-edx-v3 .footer-content-wrapper {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

footer#footer-edx-v3 .footer-content-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

footer#footer-edx-v3 p {
  font-size: 14px;
  line-height: 20.72px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

footer#footer-edx-v3 .copyright {
  margin-top: 30px;
  margin-left: 8px;
  font-size: 16px;
  line-height: 35.52pxpx;
}

footer#footer-edx-v3 .site-nav li,
footer#footer-edx-v3 .legal-notices li {
  font-size: 14px;
  line-height: 20.72px;
  margin-right: 20px;
  color: #0075b4;
}

footer#footer-edx-v3 .site-nav li:last-of-type,
footer#footer-edx-v3 .legal-notices li:last-of-type {
  margin-right: 0;
}

footer#footer-edx-v3 .site-nav li:hover, footer#footer-edx-v3 .site-nav li:focus,
footer#footer-edx-v3 .legal-notices li:hover,
footer#footer-edx-v3 .legal-notices li:focus {
  border: none;
}

footer#footer-edx-v3 .footer-logo,
footer#footer-edx-v3 .site-details,
footer#footer-edx-v3 .external-links {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

footer#footer-edx-v3 .footer-logo:last-child,
footer#footer-edx-v3 .site-details:last-child,
footer#footer-edx-v3 .external-links:last-child {
  margin-right: 0;
}

footer#footer-edx-v3 .site-details,
footer#footer-edx-v3 .external-links {
  margin-top: 5px;
}

footer#footer-edx-v3 .footer-logo {
  margin-bottom: 30px;
}

footer#footer-edx-v3 .legal-notices {
  margin: 20px 0;
}

footer#footer-edx-v3 .openedx-link {
  margin: 10px 0 30px -8px;
  width: 141px;
}

footer#footer-edx-v3 .openedx-link a {
  display: inline-block;
}

footer#footer-edx-v3 .openedx-link img {
  width: 100%;
}

footer#footer-edx-v3 .about-links .list-item,
footer#footer-edx-v3 .legal-links .list-item,
footer#footer-edx-v3 .social-media-links .list-item,
footer#footer-edx-v3 .mobile-app-links .list-item {
  display: inline-block;
}

footer#footer-edx-v3 .mobile-app-links {
  position: relative;
  width: 260px;
  height: 42px;
}

footer#footer-edx-v3 .mobile-app-links:after {
  content: "";
  display: table;
  clear: both;
}

footer#footer-edx-v3 .social-media-links {
  margin-bottom: 30px;
}

footer#footer-edx-v3 .social-media-links:after {
  content: "";
  display: table;
  clear: both;
}

footer#footer-edx-v3 .icon {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  color: #0075b4;
}

footer#footer-edx-v3 a.sm-link {
  float: left;
  margin: 0 6 10 0;
  font-size: 40px;
  line-height: 41.44px;
  width: 35px;
  height: 30px;
  line-height: 1;
  position: relative;
  display: inline;
  background: none;
  text-align: left;
}

footer#footer-edx-v3 a.sm-link:first-of-type {
  margin-left: 0;
}

footer#footer-edx-v3 a.sm-link:hover, footer#footer-edx-v3 a.sm-link:focus {
  opacity: 0.7;
  border: none;
}

footer#footer-edx-v3 a.social-links {
  font-size: 30px;
  line-height: 1.48px;
  position: relative;
  display: inline;
  background: none;
  text-align: left;
}

footer#footer-edx-v3 a.social-links:first-of-type {
  margin-left: 0;
}

footer#footer-edx-v3 a.social-links:hover, footer#footer-edx-v3 a.social-links:focus {
  opacity: 0.7;
  border: none;
}

footer#footer-edx-v3 .app-link {
  padding: 7px;
}

footer#footer-edx-v3 .app-link:first-of-type {
  left: 0;
}

footer#footer-edx-v3 .app-link:last-of-type {
  right: 0;
}

footer#footer-edx-v3 .app-link img {
  height: 40px;
  max-width: 200px;
}

@media print {
  footer#footer-edx-v3 .site-details p {
    float: left;
  }
  footer#footer-edx-v3 .openedx-link {
    margin: 0;
    float: right;
  }
}

@media (min-width: 576px) {
  footer#footer-edx-v3 {
    padding: 20px 10px;
  }
  footer#footer-edx-v3 .column-1 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  footer#footer-edx-v3 .column-2,
footer#footer-edx-v3 .column-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  footer#footer-edx-v3 .column-2-1,
footer#footer-edx-v3 .column-3-1,
footer#footer-edx-v3 .column-3-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  footer#footer-edx-v3 .column-2-2 {
    flex: 0 0 80%;
    max-width: 80%;
    margin-left: 10%;
  }
  footer#footer-edx-v3 ul.social {
    padding: 0;
    margin: 0;
    list-style-type: none;
    margin-top: 15px;
  }
  footer#footer-edx-v3 .logo-div {
    margin-left: 7%;
    display: inline-flex;
  }
  footer#footer-edx-v3 ul.social li {
    width: 65px;
    height: 35px;
    float: left;
    margin-left: 7px;
  }
  footer#footer-edx-v3 div.container, footer#footer-edx-v3 .view-profile div.wrapper-profile-sections, .view-profile footer#footer-edx-v3 div.wrapper-profile-sections, footer#footer-edx-v3 .view-profile .profile-self .wrapper-profile-field-account-privacy div.u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy footer#footer-edx-v3 div.u-field-account_privacy {
    min-width: 0;
    padding: 0;
  }
  footer#footer-edx-v3 .first-div-border div div {
    border-bottom: 1px solid #e6e6e6;
    margin-left: 10%;
  }
  footer#footer-edx-v3 .second-div-border div div {
    border-bottom: 1px solid #e6e6e6;
    margin-left: 10%;
  }
  footer#footer-edx-v3 .third-div-border div div {
    border-bottom: none;
    margin-left: 10%;
  }
  footer#footer-edx-v3 .fourth-div-border {
    border-left: 1px solid #e6e6e6;
  }
  footer#footer-edx-v3 .site-details {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  footer#footer-edx-v3 .site-details:last-child {
    margin-right: 0;
  }
  footer#footer-edx-v3 .external-links {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  footer#footer-edx-v3 .external-links:last-child {
    margin-right: 0;
  }
  footer#footer-edx-v3 .social-media-links,
footer#footer-edx-v3 .mobile-app-links {
    float: right;
  }
  footer#footer-edx-v3 .social-media-links {
    margin-bottom: 40px;
  }
  footer#footer-edx-v3 ul.clear-margins {
    margin-top: 5px;
    border-bottom: none;
  }
  footer#footer-edx-v3 .app-link img {
    height: 35px;
    margin-top: 10px;
  }
  footer#footer-edx-v3 a.social-links {
    font-size: 35px;
    margin-top: 5px;
    margin-left: 5px;
  }
  footer#footer-edx-v3 .footer-language-selector {
    display: inline-block;
    float: none;
  }
}

@media (min-width: 768px) {
  footer#footer-edx-v3 {
    padding: 20px 10px;
  }
  footer#footer-edx-v3 .ml-auto {
    margin-left: auto;
  }
  footer#footer-edx-v3 .footer-language-selector {
    display: inline-block;
    width: max-content;
  }
  footer#footer-edx-v3 .column-1 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  footer#footer-edx-v3 .column-2 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  footer#footer-edx-v3 .column-2-2 {
    flex: 0 0 80%;
    max-width: 80%;
    margin-left: 0;
  }
  footer#footer-edx-v3 .column-2-2,
footer#footer-edx-v3 .column-3,
footer#footer-edx-v3 .column-3-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  footer#footer-edx-v3 .column-2-1 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  footer#footer-edx-v3 .column-3-1 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  footer#footer-edx-v3 .edx-footer-logo {
    display: inline-flex;
    margin-left: 20px;
    margin-top: 5px;
  }
  footer#footer-edx-v3 .first-div-border {
    border-left: none;
    border-bottom: none;
  }
  footer#footer-edx-v3 .first-div-border div div {
    border-bottom: none;
    margin-left: 0;
  }
  footer#footer-edx-v3 .second-div-border div div {
    border-bottom: none;
    margin-left: 0;
  }
  footer#footer-edx-v3 .second-div-border {
    border-left: 1px solid #e6e6e6;
    border-bottom: none;
  }
  footer#footer-edx-v3 .third-div-border {
    border-left: 1px solid #e6e6e6;
  }
  footer#footer-edx-v3 .site-details {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  footer#footer-edx-v3 .site-details:last-child {
    margin-right: 0;
  }
  footer#footer-edx-v3 .external-links {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  footer#footer-edx-v3 .external-links:last-child {
    margin-right: 0;
  }
  footer#footer-edx-v3 .social-media-links,
footer#footer-edx-v3 .mobile-app-links {
    float: right;
  }
  footer#footer-edx-v3 .social-media-links {
    margin-bottom: 40px;
  }
  footer#footer-edx-v3 ul.clear-margins {
    margin-top: 15px;
    border-bottom: none;
  }
  footer#footer-edx-v3 .social {
    display: inline-flex;
    vertical-align: middle;
  }
  footer#footer-edx-v3 ul.social {
    margin-top: 29px;
  }
  footer#footer-edx-v3 .app-links {
    display: inline-flex;
    margin-left: 5px;
    vertical-align: middle;
  }
  footer#footer-edx-v3 ul.clear-margins li {
    font-size: 16px;
  }
  footer#footer-edx-v3 h2.heading {
    font-weight: 700;
  }
  footer#footer-edx-v3 .col-md-3 .footer-language-selector {
    float: none;
    display: block;
    margin-left: 20px;
  }
  footer#footer-edx-v3 ul.social li {
    display: inline-flex;
    width: auto;
  }
}

@media (min-width: 992px) {
  footer#footer-edx-v3 {
    padding: 20px 10px;
  }
  footer#footer-edx-v3 .column-1,
footer#footer-edx-v3 .column-2-2,
footer#footer-edx-v3 .column-3-1,
footer#footer-edx-v3 .column-3-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  footer#footer-edx-v3 .column-2 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  footer#footer-edx-v3 .column-2-1,
footer#footer-edx-v3 .column-3 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  footer#footer-edx-v3 .column-2-2 {
    margin-left: 0;
  }
  footer#footer-edx-v3 .edx-footer-logo {
    margin-left: 20px;
  }
  footer#footer-edx-v3 .first-div-border {
    border-left: none;
  }
  footer#footer-edx-v3 .second-div-border {
    border-left: 1px solid #e6e6e6;
  }
  footer#footer-edx-v3 .third-div-border {
    border-left: 1px solid #e6e6e6;
  }
  footer#footer-edx-v3 .fourth-div-border {
    border-left: 1px solid #e6e6e6;
  }
  footer#footer-edx-v3 .col-xl-2 .edx-footer-logo {
    margin-left: 20px;
    padding: 0 0 20px 20px;
  }
  footer#footer-edx-v3 div.col-xl-6 div.col-xl-4 div div {
    border-bottom: none;
  }
  footer#footer-edx-v3 .col-xl-10 div.row div:nth-child(1) div.row:nth-child(1) {
    padding-left: 35px;
  }
  footer#footer-edx-v3 .col-xl-2.col-md-12.col-sm-3.col-xs-10 {
    text-align: left;
  }
  footer#footer-edx-v3 .site-details {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  footer#footer-edx-v3 .site-details:last-child {
    margin-right: 0;
  }
  footer#footer-edx-v3 .external-links {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  footer#footer-edx-v3 .external-links:last-child {
    margin-right: 0;
  }
  footer#footer-edx-v3 .app-links {
    margin-left: 0;
  }
  footer#footer-edx-v3 .social-media-links,
footer#footer-edx-v3 .mobile-app-links {
    float: right;
  }
  footer#footer-edx-v3 .social-media-links {
    margin-bottom: 40px;
  }
  footer#footer-edx-v3 ul.clear-margins {
    margin-top: 15px;
    border-bottom: none;
  }
  footer#footer-edx-v3 .social {
    display: inline-flex;
    vertical-align: middle;
    margin-top: 20px;
  }
  footer#footer-edx-v3 .app-links {
    display: inline-flex;
    vertical-align: middle;
  }
  footer#footer-edx-v3 ul.clear-margins li {
    font-size: 16px;
    padding-bottom: 5px;
  }
  footer#footer-edx-v3 h2.heading {
    font-weight: 700;
    padding-bottom: 10px;
  }
  footer#footer-edx-v3 .col-xl-2 .footer-language-selector {
    display: inline-block;
    width: max-content;
  }
  footer#footer-edx-v3 ul.social li {
    display: inline;
  }
}

@media (min-width: 1200px) {
  footer#footer-edx-v3 .margin {
    margin-left: 0;
  }
  footer#footer-edx-v3 .first-div-border {
    border-left: 1px solid #e6e6e6;
  }
  footer#footer-edx-v3 .column-1 {
    flex: 0 0 16.6667%;
    max-width: 16.6667%;
  }
  footer#footer-edx-v3 .column-2 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  footer#footer-edx-v3 .column-2-1,
footer#footer-edx-v3 .column-3 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
  footer#footer-edx-v3 .column-2-2 {
    margin-left: 0%;
  }
  footer#footer-edx-v3 .column-2-2,
footer#footer-edx-v3 .column-3-1,
footer#footer-edx-v3 .column-3-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  footer#footer-edx-v3 .second-div-border {
    border-left: 1px solid #e6e6e6;
  }
  footer#footer-edx-v3 .third-div-border {
    border-left: 1px solid #e6e6e6;
  }
  footer#footer-edx-v3 .fourth-div-border {
    border-left: 1px solid #e6e6e6;
  }
  footer#footer-edx-v3 .footer-logo {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%;
  }
  footer#footer-edx-v3 .footer-logo:last-child {
    margin-right: 0;
  }
  footer#footer-edx-v3 .app-links {
    margin-left: 0;
  }
  footer#footer-edx-v3 .site-details {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 57.35098%;
  }
  footer#footer-edx-v3 .site-details:last-child {
    margin-right: 0;
  }
  footer#footer-edx-v3 .external-links {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  footer#footer-edx-v3 .external-links:last-child {
    margin-right: 0;
  }
  footer#footer-edx-v3 ul.clear-margins li {
    font-size: 16px;
  }
  footer#footer-edx-v3 .col-xl-2 .edx-footer-logo {
    padding-left: 0;
  }
  footer#footer-edx-v3 .social-media-links {
    margin-bottom: 50px;
  }
  footer#footer-edx-v3 ul.social li {
    display: inline;
  }
  footer#footer-edx-v3 .col-xl-10 div.row div div.row {
    height: 100%;
  }
  footer#footer-edx-v3 .clear-margins {
    border-bottom: none;
  }
  footer#footer-edx-v3 .col-xl-10 div.row div:nth-child(1) div.row:nth-child(1) {
    padding: 0;
  }
  footer#footer-edx-v3 .footer-language-selector {
    margin: 20px 0;
    padding: 0;
    float: none;
  }
}

footer#footer-edx-v3 .footer-language-selector {
  margin: 10px 0;
}

footer#footer-edx-v3 .footer-language-selector label[for=footer-language-select] {
  display: inline-block;
  cursor: initial;
}

.header-global {
  border-bottom: 1px solid #0075b4;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  position: relative;
  width: 100%;
  height: 76px;
}

.header-global .wrapper-header {
  height: 40px;
  margin: 0 auto;
  padding: 18px 10px 0;
  max-width: 1180px;
}

.header-global .wrapper-header:after {
  content: "";
  display: table;
  clear: both;
}

.header-global .logo-header {
  display: inline;
}

.header-global .logo {
  float: left;
  margin: -2px 39px 0 0;
  position: relative;
}

.header-global .logo a {
  display: block;
}

.header-global nav {
  height: 40px;
  margin: 0 auto;
  padding: 18px 10px 0;
  max-width: 1180px;
}

.header-global nav:after {
  content: "";
  display: table;
  clear: both;
}

.header-global .left {
  float: left;
}

.header-global .guest {
  float: right;
}

.header-global > li {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  vertical-align: middle;
}

.header-global > li:last-child {
  margin-right: 0;
}

.header-global > li a {
  letter-spacing: 1px;
  vertical-align: middle;
}

.header-global li.secondary > a {
  color: #0075b4;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  display: inline-block;
  margin: 0 30px 0 0;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}

.header-global li.secondary > a:last-child {
  margin-right: 0;
}

.header-global li.secondary > a:hover, .header-global li.secondary > a:focus {
  color: #313131;
}

.header-global .primary {
  margin-right: 5px;
}

.header-global .primary > a {
  background-image: -webkit-linear-gradient(white 0%, #fafafa 50%, #ededed 50%, gainsboro 100%);
  background-image: linear-gradient(to   , #fafafa 50%, #ededed 50%, gainsboro 100%);
  background-color: transparent;
  box-sizing: border-box;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6);
  color: #313131;
  display: inline-block;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  line-height: 1em;
  margin: 1px 5px;
  padding: 10px 12px;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
  vertical-align: middle;
}

.header-global .primary > a:last-child {
  margin-right: 0;
}

.header-global .primary > a:hover, .header-global .primary > a:focus, .header-global .primary > a:active {
  background: #fff;
}

.header-global .user {
  float: right;
  padding-left: 0;
  margin: 0;
}

.header-global .user .settings-language-form {
  margin: 4px;
}

.header-global .user .settings-language-form .language-selector {
  width: 120px;
}

.header-global .user > .primary {
  display: block;
  float: left;
  margin: 0;
  position: relative;
}

.header-global .user > .primary > a {
  margin: 0;
  background-image: none;
}

.header-global .user > .primary:last-child > a {
  padding: 10px;
}

.header-global .user .user-link {
  padding: 0;
  position: relative;
  text-transform: none;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
}

.header-global .user .user-link .user-image-frame {
  margin: 0;
  padding: 0;
  max-width: 40px;
  border-radius: 10%;
}

.header-global .user .user-link .icon {
  display: inline-block;
  float: left;
  margin: 2px 6px -3px 3px;
  font-size: 1.2em;
  color: #8a8c8f;
}

.header-global .user .user-link .label-username {
  float: right;
  margin: 15px 5px 15px 15px;
}

.header-global .user .user-dropdown,
.header-global .user .dropdown {
  font-size: 0.875em;
  padding: 5px 10px;
  color: #313131;
  border: none;
  background: #fff;
  box-shadow: none;
  text-shadow: none;
}

.header-global .user .user-dropdown-menu,
.header-global .user .dropdown-menu {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid #c8c8c8;
  display: none;
  margin-top: 0;
  padding: 5px 10px;
  position: absolute;
  right: 0;
  top: 37px;
  min-width: 120px;
  z-index: 3;
}

.header-global .user .user-dropdown-menu.expanded,
.header-global .user .dropdown-menu.expanded {
  display: block;
}

.header-global .user .user-dropdown-menu::before,
.header-global .user .dropdown-menu::before {
  background: transparent;
  border-top: 6px solid #fcfcfc;
  border-right: 6px solid #fcfcfc;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  box-shadow: 1px 0 0 0 #c8c8c8, 0 -1px 0 0 #c8c8c8;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  transform: rotate(-45deg);
  right: 7px;
  top: -5px;
  width: 0;
}

.header-global .user .user-dropdown-menu li,
.header-global .user .dropdown-menu li {
  display: block;
  border-top: 1px dotted #c8c8c8;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.05);
}

.header-global .user .user-dropdown-menu li:first-child,
.header-global .user .dropdown-menu li:first-child {
  border: none;
  box-shadow: none;
}

.header-global .user .user-dropdown-menu li > a,
.header-global .user .dropdown-menu li > a {
  border: 1px solid transparent;
  border-radius: 3px;
  box-sizing: border-box;
  color: #0075b4;
  cursor: pointer;
  display: block;
  margin: 5px 0;
  overflow: hidden;
  padding: 3px 5px 4px;
  text-overflow: ellipsis;
  transition: padding 0.15s linear 0s;
  white-space: nowrap;
  width: 100%;
}

.header-global .user .user-dropdown-menu li > a:hover, .header-global .user .user-dropdown-menu li > a:focus,
.header-global .user .dropdown-menu li > a:hover,
.header-global .user .dropdown-menu li > a:focus {
  color: #313131;
  text-decoration: none;
}

.header-global .nav-global {
  margin-top: 10px;
  list-style: none;
  float: left;
}

.header-global .nav-global .tab-nav-item {
  display: flex;
  margin: 0;
  text-transform: none;
  float: left;
  justify-content: center;
}

.header-global .nav-global .tab-nav-item .tab-nav-link {
  font-size: 1em;
  color: #767676;
  padding: 5px 25px 23px;
  display: inline-block;
}

.header-global .nav-global .tab-nav-item .tab-nav-link:hover, .header-global .nav-global .tab-nav-item .tab-nav-link:focus {
  border-bottom: 4px solid #44a2de;
}

.header-global .nav-global .tab-nav-item .active {
  border-bottom: 4px solid rgba(0, 0, 0, 0.75) !important;
}

.header-global .nav-global li,
.header-global .nav-global div {
  display: inline-block;
  margin: 0 21px 0 0;
  font-size: 0.875em;
  font-weight: 600;
  letter-spacing: 0 !important;
}

.header-global .nav-global li:last-child,
.header-global .nav-global div:last-child {
  margin-right: 0;
}

.header-global .nav-global li a,
.header-global .nav-global div a {
  display: block;
  padding: 5px;
  color: #0075b4;
  font-weight: 600;
}

.header-global .nav-global li a:hover, .header-global .nav-global li a:focus, .header-global .nav-global li a:active,
.header-global .nav-global div a:hover,
.header-global .nav-global div a:focus,
.header-global .nav-global div a:active {
  text-decoration: none;
  color: #0075b4;
}

.header-global .nav-global li.active a,
.header-global .nav-global div.active a {
  text-decoration: none;
  color: #0075b4;
}

.header-global .nav-courseware {
  float: right;
  list-style: none;
}

.header-global .nav-courseware li,
.header-global .nav-courseware div {
  display: inline-block;
}

.view-register .header-global nav,
.view-login .header-global nav,
.view-passwordreset .header-global nav {
  width: 960px;
}

.view-howitworks .nav-global-01 a,
.view-courses .nav-global-02 a,
.view-schools .nav-global-03 a,
.view-register .nav-global-04 a {
  text-decoration: none;
  color: #0075b4 !important;
}

.header-global-new {
  /* Temp. fix until applied globally */
  box-sizing: border-box;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #919191;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
}

.header-global-new .wrapper-header {
  box-sizing: border-box;
  height: 74px;
  margin: 0 auto;
  padding: 17px 0;
  max-width: 1180px;
}

.header-global-new .wrapper-header:after {
  content: "";
  display: table;
  clear: both;
}

.header-global-new .wrapper-header:not(.rwd) {
  min-width: 880px;
}

.header-global-new .logo {
  float: left;
  margin: -2px 39px 0 10px;
  position: relative;
}

.header-global-new .logo a {
  display: block;
}

.header-global-new .nav-global {
  float: left;
}

.header-global-new .nav-global .tab-nav-item {
  display: flex;
  margin: 0;
  text-transform: none;
  float: left;
  justify-content: center;
}

.header-global-new .nav-global .tab-nav-item .tab-nav-link {
  font-size: 1em;
  color: #767676;
  display: inline-block;
  padding: 5px 25px 19px;
}

.header-global-new .nav-global .tab-nav-item .tab-nav-link:hover, .header-global-new .nav-global .tab-nav-item .tab-nav-link:focus {
  border-bottom: 4px solid #44a2de;
}

.header-global-new .nav-global .tab-nav-item .active {
  border-bottom: 4px solid rgba(0, 0, 0, 0.75) !important;
}

.header-global-new .logo-header {
  display: inline;
}

.header-global-new .nav-account-management {
  margin: 0 auto;
  display: inline;
}

.header-global-new .guest {
  float: right;
}

.header-global-new > li {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  vertical-align: middle;
}

.header-global-new > li:last-child {
  margin-right: 0;
}

.header-global-new > li a {
  vertical-align: middle;
}

.header-global-new li.secondary > a {
  color: #0075b4;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  display: inline-block;
  margin: 0 30px 0 0;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}

.header-global-new li.secondary > a:last-child {
  margin-right: 0;
}

.header-global-new li.secondary > a:hover, .header-global-new li.secondary > a:focus {
  color: #313131;
}

.header-global-new .primary {
  margin-right: 5px;
}

.header-global-new .primary > a {
  background-image: -webkit-linear-gradient(white 0%, #fafafa 50%, #ededed 50%, gainsboro 100%);
  background-image: linear-gradient(to   , #fafafa 50%, #ededed 50%, gainsboro 100%);
  background-color: transparent;
  box-sizing: border-box;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6);
  color: #313131;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  display: inline-block;
  line-height: 1em;
  margin: 1px 5px;
  padding: 10px 12px;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
  vertical-align: middle;
}

.header-global-new .primary > a:last-child {
  margin-right: 0;
}

.header-global-new .primary > a:hover, .header-global-new .primary > a:focus, .header-global-new .primary > a:active {
  background: #fff;
}

.header-global-new .user {
  float: right;
  margin-top: 0;
}

.header-global-new .user > .primary {
  display: block;
  float: left;
  margin: 0;
  position: relative;
}

.header-global-new .user > .primary > a {
  margin: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-topright-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottomright-radius: 0;
  border-bottom-right-radius: 0;
  background-image: none;
}

.header-global-new .user > .primary:last-child > a {
  -webkit-border-top-left-radius: 0;
  -moz-border-topleft-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 4px;
  -moz-border-topright-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottomright-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottomleft-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  padding: 10px 10px;
}

.header-global-new .user .user-link {
  padding: 0;
  position: relative;
  text-transform: none;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
}

.header-global-new .user .user-link .user-image-frame {
  max-width: 40px;
  border-radius: 10%;
}

.header-global-new .user .user-link .icon {
  display: inline-block;
  float: left;
  margin: 2px 6px -3px 3px;
  font-size: 1.2em;
  color: #8a8c8f;
}

.header-global-new .user .user-link .label-username {
  float: right;
  margin: 15px 5px 15px 15px;
}

.header-global-new .user .user-dropdown,
.header-global-new .user .dropdown {
  font-size: 0.875em;
  padding: 4px 10px;
  color: #313131;
  border: none;
  background: #fff;
  box-shadow: none;
  text-shadow: none;
}

.header-global-new .user .user-dropdown-menu,
.header-global-new .user .dropdown-menu {
  background: #fcfcfc;
  border-radius: 4px;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid #646464;
  display: none;
  margin-top: 0;
  padding: 5px 10px;
  position: absolute;
  right: 0;
  top: 34px;
  width: 170px;
  z-index: 3;
}

.header-global-new .user .user-dropdown-menu.expanded,
.header-global-new .user .dropdown-menu.expanded {
  display: block;
}

.header-global-new .user .user-dropdown-menu::before,
.header-global-new .user .dropdown-menu::before {
  background: transparent;
  border-top: 6px solid #fcfcfc;
  border-right: 6px solid #fcfcfc;
  border-bottom: 6px solid transparent;
  border-left: 6px solid transparent;
  box-shadow: 1px 0 0 0 #646464, 0 -1px 0 0 #646464;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  transform: rotate(-45deg);
  right: 7px;
  top: -6px;
  width: 0;
}

.header-global-new .user .user-dropdown-menu li,
.header-global-new .user .dropdown-menu li {
  display: block;
  border-top: 1px solid #c8c8c8;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.05);
}

.header-global-new .user .user-dropdown-menu li:first-child,
.header-global-new .user .dropdown-menu li:first-child {
  border: none;
  box-shadow: none;
}

.header-global-new .user .user-dropdown-menu li > a,
.header-global-new .user .dropdown-menu li > a {
  border: 1px solid transparent;
  border-radius: 3px;
  box-sizing: border-box;
  color: #0075b4;
  cursor: pointer;
  display: block;
  margin: 5px 0;
  overflow: hidden;
  padding: 3px 5px 4px;
  text-overflow: ellipsis;
  transition: padding 0.15s linear 0s;
  white-space: nowrap;
  width: 100%;
}

.header-global-new .user .user-dropdown-menu li > a:hover, .header-global-new .user .user-dropdown-menu li > a:focus,
.header-global-new .user .dropdown-menu li > a:hover,
.header-global-new .user .dropdown-menu li > a:focus {
  color: #313131;
  text-decoration: none;
}

.header-global-new .nav-courseware {
  float: right;
}

.header-global-new .nav-courseware div {
  display: inline-block;
  letter-spacing: 0 !important;
  position: relative;
  margin-right: 10px;
}

.header-global-new .nav-courseware div a.nav-courseware-button {
  border: 3px solid #e6e6e6;
  border-radius: 5px;
  margin-top: -22px;
}

.header-global-new .nav-courseware div a.nav-courseware-button:hover, .header-global-new .nav-courseware div a.nav-courseware-button:focus, .header-global-new .nav-courseware div a.nav-courseware-button:active {
  border-color: #0075b4;
}

.view-login .header-global-new .nav-courseware div a.nav-courseware-button:hover, .header-global-new .nav-courseware div a.nav-courseware-button:focus, .header-global-new .nav-courseware div a.nav-courseware-button:active {
  border-color: #e6e6e6;
}

.header-global-new.rwd .wrapper-header {
  width: 320px;
}

.header-global-new.rwd .mobile-menu-button {
  float: left;
  display: inline;
  text-decoration: none;
  color: #8a8c8f;
  font-size: 18px;
  margin-top: 9px;
}

.header-global-new.rwd .mobile-menu-button:hover, .header-global-new.rwd .mobile-menu-button:active, .header-global-new.rwd .mobile-menu-button:focus {
  text-decoration: none;
}

.header-global-new.rwd .logo {
  position: absolute;
  top: 20px;
  left: calc(50% - 90px);
  width: 54px;
}

.header-global-new.rwd .logo img {
  width: 54px;
}

.header-global-new.rwd .nav-global a,
.header-global-new.rwd .nav-courseware a {
  font-size: 14px;
}

.header-global-new.rwd .nav-global a.nav-courseware-button,
.header-global-new.rwd .nav-courseware a.nav-courseware-button {
  text-align: center;
  margin-top: -3px;
}

.header-global-new.rwd .nav-global,
.header-global-new.rwd .nav-courseware-01 {
  display: none;
}

.header-global-new.rwd .nav-global {
  position: absolute;
  top: 73px;
  left: calc(50% - 160px);
  z-index: 1000;
  width: 320px;
  background: #126f9a;
}

.header-global-new.rwd .nav-global.show {
  display: inline;
}

.header-global-new.rwd .nav-global a {
  color: white;
  padding: 10px;
  font-weight: 400;
}

.header-global-new.rwd .nav-global a:hover, .header-global-new.rwd .nav-global a:focus {
  background: #009ee7;
  color: white;
  border-bottom: none;
}

.header-global-new.rwd .nav-global li {
  display: block;
  border-bottom: 1px solid #009ee7;
}

.header-global-new.rwd .nav-courseware {
  display: inline;
}

.header-global-new.rwd .nav-courseware div:last-child {
  margin-right: 0;
}

@media screen and (min-width: 769px) {
  .header-global-new.rwd .wrapper-header {
    width: 100%;
    min-width: 800px;
  }
  .header-global-new.rwd .mobile-menu-button {
    display: none;
  }
  .header-global-new.rwd .logo {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
  }
  .header-global-new.rwd .logo img {
    width: auto;
  }
  .header-global-new.rwd .nav-global {
    display: inline;
    position: relative;
    z-index: auto;
    width: auto;
    top: auto;
    left: auto;
    background: inherit;
  }
  .header-global-new.rwd .nav-global a {
    color: #0075b4;
    padding: 3px 10px;
    font-weight: 600;
  }
  .header-global-new.rwd .nav-global a:hover, .header-global-new.rwd .nav-global a:focus {
    background: inherit;
    color: #333435;
  }
  .header-global-new.rwd .nav-global li {
    display: inline-block;
    border-bottom: none;
  }
  .header-global-new.rwd .nav-courseware div:last-child {
    margin-right: 10px;
  }
  .header-global-new.rwd .nav-courseware-01 {
    display: inline-block;
  }
  .header-global-new.rwd .desktop-hide {
    display: none !important;
  }
}

@media screen and (min-width: 980px) {
  .header-global-new.rwd .wrapper-header {
    padding: 17px 0;
  }
}

.view-register .header-global nav,
.view-login .header-global nav {
  width: 960px;
}

.view-howitworks .nav-global-01 a,
.view-courses .nav-global-02 a,
.view-schools .nav-global-03 a,
.view-register .nav-global-04 a {
  text-decoration: none;
  color: #0075b4 !important;
}

.doc-link {
  float: right;
  margin: 15px 15px 15px 15px;
  font-size: 14px;
  font-weight: bold;
  color: #313131;
}

.doc-link:visited {
  color: #313131;
}

.page-header {
  padding: 20px;
  border-bottom: 1px solid #c8c8c8;
}

.highlighted-courses .courses, .find-courses .courses {
  padding: 40px 0 15px;
}

.highlighted-courses .courses:after, .find-courses .courses:after {
  content: "";
  display: table;
  clear: both;
}

.highlighted-courses .courses .university-column, .find-courses .courses .university-column {
  width: 31.76157%;
  margin-right: 2.35765%;
  float: left;
}

.highlighted-courses .courses .university-column:nth-child(3n+3), .find-courses .courses .university-column:nth-child(3n+3) {
  margin-right: 0;
}

.highlighted-courses .courses .course, .find-courses .courses .course {
  background: #fff;
  border: 1px solid #bebebe;
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.9);
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  transition: all 0.15s linear 0s;
}

.highlighted-courses .courses .course .status, .find-courses .courses .course .status {
  background: #0075b4;
  color: white;
  font-size: 10px;
  left: 10px;
  padding: 2px 10px;
  border-radius: 2px;
  position: absolute;
  top: -6px;
}

.highlighted-courses .courses .course .status::after, .find-courses .courses .course .status::after {
  border-bottom: 6px solid #003b5a;
  border-right: 6px solid transparent;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: -6px;
  top: 0;
  width: 0;
}

.highlighted-courses .courses .course a, .find-courses .courses .course a {
  position: relative;
  display: block;
}

.highlighted-courses .courses .course a:hover, .highlighted-courses .courses .course a:focus, .find-courses .courses .course a:hover, .find-courses .courses .course a:focus {
  text-decoration: none;
}

.highlighted-courses .courses .course .meta-info, .find-courses .courses .course .meta-info {
  background: rgba(0, 0, 0, 0.75);
  bottom: 6px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-border-top-right-radius: 2px;
  -moz-border-topright-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-bottomright-radius: 2px;
  border-bottom-right-radius: 2px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
  position: absolute;
  right: -4px;
  transition: all 0.15s linear 0s;
}

.highlighted-courses .courses .course .meta-info:after, .find-courses .courses .course .meta-info:after {
  content: "";
  display: table;
  clear: both;
}

.highlighted-courses .courses .course .meta-info p, .find-courses .courses .course .meta-info p {
  color: white;
  font-style: italic;
  line-height: 1.2em;
  padding: 4px 12px 5px;
}

.highlighted-courses .courses .course .inner-wrapper, .find-courses .courses .course .inner-wrapper {
  border: 1px solid #fcfcfc;
  height: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
}

.highlighted-courses .courses .course header.course-preview, .find-courses .courses .course header.course-preview {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
  background-image: -webkit-linear-gradient(-90deg, white, rgba(255, 255, 255, 0.85));
  background-image: linear-gradient(-90deg, white, rgba(255, 255, 255, 0.85));
  box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(150, 150, 150, 0.7);
  display: block;
  height: 50px;
}

.highlighted-courses .courses .course header.course-preview:hover, .highlighted-courses .courses .course header.course-preview:focus, .find-courses .courses .course header.course-preview:hover, .find-courses .courses .course header.course-preview:focus {
  background-image: -webkit-linear-gradient(-90deg, white, rgba(255, 255, 255, 0.8));
  background-image: linear-gradient(-90deg, white, rgba(255, 255, 255, 0.8));
  text-decoration: none;
}

.highlighted-courses .courses .course header.course-preview:hover .info-link, .highlighted-courses .courses .course header.course-preview:focus .info-link, .find-courses .courses .course header.course-preview:hover .info-link, .find-courses .courses .course header.course-preview:focus .info-link {
  color: #0075b4;
  opacity: 1;
}

.highlighted-courses .courses .course header.course-preview:hover h2, .highlighted-courses .courses .course header.course-preview:focus h2, .find-courses .courses .course header.course-preview:hover h2, .find-courses .courses .course header.course-preview:focus h2 {
  color: #0075b4;
}

.highlighted-courses .courses .course header.course-preview .heading-group, .find-courses .courses .course header.course-preview .heading-group {
  left: 0;
  padding: 0 10px;
  position: absolute;
  right: 60px;
  top: 0;
}

.highlighted-courses .courses .course header.course-preview .heading-group h2, .find-courses .courses .course header.course-preview .heading-group h2 {
  color: #313131;
  display: table-cell;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 0.8em;
  font-weight: 700;
  height: 48px;
  letter-spacing: 0;
  margin-bottom: 0;
  padding-top: 0;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
  text-overflow: ellipsis;
  text-transform: none;
  vertical-align: middle;
}

.highlighted-courses .courses .course header.course-preview .heading-group h2 .course-number, .find-courses .courses .course header.course-preview .heading-group h2 .course-number {
  font-weight: 700;
  text-transform: none;
}

.highlighted-courses .courses .course header.course-preview .info-link, .find-courses .courses .course header.course-preview .info-link {
  border-left: 1px solid rgba(150, 150, 150, 0.5);
  box-sizing: border-box;
  color: #313131;
  display: inline-block;
  font: bold 1.6em/1.2em "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  height: 100%;
  opacity: 0.6;
  padding-top: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
  top: 0;
  width: 60px;
  vertical-align: middle;
}

.highlighted-courses .courses .course .info, .find-courses .courses .course .info {
  background: #fff;
  height: 350px;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.15s linear 0s;
  width: 100%;
  overflow: hidden;
}

.highlighted-courses .courses .course .info .cover-image, .find-courses .courses .course .info .cover-image {
  height: 200px;
  overflow: hidden;
  width: 100%;
}

.highlighted-courses .courses .course .info .cover-image img, .find-courses .courses .course .info .cover-image img {
  display: block;
  min-height: 100%;
  width: 100%;
}

.highlighted-courses .courses .course .info .desc, .find-courses .courses .course .info .desc {
  box-sizing: border-box;
  height: 120px;
  overflow: hidden;
  padding: 10px 10px 12px 10px;
  position: relative;
  width: 100%;
}

.highlighted-courses .courses .course .info .desc section, .find-courses .courses .course .info .desc section {
  color: #313131;
  font: normal 1em/1.6em Georgia, Cambria, "Times New Roman", Times, serif;
  margin: 0;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.highlighted-courses .courses .course .info .bottom, .find-courses .courses .course .info .bottom {
  box-sizing: border-box;
  padding: 0 10px 10px 10px;
  width: 100%;
}

.highlighted-courses .courses .course .info .bottom .university, .find-courses .courses .course .info .bottom .university {
  color: #646464;
  letter-spacing: 1px;
}

.highlighted-courses .courses .course .info .bottom .start-date, .find-courses .courses .course .info .bottom .start-date {
  border-left: 1px solid #c8c8c8;
  margin-left: 5px;
  padding-left: 10px;
  color: #646464;
  letter-spacing: 1px;
}

.highlighted-courses .courses .course:hover, .highlighted-courses .courses .course:focus, .find-courses .courses .course:hover, .find-courses .courses .course:focus {
  background: whitesmoke;
  border-color: #bebebe;
  box-shadow: 0 1px 4px 0 rgba(0, 117, 180, 0.4);
}

.highlighted-courses .courses .course:hover .info, .highlighted-courses .courses .course:focus .info, .find-courses .courses .course:hover .info, .find-courses .courses .course:focus .info {
  top: -150px;
}

.highlighted-courses .courses .course:hover .meta-info, .highlighted-courses .courses .course:focus .meta-info, .find-courses .courses .course:hover .meta-info, .find-courses .courses .course:focus .meta-info {
  opacity: 0;
}

.highlighted-courses .university-courses .course, .find-courses .university-courses .course {
  width: 31.76157%;
  margin-right: 2.35765%;
  float: left;
}

.highlighted-courses .university-courses .course:nth-child(3n+3), .find-courses .university-courses .course:nth-child(3n+3) {
  margin-right: 0;
}

.filter {
  height: 60px;
}

.filter nav {
  background-image: -webkit-linear-gradient(-90deg, #fafafa, #e6e6e6);
  background-image: linear-gradient(-90deg, #fafafa, #e6e6e6);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), inset 0 0 0 -1px rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  border: 1px solid #bebebe;
  border-bottom-color: #c8c8c8;
  border-top: none;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottomleft-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottomright-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 60px;
  padding: 12px 10px;
  position: relative;
  z-index: 9;
}

.filter nav:after {
  content: "";
  display: table;
  clear: both;
}

.filter nav.fixed-top {
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  max-width: 1920px;
  position: fixed;
  top: 0;
  width: 100%;
}

.filter nav .dropdown {
  float: left;
  margin-right: 15px;
  position: relative;
}

.filter nav .dropdown .filter-heading {
  background-image: -webkit-linear-gradient(-90deg, #fafafa 0%, whitesmoke 50%, #ebebeb 50%, #e6e6e6 100%);
  background-image: linear-gradient(-90deg, #fafafa 0%, whitesmoke 50%, #ebebeb 50%, #e6e6e6 100%);
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.4), inset 0 1px 0 0 rgba(255, 255, 255, 0.6);
  border: 1px solid #c8c8c8;
  color: #313131;
  cursor: pointer;
  height: 36px;
  padding: 9px;
  position: relative;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  width: 150px;
  z-index: 11;
}

.filter nav .dropdown ul {
  background: white;
  border-radius: 0 4px 4px 4px;
  border: 1px solid #c8c8c8;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2);
  padding: 20px 0 5px 20px;
  position: absolute;
  visibility: hidden;
  width: 200px;
  z-index: 10;
}

.filter nav .dropdown ul li {
  list-style: none;
  margin-bottom: 15px;
}

.filter nav .dropdown:hover .filter-heading, .filter nav .dropdown:focus .filter-heading {
  background: white;
  background-image: -webkit-linear-gradient(-90deg, #fafafa, white);
  background-image: linear-gradient(-90deg, #fafafa, white);
  border-radius: 4px 4px 0 0;
  border-bottom: 1px dotted #c8c8c8;
  box-shadow: 0 2px 0 -1px white;
  color: #313131;
  height: 40px;
}

.filter nav .dropdown:hover ul, .filter nav .dropdown:focus ul {
  visibility: visible;
}

.filter nav form.search {
  float: right;
}

.filter nav form.search input[type="text"] {
  border-radius: 3px 0 0 3px;
  float: left;
  height: 36px;
  width: 200px;
}

.filter nav form.search input[type="submit"] {
  border-radius: 0 3px 3px 0;
  float: left;
  height: 36px;
  padding: 2px 20px;
}

#lean_overlay {
  background-image: radial-gradient(circle at 50% 30%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6));
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.modal, .leanModal_box {
  display: none;
  position: absolute;
  left: 50%;
  padding: 8px;
  width: 480px;
  border-radius: 3px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
  background: #313131;
  color: #313131;
}

.modal.video-modal, .video-modal.leanModal_box {
  left: 50%;
  padding: 10px;
  width: 582px;
}

.modal.video-modal .inner-wrapper, .video-modal.leanModal_box .inner-wrapper {
  background: #000;
  box-shadow: none;
  height: 315px;
  padding: 10px;
  width: 560px;
}

.modal.home-page-video-modal, .home-page-video-modal.leanModal_box {
  left: 50%;
  padding: 10px;
  width: 662px;
}

.modal.home-page-video-modal .inner-wrapper, .home-page-video-modal.leanModal_box .inner-wrapper {
  background: #000;
  box-shadow: none;
  height: 360px;
  padding: 10px;
  width: 640px;
}

.modal .inner-wrapper, .leanModal_box .inner-wrapper {
  background: #fff;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.9);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.7);
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  position: relative;
}

.modal .inner-wrapper p, .leanModal_box .inner-wrapper p {
  font-size: 0.9em;
  line-height: 1.4;
}

.modal .inner-wrapper header, .leanModal_box .inner-wrapper header {
  margin-bottom: 30px;
  overflow: hidden;
  padding: 28px 20px 0;
  position: relative;
}

.modal .inner-wrapper header::before, .leanModal_box .inner-wrapper header::before {
  content: "";
  display: block;
  height: 400px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  top: -140px;
  width: 100%;
  z-index: 1;
}

.modal .inner-wrapper header hr, .leanModal_box .inner-wrapper header hr {
  border: none;
  margin: 0;
  position: relative;
  z-index: 2;
}

.modal .inner-wrapper header hr::after, .leanModal_box .inner-wrapper header hr::after {
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
}

.modal .inner-wrapper header h2, .leanModal_box .inner-wrapper header h2 {
  position: relative;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.4);
  z-index: 2;
}

.modal .inner-wrapper .modal-form-error, .leanModal_box .inner-wrapper .modal-form-error {
  background: #b20610;
  border: 1px solid #8f0e0e;
  color: #8f0e0e;
  display: none;
  margin-bottom: 20px;
  padding: 12px;
}

.modal .inner-wrapper .notice, .leanModal_box .inner-wrapper .notice {
  background: #e2c01f;
  border: 1px solid black;
  color: black;
  display: none;
  margin-bottom: 20px;
  padding: 12px;
}

.modal .inner-wrapper .activation-message, .leanModal_box .inner-wrapper .activation-message,
.modal .inner-wrapper .message,
.leanModal_box .inner-wrapper .message {
  padding: 0 40px 10px;
}

.modal .inner-wrapper .activation-message p, .leanModal_box .inner-wrapper .activation-message p,
.modal .inner-wrapper .message p,
.leanModal_box .inner-wrapper .message p {
  margin-bottom: 10px;
}

.modal .inner-wrapper form, .leanModal_box .inner-wrapper form {
  margin-bottom: 12px;
  padding: 0 40px 20px;
  position: relative;
  z-index: 2;
}

.modal .inner-wrapper form .input-group, .leanModal_box .inner-wrapper form .input-group {
  border-bottom: 1px solid #d2d2d2;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6);
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.modal .inner-wrapper form .input-group:after, .leanModal_box .inner-wrapper form .input-group:after {
  content: "";
  display: table;
  clear: both;
}

.modal .inner-wrapper form label, .leanModal_box .inner-wrapper form label {
  color: #313131;
}

.modal .inner-wrapper form label.field-error, .leanModal_box .inner-wrapper form label.field-error {
  display: block;
  color: #8f0e0e;
}

.modal .inner-wrapper form label.field-error + input, .leanModal_box .inner-wrapper form label.field-error + input, .modal .inner-wrapper form label.field-error + textarea, .leanModal_box .inner-wrapper form label.field-error + textarea {
  border: 1px solid #ca1111;
  color: #8f0e0e;
}

.modal .inner-wrapper form input[type="checkbox"], .leanModal_box .inner-wrapper form input[type="checkbox"] {
  margin-right: 5px;
}

.modal .inner-wrapper form textarea, .leanModal_box .inner-wrapper form textarea {
  background: white;
  display: block;
  height: 45px;
  margin-bottom: 20px;
  width: 100%;
}

.modal .inner-wrapper form input[type="email"], .leanModal_box .inner-wrapper form input[type="email"],
.modal .inner-wrapper form input[type="text"],
.leanModal_box .inner-wrapper form input[type="text"],
.modal .inner-wrapper form input[type="password"],
.leanModal_box .inner-wrapper form input[type="password"] {
  background: #fff;
  display: block;
  height: 45px;
  margin-bottom: 20px;
  width: 100%;
}

.modal .inner-wrapper form label.remember-me, .leanModal_box .inner-wrapper form label.remember-me,
.modal .inner-wrapper form label.terms-of-service,
.leanModal_box .inner-wrapper form label.terms-of-service,
.modal .inner-wrapper form label.honor-code,
.leanModal_box .inner-wrapper form label.honor-code {
  background: #e9e9e9;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6);
  display: block;
  margin-bottom: 20px;
  padding: 8px 10px;
}

.modal .inner-wrapper form label.remember-me:hover, .leanModal_box .inner-wrapper form label.remember-me:hover, .modal .inner-wrapper form label.remember-me:focus, .leanModal_box .inner-wrapper form label.remember-me:focus,
.modal .inner-wrapper form label.terms-of-service:hover,
.leanModal_box .inner-wrapper form label.terms-of-service:hover,
.modal .inner-wrapper form label.terms-of-service:focus,
.leanModal_box .inner-wrapper form label.terms-of-service:focus,
.modal .inner-wrapper form label.honor-code:hover,
.leanModal_box .inner-wrapper form label.honor-code:hover,
.modal .inner-wrapper form label.honor-code:focus,
.leanModal_box .inner-wrapper form label.honor-code:focus {
  background: #e6e6e6;
}

.modal .inner-wrapper form label.remember-me.field-error, .leanModal_box .inner-wrapper form label.remember-me.field-error,
.modal .inner-wrapper form label.terms-of-service.field-error,
.leanModal_box .inner-wrapper form label.terms-of-service.field-error,
.modal .inner-wrapper form label.honor-code.field-error,
.leanModal_box .inner-wrapper form label.honor-code.field-error {
  border: 1px solid #ca1111;
}

.modal .inner-wrapper form label.remember-me a, .leanModal_box .inner-wrapper form label.remember-me a,
.modal .inner-wrapper form label.terms-of-service a,
.leanModal_box .inner-wrapper form label.terms-of-service a,
.modal .inner-wrapper form label.honor-code a,
.leanModal_box .inner-wrapper form label.honor-code a {
  font-style: italic;
}

.modal .inner-wrapper form .citizenship, .leanModal_box .inner-wrapper form .citizenship,
.modal .inner-wrapper form .gender,
.leanModal_box .inner-wrapper form .gender,
.modal .inner-wrapper form .date-of-birth,
.leanModal_box .inner-wrapper form .date-of-birth {
  margin-bottom: 20px;
  float: left;
  width: 31.76157%;
}

.modal .inner-wrapper form .citizenship label, .leanModal_box .inner-wrapper form .citizenship label,
.modal .inner-wrapper form .gender label,
.leanModal_box .inner-wrapper form .gender label,
.modal .inner-wrapper form .date-of-birth label,
.leanModal_box .inner-wrapper form .date-of-birth label {
  display: block;
}

.modal .inner-wrapper form .citizenship select, .leanModal_box .inner-wrapper form .citizenship select,
.modal .inner-wrapper form .gender select,
.leanModal_box .inner-wrapper form .gender select,
.modal .inner-wrapper form .date-of-birth select,
.leanModal_box .inner-wrapper form .date-of-birth select {
  box-sizing: border-box;
  width: 100%;
  display: block;
}

.modal .inner-wrapper form .citizenship, .leanModal_box .inner-wrapper form .citizenship,
.modal .inner-wrapper form .gender,
.leanModal_box .inner-wrapper form .gender {
  margin-right: 2.35765%;
}

.modal .inner-wrapper form .submit, .leanModal_box .inner-wrapper form .submit {
  padding-top: 10px;
}

.modal .inner-wrapper form .submit input[type="submit"], .leanModal_box .inner-wrapper form .submit input[type="submit"] {
  display: block;
  height: auto;
  margin: 0 auto;
  width: 100%;
  white-space: normal;
}

.modal .inner-wrapper .login-extra, .leanModal_box .inner-wrapper .login-extra {
  position: relative;
  z-index: 2;
}

.modal .inner-wrapper .login-extra p, .leanModal_box .inner-wrapper .login-extra p {
  color: #313131;
  font-style: italic;
  text-align: center;
}

.modal .inner-wrapper .login-extra p span, .leanModal_box .inner-wrapper .login-extra p span {
  color: #313131;
  font-style: italic;
}

.modal .inner-wrapper .login-extra p a, .leanModal_box .inner-wrapper .login-extra p a {
  color: #313131;
  font-style: italic;
  text-decoration: underline;
}

.modal .inner-wrapper .login-extra p a:hover, .leanModal_box .inner-wrapper .login-extra p a:hover, .modal .inner-wrapper .login-extra p a:focus, .leanModal_box .inner-wrapper .login-extra p a:focus {
  color: #313131;
}

.modal .inner-wrapper .login-extra p span + a, .leanModal_box .inner-wrapper .login-extra p span + a {
  margin-left: 15px;
}

.modal .inner-wrapper .close-modal, .leanModal_box .inner-wrapper .close-modal {
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  padding: 10px;
  position: absolute;
  right: 2px;
  top: 0;
  z-index: 100;
  color: #313131;
  font: normal 1.2rem/1.2rem "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  transition: all 0.15s ease-out 0s;
}

.modal .inner-wrapper .close-modal:hover, .leanModal_box .inner-wrapper .close-modal:hover, .modal .inner-wrapper .close-modal:focus, .leanModal_box .inner-wrapper .close-modal:focus {
  color: #313131;
  text-decoration: none;
}

.modal #help_wrapper, .leanModal_box #help_wrapper,
.modal .discussion-alert-wrapper,
.leanModal_box .discussion-alert-wrapper {
  padding: 0 30px 30px 30px;
}

.modal #help_wrapper header, .leanModal_box #help_wrapper header,
.modal .discussion-alert-wrapper header,
.leanModal_box .discussion-alert-wrapper header {
  margin-bottom: 20px;
  padding-right: 0;
  padding-left: 0;
}

.modal #help_wrapper .note, .leanModal_box #help_wrapper .note,
.modal .discussion-alert-wrapper .note,
.leanModal_box .discussion-alert-wrapper .note {
  font-size: 0.875rem;
  margin-top: 10px;
  color: #313131;
}

.modal .discussion-alert-wrapper button, .leanModal_box .discussion-alert-wrapper button {
  display: block;
  margin: 0 auto;
}

.modal .tip, .leanModal_box .tip {
  font-size: 12px;
  display: block;
  color: #313131;
}

.modal-settings-language .settings-language-select .select {
  width: 100%;
}

.modal-settings-language .list-input {
  margin-bottom: 20px;
}

.modal-settings-language .actions-supplemental {
  padding: 0 40px 20px 40px;
}

.modal-settings-language .actions-supplemental .list-actions-item {
  color: #313131;
  text-align: center;
}

.modal-settings-language .actions-supplemental .action {
  display: block;
  margin-top: 5px;
}

.container.activation, .view-profile .activation.wrapper-profile-sections, .view-profile .profile-self .wrapper-profile-field-account-privacy .activation.u-field-account_privacy, section.activation.outside-app {
  padding: 60px 0 120px;
}

.container.activation h1, .view-profile .activation.wrapper-profile-sections h1, .view-profile .profile-self .wrapper-profile-field-account-privacy .activation.u-field-account_privacy h1, section.activation.outside-app h1 {
  margin-bottom: 20px;
  padding: 10px;
}

.container.activation h1 + hr, .view-profile .activation.wrapper-profile-sections h1 + hr, .view-profile .profile-self .wrapper-profile-field-account-privacy .activation.u-field-account_privacy h1 + hr, section.activation.outside-app h1 + hr {
  margin-bottom: 30px;
}

.container.activation .message, .view-profile .activation.wrapper-profile-sections .message, .view-profile .profile-self .wrapper-profile-field-account-privacy .activation.u-field-account_privacy .message, section.activation.outside-app .message {
  background: #fcfcfc;
  border: 1px solid #c8c8c8;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin: 0 auto;
  padding: 40px;
  width: 48.82117%;
}

.container.unsubscribe, .view-profile .unsubscribe.wrapper-profile-sections, .view-profile .profile-self .wrapper-profile-field-account-privacy .unsubscribe.u-field-account_privacy, section.unsubscribe.outside-app {
  padding: 60px 0 120px;
}

.container.unsubscribe h1, .view-profile .unsubscribe.wrapper-profile-sections h1, .view-profile .profile-self .wrapper-profile-field-account-privacy .unsubscribe.u-field-account_privacy h1, section.unsubscribe.outside-app h1 {
  margin-bottom: 20px;
  padding: 10px;
}

.container.unsubscribe h1 + hr, .view-profile .unsubscribe.wrapper-profile-sections h1 + hr, .view-profile .profile-self .wrapper-profile-field-account-privacy .unsubscribe.u-field-account_privacy h1 + hr, section.unsubscribe.outside-app h1 + hr {
  margin-bottom: 30px;
}

.container.unsubscribe .message, .view-profile .unsubscribe.wrapper-profile-sections .message, .view-profile .profile-self .wrapper-profile-field-account-privacy .unsubscribe.u-field-account_privacy .message, section.unsubscribe.outside-app .message {
  background: #fcfcfc;
  border: 1px solid #c8c8c8;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin: 0 auto;
  padding: 40px;
  width: 48.82117%;
}

.home {
  padding: 0;
}

.home > .container, .view-profile .home > .wrapper-profile-sections, .view-profile .profile-self .wrapper-profile-field-account-privacy .home > .u-field-account_privacy, .home > section.outside-app {
  box-sizing: border-box;
  width: 100%;
}

.home > header {
  background-color: #9c9c9c;
  background-image: -webkit-linear-gradient(#9c9c9c, #995353);
  background-image: linear-gradient(#9c9c9c, #995353);
  background-size: cover;
  background-image: none;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.93), inset 0 -1px 5px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.home > header:after {
  content: "";
  display: table;
  clear: both;
}

.home > header .outer-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 60px;
  max-width: 1200px;
}

.home > header .outer-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 320px) {
  .home > header .outer-wrapper {
    padding: 10px;
  }
}

.home > header .title {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 65.88078%;
  margin-left: 17.05961%;
  box-sizing: border-box;
  transition: all 0.2s linear 0s;
  position: relative;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.5);
  background: #fff;
  padding: 20px 30px;
  min-height: 120px;
  vertical-align: top;
}

.home > header .title:last-child {
  margin-right: 0;
}

.home > header .title:hover .actions, .home > header .title:focus .actions {
  display: none;
}

@media screen and (min-width: 541px) and (max-width: 768px) {
  .home > header .title {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 74.10533%;
    margin-left: 12.94733%;
  }
  .home > header .title:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 321px) and (max-width: 540px) {
  .home > header .title {
    width: 100%;
    box-sizing: border-box;
    margin-left: 0%;
  }
}

@media screen and (max-width: 320px) {
  .home > header .title {
    width: 100%;
    box-sizing: border-box;
    margin-left: 0%;
  }
}

.home > header .title > .heading-group {
  left: 0;
  box-sizing: border-box;
  transition: all 0.2s linear 0s;
  text-align: left;
  display: inline-block;
  top: 0;
  opacity: 1;
  padding-bottom: 20px;
}

.home > header .title > .heading-group h1 {
  text-align: left;
  margin-bottom: 0;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
  text-transform: none;
}

.home > header .title > .heading-group p {
  color: #646464;
  font: normal 1.2em / 1.2em Georgia, Cambria, "Times New Roman", Times, serif;
  margin-bottom: 15px;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 0;
  text-transform: none;
  font-style: italic;
}

.home > header .title .course-search {
  padding: 20px 0;
}

.home > header .title .course-search .search-input {
  float: left;
  padding-right: 55px;
  padding-left: 10px;
  border: 2px solid #c8c8c8;
  border-radius: 3px;
  box-shadow: none;
  width: 100%;
  height: 55px;
  color: #000;
  font-style: normal;
  font-weight: normal;
}

.home > header .title .course-search .search-input:focus {
  border-color: #1790c7;
}

.home > header .title .course-search .search-button {
  right: 30px;
  -webkit-border-top-left-radius: 1px;
  -moz-border-topleft-radius: 1px;
  border-top-left-radius: 1px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-topright-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottomright-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 1px;
  -moz-border-bottomleft-radius: 1px;
  border-bottom-left-radius: 1px;
  position: absolute;
  border: 2px solid #1790c7;
  box-shadow: none;
  background: #009ee7;
  padding: 0 14px;
  height: 55px;
  color: #fff;
  text-shadow: none;
}

.home > header .title .course-search .search-button:hover, .home > header .title .course-search .search-button:focus {
  background: #2bace6;
}

.home > header .actions {
  display: none;
}

.home > header .media {
  background: #fff;
  background: rgba(255, 255, 255, 0.93);
  border: 1px solid #646464;
  border-left: 0;
  box-sizing: border-box;
  height: 120px;
  float: left;
  padding: 4px;
  position: relative;
  vertical-align: top;
  width: 17.05961%;
  z-index: 2;
}

.home > header .media:hover, .home > header .media:focus {
  text-decoration: underline;
}

.home > header .media .hero {
  height: 100%;
  overflow: hidden;
  position: relative;
  background: url("/static/images/homepage-hero-video-thumb.182306c70abe.jpg") center no-repeat;
  background-size: cover;
}

.home > header .media .hero .play-intro {
  background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  border-radius: 4px;
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  border: 2px solid rgba(255, 255, 255, 0.8);
  height: 60px;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  position: absolute;
  top: 50%;
  transition: all 0.15s linear 0s;
  width: 60px;
}

.home > header .media .hero .play-intro::after {
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  content: "\25B6";
  display: block;
  font: normal 2em/1em "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  left: 50%;
  margin-left: -11px;
  margin-top: -16px;
  position: absolute;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.8);
  top: 50%;
}

.home > header .media .hero img {
  display: block;
  width: 100%;
}

.home > header .media:hover .play-intro, .home > header .media:focus .play-intro {
  background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.8));
  background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.8));
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.5);
  border-color: rgba(255, 255, 255, 0.9);
}

.home > header .media:hover .play-intro::after, .home > header .media:focus .play-intro::after {
  color: #fff;
  color: white;
}

.home .highlighted-courses {
  box-sizing: border-box;
  margin-bottom: 40px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.home .highlighted-courses > h2 {
  background-image: -webkit-linear-gradient(-90deg, #fafafa, #e6e6e6);
  background-image: linear-gradient(-90deg, #fafafa, #e6e6e6);
  border: 1px solid #c8c8c8;
  border-radius: 4px;
  border-top-color: #bebebe;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 0 12px 0 rgba(0, 0, 0, 0.2);
  color: #646464;
  letter-spacing: 1px;
  margin-bottom: 0;
  margin-top: -15px;
  padding: 10px 10px 8px;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}

.home .university-partners {
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.home .university-partners::before {
  content: "";
  display: block;
}

.home .university-partners::after {
  content: "";
  display: block;
}

.home .university-partners hr {
  border: none;
  margin: 0;
  position: relative;
  z-index: 2;
}

.home .university-partners hr::after {
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
}

.home .university-partners .partners {
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
}

.home .university-partners .partners li.partner {
  display: inline-block;
  padding: 0 30px;
  position: relative;
  vertical-align: middle;
  overflow: hidden;
}

.home .university-partners .partners li.partner::before {
  background-image: -webkit-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
  background-image: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
  height: 100%;
  width: 1px;
  content: "";
  display: block;
  height: 80px;
  right: 0;
  position: absolute;
  top: -5px;
  width: 1px;
}

.home .university-partners .partners li.partner::after {
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0));
  background: transparent;
  height: 100%;
  width: 1px;
  content: "";
  display: block;
  height: 80px;
  right: 1px;
  position: absolute;
  top: -5px;
  width: 1px;
}

.home .university-partners .partners li.partner:last-child::before {
  display: none;
}

.home .university-partners .partners li.partner:last-child::after {
  display: none;
}

.home .university-partners .partners a {
  transition: all 0.25s ease-in-out 0s;
}

.home .university-partners .partners a::before {
  background-image: -webkit-radial-gradient(50% 50%, circle closest-side, white 0%, rgba(255, 255, 255, 0) 100%);
  background-image: radial-gradient(50% 50%, circle closest-side, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  display: block;
  height: 200px;
  left: 50%;
  margin-left: -100px;
  margin-top: -100px;
  opacity: 0;
  width: 200px;
  position: absolute;
  transition: all 0.25s ease-in-out 0s;
  top: 50%;
  z-index: 1;
}

.home .university-partners .partners a .name {
  bottom: -60px;
  left: 0;
  position: absolute;
  text-align: center;
  transition: all 0.25s ease-in-out 0s;
  width: 100%;
  z-index: 2;
}

.home .university-partners .partners a .name > span {
  color: #313131;
  font: 700 italic 1.4em/1.4em "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
  transition: all 0.15s ease-in-out 0s;
}

.home .university-partners .partners a .name > span:hover, .home .university-partners .partners a .name > span:focus {
  color: #646464;
}

.home .university-partners .partners a img {
  position: relative;
  transition: all 0.25s ease-in-out 0s;
  vertical-align: middle;
  z-index: 2;
}

.home .university-partners .partners a:hover, .home .university-partners .partners a:focus {
  text-decoration: none;
}

.home .university-partners .partners a:hover::before, .home .university-partners .partners a:focus::before {
  opacity: 1;
}

.home .university-partners .partners a:hover .name, .home .university-partners .partners a:focus .name {
  bottom: 20px;
}

.home .university-partners .partners a:hover img, .home .university-partners .partners a:focus img {
  top: -100px;
}

.home .university-partners.university-partners2x6 {
  box-sizing: border-box;
  width: 100%;
}

.home .university-partners.university-partners2x6 .partners {
  box-sizing: border-box;
  margin-left: 60px;
  padding: 12px 0;
}

.home .university-partners.university-partners2x6 .partners:after {
  content: "";
  display: table;
  clear: both;
}

.home .university-partners.university-partners2x6 .partners .partner {
  box-sizing: border-box;
  width: 14.70196%;
  display: block;
  float: left;
  padding: 0 12px;
}

.home .university-partners.university-partners2x6 .partners .partner a img {
  width: 100%;
  height: auto;
}

.home .university-partners.university-partners2x6 .partners .partner a .name > span {
  font-size: 1em;
}

.home .university-partners.university-partners2x6 .partners .partner a:hover .name, .home .university-partners.university-partners2x6 .partners .partner a:focus .name {
  bottom: 14px;
}

.home .more-info {
  border: 1px solid #c8c8c8;
  margin-bottom: 80px;
  width: 100%;
}

.home .more-info header {
  background-image: -webkit-linear-gradient(-90deg, #fafafa, #e6e6e6);
  background-image: linear-gradient(-90deg, #fafafa, #e6e6e6);
  border-bottom: 1px solid #c8c8c8;
  padding: 10px 20px 8px;
  position: relative;
}

.home .more-info header:after {
  content: "";
  display: table;
  clear: both;
}

.home .more-info header h2 {
  float: left;
  margin: 0;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}

.home .more-info header .action.action-mediakit {
  float: right;
  position: relative;
  top: 1px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 14px;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}

.home .more-info header .action.action-mediakit::after {
  position: relative;
  top: -1px;
  display: inline-block;
  margin: 0 0 0 5px;
  content: "➤";
  font-size: 11px;
}

.home .more-info header .action.action-mediakit .org-name {
  color: #0075b4;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  text-transform: none;
}

.home .more-info .news {
  box-sizing: border-box;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.15);
  padding: 20px;
  width: 100%;
}

.home .more-info .news .blog-posts {
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.home .more-info .news .blog-posts:after {
  content: "";
  display: table;
  clear: both;
}

.home .more-info .news .blog-posts > article {
  border: 1px dotted transparent;
  border-color: #c8c8c8;
  box-sizing: border-box;
  float: left;
  margin-right: 2.35765%;
  padding: 10px;
  transition: all 0.15s linear 0s;
  width: 31.76157%;
}

.home .more-info .news .blog-posts > article:after {
  content: "";
  display: table;
  clear: both;
}

.home .more-info .news .blog-posts > article:hover, .home .more-info .news .blog-posts > article:focus {
  background: #fff;
  border: 1px solid #c8c8c8;
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.1);
}

.home .more-info .news .blog-posts > article:last-child {
  margin-right: 0;
}

.home .more-info .news .blog-posts > article .post-graphics {
  border: 1px solid #bebebe;
  box-sizing: border-box;
  display: block;
  float: left;
  height: 84px;
  margin-right: 2.35765%;
  overflow: hidden;
  width: 31.76157%;
  vertical-align: top;
}

.home .more-info .news .blog-posts > article .post-graphics img {
  min-height: 100%;
  max-width: 100%;
}

.home .more-info .news .blog-posts > article .post-name {
  float: left;
  width: 65.88078%;
  vertical-align: top;
}

.home .more-info .news .blog-posts > article .post-name a {
  color: #313131;
  font: 700 1em/1.2em "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.home .more-info .news .blog-posts > article .post-name a:hover, .home .more-info .news .blog-posts > article .post-name a:focus {
  color: #0075b4;
  text-decoration: underline;
}

.home .more-info .news .blog-posts > article .post-name .post-date {
  color: #646464;
  display: none;
  letter-spacing: 1px;
}

.home .more-info .news .press-links h3 {
  display: inline;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  line-height: 1.6em;
}

.home .more-info .news .press-links a {
  line-height: 1.6em;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-style: italic;
  margin-left: 10px;
}

.home .more-info .news .press-links a.read-more {
  float: right;
  color: #b1b1b1;
}

.home .more-info .news .press-links a.read-more:hover, .home .more-info .news .press-links a.read-more:focus {
  color: #0075b4;
  text-decoration: underline;
}

.dashboard {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.dashboard:after {
  content: "";
  display: table;
  clear: both;
}

.dashboard .main-container {
  padding: 40px 20px 20px 40px;
  flex-grow: 8;
  order: 1;
}

.dashboard .main-container .my-courses:focus {
  outline: none;
}

.dashboard .main-container .my-courses .wrapper-header-courses {
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .dashboard .main-container {
    padding: 20px;
  }
}

.dashboard .side-container {
  padding: 40px 40px 20px 20px;
  max-width: 400px;
  min-width: 400px;
  min-height: 10px;
  flex-grow: 1;
  order: 2;
  max-width: 300px;
  min-width: 300px;
}

.dashboard .side-container .wrapper-find-courses .course-advertise {
  box-sizing: border-box;
  padding: 20px;
  border: 1px solid #b1b2b4;
}

.dashboard .side-container .wrapper-find-courses .course-advertise:after {
  content: "";
  display: table;
  clear: both;
}

.dashboard .side-container .wrapper-find-courses .course-advertise .advertise-message {
  font-size: 12px;
  color: #181818;
  margin-bottom: 20px;
}

.dashboard .side-container .wrapper-find-courses .course-advertise .ad-link {
  text-align: center;
}

.dashboard .side-container .wrapper-find-courses .course-advertise .ad-link .btn-neutral {
  padding-bottom: 12px;
  padding-top: 12px;
}

.dashboard .side-container .wrapper-find-courses .course-advertise .ad-link a {
  font-size: 16px;
  line-height: 25.16px;
  padding: 10px;
  border: 1px solid #0075b4;
  color: #0075b4;
  text-decoration: none;
  display: block;
}

.dashboard .side-container .wrapper-find-courses .course-advertise .ad-link a:hover, .dashboard .side-container .wrapper-find-courses .course-advertise .ad-link a:focus, .dashboard .side-container .wrapper-find-courses .course-advertise .ad-link a:active {
  color: #fff;
  background-color: #0075b4;
}

.dashboard .side-container .wrapper-find-courses .course-advertise .ad-link a span {
  margin-left: 5px;
}

.dashboard .side-container .wrapper-find-courses .course-advertise .ad-link a .icon {
  margin-right: 5px;
}

.dashboard .side-container .profile-sidebar ul {
  padding: 0;
  border: 1px solid #e7e7e7;
}

@media (max-width: 991px) {
  .dashboard .side-container {
    margin: 0 20px 40px;
    padding: 0;
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .dashboard {
    flex-direction: column;
  }
}

.wrapper-messages-primary:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-messages-primary .messages-list {
  margin: 0;
  padding: 0;
  background-color: #f5f5f5;
}

.wrapper-messages-primary .message {
  border-radius: 3px;
  display: none;
  padding: 10px 20px;
  border-top: 1px solid #e4e4e4;
  color: #313131;
}

.wrapper-messages-primary .message.is-shown {
  display: block;
}

.wrapper-messages-primary .message.is-shown:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-messages-primary .message a {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.wrapper-messages-primary .message strong {
  font-weight: 700;
}

.wrapper-messages-primary .message strong a {
  font-weight: 700;
}

.wrapper-messages-primary .message .actions {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wrapper-messages-primary .message .actions:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-messages-primary .message .message-title,
.wrapper-messages-primary .message .message-copy .title {
  line-height: 1em;
  margin-bottom: 5px;
}

.wrapper-messages-primary .message .message-copy,
.wrapper-messages-primary .message .message-copy .copy {
  margin: 2px 0 0;
}

.wrapper-messages-primary .message.is-expandable .wrapper-tip .message-title,
.wrapper-messages-primary .message.is-expandable .wrapper-tip .message-copy {
  margin-bottom: 0;
  display: inline-block;
}

.wrapper-messages-primary .message.is-expandable .wrapper-tip .message-title .value,
.wrapper-messages-primary .message.is-expandable .wrapper-tip .message-copy {
  transition: color 0.25s ease-in-out 0s;
}

.wrapper-messages-primary .message.is-expandable .wrapper-tip:hover {
  cursor: pointer;
}

.wrapper-messages-primary .message.is-expandable .wrapper-tip:hover .message-title .value,
.wrapper-messages-primary .message.is-expandable .wrapper-tip:hover .message-copy,
.wrapper-messages-primary .message.is-expandable .wrapper-tip:hover .ui-toggle-expansion {
  color: #0075b4;
}

.wrapper-messages-primary .message.is-expandable .wrapper-extended {
  transition: opacity 0.25s ease-in-out 0;
  display: none;
  opacity: 0;
}

.wrapper-messages-primary .message.is-expanded .ui-toggle-expansion {
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}

.wrapper-messages-primary .message.is-expanded .wrapper-extended {
  display: block;
  opacity: 1;
}

.wrapper-messages-primary .message.message-upsell .wrapper-tip:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-messages-primary .message.message-upsell .wrapper-tip .message-title {
  float: left;
}

.wrapper-messages-primary .message.message-upsell .wrapper-tip .ui-toggle-expansion {
  transition: all 0.25s ease-in-out 0s;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.wrapper-messages-primary .message.message-upsell .wrapper-tip .message-copy {
  float: right;
}

.wrapper-messages-primary .message.message-upsell .wrapper-extended {
  padding: 5px 0;
}

.wrapper-messages-primary .message.message-upsell .wrapper-extended .message-copy {
  display: inline-block;
}

.wrapper-messages-primary .message.message-upsell .wrapper-extended .message-copy .message-copy-bold {
  font-weight: 600;
}

.wrapper-messages-primary .message.message-upsell .action-upgrade-container {
  float: right;
  display: inline-block;
  margin-top: 10px;
}

.wrapper-messages-primary .message.message-upsell .action-upgrade {
  position: inherit;
  left: 10px;
  padding: 8px 0 8px 15px;
}

.wrapper-messages-primary .message.message-upsell .action-upgrade:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-messages-primary .message.message-upsell .action-upgrade .action-upgrade-icon {
  float: left;
  display: inline;
  margin-right: 8px;
  margin-top: 5px;
  background: url("/static/images/icon-sm-verified.d8923fc267da.png") no-repeat;
  background-position: -6px;
  background-color: white;
  width: 16px;
  height: 14px;
}

.wrapper-messages-primary .message.message-upsell .action-upgrade .deco-graphic {
  position: absolute;
  top: -5px;
  left: -15px;
  width: 40px;
}

.wrapper-messages-primary .message.message-upsell .action-upgrade span {
  color: #fff;
}

.wrapper-messages-primary .message.message-upsell .action-upgrade .copy, .wrapper-messages-primary .message.message-upsell .action-upgrade .copy-sub {
  display: inline-block;
  vertical-align: middle;
}

.wrapper-messages-primary .message.message-upsell .action-upgrade .copy {
  margin-right: 20px;
}

.wrapper-messages-primary .message.message-upsell .action-upgrade .copy-sub {
  opacity: 0.875;
}

.wrapper-messages-primary .message.message-upsell .action-view-consent {
  float: right;
}

.wrapper-messages-primary .message.message-status {
  border-color: #e4e4e4;
  margin-bottom: 0;
}

.wrapper-messages-primary .message.message-status .wrapper-message-primary:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-messages-primary .message.message-status .message-copy {
  margin: 0;
}

.wrapper-messages-primary .message.message-status .actions .action {
  float: left;
  margin: 0 15px 0 0;
}

.wrapper-messages-primary .message.message-status .actions .action .btn {
  display: inline-block;
}

.wrapper-messages-primary .message.message-status .actions .action .btn {
  box-sizing: border-box;
  float: left;
  border-radius: 3px;
  font: normal 0.8rem/1.2rem "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  letter-spacing: 1px;
  padding: 6px 12px;
  text-align: center;
}

.wrapper-messages-primary .message.message-status .actions .action .btn.disabled {
  cursor: default !important;
}

.wrapper-messages-primary .message.message-status .actions .action .btn.disabled:hover, .wrapper-messages-primary .message.message-status .actions .action .btn.disabled:focus {
  background-image: -webkit-linear-gradient(top, #EEE 0%, #C2C2C2 50%, #ABABAB 50%, #B0B0B0 100%);
  background-image: linear-gradient(to bottom, #EEE 0%, #C2C2C2 50%, #ABABAB 50%, #B0B0B0 100%);
  background: #eee;
}

.wrapper-messages-primary .message.message-status .actions .action .btn {
  float: left;
  font: normal 0.8rem/1.2rem "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  letter-spacing: 1px;
  padding: 6px 12px;
  text-align: center;
}

.wrapper-messages-primary .message.message-status .exam-registration-number {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 18px;
}

.wrapper-messages-primary .message.message-status .exam-registration-number a {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.wrapper-messages-primary .message.message-status.exam-register .message-copy {
  margin-top: 5px;
  width: 55%;
}

.wrapper-messages-primary .message.message-status.exam-schedule .exam-button {
  margin-top: 5px;
}

.wrapper-messages-primary .message.message-status .exam-button {
  border: 1px solid #932059;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 0 #cf78a3;
  color: white;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  background-color: #c2387d;
  background-image: -webkit-linear-gradient(#c2387d, #9f2361);
  background-image: linear-gradient(#c2387d, #9f2361);
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 #87184f;
  background-clip: padding-box;
  float: right;
  margin-top: 0;
}

.wrapper-messages-primary .message.message-status .exam-button:hover:not(:disabled) {
  cursor: pointer;
}

.wrapper-messages-primary .message.message-status .exam-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.wrapper-messages-primary .message.message-status .contact-button {
  border: 1px solid #932059;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 0 #cf78a3;
  color: white;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  background-color: #c2387d;
  background-image: -webkit-linear-gradient(#c2387d, #9f2361);
  background-image: linear-gradient(#c2387d, #9f2361);
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 #87184f;
  background-clip: padding-box;
}

.wrapper-messages-primary .message.message-status .contact-button:hover:not(:disabled) {
  cursor: pointer;
}

.wrapper-messages-primary .message.message-status .contact-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.wrapper-messages-primary .message.message-status .button {
  display: inline-block;
  margin-top: 10px;
  padding: 9px 18px 10px;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
}

.wrapper-messages-primary .message.message-status .button:hover, .wrapper-messages-primary .message.message-status .button:focus {
  text-decoration: none;
}

.wrapper-messages-primary .message.message-status.course-status-certrendering .btn {
  margin-top: 2px;
}

.wrapper-messages-primary .message.message-status.course-status-certavailable .message-copy {
  width: 48.82117%;
  position: relative;
  float: left;
}

.wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary {
  float: right;
}

.wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action {
  margin: 0 0 10px 15px;
  float: none;
  text-align: center;
}

.wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action:last-child {
  margin-bottom: 0;
}

.wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action .btn {
  float: none;
}

.wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .btn {
  box-sizing: border-box;
  padding: 7px 15px;
  float: none;
  border-radius: 3px;
  display: block;
  text-align: center;
}

.wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .btn a:link,
.wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-certificate .btn a:visited {
  color: #fff;
}

.wrapper-messages-primary .message.message-status.course-status-certavailable .actions-primary .action-share .btn {
  display: inline;
  letter-spacing: 0;
}

.wrapper-messages-primary .message.message-status .actions-secondary {
  margin-top: 10px;
  border-top: 1px solid #e4e4e4;
  padding-top: 10px;
}

.wrapper-messages-primary .message.message-status .actions-secondary .action-share {
  float: right;
  margin: 0;
}

.wrapper-messages-primary .message.message-status .certificate-explanation {
  margin-top: 10px;
  border-top: 1px solid #e4e4e4;
  padding-top: 10px;
}

.wrapper-messages-primary .message.message-status .verification-reminder {
  width: 65.88078%;
  float: left;
  position: relative;
}

.wrapper-messages-primary .message.message-status .verification-cta {
  width: 31.76157%;
  float: right;
  position: relative;
}

.wrapper-messages-primary .message.message-status .verification-cta .btn {
  float: right;
}

.wrapper-messages-primary .message.message-related-programs {
  background: none;
  padding: 10px;
  margin-bottom: 0;
}

.wrapper-messages-primary .message.message-related-programs .related-programs-preface {
  float: left;
  margin: 0 10px;
  font-weight: bold;
}

.wrapper-messages-primary .message.message-related-programs ul {
  display: inline;
  padding: 0;
  margin: 0;
}

.wrapper-messages-primary .message.message-related-programs li {
  float: left;
  display: inline;
  padding: 0 0.5em;
  border-right: 1px solid;
}

.wrapper-messages-primary .message.message-related-programs li .category-icon {
  float: left;
  margin-right: 5px;
  margin-top: 2px;
  background-color: transparent;
  background-size: 100%;
  width: 14px;
  height: 14px;
}

.wrapper-messages-primary .message.message-related-programs li:last-child {
  border: 0;
}

.wrapper-messages-primary .message .prerequisites:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-messages-primary .message .prerequisites .tip {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 1em;
  color: #646464;
  margin-top: 10px;
}

@media (max-width: 991px) {
  .wrapper-messages-primary .message {
    padding: 10px 20px 10px 10px;
  }
}

.status-language .icon {
  font-size: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  color: #000;
}

.status-language .title .icon {
  opacity: 0.75;
}

.status-verification {
  list-style: none;
  padding: 10px;
}

.status-verification .status-title {
  margin: 0 0 5px 0;
}

.status-verification .status-data {
  margin: 0 0 10px 0;
}

.status-verification .status-data-message {
  margin-bottom: 10px;
}

.status-verification .list-actions .action {
  display: block;
  font-size: 14px;
}

.status-verification .status-note {
  position: relative;
  padding-top: 10px;
}

.status-verification .status-note .deco-arrow {
  height: 0;
  width: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #646668;
  position: absolute;
  left: 45%;
  top: -6px;
}

.status-verification.is-denied {
  border-top: 3px solid #b20610 !important;
}

.status-verification.is-denied .status-data-message {
  color: #cb0712;
  border-bottom-color: rgba(203, 7, 18, 0.25);
}

.status-verification.is-denied .action-reverify {
  display: block;
  font-size: 14px;
}

.status-verification.is-denied .btn-reverify {
  margin-top: 10px;
}

.status-verification.is-denied .deco-arrow {
  height: 0;
  width: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #cb0712;
}

.status-verification.is-accepted {
  border-top: 3px solid #008100 !important;
}

.status-verification.is-accepted .status-data-message {
  color: #008100;
  border-bottom-color: #99cd99;
}

.status-verification.is-accepted .deco-arrow {
  height: 0;
  width: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #99cd99;
}

.status-verification.is-pending {
  border-top: 3px solid #0075b4 !important;
}

.status-verification.is-pending .status-data-message {
  color: #646668;
  border-bottom-color: whitesmoke;
}

.status-verification.warning {
  border-top: 3px solid #ffc01f !important;
}

.status-verification.warning .status-title {
  font-weight: 400 !important;
}

.status-verification.warning .status-title .fa {
  color: #ffc01f;
}

.status-verification.warning .btn {
  font-size: 16px;
  line-height: 25.16px;
  padding: 10px;
  border: 1px solid #0079bc;
  color: #0079bc;
  text-decoration: none;
  display: block;
}

.status-verification.warning .btn:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0079bc;
}

.status--verification .data {
  white-space: normal !important;
  text-overflow: no !important;
  overflow: visible !important;
}

.status--verification .list--nav {
  margin-left: 26px;
}

.status--verification.is-denied .data {
  color: #cb0712 !important;
}

.msg {
  margin: 10px 0 10px 26px;
}

.msg__title {
  color: #646464;
}

.msg__copy {
  color: #646464;
}

p.course-block {
  border-style: solid;
  border-color: #e3dc86;
  padding: 5px;
  border-width: 1px;
  background: #fdfbe4;
}

.enter-course-blocked {
  box-sizing: border-box;
  float: left;
  display: block;
  font: normal 15px/1.6rem "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  letter-spacing: 0;
  padding: 6px 32px 7px;
  text-align: center;
  margin-top: 16px;
  opacity: 0.5;
  background: #09092D;
  border: 0;
  color: #fff;
  box-shadow: none;
}

.enter-course-blocked.archived {
  border: 1px solid #cfc6c6;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 0 white;
  color: #333333;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(#eeeeee, #d6cece);
  background-image: linear-gradient(#eeeeee, #d6cece);
  padding: 7px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 #f9f8f8;
  background-clip: padding-box;
  font: normal 15px/1.6rem "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  padding: 6px 32px 7px;
}

.enter-course-blocked.archived:hover:not(:disabled) {
  cursor: pointer;
}

.enter-course-blocked.archived:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.enter-course-blocked.archived:hover, .enter-course-blocked.archived:focus {
  text-decoration: none;
}

a.disable-look {
  color: #09092D;
}

.dashboard-banner:empty {
  display: none;
}

.dashboard-banner .wrapper-msg {
  padding-bottom: 0;
}

.dashboard-banner .wrapper-msg .msg {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  padding-bottom: 20px;
  border-bottom: thin solid #767676;
}

.dashboard-banner .wrapper-msg .msg:after {
  content: "";
  display: table;
  clear: both;
}

.dashboard-banner .wrapper-msg .msg.title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  text-transform: none;
  letter-spacing: 0;
}

.activation-message-container {
  margin: 0 auto;
  padding-top: 10px;
  max-width: 1180px;
  min-width: 760px;
  width: 100%;
}

.activation-message-container:after {
  content: "";
  display: table;
  clear: both;
}

.account-activation .message-copy {
  position: relative;
  left: 2em;
  padding: 1em;
}

.account-activation .message-title {
  margin-bottom: 6px;
  font-weight: 600;
}

.account-activation.info {
  color: #0075b4;
  background-color: #f2f8fb;
  border: #cce3f0 1px solid;
  padding: 5px;
}

.account-activation.info .message-title {
  margin-bottom: 0;
}

.account-activation.info.aa-icon .message-copy::before {
  position: absolute;
  left: -1em;
  content: "\f05a";
  font-size: 1.5em;
  padding: 0 2px;
  font-family: "Font Awesome 7 Pro";
}

.account-activation.success {
  color: #008100;
  background-color: #ecfaec;
  border: #b9edb9 1px solid;
}

.account-activation.success.aa-icon .message-copy::before {
  position: absolute;
  left: -1em;
  content: "\f00c";
  font-size: 1.5em;
  padding: 0 2px;
  font-family: "Font Awesome 7 Pro";
}

.account-activation.error {
  color: #b20610;
  background-color: #feeced;
  border: #ebccd1 1px solid;
}

.account-activation.error.aa-icon .message-copy::before {
  position: absolute;
  left: -1em;
  content: "\f06a";
  font-size: 1.5em;
  padding: 0 2px;
  font-family: "Font Awesome 7 Pro";
}

.account-activation.error a {
  text-decoration: underline;
}

#unenroll-modal {
  margin-top: -60px;
}

#unenroll-modal .modal-form-error {
  background: #fbf3f3;
  margin-left: 20px;
  margin-right: 20px;
}

.reasons_survey {
  margin: 20px;
}

.reasons_survey .options {
  list-style: none;
  padding: 0;
}

.reasons_survey .option {
  margin-bottom: 10px;
  display: block;
}

.reasons_survey input {
  margin-right: 10px;
}

.reasons_survey .unenroll-header {
  background-image: none;
}

.reasons_survey .other_text {
  margin-top: 0;
}

.reasons_survey .other_radio {
  margin-top: 10px;
}

.reasons_survey .submit_reasons {
  margin-top: 10px;
}

.reasons_survey .survey_button {
  width: 30%;
  margin-top: 10px;
  margin-left: 2.5%;
  margin-right: 2.5%;
  color: #fff;
}

.reasons_survey .survey_button:visited, .reasons_survey .survey_button:hover, .reasons_survey .survey_button:focus {
  color: #fff;
  text-decoration: none;
}

.view-register,
.view-login,
.view-passwordreset {
  background: #fff;
}


.view-register .introduction header h1,
.view-register .login .status .message-title,
.login .status .view-register .message-title,
.view-register .register .status .message-title,
.register .status .view-register .message-title,
.view-register .passwordreset .status .message-title,
.passwordreset .status .view-register .message-title,
.view-register .login aside .btn h3,
.login aside .btn .view-register h3,
.view-register .register aside .btn h3,
.register aside .btn .view-register h3,
.view-register .passwordreset aside .btn h3,
.passwordreset aside .btn .view-register h3,
.view-register .login form .instructions,
.login form .view-register .instructions,
.view-register .register form .instructions,
.register form .view-register .instructions,
.view-register .passwordreset form .instructions,
.passwordreset form .view-register .instructions,
.view-register #forgot-password-modal .modal-form-error,
#forgot-password-modal .view-register .modal-form-error,
.view-register .login .status .message-copy,
.login .status .view-register .message-copy,
.view-register .register .status .message-copy,
.register .status .view-register .message-copy,
.view-register .passwordreset .status .message-copy,
.passwordreset .status .view-register .message-copy,
.view-register .login p,
.login .view-register p,
.view-register .login ol,
.login .view-register ol,
.view-register .login ul,
.login .view-register ul,
.view-register .login h1,
.login .view-register h1,
.view-register .login h2,
.login .view-register h2,
.view-register .login h3,
.login .view-register h3,
.view-register .login h4,
.login .view-register h4,
.view-register .login h5,
.login .view-register h5,
.view-register .login h6,
.login .view-register h6,
.view-register .login label,
.login .view-register label,
.view-register .login input,
.login .view-register input,
.view-register .login textarea,
.login .view-register textarea,
.view-register .register p,
.register .view-register p,
.view-register .register ol,
.register .view-register ol,
.view-register .register ul,
.register .view-register ul,
.view-register .register h1,
.register .view-register h1,
.view-register .register h2,
.register .view-register h2,
.view-register .register h3,
.register .view-register h3,
.view-register .register h4,
.register .view-register h4,
.view-register .register h5,
.register .view-register h5,
.view-register .register h6,
.register .view-register h6,
.view-register .register label,
.register .view-register label,
.view-register .register input,
.register .view-register input,
.view-register .register textarea,
.register .view-register textarea,
.view-register .passwordreset p,
.passwordreset .view-register p,
.view-register .passwordreset ol,
.passwordreset .view-register ol,
.view-register .passwordreset ul,
.passwordreset .view-register ul,
.view-register .passwordreset h1,
.passwordreset .view-register h1,
.view-register .passwordreset h2,
.passwordreset .view-register h2,
.view-register .passwordreset h3,
.passwordreset .view-register h3,
.view-register .passwordreset h4,
.passwordreset .view-register h4,
.view-register .passwordreset h5,
.passwordreset .view-register h5,
.view-register .passwordreset h6,
.passwordreset .view-register h6,
.view-register .passwordreset label,
.passwordreset .view-register label,
.view-register .passwordreset input,
.passwordreset .view-register input,
.view-register .passwordreset textarea,
.passwordreset .view-register textarea,
.view-login .introduction header h1,
.view-login .login .status .message-title,
.login .status .view-login .message-title,
.view-login .register .status .message-title,
.register .status .view-login .message-title,
.view-login .passwordreset .status .message-title,
.passwordreset .status .view-login .message-title,
.view-login .login aside .btn h3,
.login aside .btn .view-login h3,
.view-login .register aside .btn h3,
.register aside .btn .view-login h3,
.view-login .passwordreset aside .btn h3,
.passwordreset aside .btn .view-login h3,
.view-login .login form .instructions,
.login form .view-login .instructions,
.view-login .register form .instructions,
.register form .view-login .instructions,
.view-login .passwordreset form .instructions,
.passwordreset form .view-login .instructions,
.view-login #forgot-password-modal .modal-form-error,
#forgot-password-modal .view-login .modal-form-error,
.view-login .login .status .message-copy,
.login .status .view-login .message-copy,
.view-login .register .status .message-copy,
.register .status .view-login .message-copy,
.view-login .passwordreset .status .message-copy,
.passwordreset .status .view-login .message-copy,
.view-login .login p,
.login .view-login p,
.view-login .login ol,
.login .view-login ol,
.view-login .login ul,
.login .view-login ul,
.view-login .login h1,
.login .view-login h1,
.view-login .login h2,
.login .view-login h2,
.view-login .login h3,
.login .view-login h3,
.view-login .login h4,
.login .view-login h4,
.view-login .login h5,
.login .view-login h5,
.view-login .login h6,
.login .view-login h6,
.view-login .login label,
.login .view-login label,
.view-login .login input,
.login .view-login input,
.view-login .login textarea,
.login .view-login textarea,
.view-login .register p,
.register .view-login p,
.view-login .register ol,
.register .view-login ol,
.view-login .register ul,
.register .view-login ul,
.view-login .register h1,
.register .view-login h1,
.view-login .register h2,
.register .view-login h2,
.view-login .register h3,
.register .view-login h3,
.view-login .register h4,
.register .view-login h4,
.view-login .register h5,
.register .view-login h5,
.view-login .register h6,
.register .view-login h6,
.view-login .register label,
.register .view-login label,
.view-login .register input,
.register .view-login input,
.view-login .register textarea,
.register .view-login textarea,
.view-login .passwordreset p,
.passwordreset .view-login p,
.view-login .passwordreset ol,
.passwordreset .view-login ol,
.view-login .passwordreset ul,
.passwordreset .view-login ul,
.view-login .passwordreset h1,
.passwordreset .view-login h1,
.view-login .passwordreset h2,
.passwordreset .view-login h2,
.view-login .passwordreset h3,
.passwordreset .view-login h3,
.view-login .passwordreset h4,
.passwordreset .view-login h4,
.view-login .passwordreset h5,
.passwordreset .view-login h5,
.view-login .passwordreset h6,
.passwordreset .view-login h6,
.view-login .passwordreset label,
.passwordreset .view-login label,
.view-login .passwordreset input,
.passwordreset .view-login input,
.view-login .passwordreset textarea,
.passwordreset .view-login textarea,
.view-passwordreset .introduction header h1,
.view-passwordreset .login .status .message-title,
.login .status .view-passwordreset .message-title,
.view-passwordreset .register .status .message-title,
.register .status .view-passwordreset .message-title,
.view-passwordreset .passwordreset .status .message-title,
.passwordreset .status .view-passwordreset .message-title,
.view-passwordreset .login aside .btn h3,
.login aside .btn .view-passwordreset h3,
.view-passwordreset .register aside .btn h3,
.register aside .btn .view-passwordreset h3,
.view-passwordreset .passwordreset aside .btn h3,
.passwordreset aside .btn .view-passwordreset h3,
.view-passwordreset .login form .instructions,
.login form .view-passwordreset .instructions,
.view-passwordreset .register form .instructions,
.register form .view-passwordreset .instructions,
.view-passwordreset .passwordreset form .instructions,
.passwordreset form .view-passwordreset .instructions,
.view-passwordreset #forgot-password-modal .modal-form-error,
#forgot-password-modal .view-passwordreset .modal-form-error,
.view-passwordreset .login .status .message-copy,
.login .status .view-passwordreset .message-copy,
.view-passwordreset .register .status .message-copy,
.register .status .view-passwordreset .message-copy,
.view-passwordreset .passwordreset .status .message-copy,
.passwordreset .status .view-passwordreset .message-copy,
.view-passwordreset .login p,
.login .view-passwordreset p,
.view-passwordreset .login ol,
.login .view-passwordreset ol,
.view-passwordreset .login ul,
.login .view-passwordreset ul,
.view-passwordreset .login h1,
.login .view-passwordreset h1,
.view-passwordreset .login h2,
.login .view-passwordreset h2,
.view-passwordreset .login h3,
.login .view-passwordreset h3,
.view-passwordreset .login h4,
.login .view-passwordreset h4,
.view-passwordreset .login h5,
.login .view-passwordreset h5,
.view-passwordreset .login h6,
.login .view-passwordreset h6,
.view-passwordreset .login label,
.login .view-passwordreset label,
.view-passwordreset .login input,
.login .view-passwordreset input,
.view-passwordreset .login textarea,
.login .view-passwordreset textarea,
.view-passwordreset .register p,
.register .view-passwordreset p,
.view-passwordreset .register ol,
.register .view-passwordreset ol,
.view-passwordreset .register ul,
.register .view-passwordreset ul,
.view-passwordreset .register h1,
.register .view-passwordreset h1,
.view-passwordreset .register h2,
.register .view-passwordreset h2,
.view-passwordreset .register h3,
.register .view-passwordreset h3,
.view-passwordreset .register h4,
.register .view-passwordreset h4,
.view-passwordreset .register h5,
.register .view-passwordreset h5,
.view-passwordreset .register h6,
.register .view-passwordreset h6,
.view-passwordreset .register label,
.register .view-passwordreset label,
.view-passwordreset .register input,
.register .view-passwordreset input,
.view-passwordreset .register textarea,
.register .view-passwordreset textarea,
.view-passwordreset .passwordreset p,
.passwordreset .view-passwordreset p,
.view-passwordreset .passwordreset ol,
.passwordreset .view-passwordreset ol,
.view-passwordreset .passwordreset ul,
.passwordreset .view-passwordreset ul,
.view-passwordreset .passwordreset h1,
.passwordreset .view-passwordreset h1,
.view-passwordreset .passwordreset h2,
.passwordreset .view-passwordreset h2,
.view-passwordreset .passwordreset h3,
.passwordreset .view-passwordreset h3,
.view-passwordreset .passwordreset h4,
.passwordreset .view-passwordreset h4,
.view-passwordreset .passwordreset h5,
.passwordreset .view-passwordreset h5,
.view-passwordreset .passwordreset h6,
.passwordreset .view-passwordreset h6,
.view-passwordreset .passwordreset label,
.passwordreset .view-passwordreset label,
.view-passwordreset .passwordreset input,
.passwordreset .view-passwordreset input,
.view-passwordreset .passwordreset textarea,
.passwordreset .view-passwordreset textarea {
  display: block;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  line-height: 1.41575em;
}

.view-register .introduction header h1,
.view-login .introduction header h1,
.view-passwordreset .introduction header h1 {
  font-size: 25px;
  margin: 0 0 20px 0;
  font-weight: 300;
  color: #0075b4;
}

.view-register .login .status .message-title, .login .status .view-register .message-title,
.view-register .register .status .message-title,
.register .status .view-register .message-title,
.view-register .passwordreset .status .message-title,
.passwordreset .status .view-register .message-title, .view-register .login aside .btn h3, .login aside .btn .view-register h3,
.view-register .register aside .btn h3,
.register aside .btn .view-register h3,
.view-register .passwordreset aside .btn h3,
.passwordreset aside .btn .view-register h3,
.view-login .login .status .message-title,
.login .status .view-login .message-title,
.view-login .register .status .message-title,
.register .status .view-login .message-title,
.view-login .passwordreset .status .message-title,
.passwordreset .status .view-login .message-title,
.view-login .login aside .btn h3,
.login aside .btn .view-login h3,
.view-login .register aside .btn h3,
.register aside .btn .view-login h3,
.view-login .passwordreset aside .btn h3,
.passwordreset aside .btn .view-login h3,
.view-passwordreset .login .status .message-title,
.login .status .view-passwordreset .message-title,
.view-passwordreset .register .status .message-title,
.register .status .view-passwordreset .message-title,
.view-passwordreset .passwordreset .status .message-title,
.passwordreset .status .view-passwordreset .message-title,
.view-passwordreset .login aside .btn h3,
.login aside .btn .view-passwordreset h3,
.view-passwordreset .register aside .btn h3,
.register aside .btn .view-passwordreset h3,
.view-passwordreset .passwordreset aside .btn h3,
.passwordreset aside .btn .view-passwordreset h3 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0 !important;
  color: #707276;
}

.view-register .login form .instructions, .login form .view-register .instructions,
.view-register .register form .instructions,
.register form .view-register .instructions,
.view-register .passwordreset form .instructions,
.passwordreset form .view-register .instructions,
.view-login .login form .instructions,
.login form .view-login .instructions,
.view-login .register form .instructions,
.register form .view-login .instructions,
.view-login .passwordreset form .instructions,
.passwordreset form .view-login .instructions,
.view-passwordreset .login form .instructions,
.login form .view-passwordreset .instructions,
.view-passwordreset .register form .instructions,
.register form .view-passwordreset .instructions,
.view-passwordreset .passwordreset form .instructions,
.passwordreset form .view-passwordreset .instructions {
  font-size: 18px;
  margin: 0 0 20px 0;
  font-weight: 300;
  color: #313131;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  line-height: 1.55733em;
}

.view-register #forgot-password-modal .modal-form-error, #forgot-password-modal .view-register .modal-form-error, .view-register .login .status .message-copy, .login .status .view-register .message-copy,
.view-register .register .status .message-copy,
.register .status .view-register .message-copy,
.view-register .passwordreset .status .message-copy,
.passwordreset .status .view-register .message-copy, .view-register .login p, .login .view-register p,
.view-register .login ol,
.login .view-register ol,
.view-register .login ul,
.login .view-register ul,
.view-register .login h1,
.login .view-register h1,
.view-register .login h2,
.login .view-register h2,
.view-register .login h3,
.login .view-register h3,
.view-register .login h4,
.login .view-register h4,
.view-register .login h5,
.login .view-register h5,
.view-register .login h6,
.login .view-register h6,
.view-register .login label,
.login .view-register label,
.view-register .login input,
.login .view-register input,
.view-register .login textarea,
.login .view-register textarea,
.view-register .register p,
.register .view-register p,
.view-register .register ol,
.register .view-register ol,
.view-register .register ul,
.register .view-register ul,
.view-register .register h1,
.register .view-register h1,
.view-register .register h2,
.register .view-register h2,
.view-register .register h3,
.register .view-register h3,
.view-register .register h4,
.register .view-register h4,
.view-register .register h5,
.register .view-register h5,
.view-register .register h6,
.register .view-register h6,
.view-register .register label,
.register .view-register label,
.view-register .register input,
.register .view-register input,
.view-register .register textarea,
.register .view-register textarea,
.view-register .passwordreset p,
.passwordreset .view-register p,
.view-register .passwordreset ol,
.passwordreset .view-register ol,
.view-register .passwordreset ul,
.passwordreset .view-register ul,
.view-register .passwordreset h1,
.passwordreset .view-register h1,
.view-register .passwordreset h2,
.passwordreset .view-register h2,
.view-register .passwordreset h3,
.passwordreset .view-register h3,
.view-register .passwordreset h4,
.passwordreset .view-register h4,
.view-register .passwordreset h5,
.passwordreset .view-register h5,
.view-register .passwordreset h6,
.passwordreset .view-register h6,
.view-register .passwordreset label,
.passwordreset .view-register label,
.view-register .passwordreset input,
.passwordreset .view-register input,
.view-register .passwordreset textarea,
.passwordreset .view-register textarea,
.view-login #forgot-password-modal .modal-form-error,
#forgot-password-modal .view-login .modal-form-error,
.view-login .login .status .message-copy,
.login .status .view-login .message-copy,
.view-login .register .status .message-copy,
.register .status .view-login .message-copy,
.view-login .passwordreset .status .message-copy,
.passwordreset .status .view-login .message-copy,
.view-login .login p,
.login .view-login p,
.view-login .login ol,
.login .view-login ol,
.view-login .login ul,
.login .view-login ul,
.view-login .login h1,
.login .view-login h1,
.view-login .login h2,
.login .view-login h2,
.view-login .login h3,
.login .view-login h3,
.view-login .login h4,
.login .view-login h4,
.view-login .login h5,
.login .view-login h5,
.view-login .login h6,
.login .view-login h6,
.view-login .login label,
.login .view-login label,
.view-login .login input,
.login .view-login input,
.view-login .login textarea,
.login .view-login textarea,
.view-login .register p,
.register .view-login p,
.view-login .register ol,
.register .view-login ol,
.view-login .register ul,
.register .view-login ul,
.view-login .register h1,
.register .view-login h1,
.view-login .register h2,
.register .view-login h2,
.view-login .register h3,
.register .view-login h3,
.view-login .register h4,
.register .view-login h4,
.view-login .register h5,
.register .view-login h5,
.view-login .register h6,
.register .view-login h6,
.view-login .register label,
.register .view-login label,
.view-login .register input,
.register .view-login input,
.view-login .register textarea,
.register .view-login textarea,
.view-login .passwordreset p,
.passwordreset .view-login p,
.view-login .passwordreset ol,
.passwordreset .view-login ol,
.view-login .passwordreset ul,
.passwordreset .view-login ul,
.view-login .passwordreset h1,
.passwordreset .view-login h1,
.view-login .passwordreset h2,
.passwordreset .view-login h2,
.view-login .passwordreset h3,
.passwordreset .view-login h3,
.view-login .passwordreset h4,
.passwordreset .view-login h4,
.view-login .passwordreset h5,
.passwordreset .view-login h5,
.view-login .passwordreset h6,
.passwordreset .view-login h6,
.view-login .passwordreset label,
.passwordreset .view-login label,
.view-login .passwordreset input,
.passwordreset .view-login input,
.view-login .passwordreset textarea,
.passwordreset .view-login textarea,
.view-passwordreset #forgot-password-modal .modal-form-error,
#forgot-password-modal .view-passwordreset .modal-form-error,
.view-passwordreset .login .status .message-copy,
.login .status .view-passwordreset .message-copy,
.view-passwordreset .register .status .message-copy,
.register .status .view-passwordreset .message-copy,
.view-passwordreset .passwordreset .status .message-copy,
.passwordreset .status .view-passwordreset .message-copy,
.view-passwordreset .login p,
.login .view-passwordreset p,
.view-passwordreset .login ol,
.login .view-passwordreset ol,
.view-passwordreset .login ul,
.login .view-passwordreset ul,
.view-passwordreset .login h1,
.login .view-passwordreset h1,
.view-passwordreset .login h2,
.login .view-passwordreset h2,
.view-passwordreset .login h3,
.login .view-passwordreset h3,
.view-passwordreset .login h4,
.login .view-passwordreset h4,
.view-passwordreset .login h5,
.login .view-passwordreset h5,
.view-passwordreset .login h6,
.login .view-passwordreset h6,
.view-passwordreset .login label,
.login .view-passwordreset label,
.view-passwordreset .login input,
.login .view-passwordreset input,
.view-passwordreset .login textarea,
.login .view-passwordreset textarea,
.view-passwordreset .register p,
.register .view-passwordreset p,
.view-passwordreset .register ol,
.register .view-passwordreset ol,
.view-passwordreset .register ul,
.register .view-passwordreset ul,
.view-passwordreset .register h1,
.register .view-passwordreset h1,
.view-passwordreset .register h2,
.register .view-passwordreset h2,
.view-passwordreset .register h3,
.register .view-passwordreset h3,
.view-passwordreset .register h4,
.register .view-passwordreset h4,
.view-passwordreset .register h5,
.register .view-passwordreset h5,
.view-passwordreset .register h6,
.register .view-passwordreset h6,
.view-passwordreset .register label,
.register .view-passwordreset label,
.view-passwordreset .register input,
.register .view-passwordreset input,
.view-passwordreset .register textarea,
.register .view-passwordreset textarea,
.view-passwordreset .passwordreset p,
.passwordreset .view-passwordreset p,
.view-passwordreset .passwordreset ol,
.passwordreset .view-passwordreset ol,
.view-passwordreset .passwordreset ul,
.passwordreset .view-passwordreset ul,
.view-passwordreset .passwordreset h1,
.passwordreset .view-passwordreset h1,
.view-passwordreset .passwordreset h2,
.passwordreset .view-passwordreset h2,
.view-passwordreset .passwordreset h3,
.passwordreset .view-passwordreset h3,
.view-passwordreset .passwordreset h4,
.passwordreset .view-passwordreset h4,
.view-passwordreset .passwordreset h5,
.passwordreset .view-passwordreset h5,
.view-passwordreset .passwordreset h6,
.passwordreset .view-passwordreset h6,
.view-passwordreset .passwordreset label,
.passwordreset .view-passwordreset label,
.view-passwordreset .passwordreset input,
.passwordreset .view-passwordreset input,
.view-passwordreset .passwordreset textarea,
.passwordreset .view-passwordreset textarea {
  font-size: 15px;
  margin: 0 0 20px 0;
  color: #313131;
  line-height: 1.41575em;
}

.view-register .content-wrapper,
.view-login .content-wrapper,
.view-passwordreset .content-wrapper {
  padding-bottom: 0;
}

.view-register .container, .view-register .view-profile .wrapper-profile-sections, .view-profile .view-register .wrapper-profile-sections, .view-register .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-register .u-field-account_privacy, .view-register section.outside-app,
.view-register .introduction,
.view-login .container,
.view-login .view-profile .wrapper-profile-sections,
.view-profile .view-login .wrapper-profile-sections,
.view-login .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy,
.view-profile .profile-self .wrapper-profile-field-account-privacy .view-login .u-field-account_privacy,
.view-login section.outside-app,
.view-login .introduction,
.view-passwordreset .container,
.view-passwordreset .view-profile .wrapper-profile-sections,
.view-profile .view-passwordreset .wrapper-profile-sections,
.view-passwordreset .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy,
.view-profile .profile-self .wrapper-profile-field-account-privacy .view-passwordreset .u-field-account_privacy,
.view-passwordreset section.outside-app,
.view-passwordreset .introduction {
  box-sizing: border-box;
  margin: 0 auto;
  width: 960px;
  background: #fff;
}

.view-register .container:after, .view-register .view-profile .wrapper-profile-sections:after, .view-profile .view-register .wrapper-profile-sections:after, .view-register .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-register .u-field-account_privacy:after, .view-register section.outside-app:after,
.view-register .introduction:after,
.view-login .container:after,
.view-login .view-profile .wrapper-profile-sections:after,
.view-profile .view-login .wrapper-profile-sections:after,
.view-login .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy:after,
.view-profile .profile-self .wrapper-profile-field-account-privacy .view-login .u-field-account_privacy:after,
.view-login section.outside-app:after,
.view-login .introduction:after,
.view-passwordreset .container:after,
.view-passwordreset .view-profile .wrapper-profile-sections:after,
.view-profile .view-passwordreset .wrapper-profile-sections:after,
.view-passwordreset .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy:after,
.view-profile .profile-self .wrapper-profile-field-account-privacy .view-passwordreset .u-field-account_privacy:after,
.view-passwordreset section.outside-app:after,
.view-passwordreset .introduction:after {
  content: "";
  display: table;
  clear: both;
}

.view-register .container, .view-register .view-profile .wrapper-profile-sections, .view-profile .view-register .wrapper-profile-sections, .view-register .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-register .u-field-account_privacy, .view-register section.outside-app,
.view-login .container,
.view-login .view-profile .wrapper-profile-sections,
.view-profile .view-login .wrapper-profile-sections,
.view-login .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy,
.view-profile .profile-self .wrapper-profile-field-account-privacy .view-login .u-field-account_privacy,
.view-login section.outside-app,
.view-passwordreset .container,
.view-passwordreset .view-profile .wrapper-profile-sections,
.view-profile .view-passwordreset .wrapper-profile-sections,
.view-passwordreset .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy,
.view-profile .profile-self .wrapper-profile-field-account-privacy .view-passwordreset .u-field-account_privacy,
.view-passwordreset section.outside-app {
  padding: 20px 20px 40px 20px;
}

.view-register .introduction,
.view-login .introduction,
.view-passwordreset .introduction {
  padding: 0;
}

.view-register .introduction header,
.view-login .introduction header,
.view-passwordreset .introduction header {
  position: relative;
}

.view-register .introduction header h1,
.view-login .introduction header h1,
.view-passwordreset .introduction header h1 {
  text-align: left;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.view-register .introduction header .title,
.view-login .introduction header .title,
.view-passwordreset .introduction header .title {
  position: absolute;
  top: 50px;
  left: 30px;
}

.view-register .introduction header .title .title-super,
.view-register .introduction header .title .title-sub,
.view-login .introduction header .title .title-super,
.view-login .introduction header .title .title-sub,
.view-passwordreset .introduction header .title .title-super,
.view-passwordreset .introduction header .title .title-sub {
  display: block;
  letter-spacing: 0;
}

.view-register .introduction header .title .title-super,
.view-login .introduction header .title .title-super,
.view-passwordreset .introduction header .title .title-super {
  font-size: 26px;
  line-height: 26.64px;
  color: #1790c7;
}

.view-register .introduction header .title .title-sub,
.view-login .introduction header .title .title-sub,
.view-passwordreset .introduction header .title .title-sub {
  font-size: 20px;
  margin-left: 40px;
  text-transform: lowercase;
  color: #707276;
}

.login h1,
.login h2,
.login h3,
.login h4,
.login h5,
.login h6,
.register h1,
.register h2,
.register h3,
.register h4,
.register h5,
.register h6,
.passwordreset h1,
.passwordreset h2,
.passwordreset h3,
.passwordreset h4,
.passwordreset h5,
.passwordreset h6 {
  letter-spacing: 0;
}

.login a,
.register a,
.passwordreset a {
  transition: color 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s;
}

.login a:link, .login a:visited, .login a:hover, .login a:active, .login a:focus,
.register a:link,
.register a:visited,
.register a:hover,
.register a:active,
.register a:focus,
.passwordreset a:link,
.passwordreset a:visited,
.passwordreset a:hover,
.passwordreset a:active,
.passwordreset a:focus {
  color: #0075b4;
  font-weight: 400;
  text-decoration: none !important;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.login a:hover, .login a:active, .login a:focus,
.register a:hover,
.register a:active,
.register a:focus,
.passwordreset a:hover,
.passwordreset a:active,
.passwordreset a:focus {
  text-decoration: none !important;
  border-bottom: 1px dotted #0075b4;
}

.login strong,
.register strong,
.passwordreset strong {
  font-weight: 600;
}

.login .content,
.login aside,
.register .content,
.register aside,
.passwordreset .content,
.passwordreset aside {
  box-sizing: border-box;
  margin: 20px 0 0 0;
}

.login .content,
.register .content,
.passwordreset .content {
  float: left;
  margin-right: 40px;
  width: 600px;
}

.login aside,
.register aside,
.passwordreset aside {
  float: left;
  width: 280px;
}

.login aside p,
.login aside ol,
.login aside ul,
.register aside p,
.register aside ol,
.register aside ul,
.passwordreset aside p,
.passwordreset aside ol,
.passwordreset aside ul {
  font-size: 0.875rem !important;
}

.login aside .btn,
.register aside .btn,
.passwordreset aside .btn {
  margin: 0 0 40px 0;
}

.login aside .btn:last-child,
.register aside .btn:last-child,
.passwordreset aside .btn:last-child {
  margin-bottom: 0;
}

.login aside .btn h3,
.register aside .btn h3,
.passwordreset aside .btn h3 {
  margin: 0 0 5px 0;
}

.login aside .btn-login h3.title,
.login aside .btn-login .instructions,
.register aside .btn-login h3.title,
.register aside .btn-login .instructions,
.passwordreset aside .btn-login h3.title,
.passwordreset aside .btn-login .instructions {
  display: inline-block;
  margin-bottom: 0;
}

.login aside .btn-login .btn-login-action,
.register aside .btn-login .btn-login-action,
.passwordreset aside .btn-login .btn-login-action {
  padding: 2px 15px;
  margin-left: 5px;
}

.login form .instructions,
.register form .instructions,
.passwordreset form .instructions {
  margin-bottom: 20px;
}

.login form .group-form,
.register form .group-form,
.passwordreset form .group-form {
  margin: 0;
  padding-top: 0;
  padding-bottom: 20px;
}

.login form .list-input,
.register form .list-input,
.passwordreset form .list-input {
  margin: 0;
  padding: 0;
  list-style: none;
}

.login form .field-group,
.register form .field-group,
.passwordreset form .field-group {
  margin: 0 0 20px 0;
}

.login form .field-group:after,
.register form .field-group:after,
.passwordreset form .field-group:after {
  content: "";
  display: table;
  clear: both;
}

.login form .field-group .field,
.register form .field-group .field,
.passwordreset form .field-group .field {
  float: left;
  margin: 0 30px 0 0;
  display: block;
  border-bottom: none;
  padding-bottom: 0;
}

.login form .field-group .field input,
.login form .field-group .field textarea,
.register form .field-group .field input,
.register form .field-group .field textarea,
.passwordreset form .field-group .field input,
.passwordreset form .field-group .field textarea {
  width: 100%;
  font-weight: 600;
}

.login form .field-group:last-child,
.register form .field-group:last-child,
.passwordreset form .field-group:last-child {
  margin-bottom: 0;
}

.login form .group-form-personalinformation .field-education-level,
.login form .group-form-personalinformation .field-gender,
.login form .group-form-personalinformation .field-yob,
.register form .group-form-personalinformation .field-education-level,
.register form .group-form-personalinformation .field-gender,
.register form .group-form-personalinformation .field-yob,
.passwordreset form .group-form-personalinformation .field-education-level,
.passwordreset form .group-form-personalinformation .field-gender,
.passwordreset form .group-form-personalinformation .field-yob {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
}

.login form .field,
.register form .field,
.passwordreset form .field {
  margin: 0 0 20px 0;
}

.login form .field label,
.login form .field input,
.login form .field textarea,
.register form .field label,
.register form .field input,
.register form .field textarea,
.passwordreset form .field label,
.passwordreset form .field input,
.passwordreset form .field textarea {
  border-radius: 0;
  display: block;
  height: auto;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  color: #313131;
}

.login form .field label,
.register form .field label,
.passwordreset form .field label {
  transition: color 0.15s ease-in-out 0s;
  margin: 0 0 5px 0;
  color: #333333;
}

.login form .field .tip,
.register form .field .tip,
.passwordreset form .field .tip {
  transition: color 0.15s ease-in-out 0s;
  display: block;
  margin-top: 5px;
  color: #646464;
  font-size: 0.8125em;
}

.login form .field.password,
.register form .field.password,
.passwordreset form .field.password {
  position: relative;
}

.login form .field.password .tip,
.register form .field.password .tip,
.passwordreset form .field.password .tip {
  position: absolute;
  top: 0;
  right: 0;
}

.login form .field input,
.login form .field textarea,
.register form .field input,
.register form .field textarea,
.passwordreset form .field input,
.passwordreset form .field textarea {
  width: 100%;
  margin: 0;
  padding: 10px 15px;
}

.login form .field input.long,
.login form .field textarea.long,
.register form .field input.long,
.register form .field textarea.long,
.passwordreset form .field input.long,
.passwordreset form .field textarea.long {
  width: 100%;
}

.login form .field input.short,
.login form .field textarea.short,
.register form .field input.short,
.register form .field textarea.short,
.passwordreset form .field input.short,
.passwordreset form .field textarea.short {
  width: 25%;
}

.login form .field textarea.long,
.register form .field textarea.long,
.passwordreset form .field textarea.long {
  height: 100px;
}

.login form .field:last-child,
.register form .field:last-child,
.passwordreset form .field:last-child {
  margin-bottom: 0;
}

.login form .field.select select,
.register form .field.select select,
.passwordreset form .field.select select {
  width: 100%;
}

.login form .field.checkbox input[type="checkbox"],
.register form .field.checkbox input[type="checkbox"],
.passwordreset form .field.checkbox input[type="checkbox"] {
  display: inline-block;
  width: auto;
  margin-right: 5px;
}

.login form .field.checkbox label,
.register form .field.checkbox label,
.passwordreset form .field.checkbox label {
  display: inline-block;
}

.login form .field.disabled, .login form .field.submitted,
.register form .field.disabled,
.register form .field.submitted,
.passwordreset form .field.disabled,
.passwordreset form .field.submitted {
  color: rgba(0, 0, 0, 0.25);
}

.login form .field.disabled label, .login form .field.submitted label,
.register form .field.disabled label,
.register form .field.submitted label,
.passwordreset form .field.disabled label,
.passwordreset form .field.submitted label {
  cursor: text;
}

.login form .field.disabled label::after, .login form .field.submitted label::after,
.register form .field.disabled label::after,
.register form .field.submitted label::after,
.passwordreset form .field.disabled label::after,
.passwordreset form .field.submitted label::after {
  margin-left: 5px;
}

.login form .field.disabled textarea,
.login form .field.disabled input, .login form .field.submitted textarea,
.login form .field.submitted input,
.register form .field.disabled textarea,
.register form .field.disabled input,
.register form .field.submitted textarea,
.register form .field.submitted input,
.passwordreset form .field.disabled textarea,
.passwordreset form .field.disabled input,
.passwordreset form .field.submitted textarea,
.passwordreset form .field.submitted input {
  background: #fff;
  color: rgba(0, 0, 0, 0.25);
}

.login form .field.is-focused label,
.register form .field.is-focused label,
.passwordreset form .field.is-focused label {
  color: #0075b4;
}

.login form .field.is-focused .tip,
.register form .field.is-focused .tip,
.passwordreset form .field.is-focused .tip {
  color: #0075b4;
}

.login form .field.disabled label::after,
.register form .field.disabled label::after,
.passwordreset form .field.disabled label::after {
  color: rgba(0, 0, 0, 0.35);
  content: "(Disabled Currently)";
}

.login form .field.error label,
.register form .field.error label,
.passwordreset form .field.error label {
  color: #b20610;
}

.login form .field.error input,
.login form .field.error textarea,
.register form .field.error input,
.register form .field.error textarea,
.passwordreset form .field.error input,
.passwordreset form .field.error textarea {
  border-color: #d98388;
}

.login form .field.required label,
.register form .field.required label,
.passwordreset form .field.required label {
  font-weight: 600;
}

.login form .field.required label a,
.register form .field.required label a,
.passwordreset form .field.required label a {
  font-weight: 600 !important;
}

.login form .field.required label::after,
.register form .field.required label::after,
.passwordreset form .field.required label::after {
  margin-left: 5px;
  content: "*";
}

.login .form-actions:after,
.register .form-actions:after,
.passwordreset .form-actions:after {
  content: "";
  display: table;
  clear: both;
}

.login .form-actions button[type="submit"]:disabled, .login .form-actions button[type="submit"].is-disabled,
.register .form-actions button[type="submit"]:disabled,
.register .form-actions button[type="submit"].is-disabled,
.passwordreset .form-actions button[type="submit"]:disabled,
.passwordreset .form-actions button[type="submit"].is-disabled {
  opacity: 0.3;
  cursor: default !important;
}

.login .form-actions .action-primary,
.register .form-actions .action-primary,
.passwordreset .form-actions .action-primary {
  width: 100%;
}

.login .form-actions .action-secondary,
.register .form-actions .action-secondary,
.passwordreset .form-actions .action-secondary {
  display: block;
  float: right;
  width: 35.26334%;
  margin: 20px 20px 0 0;
  font-size: 0.875em;
  text-align: right;
}

.login .deco-divider,
.register .deco-divider,
.passwordreset .deco-divider {
  position: relative;
  display: block;
  margin: 30px 0;
  border-top: 4px solid whitesmoke;
}

.login .deco-divider .copy,
.register .deco-divider .copy,
.passwordreset .deco-divider .copy {
  position: absolute;
  top: -20px;
  left: 43%;
  padding: 5px 30px;
  background: white;
  text-align: center;
  color: #a4a6a8;
}

.login .instructions .note,
.register .instructions .note,
.passwordreset .instructions .note {
  display: block;
  font-weight: normal;
  color: #767676;
}

.login .form-actions.form-third-party-auth,
.register .form-actions.form-third-party-auth,
.passwordreset .form-actions.form-third-party-auth {
  width: 100%;
  margin-bottom: 20px;
}

.login .form-actions.form-third-party-auth button[type="submit"],
.register .form-actions.form-third-party-auth button[type="submit"],
.passwordreset .form-actions.form-third-party-auth button[type="submit"] {
  width: 48.21067%;
  margin-right: 10px;
}

.login .form-actions.form-third-party-auth button[type="submit"] .icon,
.register .form-actions.form-third-party-auth button[type="submit"] .icon,
.passwordreset .form-actions.form-third-party-auth button[type="submit"] .icon {
  margin-right: 10px;
  color: inherit;
}

.login .form-actions.form-third-party-auth button[type="submit"]:last-child,
.register .form-actions.form-third-party-auth button[type="submit"]:last-child,
.passwordreset .form-actions.form-third-party-auth button[type="submit"]:last-child {
  margin-right: 0;
}

.login .form-actions.form-third-party-auth button[type="submit"].button-oa2-google-oauth2:hover, .login .form-actions.form-third-party-auth button[type="submit"].button-oa2-google-oauth2:focus,
.register .form-actions.form-third-party-auth button[type="submit"].button-oa2-google-oauth2:hover,
.register .form-actions.form-third-party-auth button[type="submit"].button-oa2-google-oauth2:focus,
.passwordreset .form-actions.form-third-party-auth button[type="submit"].button-oa2-google-oauth2:hover,
.passwordreset .form-actions.form-third-party-auth button[type="submit"].button-oa2-google-oauth2:focus {
  background-color: #d73924;
  border: 1px solid #a5382b;
}

.login .form-actions.form-third-party-auth button[type="submit"].button-oa2-google-oauth2:hover,
.register .form-actions.form-third-party-auth button[type="submit"].button-oa2-google-oauth2:hover,
.passwordreset .form-actions.form-third-party-auth button[type="submit"].button-oa2-google-oauth2:hover {
  box-shadow: 0 2px 1px 0 #8d3024;
}

.login .form-actions.form-third-party-auth button[type="submit"].button-oa2-facebook:hover, .login .form-actions.form-third-party-auth button[type="submit"].button-oa2-facebook:focus,
.register .form-actions.form-third-party-auth button[type="submit"].button-oa2-facebook:hover,
.register .form-actions.form-third-party-auth button[type="submit"].button-oa2-facebook:focus,
.passwordreset .form-actions.form-third-party-auth button[type="submit"].button-oa2-facebook:hover,
.passwordreset .form-actions.form-third-party-auth button[type="submit"].button-oa2-facebook:focus {
  background-color: #3b5998;
  border: 1px solid #263a62;
}

.login .form-actions.form-third-party-auth button[type="submit"].button-oa2-facebook:hover,
.register .form-actions.form-third-party-auth button[type="submit"].button-oa2-facebook:hover,
.passwordreset .form-actions.form-third-party-auth button[type="submit"].button-oa2-facebook:hover {
  box-shadow: 0 2px 1px 0 #30487c;
}

.login .form-actions.form-third-party-auth button[type="submit"].button-oa2-linkedin-oauth2:hover, .login .form-actions.form-third-party-auth button[type="submit"].button-oa2-linkedin-oauth2:focus,
.register .form-actions.form-third-party-auth button[type="submit"].button-oa2-linkedin-oauth2:hover,
.register .form-actions.form-third-party-auth button[type="submit"].button-oa2-linkedin-oauth2:focus,
.passwordreset .form-actions.form-third-party-auth button[type="submit"].button-oa2-linkedin-oauth2:hover,
.passwordreset .form-actions.form-third-party-auth button[type="submit"].button-oa2-linkedin-oauth2:focus {
  background-color: #0077b5;
  border: 1px solid #06527d;
}

.login .form-actions.form-third-party-auth button[type="submit"].button-oa2-linkedin-oauth2:hover,
.register .form-actions.form-third-party-auth button[type="submit"].button-oa2-linkedin-oauth2:hover,
.passwordreset .form-actions.form-third-party-auth button[type="submit"].button-oa2-linkedin-oauth2:hover {
  box-shadow: 0 2px 1px 0 #005d8e;
}

.login .status,
.register .status,
.passwordreset .status {
  box-sizing: border-box;
  margin: 0 0 20px 0;
  border-bottom: 3px solid #cbad1c;
  padding: 20px 20px;
  background: #e8cd4c;
}

.login .status .message-title,
.register .status .message-title,
.passwordreset .status .message-title {
  margin: 0 0 5px 0;
  font-size: 0.875em;
  font-weight: 600;
}

.login .status .message-copy,
.register .status .message-copy,
.passwordreset .status .message-copy {
  margin: 0 !important;
  padding: 0;
  list-style: none;
}

.login .status .message-copy li,
.register .status .message-copy li,
.passwordreset .status .message-copy li {
  margin: 0;
  /* 0 0 ($baseline/4) 0; */
}

.login .submission-error,
.login .system-error,
.register .submission-error,
.register .system-error,
.passwordreset .submission-error,
.passwordreset .system-error {
  box-shadow: inset 0 -1px 2px 0 #f3dadb;
  border-bottom: 3px solid #a0050e;
  background: #fbf3f3;
}

.login .submission-error .message-title,
.login .system-error .message-title,
.register .submission-error .message-title,
.register .system-error .message-title,
.passwordreset .submission-error .message-title,
.passwordreset .system-error .message-title {
  color: #a0050e !important;
}

.login .orn-plus,
.register .orn-plus,
.passwordreset .orn-plus {
  color: white;
  padding: 0 5px;
}

.login #register-form .status.message,
.login #login-form .status.message,
.login #passwordreset-form .status.message,
.register #register-form .status.message,
.register #login-form .status.message,
.register #passwordreset-form .status.message,
.passwordreset #register-form .status.message,
.passwordreset #login-form .status.message,
.passwordreset #passwordreset-form .status.message {
  display: none;
}

.login #register-form .status.message.is-shown,
.login #login-form .status.message.is-shown,
.login #passwordreset-form .status.message.is-shown,
.register #register-form .status.message.is-shown,
.register #login-form .status.message.is-shown,
.register #passwordreset-form .status.message.is-shown,
.passwordreset #register-form .status.message.is-shown,
.passwordreset #login-form .status.message.is-shown,
.passwordreset #passwordreset-form .status.message.is-shown {
  display: block;
}

.login #register-form .third-party-signin.message,
.login #login-form .third-party-signin.message,
.login #passwordreset-form .third-party-signin.message,
.register #register-form .third-party-signin.message,
.register #login-form .third-party-signin.message,
.register #passwordreset-form .third-party-signin.message,
.passwordreset #register-form .third-party-signin.message,
.passwordreset #login-form .third-party-signin.message,
.passwordreset #passwordreset-form .third-party-signin.message {
  display: none;
}

.login #register-form .third-party-signin.message.is-shown,
.login #login-form .third-party-signin.message.is-shown,
.login #passwordreset-form .third-party-signin.message.is-shown,
.register #register-form .third-party-signin.message.is-shown,
.register #login-form .third-party-signin.message.is-shown,
.register #passwordreset-form .third-party-signin.message.is-shown,
.passwordreset #register-form .third-party-signin.message.is-shown,
.passwordreset #login-form .third-party-signin.message.is-shown,
.passwordreset #passwordreset-form .third-party-signin.message.is-shown {
  display: block;
}

.view-login .header-global .nav-courseware .btn-login {
  display: none;
}

.view-login .introduction header {
  height: 120px;
  background: transparent url("/static/images/edx-theme/edx-background-banner-account.3c2aa612edd3.png") 0 0 no-repeat;
}

.view-register .introduction header {
  height: 120px;
  background: transparent url("/static/images/edx-theme/edx-background-banner-account.3c2aa612edd3.png") 0 0 no-repeat;
}

.view-passwordreset .header-global .nav-courseware .btn-login {
  display: none;
}

.view-passwordreset .introduction header {
  height: 120px;
  border-bottom: 1px solid #8a8c8f;
  background: transparent url("/static/images/edx-theme/edx-background-banner-account.3c2aa612edd3.png") 0 0 no-repeat;
}

.view-passwordreset .content {
  padding: 0;
}

#forgot-password-modal {
  border-radius: 2px;
}

#forgot-password-modal .inner-wrapper {
  border-radius: 2px;
  background: #fff;
  padding-bottom: 0 !important;
}

#forgot-password-modal .modal-form-error {
  box-shadow: inset 0 -1px 2px 0 #f3dadb;
  box-sizing: border-box;
  margin: 20px 0 10px 0 !important;
  padding: 20px;
  border: none;
  border-bottom: 3px solid #a0050e;
  background: #fbf3f3;
}

.find-courses .discovery-button:not(:disabled),
.university-profile .discovery-button:not(:disabled) {
  text-align: left;
  outline: 0 none;
  box-shadow: none;
  border: 0;
  background: none;
  padding: 0 12px;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
}

.find-courses .discovery-button:not(:disabled):hover,
.university-profile .discovery-button:not(:disabled):hover {
  background: none;
}

.find-courses .courses-container,
.university-profile .courses-container {
  padding: 40px 10px 0 10px;
}

.find-courses .courses-container .courses:not(.no-course-discovery),
.university-profile .courses-container .courses:not(.no-course-discovery) {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 74.41059%;
}

.find-courses .courses-container .courses:not(.no-course-discovery):last-child,
.university-profile .courses-container .courses:not(.no-course-discovery):last-child {
  margin-right: 0;
}

@media screen and (min-width: 541px) and (max-width: 768px) {
  .find-courses .courses-container .courses:not(.no-course-discovery),
.university-profile .courses-container .courses:not(.no-course-discovery) {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 100%;
  }
  .find-courses .courses-container .courses:not(.no-course-discovery):last-child,
.university-profile .courses-container .courses:not(.no-course-discovery):last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) and (max-width: 979px) {
  .find-courses .courses-container .courses:not(.no-course-discovery),
.university-profile .courses-container .courses:not(.no-course-discovery) {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .find-courses .courses-container .courses:not(.no-course-discovery):last-child,
.university-profile .courses-container .courses:not(.no-course-discovery):last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 980px) {
  .find-courses .courses-container .courses:not(.no-course-discovery),
.university-profile .courses-container .courses:not(.no-course-discovery) {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 74.41059%;
  }
  .find-courses .courses-container .courses:not(.no-course-discovery):last-child,
.university-profile .courses-container .courses:not(.no-course-discovery):last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 541px) and (max-width: 768px) {
  .find-courses .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item,
.university-profile .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%;
  }
  .find-courses .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:last-child,
.university-profile .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:last-child {
    margin-right: 0;
  }
  .find-courses .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:nth-child(2n),
.university-profile .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:nth-child(2n) {
    margin-right: 0;
  }
  .find-courses .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:nth-child(2n+1),
.university-profile .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 769px) and (max-width: 979px) {
  .find-courses .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item,
.university-profile .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .find-courses .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:last-child,
.university-profile .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:last-child {
    margin-right: 0;
  }
  .find-courses .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:nth-child(2n),
.university-profile .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:nth-child(2n) {
    margin-right: 0;
  }
  .find-courses .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:nth-child(2n+1),
.university-profile .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 980px) {
  .find-courses .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item,
.university-profile .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .find-courses .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:last-child,
.university-profile .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:last-child {
    margin-right: 0;
  }
  .find-courses .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:nth-child(3n),
.university-profile .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:nth-child(3n) {
    margin-right: 0;
  }
  .find-courses .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:nth-child(3n+1),
.university-profile .courses-container .courses:not(.no-course-discovery) .courses-listing .courses-listing-item:nth-child(3n+1) {
    clear: left;
  }
}

.find-courses .courses-container .courses.no-course-discovery,
.university-profile .courses-container .courses.no-course-discovery {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

.find-courses .courses-container .courses.no-course-discovery:last-child,
.university-profile .courses-container .courses.no-course-discovery:last-child {
  margin-right: 0;
}

@media screen and (min-width: 541px) and (max-width: 768px) {
  .find-courses .courses-container .courses.no-course-discovery,
.university-profile .courses-container .courses.no-course-discovery {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 100%;
  }
  .find-courses .courses-container .courses.no-course-discovery:last-child,
.university-profile .courses-container .courses.no-course-discovery:last-child {
    margin-right: 0;
  }
  .find-courses .courses-container .courses.no-course-discovery:nth-child(2n),
.university-profile .courses-container .courses.no-course-discovery:nth-child(2n) {
    margin-right: 0;
  }
  .find-courses .courses-container .courses.no-course-discovery:nth-child(2n+1),
.university-profile .courses-container .courses.no-course-discovery:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 769px) and (max-width: 979px) {
  .find-courses .courses-container .courses.no-course-discovery,
.university-profile .courses-container .courses.no-course-discovery {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .find-courses .courses-container .courses.no-course-discovery:last-child,
.university-profile .courses-container .courses.no-course-discovery:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 980px) {
  .find-courses .courses-container .courses.no-course-discovery,
.university-profile .courses-container .courses.no-course-discovery {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .find-courses .courses-container .courses.no-course-discovery:last-child,
.university-profile .courses-container .courses.no-course-discovery:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 541px) and (max-width: 768px) {
  .find-courses .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item,
.university-profile .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%;
  }
  .find-courses .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:last-child,
.university-profile .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:last-child {
    margin-right: 0;
  }
  .find-courses .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:nth-child(2n),
.university-profile .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:nth-child(2n) {
    margin-right: 0;
  }
  .find-courses .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:nth-child(2n+1),
.university-profile .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 769px) and (max-width: 979px) {
  .find-courses .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item,
.university-profile .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .find-courses .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:last-child,
.university-profile .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:last-child {
    margin-right: 0;
  }
  .find-courses .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:nth-child(3n),
.university-profile .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:nth-child(3n) {
    margin-right: 0;
  }
  .find-courses .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:nth-child(3n+1),
.university-profile .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:nth-child(3n+1) {
    clear: left;
  }
}

@media screen and (min-width: 980px) {
  .find-courses .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item,
.university-profile .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .find-courses .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:last-child,
.university-profile .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:last-child {
    margin-right: 0;
  }
  .find-courses .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:nth-child(4n),
.university-profile .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:nth-child(4n) {
    margin-right: 0;
  }
  .find-courses .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:nth-child(4n+1),
.university-profile .courses-container .courses.no-course-discovery .courses-listing .courses-listing-item:nth-child(4n+1) {
    clear: left;
  }
}

.find-courses header.search,
.university-profile header.search {
  background: #f1f1f1;
  background-size: cover;
  background-image: none;
  background-position: center top !important;
  border-bottom: 1px solid #646464;
  box-shadow: inset 0 -1px 8px 0 rgba(0, 0, 0, 0.2), inset 0 1px 12px 0 rgba(0, 0, 0, 0.3);
  height: 430px;
  margin-top: -69px;
  width: 100%;
}

.find-courses header.search .inner-wrapper,
.university-profile header.search .inner-wrapper {
  height: 120px;
  margin: 0 auto;
  max-width: 1920px;
  padding-top: 200px;
  position: relative;
  text-align: center;
  width: 100%;
}

.find-courses header.search .inner-wrapper > .heading-group,
.university-profile header.search .inner-wrapper > .heading-group {
  background: #fff;
  background: rgba(255, 255, 255, 0.93);
  border: 1px solid #646464;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5);
  padding: 20px 30px;
  position: relative;
  z-index: 2;
}

.find-courses header.search .inner-wrapper.main-search, .find-courses header.search .inner-wrapper.university-search,
.university-profile header.search .inner-wrapper.main-search,
.university-profile header.search .inner-wrapper.university-search {
  text-align: center;
}

.find-courses header.search .inner-wrapper.main-search .heading-group, .find-courses header.search .inner-wrapper.university-search .heading-group,
.university-profile header.search .inner-wrapper.main-search .heading-group,
.university-profile header.search .inner-wrapper.university-search .heading-group {
  display: inline-block;
}

.find-courses header.search .inner-wrapper.main-search .logo, .find-courses header.search .inner-wrapper.university-search .logo,
.university-profile header.search .inner-wrapper.main-search .logo,
.university-profile header.search .inner-wrapper.university-search .logo {
  border-right: 1px solid #dddddd;
  margin-right: 30px;
  padding-right: 30px;
  display: inline-block;
  height: 80px;
  position: relative;
  vertical-align: middle;
}

.find-courses header.search .inner-wrapper.main-search .logo::after, .find-courses header.search .inner-wrapper.university-search .logo::after,
.university-profile header.search .inner-wrapper.main-search .logo::after,
.university-profile header.search .inner-wrapper.university-search .logo::after {
  right: 0;
  content: "";
  display: block;
  height: 80px;
  position: absolute;
  top: 0;
}

.find-courses header.search .inner-wrapper.main-search .logo img, .find-courses header.search .inner-wrapper.university-search .logo img,
.university-profile header.search .inner-wrapper.main-search .logo img,
.university-profile header.search .inner-wrapper.university-search .logo img {
  height: 100%;
}

.find-courses header.search .inner-wrapper.main-search h1, .find-courses header.search .inner-wrapper.university-search h1,
.university-profile header.search .inner-wrapper.main-search h1,
.university-profile header.search .inner-wrapper.university-search h1 {
  color: #313131;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.find-courses header.search .inner-wrapper.main-search h1,
.find-courses header.search .inner-wrapper.main-search h2, .find-courses header.search .inner-wrapper.university-search h1,
.find-courses header.search .inner-wrapper.university-search h2,
.university-profile header.search .inner-wrapper.main-search h1,
.university-profile header.search .inner-wrapper.main-search h2,
.university-profile header.search .inner-wrapper.university-search h1,
.university-profile header.search .inner-wrapper.university-search h2 {
  display: inline-block;
  letter-spacing: 1px;
  margin-bottom: 0;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  vertical-align: middle;
}

.find-courses .wrapper-search-context {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.find-courses .wrapper-search-context:after {
  content: "";
  display: table;
  clear: both;
}

.find-courses .wrapper-search-context .search-status-label {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 74.41059%;
  min-height: 55px;
}

.find-courses .wrapper-search-context .search-status-label:last-child {
  margin-right: 0;
}

@media screen and (max-width: 320px) {
  .find-courses .wrapper-search-context .search-status-label {
    width: 100%;
    box-sizing: border-box;
    font-size: 20px;
  }
}

@media screen and (min-width: 321px) and (max-width: 540px) {
  .find-courses .wrapper-search-context .search-status-label {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%;
    font-size: 20px;
  }
  .find-courses .wrapper-search-context .search-status-label:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 541px) and (max-width: 768px) {
  .find-courses .wrapper-search-context .search-status-label {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%;
  }
  .find-courses .wrapper-search-context .search-status-label:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) and (max-width: 979px) {
  .find-courses .wrapper-search-context .search-status-label {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .find-courses .wrapper-search-context .search-status-label:last-child {
    margin-right: 0;
  }
}

.find-courses .wrapper-search-context .wrapper-search-input {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 23.23176%;
  position: relative;
}

.find-courses .wrapper-search-context .wrapper-search-input:last-child {
  margin-right: 0;
}

@media screen and (max-width: 320px) {
  .find-courses .wrapper-search-context .wrapper-search-input {
    width: 100%;
    box-sizing: border-box;
  }
}

@media screen and (min-width: 321px) and (max-width: 540px) {
  .find-courses .wrapper-search-context .wrapper-search-input {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%;
  }
  .find-courses .wrapper-search-context .wrapper-search-input:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 541px) and (max-width: 768px) {
  .find-courses .wrapper-search-context .wrapper-search-input {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%;
  }
  .find-courses .wrapper-search-context .wrapper-search-input:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) and (max-width: 979px) {
  .find-courses .wrapper-search-context .wrapper-search-input {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .find-courses .wrapper-search-context .wrapper-search-input:last-child {
    margin-right: 0;
  }
}

.find-courses .discovery-input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding-right: 55px;
  border: 2px solid #c8c8c8;
  width: 100%;
  height: 55px;
  color: #000;
  font-style: normal;
}

.find-courses .discovery-input:focus {
  box-shadow: none;
  border-color: #256a97;
}

.find-courses .discovery-submit {
  margin-left: -2px;
  right: 0;
  position: absolute;
  top: 0;
  border: 2px solid #256a97;
  border-radius: 2px;
  height: 55px;
  padding: 0 14px;
  background: #0075b4;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
}

.find-courses .discovery-submit:hover, .find-courses .discovery-submit:focus {
  background: #009ee7;
}

.find-courses .loading-spinner {
  transition: all 0.5s ease-out 0s;
  background: #0075b4;
  position: absolute;
  top: 14px;
}

.find-courses .filters {
  margin-top: 10px;
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow: hidden;
}

.find-courses .filters:after {
  content: "";
  display: table;
  clear: both;
}

.find-courses .filters.is-animated {
  transition: max-height 0.3s;
}

.find-courses .filters.is-collapsed {
  max-height: 0;
}

.find-courses .filters .filters-inner {
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
}

.find-courses .filters .filters-inner:after {
  content: "";
  display: table;
  clear: both;
}

.find-courses .filters ul {
  padding-left: 0;
  margin: 0;
  list-style: outside none none;
}

.find-courses .filters li {
  float: left;
  margin: 10px 20px 10px 0;
  position: relative;
  padding: 10px 15px;
  width: auto;
  background: #e6e6e6;
}

.find-courses .filters li .facet-option {
  color: #474747;
  text-decoration: none;
}

.find-courses .filters li .facet-option i {
  color: #adadad;
}

.find-courses .filters .clear-filters {
  line-height: 44.0004px;
  margin: 10px;
  width: auto;
  color: #005e90;
  text-align: center;
}

.find-courses .filters .clear-filters:hover, .find-courses .filters .clear-filters:focus {
  background: #e4e4e4;
}

.find-courses .filters .flt-right {
  float: right;
}

.find-courses .search-facets {
  width: 100%;
  box-sizing: border-box;
  margin-right: 0;
  box-sizing: border-box;
  position: relative;
  margin: 40px 0 70px 0;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.125);
  border-top: 1px solid #000;
  border-bottom: 2px solid #000;
  max-height: 2000px;
  background-color: #fff;
}

@media screen and (max-width: 320px) {
  .find-courses .search-facets {
    width: 100%;
    box-sizing: border-box;
  }
}

@media screen and (min-width: 321px) and (max-width: 540px) {
  .find-courses .search-facets {
    float: left;
    display: block;
    margin-right: 7.42297%;
    width: 100%;
  }
  .find-courses .search-facets:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 541px) and (max-width: 768px) {
  .find-courses .search-facets {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 100%;
  }
  .find-courses .search-facets:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 769px) and (max-width: 979px) {
  .find-courses .search-facets {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .find-courses .search-facets:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 980px) {
  .find-courses .search-facets {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .find-courses .search-facets:last-child {
    margin-right: 0;
  }
}

.find-courses .search-facets.phone-menu {
  border: medium none;
  padding: 0;
  overflow: visible;
}

.find-courses .search-facets::before {
  right: 0;
  position: absolute;
  top: -3px;
  opacity: 0;
  background-color: #fff;
  padding: 40px 15px 0 15px;
  width: 50px;
  height: 5px;
  content: "";
}

.find-courses .search-facets .header-search-facets,
.find-courses .search-facets .header-facet {
  margin: 0;
  padding: 10px;
  color: #3d3e3f;
  text-transform: none;
}

.find-courses .search-facets .header-facet {
  border-top: 1px solid #e4e4e4;
}

.find-courses .search-facets .facet-list {
  padding-bottom: 10px;
}

.find-courses .search-facets .facet-list:after {
  content: "";
  display: table;
  clear: both;
}

.find-courses .search-facets .facet-list.collapse {
  max-height: 260px;
  overflow: hidden;
}

.find-courses .search-facets .facet-list li {
  position: relative;
  padding: 0;
  height: 30px;
  clear: both;
}

.find-courses .search-facets .facet-list li:after {
  content: "";
  display: table;
  clear: both;
}

.find-courses .search-facets .facet-option {
  float: left;
  transition: all 0.25s ease-out 0s;
  opacity: 1;
  border-radius: 0;
  padding: 5px 10px;
  width: 100%;
  color: #3d3e3f;
}

.find-courses .search-facets .facet-option:after {
  content: "";
  display: table;
  clear: both;
}

.find-courses .search-facets .facet-option .count {
  right: 0;
  text-align: right;
  box-sizing: border-box;
  transition: all 0.2s ease-out;
  position: absolute;
  width: 40px;
}

.find-courses .search-facets .facet-option:hover, .find-courses .search-facets .facet-option:focus {
  background: #007db8;
  color: #fff;
  text-decoration: none;
}

.find-courses .search-facets .facet-option:hover .count, .find-courses .search-facets .facet-option:focus .count {
  color: #fff;
}

.find-courses .search-facets .facet-option.selected, .find-courses .search-facets .facet-option.selected:hover, .find-courses .search-facets .facet-option.selected:focus {
  background: #e4e4e4;
  color: #3d3e3f;
}

.find-courses .search-facets .facet-option.selected .count, .find-courses .search-facets .facet-option.selected:hover .count, .find-courses .search-facets .facet-option.selected:focus .count {
  color: #313131;
}

.find-courses .search-facets .facet-option.selected .count .count-number, .find-courses .search-facets .facet-option.selected:hover .count .count-number, .find-courses .search-facets .facet-option.selected:focus .count .count-number {
  display: none;
}

.find-courses .search-facets .facet-option.selected .count::before, .find-courses .search-facets .facet-option.selected:hover .count::before, .find-courses .search-facets .facet-option.selected:focus .count::before {
  left: 15px;
  position: absolute;
  width: 40px;
  color: #919191;
  font-family: "Font Awesome 7 Pro";
  text-align: center;
  content: '\f00d';
}

.find-courses .search-facets .toggle:after {
  content: "";
  display: table;
  clear: both;
}

.find-courses .search-facets .toggle button {
  padding: 5px 10px;
  color: #007db8;
}

.find-courses,
.university-profile {
  background: #f1f1f1;
  padding-bottom: 60px;
}

.find-courses section.message,
.university-profile section.message {
  -webkit-columns: 2 20px;
  -moz-columns: 2 20px;
  columns: 2 20px;
  border-top: 1px solid #c8c8c8;
  margin-top: 20px;
  padding-top: 60px;
}

.find-courses section.message:after,
.university-profile section.message:after {
  content: "";
  display: table;
  clear: both;
}

.course-info .container, .course-info .view-profile .wrapper-profile-sections, .view-profile .course-info .wrapper-profile-sections, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy, .course-info section.outside-app {
  padding-bottom: 120px;
}

@media (max-width: 991px) {
  .course-info .container, .course-info .view-profile .wrapper-profile-sections, .view-profile .course-info .wrapper-profile-sections, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy, .course-info section.outside-app {
    min-width: auto;
    padding: 20px;
  }
}

.course-info header.course-profile {
  background: whitesmoke;
  background-image: none;
  background-size: cover;
  box-shadow: 0 1px 80px 0 rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid #646464;
  box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  height: 280px;
  padding-top: 150px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.course-info header.course-profile .intro-inner-wrapper {
  background: rgba(255, 255, 255, 0.93);
  border: 1px solid #646464;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1920px;
  position: relative;
  z-index: 2;
}

.course-info header.course-profile .intro-inner-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 768px) {
  .course-info header.course-profile .intro-inner-wrapper {
    min-width: 720px;
  }
}

.course-info header.course-profile .intro-inner-wrapper > div.table {
  display: table;
  width: 100%;
}

.course-info header.course-profile .intro-inner-wrapper .intro {
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
  position: relative;
  width: 68.23843%;
  z-index: 2;
}

.course-info header.course-profile .intro-inner-wrapper .intro:after {
  content: "";
  display: table;
  clear: both;
}

.course-info header.course-profile .intro-inner-wrapper .intro > .heading-group {
  border-bottom: 1px solid #c8c8c8;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.6);
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 100%;
}

.course-info header.course-profile .intro-inner-wrapper .intro > .heading-group h1 {
  color: #313131;
  font-weight: normal;
  display: inline-block;
  margin: 0;
  letter-spacing: 0;
  text-align: left;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
}

.course-info header.course-profile .intro-inner-wrapper .intro > .heading-group h1 .button-org {
  margin-left: 15px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  text-transform: normal !important;
  font-size: 0.875em;
  color: #313131 !important;
  letter-spacing: 0 !important;
}

.course-info header.course-profile .intro-inner-wrapper .intro > .heading-group h1 .button-org:hover, .course-info header.course-profile .intro-inner-wrapper .intro > .heading-group h1 .button-org:focus {
  color: #0075b4;
}

.course-info header.course-profile .intro-inner-wrapper .intro > .heading-group h2 {
  display: inline-block;
  margin: 0;
}

.course-info header.course-profile .intro-inner-wrapper .intro > .heading-group h2 a {
  color: #313131;
  font: italic 700 1em/1em "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  letter-spacing: 0;
  text-shadow: 0 1px rgba(255, 255, 255, 0.6);
  text-transform: none;
}

.course-info header.course-profile .intro-inner-wrapper .intro > .heading-group h2 a:hover, .course-info header.course-profile .intro-inner-wrapper .intro > .heading-group h2 a:focus {
  color: #0075b4;
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta {
  float: left;
  margin-right: 2.35765%;
  transition: all 0.15s linear 0s;
  width: 100%;
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta:after {
  content: "";
  display: table;
  clear: both;
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta > a.find-courses, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.register, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.add-to-cart {
  border: 1px solid #000663;
  border-bottom: 1px solid #00003a;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 0 #2592c0;
  color: white;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  background-color: #0075b4;
  background-image: -webkit-linear-gradient(top, #0075b4 0%, #004393 50%, #002a84 50%, #002f86 100%);
  background-image: linear-gradient(to bottom,#0075b4 0%, #004393 50%, #002a84 50%, #002f86 100%);
  padding: 7px 18px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #000042;
  box-sizing: border-box;
  border-radius: 3px;
  display: block;
  font: normal 1.2rem/1.6rem "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  letter-spacing: 1px;
  padding: 10px 0;
  text-align: center;
  width: 48.82117%;
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta > a.find-courses:hover:not(:disabled), .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.register:hover:not(:disabled), .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.add-to-cart:hover:not(:disabled) {
  cursor: pointer;
  background-color: #0066a2;
  background-image: -webkit-linear-gradient(top, #0066a2 0%, #003781 50%, #002072 50%, #002575 100%);
  background-image: linear-gradient(to bottom,#0066a2 0%, #003781 50%, #002072 50%, #002575 100%);
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta > a.find-courses:active:not(:disabled), .course-info header.course-profile .intro-inner-wrapper .intro .main-cta > a.find-courses:focus:not(:disabled), .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.register:active:not(:disabled), .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.register:focus:not(:disabled), .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.add-to-cart:active:not(:disabled), .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.add-to-cart:focus:not(:disabled) {
  box-shadow: inset 0 0 20px 0 #00013a;
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta > a.find-courses:disabled, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.register:disabled, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.add-to-cart:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta > a.find-courses:hover, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta > a.find-courses:focus, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.register:hover, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.register:focus, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.add-to-cart:hover, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.add-to-cart:focus {
  color: white;
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta > a.find-courses span, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.register span, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a.add-to-cart span {
  display: inline-block;
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta a:hover, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a:visited, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta a:focus {
  text-decoration: none;
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta strong {
  border: 1px solid #000663;
  border-bottom: 1px solid #00003a;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 0 #2592c0;
  color: white;
  display: inline-block;
  font-size: inherit;
  font-weight: bold;
  background-color: #0075b4;
  background-image: -webkit-linear-gradient(top, #0075b4 0%, #004393 50%, #002a84 50%, #002f86 100%);
  background-image: linear-gradient(to bottom,#0075b4 0%, #004393 50%, #002a84 50%, #002f86 100%);
  padding: 7px 18px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px #000042;
  box-sizing: border-box;
  border-radius: 3px;
  display: block;
  float: left;
  font: normal 1.2rem/1.6rem "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  letter-spacing: 1px;
  padding: 10px 0;
  text-align: center;
  width: 35.26334%;
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta strong:hover:not(:disabled) {
  cursor: pointer;
  background-color: #0066a2;
  background-image: -webkit-linear-gradient(top, #0066a2 0%, #003781 50%, #002072 50%, #002575 100%);
  background-image: linear-gradient(to bottom,#0066a2 0%, #003781 50%, #002072 50%, #002575 100%);
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta strong:active:not(:disabled), .course-info header.course-profile .intro-inner-wrapper .intro .main-cta strong:focus:not(:disabled) {
  box-shadow: inset 0 0 20px 0 #00013a;
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta strong:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta strong:hover, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta strong:focus {
  color: white;
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta span.register, .course-info header.course-profile .intro-inner-wrapper .intro .main-cta span.add-to-cart {
  background: #eeeeee;
  border: 1px solid #6f6f6f;
  box-sizing: border-box;
  color: #6f6f6f;
  display: block;
  letter-spacing: 1px;
  padding: 10px 0 8px;
  text-align: center;
  float: left;
  margin: 1px 3.57866% 0 0;
  transition: none;
  width: 61.158%;
}

.course-info header.course-profile .intro-inner-wrapper .intro .main-cta #register_error {
  background: #cb0712;
  border: 1px solid #ca1111;
  color: #8f0e0e;
  display: none;
  padding: 12px;
  margin-top: 5px;
}

.course-info header.course-profile .intro-inner-wrapper .media {
  background: transparent;
  box-sizing: border-box;
  display: table-cell;
  padding: 20px;
  position: relative;
  width: 31.76157%;
  z-index: 2;
}

.course-info header.course-profile .intro-inner-wrapper .media .hero {
  border: 1px solid #646464;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.course-info header.course-profile .intro-inner-wrapper .media .hero .play-intro {
  background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.75));
  border-radius: 4px;
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.4);
  border: 2px solid rgba(255, 255, 255, 0.8);
  height: 80px;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
  position: absolute;
  top: 50%;
  width: 80px;
}

.course-info header.course-profile .intro-inner-wrapper .media .hero .play-intro::after {
  color: rgba(255, 255, 255, 0.8);
  content: "\25B6";
  display: block;
  font: normal 2em/1em "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  left: 50%;
  margin-left: -11px;
  margin-top: -16px;
  position: absolute;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.8);
  top: 50%;
}

.course-info header.course-profile .intro-inner-wrapper .media .hero img {
  display: block;
  width: 100%;
}

.course-info header.course-profile .intro-inner-wrapper .media:hover, .course-info header.course-profile .intro-inner-wrapper .media:focus {
  text-decoration: none;
}

.course-info header.course-profile .intro-inner-wrapper .media:hover .play-intro, .course-info header.course-profile .intro-inner-wrapper .media:focus .play-intro {
  background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.8));
  background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.8));
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.5);
  border-color: rgba(255, 255, 255, 0.9);
}

.course-info header.course-profile .intro-inner-wrapper .media:hover .play-intro::after, .course-info header.course-profile .intro-inner-wrapper .media:focus .play-intro::after {
  color: white;
}

.course-info .container:after, .course-info .view-profile .wrapper-profile-sections:after, .view-profile .course-info .wrapper-profile-sections:after, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy:after, .course-info section.outside-app:after {
  content: "";
  display: table;
  clear: both;
}

.course-info .container .wrap-instructor-info.studio-view, .course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view, .view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view, .course-info section.outside-app .wrap-instructor-info.studio-view {
  position: relative;
  margin: 10px 0 0 0;
}

.course-info .container .wrap-instructor-info .instructor-info-action, .course-info .view-profile .wrapper-profile-sections .wrap-instructor-info .instructor-info-action, .view-profile .course-info .wrapper-profile-sections .wrap-instructor-info .instructor-info-action, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info .instructor-info-action, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info .instructor-info-action, .course-info section.outside-app .wrap-instructor-info .instructor-info-action {
  float: right;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #dddddd;
  text-align: right;
  color: #c2387d;
}

.course-info .container .wrap-instructor-info .instructor-info-action:hover, .course-info .view-profile .wrapper-profile-sections .wrap-instructor-info .instructor-info-action:hover, .view-profile .course-info .wrapper-profile-sections .wrap-instructor-info .instructor-info-action:hover, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info .instructor-info-action:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info .instructor-info-action:hover, .course-info section.outside-app .wrap-instructor-info .instructor-info-action:hover {
  background-color: #c2387d;
  color: #fff;
}

.course-info .details {
  font: normal 1em/1.6em Georgia, Cambria, "Times New Roman", Times, serif;
}

@media (min-width: 768px) {
  .course-info .details {
    float: left;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
}

.course-info .details h2 {
  margin-top: 30px;
}

.course-info .details p {
  margin-bottom: 10px;
}

.course-info .details dt {
  margin-top: 10px;
  font-weight: 700;
}

.course-info .details .inner-wrapper > section {
  margin-bottom: 40px;
}

.course-info .details .inner-wrapper .course-staff .teacher {
  margin-bottom: 40px;
}

.course-info .details .inner-wrapper .course-staff .teacher:after {
  content: "";
  display: table;
  clear: both;
}

.course-info .details .inner-wrapper .course-staff .teacher h3 {
  color: #313131;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: none;
}

.course-info .details .inner-wrapper .course-staff .teacher .teacher-image {
  background: white;
  border: 1px solid #c8c8c8;
  height: 115px;
  float: left;
  margin: 0 15px 0 0;
  overflow: hidden;
  padding: 1px;
  width: 115px;
}

.course-info .details .inner-wrapper .course-staff .teacher .teacher-image img {
  display: block;
  min-height: 100%;
  max-width: 100%;
}

.course-info .details .inner-wrapper .prerequisites ul li, .course-info .details .inner-wrapper .syllabus ul li {
  font: normal 1em/1.6em Georgia, Cambria, "Times New Roman", Times, serif;
}

.course-info .details .inner-wrapper .prerequisites ul ul, .course-info .details .inner-wrapper .syllabus ul ul {
  margin: 5px 0 10px;
}

.course-info .details .inner-wrapper .faq:after {
  content: "";
  display: table;
  clear: both;
}

.course-info .details .inner-wrapper .faq .responses {
  float: left;
}

.course-info .details .inner-wrapper .faq .response {
  margin-bottom: 40px;
}

.course-info .details .inner-wrapper .faq .response h3 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  margin-bottom: 15px;
}

.course-info .course-sidebar {
  box-sizing: border-box;
  float: left;
  width: 31.76157%;
}

.course-info .course-sidebar > section {
  box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #c8c8c8;
}

.course-info .course-sidebar > section.course-summary {
  padding: 16px 20px 30px;
  margin-bottom: 220px;
  border-top: none;
}

.course-info .course-sidebar > section.additional-resources {
  padding: 30px;
}

.course-info .course-sidebar > section.additional-resources .opencourseware {
  text-indent: -9999px;
  background: url("/static/images/opencourseware.166b4100e393.png") 0 0 no-repeat;
  width: 266px;
  height: 31px;
  margin-bottom: 20px;
}

.course-info .course-sidebar > section.additional-resources ul {
  padding-left: 0;
  margin-bottom: 0;
}

.course-info .course-sidebar > section.additional-resources li {
  list-style: none;
  padding-left: 29px;
  background: url("/static/images/link-icon.631337d37249.png") left center no-repeat;
}

.course-info .course-sidebar > section.about-sidebar-html {
  padding: 0 10px;
  box-shadow: none;
  border: none;
}

.course-info .course-sidebar header {
  margin-bottom: 30px;
  padding-bottom: 16px;
  position: relative;
  text-align: center;
}

.course-info .course-sidebar header::after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

.course-info .course-sidebar header a.university-name {
  border-right: 1px solid #c8c8c8;
  color: #313131;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: italic;
  font-weight: 700;
  display: inline-block;
  letter-spacing: 0;
  margin-right: 15px;
  padding-right: 15px;
}

.course-info .course-sidebar header a.university-name:hover, .course-info .course-sidebar header a.university-name:focus {
  color: #646464;
}

.course-info .course-sidebar header .social-sharing {
  box-sizing: border-box;
  float: left;
  height: 44px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2;
  float: none;
}

.course-info .course-sidebar header .social-sharing:hover .sharing-message, .course-info .course-sidebar header .social-sharing:focus .sharing-message {
  opacity: 1;
  top: 56px;
}

.course-info .course-sidebar header .social-sharing .sharing-message {
  background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%);
  background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 100%);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  color: white;
  float: right;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 0.9em;
  font-style: italic;
  left: 50%;
  margin-left: -110px;
  opacity: 0;
  padding: 6px 10px;
  position: absolute;
  text-align: center;
  transition: all 0.15s ease-out 0s;
  top: 65px;
  width: 220px;
}

.course-info .course-sidebar header .social-sharing .sharing-message:hover, .course-info .course-sidebar header .social-sharing .sharing-message:focus {
  opacity: 0;
}

.course-info .course-sidebar header .social-sharing .share {
  display: inline-block;
  height: 35px;
  width: 35px;
  margin-right: 20px;
  margin-top: 5px;
  font-size: 1.75em;
  text-decoration: none;
  color: #000;
  opacity: 0.5;
  transition: all 0.15s linear 0s;
}

.course-info .course-sidebar header .social-sharing .share:hover, .course-info .course-sidebar header .social-sharing .share:focus {
  opacity: 1;
}

.course-info .course-sidebar header .social-sharing .share:last-child {
  margin-right: 0;
}

.course-info .course-sidebar header h1 {
  font: 1em Georgia, Cambria, "Times New Roman", Times, serif;
  letter-spacing: 0;
  color: #999;
  margin-bottom: 0;
}

.course-info .course-sidebar .important-dates {
  list-style: none;
  margin: 0;
  padding: 0 10px;
}

.course-info .course-sidebar .important-dates li {
  border-bottom: 1px dotted #c8c8c8;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.course-info .course-sidebar .important-dates li:after {
  content: "";
  display: table;
  clear: both;
}

.course-info .course-sidebar .important-dates li:hover .icon, .course-info .course-sidebar .important-dates li:focus .icon {
  opacity: 1;
}

.course-info .course-sidebar .important-dates li .important-dates-item-title {
  color: #646464;
  float: left;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.course-info .course-sidebar .important-dates li .icon {
  float: left;
  padding: 1px;
  margin: 4px 10px 0 0;
  opacity: .6;
}

.course-info .course-sidebar .important-dates li .important-dates-item-text {
  float: right;
  font-weight: 700;
}

.course-info .course-sidebar .important-dates .prerequisite-course .pre-requisite {
  max-width: 39%;
}

.course-info .course-sidebar .important-dates .prerequisite-course .tip {
  float: left;
  margin: 20px 0 10px;
  font-size: 0.8em;
  color: #646464;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.container.jobs, .view-profile .jobs.wrapper-profile-sections, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy, section.jobs.outside-app {
  padding: 60px 30px 120px;
}

.container.jobs q, .view-profile .jobs.wrapper-profile-sections q, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy q, section.jobs.outside-app q {
  display: block;
  margin: 10px 0;
  font-style: italic;
  text-align: justify;
}

.container.jobs small.author, .view-profile .jobs.wrapper-profile-sections small.author, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy small.author, section.jobs.outside-app small.author {
  text-align: right;
  display: block;
  color: #646464;
}

.container.jobs h1 + hr, .view-profile .jobs.wrapper-profile-sections h1 + hr, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy h1 + hr, section.jobs.outside-app h1 + hr {
  margin-bottom: 80px;
}

.container.jobs .message, .view-profile .jobs.wrapper-profile-sections .message, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .message, section.jobs.outside-app .message {
  margin-bottom: 80px;
  position: relative;
}

.container.jobs .message:after, .view-profile .jobs.wrapper-profile-sections .message:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .message:after, section.jobs.outside-app .message:after {
  content: "";
  display: table;
  clear: both;
}

.container.jobs .message .photo, .view-profile .jobs.wrapper-profile-sections .message .photo, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .message .photo, section.jobs.outside-app .message .photo {
  background: white;
  border: 1px solid #d2d2d2;
  float: left;
  margin-right: 2.35765%;
  padding: 1px;
  width: 31.76157%;
}

.container.jobs .message .photo img, .view-profile .jobs.wrapper-profile-sections .message .photo img, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .message .photo img, section.jobs.outside-app .message .photo img {
  background: whitesmoke;
  display: block;
  max-width: 100%;
}

.container.jobs .message header, .view-profile .jobs.wrapper-profile-sections .message header, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .message header, section.jobs.outside-app .message header {
  float: left;
  width: 57.35098%;
}

.container.jobs .message header blockquote, .view-profile .jobs.wrapper-profile-sections .message header blockquote, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .message header blockquote, section.jobs.outside-app .message header blockquote {
  margin-left: 0;
  margin-bottom: 40px;
}

.container.jobs .message header blockquote:last-child, .view-profile .jobs.wrapper-profile-sections .message header blockquote:last-child, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .message header blockquote:last-child, section.jobs.outside-app .message header blockquote:last-child {
  margin-bottom: 0;
}

.container.jobs .message header blockquote p, .view-profile .jobs.wrapper-profile-sections .message header blockquote p, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .message header blockquote p, section.jobs.outside-app .message header blockquote p {
  margin-left: 0;
  font-style: italic;
  line-height: 1.6;
  font-size: 1.1em;
  color: #666;
}

.container.jobs .message header blockquote cite, .view-profile .jobs.wrapper-profile-sections .message header blockquote cite, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .message header blockquote cite, section.jobs.outside-app .message header blockquote cite {
  margin-top: 12px;
  display: block;
  color: #a0a0a0;
  font-weight: 300;
}

.container.jobs .jobs-wrapper, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper, section.jobs.outside-app .jobs-wrapper {
  float: left;
  padding-top: 80px;
  width: 100%;
}

.container.jobs .jobs-wrapper:after, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper:after, section.jobs.outside-app .jobs-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.container.jobs .jobs-wrapper > h2, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper > h2, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper > h2, section.jobs.outside-app .jobs-wrapper > h2 {
  display: none;
  margin-bottom: 60px;
  padding-bottom: 20px;
}

.container.jobs .jobs-wrapper .jobs-sidebar, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper .jobs-sidebar, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper .jobs-sidebar, section.jobs.outside-app .jobs-wrapper .jobs-sidebar {
  box-sizing: border-box;
  border: 1px solid gainsboro;
  float: left;
  padding: 20px;
  width: 23.23176%;
}

.container.jobs .jobs-wrapper .jobs-sidebar nav, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper .jobs-sidebar nav, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper .jobs-sidebar nav, section.jobs.outside-app .jobs-wrapper .jobs-sidebar nav {
  margin-bottom: 40px;
}

.container.jobs .jobs-wrapper .jobs-sidebar nav a, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper .jobs-sidebar nav a, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper .jobs-sidebar nav a, section.jobs.outside-app .jobs-wrapper .jobs-sidebar nav a {
  display: block;
  letter-spacing: 1px;
  margin: 0 -20px;
  padding: 12px 0 12px 20px;
  text-align: left;
}

.container.jobs .jobs-wrapper .jobs-sidebar nav a:hover, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper .jobs-sidebar nav a:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper .jobs-sidebar nav a:hover, section.jobs.outside-app .jobs-wrapper .jobs-sidebar nav a:hover, .container.jobs .jobs-wrapper .jobs-sidebar nav a:focus, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper .jobs-sidebar nav a:focus, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper .jobs-sidebar nav a:focus, section.jobs.outside-app .jobs-wrapper .jobs-sidebar nav a:focus {
  background: whitesmoke;
  text-decoration: none;
}

.container.jobs .jobs-wrapper .jobs-sidebar p + h2, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper .jobs-sidebar p + h2, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper .jobs-sidebar p + h2, section.jobs.outside-app .jobs-wrapper .jobs-sidebar p + h2 {
  margin-top: 40px;
}

.container.jobs .jobs-wrapper .jobs-listing, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper .jobs-listing, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper .jobs-listing, section.jobs.outside-app .jobs-wrapper .jobs-listing {
  float: left;
  margin-right: 2.35765%;
  width: 74.41059%;
}

.container.jobs .jobs-wrapper .jobs-listing .job, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper .jobs-listing .job, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper .jobs-listing .job, section.jobs.outside-app .jobs-wrapper .jobs-listing .job {
  border-bottom: 1px solid gainsboro;
  padding: 40px 0;
}

.container.jobs .jobs-wrapper .jobs-listing .job:first-child, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper .jobs-listing .job:first-child, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper .jobs-listing .job:first-child, section.jobs.outside-app .jobs-wrapper .jobs-listing .job:first-child {
  padding-top: 0;
}

.container.jobs .jobs-wrapper .jobs-listing .job:last-child, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper .jobs-listing .job:last-child, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper .jobs-listing .job:last-child, section.jobs.outside-app .jobs-wrapper .jobs-listing .job:last-child {
  border: none;
  padding-bottom: 0;
}

.container.jobs .jobs-wrapper .jobs-listing .job h3, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper .jobs-listing .job h3, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper .jobs-listing .job h3, section.jobs.outside-app .jobs-wrapper .jobs-listing .job h3 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  margin-bottom: 15px;
}

.container.jobs .jobs-wrapper .jobs-listing .job h4, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper .jobs-listing .job h4, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper .jobs-listing .job h4, section.jobs.outside-app .jobs-wrapper .jobs-listing .job h4 {
  font-size: 1.0em;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  margin-top: 25px;
  margin-bottom: 10px;
}

.container.jobs .jobs-wrapper .jobs-listing .job ul, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper .jobs-listing .job ul, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper .jobs-listing .job ul, section.jobs.outside-app .jobs-wrapper .jobs-listing .job ul {
  padding-left: 50px;
}

.container.jobs .jobs-wrapper .jobs-listing .job li, .view-profile .jobs.wrapper-profile-sections .jobs-wrapper .jobs-listing .job li, .view-profile .profile-self .wrapper-profile-field-account-privacy .jobs.u-field-account_privacy .jobs-wrapper .jobs-listing .job li, section.jobs.outside-app .jobs-wrapper .jobs-listing .job li {
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 1em;
  line-height: 1.6em;
  color: #3c3c3c;
  margin-bottom: 0.2em;
}

.mediakit {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 60px 0;
  width: 980px;
}

.mediakit .wrapper-mediakit {
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  margin: 60px 0 0 0;
  border: 1px solid #e7e7e7;
  padding: 40px 60px;
}

.mediakit .wrapper-mediakit > section {
  margin: 0 0 40px 0;
}

.mediakit .wrapper-mediakit > section:last-child {
  margin-bottom: 0;
}

.mediakit h1 {
  margin: 0 0 20px 0;
  position: relative;
  font-size: 36px;
}

.mediakit hr {
  border: none;
  margin: 0;
  position: relative;
  z-index: 2;
}

.mediakit hr::after {
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
}

.mediakit a.action-download {
  position: relative;
  color: #0075b4;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  text-decoration: none;
  transition: all 0.1s linear 0s;
}

.mediakit a.action-download .note {
  position: relative;
  color: #0075b4;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 13px;
  text-decoration: none;
  transition: all 0.1s linear 0s;
}

.mediakit a.action-download .note::before {
  position: relative;
  top: -1px;
  margin: 0 5px 0 0;
  content: "➤";
  font-size: 11px;
}

.mediakit a.action-download:hover .note, .mediakit a.action-download:focus .note {
  color: #005887;
}

.mediakit .introduction:after {
  content: "";
  display: table;
  clear: both;
}

.mediakit .introduction header {
  margin: 0 0 30px 0;
}

.mediakit .introduction header h2 {
  margin: 0;
  color: #b2b5b9;
  font-size: 32px;
}

.mediakit .introduction header h2 .org-name {
  color: #b2b5b9;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  text-transform: none;
}

.mediakit .introduction article {
  box-sizing: border-box;
  width: 500px;
  margin-right: 20px;
  float: left;
}

.mediakit .introduction aside {
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  width: 330px;
  float: left;
  border: 3px solid #98bee6;
  background: #98bee6;
}

.mediakit .introduction aside h3 {
  padding: 10px 15px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0;
  color: white;
}

.mediakit .introduction aside h3 .org-name {
  color: white !important;
  font-weight: bold;
  text-transform: none;
}

.mediakit .introduction aside a.action-download .note {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.mediakit .introduction aside figure {
  box-sizing: border-box;
  background: white;
  width: 100%;
}

.mediakit .introduction aside figure figcaption {
  display: none;
}

.mediakit .introduction aside figure a {
  display: block;
  padding: 10px;
}

.mediakit .introduction aside figure img {
  display: block;
  margin: 0 auto;
  width: 60%;
}

.mediakit .library {
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  border: 3px solid #eeeeee;
  padding: 0;
  background: #eeeeee;
}

.mediakit .library header {
  padding: 15px 20px;
}

.mediakit .library header h2 {
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 16px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: bold;
  letter-spacing: 0;
}

.mediakit .library header h2 .org-name {
  color: #333333 !important;
  font-weight: bold;
  text-transform: none;
}

.mediakit .library .listing {
  background: white;
  margin: 0;
  padding: 40px;
  list-style: none;
}

.mediakit .library .listing:after {
  content: "";
  display: table;
  clear: both;
}

.mediakit .library .listing li {
  box-sizing: border-box;
  overflow-y: auto;
  float: left;
  width: 350px;
  margin: 0 0 20px 0;
}

.mediakit .library .listing li:nth-child(odd) {
  margin-right: 70px;
}

.mediakit .library .listing figure a {
  border-radius: 2px;
  box-sizing: border-box;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  display: block;
  min-height: 380px;
  border: 2px solid #f7f7f7;
  padding: 20px;
}

.mediakit .library .listing figure a:hover, .mediakit .library .listing figure a:focus {
  border-color: #0075b4;
}

.mediakit .library .listing figure img {
  display: block;
  border: 2px solid #f8f8f8;
  margin: 0 auto 15px;
}

.mediakit .library .listing figure figcaption {
  font-size: 13px;
  line-height: 18px;
  color: #333333;
}

.mediakit .library .listing figure .note {
  display: inline-block;
  margin-top: 10px;
}

.container.about, .view-profile .about.wrapper-profile-sections, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy, section.about.outside-app {
  padding: 20px 30px 120px;
}

.container.about > nav, .view-profile .about.wrapper-profile-sections > nav, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy > nav, section.about.outside-app > nav {
  margin-bottom: 80px;
  text-align: center;
  width: 100%;
}

.container.about > nav::after, .view-profile .about.wrapper-profile-sections > nav::after, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy > nav::after, section.about.outside-app > nav::after {
  content: "";
  display: block;
}

.container.about > nav a, .view-profile .about.wrapper-profile-sections > nav a, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy > nav a, section.about.outside-app > nav a {
  border-bottom: 3px solid transparent;
  color: #646464;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-style: italic;
  display: inline-block;
  letter-spacing: 1px;
  margin: 0 15px;
  padding: 20px 10px;
  transition: all 0.15s linear 0s;
  text-transform: lowercase;
}

.container.about > nav a:hover, .view-profile .about.wrapper-profile-sections > nav a:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy > nav a:hover, section.about.outside-app > nav a:hover, .container.about > nav a:active, .view-profile .about.wrapper-profile-sections > nav a:active, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy > nav a:active, section.about.outside-app > nav a:active, .container.about > nav a:focus, .view-profile .about.wrapper-profile-sections > nav a:focus, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy > nav a:focus, section.about.outside-app > nav a:focus {
  border-color: #c8c8c8;
  color: #313131;
  text-decoration: none;
}

.container.about .vision h1 + hr, .view-profile .about.wrapper-profile-sections .vision h1 + hr, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision h1 + hr, section.about.outside-app .vision h1 + hr {
  margin-bottom: 80px;
}

.container.about .vision .our-mission, .view-profile .about.wrapper-profile-sections .vision .our-mission, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .our-mission, section.about.outside-app .vision .our-mission {
  border-bottom: 1px solid gainsboro;
  margin: 0 auto 100px;
  padding-bottom: 40px;
}

.container.about .vision .our-mission:after, .view-profile .about.wrapper-profile-sections .vision .our-mission:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .our-mission:after, section.about.outside-app .vision .our-mission:after {
  content: "";
  display: table;
  clear: both;
}

.container.about .vision .our-mission .logo, .view-profile .about.wrapper-profile-sections .vision .our-mission .logo, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .our-mission .logo, section.about.outside-app .vision .our-mission .logo {
  border-right: 1px solid #c8c8c8;
  box-sizing: border-box;
  float: left;
  height: 115px;
  margin-right: 2.35765%;
  text-align: center;
  width: 23.23176%;
}

.container.about .vision .our-mission .logo > img, .view-profile .about.wrapper-profile-sections .vision .our-mission .logo > img, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .our-mission .logo > img, section.about.outside-app .vision .our-mission .logo > img {
  display: inline-block;
  margin-top: 26px;
  max-height: 60px;
}

.container.about .vision .our-mission h2.mission-quote, .view-profile .about.wrapper-profile-sections .vision .our-mission h2.mission-quote, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .our-mission h2.mission-quote, section.about.outside-app .vision .our-mission h2.mission-quote {
  box-sizing: border-box;
  float: right;
  font-style: italic;
  line-height: 1.4;
  margin: 0;
  padding: 5px 0 5px 20px;
  text-transform: none;
  width: 74.41059%;
}

.container.about .vision .message, .view-profile .about.wrapper-profile-sections .vision .message, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .message, section.about.outside-app .vision .message {
  border-bottom: 1px solid gainsboro;
  margin-bottom: 80px;
  padding-bottom: 80px;
  position: relative;
}

.container.about .vision .message:after, .view-profile .about.wrapper-profile-sections .vision .message:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .message:after, section.about.outside-app .vision .message:after {
  content: "";
  display: table;
  clear: both;
}

.container.about .vision .message hr, .view-profile .about.wrapper-profile-sections .vision .message hr, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .message hr, section.about.outside-app .vision .message hr {
  bottom: 0;
  display: none;
  margin: 0;
  position: absolute;
  width: 100%;
}

.container.about .vision .message h2, .view-profile .about.wrapper-profile-sections .vision .message h2, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .message h2, section.about.outside-app .vision .message h2 {
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 15px;
}

.container.about .vision .message .photo, .view-profile .about.wrapper-profile-sections .vision .message .photo, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .message .photo, section.about.outside-app .vision .message .photo {
  box-sizing: border-box;
  background: white;
  border: 1px solid #d2d2d2;
  margin-top: 37px;
  padding: 1px;
  width: 23.23176%;
}

.container.about .vision .message .photo img, .view-profile .about.wrapper-profile-sections .vision .message .photo img, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .message .photo img, section.about.outside-app .vision .message .photo img {
  background: whitesmoke;
  display: block;
  width: 100%;
}

.container.about .vision .message > article, .view-profile .about.wrapper-profile-sections .vision .message > article, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .message > article, section.about.outside-app .vision .message > article {
  box-sizing: border-box;
  float: left;
  padding-left: 20px;
  width: 74.41059%;
}

.container.about .vision .message.left .photo, .view-profile .about.wrapper-profile-sections .vision .message.left .photo, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .message.left .photo, section.about.outside-app .vision .message.left .photo {
  float: left;
  margin-right: 2.35765%;
}

.container.about .vision .message.right .photo, .view-profile .about.wrapper-profile-sections .vision .message.right .photo, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .message.right .photo, section.about.outside-app .vision .message.right .photo {
  float: right;
  margin-left: 2.35765%;
}

.container.about .vision .message:last-child, .view-profile .about.wrapper-profile-sections .vision .message:last-child, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .message:last-child, section.about.outside-app .vision .message:last-child {
  margin-bottom: 0;
}

.container.about .vision .partners:after, .view-profile .about.wrapper-profile-sections .vision .partners:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .partners:after, section.about.outside-app .vision .partners:after {
  content: "";
  display: table;
  clear: both;
}

.container.about .vision .partners > article, .view-profile .about.wrapper-profile-sections .vision .partners > article, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .partners > article, section.about.outside-app .vision .partners > article {
  float: left;
  width: 48.82117%;
}

.container.about .vision .partners > article:first-child, .view-profile .about.wrapper-profile-sections .vision .partners > article:first-child, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .vision .partners > article:first-child, section.about.outside-app .vision .partners > article:first-child {
  margin-right: 2.35765%;
}

.container.about .faq:after, .view-profile .about.wrapper-profile-sections .faq:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .faq:after, section.about.outside-app .faq:after {
  content: "";
  display: table;
  clear: both;
}

.container.about .faq nav.categories, .view-profile .about.wrapper-profile-sections .faq nav.categories, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .faq nav.categories, section.about.outside-app .faq nav.categories {
  border: 1px solid gainsboro;
  box-sizing: border-box;
  float: left;
  margin-left: 2.35765%;
  padding: 20px;
  width: 23.23176%;
}

.container.about .faq nav.categories a, .view-profile .about.wrapper-profile-sections .faq nav.categories a, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .faq nav.categories a, section.about.outside-app .faq nav.categories a {
  display: block;
  letter-spacing: 1px;
  margin: 0 -20px;
  padding: 12px 0 12px 20px;
  text-align: left;
}

.container.about .faq nav.categories a:hover, .view-profile .about.wrapper-profile-sections .faq nav.categories a:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .faq nav.categories a:hover, section.about.outside-app .faq nav.categories a:hover, .container.about .faq nav.categories a:focus, .view-profile .about.wrapper-profile-sections .faq nav.categories a:focus, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .faq nav.categories a:focus, section.about.outside-app .faq nav.categories a:focus {
  background: whitesmoke;
  text-decoration: none;
}

.container.about .faq .responses, .view-profile .about.wrapper-profile-sections .faq .responses, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .faq .responses, section.about.outside-app .faq .responses {
  float: left;
  width: 74.41059%;
}

.container.about .faq .responses .category, .view-profile .about.wrapper-profile-sections .faq .responses .category, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .faq .responses .category, section.about.outside-app .faq .responses .category {
  padding-top: 40px;
}

.container.about .faq .responses .category:first-child, .view-profile .about.wrapper-profile-sections .faq .responses .category:first-child, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .faq .responses .category:first-child, section.about.outside-app .faq .responses .category:first-child {
  padding-top: 0;
}

.container.about .faq .responses .category > h2, .view-profile .about.wrapper-profile-sections .faq .responses .category > h2, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .faq .responses .category > h2, section.about.outside-app .faq .responses .category > h2 {
  border-bottom: 1px solid gainsboro;
  margin-bottom: 40px;
  padding-bottom: 20px;
}

.container.about .faq .responses .response, .view-profile .about.wrapper-profile-sections .faq .responses .response, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .faq .responses .response, section.about.outside-app .faq .responses .response {
  margin-bottom: 40px;
}

.container.about .faq .responses .response h3, .view-profile .about.wrapper-profile-sections .faq .responses .response h3, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .faq .responses .response h3, section.about.outside-app .faq .responses .response h3 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  margin-bottom: 15px;
}

.container.about .press .press-story, .view-profile .about.wrapper-profile-sections .press .press-story, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .press .press-story, section.about.outside-app .press .press-story {
  border-bottom: 1px solid gainsboro;
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.container.about .press .press-story:after, .view-profile .about.wrapper-profile-sections .press .press-story:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .press .press-story:after, section.about.outside-app .press .press-story:after {
  content: "";
  display: table;
  clear: both;
}

.container.about .press .press-story:last-child, .view-profile .about.wrapper-profile-sections .press .press-story:last-child, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .press .press-story:last-child, section.about.outside-app .press .press-story:last-child {
  border: none;
  margin: 0;
  padding: 0;
}

.container.about .press .press-story .article-cover, .view-profile .about.wrapper-profile-sections .press .press-story .article-cover, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .press .press-story .article-cover, section.about.outside-app .press .press-story .article-cover {
  background: white;
  border: 1px solid #787878;
  box-sizing: border-box;
  float: left;
  height: 140px;
  margin-right: 2.35765%;
  overflow: hidden;
  width: 14.70196%;
}

.container.about .press .press-story .article-cover img, .view-profile .about.wrapper-profile-sections .press .press-story .article-cover img, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .press .press-story .article-cover img, section.about.outside-app .press .press-story .article-cover img {
  display: block;
}

.container.about .press .press-story .press-info, .view-profile .about.wrapper-profile-sections .press .press-story .press-info, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .press .press-story .press-info, section.about.outside-app .press .press-story .press-info {
  float: left;
  width: 82.94039%;
}

.container.about .press .press-story .press-info header, .view-profile .about.wrapper-profile-sections .press .press-story .press-info header, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .press .press-story .press-info header, section.about.outside-app .press .press-story .press-info header {
  margin-bottom: 10px;
}

.container.about .press .press-story .press-info header h3, .view-profile .about.wrapper-profile-sections .press .press-story .press-info header h3, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .press .press-story .press-info header h3, section.about.outside-app .press .press-story .press-info header h3 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  margin-bottom: 5px;
}

.container.about .press .press-story .press-info header span.post-date, .view-profile .about.wrapper-profile-sections .press .press-story .press-info header span.post-date, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .press .press-story .press-info header span.post-date, section.about.outside-app .press .press-story .press-info header span.post-date {
  color: #646464;
  margin-right: 10px;
}

.container.about .contact, .view-profile .about.wrapper-profile-sections .contact, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .contact, section.about.outside-app .contact {
  margin: 0 auto;
}

.container.about .contact:after, .view-profile .about.wrapper-profile-sections .contact:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .contact:after, section.about.outside-app .contact:after {
  content: "";
  display: table;
  clear: both;
}

.container.about .contact .photo, .view-profile .about.wrapper-profile-sections .contact .photo, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .contact .photo, section.about.outside-app .contact .photo {
  box-sizing: border-box;
  background: white;
  border: 1px solid #d2d2d2;
  padding: 1px;
  float: left;
  width: 23.23176%;
}

.container.about .contact .photo img, .view-profile .about.wrapper-profile-sections .contact .photo img, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .contact .photo img, section.about.outside-app .contact .photo img {
  max-width: 100%;
}

.container.about .contact .contacts, .view-profile .about.wrapper-profile-sections .contact .contacts, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .contact .contacts, section.about.outside-app .contact .contacts {
  box-sizing: border-box;
  float: left;
  padding-left: 40px;
  width: 74.41059%;
}

.container.about .contact .contacts ul, .view-profile .about.wrapper-profile-sections .contact .contacts ul, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .contact .contacts ul, section.about.outside-app .contact .contacts ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.container.about .contact .contacts ul li, .view-profile .about.wrapper-profile-sections .contact .contacts ul li, .view-profile .profile-self .wrapper-profile-field-account-privacy .about.u-field-account_privacy .contact .contacts ul li, section.about.outside-app .contact .contacts ul li {
  margin-bottom: 10px;
}

.pressrelease {
  background: #fafafa;
}

.pressrelease .container, .pressrelease .view-profile .wrapper-profile-sections, .view-profile .pressrelease .wrapper-profile-sections, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy, .pressrelease section.outside-app {
  padding: 60px 0 120px;
}

.pressrelease .container h1 + hr, .pressrelease .view-profile .wrapper-profile-sections h1 + hr, .view-profile .pressrelease .wrapper-profile-sections h1 + hr, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy h1 + hr, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy h1 + hr, .pressrelease section.outside-app h1 + hr {
  margin-bottom: 60px;
}

.pressrelease .container h3 + hr, .pressrelease .view-profile .wrapper-profile-sections h3 + hr, .view-profile .pressrelease .wrapper-profile-sections h3 + hr, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy h3 + hr, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy h3 + hr, .pressrelease section.outside-app h3 + hr {
  margin-bottom: 60px;
}

.pressrelease .container h3, .pressrelease .view-profile .wrapper-profile-sections h3, .view-profile .pressrelease .wrapper-profile-sections h3, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy h3, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy h3, .pressrelease section.outside-app h3 {
  color: #646464;
  font-style: italic;
  margin-bottom: 30px;
  text-align: center;
}

.pressrelease .container li, .pressrelease .view-profile .wrapper-profile-sections li, .view-profile .pressrelease .wrapper-profile-sections li, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy li, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy li, .pressrelease section.outside-app li {
  color: #313131;
  font: normal 1em/1.6em Georgia, Cambria, "Times New Roman", Times, serif;
  margin: 0;
}

.pressrelease .container li a, .pressrelease .view-profile .wrapper-profile-sections li a, .view-profile .pressrelease .wrapper-profile-sections li a, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy li a, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy li a, .pressrelease section.outside-app li a {
  font: 1em Georgia, Cambria, "Times New Roman", Times, serif;
}

.pressrelease .container li + li, .pressrelease .view-profile .wrapper-profile-sections li + li, .view-profile .pressrelease .wrapper-profile-sections li + li, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy li + li, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy li + li, .pressrelease section.outside-app li + li {
  margin-top: 20px;
}

.pressrelease .container > article, .pressrelease .view-profile .wrapper-profile-sections > article, .view-profile .pressrelease .wrapper-profile-sections > article, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy > article, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy > article, .pressrelease section.outside-app > article {
  border: 1px solid gainsboro;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  padding: 80px 80px 40px;
  width: 82.94039%;
}

.pressrelease .container > article .footer hr, .pressrelease .view-profile .wrapper-profile-sections > article .footer hr, .view-profile .pressrelease .wrapper-profile-sections > article .footer hr, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy > article .footer hr, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy > article .footer hr, .pressrelease section.outside-app > article .footer hr {
  margin: 80px 0 40px;
}

.pressrelease .container figure, .pressrelease .view-profile .wrapper-profile-sections figure, .view-profile .pressrelease .wrapper-profile-sections figure, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy figure, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy figure, .pressrelease section.outside-app figure {
  display: block;
  float: right;
  margin: 20px 0 60px 20px;
  width: 300px;
}

.pressrelease .container figure img, .pressrelease .view-profile .wrapper-profile-sections figure img, .view-profile .pressrelease .wrapper-profile-sections figure img, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy figure img, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy figure img, .pressrelease section.outside-app figure img {
  width: 100%;
}

.pressrelease .container figure figcaption, .pressrelease .view-profile .wrapper-profile-sections figure figcaption, .view-profile .pressrelease .wrapper-profile-sections figure figcaption, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy figure figcaption, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy figure figcaption, .pressrelease section.outside-app figure figcaption {
  font: normal 0.8em/1em Georgia, Cambria, "Times New Roman", Times, serif;
  padding: 5px;
}

.pressrelease .container figure figcaption a, .pressrelease .view-profile .wrapper-profile-sections figure figcaption a, .view-profile .pressrelease .wrapper-profile-sections figure figcaption a, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy figure figcaption a, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy figure figcaption a, .pressrelease section.outside-app figure figcaption a {
  font: normal 1em Georgia, Cambria, "Times New Roman", Times, serif;
}

.pressrelease .container p + h2, .pressrelease .view-profile .wrapper-profile-sections p + h2, .view-profile .pressrelease .wrapper-profile-sections p + h2, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy p + h2, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy p + h2, .pressrelease section.outside-app p + h2 {
  margin-top: 60px;
}

.pressrelease .container h2 + p, .pressrelease .view-profile .wrapper-profile-sections h2 + p, .view-profile .pressrelease .wrapper-profile-sections h2 + p, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy h2 + p, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy h2 + p, .pressrelease section.outside-app h2 + p {
  margin-top: 30px;
}

.pressrelease .container .contact, .pressrelease .view-profile .wrapper-profile-sections .contact, .view-profile .pressrelease .wrapper-profile-sections .contact, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .contact, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy .contact, .pressrelease section.outside-app .contact {
  margin-top: 20px;
}

.pressrelease .container .contact p + p, .pressrelease .view-profile .wrapper-profile-sections .contact p + p, .view-profile .pressrelease .wrapper-profile-sections .contact p + p, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .contact p + p, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy .contact p + p, .pressrelease section.outside-app .contact p + p {
  margin-top: 0;
}

.pressrelease .container h3.date, .pressrelease .view-profile .wrapper-profile-sections h3.date, .view-profile .pressrelease .wrapper-profile-sections h3.date, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy h3.date, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy h3.date, .pressrelease section.outside-app h3.date {
  margin-bottom: 0;
}

.pressrelease .container div.social-sharing:after, .pressrelease .view-profile .wrapper-profile-sections div.social-sharing:after, .view-profile .pressrelease .wrapper-profile-sections div.social-sharing:after, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy div.social-sharing:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy div.social-sharing:after, .pressrelease section.outside-app div.social-sharing:after {
  content: "";
  display: table;
  clear: both;
}

.pressrelease .container div.social-sharing .fb-like, .pressrelease .view-profile .wrapper-profile-sections div.social-sharing .fb-like, .view-profile .pressrelease .wrapper-profile-sections div.social-sharing .fb-like, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy div.social-sharing .fb-like, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy div.social-sharing .fb-like, .pressrelease section.outside-app div.social-sharing .fb-like {
  margin-top: 8px;
  margin-left: 10px;
  float: left;
}

.pressrelease .container div.social-sharing p, .pressrelease .view-profile .wrapper-profile-sections div.social-sharing p, .view-profile .pressrelease .wrapper-profile-sections div.social-sharing p, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy div.social-sharing p, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy div.social-sharing p, .pressrelease section.outside-app div.social-sharing p {
  float: left;
  margin-top: 8px;
  margin-right: 10px;
}

.pressrelease .container div.social-sharing a, .pressrelease .view-profile .wrapper-profile-sections div.social-sharing a, .view-profile .pressrelease .wrapper-profile-sections div.social-sharing a, .pressrelease .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy div.social-sharing a, .view-profile .profile-self .wrapper-profile-field-account-privacy .pressrelease .u-field-account_privacy div.social-sharing a, .pressrelease section.outside-app div.social-sharing a {
  display: block;
  float: left;
}

section.outside-app {
  text-align: left;
  padding: 80px 0;
}

section.outside-app h1 {
  color: #646464;
  font: normal 1.2em / 1.2em Georgia, Cambria, "Times New Roman", Times, serif;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 40px;
  text-align: center;
}

section.outside-app p, section.outside-app ul, section.outside-app form {
  max-width: 600px;
  margin: 0 auto;
  font: normal 1em/1.6em Georgia, Cambria, "Times New Roman", Times, serif;
}

section.outside-app li {
  margin-top: 12px;
}

.static-container.help section.questions:after {
  content: "";
  display: table;
  clear: both;
}

.static-container.help section.questions nav.categories {
  border: 1px solid gainsboro;
  box-sizing: border-box;
  float: left;
  margin-left: 2.35765%;
  padding: 20px;
  width: 23.23176%;
}

.static-container.help section.questions nav.categories a {
  display: block;
  letter-spacing: 1px;
  margin: 0 -20px;
  padding: 12px 0 12px 20px;
  text-align: left;
}

.static-container.help section.questions nav.categories a:hover, .static-container.help section.questions nav.categories a:focus {
  background: whitesmoke;
  text-decoration: none;
}

.static-container.help section.questions .responses {
  float: left;
  width: 74.41059%;
}

.static-container.help section.questions .responses .category {
  padding-top: 40px;
}

.static-container.help section.questions .responses .category:first-child {
  padding-top: 0;
}

.static-container.help section.questions .responses .category > h2 {
  border-bottom: 1px solid gainsboro;
  margin-bottom: 40px;
  padding-bottom: 20px;
}

.static-container.help section.questions .responses .response {
  margin-bottom: 40px;
}

.static-container.help section.questions .responses .response h3 {
  background: url("/static/images/bullet-closed.bc57a77c0245.png") no-repeat left 0.25em;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  margin-bottom: 10px;
  padding-left: 20px;
  cursor: pointer;
}

.static-container.help section.questions .responses .response .answer {
  display: none;
  color: #3c3c3c;
  padding-left: 16px;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}

.static-container.help section.questions .responses .response .answer li {
  line-height: 1.6em;
}

.static-container.help section.questions .responses .response.opened h3 {
  background: url("/static/images/bullet-open.72845175fef7.png") no-repeat left 0.25em;
}

.wrapper-account-settings {
  background: white;
  width: 100%;
}

.wrapper-account-settings .account-settings-container {
  max-width: 1180px;
  padding: 10px;
  margin: 0 auto;
}

.wrapper-account-settings .ui-loading-indicator,
.wrapper-account-settings .ui-loading-error {
  margin-left: auto;
  margin-right: auto;
  padding: 60px;
  text-align: center;
}

.wrapper-account-settings .ui-loading-indicator .message-error,
.wrapper-account-settings .ui-loading-error .message-error {
  color: #d44040;
}

.wrapper-account-settings .wrapper-header {
  max-width: 1180px;
  height: 139px;
  border-bottom: 4px solid whitesmoke;
}

.wrapper-account-settings .wrapper-header .header-title {
  margin-bottom: 10px;
  padding-top: 40px;
}

.wrapper-account-settings .wrapper-header .header-subtitle {
  color: #adadad;
}

.wrapper-account-settings .wrapper-header .account-nav {
  float: left;
  margin: 10px 0;
  padding: 0;
  list-style: none;
}

.wrapper-account-settings .wrapper-header .account-nav .account-nav-link {
  float: left;
  font-size: 0.875em;
  color: #767676;
  padding: 5px 25px 20px;
  display: inline-block;
  box-shadow: none;
  border-bottom: 4px solid transparent;
  border-radius: 0;
  background: transparent none;
}

.wrapper-account-settings .wrapper-header .account-nav button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  display: block;
  padding: 5px;
}

.wrapper-account-settings .wrapper-header .account-nav button:hover, .wrapper-account-settings .wrapper-header .account-nav button:focus {
  text-decoration: none;
  border-bottom-color: #44a2de;
}

.wrapper-account-settings .wrapper-header .account-nav button.active {
  border-bottom-color: #313131;
}

@media (max-width: 991px) {
  .wrapper-account-settings .wrapper-header {
    border-bottom-color: transparent;
  }
  .wrapper-account-settings .wrapper-header .account-nav {
    display: flex;
    border-bottom: none;
  }
  .wrapper-account-settings .wrapper-header .account-nav .account-nav-link {
    border-bottom: 4px solid #e7e7e7;
  }
}

.account-settings-sections .section-header {
  padding-top: 30px;
  color: #4a4a4a;
}

.account-settings-sections .section {
  background-color: white;
  margin: 20px 5% 0;
  border-bottom: 4px solid whitesmoke;
}

.account-settings-sections .section .account-settings-header-subtitle {
  font-size: 0.875em;
  line-height: normal;
  color: #333333;
  padding-bottom: 10px;
}

.account-settings-sections .section .account-settings-section-message {
  font-size: 16px;
  line-height: 22px;
  margin-top: 15px;
  margin-bottom: 30px;
}

.account-settings-sections .section .account-settings-section-message .alert-message {
  color: #292b2c;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  position: relative;
  padding: 10px 10px 10px 35px;
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 8px;
}

.account-settings-sections .section .account-settings-section-message .alert-message > .fa {
  position: absolute;
  left: 11px;
  top: 13px;
  font-size: 16px;
}

.account-settings-sections .section .account-settings-section-message .alert-message span {
  display: block;
}

.account-settings-sections .section .account-settings-section-message .alert-message span a {
  text-decoration: underline;
}

.account-settings-sections .section .account-settings-section-message .success {
  background-color: #ecfaec;
  border-color: #b9edb9;
}

.account-settings-sections .section .account-settings-section-message .info {
  background-color: #d8edf8;
  border-color: #bbdff2;
}

.account-settings-sections .section .account-settings-section-message .warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.account-settings-sections .section .account-settings-section-message .error {
  background-color: #f2dede;
  border-color: #ebccd1;
}

.account-settings-sections .section .account-settings-section-body .u-field {
  border-bottom: 2px solid whitesmoke;
  padding: 15px 0;
}

.account-settings-sections .section .account-settings-section-body .u-field .field {
  width: 30%;
  vertical-align: top;
  display: inline-block;
  position: relative;
}

.account-settings-sections .section .account-settings-section-body .u-field .field select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  padding: 14px 30px 14px 15px;
  border: 1px solid #dddddd;
  background-color: transparent;
  border-radius: 2px;
  position: relative;
  z-index: 10;
}

.account-settings-sections .section .account-settings-section-body .u-field .field select::-ms-expand {
  display: none;
}

.account-settings-sections .section .account-settings-section-body .u-field .field select ~ .icon-caret-down::after {
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #0075b4;
  position: absolute;
  right: 10px;
  bottom: 20px;
  z-index: 0;
}

.account-settings-sections .section .account-settings-section-body .u-field .field .field-label {
  display: block;
  width: auto;
  margin-bottom: 0.625rem;
  font-size: 1rem;
  line-height: 1;
  color: #333333;
  white-space: nowrap;
}

.account-settings-sections .section .account-settings-section-body .u-field .field .field-input {
  transition: all 0.125s ease-in-out 0s;
  display: inline-block;
  padding: 0.625rem;
  border: 1px solid #dddddd;
  border-radius: 2px;
  background: white;
  font-size: 0.875em;
  color: #333333;
  width: 100%;
  height: 48px;
  box-shadow: none;
}

.account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link {
  font-size: 18px;
  width: 100%;
  border: 1px solid #0075b4;
  color: #0075b4;
  padding: 11px 14px;
  line-height: normal;
}

.account-settings-sections .section .account-settings-section-body .u-field .u-field-order, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines {
  display: flex;
  align-items: center;
  font-size: 1em;
  font-weight: 600;
  color: #333333;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: normal;
  flex-flow: row wrap;
}

.account-settings-sections .section .account-settings-section-body .u-field .u-field-order span, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines span {
  padding: 20px;
}

.account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-number, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-number {
  float: left;
  width: 30%;
}

.account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-date, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-date {
  float: left;
  padding-left: 30px;
  width: 20%;
}

.account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-price, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-price {
  float: left;
  width: 15%;
}

.account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link {
  width: 10%;
  padding: 0;
}

.account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link {
  font-size: 14px;
  border: 1px solid #0075b4;
  color: #0075b4;
  line-height: normal;
  padding: 10px;
  width: 110px;
}

.account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines {
  padding: 5px 0 0;
  font-weight: 100;
}

.account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-number {
  padding: 20px 10px 20px 30px;
}

.account-settings-sections .section .account-settings-section-body .u-field .social-field-linked {
  background: whitesmoke;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05);
  padding: 1.25rem;
  box-sizing: border-box;
  margin: 10px;
  width: 100%;
}

.account-settings-sections .section .account-settings-section-body .u-field .social-field-linked .field-label {
  font-size: 24px;
}

.account-settings-sections .section .account-settings-section-body .u-field .social-field-linked .u-field-social-help {
  display: inline-block;
  padding: 20px 0 6px;
}

.account-settings-sections .section .account-settings-section-body .u-field .social-field-linked .u-field-link {
  font-size: 14px;
  text-align: left;
  border: none;
  margin-top: 20px;
  font-weight: 600;
  padding: 0;
}

.account-settings-sections .section .account-settings-section-body .u-field .social-field-linked .u-field-link:focus, .account-settings-sections .section .account-settings-section-body .u-field .social-field-linked .u-field-link:hover, .account-settings-sections .section .account-settings-section-body .u-field .social-field-linked .u-field-link:active {
  background-color: transparent;
  color: #126f9a;
  border: none;
}

.account-settings-sections .section .account-settings-section-body .u-field .social-field-unlinked {
  background: whitesmoke;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.05);
  padding: 1.25rem;
  box-sizing: border-box;
  text-align: center;
  margin: 10px;
  width: 100%;
}

.account-settings-sections .section .account-settings-section-body .u-field .social-field-unlinked .field-label {
  font-size: 24px;
  text-align: center;
}

.account-settings-sections .section .account-settings-section-body .u-field .social-field-unlinked .u-field-link {
  font-size: 14px;
  margin-top: 20px;
  font-weight: 600;
}

.account-settings-sections .section .account-settings-section-body .u-field .u-field-message {
  position: relative;
  padding: 15px 0 0 80px;
  width: 60%;
}

.account-settings-sections .section .account-settings-section-body .u-field .u-field-message .u-field-message-notification {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 38px 0 0 100px;
}

.account-settings-sections .section .account-settings-section-body .u-field:last-child {
  border-bottom: none;
  margin-bottom: 40px;
}

@media (max-width: 991px) {
  .account-settings-sections .section .account-settings-section-body .u-field .u-field-value {
    width: 100%;
  }
  .account-settings-sections .section .account-settings-section-body .u-field .u-field-message .u-field-message-notification {
    position: relative;
    padding: 0;
  }
  .account-settings-sections .section .account-settings-section-body .u-field .u-field-order, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines {
    display: flex;
    flex-wrap: nowrap;
  }
  .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-number, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-number,
.account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-date,
.account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-date,
.account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-price,
.account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-price,
.account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link,
.account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link {
    width: auto;
    float: none;
    flex-grow: 1;
  }
  .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-number:first-of-type, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-number:first-of-type,
.account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-date:first-of-type,
.account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-date:first-of-type,
.account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-price:first-of-type,
.account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-price:first-of-type,
.account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link:first-of-type,
.account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link:first-of-type {
    flex-grow: 2;
  }
}

.account-settings-sections .section .account-settings-section-body .u-field.u-field-dropdown .u-field-value, .account-settings-sections .section .account-settings-section-body .u-field.editable-never .account-settings-sections .section .account-settings-section-body .u-field.mode-display .u-field-value {
  margin-bottom: 20px;
}

.account-settings-sections .section .account-settings-section-body .u-field.u-field-dropdown .u-field-value .u-field-title, .account-settings-sections .section .account-settings-section-body .u-field.editable-never .account-settings-sections .section .account-settings-section-body .u-field.mode-display .u-field-value .u-field-title {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 18px;
}

.account-settings-sections .section .account-settings-section-body .u-field.u-field-dropdown .u-field-value .u-field-value-readonly, .account-settings-sections .section .account-settings-section-body .u-field.editable-never .account-settings-sections .section .account-settings-section-body .u-field.mode-display .u-field-value .u-field-value-readonly {
  font-size: 22px;
  color: #636c72;
  line-height: 30px;
  white-space: nowrap;
}

.account-settings-sections .section .account-settings-section-body .u-field-readonly .u-field-title {
  font-size: 16px;
  color: #636c72;
  line-height: 22px;
  padding-top: 10px;
  padding-bottom: 0;
  margin-bottom: 8px !important;
}

.account-settings-sections .section .account-settings-section-body .u-field-readonly .u-field-value {
  font-size: 22px;
  color: #636c72;
  line-height: 30px;
  padding-top: 8px;
  padding-bottom: 20px;
  white-space: nowrap;
}

.account-settings-sections .section .account-settings-section-body .u-field-orderHistory {
  border-bottom: none;
  border: 1px solid whitesmoke;
  margin-bottom: 20px;
  padding: 0;
}

.account-settings-sections .section .account-settings-section-body .u-field-orderHistory:last-child {
  border-bottom: 1px solid whitesmoke;
}

.account-settings-sections .section .account-settings-section-body .u-field-orderHistory:hover, .account-settings-sections .section .account-settings-section-body .u-field-orderHistory:focus {
  background-color: #fcfcfc;
}

.account-settings-sections .section .account-settings-section-body .u-field-order-orderId {
  border: none;
  margin-top: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.account-settings-sections .section .account-settings-section-body .u-field-order-orderId:hover, .account-settings-sections .section .account-settings-section-body .u-field-order-orderId:focus {
  background-color: transparent;
}

.account-settings-sections .section .account-settings-section-body .u-field-order-orderId .u-field-order, .account-settings-sections .section .account-settings-section-body .u-field-order-orderId .u-field .u-field-order-lines, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-orderId .u-field-order-lines {
  font-weight: 600;
  padding-top: 0;
  padding-bottom: 0;
}

.account-settings-sections .section .account-settings-section-body .u-field-order-orderId .u-field-order .u-field-order-title, .account-settings-sections .section .account-settings-section-body .u-field-order-orderId .u-field .u-field-order-lines .u-field-order-title, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-orderId .u-field-order-lines .u-field-order-title {
  font-size: 1em;
}

.account-settings-sections .section .account-settings-section-body .u-field-social {
  border-bottom: none;
  margin-right: 20px;
  width: 30%;
  display: inline-block;
  vertical-align: top;
}

.account-settings-sections .section .account-settings-section-body .u-field-social .u-field-social-help {
  font-size: 12px;
  color: #6f7074;
}

.account-settings-sections .section .account-deletion-details .btn-outline-primary {
  font-size: 18px;
  border: 1px solid #0075b4;
  color: #0075b4;
  padding: 11px 14px;
  line-height: normal;
  margin: 20px 0;
}

.account-settings-sections .section .account-deletion-details .paragon__modal-open {
  overflow-y: scroll;
  color: #333333;
}

.account-settings-sections .section .account-deletion-details .paragon__modal-open .paragon__modal-body {
  line-height: 1.5;
}

.account-settings-sections .section .account-deletion-details .paragon__modal-open .paragon__modal-body .alert-title {
  line-height: 1.5;
}

.account-settings-sections .section .account-deletion-details .paragon__modal-open .next-steps {
  margin-bottom: 10px;
  font-weight: 600;
}

.account-settings-sections .section .account-deletion-details .paragon__modal-open .confirm-password-input {
  width: 50%;
}

.account-settings-sections .section:last-child {
  border-bottom: none;
}

@media (min-width: 768px) {
  .enterprise-content {
    width: 20%;
    float: left;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 991px) {
  .enterprise-content {
    margin: auto auto;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
  }
  .enterprise-content img.enterprise-logo {
    display: none;
  }
}

.enterprise-tagline {
  width: 300px;
  font-size: 14px;
  text-align: left;
  display: inline-block;
  line-height: normal;
  padding: 15px 0 0 10px;
}

@media (max-width: 991px) {
  .enterprise-tagline {
    display: none;
  }
}

.login-register .header {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #e4e4e4;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 35px;
  overflow: hidden;
}

.login-register .header:after {
  content: "";
  display: table;
  clear: both;
}

.login-register .header .headline {
  box-sizing: border-box;
  font-size: 35px;
  padding: 0 10px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-align: left;
  margin-bottom: 0;
  color: #009ee7;
}

.login-register .header .tagline {
  box-sizing: border-box;
  font-size: 24px;
  padding: 0 10px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
}

.login-register .section-title {
  position: relative;
  margin: 20px 0 10px;
}

.login-register .section-title.lines {
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
}

.login-register .section-title.lines::after {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #c8c8c8;
  content: '';
  z-index: 5;
}

.login-register .section-title.lines .text {
  position: relative;
  top: -1px;
  z-index: 6;
  padding: 0 20px;
  background: white;
  font-size: 20px;
}

.login-register .section-title h2 {
  text-align: center;
  text-transform: none;
}

.login-register .note {
  display: block;
  margin: 10px 10px 0 10px;
  color: #97999b;
  text-align: center;
}

.login-register .input-block {
  width: 100%;
}

.login-register .input-inline {
  display: inline;
}

.login-register .desc {
  transition: color 0.15s ease-in-out 0s;
  display: block;
  margin-top: 5px;
  color: #646464;
  font-size: 0.8125em;
}

.login-register .action-primary {
  padding: 1ex 1em;
  text-transform: none;
  font-weight: 600;
  letter-spacing: normal;
  margin-top: 20px;
}

.finish-auth {
  box-sizing: border-box;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  background: white;
  min-height: 100%;
  width: 100%;
}

.finish-auth:after {
  content: "";
  display: table;
  clear: both;
}

.finish-auth .finish-auth-inner {
  box-sizing: border-box;
  max-width: 650px;
  margin: 1em auto;
}

.finish-auth #finish-auth-status {
  padding-top: 30px;
}

.finish-auth #finish-auth-status li:last-child {
  font-weight: bold;
}

.enterprise-content {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  max-width: 500px;
}

.enterprise-content .centered-div {
  margin: 0 auto;
  margin-right: 0;
  float: right;
}

.enterprise-content img {
  height: 100px;
}

.enterprise-content p {
  font-size: 16px;
  line-height: 1.5;
  color: #474747;
}

.enterprise-content p:first-of-type {
  margin-top: 20px;
}

.tos-modal {
  background-color: rgba(0, 0, 0, 0.25);
  display: none;
  height: 120%;
  left: -10%;
  overflow: auto;
  position: fixed;
  top: -10%;
  width: 120%;
  z-index: 1;
}

.tos-modal .modal-content {
  background-color: white;
  bottom: auto;
  left: 50%;
  margin: auto;
  max-width: 650px;
  min-height: 540px;
  min-width: 300px;
  position: fixed;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.tos-modal .modal-content .header {
  height: 50px;
  position: relative;
}

.tos-modal .modal-content .header h1#modal-header-text {
  float: left;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 0;
  padding-left: 20px;
  position: absolute;
  text-align: left;
  top: 50%;
  transform: translate(0, -50%);
  width: 75%;
}

.tos-modal .modal-content .header .modal-close-button {
  background: white;
  border: none;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  color: #0075b4;
  float: right;
  font-size: 1.125rem;
  height: 48px;
  letter-spacing: normal;
  padding: 0;
  position: absolute;
  right: 0;
  text-shadow: none;
  text-transform: lowercase;
  top: 50%;
  transform: translate(0, -50%);
  width: 80px;
}

.tos-modal .modal-content .header .modal-close-button:hover {
  background: white;
  color: #005e90;
  text-decoration: underline;
}

.tos-modal .modal-content .header .modal-close-button:focus {
  color: #005e90;
  text-decoration: underline;
}

.tos-modal .modal-content iframe {
  border: 0;
  width: 100%;
}

body.open-modal {
  overflow: hidden;
}

.is-expandable .expandable-icon {
  transition: all 0.25s ease-in-out 0s;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.is-expandable.is-ready .expandable-icon {
  transform: rotate(-90deg);
}

.is-expandable.is-ready .title-expand {
  color: #0075b4;
}

.is-expandable.is-ready .title-expand:hover, .is-expandable.is-ready .title-expand:focus {
  color: #0075b4;
}

.is-expandable.is-expanded .expandable-icon {
  transform: rotate(0);
  transform-origin: 50% 50%;
}

.verification-process {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.verification-process * {
  box-sizing: border-box;
}

.verification-process h1,
.verification-process h2,
.verification-process h3,
.verification-process h4,
.verification-process h5,
.verification-process h6 {
  color: #050505;
}

.verification-process p,
.verification-process ol,
.verification-process ul,
.verification-process dl,
.verification-process input,
.verification-process select,
.verification-process textarea {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  color: #6f7074;
}

.verification-process .copy p,
.verification-process .copy ul,
.verification-process .copy li,
.verification-process .copy dl,
.verification-process .copy blockquote,
.verification-process .copy input,
.verification-process .copy select {
  margin-bottom: 15px;
}

.verification-process .copy p:last-child,
.verification-process .copy ul:last-child,
.verification-process .copy li:last-child,
.verification-process .copy dl:last-child,
.verification-process .copy blockquote:last-child,
.verification-process .copy input:last-child,
.verification-process .copy select:last-child {
  margin-bottom: 0;
}

.verification-process input,
.verification-process textarea {
  font-style: normal;
  font-weight: 400;
  margin-right: 4px;
  padding: 5px 10px;
}

.verification-process textarea {
  padding: 10px;
}

.verification-process label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  color: #050505;
}

.verification-process .header-global-new .nav-global a {
  padding-bottom: 21px;
}

.verification-process .header-global {
  height: 76px;
}

.verification-process button,
.verification-process input[type="submit"],
.verification-process input[type="button"],
.verification-process button[type="submit"] {
  font-size: 16px;
  text-transform: none;
  text-shadow: none;
  letter-spacing: 0;
}

.verification-process .checkbox label {
  display: inline-block;
}

.verification-process input[type="checkbox"] {
  width: auto;
}

.verification-process .content-wrapper {
  background: #fff;
  padding-bottom: 0;
}

.verification-process .container, .verification-process .view-profile .wrapper-profile-sections, .view-profile .verification-process .wrapper-profile-sections, .verification-process .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .verification-process .u-field-account_privacy, .verification-process section.outside-app {
  background-color: white;
  padding: 30px 30px 40px 30px;
}

.verification-process .action-primary {
  border: 0 !important;
  color: white !important;
}

.verification-process .action-primary-blue {
  border: 0 !important;
  color: white !important;
}

.verification-process .action-confirm {
  border: 0 !important;
  color: white !important;
}

.verification-process .wrapper-report .report {
  width: 100%;
  border-color: rgba(138, 140, 143, 0.75);
  border-collapse: collapse;
}

.verification-process .wrapper-report .report tr {
  text-align: left;
}

.verification-process .wrapper-report .report td {
  vertical-align: middle;
  padding: 15px 20px;
  color: #646668;
}

.verification-process .wrapper-report .report th {
  padding: 10px 20px;
}

.verification-process .wrapper-report .report thead tr {
  border-bottom: 1px solid #b1b2b4;
}

.verification-process .wrapper-report .report thead th[scope="col"] {
  vertical-align: middle;
  color: #646668;
  background: whitesmoke;
}

.verification-process .wrapper-report .report tbody tr {
  border-bottom: 1px solid #b1b2b4;
}

.verification-process .wrapper-report .report tfoot {
  background: rgba(0, 117, 180, 0.125);
}

.verification-process .report-receipt-provider {
  padding: 15px 20px;
}

.verification-process .report-receipt-provider .provider-wrapper {
  width: 70%;
  float: left;
}

.verification-process .report-receipt-provider .provider-wrapper .provider-info {
  margin-bottom: 20px;
  font-weight: 600;
}

.verification-process .report-receipt-provider .provider-buttons-logos {
  float: right;
  text-align: center;
}

.verification-process .report-receipt-provider .provider-buttons-logos .provider-logo img {
  max-width: 160px;
  margin-bottom: 10px;
}

.verification-process .report-receipt-provider .provider-buttons-logos .complete-order {
  text-align: center;
}

.verification-process .report-receipt-provider .provider-buttons-logos .complete-order button {
  white-space: nowrap;
}

.verification-process .help-item .title {
  margin-bottom: 5px;
}

.verification-process .help-item strong {
  color: #707276;
}

.verification-process .wrapper-msg {
  margin-bottom: 30px;
  border-bottom: 5px solid #0075b4;
  padding: 20px 30px;
  background: #f2f8fb;
}

.verification-process .wrapper-msg .msg {
  max-width: 1180px;
  min-width: 760px;
  width: 100%;
  margin: 0 auto;
}

.verification-process .wrapper-msg .msg:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process .wrapper-msg .msg-content,
.verification-process .wrapper-msg .msg-icon {
  display: block;
  float: left;
}

.verification-process .wrapper-msg .msg-content {
  width: 91.4702%;
}

.verification-process .wrapper-msg .msg-icon {
  width: 6.17215%;
  margin-right: 2.35765%;
  text-align: center;
  color: #0075b4;
}

.verification-process .wrapper-msg-error {
  border-bottom-color: #b20610;
  background: #fbf3f3;
}

.verification-process .wrapper-msg-error .msg-icon {
  color: #b20610;
}

.verification-process .wrapper-msg-error .msg-content .title {
  color: #b20610;
}

.verification-process .wrapper-msg-activate {
  border-bottom-color: #c2387d;
  background: #fcf5f9;
}

.verification-process .wrapper-msg-activate .msg-icon {
  color: #c2387d;
}

.verification-process .wrapper-msg-activate .msg-content .title {
  color: #c2387d;
}

.verification-process .msg-inline.msg-error .copy,
.verification-process .msg-inline.msg-error .copy p {
  color: #b20610;
}

.verification-process .page-header {
  width: 100%;
  margin-bottom: 0;
  border-bottom: none;
}

.verification-process .page-header .title {
  width: 100%;
  margin: 0;
}

.verification-process .page-header .title:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process .page-header .title .sts-course,
.verification-process .page-header .title .sts-track {
  display: inline-block;
  vertical-align: middle;
}

.verification-process .page-header .title .sts-track {
  width: 23.23176%;
  text-align: right;
}

.verification-process .page-header .title .sts-track .sts-track-value {
  display: inline-block;
  background: #66b366;
  color: white;
  font-weight: 600;
}

.verification-process .page-header .title .sts-track .sts-track-value .context {
  opacity: 0.8;
  color: white;
  letter-spacing: 0.1rem;
}

.verification-process .page-header .title .sts-track.professional-ed .sts-track-value {
  background-color: #c2387d;
}

.verification-process .page-header .title .sts-label,
.verification-process .page-header .title .sts-course-org,
.verification-process .page-header .title .sts-course-number,
.verification-process .page-header .title .sts-course-name {
  font-size: 14px;
  line-height: 20.72px;
  display: inline-block;
  color: #767676;
  text-transform: none;
}

.verification-process .page-header .title .sts-label {
  margin: 0;
  border: none;
  padding: 0;
}

.verification-process .page-header .title .sts-course {
  width: initial;
}

.verification-process .page-header .title .sts-course-org {
  margin-right: 0;
}

.verification-process .page-header .title .wrapper-sts {
  display: inline-block;
  width: 74.41059%;
  margin-bottom: 5px;
}

.verification-process .page-header .title .title .sts-track {
  display: inline-block;
}

.verification-process .page-header .title .title .sts-track .sts-track-value {
  background: #66b366;
}

.verification-process .page-header .title .title .sts-track.professional-ed .sts-track-value {
  background-color: #c2387d;
}

.verification-process .wrapper-progress {
  position: relative;
  margin-bottom: 30px;
}

.verification-process .progress-sts {
  height: 5px;
  width: 5px;
  position: absolute;
  top: 43px;
  left: 7%;
  display: block;
  width: 83%;
  margin: 0 auto;
  background: whitesmoke;
}

.verification-process .progress-sts .progress-sts-value {
  width: 0%;
  height: 100%;
  display: block;
  background: #99cd99;
}

.verification-process .progress {
  width: 100%;
  margin: 0 auto;
  border-bottom: 5px solid whitesmoke;
}

.verification-process .progress .progress-steps {
  position: relative;
  top: 5px;
  display: table;
  width: 100%;
}

.verification-process .progress .progress-steps:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process .progress .progress-step {
  position: relative;
  display: table-cell;
  height: 120px;
  padding: 20px 20px 30px 20px;
  text-align: center;
}

.verification-process .progress .progress-step .wrapper-step-number,
.verification-process .progress .progress-step .step-number,
.verification-process .progress .progress-step .step-name {
  display: block;
}

.verification-process .progress .progress-step .wrapper-step-number {
  height: 40px;
  width: 40px;
  margin: 0 auto 10px auto;
  border-radius: 200px;
  border: 4px solid whitesmoke;
  background: white;
}

.verification-process .progress .progress-step .wrapper-step-number .step-number {
  line-height: 0px;
  margin: 16px auto 0 auto;
  color: #97999b;
}

.verification-process .progress .progress-step .step-name {
  color: #97999b;
}

.verification-process .progress .progress-step.progress-step-icon .step-number {
  margin-top: 10px;
}

.verification-process .progress .progress-step.is-completed {
  border-bottom: 4px solid #66b366;
}

.verification-process .progress .progress-step.is-completed .wrapper-step-number {
  border-color: #66b366;
}

.verification-process .progress .progress-step.is-completed .step-number,
.verification-process .progress .progress-step.is-completed .step-name {
  color: #b1b2b4;
}

.verification-process .progress .progress-step.is-current {
  border-bottom: 4px solid #1790c7;
  opacity: 1;
}

.verification-process .progress .progress-step.is-current .wrapper-step-number {
  border-color: #1790c7;
}

.verification-process .progress .progress-step.is-current .step-number,
.verification-process .progress .progress-step.is-current .step-name {
  color: #646668;
}

.verification-process .carousel .carousel-item {
  opacity: 0;
}

.verification-process .carousel .carousel-active {
  opacity: 1;
}

.verification-process .carousel .view {
  width: 100%;
}

.verification-process .carousel .view > .title {
  color: #1790c7;
}

.verification-process .carousel .view .instruction {
  margin-bottom: 20px;
}

.verification-process .carousel .requirements {
  margin-bottom: 10px;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.verification-process .carousel .requirements:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process .carousel .requirements .title {
  margin-bottom: 10px;
}

.verification-process .carousel .requirements .requirement {
  margin-bottom: 30px;
  border: 1px solid #e5e5e5;
  border-top: 5px solid #f4d78a;
  padding: 10px;
  box-shadow: 1px 1px 3px #888;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
}

.verification-process .carousel .requirements .requirement:last-child {
  margin-bottom: 0;
}

.verification-process .carousel .requirements .requirement:last-child {
  margin-right: 0;
}

.verification-process .carousel .wrapper-task {
  width: 100%;
  margin: 20px 0;
}

.verification-process .carousel .wrapper-task:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process .carousel .wrapper-task .wrapper-help {
  float: right;
  width: 48.82117%;
  padding: 0 20px;
}

.verification-process .carousel .wrapper-task .wrapper-help .help {
  margin-bottom: 30px;
}

.verification-process .carousel .wrapper-task .wrapper-help .help:last-child {
  margin-bottom: 0;
}

.verification-process .carousel .wrapper-task .wrapper-help .help .example {
  color: #a4a6a8;
}

.verification-process .carousel .wrapper-task .wrapper-help .help .list-help {
  margin-top: 10px;
  color: #000;
}

.verification-process .carousel .wrapper-task .wrapper-help .help .list-help .help-item {
  margin-bottom: 5px;
  border-bottom: 1px solid whitesmoke;
  padding-bottom: 5px;
}

.verification-process .carousel .wrapper-task .wrapper-help .help .list-help .help-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.verification-process .carousel .wrapper-task .wrapper-help .help .copy-extra {
  color: #000;
}

.verification-process .carousel .wrapper-task .wrapper-help .help .list-faq {
  margin-bottom: 20px;
}

.verification-process .carousel .wrapper-task .task {
  float: left;
  margin-right: 2.35765%;
  width: 48.82117%;
}

.verification-process .carousel .wrapper-task .controls {
  padding: 15px 20px;
  background: whitesmoke;
  text-align: center;
}

.verification-process .carousel .wrapper-task .controls .list-controls {
  position: relative;
}

.verification-process .carousel .wrapper-task .controls .control .action {
  padding: 10px 15px;
}

.verification-process .carousel .wrapper-task .controls .control .action .icon {
  padding: 5px 10px;
  display: block;
}

.verification-process .carousel .wrapper-task .controls .control.is-hidden {
  visibility: hidden;
}

.verification-process .carousel .wrapper-task .controls .control.is-shown {
  visibility: visible;
}

.verification-process .carousel .wrapper-task .controls .control.approved .action {
  padding: 10px 15px;
}

.verification-process .carousel .wrapper-task .controls .control-redo {
  position: absolute;
  left: 10px;
}

.verification-process .carousel .wrapper-task .controls .control-do,
.verification-process .carousel .wrapper-task .controls .control-retake {
  left: 45%;
}

.verification-process .carousel .wrapper-task .controls .control-approve {
  position: absolute;
  right: 10px;
}

.verification-process .carousel .wrapper-task .msg {
  margin-top: 40px;
}

.verification-process .carousel .wrapper-task .msg:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process .carousel .wrapper-task .msg .copy {
  float: left;
  width: 65.88078%;
  margin-right: 2.35765%;
}

.verification-process .carousel .wrapper-task .msg .list-actions {
  position: relative;
  top: -10px;
  float: left;
  width: 31.76157%;
  text-align: right;
}

.verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a {
  font-size: 14px;
  padding: 10px 15px;
}

.verification-process .carousel .wrapper-task .msg-followup {
  border-top: 2px solid rgba(138, 140, 143, 0.125);
  padding-top: 20px;
}

.verification-process .carousel #wrapper-review {
  color: #000;
}

.verification-process .carousel #wrapper-review .page-title {
  border-bottom: 2px solid #646668;
  padding-bottom: 15px;
  margin-bottom: 20px;
  text-transform: inherit;
}

.verification-process .carousel #wrapper-review .review .certificate {
  font-size: 18px;
  background-repeat: no-repeat;
  padding-left: 50px;
  overflow: hidden;
  min-height: 32px;
}

.verification-process .carousel #wrapper-review .review .certificate p {
  line-height: 32.56px;
  margin-top: 0;
  color: #000;
}

.verification-process .carousel #wrapper-review .review .certificate .purchase {
  float: right;
  margin-left: 15px;
  text-align: right;
}

.verification-process .carousel #wrapper-review .review .certificate .purchase .product-info {
  font-size: 22px;
  color: #0075b4;
}

.verification-process .carousel #wrapper-review .review .certificate.verified_icon {
  background-image: url("/static/images/icon-sm-verified.d8923fc267da.png");
}

.verification-process .carousel #wrapper-review .review .certificate.no-id-professional_icon, .verification-process .carousel #wrapper-review .review .certificate.professional_icon {
  background-image: url("/static/images/icon-sm-professional.f80f246d188f.png");
}

.verification-process .carousel #wrapper-review .review .payment-buttons {
  overflow: auto;
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 15px;
}

.verification-process .carousel #wrapper-review .review .payment-buttons .payment-button {
  padding: 8px 20px;
  min-width: 200px;
}

.verification-process .carousel #wrapper-review .review .payment-buttons .action-primary-blue.is-selected {
  background: #0075b4 !important;
}

.verification-process .carousel #wrapper-review .review .border-gray {
  border-bottom: 2px solid #767676;
  margin: 22.4px 0;
}

.verification-process .carousel #wrapper-review .container, .verification-process .carousel #wrapper-review .view-profile .wrapper-profile-sections, .view-profile .verification-process .carousel #wrapper-review .wrapper-profile-sections, .verification-process .carousel #wrapper-review .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .verification-process .carousel #wrapper-review .u-field-account_privacy, .verification-process .carousel #wrapper-review section.outside-app {
  padding: 15px 0;
}

.verification-process .carousel #wrapper-review .container p, .verification-process .carousel #wrapper-review .view-profile .wrapper-profile-sections p, .view-profile .verification-process .carousel #wrapper-review .wrapper-profile-sections p, .verification-process .carousel #wrapper-review .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy p, .view-profile .profile-self .wrapper-profile-field-account-privacy .verification-process .carousel #wrapper-review .u-field-account_privacy p, .verification-process .carousel #wrapper-review section.outside-app p {
  line-height: 32.56px;
  color: #000;
}

.verification-process .carousel #wrapper-review .container .photo-requirement, .verification-process .carousel #wrapper-review .view-profile .wrapper-profile-sections .photo-requirement, .view-profile .verification-process .carousel #wrapper-review .wrapper-profile-sections .photo-requirement, .verification-process .carousel #wrapper-review .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .photo-requirement, .view-profile .profile-self .wrapper-profile-field-account-privacy .verification-process .carousel #wrapper-review .u-field-account_privacy .photo-requirement, .verification-process .carousel #wrapper-review section.outside-app .photo-requirement {
  font-size: 12px;
  position: relative;
  padding-left: 40px;
  margin-top: 15px;
  background-repeat: no-repeat;
  background-position: left top;
}

.verification-process .carousel #wrapper-review .container .photo-requirement .fa, .verification-process .carousel #wrapper-review .view-profile .wrapper-profile-sections .photo-requirement .fa, .view-profile .verification-process .carousel #wrapper-review .wrapper-profile-sections .photo-requirement .fa, .verification-process .carousel #wrapper-review .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .photo-requirement .fa, .view-profile .profile-self .wrapper-profile-field-account-privacy .verification-process .carousel #wrapper-review .u-field-account_privacy .photo-requirement .fa, .verification-process .carousel #wrapper-review section.outside-app .photo-requirement .fa {
  position: absolute;
  left: 0;
  color: #ced2db;
}

.verification-process .carousel #wrapper-review .container .photo-requirement h6, .verification-process .carousel #wrapper-review .view-profile .wrapper-profile-sections .photo-requirement h6, .view-profile .verification-process .carousel #wrapper-review .wrapper-profile-sections .photo-requirement h6, .verification-process .carousel #wrapper-review .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .photo-requirement h6, .view-profile .profile-self .wrapper-profile-field-account-privacy .verification-process .carousel #wrapper-review .u-field-account_privacy .photo-requirement h6, .verification-process .carousel #wrapper-review section.outside-app .photo-requirement h6 {
  font-weight: bold;
  color: #3d4043;
}

.verification-process .carousel #wrapper-review .review-task {
  margin-bottom: 30px;
  padding: 15px 20px;
  border-radius: 2px;
  background: whitesmoke;
}

.verification-process .carousel #wrapper-review .review-task:last-child {
  margin-bottom: 0;
}

.verification-process .carousel #wrapper-review .review-task .copy strong {
  color: #050505;
}

.verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos {
  width: 100%;
  margin: 20px 0;
}

.verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .wrapper-photo {
  float: left;
  width: 48.82117%;
  margin-right: 2.35765%;
}

.verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .wrapper-photo:last-child {
  margin-right: 0;
}

.verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .wrapper-photo .placeholder-photo {
  padding: 15px 20px;
}

.verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .wrapper-photo .placeholder-photo img {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .help-tips {
  margin-left: 20px;
}

.verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .help-tips .list-tips {
  color: #000;
}

.verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .help-tips .list-tips .tip {
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(138, 140, 143, 0.125);
  padding-bottom: 5px;
}

.verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .help-tips .list-tips .tip:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.verification-process .carousel #wrapper-review .review-task-name:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process .carousel #wrapper-review .review-task-name .copy {
  float: left;
  width: 65.88078%;
  margin-right: 2.35765%;
}

.verification-process .carousel #wrapper-review .review-task-name .list-actions {
  position: relative;
  top: -20px;
  float: left;
  width: 31.76157%;
  text-align: right;
}

.verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a {
  font-size: 14px;
  padding: 10px 15px;
}

.verification-process .carousel #wrapper-review .review-task-contribution .list-fields {
  margin: 20px 0;
}

.verification-process .carousel #wrapper-review .review-task-contribution .list-fields:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process .carousel #wrapper-review .review-task-contribution .list-fields .field {
  float: left;
  margin-right: 10px;
  padding: 10px 15px;
  background: rgba(138, 140, 143, 0.125);
}

.verification-process .carousel #wrapper-review .review-task-contribution .list-fields .field:last-child {
  margin-right: 0;
}

.verification-process .carousel #wrapper-review .review-task-contribution .list-fields .field-group-other .contribution-option {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  padding: 3px 0;
}

.verification-process .carousel #wrapper-review .review-task-contribution .list-fields .field-group-other .contribution-option:last-child {
  margin-right: 0;
}

.verification-process .cam .placeholder-cam {
  position: relative;
  width: 95%;
  height: 375px;
  margin: 10px auto;
  background: #f2f8fb;
}

.verification-process .cam .placeholder-cam .placeholder-art {
  opacity: 0.7;
  z-index: 100;
}

.verification-process .cam .placeholder-cam .placeholder-art .copy {
  position: absolute;
  top: 40%;
  margin: 0 40px;
  text-align: center;
}

.verification-process .cam .placeholder-cam video,
.verification-process .cam .placeholder-cam canvas {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  z-index: 500;
}

.verification-process .cam .controls {
  height: 80px;
}

.verification-process .cam .preview {
  width: 100%;
  height: 100%;
}

.verification-process .deco-divider {
  position: relative;
  display: block;
  margin: 20px 0 40px;
  border-top: 4px solid whitesmoke;
}

.verification-process .deco-divider .copy {
  left: calc(50% - 46px);
  position: absolute;
  top: -25px;
  padding: 10px 30px;
  background: white;
  text-align: center;
  color: #474747;
}

.verification-process .nav-wizard {
  width: 100%;
  border-radius: 2px;
  background: whitesmoke;
  padding: 15px 20px;
}

.verification-process .nav-wizard:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process .nav-wizard .help-inline {
  float: left;
  width: 48.82117%;
  margin: 15px 2.35765% 0 0;
}

.verification-process .nav-wizard.is-ready {
  background: #e6f1f8;
}

.verification-process .nav-wizard.is-not-ready {
  background: whitesmoke;
}

.verification-process .contribution-options .contribution-option {
  border-radius: 4px;
}

.verification-process .contribution-options .contribution-option .label,
.verification-process .contribution-options .contribution-option label,
.verification-process .contribution-options .contribution-option input {
  display: inline-block;
  vertical-align: middle;
}

.verification-process .contribution-options .contribution-option .label,
.verification-process .contribution-options .contribution-option label {
  margin-bottom: 0;
  padding: 6px 0;
}

.verification-process .contribution-options .contribution-option input {
  margin-right: 5px;
}

.verification-process .contribution-options .contribution-option .deco-denomination,
.verification-process .contribution-options .contribution-option .label-value,
.verification-process .contribution-options .contribution-option .denomination-name {
  display: inline-block;
  vertical-align: middle;
}

.verification-process .contribution-options .contribution-option .denomination-name {
  font-size: 14px;
  color: #97999b;
}

.verification-process .contribution-options .contribution-option #contribution-other-amt {
  width: 90px;
  padding: 5px 10px;
}

.verification-process .list-faq .faq-question {
  border-bottom: 1px solid whitesmoke;
  padding-bottom: 5px;
}

.verification-process .list-faq .faq-answer {
  margin-bottom: 25px;
}

.verification-process .content-main {
  width: 100%;
}

.verification-process .content-main > .title {
  color: #1790c7;
}

.verification-process .content-main .instruction {
  margin-bottom: 20px;
}

.verification-process .wrapper-content-supplementary {
  margin: 30px 0;
  border-top: 5px solid whitesmoke;
}

.verification-process .content-supplementary {
  box-sizing: border-box;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

.verification-process .content-supplementary:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process .content-supplementary:last-child {
  margin-right: 0;
}

.verification-process .content-supplementary .list-help:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process .content-supplementary .list-help .help-item {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 25px;
}

.verification-process .content-supplementary .list-help .help-item:last-child {
  margin: 0;
}

@media screen and (min-width: 550px) {
  .verification-process .content-supplementary .list-help .help-item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-bottom: 0;
  }
  .verification-process .content-supplementary .list-help .help-item:last-child {
    margin-right: 0;
  }
  .verification-process .content-supplementary .list-help .help-item.help-item-technical {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
  }
  .verification-process .content-supplementary .list-help .help-item.help-item-technical:last-child {
    margin-right: 0;
  }
}

.verification-process.step-select-track .container, .verification-process.step-select-track .view-profile .wrapper-profile-sections, .view-profile .verification-process.step-select-track .wrapper-profile-sections, .verification-process.step-select-track .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .verification-process.step-select-track .u-field-account_privacy, .verification-process.step-select-track section.outside-app {
  min-width: 0;
  max-width: 1920px;
}

.verification-process.step-select-track .form-register-choose {
  margin: 40px 0;
}

.verification-process.step-select-track .form-register-choose:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process.step-select-track .form-register-choose .deco-divider {
  width: 100%;
  box-sizing: border-box;
  float: left;
}

.verification-process.step-select-track .register-choice,
.verification-process.step-select-track .help-register {
  float: left;
}

.verification-process.step-select-track .register-choice {
  width: 100%;
  box-sizing: border-box;
  margin: 0 2.35765% 20px 0;
  border-top: 5px solid #050505;
  padding: 20px 30px;
  background: whitesmoke;
}

.verification-process.step-select-track .register-choice:last-child {
  margin-bottom: 0;
}

.verification-process.step-select-track .register-choice .wrapper-copy,
.verification-process.step-select-track .register-choice .list-actions {
  display: inline-block;
  vertical-align: middle;
}

.verification-process.step-select-track .register-choice .list-actions {
  width: 100%;
  box-sizing: border-box;
  text-align: right;
  float: right;
  margin: 5px 0;
  border-top: none;
  clear: both;
}

.verification-process.step-select-track .register-choice .title {
  margin-bottom: 10px;
  width: calc(100% - 30px);
}

.verification-process.step-select-track .register-choice .wrapper-copy-inline {
  display: inline-block;
  width: 100%;
}

.verification-process.step-select-track .register-choice .copy-inline {
  display: inline-block;
}

.verification-process.step-select-track .register-choice .action-select {
  width: 100%;
  box-sizing: border-box;
}

.verification-process.step-select-track .register-choice .action-select input {
  padding: 10px 15px;
  width: 100%;
  white-space: normal;
}

.verification-process.step-select-track .register-choice-audit {
  border-color: #1790c7;
}

.verification-process.step-select-track .register-choice-audit .deco-ribbon {
  position: relative;
  top: -50px;
  right: -7px;
  float: right;
  display: block;
  width: 58px;
  height: 84px;
}

.verification-process.step-select-track .register-choice-audit .list-actions {
  margin: 20px 0;
}

.verification-process.step-select-track .register-choice-certificate {
  border-color: #66b366;
  position: relative;
}

.verification-process.step-select-track .register-choice-certificate .deco-ribbon {
  position: absolute;
  top: -10px;
  right: 20px;
  display: block;
  width: 45px;
  height: 45px;
  background: transparent url("/static/images/verified-ribbon.2a7eb60ed330.png") no-repeat 0 0;
}

.verification-process.step-select-track .register-choice-certificate .action-intro,
.verification-process.step-select-track .register-choice-certificate .action-select {
  display: inline-block;
  vertical-align: middle;
}

.verification-process.step-select-track .register-choice-certificate .action-intro {
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}

.verification-process.step-select-track .register-choice-certificate .title-expand {
  font-weight: 500 !important;
  display: inline-block;
  margin: 0;
}

.verification-process.step-select-track .register-choice-certificate .expandable-area {
  margin: 20px 0;
}

.verification-process.step-select-track .help-register {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
}

.verification-process.step-select-track .help-register:last-child {
  margin-right: 0;
}

.verification-process.step-select-track .help-register .title {
  margin-top: 20px;
  margin-bottom: 10px;
}

.verification-process.step-select-track .progress-sts-value {
  width: 0%;
}

.verification-process.step-select-track .field-certificate-contribution {
  margin: 20px 0;
}

.verification-process.step-select-track .field-certificate-contribution .label {
  margin-bottom: 10px;
}

.verification-process.step-select-track .contribution-options {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}

.verification-process.step-select-track .contribution-options:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process.step-select-track .contribution-options::after {
  clear: none;
  display: none;
}

.verification-process.step-select-track .contribution-options .field {
  width: 100%;
  box-sizing: border-box;
  float: left;
  margin: 0 10px 10px 0;
  padding: 10px 15px;
  background: rgba(138, 140, 143, 0.125);
}

.verification-process.step-select-track .contribution-options .field input {
  width: auto;
  padding: 0;
}

.verification-process.step-select-track .contribution-options .field:last-child {
  margin-right: 0;
}

.verification-process.step-select-track .contribution-options #contribution-other-amt {
  width: 90px;
  padding: 5px 10px;
}

.verification-process.step-select-track .contribution-options .field-group-other .contribution-option {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  padding: 1px 0;
}

.verification-process.step-select-track .contribution-options .field-group-other .contribution-option:last-child {
  margin-right: 0;
}

@media screen and (min-width: 550px) and (max-width: 768px) {
  .verification-process.step-select-track .contribution-options .field {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .verification-process.step-select-track .contribution-options .field:last-child {
    margin-right: 0;
  }
  .verification-process.step-select-track .contribution-options .field:nth-of-type(even) {
    margin-right: 0;
  }
  .verification-process.step-select-track .register-choice .list-actions {
    float: left;
    width: auto;
  }
  .verification-process.step-select-track .register-choice .action-select {
    width: initial;
  }
  .verification-process.step-select-track .register-choice .action-select input {
    width: initial;
  }
}

@media screen and (min-width: 769px) {
  .verification-process.step-select-track .contribution-options .field {
    width: auto;
  }
  .verification-process.step-select-track .register-choice .list-actions {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    width: auto;
  }
  .verification-process.step-select-track .register-choice .list-actions:last-child {
    margin-right: 0;
  }
  .verification-process.step-select-track .register-choice .action-select {
    width: initial;
  }
  .verification-process.step-select-track .register-choice .action-select input {
    width: initial;
  }
}

@media screen and (min-width: 980px) {
  .verification-process.step-select-track .register-choice .list-actions {
    float: right;
    clear: none;
  }
}

.verification-process.step-requirements .help-item-technical {
  display: none;
}

.verification-process.step-requirements .progress .progress-step#progress-step0 {
  border-bottom: 4px solid #1790c7;
  opacity: 1;
}

.verification-process.step-requirements .progress .progress-step#progress-step0 .wrapper-step-number {
  border-color: #1790c7;
}

.verification-process.step-requirements .progress .progress-step#progress-step0 .step-number,
.verification-process.step-requirements .progress .progress-step#progress-step0 .step-name {
  color: #646668;
}

.verification-process.step-requirements .progress-sts-value {
  width: 0%;
}

.verification-process.step-requirements .list-reqs {
  width: 100%;
  text-align: center;
}

.verification-process.step-requirements .list-reqs:after {
  content: "";
  display: table;
  clear: both;
}

.verification-process.step-requirements .list-reqs .req {
  margin-right: 2.35765%;
  display: inline-block;
  vertical-align: top;
  width: 31.76157%;
  min-height: 300px;
  border-color: #99cd99;
  text-align: center;
}

.verification-process.step-requirements .list-reqs .req:last-child {
  margin-right: 0;
}

.verification-process.step-requirements .list-reqs .req .title {
  padding: 20px;
  border-bottom: 1px solid #99cd99;
  background: #e6f2e6;
}

.verification-process.step-requirements .list-reqs .req .placeholder-art {
  position: relative;
  display: inline-block;
  margin: 20px 0 10px;
  padding: 20px;
  background: #66b366;
  border-radius: 200px;
}

.verification-process.step-requirements .list-reqs .req .placeholder-art *[class^="icon"] {
  color: white;
}

.verification-process.step-requirements .list-reqs .req .placeholder-art .fa-stack-1x,
.verification-process.step-requirements .list-reqs .req .placeholder-art .fa-stack-2x {
  position: relative;
}

.verification-process.step-requirements .list-reqs .req .placeholder-art .fa-stack-1x {
  position: absolute;
  left: 24px;
  top: 34px;
  background: #66b366;
  padding: 3px 5px;
}

.verification-process.step-requirements .list-reqs .req .placeholder-art .id-photo {
  width: 23px;
  padding: 3px 0;
}

.verification-process.step-requirements .list-reqs .req .placeholder-art.old-id-card {
  width: 88px;
  height: 88px;
}

.verification-process.step-requirements .list-reqs .req .placeholder-art.old-id-card .fa-list-alt {
  left: -7px;
}

.verification-process.step-requirements .list-reqs .req .placeholder-art.old-id-card .id-photo {
  top: 13px;
  left: -3px;
  line-height: 1.1em;
}

.verification-process.step-requirements .list-reqs .req .copy {
  padding: 10px 20px;
}

.verification-process.step-requirements .list-reqs .req .copy-super,
.verification-process.step-requirements .list-reqs .req .copy-sub {
  display: block;
}

.verification-process.step-requirements .list-reqs .req .copy-super {
  margin-bottom: 10px;
  color: #008100;
}

.verification-process.step-requirements .list-reqs .req .actions {
  padding: 10px 20px;
}

.verification-process.step-requirements .list-reqs .req-activate {
  float: left;
  text-align: center;
  border-color: #d7548e;
}

.verification-process.step-requirements .list-reqs .req-activate .title {
  border-bottom-color: #d7548e;
  background: #fcf5f9;
  color: #c2387d;
}

.verification-process.step-requirements .list-reqs .req-activate .placeholder-art {
  background: #ca2f73;
}

.verification-process.step-requirements .list-reqs .req-activate .copy-super {
  color: #c2387d;
}

.verification-process.step-requirements .list-reqs.account-not-activated .req {
  width: 23.23176%;
  min-height: 360px;
}

.verification-process.step-photos-cam .progress .progress-step#progress-step0 {
  border-bottom: 4px solid #66b366;
}

.verification-process.step-photos-cam .progress .progress-step#progress-step0 .wrapper-step-number {
  border-color: #66b366;
}

.verification-process.step-photos-cam .progress .progress-step#progress-step0 .step-number,
.verification-process.step-photos-cam .progress .progress-step#progress-step0 .step-name {
  color: #b1b2b4;
}

.verification-process.step-photos-cam .progress .progress-step#progress-step1 {
  border-bottom: 4px solid #1790c7;
  opacity: 1;
}

.verification-process.step-photos-cam .progress .progress-step#progress-step1 .wrapper-step-number {
  border-color: #1790c7;
}

.verification-process.step-photos-cam .progress .progress-step#progress-step1 .step-number,
.verification-process.step-photos-cam .progress .progress-step#progress-step1 .step-name {
  color: #646668;
}

.verification-process.step-photos-cam .progress-sts-value {
  width: 14%;
}

.verification-process.step-photos-id .progress .progress-step#progress-step0, .verification-process.step-photos-id .progress .progress-step#progress-step1 {
  border-bottom: 4px solid #66b366;
}

.verification-process.step-photos-id .progress .progress-step#progress-step0 .wrapper-step-number, .verification-process.step-photos-id .progress .progress-step#progress-step1 .wrapper-step-number {
  border-color: #66b366;
}

.verification-process.step-photos-id .progress .progress-step#progress-step0 .step-number,
.verification-process.step-photos-id .progress .progress-step#progress-step0 .step-name, .verification-process.step-photos-id .progress .progress-step#progress-step1 .step-number,
.verification-process.step-photos-id .progress .progress-step#progress-step1 .step-name {
  color: #b1b2b4;
}

.verification-process.step-photos-id .progress .progress-step#progress-step2 {
  border-bottom: 4px solid #1790c7;
  opacity: 1;
}

.verification-process.step-photos-id .progress .progress-step#progress-step2 .wrapper-step-number {
  border-color: #1790c7;
}

.verification-process.step-photos-id .progress .progress-step#progress-step2 .step-number,
.verification-process.step-photos-id .progress .progress-step#progress-step2 .step-name {
  color: #646668;
}

.verification-process.step-photos-id .progress-sts-value {
  width: 36%;
}

.verification-process.step-review .help-item-technical {
  display: none;
}

.verification-process.step-review .modal.edit-name .submit input, .verification-process.step-review .edit-name.leanModal_box .submit input {
  color: white;
}

.verification-process.step-review .modal fieldset, .verification-process.step-review .leanModal_box fieldset {
  margin-top: 20px;
}

.verification-process.step-review .modal .close-modal, .verification-process.step-review .leanModal_box .close-modal {
  font-size: 24px;
  color: #126f9a;
}

.verification-process.step-review .modal .close-modal:hover, .verification-process.step-review .leanModal_box .close-modal:hover, .verification-process.step-review .modal .close-modal:focus, .verification-process.step-review .leanModal_box .close-modal:focus {
  color: #1790c7;
  border: none;
}

.verification-process.step-review .nav-wizard .prompt-verify {
  float: left;
  margin: 0 2.35765% 0 0;
  width: 48.82117%;
}

.verification-process.step-review .nav-wizard .prompt-verify .title {
  margin-bottom: 5px;
}

.verification-process.step-review .nav-wizard .prompt-verify .list-actions {
  margin-top: 10px;
}

.verification-process.step-review .nav-wizard .wizard-steps {
  margin-top: 10px;
}

.verification-process.step-review .nav-wizard .wizard-steps .wizard-step {
  margin-right: 2.35765%;
  display: inline-block;
  vertical-align: middle;
}

.verification-process.step-review .nav-wizard .wizard-steps .wizard-step:last-child {
  margin-right: 0;
}

.verification-process.step-review .progress .progress-step#progress-step0, .verification-process.step-review .progress .progress-step#progress-step1, .verification-process.step-review .progress .progress-step#progress-step2 {
  border-bottom: 4px solid #66b366;
}

.verification-process.step-review .progress .progress-step#progress-step0 .wrapper-step-number, .verification-process.step-review .progress .progress-step#progress-step1 .wrapper-step-number, .verification-process.step-review .progress .progress-step#progress-step2 .wrapper-step-number {
  border-color: #66b366;
}

.verification-process.step-review .progress .progress-step#progress-step0 .step-number,
.verification-process.step-review .progress .progress-step#progress-step0 .step-name, .verification-process.step-review .progress .progress-step#progress-step1 .step-number,
.verification-process.step-review .progress .progress-step#progress-step1 .step-name, .verification-process.step-review .progress .progress-step#progress-step2 .step-number,
.verification-process.step-review .progress .progress-step#progress-step2 .step-name {
  color: #b1b2b4;
}

.verification-process.step-review .progress .progress-step#progress-step3 {
  border-bottom: 4px solid #1790c7;
  opacity: 1;
}

.verification-process.step-review .progress .progress-step#progress-step3 .wrapper-step-number {
  border-color: #1790c7;
}

.verification-process.step-review .progress .progress-step#progress-step3 .step-number,
.verification-process.step-review .progress .progress-step#progress-step3 .step-name {
  color: #646668;
}

.verification-process.step-review .progress-sts-value {
  width: 55%;
}

.verification-process.step-confirmation .help-item-technical {
  display: none;
}

.verification-process.step-confirmation .progress .progress-step#progress-step0, .verification-process.step-confirmation .progress .progress-step#progress-step1, .verification-process.step-confirmation .progress .progress-step#progress-step2, .verification-process.step-confirmation .progress .progress-step#progress-step3, .verification-process.step-confirmation .progress .progress-step#progress-step4 {
  border-bottom: 4px solid #66b366;
}

.verification-process.step-confirmation .progress .progress-step#progress-step0 .wrapper-step-number, .verification-process.step-confirmation .progress .progress-step#progress-step1 .wrapper-step-number, .verification-process.step-confirmation .progress .progress-step#progress-step2 .wrapper-step-number, .verification-process.step-confirmation .progress .progress-step#progress-step3 .wrapper-step-number, .verification-process.step-confirmation .progress .progress-step#progress-step4 .wrapper-step-number {
  border-color: #66b366;
}

.verification-process.step-confirmation .progress .progress-step#progress-step0 .step-number,
.verification-process.step-confirmation .progress .progress-step#progress-step0 .step-name, .verification-process.step-confirmation .progress .progress-step#progress-step1 .step-number,
.verification-process.step-confirmation .progress .progress-step#progress-step1 .step-name, .verification-process.step-confirmation .progress .progress-step#progress-step2 .step-number,
.verification-process.step-confirmation .progress .progress-step#progress-step2 .step-name, .verification-process.step-confirmation .progress .progress-step#progress-step3 .step-number,
.verification-process.step-confirmation .progress .progress-step#progress-step3 .step-name, .verification-process.step-confirmation .progress .progress-step#progress-step4 .step-number,
.verification-process.step-confirmation .progress .progress-step#progress-step4 .step-name {
  color: #b1b2b4;
}

.verification-process.step-confirmation .progress .progress-step#progress-step5 {
  border-bottom: 4px solid #1790c7;
  opacity: 1;
}

.verification-process.step-confirmation .progress .progress-step#progress-step5 .wrapper-step-number {
  border-color: #1790c7;
}

.verification-process.step-confirmation .progress .progress-step#progress-step5 .step-number,
.verification-process.step-confirmation .progress .progress-step#progress-step5 .step-name {
  color: #646668;
}

.verification-process.step-confirmation .progress-sts-value {
  width: 100%;
}

.verification-process.step-confirmation .list-info .info-item {
  margin-bottom: 30px;
  border-bottom: 5px solid whitesmoke;
  padding-bottom: 30px;
}

.verification-process.step-confirmation .list-info .info-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.verification-process.step-confirmation .list-info .info-item > .title {
  margin-bottom: 20px;
}

.verification-process.step-confirmation .list-info .info-item .copy {
  margin-bottom: 20px;
}

.verification-process.step-confirmation .course-info .options .action-course {
  font-size: 14px;
  padding: 5px 10px;
}

.verification-process.step-confirmation .instruction {
  display: inline-block;
  width: 65.88078%;
  vertical-align: top;
}

.verification-process.step-confirmation .actions-next {
  display: inline-block;
  width: 31.76157%;
  vertical-align: top;
  margin-top: 20px;
}

.verification-process.step-confirmation .nav-item {
  display: block;
  margin: 0 0 20px 0;
  text-align: center;
}

.verification-process.step-confirmation .nav-item.conditional::after {
  content: "or";
  display: block;
  margin: 20px 0;
}

.verification-process .reverify-success-step .title {
  text-align: left;
  text-transform: none;
}

.verification-process .reverify-success-step .wrapper-actions {
  margin-top: 20px;
}

.reverify-blocked {
  padding: 30px 30px 40px 30px;
}

.reverify-blocked .title {
  text-align: left;
  text-transform: none;
}

.reverify-blocked .wrapper-actions {
  margin-top: 20px;
}

.msg-reverify .reverify-list {
  margin: 5px 0;
}

.facephoto.view .wrapper-task #facecam {
  float: left;
}

.facephoto.view .wrapper-task .wrapper-help {
  float: right;
}

.register.is-verified .nav-wizard .price-value {
  font-size: 16px;
  margin-top: 18px;
  color: #1790c7;
}

.register.is-verified .title {
  font-weight: 400;
}

.register.is-verified .progress .progress-step#progress-step1 {
  border-bottom: 4px solid #66b366;
}

.register.is-verified .progress .progress-step#progress-step1 .wrapper-step-number {
  border-color: #66b366;
}

.register.is-verified .progress .progress-step#progress-step1 .step-number,
.register.is-verified .progress .progress-step#progress-step1 .step-name {
  color: #b1b2b4;
}

.register.is-verified .progress .progress-step#progress-step2 {
  border-bottom: 4px solid #1790c7;
  opacity: 1;
}

.register.is-verified .progress .progress-step#progress-step2 .wrapper-step-number {
  border-color: #1790c7;
}

.register.is-verified .progress .progress-step#progress-step2 .step-number,
.register.is-verified .progress .progress-step#progress-step2 .step-name {
  color: #646668;
}

.register.is-verified .progress-sts {
  width: 75%;
  left: 13%;
}

.register.is-verified .progress-sts-value {
  width: 32% !important;
}

.register.is-upgrading .form-register-choose {
  margin-top: 40px !important;
}

.register.is-not-verified .help-item-emphasis {
  color: #c2387d;
}

.register.is-not-verified .progress-sts {
  width: 72%;
  left: 15%;
}

.register.is-not-verified.step-photos .progress .progress-step#progress-step1 {
  border-bottom: 4px solid #1790c7;
  opacity: 1;
}

.register.is-not-verified.step-photos .progress .progress-step#progress-step1 .wrapper-step-number {
  border-color: #1790c7;
}

.register.is-not-verified.step-photos .progress .progress-step#progress-step1 .step-number,
.register.is-not-verified.step-photos .progress .progress-step#progress-step1 .step-name {
  color: #646668;
}

.register.is-not-verified.step-photos .progress-sts-value {
  width: 0 !important;
}

.register.is-not-verified.step-photos-id .progress .progress-step#progress-step1 {
  border-bottom: 4px solid #66b366;
}

.register.is-not-verified.step-photos-id .progress .progress-step#progress-step1 .wrapper-step-number {
  border-color: #66b366;
}

.register.is-not-verified.step-photos-id .progress .progress-step#progress-step1 .step-number,
.register.is-not-verified.step-photos-id .progress .progress-step#progress-step1 .step-name {
  color: #b1b2b4;
}

.register.is-not-verified.step-photos-id .progress .progress-step#progress-step2 {
  border-bottom: 4px solid #1790c7;
  opacity: 1;
}

.register.is-not-verified.step-photos-id .progress .progress-step#progress-step2 .wrapper-step-number {
  border-color: #1790c7;
}

.register.is-not-verified.step-photos-id .progress .progress-step#progress-step2 .step-number,
.register.is-not-verified.step-photos-id .progress .progress-step#progress-step2 .step-name {
  color: #646668;
}

.register.is-not-verified.step-photos-id .progress-sts-value {
  width: 40% !important;
}

.register.is-not-verified.step-review .progress .progress-step#progress-step1, .register.is-not-verified.step-review .progress .progress-step#progress-step2 {
  border-bottom: 4px solid #66b366;
}

.register.is-not-verified.step-review .progress .progress-step#progress-step1 .wrapper-step-number, .register.is-not-verified.step-review .progress .progress-step#progress-step2 .wrapper-step-number {
  border-color: #66b366;
}

.register.is-not-verified.step-review .progress .progress-step#progress-step1 .step-number,
.register.is-not-verified.step-review .progress .progress-step#progress-step1 .step-name, .register.is-not-verified.step-review .progress .progress-step#progress-step2 .step-number,
.register.is-not-verified.step-review .progress .progress-step#progress-step2 .step-name {
  color: #b1b2b4;
}

.register.is-not-verified.step-review .progress .progress-step#progress-step3 {
  border-bottom: 4px solid #1790c7;
  opacity: 1;
}

.register.is-not-verified.step-review .progress .progress-step#progress-step3 .wrapper-step-number {
  border-color: #1790c7;
}

.register.is-not-verified.step-review .progress .progress-step#progress-step3 .step-number,
.register.is-not-verified.step-review .progress .progress-step#progress-step3 .step-name {
  color: #646668;
}

.register.is-not-verified.step-review .progress-sts-value {
  width: 70% !important;
}

.register.is-not-verified.step-confirmation .content-confirmation {
  margin-bottom: 40px;
}

.register.is-not-verified.step-confirmation .view .title {
  color: #1790c7;
}

.register.is-not-verified.step-confirmation .view .instruction {
  margin-bottom: 20px;
}

.verification-process .pay-and-verify .review .title.center-col, .verification-process .incourse-reverify .review .title.center-col, .verification-process .reverify .review .title.center-col {
  padding: 0 calc((100% - 750px) / 2) 10px;
}

.verification-process .pay-and-verify .review h2, .verification-process .incourse-reverify .review h2, .verification-process .reverify .review h2 {
  font-size: 16px;
  font-weight: 600;
  text-transform: unset;
  color: #4a4a4a;
  margin-bottom: 40px;
}

.verification-process .pay-and-verify .review h2 .course-title, .verification-process .incourse-reverify .review h2 .course-title, .verification-process .reverify .review h2 .course-title {
  display: block;
  font-weight: 100;
  font-size: 24px;
  margin-top: 5px;
}

.verification-process .pay-and-verify .instruction.center-col, .verification-process .incourse-reverify .instruction.center-col, .verification-process .reverify .instruction.center-col {
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.verification-process .pay-and-verify .instruction .instruction-info, .verification-process .incourse-reverify .instruction .instruction-info, .verification-process .reverify .instruction .instruction-info {
  font-size: 24px;
  font-weight: 100;
  color: #57595a;
  margin-bottom: 30px;
}

.verification-process .pay-and-verify .instruction .instruction-info .fa-envelope-o, .verification-process .incourse-reverify .instruction .instruction-info .fa-envelope-o, .verification-process .reverify .instruction .instruction-info .fa-envelope-o {
  color: #b92167;
  font-size: 26px;
  margin-right: 8px;
}

.verification-process .pay-and-verify .instruction .activate, .verification-process .incourse-reverify .instruction .activate, .verification-process .reverify .instruction .activate {
  font-size: 16px;
  font-weight: 600;
  color: #4a4a4a;
}

.verification-process .pay-and-verify .instruction .activate-info, .verification-process .incourse-reverify .instruction .activate-info, .verification-process .reverify .instruction .activate-info {
  font-size: 16px;
  font-weight: 100;
  color: #4a4a4a;
}

.verification-process .pay-and-verify .payment-info, .verification-process .incourse-reverify .payment-info, .verification-process .reverify .payment-info {
  padding: 5px 0 30px;
}

.verification-process .pay-and-verify .payment-info .copy, .verification-process .incourse-reverify .payment-info .copy, .verification-process .reverify .payment-info .copy {
  margin: 20px 0;
}

.verification-process .pay-and-verify .placeholder-cam .copy, .verification-process .incourse-reverify .placeholder-cam .copy, .verification-process .reverify .placeholder-cam .copy {
  font-weight: bold !important;
}

.verification-process .pay-and-verify .requirements-container .list-reqs .req, .verification-process .incourse-reverify .requirements-container .list-reqs .req, .verification-process .reverify .requirements-container .list-reqs .req {
  width: 300px;
  height: 250px;
  min-height: 250px;
  margin-right: 45px;
}

.verification-process .pay-and-verify .requirements-container .list-reqs .req:last-of-type, .verification-process .incourse-reverify .requirements-container .list-reqs .req:last-of-type, .verification-process .reverify .requirements-container .list-reqs .req:last-of-type {
  margin-right: 0;
}

.verification-process .pay-and-verify .requirements-container .list-reqs.account-not-activated, .verification-process .incourse-reverify .requirements-container .list-reqs.account-not-activated, .verification-process .reverify .requirements-container .list-reqs.account-not-activated {
  width: 300px;
}

.verification-process .pay-and-verify .requirements-container .list-reqs.account-not-activated .req, .verification-process .incourse-reverify .requirements-container .list-reqs.account-not-activated .req, .verification-process .reverify .requirements-container .list-reqs.account-not-activated .req {
  height: 290px;
  min-height: 290px;
}

.verification-process .pay-and-verify .no-content, .verification-process .incourse-reverify .no-content, .verification-process .reverify .no-content {
  margin-bottom: 50px;
}

.verification-process .pay-and-verify .nav-wizard.center, .verification-process .incourse-reverify .nav-wizard.center, .verification-process .reverify .nav-wizard.center {
  text-align: center;
}

.verification-process .pay-and-verify .nav-wizard .right, .verification-process .incourse-reverify .nav-wizard .right, .verification-process .reverify .nav-wizard .right {
  float: right;
  padding: 15px 50px;
}

.verification-process .pay-and-verify .nav-wizard .nav-link, .verification-process .incourse-reverify .nav-wizard .nav-link, .verification-process .reverify .nav-wizard .nav-link {
  line-height: 45px;
}

.verification-process .pay-and-verify .nav-wizard .prompt-verify .title, .verification-process .incourse-reverify .nav-wizard .prompt-verify .title, .verification-process .reverify .nav-wizard .prompt-verify .title {
  float: left;
  text-align: left;
  width: 600px;
  position: relative;
  display: inline;
  line-height: 45px;
  color: black;
}

.verification-process .pay-and-verify .nav-wizard .wizard-steps, .verification-process .incourse-reverify .nav-wizard .wizard-steps, .verification-process .reverify .nav-wizard .wizard-steps {
  width: auto;
}

.verification-process .pay-and-verify .photo-controls, .verification-process .incourse-reverify .photo-controls, .verification-process .reverify .photo-controls {
  position: relative;
  text-align: center;
}

.verification-process .pay-and-verify .photo-controls .control.control-do, .verification-process .incourse-reverify .photo-controls .control.control-do, .verification-process .reverify .photo-controls .control.control-do {
  left: 45%;
  left: calc((50%) - (69px / 2));
}

.verification-process .pay-and-verify .photo-controls .control.control-retake, .verification-process .incourse-reverify .photo-controls .control.control-retake, .verification-process .reverify .photo-controls .control.control-retake {
  left: 40%;
  left: calc((50%) - (131px / 2));
}

.verification-process .pay-and-verify .photo-controls .control .action-redo, .verification-process .incourse-reverify .photo-controls .control .action-redo, .verification-process .reverify .photo-controls .control .action-redo {
  line-height: 28px;
}

.verification-process .pay-and-verify .retake-photos, .verification-process .incourse-reverify .retake-photos, .verification-process .reverify .retake-photos {
  color: #0075b4;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none;
  cursor: pointer;
}

.verification-process .pay-and-verify .retake-photos:hover, .verification-process .pay-and-verify .retake-photos:focus, .verification-process .incourse-reverify .retake-photos:hover, .verification-process .incourse-reverify .retake-photos:focus, .verification-process .reverify .retake-photos:hover, .verification-process .reverify .retake-photos:focus {
  text-decoration: underline;
}

.verification-process .pay-and-verify .tip .is-expandable .title-expand, .verification-process .incourse-reverify .tip .is-expandable .title-expand, .verification-process .reverify .tip .is-expandable .title-expand {
  color: #0075b4 !important;
}

.verification-process .pay-and-verify .tip .expandable-area, .verification-process .incourse-reverify .tip .expandable-area, .verification-process .reverify .tip .expandable-area {
  margin-top: 5px;
  padding-bottom: 20px;
}

.verification-process .pay-and-verify .help-tips, .verification-process .incourse-reverify .help-tips, .verification-process .reverify .help-tips {
  margin-left: 0 !important;
}

.verification-process .pay-and-verify .help-tips .title, .verification-process .incourse-reverify .help-tips .title, .verification-process .reverify .help-tips .title {
  font-size: 16px !important;
}

.verification-process .pay-and-verify .help-tips .list-tips .tip, .verification-process .incourse-reverify .help-tips .list-tips .tip, .verification-process .reverify .help-tips .list-tips .tip {
  font-size: 16px;
  line-height: 1.5em;
}

.verification-process .pay-and-verify .photo-tip, .verification-process .incourse-reverify .photo-tip, .verification-process .reverify .photo-tip {
  color: black;
  margin-bottom: 20px;
}

.verification-process .pay-and-verify .list-help, .verification-process .incourse-reverify .list-help, .verification-process .reverify .list-help {
  list-style: disc;
  padding-left: 20px;
}

.verification-process .pay-and-verify .list-faq dd, .verification-process .incourse-reverify .list-faq dd, .verification-process .reverify .list-faq dd {
  color: black;
}

.verification-process .pay-and-verify .wrapper-task .msg-retake, .verification-process .incourse-reverify .wrapper-task .msg-retake, .verification-process .reverify .wrapper-task .msg-retake {
  margin-top: 0;
}

.verification-process .pay-and-verify .wrapper-task .wrapper-photos, .verification-process .incourse-reverify .wrapper-task .wrapper-photos, .verification-process .reverify .wrapper-task .wrapper-photos {
  margin-bottom: 0 !important;
}

.verification-process .pay-and-verify .report-course .course-actions td:last-of-type, .verification-process .incourse-reverify .report-course .course-actions td:last-of-type, .verification-process .reverify .report-course .course-actions td:last-of-type {
  width: 300px;
}

.verification-process .pay-and-verify .enrollment-status-footer, .verification-process .incourse-reverify .enrollment-status-footer, .verification-process .reverify .enrollment-status-footer {
  margin: 50px 0;
}

.verification-process .pay-and-verify .enrollment-status-footer h4, .verification-process .incourse-reverify .enrollment-status-footer h4, .verification-process .reverify .enrollment-status-footer h4 {
  font-weight: 600;
}

.verification-process .pay-and-verify .enrollment-status-footer .verify-pending-msg, .verification-process .incourse-reverify .enrollment-status-footer .verify-pending-msg, .verification-process .reverify .enrollment-status-footer .verify-pending-msg {
  margin: 20px 0;
}

.verification-process .tooltip {
  transition: opacity 0.125s ease-out 0s;
  font-size: 12px;
  position: absolute;
  width: 350px;
  top: 0;
  left: 0;
  padding: 10px 20px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.85);
  line-height: 26px;
  color: white;
  pointer-events: none;
  opacity: 0;
}

.verification-process .tooltip::after {
  font-size: 20px;
  content: '▾';
  display: block;
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -7px;
  color: rgba(0, 0, 0, 0.85);
}

.courses-container {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.courses-container:after {
  content: "";
  display: table;
  clear: both;
}

.courses-container .courses {
  display: block;
  float: left;
  width: 100%;
}

.courses-container .courses:after {
  content: "";
  display: table;
  clear: both;
}

.courses-container .courses .course {
  box-sizing: border-box;
  transition: all 0.125s linear 0s;
  position: relative;
  border-bottom: 3px solid #126f9a;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.125), inset 0 0 0 1px rgba(255, 255, 255, 0.75);
  background: #fff;
  width: 100%;
}

.courses-container .courses .course .course-image .cover-image {
  height: 160px;
  overflow: hidden;
}

.courses-container .courses .course .course-image .cover-image::before {
  left: 0;
  position: absolute;
  top: 0;
  opacity: 0;
  background: #000;
  width: 100%;
  height: 160px;
  content: '';
}

.courses-container .courses .course .course-image .cover-image img {
  width: 100%;
  height: auto;
}

.courses-container .courses .course .course-image .cover-image .learn-more {
  left: calc(50% - 100px);
  box-sizing: border-box;
  position: absolute;
  top: 55px;
  padding: 0 20px;
  width: 200px;
  height: 50px;
  border-color: #0075b4;
  border-radius: 3px;
  background: #0075b4;
  color: white;
  line-height: 50px;
  text-align: center;
  opacity: 0;
  text-transform: none;
}

.courses-container .courses .course .course-info {
  height: 200px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.courses-container .courses .course .course-info h2 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.courses-container .courses .course .course-info .course-organization, .courses-container .courses .course .course-info .course-code, .courses-container .courses .course .course-info .course-date {
  color: #474747;
}

.courses-container .courses .course .course-info .course-organization, .courses-container .courses .course .course-info .course-code, .courses-container .courses .course .course-info .course-title {
  display: block;
  text-transform: none;
}

.courses-container .courses .course .course-info .course-organization {
  line-height: 16.28px;
  padding: 10px 15px 2px 15px;
}

.courses-container .courses .course .course-info .course-code {
  line-height: 23.68px;
  padding: 0 15px;
}

.courses-container .courses .course .course-info .course-title {
  line-height: 23.68px;
  margin: 5px 0 35px 0;
  padding: 0 15px;
  height: 72px;
  color: #0075b4;
}

.courses-container .courses .course .course-info .course-date {
  line-height: 20.72px;
  padding: 2px 15px;
}

.courses-container .courses .course:hover .cover-image::before, .courses-container .courses .course:focus .cover-image::before {
  transition: opacity 0.25s ease-out 0.25s;
  opacity: 0.6;
}

.courses-container .courses .course:hover .cover-image .learn-more, .courses-container .courses .course:focus .cover-image .learn-more {
  transition: opacity 0.25s ease-out 0.25s;
  opacity: 1;
}

.courses-container .courses-more {
  margin-right: 0;
  text-align: center;
}

@media screen and (min-width: 769px) {
  .courses-container .courses-more {
    margin-right: 10px;
    text-align: right;
  }
}

.courses-container .courses-more .courses-more-cta {
  font-weight: 600;
}

.courses-container .courses-more .courses-more-cta::after {
  content: " ›";
}

/* Set homepage specific media queries */
.home .courses-container .courses .courses-listing .courses-listing-item {
  width: 100%;
  box-sizing: border-box;
}

@media screen and (min-width: 541px) and (max-width: 768px) {
  .home .courses-container .courses .courses-listing .courses-listing-item {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 48.21067%;
  }
  .home .courses-container .courses .courses-listing .courses-listing-item:last-child {
    margin-right: 0;
  }
  .home .courses-container .courses .courses-listing .courses-listing-item:nth-child(2n) {
    margin-right: 0;
  }
  .home .courses-container .courses .courses-listing .courses-listing-item:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 769px) and (max-width: 979px) {
  .home .courses-container .courses .courses-listing .courses-listing-item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
  }
  .home .courses-container .courses .courses-listing .courses-listing-item:last-child {
    margin-right: 0;
  }
  .home .courses-container .courses .courses-listing .courses-listing-item:nth-child(3n) {
    margin-right: 0;
  }
  .home .courses-container .courses .courses-listing .courses-listing-item:nth-child(3n+1) {
    clear: left;
  }
}

@media screen and (min-width: 980px) {
  .home .courses-container .courses .courses-listing .courses-listing-item {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%;
  }
  .home .courses-container .courses .courses-listing .courses-listing-item:last-child {
    margin-right: 0;
  }
  .home .courses-container .courses .courses-listing .courses-listing-item:nth-child(4n) {
    margin-right: 0;
  }
  .home .courses-container .courses .courses-listing .courses-listing-item:nth-child(4n+1) {
    clear: left;
  }
}

.certificates-search,
.enrollment-search {
  margin: 40px 0;
}

.certificates-search input[name="query"],
.enrollment-search input[name="query"] {
  width: 350px;
}

.certificates-search .certificates-form,
.enrollment-search .certificates-form {
  max-width: 850px;
  margin: 0 auto;
}

.manage-user-search {
  margin: 40px 0;
}

.manage-user-search input[name="query"] {
  width: 350px;
}

.certificates-results table {
  margin: 0 auto;
}

.certificates-results th {
  text-align: center;
  text-decoration: underline;
}

.certificates-results th,
.certificates-results td {
  padding: 10px;
  vertical-align: middle;
}

.btn-cert-regenerate {
  font-size: 12px;
}

.btn-cert-generate {
  font-size: 12px;
}

.enrollment-modal-wrapper.is-shown {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.enrollment-modal-wrapper.is-shown .enrollment-modal {
  width: 600px;
  position: relative;
  margin: 10% auto;
  padding: 20px;
  border: 4px solid #767676;
  border-radius: 4px;
  background-color: white;
}

.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-title {
  text-align: left;
  margin-bottom: 0;
  text-transform: none;
}

.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-field {
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px solid #919191;
}

.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-field p,
.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-field label,
.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-field select,
.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-field input {
  display: inline;
  font-style: normal;
}

.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-errors {
  color: #b20610;
}

.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-info {
  padding: 0;
  margin: 0;
  list-style: none;
}

.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-submit,
.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-cancel {
  margin: 5px auto;
  text-transform: none;
  background-image: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
}

.enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-cancel {
  background-color: #c8c8c8;
}

.enrollment-modal-wrapper.is-hidden {
  display: none;
}

.enrollment-results .enrollment-table {
  display: inline-block;
}

.enrollment-results .change-enrollment-btn,
.enrollment-results .change-enrollment-btn:hover {
  margin: 5px auto;
  padding: 5px 1px;
  letter-spacing: normal;
  text-transform: none;
  background-image: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
}

.manage-user-results .manage-user-table {
  display: inline-block;
}

.manage-user-results th {
  text-align: center;
}

.manage-user-results td {
  padding: 0 23px;
}

.manage-user-results .disable-account-btn,
.manage-user-results .disable-account-btn:hover {
  letter-spacing: normal;
  text-transform: none;
  background-image: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
}

.manage-user-content {
  text-align: center;
}

.contact-us-wrapper {
  min-width: auto;
}

.contact-us-wrapper .form-group {
  font-family: inherit;
}

.contact-us-wrapper h2 {
  font-size: 24px;
  font-weight: bold;
}

.contact-us-wrapper p {
  font-size: 20px;
  font-weight: 400;
}

.contact-us-wrapper label {
  font-family: inherit;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.contact-us-wrapper .help-button {
  margin-bottom: 20px;
  height: 40px;
  font-weight: 400;
  font-size: 18px;
  border: 1px solid #0075b4;
  border-radius: 3px;
  color: #0075b4;
}

.contact-us-wrapper .help-button:hover, .contact-us-wrapper .help-button:focus {
  color: #0075b4;
  background-color: #ced2db !important;
}

.contact-us-wrapper .label-course {
  margin-bottom: 15px;
}

.contact-us-wrapper .message-desc {
  color: #4a4a4a;
  font-size: 14px;
  margin-bottom: 4px;
}

.contact-us-wrapper .select-course {
  font-size: 16px;
  height: 40px;
  margin-bottom: 20px;
}

.contact-us-wrapper .progress {
  padding: 0;
  margin-top: 10px;
}

.contact-us-wrapper .progress .progress-bar {
  background-color: #0075b4;
}

.contact-us-wrapper .progress .zero-width {
  width: 0;
}

.contact-us-wrapper .btn-primary, .contact-us-wrapper .btn-brand {
  background-color: #0075b4;
  width: 100%;
  height: 40px;
  font-size: 18px;
}

.contact-us-wrapper .btn-primary:hover, .contact-us-wrapper .btn-brand:hover, .contact-us-wrapper .btn-primary:focus, .contact-us-wrapper .btn-brand:focus {
  background-image: none;
  background-color: #256a97;
  border-color: #256a97;
}

.contact-us-wrapper .file-loading,
.contact-us-wrapper .file-name {
  font-size: 18px;
}

.contact-us-wrapper .file-action {
  float: right;
  font-size: 18px;
  margin-bottom: 10px;
}

.contact-us-wrapper .file-action button {
  padding: 0;
}

.contact-us-wrapper .btn-signin {
  width: 160px;
  color: white;
  margin-bottom: 20px;
}

.contact-us-wrapper .btn-signin:hover, .contact-us-wrapper .btn-signin:focus {
  color: white;
}

.contact-us-wrapper a.create-account {
  color: #256a97;
  text-decoration: underline !important;
  font-size: 20px;
}

.contact-us-wrapper .create-account-note {
  padding-top: 15px;
}

.contact-us-wrapper input[type='text'] {
  font-size: 14px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
}

.contact-us-wrapper .alert-danger {
  color: #b20610 !important;
  font-size: 16px;
}

.contact-us-wrapper .has-error label {
  color: #d44040;
}

@media only screen and (min-width: 768px) {
  .contact-us-wrapper .row {
    max-width: 500px;
  }
}

.oauth2 {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.oauth2:after {
  content: "";
  display: table;
  clear: both;
}

.oauth2 .authorization-confirmation {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-left: 25.58941%;
  float: unset !important;
  line-height: 1.5em;
  padding: 50px 0;
}

.oauth2 .authorization-confirmation:last-child {
  margin-right: 0;
}

.wrapper-authorize {
  background: white;
  padding-right: 10px;
  padding-left: 10px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.wrapper-authorize h1 {
  margin-bottom: 0;
  margin-left: 0;
  padding: 20px;
  padding-left: 0;
  text-align: left;
}

.wrapper-authorize p {
  margin: 10px 0;
}

.wrapper-authorize .control-group {
  float: right;
}

.wrapper-authorize .btn-authorization-allow {
  margin-left: 20px;
  line-height: 0.7em;
}

.wrapper-msg.wrapper-auto-cert {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: none;
}

.wrapper-msg.wrapper-auto-cert .errors-info {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #cb0712;
}

.wrapper-msg.wrapper-auto-cert .auto-cert-message {
  margin: 20px 0;
  padding: 20px;
  border-left: 3px solid #1790c7;
}

.wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-content {
  width: 74.41059%;
}

.wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions {
  display: inline-block;
  width: 23.23176%;
}

.wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn {
  text-shadow: none;
}

#api-access-wrapper h1 {
  margin-bottom: 0;
  padding: 20px;
  text-align: left;
}

#api-access-wrapper h2 {
  margin: 20px;
  text-align: left;
}

#api-access-wrapper p {
  margin: 20px;
}

#api-access-wrapper .request-status {
  margin: 0 20px;
  padding: 20px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
}

#api-access-wrapper .request-status.request-pending {
  border-top: 2px solid #fd7e14;
}

#api-access-wrapper .request-status.request-denied {
  border-top: 2px solid #b20610;
}

#api-access-wrapper .request-status.request-approved {
  border-top: 2px solid #008100;
}

#api-access-wrapper .catalog-body {
  display: inline-block;
  width: 100%;
}

#api-access-wrapper .api-form-container {
  float: left;
  width: 50%;
}

#api-access-wrapper .api-form-container .api-form {
  padding: 0 20px 20px 20px;
}

#api-access-wrapper .api-form-container .api-form p {
  margin: 30px 0;
}

#api-access-wrapper .api-form-container .api-form p .helptext {
  display: block;
}

#api-access-wrapper .api-form-container .api-form label {
  display: block;
  font-style: normal;
}

#api-access-wrapper .api-form-container .api-form input[type=checkbox] + label {
  display: inline-block;
}

#api-access-wrapper .api-form-container .api-form input, #api-access-wrapper .api-form-container .api-form textarea {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  width: 300px;
}

#api-access-wrapper .api-form-container .api-form input[type=checkbox], #api-access-wrapper .api-form-container .api-form textarea[type=checkbox] {
  display: inline-block;
  width: initial;
  margin-right: 10px;
}

#api-access-wrapper .api-form-container .api-form input[type=submit], #api-access-wrapper .api-form-container .api-form textarea[type=submit] {
  border-radius: 3px;
  border: none;
  background-color: #0075b4;
  box-shadow: none;
  background-image: none;
  text-shadow: none;
  text-transform: none;
}

#api-access-wrapper .api-form-container .api-form .errorlist {
  padding: 0;
  list-style-type: none;
}

#api-access-wrapper .api-form-container .api-form .errorlist li {
  margin: 0;
  color: #b20610;
}

#api-access-wrapper .api-form-container .api-form #api-access-submit, #api-access-wrapper .api-form-container .api-form .preview-query {
  border-radius: 3px;
  border: none;
  background-color: #0075b4;
  box-shadow: none;
  background-image: none;
  text-shadow: none;
  text-transform: none;
}

#api-access-wrapper .preview-results {
  float: right;
  width: 50%;
}

#api-access-wrapper .preview-query {
  display: block;
  margin-top: 10px;
}

#api-access-wrapper .application-info {
  margin: 20px 0;
}

#api-access-wrapper .application-info p {
  margin: 10px 0;
}

.text-me-content {
  box-sizing: border-box;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  justify-content: center;
  background: white;
  display: block;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
}

.text-me-content:after {
  content: "";
  display: table;
  clear: both;
}

.text-me-content .text-me-container {
  background: white;
  min-height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 120px;
  padding-bottom: 120px;
  display: block;
  max-width: 350px;
  min-width: 250px;
  margin: 0 auto;
}

.text-me-fragment h2 {
  letter-spacing: normal;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  color: #005e90;
}

.text-me-fragment h3 {
  margin: 0;
  letter-spacing: normal;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  color: #111111;
}

.text-me-fragment form {
  clear: both;
}

.text-me-fragment form:after {
  content: "";
  display: table;
  clear: both;
}

.text-me-fragment form .form-field {
  clear: both;
  position: relative;
  width: 100%;
  margin: 10px 0 0 0;
}

.text-me-fragment form .form-field:after {
  content: "";
  display: table;
  clear: both;
}

.text-me-fragment form .form-field label, .text-me-fragment form .form-field input {
  width: 100%;
  height: auto;
  line-height: 1.5em;
  border-radius: 0;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  display: block;
}

.text-me-fragment form .form-field .action-primary {
  padding: 1ex 1em;
  text-transform: none;
  font-weight: 600;
  letter-spacing: normal;
  margin-top: 20px;
  width: 100%;
}

.wrapper-course-modes {
  border-bottom: 1px solid #c8c8c8;
  padding: 5px;
}

.wrapper-course-modes > div {
  box-sizing: border-box;
  display: inline-block;
}

.courseware-bookmarks-button {
  width: 40.29137%;
  vertical-align: top;
}

.courseware-bookmarks-button .bookmarks-list-button {
  font-size: 13px;
  width: 100%;
  padding: 5px 10px;
}

.courseware-bookmarks-button .bookmarks-list-button::before {
  content: "";
  font-family: "Font Awesome 7 Pro";
}

.course-content .bookmark-icon.bookmarked {
  right: 5px;
  top: -3px;
  position: absolute;
}

.course-content .bookmark-button-wrapper {
  margin-bottom: 30px;
}

.course-content .bookmark-button::before {
  padding-right: 5px;
  content: "";
  font-family: "Font Awesome 7 Pro";
}

.course-content .bookmark-button.bookmarked::before {
  content: "";
}

.learner-achievements .learner-message {
  margin: 15px 0;
}

.learner-achievements .learner-message .message-header,
.learner-achievements .learner-message .message-actions {
  text-align: center;
}

.learner-achievements .learner-message .message-actions {
  margin-top: 10px;
}

.learner-achievements .learner-message .message-actions .btn-brand {
  color: white;
}

.certificate-card {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  padding: 10px;
  border: 1px;
  border-style: solid;
  background-color: white;
  cursor: pointer;
}

.certificate-card:hover {
  box-shadow: 0 0 1px 1px #adadad;
}

.certificate-card .card-logo {
  margin-right: 20px;
  width: 100px;
  height: 100px;
}

@media (max-width: 768px) {
  .certificate-card .card-logo {
    display: none;
  }
}

.certificate-card .card-content {
  color: #313131;
  margin-top: 10px;
}

.certificate-card .card-supertitle {
  color: #767676;
}

.certificate-card .card-title {
  margin-bottom: 10px;
}

.certificate-card .card-text {
  color: #767676;
}

.certificate-card.mode-audit {
  border-color: #4a4a4a;
}

.certificate-card.mode-audit .card-logo {
  background-image: url("/static/images/certificates/audit.24fb9e64fdae.png");
}

.certificate-card.mode-honor {
  border-color: #0075b4;
}

.certificate-card.mode-honor .card-logo {
  background-image: url("/static/images/certificates/honor.24fb9e64fdae.png");
}

.certificate-card.mode-verified {
  border-color: #008100;
}

.certificate-card.mode-verified .card-logo {
  background-image: url("/static/images/certificates/verified.24fb9e64fdae.png");
}

.certificate-card.mode-professional {
  border-color: #9a1f60;
}

.certificate-card.mode-professional .card-logo {
  background-image: url("/static/images/certificates/professional.24fb9e64fdae.png");
}

.view-profile .window-wrap,
.view-profile .content-wrapper {
  padding: 0;
  margin-top: 0;
}

.view-profile .page-banner {
  background-color: #e4e4e4;
  max-width: none;
}

.view-profile .page-banner .user-messages {
  max-width: 1920px;
  margin: auto;
  padding: 10px;
}

.view-profile .ui-loading-indicator {
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
}

.view-profile .profile-image-field button {
  background: transparent !important;
  border: none !important;
  padding: 0;
}

.view-profile .profile-image-field .u-field-image {
  padding-top: 0;
  padding-bottom: 5px;
}

.view-profile .profile-image-field .image-wrapper {
  width: 120px;
  position: relative;
  margin: auto;
}

.view-profile .profile-image-field .image-wrapper .image-frame {
  display: block;
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 60px;
  overflow: hidden;
  border: 3px solid #f8f8f8;
  margin-top: -15px;
  background: white;
}

.view-profile .profile-image-field .image-wrapper .u-field-upload-button {
  position: absolute;
  top: 0;
  opacity: 0;
  width: 120px;
  height: 120px;
  border-radius: 60px;
  border: 2px dashed transparent;
  background: rgba(229, 241, 247, 0.8);
  color: #0075b4;
  text-shadow: none;
  transition: all 0.5s ease-in-out 0s;
  z-index: 6;
}

.view-profile .profile-image-field .image-wrapper .u-field-upload-button i {
  color: #0075b4;
}

.view-profile .profile-image-field .image-wrapper .u-field-upload-button:focus, .view-profile .profile-image-field .image-wrapper .u-field-upload-button:hover {
  opacity: 1;
  border-color: #0075b4;
}

.view-profile .profile-image-field .image-wrapper .u-field-upload-button.in-progress {
  opacity: 1;
}

.view-profile .profile-image-field .image-wrapper .button-visible {
  opacity: 1;
}

.view-profile .profile-image-field .image-wrapper .upload-button-icon,
.view-profile .profile-image-field .image-wrapper .upload-button-title {
  display: block;
  margin-bottom: 5px;
  transform: translateY(35px);
  line-height: 1.3em;
  text-align: center;
  z-index: 7;
  color: #313131;
}

.view-profile .profile-image-field .image-wrapper .upload-button-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  border-radius: 60px;
  height: 100%;
  cursor: pointer;
  z-index: 5;
  outline: 0;
  opacity: 0;
}

.view-profile .profile-image-field .image-wrapper .u-field-remove-button {
  position: relative;
  display: block;
  width: 120px;
  margin-top: 5px;
  padding: 4px 0 0;
  text-align: center;
  opacity: 0;
  transition: opacity 0.5s;
}

.view-profile .profile-image-field .image-wrapper:hover .u-field-remove-button, .view-profile .profile-image-field .image-wrapper:active .u-field-remove-button {
  opacity: 1;
}

.view-profile .wrapper-profile {
  min-height: 200px;
  background-color: #f8f8f8;
}

.view-profile .wrapper-profile .ui-loading-indicator {
  margin-top: 100px;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #c8c8c8;
  background-color: #e4e4e4;
  padding: 15px 5%;
  display: table;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy:after {
  content: "";
  display: table;
  clear: both;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records {
  display: table-row;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button {
  margin-top: 1em;
}

@media (min-width: 576px) {
  .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
  }
  .view-profile .profile-self .wrapper-profile-field-account-privacy .wrapper-profile-records button {
    margin-top: 0;
  }
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy {
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  display: table-cell;
}

@media (max-width: 768px) {
  .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy {
    max-width: calc(100% - 40px);
    min-width: auto;
  }
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy {
  padding-top: 4px;
  padding-bottom: 5px;
  background-image: none;
  box-shadow: none;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-title {
  width: auto;
  color: #313131;
  cursor: text;
  text-shadow: none;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-value {
  width: auto;
  margin-left: 10px;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-message {
  float: left;
  width: 100%;
  padding: 0;
  color: #313131;
}

.view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-message .u-field-message-notification {
  color: #474747;
}

.view-profile .wrapper-profile-sections {
  padding: 30px 5% 30px 5%;
  display: flex;
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 768px) {
  .view-profile .wrapper-profile-sections {
    margin-left: 0;
    flex-wrap: wrap;
  }
}

.view-profile .profile-header {
  max-width: 1920px;
  margin: auto;
  padding: 20px 5% 0;
}

.view-profile .profile-header .header {
  display: inline-block;
}

@media (max-width: 768px) {
  .view-profile .wrapper-profile-section-container-one {
    width: 100%;
  }
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one {
  width: 300px;
  background-color: white;
  border-top: 5px solid #0075b4;
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  .view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one {
    margin-left: 0;
    width: 100%;
  }
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields {
  margin: 0 10px;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .social-links {
  padding: 5px 0 0 5px;
  font-size: 2rem;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .social-links > span {
  color: #e4e4e4;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .social-links a .fa-facebook-square {
  color: #3b5998;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .social-links a .fa-twitter-square {
  color: #55acee;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .social-links a .fa-linkedin-square {
  color: #0077b5;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .u-field {
  font-weight: 600;
  padding: 0 0 0 3px;
  color: #313131;
  margin-top: 4px;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .u-field .u-field-value,
.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .u-field .u-field-title {
  font-weight: 500;
  width: calc(100% - 40px);
  color: #767676;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .u-field .u-field-value-readonly {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  color: #000;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .u-field.u-field-dropdown {
  position: relative;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .u-field.u-field-dropdown:not(.editable-never) {
  cursor: pointer;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .u-field:not(.u-field-readonly):not(:last-child) {
  padding-bottom: 5px;
  border-bottom: 1px solid #e7e7e7;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .u-field:not(.u-field-readonly):not(:last-child):hover.mode-placeholder {
  padding-bottom: 4px;
  border-bottom: 2px dashed #0075b4;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields > .u-field:not(:first-child) {
  font-size: 0.875em;
  color: #313131;
  font-weight: 300;
  margin-bottom: 0;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields > .u-field:first-child {
  font-size: 1.5em;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields select {
  width: 85%;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .u-field-message {
  right: 0;
  position: absolute;
  top: 0;
  width: 20px;
}

.view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields .u-field-message .icon {
  vertical-align: baseline;
}

.view-profile .wrapper-profile-section-container-two {
  float: left;
  padding-left: 20px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  flex-grow: 1;
}

@media (max-width: 768px) {
  .view-profile .wrapper-profile-section-container-two {
    width: 90%;
    margin-top: 20px;
    padding: 0;
  }
}

.view-profile .wrapper-profile-section-container-two .u-field-textarea {
  padding: 0 15px 15px 0;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .view-profile .wrapper-profile-section-container-two .u-field-textarea {
    padding-left: 5px;
  }
}

.view-profile .wrapper-profile-section-container-two .u-field-textarea .u-field-header {
  position: relative;
}

.view-profile .wrapper-profile-section-container-two .u-field-textarea .u-field-header .u-field-message {
  right: 0;
  top: 5px;
  position: absolute;
}

.view-profile .wrapper-profile-section-container-two .u-field-textarea.editable-toggle {
  cursor: pointer;
}

.view-profile .wrapper-profile-section-container-two .u-field-title {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 5px;
  color: #2f2f2f;
  width: 100%;
  font: 600 1.4em/1.4em "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.view-profile .wrapper-profile-section-container-two .u-field-value {
  width: 100%;
  overflow: auto;
}

.view-profile .wrapper-profile-section-container-two .u-field-value textarea {
  width: 100%;
  background-color: transparent;
  border-radius: 5px;
  border-color: #5e5e5e;
  resize: none;
  white-space: pre-line;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: none;
}

.view-profile .wrapper-profile-section-container-two .u-field-value a {
  color: inherit;
}

.view-profile .wrapper-profile-section-container-two .u-field-message {
  float: right;
  width: auto;
}

.view-profile .wrapper-profile-section-container-two .u-field-message .message-can-edit {
  position: absolute;
}

.view-profile .wrapper-profile-section-container-two .u-field.mode-placeholder {
  padding: 20px;
  margin: 15px 0;
  border: 2px dashed #c8c8c8;
}

.view-profile .wrapper-profile-section-container-two .u-field.mode-placeholder i {
  font-size: 12px;
  padding-right: 5px;
  vertical-align: middle;
  color: #313131;
}

.view-profile .wrapper-profile-section-container-two .u-field.mode-placeholder .u-field-title {
  width: 100%;
  text-align: center;
}

.view-profile .wrapper-profile-section-container-two .u-field.mode-placeholder .u-field-value {
  text-align: center;
  line-height: 1.5em;
  color: #313131;
}

.view-profile .wrapper-profile-section-container-two .u-field.mode-placeholder:hover {
  border: 2px dashed #0075b4;
}

.view-profile .wrapper-profile-section-container-two .u-field.mode-placeholder:hover .u-field-title,
.view-profile .wrapper-profile-section-container-two .u-field.mode-placeholder:hover i {
  color: #0075b4;
}

.view-profile .wrapper-profile-section-container-two .wrapper-u-field {
  font-size: 0.875em;
  color: #313131;
}

.view-profile .wrapper-profile-section-container-two .wrapper-u-field .u-field-header .u-field-title {
  color: #313131;
}

.view-profile .wrapper-profile-section-container-two .wrapper-u-field .u-field-footer .field-textarea-character-count {
  float: right;
  margin-top: 5px;
}

.view-profile .wrapper-profile-section-container-two .profile-private-message {
  padding-left: 15px;
  line-height: 3em;
}

.search-bar {
  box-sizing: border-box;
  position: relative;
}

.search-bar .search-field-wrapper {
  position: relative;
}

.search-bar .search-field {
  box-sizing: border-box;
  top: 5px;
  width: 100%;
  border-radius: 4px;
  background: white;
}

.search-bar .search-button,
.search-bar .cancel-button,
.search-bar .search-button:hover,
.search-bar .cancel-button:hover {
  box-sizing: border-box;
  right: 0;
  display: block;
  position: absolute;
  top: 0;
  border: none;
  border-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -moz-border-topright-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottomright-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #0075b4;
  padding: 0 10px;
  height: 35px;
  color: white;
  box-shadow: none;
  line-height: 33px;
  text-shadow: none;
  text-transform: none;
}

.search-bar .search-button:hover, .search-bar .search-button:focus, .search-bar .search-button:active,
.search-bar .cancel-button:hover,
.search-bar .cancel-button:focus,
.search-bar .cancel-button:active,
.search-bar .search-button:hover:hover,
.search-bar .search-button:hover:focus,
.search-bar .search-button:hover:active,
.search-bar .cancel-button:hover:hover,
.search-bar .cancel-button:hover:focus,
.search-bar .cancel-button:hover:active {
  background: #005e90;
  box-shadow: none;
  border: none;
}

.search-bar .cancel-button {
  display: none;
}

.search-results {
  display: none;
}

.search-results .search-info {
  margin-bottom: 20px;
  border-bottom: 4px solid whitesmoke;
  padding-bottom: 10px;
}

.search-results .search-info .search-count {
  float: right;
  color: #919191;
}

.search-results .search-result-list {
  margin: 0;
  padding: 0;
}

.search-results .search-results-item {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  padding: 20px 10px;
  list-style-type: none;
  cursor: pointer;
}

.search-results .search-results-item:hover {
  background: #f8f8f8;
}

.search-results .search-results-item .result-excerpt {
  margin-bottom: 20px;
}

.search-results .search-results-item .result-type {
  right: 10px;
  position: absolute;
  bottom: 20px;
  font-size: 14px;
  color: #919191;
}

.search-results .search-results-item .result-course-name {
  margin-right: 1em;
  font-size: 14px;
  color: #919191;
}

.search-results .search-results-item .result-location {
  font-size: 14px;
  color: #919191;
}

.search-results .search-results-item .result-link {
  float: right;
  padding-left: 5px;
  line-height: 1.6em;
}

.search-results .search-results-item .search-results-ellipsis {
  color: #313131;
}

.search-results .search-results-item .search-results-ellipsis::after {
  content: '\2026';
}

.search-results .search-load-next {
  display: block;
  border: 2px solid #0075b4;
  padding: 1rem;
  border-radius: 3px;
  color: #313131;
}

.courseware-search-bar {
  width: 57.35098%;
}

.dashboard-search-bar {
  margin: 0 0 20px;
  display: block;
}

.dashboard-search-bar label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  color: #313131;
  font-size: 13px;
  font-style: normal;
}

.dashboard-search-bar .search-field {
  background: white;
  box-shadow: 0 1px 0 0 white, inset 0 0 3px 0 rgba(0, 0, 0, 0.05);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
}

.dashboard-search-results {
  margin: 0 0 20px;
  padding: 0;
}

.dashboard-search-results .search-info {
  padding-bottom: 2.47756em;
}

.dashboard-search-results .search-info a {
  display: block;
  margin-bottom: 0.70788em;
  font-size: 13px;
}

.dashboard-search-results .search-info h2 {
  float: left;
  clear: left;
}

.notifications {
  font-family: inherit;
  font-size: 0.9em;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.notifications .notification {
  font-family: inherit;
  margin-top: 15px;
  margin-bottom: 15px;
}

.notifications .notification a {
  font-family: inherit;
}

.site-status {
  background-color: rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  padding: 10px;
  background-color: #c2387d;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) inset;
  font-size: 14px;
}

.site-status .icon {
  margin-right: 10px;
  float: left;
  color: white !important;
  font-size: 18px;
}

.site-status .inner-wrapper {
  margin: auto;
  max-width: 1920px;
  min-width: 760px;
}

.site-status p {
  margin-bottom: 0;
  line-height: 1.3;
  color: white !important;
}

.ui-col-wide {
  width: 74.41059%;
  margin-right: 2.35765%;
  float: left;
}

.ui-col-narrow {
  width: 23.23176%;
  float: left;
}

body.uxdesign.alerts .content-primary, .verification-process .wrapper-report .report, .verification-process .report-receipt-provider, .verification-process .carousel .wrapper-task .task, .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .wrapper-photo .placeholder-photo, .verification-process.step-requirements .list-reqs .req {
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
  border: 1px solid #adadad;
  background: white;
}

body.uxdesign.alerts .content-primary:after, .verification-process .wrapper-report .report:after, .verification-process .report-receipt-provider:after, .verification-process .carousel .wrapper-task .task:after, .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .wrapper-photo .placeholder-photo:after, .verification-process.step-requirements .list-reqs .req:after {
  content: "";
  display: table;
  clear: both;
}

body.uxdesign.alerts .content-primary:hover, .verification-process .wrapper-report .report:hover, .verification-process .report-receipt-provider:hover, .verification-process .carousel .wrapper-task .task:hover, .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .wrapper-photo .placeholder-photo:hover, .verification-process.step-requirements .list-reqs .req:hover, body.uxdesign.alerts .content-primary:active, .verification-process .wrapper-report .report:active, .verification-process .report-receipt-provider:active, .verification-process .carousel .wrapper-task .task:active, .verification-process .carousel #wrapper-review .review-task-photos .wrapper-photos .wrapper-photo .placeholder-photo:active, .verification-process.step-requirements .list-reqs .req:active {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.is-expandable.is-ready .title-expand {
  cursor: pointer;
}

a:not(.btn):disabled, a.is-disabled:not(.btn), a.disabled:not(.btn),
a:visited:not(.btn):disabled,
a.is-disabled:visited:not(.btn),
a.disabled:visited:not(.btn), .is-disabled {
  pointer-events: none;
  outline: none;
  cursor: default;
}

.find-courses .wrapper-search-context .wrapper-search-input {
  z-index: 0;
}

.pagination .current-page, .header-global, .header-global-new, .modal, .modal .inner-wrapper, .modal .inner-wrapper header, .leanModal_box, .leanModal_box .inner-wrapper, .leanModal_box .inner-wrapper header, .home > header .title .course-search .search-input, .wrapper-messages-primary .message, .find-courses .discovery-input, .find-courses .search-facets, .verification-process .progress-sts, .verification-process.step-requirements .list-reqs .req .placeholder-art .fa-stack-2x, .courses-container .courses .course .course-image .cover-image::before {
  z-index: 10;
}

.wrapper-alert, .pagination .pagination-form, .home > header .title .course-search .search-button, .find-courses .discovery-submit, .verification-process .progress .progress-step, .verification-process.step-requirements .list-reqs .req .placeholder-art .fa-stack-1x, .courses-container .courses .course .course-image .cover-image .learn-more {
  z-index: 100;
}

.nav-utilities, .highlighted-courses .courses .course .status, .find-courses .courses .course .status {
  z-index: 1000;
}

.wrapper-notification, .wrapper-prompt {
  z-index: 100000;
}

.nav-utilities .wrapper-utility:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

.ui-loading, .learner-achievements .learner-message, .verification-process .nav-wizard {
  box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.2);
  padding: 15px 20px;
}

.learner-achievements .learner-message {
  padding: 40px;
  background-color: #e4e4e4;
  text-align: center;
  color: #767676;
}

.learner-achievements .learner-message .button,
.learner-achievements .learner-message .action {
  margin-left: 20px;
}

.learner-achievements .learner-message .button .icon,
.learner-achievements .learner-message .action .icon {
  margin-right: 10px;
}

.ui-loading {
  animation: fadeIn 0.25s linear 1;
  opacity: 0.6;
  background-color: white;
  padding: 30px 20px;
  text-align: center;
}

.ui-loading .spin {
  display: inline-block;
}

.ui-loading .copy {
  padding-left: 5px;
}

.is-hidden {
  display: none;
}

.alert:not(.pattern-library-shim) .action-alert-close .label, .notification.mini .copy p {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  margin: -1px;
  height: 1px;
  width: 1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  word-wrap: normal;
}

.notification.mini .title {
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.is-in-course .wrapper-prompt .nav-actions .action-secondary, .prompt.warning button, .wrapper-account-settings .wrapper-header .account-nav button {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}

.login .form-actions.form-third-party-auth button[type="submit"] .icon .icon-image,
.register .form-actions.form-third-party-auth button[type="submit"] .icon .icon-image,
.passwordreset .form-actions.form-third-party-auth button[type="submit"] .icon .icon-image, .login-register .action-primary .icon .icon-image {
  width: auto;
  height: auto;
  max-height: 1.4em;
  max-width: 1.4em;
  margin-top: -2px;
}

.window {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin-bottom: 20px;
  border: 1px solid #adadad;
  background: white;
}

.window:after {
  content: "";
  display: table;
  clear: both;
}

.gray-button {
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.25);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  border: 1px solid #5e5e5e;
  border-radius: 3px;
  background-color: #474747;
  color: #c8c8c8;
}

.gray-button.disabled, .gray-button.is-disabled {
  border: 1px solid #919191;
  border-radius: 3px;
  background: #919191;
  color: #5e5e5e;
  pointer-events: none;
  cursor: none;
}

.gray-button.disabled:hover, .gray-button.disabled:focus, .gray-button.is-disabled:hover, .gray-button.is-disabled:focus {
  box-shadow: 0 0 0 0;
}

.gray-button:hover, .gray-button:focus, .gray-button:active {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
}

.gray-button:hover, .gray-button:focus {
  background-color: #2f2f2f;
  color: white;
}

.wrapper-msg {
  display: block;
  background: #383838;
  padding: 20px 30px;
}

.wrapper-msg .msg {
  max-width: 1180px;
  min-width: 760px;
  width: 100%;
  margin: 0 auto;
}

.wrapper-msg .msg:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-msg .msg-content,
.wrapper-msg .msg-icon {
  display: inline-block;
  vertical-align: middle;
}

.wrapper-msg .msg-content .title {
  margin-bottom: 5px;
  color: inherit;
  text-transform: none;
  letter-spacing: 0;
}

.wrapper-msg .msg-content .copy {
  color: inherit;
}

.wrapper-msg .msg-content .copy p {
  color: inherit;
}

.wrapper-msg .has-actions .msg-content {
  width: 82.94039%;
}

.wrapper-msg .has-actions .nav-actions,
.wrapper-msg .has-actions .msg-actions {
  width: 14.70196%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

.wrapper-msg .is-dismissable .msg-content {
  width: 91.4702%;
}

.wrapper-msg .is-dismissable .action-dismiss {
  width: 6.17215%;
  display: inline-block;
  vertical-align: top;
  text-align: right;
}

.wrapper-msg .is-dismissable .action-dismiss .button-dismiss {
  background: none;
  box-shadow: none;
  border: none;
  text-shadow: none;
  color: inherit;
}

.wrapper-msg .is-dismissable .action-dismiss .button-dismiss:hover, .wrapper-msg .is-dismissable .action-dismiss .button-dismiss:focus {
  color: #126f9a;
}

.wrapper-msg.urgency-high {
  background: #383838;
}

.wrapper-msg.urgency-high .msg {
  color: white;
}

.wrapper-msg.urgency-mid {
  background: #888888;
}

.wrapper-msg.urgency-mid .msg {
  color: white;
}

.wrapper-msg.urgency-low {
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.wrapper-msg.urgency-low .msg {
  color: #000;
}

.wrapper-msg.urgency-info {
  background: #126f9a;
}

.wrapper-msg.urgency-info .msg {
  color: white;
}

.wrapper-msg.urgency-info .msg-icon {
  font-size: 2.5em;
  padding: 20px;
}

.wrapper-msg.urgency-info .msg-content {
  max-width: 80%;
}

.wrapper-msg.alert {
  border-top: 3px solid #d44040;
}

.wrapper-msg.error {
  border-top: 3px solid #b20610;
}

.wrapper-msg.warning {
  border-top: 3px solid #e2c01f;
}

.wrapper-msg.success {
  border-top: 3px solid #008100;
}

.wrapper-msg.is-incontext {
  margin: 20px;
}

.wrapper-msg.is-incontext .msg {
  max-width: unset;
  min-width: auto;
}

.message {
  display: block;
}

.message-status {
  -webkit-border-top-left-radius: 2px;
  -moz-border-topleft-radius: 2px;
  border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-topright-radius: 2px;
  border-top-right-radius: 2px;
  box-sizing: border-box;
  display: none;
  margin: 0 0 20px 0;
  padding: 10px 20px;
  color: white;
}

.message-status .feedback-symbol {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-right: 10px;
}

.message-status .text {
  display: inline-block;
}

.message-status.error {
  border-color: #470206;
  background: #c13840;
}

.message-status.is-shown {
  display: block;
}

.wrapper-notification, .wrapper-alert, .prompt {
  box-sizing: border-box;
}

.wrapper-notification, .wrapper-alert, .prompt {
  background: #2f2f2f;
}

.wrapper-notification .copy, .wrapper-alert .copy, .prompt .copy {
  color: #adadad;
}

.wrapper-notification .copy .title, .wrapper-alert .copy .title, .prompt .copy .title {
  color: white;
}

.wrapper-notification .copy .nav-actions .action-primary, .wrapper-alert .copy .nav-actions .action-primary, .prompt .copy .nav-actions .action-primary {
  color: #181818;
}

.alert.confirm .nav-actions .action-primary, .notification.confirm .nav-actions .action-primary, .prompt.confirm .nav-actions .action-primary {
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #0075b4;
  border-radius: 3px;
  background-color: #0075b4;
  color: white;
  border-color: #00466c;
}

.alert.confirm .nav-actions .action-primary.disabled, .alert.confirm .nav-actions .action-primary.is-disabled, .notification.confirm .nav-actions .action-primary.disabled, .notification.confirm .nav-actions .action-primary.is-disabled, .prompt.confirm .nav-actions .action-primary.disabled, .prompt.confirm .nav-actions .action-primary.is-disabled {
  border: 1px solid #919191;
  border-radius: 3px;
  background: #919191;
  color: #5e5e5e;
  pointer-events: none;
  cursor: none;
}

.alert.confirm .nav-actions .action-primary.disabled:hover, .alert.confirm .nav-actions .action-primary.disabled:focus, .alert.confirm .nav-actions .action-primary.is-disabled:hover, .alert.confirm .nav-actions .action-primary.is-disabled:focus, .notification.confirm .nav-actions .action-primary.disabled:hover, .notification.confirm .nav-actions .action-primary.disabled:focus, .notification.confirm .nav-actions .action-primary.is-disabled:hover, .notification.confirm .nav-actions .action-primary.is-disabled:focus, .prompt.confirm .nav-actions .action-primary.disabled:hover, .prompt.confirm .nav-actions .action-primary.disabled:focus, .prompt.confirm .nav-actions .action-primary.is-disabled:hover, .prompt.confirm .nav-actions .action-primary.is-disabled:focus {
  box-shadow: 0 0 0 0;
}

.alert.confirm .nav-actions .action-primary:hover, .alert.confirm .nav-actions .action-primary:focus, .alert.confirm .nav-actions .action-primary:active, .notification.confirm .nav-actions .action-primary:hover, .notification.confirm .nav-actions .action-primary:focus, .notification.confirm .nav-actions .action-primary:active, .prompt.confirm .nav-actions .action-primary:hover, .prompt.confirm .nav-actions .action-primary:focus, .prompt.confirm .nav-actions .action-primary:active {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
}

.alert.confirm .nav-actions .action-primary:hover, .alert.confirm .nav-actions .action-primary:focus, .alert.confirm .nav-actions .action-primary:active, .notification.confirm .nav-actions .action-primary:hover, .notification.confirm .nav-actions .action-primary:focus, .notification.confirm .nav-actions .action-primary:active, .prompt.confirm .nav-actions .action-primary:hover, .prompt.confirm .nav-actions .action-primary:focus, .prompt.confirm .nav-actions .action-primary:active {
  background-color: #005e90;
  color: white;
}

.alert.confirm .nav-actions .action-primary.disabled, .alert.confirm .nav-actions .action-primary.is-disabled, .notification.confirm .nav-actions .action-primary.disabled, .notification.confirm .nav-actions .action-primary.is-disabled, .prompt.confirm .nav-actions .action-primary.disabled, .prompt.confirm .nav-actions .action-primary.is-disabled {
  box-shadow: none;
  border: 1px solid #99c8e1;
  background: #99c8e1;
  color: white;
}

.alert.confirm .action-secondary, .notification.confirm .action-secondary, .prompt.confirm .action-secondary {
  color: #0075b4;
}

.alert.confirm .action-secondary:hover, .notification.confirm .action-secondary:hover, .prompt.confirm .action-secondary:hover {
  color: #0075b4;
}

.alert.warning .nav-actions .action-primary, .notification.warning .nav-actions .action-primary, .prompt.warning .nav-actions .action-primary {
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.4);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%);
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  border: 1px solid #ca6510;
  border-radius: 3px;
  background-color: #fd7e14;
  color: #474747;
  border-color: #984c0c;
  color: #181818;
}

.alert.warning .nav-actions .action-primary.disabled, .alert.warning .nav-actions .action-primary.is-disabled, .notification.warning .nav-actions .action-primary.disabled, .notification.warning .nav-actions .action-primary.is-disabled, .prompt.warning .nav-actions .action-primary.disabled, .prompt.warning .nav-actions .action-primary.is-disabled {
  border: 1px solid #919191;
  border-radius: 3px;
  background: #919191;
  color: #5e5e5e;
  pointer-events: none;
  cursor: none;
}

.alert.warning .nav-actions .action-primary.disabled:hover, .alert.warning .nav-actions .action-primary.disabled:focus, .alert.warning .nav-actions .action-primary.is-disabled:hover, .alert.warning .nav-actions .action-primary.is-disabled:focus, .notification.warning .nav-actions .action-primary.disabled:hover, .notification.warning .nav-actions .action-primary.disabled:focus, .notification.warning .nav-actions .action-primary.is-disabled:hover, .notification.warning .nav-actions .action-primary.is-disabled:focus, .prompt.warning .nav-actions .action-primary.disabled:hover, .prompt.warning .nav-actions .action-primary.disabled:focus, .prompt.warning .nav-actions .action-primary.is-disabled:hover, .prompt.warning .nav-actions .action-primary.is-disabled:focus {
  box-shadow: 0 0 0 0;
}

.alert.warning .nav-actions .action-primary:hover, .alert.warning .nav-actions .action-primary:focus, .alert.warning .nav-actions .action-primary:active, .notification.warning .nav-actions .action-primary:hover, .notification.warning .nav-actions .action-primary:focus, .notification.warning .nav-actions .action-primary:active, .prompt.warning .nav-actions .action-primary:hover, .prompt.warning .nav-actions .action-primary:focus, .prompt.warning .nav-actions .action-primary:active {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
}

.alert.warning .nav-actions .action-primary:hover, .alert.warning .nav-actions .action-primary:focus, .notification.warning .nav-actions .action-primary:hover, .notification.warning .nav-actions .action-primary:focus, .prompt.warning .nav-actions .action-primary:hover, .prompt.warning .nav-actions .action-primary:focus {
  background-color: #ff7e12;
  color: #474747;
}

.alert.warning .nav-actions .action-primary.disabled, .alert.warning .nav-actions .action-primary.is-disabled, .notification.warning .nav-actions .action-primary.disabled, .notification.warning .nav-actions .action-primary.is-disabled, .prompt.warning .nav-actions .action-primary.disabled, .prompt.warning .nav-actions .action-primary.is-disabled {
  border: 1px solid #fecba1;
  background: #feb272;
  color: #919191;
  box-shadow: none;
}

.alert.warning .action-secondary, .notification.warning .action-secondary, .prompt.warning .action-secondary {
  color: #fd7e14;
}

.alert.warning .action-secondary:hover, .notification.warning .action-secondary:hover, .prompt.warning .action-secondary:hover {
  color: #ff7e12;
}

.alert.error .nav-actions .action-primary, .notification.error .nav-actions .action-primary, .prompt.error .nav-actions .action-primary {
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #8e050d;
  border-radius: 3px;
  background-color: #b20610;
  color: white;
  border-color: #6b040a;
}

.alert.error .nav-actions .action-primary.disabled, .alert.error .nav-actions .action-primary.is-disabled, .notification.error .nav-actions .action-primary.disabled, .notification.error .nav-actions .action-primary.is-disabled, .prompt.error .nav-actions .action-primary.disabled, .prompt.error .nav-actions .action-primary.is-disabled {
  border: 1px solid #919191;
  border-radius: 3px;
  background: #919191;
  color: #5e5e5e;
  pointer-events: none;
  cursor: none;
}

.alert.error .nav-actions .action-primary.disabled:hover, .alert.error .nav-actions .action-primary.disabled:focus, .alert.error .nav-actions .action-primary.is-disabled:hover, .alert.error .nav-actions .action-primary.is-disabled:focus, .notification.error .nav-actions .action-primary.disabled:hover, .notification.error .nav-actions .action-primary.disabled:focus, .notification.error .nav-actions .action-primary.is-disabled:hover, .notification.error .nav-actions .action-primary.is-disabled:focus, .prompt.error .nav-actions .action-primary.disabled:hover, .prompt.error .nav-actions .action-primary.disabled:focus, .prompt.error .nav-actions .action-primary.is-disabled:hover, .prompt.error .nav-actions .action-primary.is-disabled:focus {
  box-shadow: 0 0 0 0;
}

.alert.error .nav-actions .action-primary:hover, .alert.error .nav-actions .action-primary:focus, .alert.error .nav-actions .action-primary:active, .notification.error .nav-actions .action-primary:hover, .notification.error .nav-actions .action-primary:focus, .notification.error .nav-actions .action-primary:active, .prompt.error .nav-actions .action-primary:hover, .prompt.error .nav-actions .action-primary:focus, .prompt.error .nav-actions .action-primary:active {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
}

.alert.error .nav-actions .action-primary:hover, .alert.error .nav-actions .action-primary:focus, .alert.error .nav-actions .action-primary:active, .notification.error .nav-actions .action-primary:hover, .notification.error .nav-actions .action-primary:focus, .notification.error .nav-actions .action-primary:active, .prompt.error .nav-actions .action-primary:hover, .prompt.error .nav-actions .action-primary:focus, .prompt.error .nav-actions .action-primary:active {
  background-color: #b8000b;
  color: white;
}

.alert.error .nav-actions .action-primary.disabled, .alert.error .nav-actions .action-primary.is-disabled, .notification.error .nav-actions .action-primary.disabled, .notification.error .nav-actions .action-primary.is-disabled, .prompt.error .nav-actions .action-primary.disabled, .prompt.error .nav-actions .action-primary.is-disabled {
  box-shadow: none;
  border: 1px solid #e09b9f;
  background: #e09b9f;
  color: white;
}

.alert.error .action-secondary, .notification.error .action-secondary, .prompt.error .action-secondary {
  color: #c13840;
}

.alert.error .action-secondary:hover, .notification.error .action-secondary:hover, .prompt.error .action-secondary:hover {
  color: #b20610;
}

.alert.announcement .nav-actions .action-primary, .notification.announcement .nav-actions .action-primary, .prompt.announcement .nav-actions .action-primary {
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #0075b4;
  border-radius: 3px;
  background-color: #0075b4;
  color: white;
  border-color: #00466c;
}

.alert.announcement .nav-actions .action-primary.disabled, .alert.announcement .nav-actions .action-primary.is-disabled, .notification.announcement .nav-actions .action-primary.disabled, .notification.announcement .nav-actions .action-primary.is-disabled, .prompt.announcement .nav-actions .action-primary.disabled, .prompt.announcement .nav-actions .action-primary.is-disabled {
  border: 1px solid #919191;
  border-radius: 3px;
  background: #919191;
  color: #5e5e5e;
  pointer-events: none;
  cursor: none;
}

.alert.announcement .nav-actions .action-primary.disabled:hover, .alert.announcement .nav-actions .action-primary.disabled:focus, .alert.announcement .nav-actions .action-primary.is-disabled:hover, .alert.announcement .nav-actions .action-primary.is-disabled:focus, .notification.announcement .nav-actions .action-primary.disabled:hover, .notification.announcement .nav-actions .action-primary.disabled:focus, .notification.announcement .nav-actions .action-primary.is-disabled:hover, .notification.announcement .nav-actions .action-primary.is-disabled:focus, .prompt.announcement .nav-actions .action-primary.disabled:hover, .prompt.announcement .nav-actions .action-primary.disabled:focus, .prompt.announcement .nav-actions .action-primary.is-disabled:hover, .prompt.announcement .nav-actions .action-primary.is-disabled:focus {
  box-shadow: 0 0 0 0;
}

.alert.announcement .nav-actions .action-primary:hover, .alert.announcement .nav-actions .action-primary:focus, .alert.announcement .nav-actions .action-primary:active, .notification.announcement .nav-actions .action-primary:hover, .notification.announcement .nav-actions .action-primary:focus, .notification.announcement .nav-actions .action-primary:active, .prompt.announcement .nav-actions .action-primary:hover, .prompt.announcement .nav-actions .action-primary:focus, .prompt.announcement .nav-actions .action-primary:active {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
}

.alert.announcement .nav-actions .action-primary:hover, .alert.announcement .nav-actions .action-primary:focus, .alert.announcement .nav-actions .action-primary:active, .notification.announcement .nav-actions .action-primary:hover, .notification.announcement .nav-actions .action-primary:focus, .notification.announcement .nav-actions .action-primary:active, .prompt.announcement .nav-actions .action-primary:hover, .prompt.announcement .nav-actions .action-primary:focus, .prompt.announcement .nav-actions .action-primary:active {
  background-color: #005e90;
  color: white;
}

.alert.announcement .nav-actions .action-primary.disabled, .alert.announcement .nav-actions .action-primary.is-disabled, .notification.announcement .nav-actions .action-primary.disabled, .notification.announcement .nav-actions .action-primary.is-disabled, .prompt.announcement .nav-actions .action-primary.disabled, .prompt.announcement .nav-actions .action-primary.is-disabled {
  box-shadow: none;
  border: 1px solid #99c8e1;
  background: #99c8e1;
  color: white;
}

.alert.announcement .action-secondary, .notification.announcement .action-secondary, .prompt.announcement .action-secondary {
  color: #0075b4;
}

.alert.announcement .action-secondary:hover, .notification.announcement .action-secondary:hover, .prompt.announcement .action-secondary:hover {
  color: #0075b4;
}

.alert.confirmation .nav-actions .action-primary, .notification.confirmation .nav-actions .action-primary, .prompt.confirmation .nav-actions .action-primary {
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  border: 1px solid #008100;
  border-radius: 3px;
  background-color: #008100;
  color: white;
  border-color: #004d00;
}

.alert.confirmation .nav-actions .action-primary.disabled, .alert.confirmation .nav-actions .action-primary.is-disabled, .notification.confirmation .nav-actions .action-primary.disabled, .notification.confirmation .nav-actions .action-primary.is-disabled, .prompt.confirmation .nav-actions .action-primary.disabled, .prompt.confirmation .nav-actions .action-primary.is-disabled {
  border: 1px solid #919191;
  border-radius: 3px;
  background: #919191;
  color: #5e5e5e;
  pointer-events: none;
  cursor: none;
}

.alert.confirmation .nav-actions .action-primary.disabled:hover, .alert.confirmation .nav-actions .action-primary.disabled:focus, .alert.confirmation .nav-actions .action-primary.is-disabled:hover, .alert.confirmation .nav-actions .action-primary.is-disabled:focus, .notification.confirmation .nav-actions .action-primary.disabled:hover, .notification.confirmation .nav-actions .action-primary.disabled:focus, .notification.confirmation .nav-actions .action-primary.is-disabled:hover, .notification.confirmation .nav-actions .action-primary.is-disabled:focus, .prompt.confirmation .nav-actions .action-primary.disabled:hover, .prompt.confirmation .nav-actions .action-primary.disabled:focus, .prompt.confirmation .nav-actions .action-primary.is-disabled:hover, .prompt.confirmation .nav-actions .action-primary.is-disabled:focus {
  box-shadow: 0 0 0 0;
}

.alert.confirmation .nav-actions .action-primary:hover, .alert.confirmation .nav-actions .action-primary:focus, .alert.confirmation .nav-actions .action-primary:active, .notification.confirmation .nav-actions .action-primary:hover, .notification.confirmation .nav-actions .action-primary:focus, .notification.confirmation .nav-actions .action-primary:active, .prompt.confirmation .nav-actions .action-primary:hover, .prompt.confirmation .nav-actions .action-primary:focus, .prompt.confirmation .nav-actions .action-primary:active {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
}

.alert.confirmation .nav-actions .action-primary:hover, .alert.confirmation .nav-actions .action-primary:focus, .notification.confirmation .nav-actions .action-primary:hover, .notification.confirmation .nav-actions .action-primary:focus, .prompt.confirmation .nav-actions .action-primary:hover, .prompt.confirmation .nav-actions .action-primary:focus {
  background-color: #00a500;
  color: white;
}

.alert.confirmation .nav-actions .action-primary.disabled, .alert.confirmation .nav-actions .action-primary.is-disabled, .notification.confirmation .nav-actions .action-primary.disabled, .notification.confirmation .nav-actions .action-primary.is-disabled, .prompt.confirmation .nav-actions .action-primary.disabled, .prompt.confirmation .nav-actions .action-primary.is-disabled {
  border: 1px solid #99cd99;
  background: #99cd99;
  color: white;
  box-shadow: none;
}

.alert.confirmation .action-secondary, .notification.confirmation .action-secondary, .prompt.confirmation .action-secondary {
  color: #008100;
}

.alert.confirmation .action-secondary:hover, .notification.confirmation .action-secondary:hover, .prompt.confirmation .action-secondary:hover {
  color: #008100;
}

.alert.step-required .nav-actions .action-primary, .notification.step-required .nav-actions .action-primary, .prompt.step-required .nav-actions .action-primary {
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #9b2d64;
  border-radius: 3px;
  background-color: #c2387d;
  color: white;
  border-color: #74224b;
}

.alert.step-required .nav-actions .action-primary.disabled, .alert.step-required .nav-actions .action-primary.is-disabled, .notification.step-required .nav-actions .action-primary.disabled, .notification.step-required .nav-actions .action-primary.is-disabled, .prompt.step-required .nav-actions .action-primary.disabled, .prompt.step-required .nav-actions .action-primary.is-disabled {
  border: 1px solid #919191;
  border-radius: 3px;
  background: #919191;
  color: #5e5e5e;
  pointer-events: none;
  cursor: none;
}

.alert.step-required .nav-actions .action-primary.disabled:hover, .alert.step-required .nav-actions .action-primary.disabled:focus, .alert.step-required .nav-actions .action-primary.is-disabled:hover, .alert.step-required .nav-actions .action-primary.is-disabled:focus, .notification.step-required .nav-actions .action-primary.disabled:hover, .notification.step-required .nav-actions .action-primary.disabled:focus, .notification.step-required .nav-actions .action-primary.is-disabled:hover, .notification.step-required .nav-actions .action-primary.is-disabled:focus, .prompt.step-required .nav-actions .action-primary.disabled:hover, .prompt.step-required .nav-actions .action-primary.disabled:focus, .prompt.step-required .nav-actions .action-primary.is-disabled:hover, .prompt.step-required .nav-actions .action-primary.is-disabled:focus {
  box-shadow: 0 0 0 0;
}

.alert.step-required .nav-actions .action-primary:hover, .alert.step-required .nav-actions .action-primary:focus, .alert.step-required .nav-actions .action-primary:active, .notification.step-required .nav-actions .action-primary:hover, .notification.step-required .nav-actions .action-primary:focus, .notification.step-required .nav-actions .action-primary:active, .prompt.step-required .nav-actions .action-primary:hover, .prompt.step-required .nav-actions .action-primary:focus, .prompt.step-required .nav-actions .action-primary:active {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
}

.alert.step-required .nav-actions .action-primary:hover, .alert.step-required .nav-actions .action-primary:focus, .alert.step-required .nav-actions .action-primary:active, .notification.step-required .nav-actions .action-primary:hover, .notification.step-required .nav-actions .action-primary:focus, .notification.step-required .nav-actions .action-primary:active, .prompt.step-required .nav-actions .action-primary:hover, .prompt.step-required .nav-actions .action-primary:focus, .prompt.step-required .nav-actions .action-primary:active {
  background-color: #d5257d;
  color: white;
}

.alert.step-required .nav-actions .action-primary.disabled, .alert.step-required .nav-actions .action-primary.is-disabled, .notification.step-required .nav-actions .action-primary.disabled, .notification.step-required .nav-actions .action-primary.is-disabled, .prompt.step-required .nav-actions .action-primary.disabled, .prompt.step-required .nav-actions .action-primary.is-disabled {
  box-shadow: none;
  border: 1px solid #e7afcb;
  background: #e7afcb;
  color: white;
}

.alert.step-required .action-secondary, .notification.step-required .action-secondary, .prompt.step-required .action-secondary {
  color: #c2387d;
}

.alert.step-required .action-secondary:hover, .notification.step-required .action-secondary:hover, .prompt.step-required .action-secondary:hover {
  color: #d5257d;
}

.wrapper-prompt {
  transition: all 0.125s ease-in-out 0s;
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  text-align: center;
}

.wrapper-prompt::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}

.wrapper-prompt .prompt {
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  display: inline-block;
  vertical-align: middle;
  width: 350px;
  border: 4px solid #000;
  text-align: left;
}

.wrapper-prompt .prompt .copy {
  border-top: 4px solid #0075b4;
  padding: 20px;
}

.wrapper-prompt .prompt .nav-actions {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  padding: 15px 20px;
  background: #181818;
}

.wrapper-prompt .prompt .nav-actions .nav-item {
  display: inline-block;
  margin-right: 15px;
}

.wrapper-prompt .prompt .nav-actions .nav-item:last-child {
  margin-right: 0;
}

.wrapper-prompt .prompt.error .feedback-symbol {
  color: #c13840;
}

.wrapper-prompt .prompt.error .copy {
  border-top-color: #c13840;
}

.wrapper-prompt .prompt.confirmation .feedback-symbol {
  color: #008100;
}

.wrapper-prompt .prompt.confirmation .copy {
  border-top-color: #008100;
}

.wrapper-prompt .prompt.warning .feedback-symbol {
  color: #fd7e14;
}

.wrapper-prompt .prompt.warning .copy {
  border-top-color: #fd7e14;
}

.wrapper-notification {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #0075b4;
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 20px 40px;
}

.wrapper-notification:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-notification.wrapper-notification-warning {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #fd7e14;
}

.wrapper-notification.wrapper-notification-warning .feedback-symbol {
  color: #fd7e14;
}

.wrapper-notification.wrapper-notification-error {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #c13840;
}

.wrapper-notification.wrapper-notification-error .feedback-symbol {
  color: #c13840;
}

.wrapper-notification.wrapper-notification-confirmation {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #008100;
}

.wrapper-notification.wrapper-notification-confirmation .feedback-symbol {
  color: #008100;
}

.wrapper-notification.wrapper-notification-mini {
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), inset 0 3px 1px #c2387d;
}

.wrapper-notification.wrapper-notification-status {
  -webkit-border-top-left-radius: 3px;
  -moz-border-topleft-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-topright-radius: 3px;
  border-top-right-radius: 3px;
  right: 20px;
  width: auto;
  border: 4px solid #000;
  border-bottom: none;
  padding: 10px 20px;
}

.wrapper-notification.wrapper-notification-status .notification {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-width: none;
}

.wrapper-notification.wrapper-notification-status .notification:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-notification.wrapper-notification-status .notification .feedback-symbol, .wrapper-notification.wrapper-notification-status .notification .copy {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.wrapper-notification.wrapper-notification-status .notification .feedback-symbol {
  width: 20px;
  height: 25px;
  margin-right: 5px;
  line-height: 3rem;
}

.wrapper-notification.wrapper-notification-help {
  -webkit-border-top-left-radius: 3px;
  -moz-border-topleft-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-topright-radius: 3px;
  border-top-right-radius: 3px;
  width: 280px;
  right: 20px;
  border: 4px solid #000;
  border-bottom: none;
  padding: 20px;
}

.wrapper-notification.wrapper-notification-help .notification {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  min-width: none;
}

.wrapper-notification.wrapper-notification-help .notification:after {
  content: "";
  display: table;
  clear: both;
}

.wrapper-notification.wrapper-notification-help .notification .feedback-symbol {
  width: 20px;
  margin-right: 15px;
}

.wrapper-notification.wrapper-notification-help .notification .action-notification-close {
  right: 0;
}

.wrapper-notification.wrapper-notification-help .notification .copy {
  width: 200px;
}

.notification {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 1400px;
}

.notification:after {
  content: "";
  display: table;
  clear: both;
}

.notification .feedback-symbol, .notification .copy {
  float: left;
  display: inline-block;
  vertical-align: middle;
}

.notification .feedback-symbol {
  transition: color 0.5s ease-in-out 0s;
  width: 6.17215%;
  height: 25px;
  margin-top: 5px;
  margin-right: 2.35765%;
  text-align: right;
  color: white;
}

.notification .copy {
  width: 82.94039%;
  color: #adadad;
}

.notification .copy .title {
  margin-bottom: 0;
  color: white;
}

.notification.has-actions .feedback-symbol {
  width: 6.17215%;
}

.notification.has-actions .copy {
  width: 57.35098%;
  margin-right: 2.35765%;
}

.notification.has-actions .nav-actions {
  width: 31.76157%;
  float: left;
  margin-top: 5px;
  text-align: right;
}

.notification.has-actions .nav-actions .nav-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.notification.has-actions .nav-actions .nav-item:last-child {
  margin-right: 0;
}

.notification.has-actions .action-primary {
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #0075b4;
  border-radius: 3px;
  background-color: #0075b4;
  color: white;
  border-color: #00466c;
}

.notification.has-actions .action-primary.disabled, .notification.has-actions .action-primary.is-disabled {
  border: 1px solid #919191;
  border-radius: 3px;
  background: #919191;
  color: #5e5e5e;
  pointer-events: none;
  cursor: none;
}

.notification.has-actions .action-primary.disabled:hover, .notification.has-actions .action-primary.disabled:focus, .notification.has-actions .action-primary.is-disabled:hover, .notification.has-actions .action-primary.is-disabled:focus {
  box-shadow: 0 0 0 0;
}

.notification.has-actions .action-primary:hover, .notification.has-actions .action-primary:focus, .notification.has-actions .action-primary:active {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
}

.notification.has-actions .action-primary:hover, .notification.has-actions .action-primary:focus, .notification.has-actions .action-primary:active {
  background-color: #005e90;
  color: white;
}

.notification.has-actions .action-primary.disabled, .notification.has-actions .action-primary.is-disabled {
  box-shadow: none;
  border: 1px solid #99c8e1;
  background: #99c8e1;
  color: white;
}

.notification.confirmation .copy {
  margin-top: 4px;
}

.notification.mini {
  width: auto;
  max-width: none;
  min-width: 0;
}

.notification.mini .feedback-symbol {
  animation: rotateCW 3s linear infinite;
  width: 25px;
  margin: -4px 10px 0 0;
  transform-origin: 52% 60%;
}

.notification.mini .copy {
  width: auto;
}

.wrapper-alert {
  box-sizing: border-box;
  box-shadow: 0 1px 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #0075b4;
  position: relative;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #000;
  padding: 20px 40px 30px 40px;
  background: #2f2f2f;
  display: none;
}

.wrapper-alert.is-shown {
  display: block;
}

.wrapper-alert.wrapper-alert-warning {
  box-shadow: 0 1px 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #fd7e14;
}

.wrapper-alert.wrapper-alert-warning .feedback-symbol {
  color: #fd7e14;
}

.wrapper-alert.wrapper-alert-error {
  box-shadow: 0 1px 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #c13840;
}

.wrapper-alert.wrapper-alert-error .feedback-symbol {
  color: #c13840;
}

.wrapper-alert.wrapper-alert-confirmation {
  box-shadow: 0 1px 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #008100;
}

.wrapper-alert.wrapper-alert-confirmation .feedback-symbol {
  color: #008100;
}

.wrapper-alert.wrapper-alert-announcement {
  box-shadow: 0 1px 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #0075b4;
}

.wrapper-alert.wrapper-alert-announcement .feedback-symbol {
  color: #0075b4;
}

.wrapper-alert.wrapper-alert-step-required {
  box-shadow: 0 1px 1px white, inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 -4px 1px #c2387d;
}

.wrapper-alert.wrapper-alert-step-required .feedback-symbol {
  color: #c2387d;
}

.alert:not(.pattern-library-shim) {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  max-width: 1400px;
  min-width: 810px;
  color: white;
}

.alert:not(.pattern-library-shim):after {
  content: "";
  display: table;
  clear: both;
}

.alert:not(.pattern-library-shim) .feedback-symbol, .alert:not(.pattern-library-shim) .copy {
  float: left;
}

.alert:not(.pattern-library-shim) .feedback-symbol {
  transition: color 0.5s ease-in-out 0s;
  width: 6.17215%;
  margin: 5px 2.35765% 0 0;
  text-align: right;
}

.alert:not(.pattern-library-shim) .copy {
  width: 82.94039%;
  margin-top: 10px;
  color: #adadad;
}

.alert:not(.pattern-library-shim) .copy .title {
  margin-bottom: 0;
  color: white;
}

.alert:not(.pattern-library-shim).has-actions .feedback-symbol {
  width: 6.17215%;
}

.alert:not(.pattern-library-shim).has-actions .copy {
  width: 57.35098%;
  margin-right: 2.35765%;
}

.alert:not(.pattern-library-shim).has-actions .nav-actions {
  width: 31.76157%;
  float: left;
  margin-top: 10px;
  text-align: right;
}

.alert:not(.pattern-library-shim).has-actions .nav-actions .nav-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.alert:not(.pattern-library-shim).has-actions .nav-actions .nav-item:last-child {
  margin-right: 0;
}

.alert:not(.pattern-library-shim) .action-alert-close {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottomleft-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottomright-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  top: -2px;
  right: 20px;
  padding: 5px 10px 0 10px;
  background: #181818;
  text-align: center;
}

.alert:not(.pattern-library-shim) .action-alert-close .icon {
  color: white;
  width: auto;
  margin: 0;
  padding: 2px;
}

.alert:not(.pattern-library-shim) .action-alert-close:hover {
  background: #5e5e5e;
}

.alert:not(.pattern-library-shim) .action-dismiss .button {
  padding: 5px 10px;
}

.alert:not(.pattern-library-shim) .action-dismiss .icon, .alert:not(.pattern-library-shim) .action-dismiss .button-copy {
  display: inline-block;
  vertical-align: middle;
}

.alert:not(.pattern-library-shim) .action-dismiss .icon {
  margin-right: 5px;
}

.js .wrapper-prompt {
  visibility: hidden;
  pointer-events: none;
}

.js.prompt-is-shown .wrapper-prompt.is-shown {
  visibility: visible;
  pointer-events: auto;
}

.js.prompt-is-shown .wrapper-prompt.is-shown .prompt {
  animation: bounceIn 0.5s ease-in-out 1;
}

.js.prompt-is-hiding .wrapper-prompt .prompt {
  animation: bounceOut 0.5s ease-in-out 1;
}

.js .wrapper-notification {
  bottom: -200px;
}

.js .wrapper-notification.is-shown {
  animation: notificationSlideUp 1s ease-in-out 1;
  animation-fill-mode: forwards;
}

.js .wrapper-notification.is-hiding {
  animation: notificationSlideDown 1s ease-in-out 1;
  animation-fill-mode: forwards;
}

.wrapper-message .message {
  background-color: #474747;
  padding: 10px 15px;
  color: white;
}

.wrapper-message .message .icon {
  font-style: normal;
}

.wrapper-message .message.information {
  background-color: #f1f1f1;
  color: #474747;
}

.wrapper-message .message.validation {
  background-color: #474747;
  color: white;
}

.wrapper-message .message.validation a {
  color: #66acd2;
}

.wrapper-message .message.has-warnings {
  border-bottom: 3px solid #fd7e14;
}

.wrapper-message .message.has-warnings .fa-warning {
  margin-right: 10px;
  color: #fd7e14;
}

.wrapper-message .message.has-errors {
  border-bottom: 3px solid #d16a70;
}

.wrapper-message .message.has-errors .fa-exclamation-circle {
  margin-right: 10px;
  color: #d16a70;
}

.wrapper-message .message-list {
  margin-bottom: 0;
}

.wrapper-message .message-actions {
  padding: 10px 20px;
  background-color: #5e5e5e;
}

body.uxdesign.alerts .content-primary, body.uxdesign.alerts .content-supplementary {
  box-sizing: border-box;
  float: left;
}

body.uxdesign.alerts .content-primary {
  width: 100%;
  margin-right: 2.35765%;
  padding: 20px 30px;
}

body.uxdesign.alerts .content-primary > section {
  margin-bottom: 40px;
}

body.uxdesign.alerts .content-primary > section:last-child {
  margin-bottom: 0;
}

body.uxdesign.alerts .content-primary ul li {
  width: 100%;
  margin-bottom: 5px;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 5px;
}

body.uxdesign.alerts .content-primary ul li:after {
  content: "";
  display: table;
  clear: both;
}

body.uxdesign.alerts .content-primary ul li:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}

body.uxdesign.alerts .content-primary ul li a {
  float: left;
  width: 40.29137%;
  margin-right: 2.35765%;
}

.main-wrapper .alert {
  padding: 15px 20px;
  margin-bottom: 30px;
  border-radius: 3px;
  border: 1px solid #edbd3c;
  border-radius: 3px;
  background: #fbf6e1;
}

.main-wrapper .alert:after {
  content: "";
  display: table;
  clear: both;
}

.main-wrapper .alert .alert-message {
  float: left;
  margin: 4px 0 0 0;
  color: #2f2f2f;
}

.main-wrapper .alert .alert-action {
  float: left;
}

.main-wrapper .alert .alert-action.secondary {
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.4);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%);
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 60%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  border: 1px solid #ca6510;
  border-radius: 3px;
  background-color: #fd7e14;
  color: #474747;
}

.main-wrapper .alert .alert-action.secondary.disabled, .main-wrapper .alert .alert-action.secondary.is-disabled {
  border: 1px solid #919191;
  border-radius: 3px;
  background: #919191;
  color: #5e5e5e;
  pointer-events: none;
  cursor: none;
}

.main-wrapper .alert .alert-action.secondary.disabled:hover, .main-wrapper .alert .alert-action.secondary.disabled:focus, .main-wrapper .alert .alert-action.secondary.is-disabled:hover, .main-wrapper .alert .alert-action.secondary.is-disabled:focus {
  box-shadow: 0 0 0 0;
}

.main-wrapper .alert .alert-action.secondary:hover, .main-wrapper .alert .alert-action.secondary:focus, .main-wrapper .alert .alert-action.secondary:active {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
}

.main-wrapper .alert .alert-action.secondary:hover, .main-wrapper .alert .alert-action.secondary:focus {
  background-color: #ff7e12;
  color: #474747;
}

.main-wrapper .alert .alert-action.secondary.disabled, .main-wrapper .alert .alert-action.secondary.is-disabled {
  border: 1px solid #fecba1;
  background: #feb272;
  color: #919191;
  box-shadow: none;
}

body.error {
  background: #181818;
  color: #2f2f2f;
}

body.error .primary-header {
  display: none;
}

body.error .error-prompt {
  width: 700px;
  margin: 150px auto;
  padding: 60px 50px 90px;
  border-radius: 3px;
  background: white;
  text-align: center;
}

body.error h1 {
  float: none;
  margin: 0;
  color: #2f2f2f;
}

body.error .description {
  margin-bottom: 50px;
}

body.error .back-button {
  transition: background-color 0.15s, box-shadow 0.15s;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  padding: 4px 20px 5px;
  background-color: rgba(255, 255, 255, 0.3);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  border: 1px solid #0075b4;
  border-radius: 3px;
  background-color: #0075b4;
  color: white;
  padding: 14px 40px 18px;
}

body.error .back-button.disabled, body.error .back-button.is-disabled {
  border: 1px solid #919191;
  border-radius: 3px;
  background: #919191;
  color: #5e5e5e;
  pointer-events: none;
  cursor: none;
}

body.error .back-button.disabled:hover, body.error .back-button.disabled:focus, body.error .back-button.is-disabled:hover, body.error .back-button.is-disabled:focus {
  box-shadow: 0 0 0 0;
}

body.error .back-button:hover, body.error .back-button:focus, body.error .back-button:active {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.15);
}

body.error .back-button:hover, body.error .back-button:focus, body.error .back-button:active {
  background-color: #005e90;
  color: white;
}

body.error .back-button.disabled, body.error .back-button.is-disabled {
  box-shadow: none;
  border: 1px solid #99c8e1;
  background: #99c8e1;
  color: white;
}

.advance-modules-remove-text {
  margin-top: 10px;
}

/**
  This file contains all the necessary styling for a uniform
  navigation bar that can exist on any of the v1, v2 or bootstrap
  pages.
*/
.global-header {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 1px solid #0075b4;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  line-height: 1.5;
  /*
    Logo and course identification block
  */
  /*
    Main navigation buttons for Courses, programs, profile and explore buttons.

    There are two stylings for the two circumstances, first the mobile, followed
    by the desktop styling
  */
}

@media (min-width: 992px) {
  .global-header {
    position: inherit;
  }
}

.global-header .header-logo {
  display: inline;
}

.global-header .header-logo a {
  float: left;
  margin: 15px 0 0 40px;
  display: block;
}

.global-header .header-logo a .logo {
  float: left;
  height: 40px;
}

@media (max-width: 991px) {
  .global-header .header-logo a {
    margin-left: 50%;
    height: 40px;
    width: auto;
  }
  .global-header .header-logo a .logo {
    margin-left: -50%;
  }
}

.global-header .header-logo .course-header {
  float: left;
  margin: 16px 0 0 20px;
  font-size: 0.875rem;
  color: #313131;
  line-height: 1em;
  display: none;
}

.global-header .header-logo .course-header .course-name {
  display: block;
  font-size: 1rem;
  margin-top: 7px;
  font-weight: 600;
}

@media (min-width: 992px) {
  .global-header .header-logo .course-header {
    display: block;
  }
}

.global-header .edx-cookie-banner-wrapper .edx-cookie-banner {
  min-width: 0;
}

@media (min-width: 992px) {
  .global-header .nav-links .nav-item {
    margin: 0 20px;
  }
  .global-header .nav-links .nav-item a {
    text-decoration: none;
  }
  .global-header .nav-links .main {
    float: left;
    margin: 20px 0 0 20px;
  }
  .global-header .nav-links .main .nav-item {
    float: left;
  }
  .global-header .nav-links .main .nav-tab {
    text-transform: none;
    padding: 0;
    cursor: pointer;
    margin: 0;
  }
  .global-header .nav-links .main .nav-tab a {
    color: #313131;
    padding: 7px 25px 19px;
    font-weight: 400;
    display: inline-block;
    margin-bottom: -10px;
    border-bottom: 4px solid transparent;
    cursor: pointer;
  }
  .global-header .nav-links .main .nav-tab a.active, .global-header .nav-links .main .nav-tab a:hover {
    border-bottom-style: solid;
    border-bottom-color: #0075b4;
  }
  .global-header .nav-links .main .nav-tab a:hover {
    cursor: pointer;
    border-bottom-color: #0075b4;
  }
  .global-header .nav-links .secondary {
    float: right;
    margin: 15px 40px 0 0;
  }
  .global-header .nav-links .secondary .nav-item {
    font-size: 1rem;
    display: inline-block;
    padding: 10px 0 0;
    margin: 0 10px;
  }
  .global-header .nav-links .secondary .nav-item.nav-item-dropdown {
    padding: 0;
    margin: 0;
  }
  .global-header .nav-links .secondary .nav-item a {
    color: #313131;
    font-weight: 400;
  }
  .global-header .nav-links .secondary .btn {
    border: 1px solid #0075b4;
    padding: 5px 20px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
  }
  .global-header .nav-links .secondary a.sign-in-btn {
    background-color: #0075b4;
    color: #fff;
    border: 1px solid #fff;
    font-weight: 400;
    padding: 5px 20px;
  }
  .global-header .nav-links .secondary a.sign-in-btn:hover {
    background-color: #fff;
    color: #0075b4;
    border-color: #0075b4;
  }
  .global-header .nav-links .secondary a.register-btn {
    background: #fff;
    color: #0075b4;
    font-weight: 400;
  }
  .global-header .nav-links .secondary a.register-btn:hover {
    background-color: #0075b4;
    color: #fff;
  }
  .global-header .nav-links .secondary .user-image-frame {
    border: 1px solid #e7e7e7;
    margin: -10px 5px;
    border-radius: 5px;
    width: 40px;
  }
  .global-header .nav-links .secondary .toggle-user-dropdown {
    padding: 10px;
    text-decoration: none;
    cursor: pointer;
  }
  .global-header .nav-links .secondary .dropdown-user-menu {
    border: 1px solid #313131;
    position: absolute;
    background-color: #fff;
    color: #313131;
    right: 30px;
    top: 55px;
    z-index: 10;
  }
  .global-header .nav-links .secondary .dropdown-user-menu .dropdown-item {
    cursor: pointer;
    overflow: hidden;
    padding: 0;
  }
  .global-header .nav-links .secondary .dropdown-user-menu .dropdown-item:hover {
    color: #313131;
    background-color: #e7e7e7;
  }
  .global-header .nav-links .secondary .dropdown-user-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #e7e7e7;
  }
  .global-header .nav-links .secondary .dropdown-user-menu .dropdown-item a {
    font-weight: 400;
    padding: 10px 15px;
    display: inline-block;
    width: 100%;
  }
  .global-header .nav-links .secondary .dropdown-user-menu .dropdown-item a:focus {
    outline: none;
    color: #313131;
    background-color: #e7e7e7;
  }
  .global-header .hamburger-menu {
    display: none;
  }
}

@media (max-width: 991px) {
  .global-header .main-header {
    height: 40px;
    position: inherit;
  }
  .global-header .hamburger-menu {
    left: 20px;
    position: absolute;
    top: 18px;
    width: 30px;
    height: 20px;
    padding-bottom: 5px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }
  .global-header .hamburger-menu .line {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #767676;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }
  .global-header .hamburger-menu .line:nth-child(1) {
    top: 0;
  }
  .global-header .hamburger-menu .line:nth-child(2), .global-header .hamburger-menu .line:nth-child(3) {
    top: 10px;
  }
  .global-header .hamburger-menu .line:nth-child(4) {
    top: 20px;
  }
  .global-header .hamburger-menu.open .line:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  .global-header .hamburger-menu.open .line:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .global-header .hamburger-menu.open .line:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .global-header .hamburger-menu.open .line:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
}

.global-header .hidden {
  display: none !important;
}

@media print {
  .global-header {
    border-bottom: 1px solid #a0a0a0 !important;
  }
}

/*
  Mobile menu styling
*/
.mobile-menu {
  border-top: 1px solid #0075b4;
  margin: 25px 0 -10px;
}

@media (min-width: 992px) {
  .mobile-menu {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .mobile-menu .mobile-nav-link {
    position: static;
    transform: none;
    overflow: hidden;
  }
  .mobile-menu .mobile-nav-link a {
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    display: block;
    background-color: #fff;
    border-radius: 0;
    width: 100%;
    padding: 12px 20px;
    text-align: left;
    cursor: pointer;
  }
  .mobile-menu .mobile-nav-link a:hover, .mobile-menu .mobile-nav-link a:focus {
    background-color: #767676;
    color: #fff;
  }
  .mobile-menu .mobile-nav-link a::after {
    content: '\00BB';
    padding-left: 4px;
  }
}

.mobile-menu.hidden {
  display: none !important;
}

@media (max-width: 991px) {
  .hidden-mobile:not(.mobile-nav-link) {
    display: none;
  }
}

.settings-language-form {
  float: right;
  padding: 10px;
}

@keyframes rotateCW {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ui-loading-base .spin, .wrapper-account-settings .ui-loading-indicator .spin,
.wrapper-account-settings .ui-loading-error .spin, .view-profile .ui-loading-indicator .spin, .ui-loading .spin {
  animation: rotateCW 1s linear infinite;
}

.ui-loading-base, .ui-loading, .wrapper-account-settings .ui-loading-indicator,
.wrapper-account-settings .ui-loading-error, .view-profile .ui-loading-indicator {
  animation: fadeIn 0.25s linear 1;
}

.ui-loading-base .spin, .ui-loading .spin, .wrapper-account-settings .ui-loading-indicator .spin,
.wrapper-account-settings .ui-loading-error .spin, .view-profile .ui-loading-indicator .spin {
  display: inline-block;
}

.ui-loading-base .copy, .ui-loading .copy, .wrapper-account-settings .ui-loading-indicator .copy,
.wrapper-account-settings .ui-loading-error .copy, .view-profile .ui-loading-indicator .copy {
  padding-left: 5px;
}

.ui-loading {
  opacity: 0.6;
  background-color: white;
  padding: 30px 20px;
  text-align: center;
}

.divider-lv0 {
  border-top: 4px solid #e4e4e4;
}

.divider-lv1 {
  border-top: 2px solid #e4e4e4;
}

.divider-lv2 {
  border-top: 1px solid #e4e4e4;
}

.payment-buttons .purchase {
  float: left;
  padding: 10px 0;
}

.payment-buttons .purchase .product-info, .payment-buttons .purchase .product-name, .payment-buttons .purchase .price {
  color: #126f9a;
}

.payment-buttons .payment-button {
  float: right;
  margin-left: 10px;
}

.payment-buttons .payment-button.is-selected {
  background: #60bc61 !important;
}

.prompt.warning button {
  box-shadow: none;
  text-shadow: none;
}

.prompt.warning button:hover {
  color: #ff7e12;
  background: transparent;
  box-shadow: none;
}

.prompt.warning button:focus {
  box-shadow: none;
  border: 0;
}

.prompt.warning button {
  box-shadow: none;
  text-shadow: none;
}

.prompt.warning button:hover {
  color: #ff7e12;
  background: transparent;
  box-shadow: none;
}

.prompt.warning button:focus {
  box-shadow: none;
  border: 0;
}

.header-global .nav-courseware li .btn,
.header-global .nav-courseware div .btn, .login .form-actions button[type="submit"],
.register .form-actions button[type="submit"],
.passwordreset .form-actions button[type="submit"] {
  box-sizing: border-box;
  transition: color 0.25s ease-in-out, background 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}

.header-global .nav-courseware li .disabled.btn,
.header-global .nav-courseware div .disabled.btn, .login .form-actions button.disabled[type="submit"],
.register .form-actions button.disabled[type="submit"],
.passwordreset .form-actions button.disabled[type="submit"], .header-global .nav-courseware li [disabled].btn,
.header-global .nav-courseware div [disabled].btn, .login .form-actions button[disabled][type="submit"],
.register .form-actions button[disabled][type="submit"],
.passwordreset .form-actions button[disabled][type="submit"] {
  cursor: default;
  pointer-events: none;
}

.header-global .nav-courseware li .btn,
.header-global .nav-courseware div .btn, .login .form-actions button[type="submit"],
.register .form-actions button[type="submit"],
.passwordreset .form-actions button[type="submit"] {
  border-radius: 2px;
}

.header-global .nav-courseware li .btn,
.header-global .nav-courseware div .btn, .login .form-actions button[type="submit"],
.register .form-actions button[type="submit"],
.passwordreset .form-actions button[type="submit"] {
  border: none;
  padding: 10px 20px;
  text-align: center;
  text-shadow: none;
  font-weight: 500;
  letter-spacing: 0;
}

.header-global .nav-courseware li .disabled.btn,
.header-global .nav-courseware div .disabled.btn, .login .form-actions button.disabled[type="submit"],
.register .form-actions button.disabled[type="submit"],
.passwordreset .form-actions button.disabled[type="submit"], .header-global .nav-courseware li [disabled].btn,
.header-global .nav-courseware div [disabled].btn, .login .form-actions button[disabled][type="submit"],
.register .form-actions button[disabled][type="submit"],
.passwordreset .form-actions button[disabled][type="submit"], .header-global .nav-courseware li .is-disabled.btn,
.header-global .nav-courseware div .is-disabled.btn, .login .form-actions button.is-disabled[type="submit"],
.register .form-actions button.is-disabled[type="submit"],
.passwordreset .form-actions button.is-disabled[type="submit"] {
  background: #646668;
}

.header-global .nav-courseware li .disabled.btn:hover,
.header-global .nav-courseware div .disabled.btn:hover, .login .form-actions button.disabled[type="submit"]:hover,
.register .form-actions button.disabled[type="submit"]:hover,
.passwordreset .form-actions button.disabled[type="submit"]:hover, .header-global .nav-courseware li .disabled.btn:focus,
.header-global .nav-courseware div .disabled.btn:focus, .login .form-actions button.disabled[type="submit"]:focus,
.register .form-actions button.disabled[type="submit"]:focus,
.passwordreset .form-actions button.disabled[type="submit"]:focus, .header-global .nav-courseware li [disabled].btn:hover,
.header-global .nav-courseware div [disabled].btn:hover, .login .form-actions button[disabled][type="submit"]:hover,
.register .form-actions button[disabled][type="submit"]:hover,
.passwordreset .form-actions button[disabled][type="submit"]:hover, .header-global .nav-courseware li [disabled].btn:focus,
.header-global .nav-courseware div [disabled].btn:focus, .login .form-actions button[disabled][type="submit"]:focus,
.register .form-actions button[disabled][type="submit"]:focus,
.passwordreset .form-actions button[disabled][type="submit"]:focus, .header-global .nav-courseware li .is-disabled.btn:hover,
.header-global .nav-courseware div .is-disabled.btn:hover, .login .form-actions button.is-disabled[type="submit"]:hover,
.register .form-actions button.is-disabled[type="submit"]:hover,
.passwordreset .form-actions button.is-disabled[type="submit"]:hover, .header-global .nav-courseware li .is-disabled.btn:focus,
.header-global .nav-courseware div .is-disabled.btn:focus, .login .form-actions button.is-disabled[type="submit"]:focus,
.register .form-actions button.is-disabled[type="submit"]:focus,
.passwordreset .form-actions button.is-disabled[type="submit"]:focus {
  background: #646668 !important;
}

.header-global .nav-courseware li .btn,
.header-global .nav-courseware div .btn, .login .form-actions button[type="submit"],
.register .form-actions button[type="submit"],
.passwordreset .form-actions button[type="submit"] {
  box-shadow: 0 2px 1px 0 #0a4a67;
  background: #126f9a;
  color: #fff;
}

.header-global .nav-courseware li .btn:hover,
.header-global .nav-courseware div .btn:hover, .login .form-actions button[type="submit"]:hover,
.register .form-actions button[type="submit"]:hover,
.passwordreset .form-actions button[type="submit"]:hover, .header-global .nav-courseware li .btn:active,
.header-global .nav-courseware div .btn:active, .login .form-actions button[type="submit"]:active,
.register .form-actions button[type="submit"]:active,
.passwordreset .form-actions button[type="submit"]:active, .header-global .nav-courseware li .btn:focus,
.header-global .nav-courseware div .btn:focus, .login .form-actions button[type="submit"]:focus,
.register .form-actions button[type="submit"]:focus,
.passwordreset .form-actions button[type="submit"]:focus {
  background: #1790c7;
}

.header-global .nav-courseware li .btn:focus,
.header-global .nav-courseware div .btn:focus, .login .form-actions button[type="submit"]:focus,
.register .form-actions button[type="submit"]:focus,
.passwordreset .form-actions button[type="submit"]:focus {
  box-shadow: 0 0 6px 0 #126f9a;
}

.header-global .nav-courseware li .current.btn,
.header-global .nav-courseware div .current.btn, .login .form-actions button.current[type="submit"],
.register .form-actions button.current[type="submit"],
.passwordreset .form-actions button.current[type="submit"], .header-global .nav-courseware li .active.btn,
.header-global .nav-courseware div .active.btn, .login .form-actions button.active[type="submit"],
.register .form-actions button.active[type="submit"],
.passwordreset .form-actions button.active[type="submit"] {
  box-shadow: inset 0 2px 1px 1px #0075b4;
  background: #0075b4;
  color: #126f9a;
}

.header-global .nav-courseware li .current.btn:hover,
.header-global .nav-courseware div .current.btn:hover, .login .form-actions button.current[type="submit"]:hover,
.register .form-actions button.current[type="submit"]:hover,
.passwordreset .form-actions button.current[type="submit"]:hover, .header-global .nav-courseware li .current.btn:active,
.header-global .nav-courseware div .current.btn:active, .login .form-actions button.current[type="submit"]:active,
.register .form-actions button.current[type="submit"]:active,
.passwordreset .form-actions button.current[type="submit"]:active, .header-global .nav-courseware li .current.btn:focus,
.header-global .nav-courseware div .current.btn:focus, .login .form-actions button.current[type="submit"]:focus,
.register .form-actions button.current[type="submit"]:focus,
.passwordreset .form-actions button.current[type="submit"]:focus, .header-global .nav-courseware li .active.btn:hover,
.header-global .nav-courseware div .active.btn:hover, .login .form-actions button.active[type="submit"]:hover,
.register .form-actions button.active[type="submit"]:hover,
.passwordreset .form-actions button.active[type="submit"]:hover, .header-global .nav-courseware li .active.btn:active,
.header-global .nav-courseware div .active.btn:active, .login .form-actions button.active[type="submit"]:active,
.register .form-actions button.active[type="submit"]:active,
.passwordreset .form-actions button.active[type="submit"]:active, .header-global .nav-courseware li .active.btn:focus,
.header-global .nav-courseware div .active.btn:focus, .login .form-actions button.active[type="submit"]:focus,
.register .form-actions button.active[type="submit"]:focus,
.passwordreset .form-actions button.active[type="submit"]:focus {
  box-shadow: inset 0 2px 1px 1px #126f9a;
  color: #0a4a67;
}

.header-global .nav-courseware li .disabled.btn,
.header-global .nav-courseware div .disabled.btn, .login .form-actions button.disabled[type="submit"],
.register .form-actions button.disabled[type="submit"],
.passwordreset .form-actions button.disabled[type="submit"], .header-global .nav-courseware li [disabled].btn,
.header-global .nav-courseware div [disabled].btn, .login .form-actions button[disabled][type="submit"],
.register .form-actions button[disabled][type="submit"],
.passwordreset .form-actions button[disabled][type="submit"] {
  box-shadow: none;
  background: #646668;
}

.view-register .form-actions button[type="submit"], .view-login .form-actions button[type="submit"], .view-passwordreset .form-actions button[type="submit"] {
  text-transform: none;
  vertical-align: middle;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.verification-process .header-global .logo a:hover, .verification-process .header-global .logo:active, .verification-process .header-global .logo a:focus {
  border: none;
  text-decoration: none;
  padding-bottom: 0;
}

.verification-process .header-global .nav-global a:hover, .verification-process .header-global .nav-global a:active, .verification-process .header-global .nav-global a:focus {
  border: none;
}

.verification-process #content .action-primary:hover {
  background-image: none;
}

.close-modal:focus, button.close-modal:focus {
  border: none !important;
}

.course-content .discussion-post.edit-post-form .topic-menu {
  padding-left: 0;
  list-style: none;
}

.course-content .discussion-post.edit-post-form .topic-menu .topic-menu-item {
  margin-bottom: 0;
}

.course-content .discussion-post.edit-post-form .topic-submenu {
  list-style: none;
}

.is-in-course .wrapper-prompt .nav-actions button {
  font-family: inherit;
}

.is-in-course .wrapper-prompt .nav-actions .action-secondary {
  box-shadow: none;
  text-shadow: none;
}

/* Part of LEARNER-3583 experiment (https://openedx.atlassian.net/browse/LEARNER-3583) */
/* modal-specific */
#upsell-modal, #portfolio-experiment-upsell-modal {
  display: none;
  /* slick modal from https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css */
  /* slick theme from https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css */
}

#upsell-modal .slick-list,
#upsell-modal .slick-slider,
#upsell-modal .slick-track, #portfolio-experiment-upsell-modal .slick-list,
#portfolio-experiment-upsell-modal .slick-slider,
#portfolio-experiment-upsell-modal .slick-track {
  position: relative;
  display: block;
}

#upsell-modal .slick-loading .slick-slide,
#upsell-modal .slick-loading .slick-track, #portfolio-experiment-upsell-modal .slick-loading .slick-slide,
#portfolio-experiment-upsell-modal .slick-loading .slick-track {
  visibility: hidden;
}

#upsell-modal .slick-slider, #portfolio-experiment-upsell-modal .slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

#upsell-modal .slick-list, #portfolio-experiment-upsell-modal .slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#upsell-modal .slick-list:focus, #portfolio-experiment-upsell-modal .slick-list:focus {
  outline: 0;
}

#upsell-modal .slick-list.dragging, #portfolio-experiment-upsell-modal .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

#upsell-modal .slick-slider .slick-list,
#upsell-modal .slick-slider .slick-track, #portfolio-experiment-upsell-modal .slick-slider .slick-list,
#portfolio-experiment-upsell-modal .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#upsell-modal .slick-track, #portfolio-experiment-upsell-modal .slick-track {
  top: 0;
  left: 0;
}

#upsell-modal .slick-track::after, #upsell-modal .slick-track::before, #portfolio-experiment-upsell-modal .slick-track::after, #portfolio-experiment-upsell-modal .slick-track::before {
  display: table;
  content: '';
}

#upsell-modal .slick-track::after, #portfolio-experiment-upsell-modal .slick-track::after {
  clear: both;
}

#upsell-modal .slick-slide, #portfolio-experiment-upsell-modal .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

#upsell-modal [dir=rtl] .slick-slide, #portfolio-experiment-upsell-modal [dir=rtl] .slick-slide {
  float: right;
}

#upsell-modal .slick-slide img, #portfolio-experiment-upsell-modal .slick-slide img {
  display: block;
}

#upsell-modal .slick-slide.slick-loading img, #portfolio-experiment-upsell-modal .slick-slide.slick-loading img {
  display: none;
}

#upsell-modal .slick-slide.dragging img, #portfolio-experiment-upsell-modal .slick-slide.dragging img {
  pointer-events: none;
}

#upsell-modal .slick-initialized .slick-slide, #portfolio-experiment-upsell-modal .slick-initialized .slick-slide {
  display: block;
}

#upsell-modal .slick-vertical .slick-slide, #portfolio-experiment-upsell-modal .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

#upsell-modal .slick-arrow.slick-hidden, #portfolio-experiment-upsell-modal .slick-arrow.slick-hidden {
  display: none;
}

#upsell-modal .slick-dots,
#upsell-modal .slick-next,
#upsell-modal .slick-prev, #portfolio-experiment-upsell-modal .slick-dots,
#portfolio-experiment-upsell-modal .slick-next,
#portfolio-experiment-upsell-modal .slick-prev {
  position: absolute;
  display: block;
  padding: 0;
}

#upsell-modal .slick-dots li button::before,
#upsell-modal .slick-next::before,
#upsell-modal .slick-prev::before, #portfolio-experiment-upsell-modal .slick-dots li button::before,
#portfolio-experiment-upsell-modal .slick-next::before,
#portfolio-experiment-upsell-modal .slick-prev::before {
  font-family: slick;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#upsell-modal .slick-next,
#upsell-modal .slick-prev, #portfolio-experiment-upsell-modal .slick-next,
#portfolio-experiment-upsell-modal .slick-prev {
  font-size: 0;
  line-height: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0;
}

#upsell-modal .slick-next:focus, #upsell-modal .slick-next:hover, #portfolio-experiment-upsell-modal .slick-next:focus, #portfolio-experiment-upsell-modal .slick-next:hover {
  color: transparent;
  outline: 0;
  background: 0 0;
}

#upsell-modal .slick-prev:focus, #upsell-modal .slick-prev:hover, #portfolio-experiment-upsell-modal .slick-prev:focus, #portfolio-experiment-upsell-modal .slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0;
}

#upsell-modal .slick-next:focus::before, #upsell-modal .slick-next:hover::before, #portfolio-experiment-upsell-modal .slick-next:focus::before, #portfolio-experiment-upsell-modal .slick-next:hover::before {
  opacity: 1;
}

#upsell-modal .slick-prev:focus::before, #upsell-modal .slick-prev:hover::before, #portfolio-experiment-upsell-modal .slick-prev:focus::before, #portfolio-experiment-upsell-modal .slick-prev:hover::before {
  opacity: 1;
}

#upsell-modal .slick-next.slick-disabled::before,
#upsell-modal .slick-prev.slick-disabled::before, #portfolio-experiment-upsell-modal .slick-next.slick-disabled::before,
#portfolio-experiment-upsell-modal .slick-prev.slick-disabled::before {
  opacity: 0.25;
}

#upsell-modal .slick-next::before, #portfolio-experiment-upsell-modal .slick-next::before {
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #fff;
}

#upsell-modal .slick-prev, #portfolio-experiment-upsell-modal .slick-prev {
  left: -25px;
}

#upsell-modal .slick-prev::before, #portfolio-experiment-upsell-modal .slick-prev::before {
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #fff;
}

#upsell-modal [dir=rtl] .slick-prev, #portfolio-experiment-upsell-modal [dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

#upsell-modal .slick-prev::before, #portfolio-experiment-upsell-modal .slick-prev::before {
  content: '• ';
}

#upsell-modal .slick-next::before,
#upsell-modal [dir=rtl] .slick-prev::before, #portfolio-experiment-upsell-modal .slick-next::before,
#portfolio-experiment-upsell-modal [dir=rtl] .slick-prev::before {
  content: '•’';
}

#upsell-modal .slick-next, #portfolio-experiment-upsell-modal .slick-next {
  right: -25px;
}

#upsell-modal [dir=rtl] .slick-next, #portfolio-experiment-upsell-modal [dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

#upsell-modal [dir=rtl] .slick-next::before, #portfolio-experiment-upsell-modal [dir=rtl] .slick-next::before {
  content: '•';
}

#upsell-modal .slick-dotted.slick-slider, #portfolio-experiment-upsell-modal .slick-dotted.slick-slider {
  margin-bottom: 30px;
}

#upsell-modal .slick-dots, #portfolio-experiment-upsell-modal .slick-dots {
  bottom: -25px;
  width: 100%;
  margin: 0;
  list-style: none;
  text-align: center;
}

#upsell-modal .slick-dots li, #portfolio-experiment-upsell-modal .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

#upsell-modal .slick-dots li button, #portfolio-experiment-upsell-modal .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
}

#upsell-modal .slick-dots li button:focus, #upsell-modal .slick-dots li button:hover, #portfolio-experiment-upsell-modal .slick-dots li button:focus, #portfolio-experiment-upsell-modal .slick-dots li button:hover {
  outline: 0;
}

#upsell-modal .slick-dots li button:focus::before, #upsell-modal .slick-dots li button:hover::before, #portfolio-experiment-upsell-modal .slick-dots li button:focus::before, #portfolio-experiment-upsell-modal .slick-dots li button:hover::before {
  opacity: 1;
}

#upsell-modal .slick-dots li button::before, #portfolio-experiment-upsell-modal .slick-dots li button::before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: 0.25;
  color: #000;
}

#upsell-modal .slick-dots li.slick-active button::before, #portfolio-experiment-upsell-modal .slick-dots li.slick-active button::before {
  opacity: 0.75;
  color: #000;
}

#upsell-modal .paragon__btn.paragon__btn-secondary, #portfolio-experiment-upsell-modal .paragon__btn.paragon__btn-secondary {
  display: none;
}

#upsell-modal .paragon__btn.paragon__btn-success, #portfolio-experiment-upsell-modal .paragon__btn.paragon__btn-success {
  font-size: initial;
  float: left;
  background: green;
}

#upsell-modal .paragon__btn.paragon__btn-light, #portfolio-experiment-upsell-modal .paragon__btn.paragon__btn-light {
  line-height: 0.25;
  font-weight: 600;
  background: white;
}

#upsell-modal .paragon__modal-title, #portfolio-experiment-upsell-modal .paragon__modal-title {
  font-weight: 600;
  color: black;
}

#upsell-modal .paragon__modal-title::before, #portfolio-experiment-upsell-modal .paragon__modal-title::before {
  content: "NEW";
  font-size: small;
  background-color: #ccdde6;
  color: #00507e;
  margin-right: 8px;
  box-shadow: 0 0 0 4px #ccdde6;
  font-weight: 500;
  border-radius: 3px;
}

#upsell-modal .paragon__modal-footer, #portfolio-experiment-upsell-modal .paragon__modal-footer {
  display: inline-block;
}

#upsell-modal .carousel-arrow, #portfolio-experiment-upsell-modal .carousel-arrow {
  background: white;
}

#upsell-modal .carousel-arrow.prev, #portfolio-experiment-upsell-modal .carousel-arrow.prev {
  position: absolute;
  bottom: 0;
  right: 80%;
  box-shadow: initial;
  font-size: small;
  color: black;
  background-color: white;
}

#upsell-modal .carousel-arrow.next, #portfolio-experiment-upsell-modal .carousel-arrow.next {
  position: absolute;
  bottom: 0;
  left: 80%;
  box-shadow: initial;
  font-size: small;
  color: black;
  background-color: white;
}

#upsell-modal .carousel-wrapper, #portfolio-experiment-upsell-modal .carousel-wrapper {
  display: flex;
}

#upsell-modal .carousel-wrapper .slick-dots, #portfolio-experiment-upsell-modal .carousel-wrapper .slick-dots {
  margin-bottom: 6%;
  margin-left: 33%;
  width: 33%;
  display: block;
}

#upsell-modal .carousel-wrapper .slick-dots li, #portfolio-experiment-upsell-modal .carousel-wrapper .slick-dots li {
  margin: 0;
}

#upsell-modal .carousel-wrapper .slick-dots li > button::before, #portfolio-experiment-upsell-modal .carousel-wrapper .slick-dots li > button::before {
  font-size: 32px;
}

#upsell-modal .carousel-wrapper .slick-list, #portfolio-experiment-upsell-modal .carousel-wrapper .slick-list {
  margin-bottom: 10%;
}

#upsell-modal .slick-slide.carousel-item, #portfolio-experiment-upsell-modal .slick-slide.carousel-item {
  padding: 0 10px;
  min-width: 400px;
}

#upsell-modal .upsell-certificate, #portfolio-experiment-upsell-modal .upsell-certificate {
  height: 43px;
  position: absolute;
  margin: 0;
  bottom: -58px;
  left: 220px;
}

#upsell-modal .upsell-modal-checkmark-group, #portfolio-experiment-upsell-modal .upsell-modal-checkmark-group {
  list-style: none;
  padding-left: 30px;
  margin-bottom: 15px;
}

#upsell-modal .upsell-modal-checkmark-group li, #portfolio-experiment-upsell-modal .upsell-modal-checkmark-group li {
  margin-bottom: 15px;
}

#upsell-modal .upsell-modal-checkmark, #portfolio-experiment-upsell-modal .upsell-modal-checkmark {
  left: 10px;
  position: absolute;
  color: black;
  line-height: 24px;
}

#upsell-modal .js-carousel-nav, #portfolio-experiment-upsell-modal .js-carousel-nav {
  border: 1px solid #b9bcbc;
}

#upsell-modal .icon.fa, #portfolio-experiment-upsell-modal .icon.fa {
  font-size: 10px;
  margin: 5px;
}

#upsell-modal .upsell-certificate, #portfolio-experiment-upsell-modal .upsell-certificate {
  margin-top: 30px;
  margin-left: 20px;
}

#upsell-modal .paragon__btn.paragon__btn-success, #portfolio-experiment-upsell-modal .paragon__btn.paragon__btn-success {
  font-weight: 600;
  padding: 9px 20px;
}

#upsell-modal .slick-slide.carousel-item, #portfolio-experiment-upsell-modal .slick-slide.carousel-item {
  color: grey;
}

#upsell-modal .slide-header, #portfolio-experiment-upsell-modal .slide-header {
  padding-bottom: 10px;
  color: black;
}

#upsell-modal .my-stats-introduction, #portfolio-experiment-upsell-modal .my-stats-introduction {
  padding-bottom: 10px;
}

#upsell-modal .my-stats-slide-header, #portfolio-experiment-upsell-modal .my-stats-slide-header {
  padding-bottom: 10px;
}

#upsell-modal .checkmark-group-header, #portfolio-experiment-upsell-modal .checkmark-group-header {
  padding-top: 10px;
  padding-bottom: 10px;
}

#upsell-modal .feature-screenshot, #portfolio-experiment-upsell-modal .feature-screenshot {
  width: 250px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px;
}

@media only screen and (max-width: 600px) {
  #upsell-modal .slick-slide.carousel-item, #portfolio-experiment-upsell-modal .slick-slide.carousel-item {
    min-width: 0;
  }
}

/* Base value for the primary brand color */
/* Pure white color */
/* This is the base value for Neutral colors */
/* This is the darkest value in this color group. It replaces pure black */
/* Base value for success */
/* Base value for caution */
/* Base value for warning */
/* Base value for error or severe danger */
/* Base value for information */
/* NAMES TO BE CONFIRMED */
/* --------------------- */
/* Default border width for the Foundever design system components */
:root {
  --fds-global-color-primary-0: #e4e4ff;
  --fds-global-color-primary-5: #ccccff;
  --fds-global-color-primary-10: #b1b1ff;
  --fds-global-color-primary-20: #9595fe;
  --fds-global-color-primary-30: #7777f7;
  --fds-global-color-primary-40: #5959eb;
  --fds-global-color-primary-50: #3535cd;
  --fds-global-color-primary-60: #1717ab;
  --fds-global-color-primary-70: #020288;
  --fds-global-color-primary-80: #000066;
  --fds-global-color-neutral-0: #ffffff;
  --fds-global-color-neutral-5: #f3f3f7;
  --fds-global-color-neutral-10: #ebebf1;
  --fds-global-color-neutral-20: #d7d7e4;
  --fds-global-color-neutral-30: #c4c4d8;
  --fds-global-color-neutral-40: #b0b0cd;
  --fds-global-color-neutral-50: #9f9fc1;
  --fds-global-color-neutral-60: #8b8bb8;
  --fds-global-color-neutral-70: #7a7aae;
  --fds-global-color-neutral-80: #6767a5;
  --fds-global-color-neutral-90: #59599a;
  --fds-global-color-neutral-100: #4c4c8e;
  --fds-global-color-neutral-110: #3f3f82;
  --fds-global-color-neutral-120: #343476;
  --fds-global-color-neutral-130: #292968;
  --fds-global-color-neutral-140: #1f1f59;
  --fds-global-color-neutral-150: #16164a;
  --fds-global-color-neutral-160: #0f0f3b;
  --fds-global-color-neutral-170: #09092d;
  --fds-global-color-success-0: #d7ffe0;
  --fds-global-color-success-5: #aaefb9;
  --fds-global-color-success-10: #81df96;
  --fds-global-color-success-20: #5ccf76;
  --fds-global-color-success-30: #3cbf59;
  --fds-global-color-success-40: #23ab41;
  --fds-global-color-success-50: #0e972c;
  --fds-global-color-success-60: #00831d;
  --fds-global-color-success-70: #007018;
  --fds-global-color-success-80: #005c14;
  --fds-global-color-caution-0: #fff8de;
  --fds-global-color-caution-5: #ffeca9;
  --fds-global-color-caution-10: #fee076;
  --fds-global-color-caution-20: #fcd549;
  --fds-global-color-caution-30: #f9cc2b;
  --fds-global-color-caution-40: #f3c316;
  --fds-global-color-caution-50: #e7b707;
  --fds-global-color-caution-60: #cb9f00;
  --fds-global-color-caution-70: #967500;
  --fds-global-color-caution-80: #665000;
  --fds-global-color-warning-0: #ffe3d7;
  --fds-global-color-warning-5: #ffc4ab;
  --fds-global-color-warning-10: #ffa680;
  --fds-global-color-warning-20: #ff8c5b;
  --fds-global-color-warning-30: #ff773e;
  --fds-global-color-warning-40: #f96324;
  --fds-global-color-warning-50: #ed5311;
  --fds-global-color-warning-60: #d34204;
  --fds-global-color-warning-70: #a13101;
  --fds-global-color-warning-80: #752300;
  --fds-global-color-error-0: #ffdede;
  --fds-global-color-error-5: #feb9ba;
  --fds-global-color-error-10: #fc9294;
  --fds-global-color-error-20: #f96d6e;
  --fds-global-color-error-30: #f64b4c;
  --fds-global-color-error-40: #f22f31;
  --fds-global-color-error-50: #e01517;
  --fds-global-color-error-60: #d40d0f;
  --fds-global-color-error-70: #aa0608;
  --fds-global-color-error-80: #850305;
  --fds-global-color-info-0: #def4ff;
  --fds-global-color-info-5: #a5dcf7;
  --fds-global-color-info-10: #70c5f0;
  --fds-global-color-info-20: #3db0e8;
  --fds-global-color-info-30: #0e9be0;
  --fds-global-color-info-40: #0383c3;
  --fds-global-color-info-50: #006ea5;
  --fds-global-color-info-60: #005b88;
  --fds-global-color-info-70: #00476a;
  --fds-global-color-info-80: #00334d;
  --fds-dataviz-color-01: #7777f7;
  --fds-dataviz-color-02: #65eba5;
  --fds-dataviz-color-03: #ff8d96;
  --fds-dataviz-color-04: #f3e649;
  --fds-dataviz-color-05: #bfa1ff;
  --fds-dataviz-color-06: #a9e554;
  --fds-dataviz-color-07: #f78cf7;
  --fds-dataviz-color-08: #7ce1f8;
  --fds-dataviz-color-09: #ffac5d;
  --fds-dataviz-color-10: #53d5c3;
  --fds-global-opacity-default: rgba(9, 9, 45, 0.7);
  --fds-global-border-width: 1px solid #d7d7e4;
  --fds-global-space-xxxs: 2px;
  --fds-global-space-xxs: 4px;
  --fds-global-space-xs: 8px;
  --fds-global-space-sm: 12px;
  --fds-global-space-md: 16px;
  --fds-global-space-lg: 20px;
  --fds-global-space-xl: 24px;
  --fds-global-space-2xl: 32px;
  --fds-global-space-3xl: 40px;
  --fds-global-space-4xl: 64px;
  --fds-global-border-radius-sharp: 0px;
  --fds-global-border-radius-sm: 2px;
  --fds-global-border-radius-md: 4px;
  --fds-global-border-radius-lg: 8px;
  --fds-global-border-radius-xl: 12px;
  --fds-global-border-radius-xxl: 16px;
  --fds-global-border-radius-pill: 9999px;
  --fds-global-shadow-inner: inset 0 1px 4px -1px rgba(9, 9, 45, 0.25);
  --fds-global-shadow-xs: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  --fds-global-shadow-sm: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  --fds-global-shadow-md: 0 8px 15px -4px rgba(9, 9, 45, 0.13);
  --fds-global-shadow-lg: 0 14px 22px -4px rgba(9, 9, 45, 0.13);
  --fds-global-shadow-xl: 0 15px 22px -6px rgba(9, 9, 45, 0.18);
  --fds-global-shadow-xxl: 0 25px 50px -12px rgba(9, 9, 45, 0.24);
}

/*
//webfonts
$fa-font-path:        "../../fonts/webfonts";*/
/* Represents a large, bold font style used for eye-catching headlines or titles */
/* Represents a large, semibold font style used for eye-catching headlines or titles */
/* Represents a small, bold font style used for eye-catching headlines or titles */
/* Represents a small, semibold font style used for eye-catching headlines or titles */
/* Represents a mobile-friendly font style with a semibold weight, used for the H1 or title on a mobile device */
/* Represents a mobile-friendly font style with a bold weight, used for the H1 or title on a mobile device */
/* Represents a mobile-friendly font style with a semibold weight, used for the H2 or title on a mobile device */
/* Represents a mobile-friendly font style with a bold weight, used for the H2 or title on a mobile device */
/* Represents a mobile-friendly font style with a semibold weight, used for the H3 or title on a mobile device */
/* Represents a mobile-friendly font style with a bold weight, used for the H3 or title on a mobile device */
/* Represents a mobile-friendly font style with a semibold weight, used for the H4 or title on a mobile device */
/* Represents a mobile-friendly font style with a bold weight, used for the H4 or title on a mobile device */
/* Represents a mobile-friendly font style with a semibold weight, used for the H5 or title on a mobile device */
/* Represents a mobile-friendly font style with a bold weight, used for the H5 or title on a mobile device */
/* Represents a mobile-friendly font style with a semibold weight, used for the H6 or title on a mobile device */
/* Represents a mobile-friendly font style with a bold weight, used for the H6 or title on a mobile device */
/* Represents a font style with a semibold weight, used for the H1 or title on a desktop device */
/* Represents a font style with a bold weight, used for the H1 or title on a desktop device */
/* Represents a font style with a semibold weight, used for the H2 or title on a desktop device */
/* Represents a font style with a bold weight, used for the H2 or title on a desktop device */
/* Represents a font style with a semibold weight, used for the H3 or title on a desktop device */
/* Represents a font style with a bold weight, used for the H3 or title on a desktop device */
/* Represents a font style with a semibold weight, used for the H4 or title on a desktop device */
/* Represents a font style with a bold weight, used for the H4 or title on a desktop device */
/* Represents a font style with a semibold weight, used for the H5 or title on a desktop device */
/* Represents a font style with a bold weight, used for the H5 or title on a desktop device */
/* Represents a font style with a semibold weight, used for the H6 or title on a desktop device */
/* Represents a font style with a bold weight, used for the H6 or title on a desktop device */
/* Represents a large font style with a regular weight used for body content, text inside components, and captions */
/*  Represents a large font style with a medium weight used for body content, text inside components, and captions */
/*  Represents a large font style with a bold weight used for body content, text inside components, and captions */
/* Represents a medium font style with a regular weight used for body content, text inside components, and captions */
/* Represents a medium font style with a medium weight used for body content, text inside components, and captions */
/*  Represents a medium font style with a bold weight used for body content, text inside components, and captions */
/* Represents a small font style with a regular weight used for body content, text inside components, and captions */
/* Represents a small font style with a medium weight used for body content, text inside components, and captions */
/* Represents a small font style with a bold weight used for body content, text inside components, and captions */
/* Represents an extra-small font style with a regular weight used for body content, text inside components, and captions */
/* Represents an extra-small font style with a medium weight used for body content, text inside components, and captions */
/* Represents an extra-small font style with a bold weight used for body content, text inside components, and captions */
/* Represents a tiny font style with a regular weight used on challenging UI regions like data visualizations. It must be used sparingly */
/* Represents a tiny font style with a medium weight used on challenging UI regions like data visualizations. It must be used sparingly */
/* Represents a tiny font style with a bold weight used on challenging UI regions like data visualizations. It must be used sparingly */
/* They are used sparingly to annotate imagery, small chips or to introduce a headline */
/* They are used sparingly to annotate imagery, small chips or to introduce a headline */
/*
$icon-code = \f104
$icon-weight = 300 400 600
*/
@keyframes skeleton-shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.tos .wrapper-header .header-title, section.discussion .page-header h3, section.discussion div.view-discussion-home .label-settings, #gradebook .title_gradebook, .dashboard .main-container .my-bookmarks .wrapper-header-bookmarks .header-bookmarks, section.outside-app h1, .wrapper-account-settings .account-settings-container .wrapper-header .header-title, .btn-link, .nav-utilities .action-toggle-message, .pagination .current-page,
.pagination .page-number-input,
.pagination .total-pages, .home > header .title .course-search .search-button, .find-courses .discovery-submit, .find-courses .filters li .facet-option, .find-courses .filters .clear-filters, .find-courses .search-facets .header-search-facets,
.find-courses .search-facets .header-facet, .find-courses .search-facets .toggle button, .account-settings-sections .section-header, .verification-process .carousel #wrapper-review .page-title, .verification-process .carousel #wrapper-review .review .certificate p, .verification-process .carousel #wrapper-review .review .certificate .purchase .product-info, .enrollment-modal-wrapper.is-shown .enrollment-modal .enrollment-change-title, .certificate-card .card-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-title, .gray-button, .message-status, .alert.confirm .nav-actions .action-primary, .notification.confirm .nav-actions .action-primary, .prompt.confirm .nav-actions .action-primary, .alert.warning .nav-actions .action-primary, .notification.warning .nav-actions .action-primary, .prompt.warning .nav-actions .action-primary, .alert.error .nav-actions .action-primary, .notification.error .nav-actions .action-primary, .prompt.error .nav-actions .action-primary, .alert.announcement .nav-actions .action-primary, .notification.announcement .nav-actions .action-primary, .prompt.announcement .nav-actions .action-primary, .alert.confirmation .nav-actions .action-primary, .notification.confirmation .nav-actions .action-primary, .prompt.confirmation .nav-actions .action-primary, .alert.step-required .nav-actions .action-primary, .notification.step-required .nav-actions .action-primary, .prompt.step-required .nav-actions .action-primary, .wrapper-prompt .prompt .nav-actions .action-primary, .notification strong, .notification.has-actions .action-primary, .alert:not(.pattern-library-shim) strong, .alert.has-actions:not(.pattern-library-shim) .nav-actions .nav-item .action-primary, .main-wrapper .alert strong, .main-wrapper .alert .alert-action.secondary, body.error .back-button, .is-in-course .wrapper-prompt .nav-actions .action-secondary {
  font-weight: 600;
}

section.outside-app h1, .error-page article .container h1, .error-page article section.outside-app h1, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy h1, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy h1, .error-page article .view-profile .wrapper-profile-sections h1, .view-profile .error-page article .wrapper-profile-sections h1, .find-courses .wrapper-search-context .search-status-label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 36px;
  line-height: 36px;
}

.tos .wrapper-header .header-title, section.discussion .page-header h3, section.discussion div.view-discussion-home .label-settings, .dashboard .main-container .my-bookmarks .wrapper-header-bookmarks .header-bookmarks, .wrapper-account-settings .account-settings-container .wrapper-header .header-title, .pagination .page-divider, .wrapper-account-settings .wrapper-header .header-title, .verification-process .carousel .view > .title, .verification-process .content-main > .title, .verification-process .reverify-success-step .title, .reverify-blocked .title, .register.is-not-verified.step-confirmation .view .title, .wrapper-authorize h1, #api-access-wrapper h1, .text-me-fragment h2, .view-profile .profile-header .header, .view-profile .wrapper-profile-section-container-one .wrapper-profile-section-one .profile-section-one-fields > .u-field:first-child {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 24px;
  line-height: 24px;
}

#gradebook .title_gradebook, section.outside-app figure figcaption, [class*="view-"] .modal-window .modal-header .title, .home > header .title .course-search .search-input, .dashboard-banner .wrapper-msg .msg.title, .account-settings-sections .section-header, .verification-process .title, .verification-process .page-header .title .sts-label,
.verification-process .page-header .title .sts-course-org,
.verification-process .page-header .title .sts-course-number,
.verification-process .page-header .title .sts-course-name, .verification-process.step-select-track .register-choice .title, .verification-process.step-requirements .list-reqs .req .title, .verification-process.step-requirements .list-reqs .req-activate .title, #api-access-wrapper h2, .certificate-card .card-title, .dashboard-search-results .search-info h2, .wrapper-msg .msg-content .title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 18px;
  line-height: 26.64px;
  line-height: 2.664rem;
}

html {
  height: auto;
}

body {
  background-color: #f3f3f7;
}

body * {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

body a:not(.btn), body a:visited:not(.btn),
body p a:not(.btn), body p a:visited:not(.btn) {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  outline: none;
}

body a:not(.btn):hover, body a:not(.btn):active, body a:not(.btn):focus, body a:visited:not(.btn):hover, body a:visited:not(.btn):active, body a:visited:not(.btn):focus,
body p a:not(.btn):hover,
body p a:not(.btn):active,
body p a:not(.btn):focus, body p a:visited:not(.btn):hover, body p a:visited:not(.btn):active, body p a:visited:not(.btn):focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

body a:not(.btn):focus, body a:not(.btn):hover, body a:visited:not(.btn):focus, body a:visited:not(.btn):hover,
body p a:not(.btn):focus,
body p a:not(.btn):hover, body p a:visited:not(.btn):focus, body p a:visited:not(.btn):hover {
  text-decoration: none !important;
}

ul, ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

textarea,
input[type=text] {
  outline: none;
}

textarea:focus,
input[type=text]:focus {
  outline: none;
}

.row {
  margin-right: auto;
  margin-left: auto;
}

.content-wrapper {
  margin-top: 0;
}

@media (min-width: 768px) {
  .content-wrapper {
    padding: 0;
  }
}

.btn-link {
  outline: none;
}

.btn-link:focus, .btn-link:hover {
  text-decoration: none !important;
}

.container > div, section.outside-app > div, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy > div, .view-profile .wrapper-profile-sections > div {
  background-color: #f3f3f7;
}

.wrapper-messages-primary .message.message-upsell .action-upgrade, .verification-process .action-primary, .verification-process .action-confirm, .verification-process .carousel .wrapper-task .controls .control.approved .action, .verification-process.step-select-track .register-choice-certificate .action-select input, .learner-achievements .learner-message .button,
.learner-achievements .learner-message .action, .wrapper-msg .has-actions .nav-actions .action-primary,
.wrapper-msg .has-actions .msg-actions .action-primary, .btn-blue, .login-register .action-primary, .verification-process .action-primary-blue, .verification-process .carousel .wrapper-task .controls .control .action, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a, .verification-process.step-select-track .register-choice-audit .action-select input, .verification-process.step-confirmation .course-info .options .action-course, .verification-process.step-confirmation .course-info .course-actions .action-dashboard, .reverify-blocked .action-primary, .wrapper-authorize .btn-authorization-allow, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn, .text-me-fragment form .form-field .action-primary, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.form-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .action-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-submit,
.error-page article .container .btn,
.error-page article section.outside-app .btn,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .btn,
.error-page article .view-profile .wrapper-profile-sections .btn,
.view-profile .error-page article .wrapper-profile-sections .btn,
.global-header .nav-links .secondary a.sign-in-btn,
.global-header .nav-links .secondary .nav-item a.shopping-cart {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.wrapper-messages-primary .message.message-upsell .action-upgrade:hover, .verification-process .action-primary:hover, .verification-process .action-confirm:hover, .verification-process.step-select-track .register-choice-certificate .action-select input:hover, .learner-achievements .learner-message .button:hover,
.learner-achievements .learner-message .action:hover, .wrapper-msg .has-actions .nav-actions .action-primary:hover,
.wrapper-msg .has-actions .msg-actions .action-primary:hover, .wrapper-messages-primary .message.message-upsell .active.action-upgrade, .verification-process .active.action-primary, .verification-process .active.action-confirm, .verification-process.step-select-track .register-choice-certificate .action-select input.active, .learner-achievements .learner-message .active.button,
.learner-achievements .learner-message .active.action, .wrapper-msg .has-actions .nav-actions .active.action-primary,
.wrapper-msg .has-actions .msg-actions .active.action-primary, .btn-blue:hover, .login-register .action-primary:hover, .verification-process .action-primary-blue:hover, .verification-process .carousel .wrapper-task .controls .control .action:hover, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a:hover, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a:hover, .verification-process.step-select-track .register-choice-audit .action-select input:hover, .verification-process.step-confirmation .course-info .options .action-course:hover, .verification-process.step-confirmation .course-info .course-actions .action-dashboard:hover, .reverify-blocked .action-primary:hover, .wrapper-authorize .btn-authorization-allow:hover, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn:hover, .text-me-fragment form .form-field .action-primary:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy:hover, .active.btn-blue, .login-register .active.action-primary, .verification-process .active.action-primary-blue, .verification-process .carousel .wrapper-task .controls .control .active.action, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.active, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.active, .verification-process.step-select-track .register-choice-audit .action-select input.active, .verification-process.step-confirmation .course-info .options .active.action-course, .verification-process.step-confirmation .course-info .course-actions .active.action-dashboard, .reverify-blocked .active.action-primary, .wrapper-authorize .active.btn-authorization-allow, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .active.btn, .text-me-fragment form .form-field .active.action-primary, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .active.btn-change-privacy,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.form-submit:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .action-submit:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-submit:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-submit:hover,
.error-page article .container .btn:hover,
.error-page article section.outside-app .btn:hover,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn:hover,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .btn:hover,
.error-page article .view-profile .wrapper-profile-sections .btn:hover,
.view-profile .error-page article .wrapper-profile-sections .btn:hover,
.global-header .nav-links .secondary a.sign-in-btn:hover,
.global-header .nav-links .secondary .nav-item a.shopping-cart:hover,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.active.form-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .active.action-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .active.form-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .active.form-submit,
.error-page article .container .active.btn,
.error-page article section.outside-app .active.btn,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .active.btn,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .active.btn,
.error-page article .view-profile .wrapper-profile-sections .active.btn,
.view-profile .error-page article .wrapper-profile-sections .active.btn,
.global-header .nav-links .secondary a.active.sign-in-btn,
.global-header .nav-links .secondary .nav-item a.active.shopping-cart {
  text-decoration: none;
}

.wrapper-messages-primary .message.message-upsell .action-upgrade .icon, .verification-process .action-primary .icon, .verification-process .action-confirm .icon, .verification-process .carousel .wrapper-task .controls .control.approved .action .icon, .verification-process.step-select-track .register-choice-certificate .action-select input .icon, .learner-achievements .learner-message .button .icon,
.learner-achievements .learner-message .action .icon, .wrapper-msg .has-actions .nav-actions .action-primary .icon,
.wrapper-msg .has-actions .msg-actions .action-primary .icon, .wrapper-messages-primary .message.message-upsell .action-upgrade .fa, .verification-process .action-primary .fa, .verification-process .action-confirm .fa, .verification-process .carousel .wrapper-task .controls .control.approved .action .fa, .verification-process.step-select-track .register-choice-certificate .action-select input .fa, .learner-achievements .learner-message .button .fa,
.learner-achievements .learner-message .action .fa, .wrapper-msg .has-actions .nav-actions .action-primary .fa,
.wrapper-msg .has-actions .msg-actions .action-primary .fa, .wrapper-messages-primary .message.message-upsell .action-upgrade .fas, .verification-process .action-primary .fas, .verification-process .action-confirm .fas, .verification-process .carousel .wrapper-task .controls .control.approved .action .fas, .verification-process.step-select-track .register-choice-certificate .action-select input .fas, .learner-achievements .learner-message .button .fas,
.learner-achievements .learner-message .action .fas, .wrapper-msg .has-actions .nav-actions .action-primary .fas,
.wrapper-msg .has-actions .msg-actions .action-primary .fas, .wrapper-messages-primary .message.message-upsell .action-upgrade .far, .verification-process .action-primary .far, .verification-process .action-confirm .far, .verification-process .carousel .wrapper-task .controls .control.approved .action .far, .verification-process.step-select-track .register-choice-certificate .action-select input .far, .learner-achievements .learner-message .button .far,
.learner-achievements .learner-message .action .far, .wrapper-msg .has-actions .nav-actions .action-primary .far,
.wrapper-msg .has-actions .msg-actions .action-primary .far, .wrapper-messages-primary .message.message-upsell .action-upgrade .fal, .verification-process .action-primary .fal, .verification-process .action-confirm .fal, .verification-process .carousel .wrapper-task .controls .control.approved .action .fal, .verification-process.step-select-track .register-choice-certificate .action-select input .fal, .learner-achievements .learner-message .button .fal,
.learner-achievements .learner-message .action .fal, .wrapper-msg .has-actions .nav-actions .action-primary .fal,
.wrapper-msg .has-actions .msg-actions .action-primary .fal, .btn-blue .icon, .login-register .action-primary .icon, .verification-process .action-primary-blue .icon, .verification-process .carousel .wrapper-task .controls .control .action .icon, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a .icon, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a .icon, .verification-process.step-select-track .register-choice-audit .action-select input .icon, .verification-process.step-confirmation .course-info .options .action-course .icon, .verification-process.step-confirmation .course-info .course-actions .action-dashboard .icon, .reverify-blocked .action-primary .icon, .wrapper-authorize .btn-authorization-allow .icon, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn .icon, .text-me-fragment form .form-field .action-primary .icon, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy .icon, .btn-blue .fa, .login-register .action-primary .fa, .verification-process .action-primary-blue .fa, .verification-process .carousel .wrapper-task .controls .control .action .fa, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a .fa, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a .fa, .verification-process.step-select-track .register-choice-audit .action-select input .fa, .verification-process.step-confirmation .course-info .options .action-course .fa, .verification-process.step-confirmation .course-info .course-actions .action-dashboard .fa, .reverify-blocked .action-primary .fa, .wrapper-authorize .btn-authorization-allow .fa, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn .fa, .text-me-fragment form .form-field .action-primary .fa, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy .fa, .btn-blue .fas, .login-register .action-primary .fas, .verification-process .action-primary-blue .fas, .verification-process .carousel .wrapper-task .controls .control .action .fas, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a .fas, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a .fas, .verification-process.step-select-track .register-choice-audit .action-select input .fas, .verification-process.step-confirmation .course-info .options .action-course .fas, .verification-process.step-confirmation .course-info .course-actions .action-dashboard .fas, .reverify-blocked .action-primary .fas, .wrapper-authorize .btn-authorization-allow .fas, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn .fas, .text-me-fragment form .form-field .action-primary .fas, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy .fas, .btn-blue .far, .login-register .action-primary .far, .verification-process .action-primary-blue .far, .verification-process .carousel .wrapper-task .controls .control .action .far, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a .far, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a .far, .verification-process.step-select-track .register-choice-audit .action-select input .far, .verification-process.step-confirmation .course-info .options .action-course .far, .verification-process.step-confirmation .course-info .course-actions .action-dashboard .far, .reverify-blocked .action-primary .far, .wrapper-authorize .btn-authorization-allow .far, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn .far, .text-me-fragment form .form-field .action-primary .far, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy .far, .btn-blue .fal, .login-register .action-primary .fal, .verification-process .action-primary-blue .fal, .verification-process .carousel .wrapper-task .controls .control .action .fal, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a .fal, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a .fal, .verification-process.step-select-track .register-choice-audit .action-select input .fal, .verification-process.step-confirmation .course-info .options .action-course .fal, .verification-process.step-confirmation .course-info .course-actions .action-dashboard .fal, .reverify-blocked .action-primary .fal, .wrapper-authorize .btn-authorization-allow .fal, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn .fal, .text-me-fragment form .form-field .action-primary .fal, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy .fal,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.form-submit .icon,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .action-submit .icon,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-submit .icon,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-submit .icon,
.error-page article .container .btn .icon,
.error-page article section.outside-app .btn .icon,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn .icon,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .btn .icon,
.error-page article .view-profile .wrapper-profile-sections .btn .icon,
.view-profile .error-page article .wrapper-profile-sections .btn .icon,
.global-header .nav-links .secondary a.sign-in-btn .icon,
.global-header .nav-links .secondary .nav-item a.shopping-cart .icon,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.form-submit .fa,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .action-submit .fa,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-submit .fa,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-submit .fa,
.error-page article .container .btn .fa,
.error-page article section.outside-app .btn .fa,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn .fa,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .btn .fa,
.error-page article .view-profile .wrapper-profile-sections .btn .fa,
.view-profile .error-page article .wrapper-profile-sections .btn .fa,
.global-header .nav-links .secondary a.sign-in-btn .fa,
.global-header .nav-links .secondary .nav-item a.shopping-cart .fa,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.form-submit .fas,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .action-submit .fas,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-submit .fas,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-submit .fas,
.error-page article .container .btn .fas,
.error-page article section.outside-app .btn .fas,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn .fas,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .btn .fas,
.error-page article .view-profile .wrapper-profile-sections .btn .fas,
.view-profile .error-page article .wrapper-profile-sections .btn .fas,
.global-header .nav-links .secondary a.sign-in-btn .fas,
.global-header .nav-links .secondary .nav-item a.shopping-cart .fas,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.form-submit .far,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .action-submit .far,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-submit .far,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-submit .far,
.error-page article .container .btn .far,
.error-page article section.outside-app .btn .far,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn .far,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .btn .far,
.error-page article .view-profile .wrapper-profile-sections .btn .far,
.view-profile .error-page article .wrapper-profile-sections .btn .far,
.global-header .nav-links .secondary a.sign-in-btn .far,
.global-header .nav-links .secondary .nav-item a.shopping-cart .far,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.form-submit .fal,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .action-submit .fal,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-submit .fal,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-submit .fal,
.error-page article .container .btn .fal,
.error-page article section.outside-app .btn .fal,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn .fal,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .btn .fal,
.error-page article .view-profile .wrapper-profile-sections .btn .fal,
.view-profile .error-page article .wrapper-profile-sections .btn .fal,
.global-header .nav-links .secondary a.sign-in-btn .fal,
.global-header .nav-links .secondary .nav-item a.shopping-cart .fal {
  margin-right: 5px;
}

.wrapper-messages-primary .message.message-upsell .action-upgrade:hover, .verification-process .action-primary:hover, .verification-process .action-confirm:hover, .verification-process.step-select-track .register-choice-certificate .action-select input:hover, .learner-achievements .learner-message .button:hover,
.learner-achievements .learner-message .action:hover, .wrapper-msg .has-actions .nav-actions .action-primary:hover,
.wrapper-msg .has-actions .msg-actions .action-primary:hover, .wrapper-messages-primary .message.message-upsell .active.action-upgrade, .verification-process .active.action-primary, .verification-process .active.action-confirm, .verification-process.step-select-track .register-choice-certificate .action-select input.active, .learner-achievements .learner-message .active.button,
.learner-achievements .learner-message .active.action, .wrapper-msg .has-actions .nav-actions .active.action-primary,
.wrapper-msg .has-actions .msg-actions .active.action-primary, .btn-blue:hover, .login-register .action-primary:hover, .verification-process .action-primary-blue:hover, .verification-process .carousel .wrapper-task .controls .control .action:hover, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a:hover, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a:hover, .verification-process.step-select-track .register-choice-audit .action-select input:hover, .verification-process.step-confirmation .course-info .options .action-course:hover, .verification-process.step-confirmation .course-info .course-actions .action-dashboard:hover, .reverify-blocked .action-primary:hover, .wrapper-authorize .btn-authorization-allow:hover, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn:hover, .text-me-fragment form .form-field .action-primary:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy:hover, .active.btn-blue, .login-register .active.action-primary, .verification-process .active.action-primary-blue, .verification-process .carousel .wrapper-task .controls .control .active.action, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.active, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.active, .verification-process.step-select-track .register-choice-audit .action-select input.active, .verification-process.step-confirmation .course-info .options .active.action-course, .verification-process.step-confirmation .course-info .course-actions .active.action-dashboard, .reverify-blocked .active.action-primary, .wrapper-authorize .active.btn-authorization-allow, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .active.btn, .text-me-fragment form .form-field .active.action-primary, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .active.btn-change-privacy,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.form-submit:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .action-submit:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-submit:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-submit:hover,
.error-page article .container .btn:hover,
.error-page article section.outside-app .btn:hover,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn:hover,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .btn:hover,
.error-page article .view-profile .wrapper-profile-sections .btn:hover,
.view-profile .error-page article .wrapper-profile-sections .btn:hover,
.global-header .nav-links .secondary a.sign-in-btn:hover,
.global-header .nav-links .secondary .nav-item a.shopping-cart:hover,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.active.form-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .active.action-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .active.form-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .active.form-submit,
.error-page article .container .active.btn,
.error-page article section.outside-app .active.btn,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .active.btn,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .active.btn,
.error-page article .view-profile .wrapper-profile-sections .active.btn,
.view-profile .error-page article .wrapper-profile-sections .active.btn,
.global-header .nav-links .secondary a.active.sign-in-btn,
.global-header .nav-links .secondary .nav-item a.active.shopping-cart {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.wrapper-messages-primary .message.message-upsell .action-upgrade:focus, .verification-process .action-primary:focus, .verification-process .action-confirm:focus, .verification-process.step-select-track .register-choice-certificate .action-select input:focus, .learner-achievements .learner-message .button:focus,
.learner-achievements .learner-message .action:focus, .wrapper-msg .has-actions .nav-actions .action-primary:focus,
.wrapper-msg .has-actions .msg-actions .action-primary:focus, .btn-blue:focus, .login-register .action-primary:focus, .verification-process .action-primary-blue:focus, .verification-process .carousel .wrapper-task .controls .control .action:focus, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a:focus, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a:focus, .verification-process.step-select-track .register-choice-audit .action-select input:focus, .verification-process.step-confirmation .course-info .options .action-course:focus, .verification-process.step-confirmation .course-info .course-actions .action-dashboard:focus, .reverify-blocked .action-primary:focus, .wrapper-authorize .btn-authorization-allow:focus, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn:focus, .text-me-fragment form .form-field .action-primary:focus, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy:focus,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.form-submit:focus,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .action-submit:focus,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-submit:focus,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-submit:focus,
.error-page article .container .btn:focus,
.error-page article section.outside-app .btn:focus,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn:focus,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .btn:focus,
.error-page article .view-profile .wrapper-profile-sections .btn:focus,
.view-profile .error-page article .wrapper-profile-sections .btn:focus,
.global-header .nav-links .secondary a.sign-in-btn:focus,
.global-header .nav-links .secondary .nav-item a.shopping-cart:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.wrapper-messages-primary .message.message-upsell [disabled].action-upgrade, .verification-process [disabled].action-primary, .verification-process [disabled].action-confirm, .verification-process .carousel .wrapper-task .controls .control.approved [disabled].action, .verification-process.step-select-track .register-choice-certificate .action-select input[disabled], .learner-achievements .learner-message [disabled].button,
.learner-achievements .learner-message [disabled].action, .wrapper-msg .has-actions .nav-actions [disabled].action-primary,
.wrapper-msg .has-actions .msg-actions [disabled].action-primary, .wrapper-messages-primary .message.message-upsell .disabled.action-upgrade, .verification-process .disabled.action-primary, .verification-process .disabled.action-confirm, .verification-process .carousel .wrapper-task .controls .control.approved .disabled.action, .verification-process.step-select-track .register-choice-certificate .action-select input.disabled, .learner-achievements .learner-message .disabled.button,
.learner-achievements .learner-message .disabled.action, .wrapper-msg .has-actions .nav-actions .disabled.action-primary,
.wrapper-msg .has-actions .msg-actions .disabled.action-primary, .wrapper-messages-primary .message.message-upsell .action-upgrade:disabled, .verification-process .action-primary:disabled, .verification-process .action-confirm:disabled, .verification-process .carousel .wrapper-task .controls .control.approved .action:disabled, .verification-process.step-select-track .register-choice-certificate .action-select input:disabled, .learner-achievements .learner-message .button:disabled,
.learner-achievements .learner-message .action:disabled, .wrapper-msg .has-actions .nav-actions .action-primary:disabled,
.wrapper-msg .has-actions .msg-actions .action-primary:disabled, .wrapper-messages-primary .message.message-upsell .is-disabled.action-upgrade, .verification-process .is-disabled.action-primary, .verification-process .is-disabled.action-confirm, .verification-process .carousel .wrapper-task .controls .control.approved .is-disabled.action, .verification-process.step-select-track .register-choice-certificate .action-select input.is-disabled, .learner-achievements .learner-message .is-disabled.button,
.learner-achievements .learner-message .is-disabled.action, .wrapper-msg .has-actions .nav-actions .is-disabled.action-primary,
.wrapper-msg .has-actions .msg-actions .is-disabled.action-primary, [disabled].btn-blue, .login-register [disabled].action-primary, .verification-process [disabled].action-primary-blue, .verification-process .carousel .wrapper-task .controls .control [disabled].action, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a[disabled], .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a[disabled], .verification-process.step-select-track .register-choice-audit .action-select input[disabled], .verification-process.step-confirmation .course-info .options [disabled].action-course, .verification-process.step-confirmation .course-info .course-actions [disabled].action-dashboard, .reverify-blocked [disabled].action-primary, .wrapper-authorize [disabled].btn-authorization-allow, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions [disabled].btn, .text-me-fragment form .form-field [disabled].action-primary, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy [disabled].btn-change-privacy, .disabled.btn-blue, .login-register .disabled.action-primary, .verification-process .disabled.action-primary-blue, .verification-process .carousel .wrapper-task .controls .control .disabled.action, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.disabled, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.disabled, .verification-process.step-select-track .register-choice-audit .action-select input.disabled, .verification-process.step-confirmation .course-info .options .disabled.action-course, .verification-process.step-confirmation .course-info .course-actions .disabled.action-dashboard, .reverify-blocked .disabled.action-primary, .wrapper-authorize .disabled.btn-authorization-allow, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .disabled.btn, .text-me-fragment form .form-field .disabled.action-primary, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .disabled.btn-change-privacy, .btn-blue:disabled, .login-register .action-primary:disabled, .verification-process .action-primary-blue:disabled, .verification-process .carousel .wrapper-task .controls .control .action:disabled, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a:disabled, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a:disabled, .verification-process.step-select-track .register-choice-audit .action-select input:disabled, .verification-process.step-confirmation .course-info .options .action-course:disabled, .verification-process.step-confirmation .course-info .course-actions .action-dashboard:disabled, .reverify-blocked .action-primary:disabled, .wrapper-authorize .btn-authorization-allow:disabled, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .btn:disabled, .text-me-fragment form .form-field .action-primary:disabled, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn-change-privacy:disabled, .is-disabled.btn-blue, .login-register .is-disabled.action-primary, .verification-process .is-disabled.action-primary-blue, .verification-process .carousel .wrapper-task .controls .control .is-disabled.action, .verification-process .carousel .wrapper-task .msg .list-actions .action-retakephotos a.is-disabled, .verification-process .carousel #wrapper-review .review-task-name .list-actions .action-editname a.is-disabled, .verification-process.step-select-track .register-choice-audit .action-select input.is-disabled, .verification-process.step-confirmation .course-info .options .is-disabled.action-course, .verification-process.step-confirmation .course-info .course-actions .is-disabled.action-dashboard, .reverify-blocked .is-disabled.action-primary, .wrapper-authorize .is-disabled.btn-authorization-allow, .wrapper-msg.wrapper-auto-cert .auto-cert-message .has-actions .msg-actions .is-disabled.btn, .text-me-fragment form .form-field .is-disabled.action-primary, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .is-disabled.btn-change-privacy,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button[disabled].form-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form [disabled].action-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add [disabled].form-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add [disabled].form-submit,
.error-page article .container [disabled].btn,
.error-page article section.outside-app [disabled].btn,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy [disabled].btn,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy [disabled].btn,
.error-page article .view-profile .wrapper-profile-sections [disabled].btn,
.view-profile .error-page article .wrapper-profile-sections [disabled].btn,
.global-header .nav-links .secondary a[disabled].sign-in-btn,
.global-header .nav-links .secondary .nav-item a[disabled].shopping-cart,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.disabled.form-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .disabled.action-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .disabled.form-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .disabled.form-submit,
.error-page article .container .disabled.btn,
.error-page article section.outside-app .disabled.btn,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .disabled.btn,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .disabled.btn,
.error-page article .view-profile .wrapper-profile-sections .disabled.btn,
.view-profile .error-page article .wrapper-profile-sections .disabled.btn,
.global-header .nav-links .secondary a.disabled.sign-in-btn,
.global-header .nav-links .secondary .nav-item a.disabled.shopping-cart,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.form-submit:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .action-submit:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-submit:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-submit:disabled,
.error-page article .container .btn:disabled,
.error-page article section.outside-app .btn:disabled,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .btn:disabled,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .btn:disabled,
.error-page article .view-profile .wrapper-profile-sections .btn:disabled,
.view-profile .error-page article .wrapper-profile-sections .btn:disabled,
.global-header .nav-links .secondary a.sign-in-btn:disabled,
.global-header .nav-links .secondary .nav-item a.shopping-cart:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.is-disabled.form-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .is-disabled.action-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .is-disabled.form-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .is-disabled.form-submit,
.error-page article .container .is-disabled.btn,
.error-page article section.outside-app .is-disabled.btn,
.error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .is-disabled.btn,
.view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .is-disabled.btn,
.error-page article .view-profile .wrapper-profile-sections .is-disabled.btn,
.view-profile .error-page article .wrapper-profile-sections .is-disabled.btn,
.global-header .nav-links .secondary a.is-disabled.sign-in-btn,
.global-header .nav-links .secondary .nav-item a.is-disabled.shopping-cart {
  color: #ffffff;
  text-shadow: none;
}

.btn-secondary, .wrapper-messages-primary .message.message-upsell .action-view-consent, .wrapper-messages-primary .message.message-upsell .action-view-consent.archived, .wrapper-messages-primary .message.message-status .verification-cta .btn, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link, .account-settings-sections .section .account-deletion-details .btn-outline-primary, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button, .courseware-bookmarks-button .bookmarks-list-button,
.course-info .container .wrap-instructor-info.studio-view .instructor-info-action,
.course-info section.outside-app .wrap-instructor-info.studio-view .instructor-info-action,
.course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action,
.view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action,
.course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action,
.view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action,
.dashboard .flat-button,
.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link,
.global-header .nav-links .secondary a.register-btn {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  color: #09092d;
  border: 1px solid #4c4c8e;
}

.btn-secondary:hover, .wrapper-messages-primary .message.message-upsell .action-view-consent:hover, .wrapper-messages-primary .message.message-status .verification-cta .btn:hover, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:hover, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link:hover, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link:hover, .account-settings-sections .section .account-deletion-details .btn-outline-primary:hover, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button:hover, .courseware-bookmarks-button .bookmarks-list-button:hover, .active.btn-secondary, .wrapper-messages-primary .message.message-upsell .active.action-view-consent, .wrapper-messages-primary .message.message-status .verification-cta .active.btn, .account-settings-sections .section .account-settings-section-body .u-field .field .active.u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .active.u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .active.u-field-link, .account-settings-sections .section .account-deletion-details .active.btn-outline-primary, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button.active, .courseware-bookmarks-button .active.bookmarks-list-button,
.course-info .container .wrap-instructor-info.studio-view .instructor-info-action:hover,
.course-info section.outside-app .wrap-instructor-info.studio-view .instructor-info-action:hover,
.course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action:hover,
.view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action:hover,
.course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action:hover,
.view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action:hover,
.dashboard .flat-button:hover,
.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:hover,
.global-header .nav-links .secondary a.register-btn:hover,
.course-info .container .wrap-instructor-info.studio-view .active.instructor-info-action,
.course-info section.outside-app .wrap-instructor-info.studio-view .active.instructor-info-action,
.course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view .active.instructor-info-action,
.view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view .active.instructor-info-action,
.course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view .active.instructor-info-action,
.view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view .active.instructor-info-action,
.dashboard .active.flat-button,
.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .active.u-field-link,
.global-header .nav-links .secondary a.active.register-btn {
  text-decoration: none;
}

.btn-secondary .icon, .wrapper-messages-primary .message.message-upsell .action-view-consent .icon, .wrapper-messages-primary .message.message-status .verification-cta .btn .icon, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link .icon, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link .icon, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link .icon, .account-settings-sections .section .account-deletion-details .btn-outline-primary .icon, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button .icon, .courseware-bookmarks-button .bookmarks-list-button .icon, .btn-secondary .fa, .wrapper-messages-primary .message.message-upsell .action-view-consent .fa, .wrapper-messages-primary .message.message-status .verification-cta .btn .fa, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link .fa, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link .fa, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link .fa, .account-settings-sections .section .account-deletion-details .btn-outline-primary .fa, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button .fa, .courseware-bookmarks-button .bookmarks-list-button .fa, .btn-secondary .fas, .wrapper-messages-primary .message.message-upsell .action-view-consent .fas, .wrapper-messages-primary .message.message-status .verification-cta .btn .fas, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link .fas, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link .fas, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link .fas, .account-settings-sections .section .account-deletion-details .btn-outline-primary .fas, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button .fas, .courseware-bookmarks-button .bookmarks-list-button .fas, .btn-secondary .far, .wrapper-messages-primary .message.message-upsell .action-view-consent .far, .wrapper-messages-primary .message.message-status .verification-cta .btn .far, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link .far, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link .far, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link .far, .account-settings-sections .section .account-deletion-details .btn-outline-primary .far, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button .far, .courseware-bookmarks-button .bookmarks-list-button .far, .btn-secondary .fal, .wrapper-messages-primary .message.message-upsell .action-view-consent .fal, .wrapper-messages-primary .message.message-status .verification-cta .btn .fal, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link .fal, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link .fal, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link .fal, .account-settings-sections .section .account-deletion-details .btn-outline-primary .fal, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button .fal, .courseware-bookmarks-button .bookmarks-list-button .fal,
.course-info .container .wrap-instructor-info.studio-view .instructor-info-action .icon,
.course-info section.outside-app .wrap-instructor-info.studio-view .instructor-info-action .icon,
.course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action .icon,
.view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action .icon,
.course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action .icon,
.view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action .icon,
.dashboard .flat-button .icon,
.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link .icon,
.global-header .nav-links .secondary a.register-btn .icon,
.course-info .container .wrap-instructor-info.studio-view .instructor-info-action .fa,
.course-info section.outside-app .wrap-instructor-info.studio-view .instructor-info-action .fa,
.course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action .fa,
.view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action .fa,
.course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action .fa,
.view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action .fa,
.dashboard .flat-button .fa,
.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link .fa,
.global-header .nav-links .secondary a.register-btn .fa,
.course-info .container .wrap-instructor-info.studio-view .instructor-info-action .fas,
.course-info section.outside-app .wrap-instructor-info.studio-view .instructor-info-action .fas,
.course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action .fas,
.view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action .fas,
.course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action .fas,
.view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action .fas,
.dashboard .flat-button .fas,
.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link .fas,
.global-header .nav-links .secondary a.register-btn .fas,
.course-info .container .wrap-instructor-info.studio-view .instructor-info-action .far,
.course-info section.outside-app .wrap-instructor-info.studio-view .instructor-info-action .far,
.course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action .far,
.view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action .far,
.course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action .far,
.view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action .far,
.dashboard .flat-button .far,
.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link .far,
.global-header .nav-links .secondary a.register-btn .far,
.course-info .container .wrap-instructor-info.studio-view .instructor-info-action .fal,
.course-info section.outside-app .wrap-instructor-info.studio-view .instructor-info-action .fal,
.course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action .fal,
.view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action .fal,
.course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action .fal,
.view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action .fal,
.dashboard .flat-button .fal,
.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link .fal,
.global-header .nav-links .secondary a.register-btn .fal {
  margin-right: 5px;
}

.btn-secondary:focus, .wrapper-messages-primary .message.message-upsell .action-view-consent:focus, .wrapper-messages-primary .message.message-status .verification-cta .btn:focus, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:focus, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link:focus, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link:focus, .account-settings-sections .section .account-deletion-details .btn-outline-primary:focus, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button:focus, .courseware-bookmarks-button .bookmarks-list-button:focus,
.course-info .container .wrap-instructor-info.studio-view .instructor-info-action:focus,
.course-info section.outside-app .wrap-instructor-info.studio-view .instructor-info-action:focus,
.course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action:focus,
.view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action:focus,
.course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action:focus,
.view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action:focus,
.dashboard .flat-button:focus,
.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:focus,
.global-header .nav-links .secondary a.register-btn:focus {
  color: #09092d;
  border: 1px solid #4c4c8e;
}

.btn-secondary:hover, .wrapper-messages-primary .message.message-upsell .action-view-consent:hover, .wrapper-messages-primary .message.message-status .verification-cta .btn:hover, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:hover, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link:hover, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link:hover, .account-settings-sections .section .account-deletion-details .btn-outline-primary:hover, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button:hover, .courseware-bookmarks-button .bookmarks-list-button:hover, .active.btn-secondary, .wrapper-messages-primary .message.message-upsell .active.action-view-consent, .wrapper-messages-primary .message.message-status .verification-cta .active.btn, .account-settings-sections .section .account-settings-section-body .u-field .field .active.u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .active.u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .active.u-field-link, .account-settings-sections .section .account-deletion-details .active.btn-outline-primary, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button.active, .courseware-bookmarks-button .active.bookmarks-list-button,
.course-info .container .wrap-instructor-info.studio-view .instructor-info-action:hover,
.course-info section.outside-app .wrap-instructor-info.studio-view .instructor-info-action:hover,
.course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action:hover,
.view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action:hover,
.course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action:hover,
.view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action:hover,
.dashboard .flat-button:hover,
.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:hover,
.global-header .nav-links .secondary a.register-btn:hover,
.course-info .container .wrap-instructor-info.studio-view .active.instructor-info-action,
.course-info section.outside-app .wrap-instructor-info.studio-view .active.instructor-info-action,
.course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view .active.instructor-info-action,
.view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view .active.instructor-info-action,
.course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view .active.instructor-info-action,
.view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view .active.instructor-info-action,
.dashboard .active.flat-button,
.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .active.u-field-link,
.global-header .nav-links .secondary a.active.register-btn {
  color: #5959eb;
  border-color: #5959eb;
}

.btn-secondary, .wrapper-messages-primary .message.message-upsell .action-view-consent, .wrapper-messages-primary .message.message-upsell .action-view-consent.archived, .wrapper-messages-primary .message.message-status .verification-cta .btn, .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order .u-field-order-link .u-field-link, .account-settings-sections .section .account-settings-section-body .u-field .u-field-order-lines .u-field-order-link .u-field-link, .account-settings-sections .section .account-deletion-details .btn-outline-primary, .verification-process .report-receipt-provider .provider-buttons-logos .complete-order button, .courseware-bookmarks-button .bookmarks-list-button, .account-settings-sections .section .account-deletion-details .btn-outline-primary:hover, .account-settings-sections .section .account-deletion-details .btn-outline-primary:focus,
.course-info .container .wrap-instructor-info.studio-view .instructor-info-action,
.course-info section.outside-app .wrap-instructor-info.studio-view .instructor-info-action,
.course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action,
.view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action,
.course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action,
.view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action,
.dashboard .flat-button,
.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link,
.global-header .nav-links .secondary a.register-btn {
  background-color: transparent;
}

body.view-courseware.courseware .xblock-student_view-html h3.html-header, body.view-courseware.courseware .xmodule_VideoModule h3, body.view-courseware.courseware div.themed-xblock.poll-block h3.poll-header, body.view-courseware.courseware .xblock-student_view-externality h3.externality-header, body.view-courseware.courseware .xblock-student_view-scormxblock h3.scorm-header, body.view-courseware.courseware .xblock-student_view-openassessment .openassessment__title, body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .problem-title, body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-pdf .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-poll .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-scormxblock .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-externality .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-survey .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-openassessment .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-icxblock .pdf_block h3, body.view-courseware.courseware .xblock .problem-title, body.view-courseware.courseware div.xmodule_display.xmodule_CapaModule .problem-header, body.view-courseware.courseware div.xmodule_display.xmodule_HtmlModule h2 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  font-size: 22px;
  text-transform: none;
  letter-spacing: normal;
  color: #09092d;
  padding-bottom: 10px;
}

body.view-courseware.courseware .xblock-student_view-html h3.html-header span, body.view-courseware.courseware .xmodule_VideoModule h3 span, body.view-courseware.courseware div.themed-xblock.poll-block h3.poll-header span, body.view-courseware.courseware .xblock-student_view-externality h3.externality-header span, body.view-courseware.courseware .xblock-student_view-scormxblock h3.scorm-header span, body.view-courseware.courseware .xblock-student_view-openassessment .openassessment__title span, body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .problem-title span, body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) .pdf_block h3 span,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .pdf_block h3 span,
body.view-courseware.courseware .xblock-student_view-pdf .pdf_block h3 span,
body.view-courseware.courseware .xblock-student_view-poll .pdf_block h3 span,
body.view-courseware.courseware .xblock-student_view-scormxblock .pdf_block h3 span,
body.view-courseware.courseware .xblock-student_view-externality .pdf_block h3 span,
body.view-courseware.courseware .xblock-student_view-survey .pdf_block h3 span,
body.view-courseware.courseware .xblock-student_view-openassessment .pdf_block h3 span,
body.view-courseware.courseware .xblock-student_view-icxblock .pdf_block h3 span, body.view-courseware.courseware .xblock .problem-title span, body.view-courseware.courseware div.xmodule_display.xmodule_CapaModule .problem-header span, body.view-courseware.courseware div.xmodule_display.xmodule_HtmlModule h2 span {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial !important;
  font-weight: 600 !important;
  font-size: 22px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  color: #09092d !important;
}

body.view-courseware.courseware div.themed-xblock.poll-block h4.poll-header {
  padding-bottom: 10px;
  font-weight: 300;
  font-size: 16px;
  text-transform: none;
}

body.view-in-course .wiki-wrapper section.wiki section.delete .page-header,
body.view-in-course .wiki-wrapper section.wiki .main-article .page-header {
  font-size: 24px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
}

.course-print .course-description .description, .course-info .container .intro .course-description .subtitle-description-wrapper .description, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .error-page article .container p, .error-page article section.outside-app p, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy p, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy p, .error-page article .view-profile .wrapper-profile-sections p, .view-profile .error-page article .wrapper-profile-sections p {
  font-size: 16px;
  font-weight: 400;
}

.wmd-prompt-dialog fieldset .field label, .error-page article .container form .list-input .field label, .error-page article section.outside-app form .list-input .field label, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form .list-input .field label, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form .list-input .field label, .error-page article .view-profile .wrapper-profile-sections form .list-input .field label, .view-profile .error-page article .wrapper-profile-sections form .list-input .field label {
  font-size: 11px;
  font-weight: 600;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.u-field-dropdown .u-field-value .u-field-title, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.editable-never .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.mode-display .u-field-value .u-field-title, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-label {
  font-size: 11px;
  line-height: 10px;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 5px;
  cursor: default;
}

#other-activities .section-header .banner h2, #leader-board .banner h2, #admin-panel .banner h2, .tos .banner h2, .view-faq .banner h2, .open-response-assessment-block .open-response-assessment-summary .parent_name .ora-summary-value, .open-response-assessment-block .open-response-assessment-summary .name .ora-summary-value, .open-response-assessment-block .open-response-assessment-summary td.total .ora-summary-value, .open-response-assessment-block .open-response-assessment-summary td.done .ora-summary-value, body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-2 .hd-3, body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-2 .instructor-dashboard-title, body.view-in-course .instructor-dashboard-wrapper-2 h3, body.view-in-course .instructor-dashboard-wrapper-2 h4, body.view-in-course .instructor-dashboard-wrapper-2 h5, body.view-in-course nav.course-banner h2, .find-courses .banner h2, .dashboard .banner .whiteboard > div h2, .dashboard .banner h2, .my-courses-dashboard .banner h2, .view-in-analytics .main-container .banner h2, .wrapper-account-settings .account-settings-container .wrapper-header .banner h2 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

#leader-board .headline-lists .headline .period .lt-react-dropdown .panel, body.view-in-course .wiki-wrapper section.wiki section.delete,
body.view-in-course .wiki-wrapper section.wiki .main-article, .courseware-results .bookmarks-results-list .bookmarks-results-list-item, body.view-courseware.courseware .search-results .search-results-item, section.discussion .responses .forum-response, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper, section.discussion .thread-wrapper .thread-main-wrapper, section.discussion .discussion-article, section.discussion div.discussion-body .table-wrapper, section.discussion div.view-discussion-home .home-helpgrid, section.discussion .new-post-article, .discussion.inline-discussion .table-wrapper, .open-response-assessment-block .open-response-assessment-main-table, .open-response-assessment-block .open-response-assessment-summary .parent_name, .open-response-assessment-block .open-response-assessment-summary .name, .open-response-assessment-block .open-response-assessment-summary td.total, .open-response-assessment-block .open-response-assessment-summary td.done, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-add-form, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-details, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-details,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohorts-state-section, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list table, #course_info .basic-wrapper .board-wrapper .half-board-layer, .find-courses .courses-container .courses .course, .find-courses .courses-container .search-form .search-facets .fact-wrapper .facet-list, .microsite .date-range-selector .date-range-picker,
.customized .date-range-selector .date-range-picker,
.transcript .date-range-selector .date-range-picker,
.ilt_global .date-range-selector .date-range-picker,
.ilt_learner .date-range-selector .date-range-picker,
.course .date-range-selector .date-range-picker,
.ilt_report .date-range-selector .date-range-picker,
.learner .date-range-selector .date-range-picker, .microsite .lt-react-dropdown .panel,
.customized .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .panel,
.course .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .panel,
.learner .lt-react-dropdown .panel, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-24,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-75,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-100, .wrapper-footer .footer-language-selector .select-items {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
}

#leader-board .headline-lists .headline .period .lt-react-dropdown .panel:hover, body.view-in-course .wiki-wrapper section.wiki section.delete:hover,
body.view-in-course .wiki-wrapper section.wiki .main-article:hover, .courseware-results .bookmarks-results-list .bookmarks-results-list-item:hover, body.view-courseware.courseware .search-results .search-results-item:hover, section.discussion .responses .forum-response:hover, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper:hover, section.discussion .thread-wrapper .thread-main-wrapper:hover, section.discussion .discussion-article:hover, section.discussion div.discussion-body .table-wrapper:hover, section.discussion div.view-discussion-home .home-helpgrid:hover, section.discussion .new-post-article:hover, .discussion.inline-discussion .table-wrapper:hover, .open-response-assessment-block .open-response-assessment-main-table:hover, .open-response-assessment-block .open-response-assessment-summary .parent_name:hover, .open-response-assessment-block .open-response-assessment-summary .name:hover, .open-response-assessment-block .open-response-assessment-summary td.total:hover, .open-response-assessment-block .open-response-assessment-summary td.done:hover, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-add-form:hover, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-details:hover, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-details:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add:hover, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohorts-state-section:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list table:hover, #course_info .basic-wrapper .board-wrapper .half-board-layer:hover, .find-courses .courses-container .courses .course:hover, .find-courses .courses-container .search-form .search-facets .fact-wrapper .facet-list:hover, .microsite .date-range-selector .date-range-picker:hover,
.customized .date-range-selector .date-range-picker:hover,
.transcript .date-range-selector .date-range-picker:hover,
.ilt_global .date-range-selector .date-range-picker:hover,
.ilt_learner .date-range-selector .date-range-picker:hover,
.course .date-range-selector .date-range-picker:hover,
.ilt_report .date-range-selector .date-range-picker:hover,
.learner .date-range-selector .date-range-picker:hover, .microsite .lt-react-dropdown .panel:hover,
.customized .lt-react-dropdown .panel:hover,
.transcript .lt-react-dropdown .panel:hover,
.ilt_global .lt-react-dropdown .panel:hover,
.ilt_learner .lt-react-dropdown .panel:hover,
.course .lt-react-dropdown .panel:hover,
.ilt_report .lt-react-dropdown .panel:hover,
.learner .lt-react-dropdown .panel:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-24:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-75:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-100:hover, .wrapper-footer .footer-language-selector .select-items:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

#admin-panel .approved-requests .request-container,
#admin-panel .declined-requests .request-container,
#admin-panel .pending-requests .request-container,
#admin-panel .enrollment-panel .request-container, .instructor-dashboard-wrapper-2 section.idash-section#discussions_management .inline-discussions-nav,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .course-wide-discussions-nav, .course-info .learner-reviews-container,
.view-program-about .learner-reviews-container, .course-info .container .instructor-wrapper .instructors, .course-info section.outside-app .instructor-wrapper .instructors, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructors, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructor-wrapper .instructors, .course-info .view-profile .wrapper-profile-sections .instructor-wrapper .instructors, .view-profile .course-info .wrapper-profile-sections .instructor-wrapper .instructors, .course-info .container .course-overview .course-overview-container, .course-info section.outside-app .course-overview .course-overview-container, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-overview .course-overview-container, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .course-overview .course-overview-container, .course-info .view-profile .wrapper-profile-sections .course-overview .course-overview-container, .view-profile .course-info .wrapper-profile-sections .course-overview .course-overview-container, .course-info .container .pre-requisites .pre-requisites-container, .course-info section.outside-app .pre-requisites .pre-requisites-container, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .pre-requisites .pre-requisites-container, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .pre-requisites .pre-requisites-container, .course-info .view-profile .wrapper-profile-sections .pre-requisites .pre-requisites-container, .view-profile .course-info .wrapper-profile-sections .pre-requisites .pre-requisites-container {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  padding: 30px;
}

#admin-panel .approved-requests .request-container:hover,
#admin-panel .declined-requests .request-container:hover,
#admin-panel .pending-requests .request-container:hover,
#admin-panel .enrollment-panel .request-container:hover, .instructor-dashboard-wrapper-2 section.idash-section#discussions_management .inline-discussions-nav:hover,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .course-wide-discussions-nav:hover, .course-info .learner-reviews-container:hover,
.view-program-about .learner-reviews-container:hover, .course-info .container .instructor-wrapper .instructors:hover, .course-info section.outside-app .instructor-wrapper .instructors:hover, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructors:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructor-wrapper .instructors:hover, .course-info .view-profile .wrapper-profile-sections .instructor-wrapper .instructors:hover, .view-profile .course-info .wrapper-profile-sections .instructor-wrapper .instructors:hover, .course-info .container .course-overview .course-overview-container:hover, .course-info section.outside-app .course-overview .course-overview-container:hover, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-overview .course-overview-container:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .course-overview .course-overview-container:hover, .course-info .view-profile .wrapper-profile-sections .course-overview .course-overview-container:hover, .view-profile .course-info .wrapper-profile-sections .course-overview .course-overview-container:hover, .course-info .container .pre-requisites .pre-requisites-container:hover, .course-info section.outside-app .pre-requisites .pre-requisites-container:hover, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .pre-requisites .pre-requisites-container:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .pre-requisites .pre-requisites-container:hover, .course-info .view-profile .wrapper-profile-sections .pre-requisites .pre-requisites-container:hover, .view-profile .course-info .wrapper-profile-sections .pre-requisites .pre-requisites-container:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

@media (max-width: 576px) {
  #admin-panel .approved-requests .request-container,
#admin-panel .declined-requests .request-container,
#admin-panel .pending-requests .request-container,
#admin-panel .enrollment-panel .request-container, .instructor-dashboard-wrapper-2 section.idash-section#discussions_management .inline-discussions-nav,
.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .course-wide-discussions-nav, .course-info .learner-reviews-container,
.view-program-about .learner-reviews-container, .course-info .container .instructor-wrapper .instructors, .course-info section.outside-app .instructor-wrapper .instructors, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructors, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructor-wrapper .instructors, .course-info .view-profile .wrapper-profile-sections .instructor-wrapper .instructors, .view-profile .course-info .wrapper-profile-sections .instructor-wrapper .instructors, .course-info .container .course-overview .course-overview-container, .course-info section.outside-app .course-overview .course-overview-container, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-overview .course-overview-container, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .course-overview .course-overview-container, .course-info .view-profile .wrapper-profile-sections .course-overview .course-overview-container, .view-profile .course-info .wrapper-profile-sections .course-overview .course-overview-container, .course-info .container .pre-requisites .pre-requisites-container, .course-info section.outside-app .pre-requisites .pre-requisites-container, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .pre-requisites .pre-requisites-container, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .pre-requisites .pre-requisites-container, .course-info .view-profile .wrapper-profile-sections .pre-requisites .pre-requisites-container, .view-profile .course-info .wrapper-profile-sections .pre-requisites .pre-requisites-container {
    padding: 20px;
  }
}

#admin-panel .select-wrapper .lt-react-dropdown .select, #admin-panel select, .staff-modal .staff_actions h3 + div input[type=text], .staff-modal .staff_actions h3 + div + div input[type=text], .modal .inner-wrapper form input[type="text"], .leanModal_box .inner-wrapper form input[type="text"], #admin-panel .approved-requests .search-container .search-part .select2,
#admin-panel .declined-requests .search-container .search-part .select2,
#admin-panel .pending-requests .search-container .search-part .select2,
#admin-panel .enrollment-panel .search-container .search-part .select2, #admin-panel .approved-requests .search-container .search-part input,
#admin-panel .declined-requests .search-container .search-part input,
#admin-panel .pending-requests .search-container .search-part input,
#admin-panel .enrollment-panel .search-container .search-part input, #admin-panel .approved-requests .request-container .request-info .trip input,
#admin-panel .declined-requests .request-container .request-info .trip input,
#admin-panel .pending-requests .request-container .request-info .trip input,
#admin-panel .enrollment-panel .request-container .request-info .trip input, #admin-panel .approved-requests .request-container .request-info select,
#admin-panel .declined-requests .request-container .request-info select,
#admin-panel .pending-requests .request-container .request-info select,
#admin-panel .enrollment-panel .request-container .request-info select, .account-settings-sections .section .account-deletion-details .paragon__modal-open .confirm-password-input, body.view-in-course .wiki-wrapper section.wiki #id_title, body.view-in-course .wiki-wrapper section.wiki #id_slug, body.view-in-course .wiki-wrapper section.wiki #id_summary, body.view-in-course .wiki-wrapper section.wiki .CodeMirror, .courseware-results .pagination.pagination-full .pagination-form .page-number-input, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock select,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock input,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) input, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 input:not([type="checkbox"]), body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 textarea, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail .ilt-registration .ilt-registration-trip input, body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail .ilt-registration .ilt-registration-comment textarea, body.view-courseware.courseware .ilt-xblock .ilt-sessions > div > select, body.view-courseware.courseware .course-content .xblock-student_view .word_cloud .input_cloud_section .input-cloud, body.view-courseware.courseware .course-content .wrapper-preview-menu .action-preview-username, body.view-courseware.courseware .course-content .wrapper-preview-menu .preview-actions .action-preview .action-preview-select, body.view-courseware.courseware .course-index .wrapper-course-modes .search-bar .search-field, .wmd-prompt-dialog fieldset .field .field-input, section.idash-section#certificates .certificates-wrapper input[type="text"], .find-courses .courses-container .search-form .search-facets .clear-filters, .find-courses .courses-container .search-form .search-facets .fact-wrapper .header-facet, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-open .confirm-password-input, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-open .confirm-password-input, .microsite .analytics-wrapper .data-list .lt-react-dropdown .select, .analytics-wrapper .data-list .lt-react-dropdown .microsite .select,
.microsite .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .microsite .panel, .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .customized .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .microsite .data-clear,
.microsite .transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .microsite .data-clear,
.microsite .ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .microsite .data-clear,
.microsite .ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .microsite .data-clear,
.microsite .course .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .microsite .data-clear,
.microsite .ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .microsite .data-clear,
.microsite .learner .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .microsite .data-clear, .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .microsite .input-wrapper,
.microsite .transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .microsite .input-wrapper,
.microsite .ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .microsite .input-wrapper,
.microsite .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .microsite .input-wrapper,
.microsite .course .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .microsite .input-wrapper,
.microsite .ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .microsite .input-wrapper,
.microsite .learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .microsite .input-wrapper, .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .panel,
.microsite .customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .microsite .select,
.microsite .customized .lt-react-dropdown .panel,
.customized .lt-react-dropdown .microsite .panel,
.microsite .transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .microsite .select,
.microsite .transcript .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .microsite .panel,
.microsite .ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .microsite .select,
.microsite .ilt_global .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .microsite .panel,
.microsite .ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .microsite .select,
.microsite .ilt_learner .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .microsite .panel,
.microsite .course .lt-react-dropdown .select,
.course .lt-react-dropdown .microsite .select,
.microsite .course .lt-react-dropdown .panel,
.course .lt-react-dropdown .microsite .panel,
.microsite .ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .microsite .select,
.microsite .ilt_report .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .microsite .panel,
.microsite .learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .microsite .select,
.microsite .learner .lt-react-dropdown .panel,
.learner .lt-react-dropdown .microsite .panel,
.customized .analytics-wrapper .data-list .lt-react-dropdown .select,
.analytics-wrapper .data-list .lt-react-dropdown .customized .select,
.customized .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .customized .panel,
.customized .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .lt-react-label-value .element-wrapper .customized .data-clear,
.customized .lt-react-label-value .element-wrapper .data-clear,
.customized .transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .customized .data-clear,
.customized .ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .customized .data-clear,
.customized .ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .customized .data-clear,
.customized .course .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .customized .data-clear,
.customized .ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .customized .data-clear,
.customized .learner .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .customized .data-clear,
.customized .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .lt-react-label-value .element-wrapper .customized .input-wrapper,
.customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .customized .input-wrapper,
.customized .ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .customized .input-wrapper,
.customized .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .customized .input-wrapper,
.customized .course .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .customized .input-wrapper,
.customized .ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .customized .input-wrapper,
.customized .learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .customized .input-wrapper,
.customized .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .customized .select,
.customized .microsite .lt-react-dropdown .panel,
.microsite .lt-react-dropdown .customized .panel,
.customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .panel,
.customized .transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .customized .select,
.customized .transcript .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .customized .panel,
.customized .ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .customized .select,
.customized .ilt_global .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .customized .panel,
.customized .ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .customized .select,
.customized .ilt_learner .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .customized .panel,
.customized .course .lt-react-dropdown .select,
.course .lt-react-dropdown .customized .select,
.customized .course .lt-react-dropdown .panel,
.course .lt-react-dropdown .customized .panel,
.customized .ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .customized .select,
.customized .ilt_report .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .customized .panel,
.customized .learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .customized .select,
.customized .learner .lt-react-dropdown .panel,
.learner .lt-react-dropdown .customized .panel,
.transcript .analytics-wrapper .data-list .lt-react-dropdown .select,
.analytics-wrapper .data-list .lt-react-dropdown .transcript .select,
.transcript .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .transcript .panel,
.transcript .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .lt-react-label-value .element-wrapper .transcript .data-clear,
.transcript .customized .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .transcript .data-clear,
.transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .transcript .data-clear,
.transcript .ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .transcript .data-clear,
.transcript .course .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .transcript .data-clear,
.transcript .ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .transcript .data-clear,
.transcript .learner .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .transcript .data-clear,
.transcript .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .lt-react-label-value .element-wrapper .transcript .input-wrapper,
.transcript .customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .transcript .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .transcript .input-wrapper,
.transcript .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .transcript .input-wrapper,
.transcript .course .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .transcript .input-wrapper,
.transcript .ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .transcript .input-wrapper,
.transcript .learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .transcript .input-wrapper,
.transcript .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .transcript .select,
.transcript .microsite .lt-react-dropdown .panel,
.microsite .lt-react-dropdown .transcript .panel,
.transcript .customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .transcript .select,
.transcript .customized .lt-react-dropdown .panel,
.customized .lt-react-dropdown .transcript .panel,
.transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .panel,
.transcript .ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .transcript .select,
.transcript .ilt_global .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .transcript .panel,
.transcript .ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .transcript .select,
.transcript .ilt_learner .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .transcript .panel,
.transcript .course .lt-react-dropdown .select,
.course .lt-react-dropdown .transcript .select,
.transcript .course .lt-react-dropdown .panel,
.course .lt-react-dropdown .transcript .panel,
.transcript .ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .transcript .select,
.transcript .ilt_report .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .transcript .panel,
.transcript .learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .transcript .select,
.transcript .learner .lt-react-dropdown .panel,
.learner .lt-react-dropdown .transcript .panel,
.ilt_global .analytics-wrapper .data-list .lt-react-dropdown .select,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_global .select,
.ilt_global .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_global .panel,
.ilt_global .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .lt-react-label-value .element-wrapper .ilt_global .data-clear,
.ilt_global .customized .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .ilt_global .data-clear,
.ilt_global .transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .ilt_global .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_global .data-clear,
.ilt_global .course .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .ilt_global .data-clear,
.ilt_global .ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .ilt_global .data-clear,
.ilt_global .learner .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .ilt_global .data-clear,
.ilt_global .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .lt-react-label-value .element-wrapper .ilt_global .input-wrapper,
.ilt_global .customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .ilt_global .input-wrapper,
.ilt_global .transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .ilt_global .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_global .input-wrapper,
.ilt_global .course .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .ilt_global .input-wrapper,
.ilt_global .ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .ilt_global .input-wrapper,
.ilt_global .learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .ilt_global .input-wrapper,
.ilt_global .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .ilt_global .select,
.ilt_global .microsite .lt-react-dropdown .panel,
.microsite .lt-react-dropdown .ilt_global .panel,
.ilt_global .customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .ilt_global .select,
.ilt_global .customized .lt-react-dropdown .panel,
.customized .lt-react-dropdown .ilt_global .panel,
.ilt_global .transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .ilt_global .select,
.ilt_global .transcript .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .ilt_global .panel,
.ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .panel,
.ilt_global .ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .ilt_global .select,
.ilt_global .ilt_learner .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .ilt_global .panel,
.ilt_global .course .lt-react-dropdown .select,
.course .lt-react-dropdown .ilt_global .select,
.ilt_global .course .lt-react-dropdown .panel,
.course .lt-react-dropdown .ilt_global .panel,
.ilt_global .ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .ilt_global .select,
.ilt_global .ilt_report .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .ilt_global .panel,
.ilt_global .learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .ilt_global .select,
.ilt_global .learner .lt-react-dropdown .panel,
.learner .lt-react-dropdown .ilt_global .panel,
.ilt_learner .analytics-wrapper .data-list .lt-react-dropdown .select,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_learner .select,
.ilt_learner .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_learner .panel,
.ilt_learner .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .lt-react-label-value .element-wrapper .ilt_learner .data-clear,
.ilt_learner .customized .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .ilt_learner .data-clear,
.ilt_learner .transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .ilt_learner .data-clear,
.ilt_learner .ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .ilt_learner .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .course .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .ilt_learner .data-clear,
.ilt_learner .ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .ilt_learner .data-clear,
.ilt_learner .learner .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .ilt_learner .data-clear,
.ilt_learner .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper,
.ilt_learner .customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper,
.ilt_learner .transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper,
.ilt_learner .ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .course .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper,
.ilt_learner .ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper,
.ilt_learner .learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper,
.ilt_learner .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .ilt_learner .select,
.ilt_learner .microsite .lt-react-dropdown .panel,
.microsite .lt-react-dropdown .ilt_learner .panel,
.ilt_learner .customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .ilt_learner .select,
.ilt_learner .customized .lt-react-dropdown .panel,
.customized .lt-react-dropdown .ilt_learner .panel,
.ilt_learner .transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .ilt_learner .select,
.ilt_learner .transcript .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .ilt_learner .panel,
.ilt_learner .ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .ilt_learner .select,
.ilt_learner .ilt_global .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .ilt_learner .panel,
.ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .panel,
.ilt_learner .course .lt-react-dropdown .select,
.course .lt-react-dropdown .ilt_learner .select,
.ilt_learner .course .lt-react-dropdown .panel,
.course .lt-react-dropdown .ilt_learner .panel,
.ilt_learner .ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .ilt_learner .select,
.ilt_learner .ilt_report .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .ilt_learner .panel,
.ilt_learner .learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .ilt_learner .select,
.ilt_learner .learner .lt-react-dropdown .panel,
.learner .lt-react-dropdown .ilt_learner .panel,
.course .analytics-wrapper .data-list .lt-react-dropdown .select,
.analytics-wrapper .data-list .lt-react-dropdown .course .select,
.course .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .course .panel,
.course .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .lt-react-label-value .element-wrapper .course .data-clear,
.course .customized .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .course .data-clear,
.course .transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .course .data-clear,
.course .ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .course .data-clear,
.course .ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .course .data-clear,
.course .lt-react-label-value .element-wrapper .data-clear,
.course .ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .course .data-clear,
.course .learner .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .course .data-clear,
.course .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .lt-react-label-value .element-wrapper .course .input-wrapper,
.course .customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .course .input-wrapper,
.course .transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .course .input-wrapper,
.course .ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .course .input-wrapper,
.course .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .course .input-wrapper,
.course .lt-react-label-value .element-wrapper .input-wrapper,
.course .ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .course .input-wrapper,
.course .learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .course .input-wrapper,
.course .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .course .select,
.course .microsite .lt-react-dropdown .panel,
.microsite .lt-react-dropdown .course .panel,
.course .customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .course .select,
.course .customized .lt-react-dropdown .panel,
.customized .lt-react-dropdown .course .panel,
.course .transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .course .select,
.course .transcript .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .course .panel,
.course .ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .course .select,
.course .ilt_global .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .course .panel,
.course .ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .course .select,
.course .ilt_learner .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .course .panel,
.course .lt-react-dropdown .select,
.course .lt-react-dropdown .panel,
.course .ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .course .select,
.course .ilt_report .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .course .panel,
.course .learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .course .select,
.course .learner .lt-react-dropdown .panel,
.learner .lt-react-dropdown .course .panel,
.ilt_report .analytics-wrapper .data-list .lt-react-dropdown .select,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_report .select,
.ilt_report .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_report .panel,
.ilt_report .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .lt-react-label-value .element-wrapper .ilt_report .data-clear,
.ilt_report .customized .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .ilt_report .data-clear,
.ilt_report .transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .ilt_report .data-clear,
.ilt_report .ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .ilt_report .data-clear,
.ilt_report .ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_report .data-clear,
.ilt_report .course .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .ilt_report .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .learner .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .ilt_report .data-clear,
.ilt_report .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .lt-react-label-value .element-wrapper .ilt_report .input-wrapper,
.ilt_report .customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .ilt_report .input-wrapper,
.ilt_report .transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .ilt_report .input-wrapper,
.ilt_report .ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .ilt_report .input-wrapper,
.ilt_report .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_report .input-wrapper,
.ilt_report .course .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .ilt_report .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .ilt_report .input-wrapper,
.ilt_report .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .ilt_report .select,
.ilt_report .microsite .lt-react-dropdown .panel,
.microsite .lt-react-dropdown .ilt_report .panel,
.ilt_report .customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .ilt_report .select,
.ilt_report .customized .lt-react-dropdown .panel,
.customized .lt-react-dropdown .ilt_report .panel,
.ilt_report .transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .ilt_report .select,
.ilt_report .transcript .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .ilt_report .panel,
.ilt_report .ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .ilt_report .select,
.ilt_report .ilt_global .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .ilt_report .panel,
.ilt_report .ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .ilt_report .select,
.ilt_report .ilt_learner .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .ilt_report .panel,
.ilt_report .course .lt-react-dropdown .select,
.course .lt-react-dropdown .ilt_report .select,
.ilt_report .course .lt-react-dropdown .panel,
.course .lt-react-dropdown .ilt_report .panel,
.ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .panel,
.ilt_report .learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .ilt_report .select,
.ilt_report .learner .lt-react-dropdown .panel,
.learner .lt-react-dropdown .ilt_report .panel,
.learner .analytics-wrapper .data-list .lt-react-dropdown .select,
.analytics-wrapper .data-list .lt-react-dropdown .learner .select,
.learner .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .learner .panel,
.learner .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .lt-react-label-value .element-wrapper .learner .data-clear,
.learner .customized .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .learner .data-clear,
.learner .transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .learner .data-clear,
.learner .ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .learner .data-clear,
.learner .ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .learner .data-clear,
.learner .course .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .learner .data-clear,
.learner .ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .learner .data-clear,
.learner .lt-react-label-value .element-wrapper .data-clear,
.learner .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .lt-react-label-value .element-wrapper .learner .input-wrapper,
.learner .customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .learner .input-wrapper,
.learner .transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .learner .input-wrapper,
.learner .ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .learner .input-wrapper,
.learner .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .learner .input-wrapper,
.learner .course .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .learner .input-wrapper,
.learner .ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .learner .input-wrapper,
.learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .learner .select,
.learner .microsite .lt-react-dropdown .panel,
.microsite .lt-react-dropdown .learner .panel,
.learner .customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .learner .select,
.learner .customized .lt-react-dropdown .panel,
.customized .lt-react-dropdown .learner .panel,
.learner .transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .learner .select,
.learner .transcript .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .learner .panel,
.learner .ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .learner .select,
.learner .ilt_global .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .learner .panel,
.learner .ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .learner .select,
.learner .ilt_learner .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .learner .panel,
.learner .course .lt-react-dropdown .select,
.course .lt-react-dropdown .learner .select,
.learner .course .lt-react-dropdown .panel,
.course .lt-react-dropdown .learner .panel,
.learner .ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .learner .select,
.learner .ilt_report .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .learner .panel,
.learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .panel, .view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination select, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form select,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form select, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .report_type_and_course_selected div select, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form select, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field select, span.select2-container .select2-selection, .wrapper-footer .footer-language-selector .select-selected {
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border-radius: 16px;
  border-color: #f4f4f4;
  outline: initial;
}

#admin-panel .select-wrapper .lt-react-dropdown .select:hover, #admin-panel select:hover, .staff-modal .staff_actions h3 + div input[type=text]:hover, .staff-modal .staff_actions h3 + div + div input[type=text]:hover, .modal .inner-wrapper form input[type="text"]:hover, .leanModal_box .inner-wrapper form input[type="text"]:hover, #admin-panel .approved-requests .search-container .search-part .select2:hover,
#admin-panel .declined-requests .search-container .search-part .select2:hover,
#admin-panel .pending-requests .search-container .search-part .select2:hover,
#admin-panel .enrollment-panel .search-container .search-part .select2:hover, #admin-panel .approved-requests .search-container .search-part input:hover,
#admin-panel .declined-requests .search-container .search-part input:hover,
#admin-panel .pending-requests .search-container .search-part input:hover,
#admin-panel .enrollment-panel .search-container .search-part input:hover, #admin-panel .approved-requests .request-container .request-info .trip input:hover,
#admin-panel .declined-requests .request-container .request-info .trip input:hover,
#admin-panel .pending-requests .request-container .request-info .trip input:hover,
#admin-panel .enrollment-panel .request-container .request-info .trip input:hover, #admin-panel .approved-requests .request-container .request-info select:hover,
#admin-panel .declined-requests .request-container .request-info select:hover,
#admin-panel .pending-requests .request-container .request-info select:hover,
#admin-panel .enrollment-panel .request-container .request-info select:hover, .account-settings-sections .section .account-deletion-details .paragon__modal-open .confirm-password-input:hover, body.view-in-course .wiki-wrapper section.wiki #id_title:hover, body.view-in-course .wiki-wrapper section.wiki #id_slug:hover, body.view-in-course .wiki-wrapper section.wiki #id_summary:hover, body.view-in-course .wiki-wrapper section.wiki .CodeMirror:hover, .courseware-results .pagination.pagination-full .pagination-form .page-number-input:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock select:hover,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) select:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock input:hover,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) input:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 select:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 input:hover:not([type="checkbox"]), body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 textarea:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-admin-selection select:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .ilt-admin-selection select:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-admin-selection select:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-admin-selection select:hover, body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail .ilt-registration .ilt-registration-trip input:hover, body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail .ilt-registration .ilt-registration-comment textarea:hover, body.view-courseware.courseware .ilt-xblock .ilt-sessions > div > select:hover, body.view-courseware.courseware .course-content .xblock-student_view .word_cloud .input_cloud_section .input-cloud:hover, body.view-courseware.courseware .course-content .wrapper-preview-menu .action-preview-username:hover, body.view-courseware.courseware .course-content .wrapper-preview-menu .preview-actions .action-preview .action-preview-select:hover, body.view-courseware.courseware .course-index .wrapper-course-modes .search-bar .search-field:hover, .wmd-prompt-dialog fieldset .field .field-input:hover, section.idash-section#certificates .certificates-wrapper input[type="text"]:hover, .find-courses .courses-container .search-form .search-facets .clear-filters:hover, .find-courses .courses-container .search-form .search-facets .fact-wrapper .header-facet:hover, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-open .confirm-password-input:hover, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-open .confirm-password-input:hover, .microsite .analytics-wrapper .data-list .lt-react-dropdown .select:hover, .analytics-wrapper .data-list .lt-react-dropdown .microsite .select:hover,
.microsite .analytics-wrapper .data-list .lt-react-dropdown .panel:hover,
.analytics-wrapper .data-list .lt-react-dropdown .microsite .panel:hover, .microsite .lt-react-label-value .element-wrapper .data-clear:hover,
.microsite .customized .lt-react-label-value .element-wrapper .data-clear:hover,
.customized .lt-react-label-value .element-wrapper .microsite .data-clear:hover,
.microsite .transcript .lt-react-label-value .element-wrapper .data-clear:hover,
.transcript .lt-react-label-value .element-wrapper .microsite .data-clear:hover,
.microsite .ilt_global .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_global .lt-react-label-value .element-wrapper .microsite .data-clear:hover,
.microsite .ilt_learner .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_learner .lt-react-label-value .element-wrapper .microsite .data-clear:hover,
.microsite .course .lt-react-label-value .element-wrapper .data-clear:hover,
.course .lt-react-label-value .element-wrapper .microsite .data-clear:hover,
.microsite .ilt_report .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_report .lt-react-label-value .element-wrapper .microsite .data-clear:hover,
.microsite .learner .lt-react-label-value .element-wrapper .data-clear:hover,
.learner .lt-react-label-value .element-wrapper .microsite .data-clear:hover, .microsite .lt-react-label-value .element-wrapper .input-wrapper:hover,
.microsite .customized .lt-react-label-value .element-wrapper .input-wrapper:hover,
.customized .lt-react-label-value .element-wrapper .microsite .input-wrapper:hover,
.microsite .transcript .lt-react-label-value .element-wrapper .input-wrapper:hover,
.transcript .lt-react-label-value .element-wrapper .microsite .input-wrapper:hover,
.microsite .ilt_global .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_global .lt-react-label-value .element-wrapper .microsite .input-wrapper:hover,
.microsite .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_learner .lt-react-label-value .element-wrapper .microsite .input-wrapper:hover,
.microsite .course .lt-react-label-value .element-wrapper .input-wrapper:hover,
.course .lt-react-label-value .element-wrapper .microsite .input-wrapper:hover,
.microsite .ilt_report .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_report .lt-react-label-value .element-wrapper .microsite .input-wrapper:hover,
.microsite .learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.learner .lt-react-label-value .element-wrapper .microsite .input-wrapper:hover, .microsite .lt-react-dropdown .select:hover,
.microsite .lt-react-dropdown .panel:hover,
.microsite .customized .lt-react-dropdown .select:hover,
.customized .lt-react-dropdown .microsite .select:hover,
.microsite .customized .lt-react-dropdown .panel:hover,
.customized .lt-react-dropdown .microsite .panel:hover,
.microsite .transcript .lt-react-dropdown .select:hover,
.transcript .lt-react-dropdown .microsite .select:hover,
.microsite .transcript .lt-react-dropdown .panel:hover,
.transcript .lt-react-dropdown .microsite .panel:hover,
.microsite .ilt_global .lt-react-dropdown .select:hover,
.ilt_global .lt-react-dropdown .microsite .select:hover,
.microsite .ilt_global .lt-react-dropdown .panel:hover,
.ilt_global .lt-react-dropdown .microsite .panel:hover,
.microsite .ilt_learner .lt-react-dropdown .select:hover,
.ilt_learner .lt-react-dropdown .microsite .select:hover,
.microsite .ilt_learner .lt-react-dropdown .panel:hover,
.ilt_learner .lt-react-dropdown .microsite .panel:hover,
.microsite .course .lt-react-dropdown .select:hover,
.course .lt-react-dropdown .microsite .select:hover,
.microsite .course .lt-react-dropdown .panel:hover,
.course .lt-react-dropdown .microsite .panel:hover,
.microsite .ilt_report .lt-react-dropdown .select:hover,
.ilt_report .lt-react-dropdown .microsite .select:hover,
.microsite .ilt_report .lt-react-dropdown .panel:hover,
.ilt_report .lt-react-dropdown .microsite .panel:hover,
.microsite .learner .lt-react-dropdown .select:hover,
.learner .lt-react-dropdown .microsite .select:hover,
.microsite .learner .lt-react-dropdown .panel:hover,
.learner .lt-react-dropdown .microsite .panel:hover,
.customized .analytics-wrapper .data-list .lt-react-dropdown .select:hover,
.analytics-wrapper .data-list .lt-react-dropdown .customized .select:hover,
.customized .analytics-wrapper .data-list .lt-react-dropdown .panel:hover,
.analytics-wrapper .data-list .lt-react-dropdown .customized .panel:hover,
.customized .microsite .lt-react-label-value .element-wrapper .data-clear:hover,
.microsite .lt-react-label-value .element-wrapper .customized .data-clear:hover,
.customized .lt-react-label-value .element-wrapper .data-clear:hover,
.customized .transcript .lt-react-label-value .element-wrapper .data-clear:hover,
.transcript .lt-react-label-value .element-wrapper .customized .data-clear:hover,
.customized .ilt_global .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_global .lt-react-label-value .element-wrapper .customized .data-clear:hover,
.customized .ilt_learner .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_learner .lt-react-label-value .element-wrapper .customized .data-clear:hover,
.customized .course .lt-react-label-value .element-wrapper .data-clear:hover,
.course .lt-react-label-value .element-wrapper .customized .data-clear:hover,
.customized .ilt_report .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_report .lt-react-label-value .element-wrapper .customized .data-clear:hover,
.customized .learner .lt-react-label-value .element-wrapper .data-clear:hover,
.learner .lt-react-label-value .element-wrapper .customized .data-clear:hover,
.customized .microsite .lt-react-label-value .element-wrapper .input-wrapper:hover,
.microsite .lt-react-label-value .element-wrapper .customized .input-wrapper:hover,
.customized .lt-react-label-value .element-wrapper .input-wrapper:hover,
.customized .transcript .lt-react-label-value .element-wrapper .input-wrapper:hover,
.transcript .lt-react-label-value .element-wrapper .customized .input-wrapper:hover,
.customized .ilt_global .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_global .lt-react-label-value .element-wrapper .customized .input-wrapper:hover,
.customized .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_learner .lt-react-label-value .element-wrapper .customized .input-wrapper:hover,
.customized .course .lt-react-label-value .element-wrapper .input-wrapper:hover,
.course .lt-react-label-value .element-wrapper .customized .input-wrapper:hover,
.customized .ilt_report .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_report .lt-react-label-value .element-wrapper .customized .input-wrapper:hover,
.customized .learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.learner .lt-react-label-value .element-wrapper .customized .input-wrapper:hover,
.customized .microsite .lt-react-dropdown .select:hover,
.microsite .lt-react-dropdown .customized .select:hover,
.customized .microsite .lt-react-dropdown .panel:hover,
.microsite .lt-react-dropdown .customized .panel:hover,
.customized .lt-react-dropdown .select:hover,
.customized .lt-react-dropdown .panel:hover,
.customized .transcript .lt-react-dropdown .select:hover,
.transcript .lt-react-dropdown .customized .select:hover,
.customized .transcript .lt-react-dropdown .panel:hover,
.transcript .lt-react-dropdown .customized .panel:hover,
.customized .ilt_global .lt-react-dropdown .select:hover,
.ilt_global .lt-react-dropdown .customized .select:hover,
.customized .ilt_global .lt-react-dropdown .panel:hover,
.ilt_global .lt-react-dropdown .customized .panel:hover,
.customized .ilt_learner .lt-react-dropdown .select:hover,
.ilt_learner .lt-react-dropdown .customized .select:hover,
.customized .ilt_learner .lt-react-dropdown .panel:hover,
.ilt_learner .lt-react-dropdown .customized .panel:hover,
.customized .course .lt-react-dropdown .select:hover,
.course .lt-react-dropdown .customized .select:hover,
.customized .course .lt-react-dropdown .panel:hover,
.course .lt-react-dropdown .customized .panel:hover,
.customized .ilt_report .lt-react-dropdown .select:hover,
.ilt_report .lt-react-dropdown .customized .select:hover,
.customized .ilt_report .lt-react-dropdown .panel:hover,
.ilt_report .lt-react-dropdown .customized .panel:hover,
.customized .learner .lt-react-dropdown .select:hover,
.learner .lt-react-dropdown .customized .select:hover,
.customized .learner .lt-react-dropdown .panel:hover,
.learner .lt-react-dropdown .customized .panel:hover,
.transcript .analytics-wrapper .data-list .lt-react-dropdown .select:hover,
.analytics-wrapper .data-list .lt-react-dropdown .transcript .select:hover,
.transcript .analytics-wrapper .data-list .lt-react-dropdown .panel:hover,
.analytics-wrapper .data-list .lt-react-dropdown .transcript .panel:hover,
.transcript .microsite .lt-react-label-value .element-wrapper .data-clear:hover,
.microsite .lt-react-label-value .element-wrapper .transcript .data-clear:hover,
.transcript .customized .lt-react-label-value .element-wrapper .data-clear:hover,
.customized .lt-react-label-value .element-wrapper .transcript .data-clear:hover,
.transcript .lt-react-label-value .element-wrapper .data-clear:hover,
.transcript .ilt_global .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_global .lt-react-label-value .element-wrapper .transcript .data-clear:hover,
.transcript .ilt_learner .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_learner .lt-react-label-value .element-wrapper .transcript .data-clear:hover,
.transcript .course .lt-react-label-value .element-wrapper .data-clear:hover,
.course .lt-react-label-value .element-wrapper .transcript .data-clear:hover,
.transcript .ilt_report .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_report .lt-react-label-value .element-wrapper .transcript .data-clear:hover,
.transcript .learner .lt-react-label-value .element-wrapper .data-clear:hover,
.learner .lt-react-label-value .element-wrapper .transcript .data-clear:hover,
.transcript .microsite .lt-react-label-value .element-wrapper .input-wrapper:hover,
.microsite .lt-react-label-value .element-wrapper .transcript .input-wrapper:hover,
.transcript .customized .lt-react-label-value .element-wrapper .input-wrapper:hover,
.customized .lt-react-label-value .element-wrapper .transcript .input-wrapper:hover,
.transcript .lt-react-label-value .element-wrapper .input-wrapper:hover,
.transcript .ilt_global .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_global .lt-react-label-value .element-wrapper .transcript .input-wrapper:hover,
.transcript .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_learner .lt-react-label-value .element-wrapper .transcript .input-wrapper:hover,
.transcript .course .lt-react-label-value .element-wrapper .input-wrapper:hover,
.course .lt-react-label-value .element-wrapper .transcript .input-wrapper:hover,
.transcript .ilt_report .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_report .lt-react-label-value .element-wrapper .transcript .input-wrapper:hover,
.transcript .learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.learner .lt-react-label-value .element-wrapper .transcript .input-wrapper:hover,
.transcript .microsite .lt-react-dropdown .select:hover,
.microsite .lt-react-dropdown .transcript .select:hover,
.transcript .microsite .lt-react-dropdown .panel:hover,
.microsite .lt-react-dropdown .transcript .panel:hover,
.transcript .customized .lt-react-dropdown .select:hover,
.customized .lt-react-dropdown .transcript .select:hover,
.transcript .customized .lt-react-dropdown .panel:hover,
.customized .lt-react-dropdown .transcript .panel:hover,
.transcript .lt-react-dropdown .select:hover,
.transcript .lt-react-dropdown .panel:hover,
.transcript .ilt_global .lt-react-dropdown .select:hover,
.ilt_global .lt-react-dropdown .transcript .select:hover,
.transcript .ilt_global .lt-react-dropdown .panel:hover,
.ilt_global .lt-react-dropdown .transcript .panel:hover,
.transcript .ilt_learner .lt-react-dropdown .select:hover,
.ilt_learner .lt-react-dropdown .transcript .select:hover,
.transcript .ilt_learner .lt-react-dropdown .panel:hover,
.ilt_learner .lt-react-dropdown .transcript .panel:hover,
.transcript .course .lt-react-dropdown .select:hover,
.course .lt-react-dropdown .transcript .select:hover,
.transcript .course .lt-react-dropdown .panel:hover,
.course .lt-react-dropdown .transcript .panel:hover,
.transcript .ilt_report .lt-react-dropdown .select:hover,
.ilt_report .lt-react-dropdown .transcript .select:hover,
.transcript .ilt_report .lt-react-dropdown .panel:hover,
.ilt_report .lt-react-dropdown .transcript .panel:hover,
.transcript .learner .lt-react-dropdown .select:hover,
.learner .lt-react-dropdown .transcript .select:hover,
.transcript .learner .lt-react-dropdown .panel:hover,
.learner .lt-react-dropdown .transcript .panel:hover,
.ilt_global .analytics-wrapper .data-list .lt-react-dropdown .select:hover,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_global .select:hover,
.ilt_global .analytics-wrapper .data-list .lt-react-dropdown .panel:hover,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_global .panel:hover,
.ilt_global .microsite .lt-react-label-value .element-wrapper .data-clear:hover,
.microsite .lt-react-label-value .element-wrapper .ilt_global .data-clear:hover,
.ilt_global .customized .lt-react-label-value .element-wrapper .data-clear:hover,
.customized .lt-react-label-value .element-wrapper .ilt_global .data-clear:hover,
.ilt_global .transcript .lt-react-label-value .element-wrapper .data-clear:hover,
.transcript .lt-react-label-value .element-wrapper .ilt_global .data-clear:hover,
.ilt_global .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_global .ilt_learner .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_global .data-clear:hover,
.ilt_global .course .lt-react-label-value .element-wrapper .data-clear:hover,
.course .lt-react-label-value .element-wrapper .ilt_global .data-clear:hover,
.ilt_global .ilt_report .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_report .lt-react-label-value .element-wrapper .ilt_global .data-clear:hover,
.ilt_global .learner .lt-react-label-value .element-wrapper .data-clear:hover,
.learner .lt-react-label-value .element-wrapper .ilt_global .data-clear:hover,
.ilt_global .microsite .lt-react-label-value .element-wrapper .input-wrapper:hover,
.microsite .lt-react-label-value .element-wrapper .ilt_global .input-wrapper:hover,
.ilt_global .customized .lt-react-label-value .element-wrapper .input-wrapper:hover,
.customized .lt-react-label-value .element-wrapper .ilt_global .input-wrapper:hover,
.ilt_global .transcript .lt-react-label-value .element-wrapper .input-wrapper:hover,
.transcript .lt-react-label-value .element-wrapper .ilt_global .input-wrapper:hover,
.ilt_global .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_global .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_global .input-wrapper:hover,
.ilt_global .course .lt-react-label-value .element-wrapper .input-wrapper:hover,
.course .lt-react-label-value .element-wrapper .ilt_global .input-wrapper:hover,
.ilt_global .ilt_report .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_report .lt-react-label-value .element-wrapper .ilt_global .input-wrapper:hover,
.ilt_global .learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.learner .lt-react-label-value .element-wrapper .ilt_global .input-wrapper:hover,
.ilt_global .microsite .lt-react-dropdown .select:hover,
.microsite .lt-react-dropdown .ilt_global .select:hover,
.ilt_global .microsite .lt-react-dropdown .panel:hover,
.microsite .lt-react-dropdown .ilt_global .panel:hover,
.ilt_global .customized .lt-react-dropdown .select:hover,
.customized .lt-react-dropdown .ilt_global .select:hover,
.ilt_global .customized .lt-react-dropdown .panel:hover,
.customized .lt-react-dropdown .ilt_global .panel:hover,
.ilt_global .transcript .lt-react-dropdown .select:hover,
.transcript .lt-react-dropdown .ilt_global .select:hover,
.ilt_global .transcript .lt-react-dropdown .panel:hover,
.transcript .lt-react-dropdown .ilt_global .panel:hover,
.ilt_global .lt-react-dropdown .select:hover,
.ilt_global .lt-react-dropdown .panel:hover,
.ilt_global .ilt_learner .lt-react-dropdown .select:hover,
.ilt_learner .lt-react-dropdown .ilt_global .select:hover,
.ilt_global .ilt_learner .lt-react-dropdown .panel:hover,
.ilt_learner .lt-react-dropdown .ilt_global .panel:hover,
.ilt_global .course .lt-react-dropdown .select:hover,
.course .lt-react-dropdown .ilt_global .select:hover,
.ilt_global .course .lt-react-dropdown .panel:hover,
.course .lt-react-dropdown .ilt_global .panel:hover,
.ilt_global .ilt_report .lt-react-dropdown .select:hover,
.ilt_report .lt-react-dropdown .ilt_global .select:hover,
.ilt_global .ilt_report .lt-react-dropdown .panel:hover,
.ilt_report .lt-react-dropdown .ilt_global .panel:hover,
.ilt_global .learner .lt-react-dropdown .select:hover,
.learner .lt-react-dropdown .ilt_global .select:hover,
.ilt_global .learner .lt-react-dropdown .panel:hover,
.learner .lt-react-dropdown .ilt_global .panel:hover,
.ilt_learner .analytics-wrapper .data-list .lt-react-dropdown .select:hover,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_learner .select:hover,
.ilt_learner .analytics-wrapper .data-list .lt-react-dropdown .panel:hover,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_learner .panel:hover,
.ilt_learner .microsite .lt-react-label-value .element-wrapper .data-clear:hover,
.microsite .lt-react-label-value .element-wrapper .ilt_learner .data-clear:hover,
.ilt_learner .customized .lt-react-label-value .element-wrapper .data-clear:hover,
.customized .lt-react-label-value .element-wrapper .ilt_learner .data-clear:hover,
.ilt_learner .transcript .lt-react-label-value .element-wrapper .data-clear:hover,
.transcript .lt-react-label-value .element-wrapper .ilt_learner .data-clear:hover,
.ilt_learner .ilt_global .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_global .lt-react-label-value .element-wrapper .ilt_learner .data-clear:hover,
.ilt_learner .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_learner .course .lt-react-label-value .element-wrapper .data-clear:hover,
.course .lt-react-label-value .element-wrapper .ilt_learner .data-clear:hover,
.ilt_learner .ilt_report .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_report .lt-react-label-value .element-wrapper .ilt_learner .data-clear:hover,
.ilt_learner .learner .lt-react-label-value .element-wrapper .data-clear:hover,
.learner .lt-react-label-value .element-wrapper .ilt_learner .data-clear:hover,
.ilt_learner .microsite .lt-react-label-value .element-wrapper .input-wrapper:hover,
.microsite .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper:hover,
.ilt_learner .customized .lt-react-label-value .element-wrapper .input-wrapper:hover,
.customized .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper:hover,
.ilt_learner .transcript .lt-react-label-value .element-wrapper .input-wrapper:hover,
.transcript .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper:hover,
.ilt_learner .ilt_global .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_global .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper:hover,
.ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_learner .course .lt-react-label-value .element-wrapper .input-wrapper:hover,
.course .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper:hover,
.ilt_learner .ilt_report .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_report .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper:hover,
.ilt_learner .learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.learner .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper:hover,
.ilt_learner .microsite .lt-react-dropdown .select:hover,
.microsite .lt-react-dropdown .ilt_learner .select:hover,
.ilt_learner .microsite .lt-react-dropdown .panel:hover,
.microsite .lt-react-dropdown .ilt_learner .panel:hover,
.ilt_learner .customized .lt-react-dropdown .select:hover,
.customized .lt-react-dropdown .ilt_learner .select:hover,
.ilt_learner .customized .lt-react-dropdown .panel:hover,
.customized .lt-react-dropdown .ilt_learner .panel:hover,
.ilt_learner .transcript .lt-react-dropdown .select:hover,
.transcript .lt-react-dropdown .ilt_learner .select:hover,
.ilt_learner .transcript .lt-react-dropdown .panel:hover,
.transcript .lt-react-dropdown .ilt_learner .panel:hover,
.ilt_learner .ilt_global .lt-react-dropdown .select:hover,
.ilt_global .lt-react-dropdown .ilt_learner .select:hover,
.ilt_learner .ilt_global .lt-react-dropdown .panel:hover,
.ilt_global .lt-react-dropdown .ilt_learner .panel:hover,
.ilt_learner .lt-react-dropdown .select:hover,
.ilt_learner .lt-react-dropdown .panel:hover,
.ilt_learner .course .lt-react-dropdown .select:hover,
.course .lt-react-dropdown .ilt_learner .select:hover,
.ilt_learner .course .lt-react-dropdown .panel:hover,
.course .lt-react-dropdown .ilt_learner .panel:hover,
.ilt_learner .ilt_report .lt-react-dropdown .select:hover,
.ilt_report .lt-react-dropdown .ilt_learner .select:hover,
.ilt_learner .ilt_report .lt-react-dropdown .panel:hover,
.ilt_report .lt-react-dropdown .ilt_learner .panel:hover,
.ilt_learner .learner .lt-react-dropdown .select:hover,
.learner .lt-react-dropdown .ilt_learner .select:hover,
.ilt_learner .learner .lt-react-dropdown .panel:hover,
.learner .lt-react-dropdown .ilt_learner .panel:hover,
.course .analytics-wrapper .data-list .lt-react-dropdown .select:hover,
.analytics-wrapper .data-list .lt-react-dropdown .course .select:hover,
.course .analytics-wrapper .data-list .lt-react-dropdown .panel:hover,
.analytics-wrapper .data-list .lt-react-dropdown .course .panel:hover,
.course .microsite .lt-react-label-value .element-wrapper .data-clear:hover,
.microsite .lt-react-label-value .element-wrapper .course .data-clear:hover,
.course .customized .lt-react-label-value .element-wrapper .data-clear:hover,
.customized .lt-react-label-value .element-wrapper .course .data-clear:hover,
.course .transcript .lt-react-label-value .element-wrapper .data-clear:hover,
.transcript .lt-react-label-value .element-wrapper .course .data-clear:hover,
.course .ilt_global .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_global .lt-react-label-value .element-wrapper .course .data-clear:hover,
.course .ilt_learner .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_learner .lt-react-label-value .element-wrapper .course .data-clear:hover,
.course .lt-react-label-value .element-wrapper .data-clear:hover,
.course .ilt_report .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_report .lt-react-label-value .element-wrapper .course .data-clear:hover,
.course .learner .lt-react-label-value .element-wrapper .data-clear:hover,
.learner .lt-react-label-value .element-wrapper .course .data-clear:hover,
.course .microsite .lt-react-label-value .element-wrapper .input-wrapper:hover,
.microsite .lt-react-label-value .element-wrapper .course .input-wrapper:hover,
.course .customized .lt-react-label-value .element-wrapper .input-wrapper:hover,
.customized .lt-react-label-value .element-wrapper .course .input-wrapper:hover,
.course .transcript .lt-react-label-value .element-wrapper .input-wrapper:hover,
.transcript .lt-react-label-value .element-wrapper .course .input-wrapper:hover,
.course .ilt_global .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_global .lt-react-label-value .element-wrapper .course .input-wrapper:hover,
.course .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_learner .lt-react-label-value .element-wrapper .course .input-wrapper:hover,
.course .lt-react-label-value .element-wrapper .input-wrapper:hover,
.course .ilt_report .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_report .lt-react-label-value .element-wrapper .course .input-wrapper:hover,
.course .learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.learner .lt-react-label-value .element-wrapper .course .input-wrapper:hover,
.course .microsite .lt-react-dropdown .select:hover,
.microsite .lt-react-dropdown .course .select:hover,
.course .microsite .lt-react-dropdown .panel:hover,
.microsite .lt-react-dropdown .course .panel:hover,
.course .customized .lt-react-dropdown .select:hover,
.customized .lt-react-dropdown .course .select:hover,
.course .customized .lt-react-dropdown .panel:hover,
.customized .lt-react-dropdown .course .panel:hover,
.course .transcript .lt-react-dropdown .select:hover,
.transcript .lt-react-dropdown .course .select:hover,
.course .transcript .lt-react-dropdown .panel:hover,
.transcript .lt-react-dropdown .course .panel:hover,
.course .ilt_global .lt-react-dropdown .select:hover,
.ilt_global .lt-react-dropdown .course .select:hover,
.course .ilt_global .lt-react-dropdown .panel:hover,
.ilt_global .lt-react-dropdown .course .panel:hover,
.course .ilt_learner .lt-react-dropdown .select:hover,
.ilt_learner .lt-react-dropdown .course .select:hover,
.course .ilt_learner .lt-react-dropdown .panel:hover,
.ilt_learner .lt-react-dropdown .course .panel:hover,
.course .lt-react-dropdown .select:hover,
.course .lt-react-dropdown .panel:hover,
.course .ilt_report .lt-react-dropdown .select:hover,
.ilt_report .lt-react-dropdown .course .select:hover,
.course .ilt_report .lt-react-dropdown .panel:hover,
.ilt_report .lt-react-dropdown .course .panel:hover,
.course .learner .lt-react-dropdown .select:hover,
.learner .lt-react-dropdown .course .select:hover,
.course .learner .lt-react-dropdown .panel:hover,
.learner .lt-react-dropdown .course .panel:hover,
.ilt_report .analytics-wrapper .data-list .lt-react-dropdown .select:hover,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_report .select:hover,
.ilt_report .analytics-wrapper .data-list .lt-react-dropdown .panel:hover,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_report .panel:hover,
.ilt_report .microsite .lt-react-label-value .element-wrapper .data-clear:hover,
.microsite .lt-react-label-value .element-wrapper .ilt_report .data-clear:hover,
.ilt_report .customized .lt-react-label-value .element-wrapper .data-clear:hover,
.customized .lt-react-label-value .element-wrapper .ilt_report .data-clear:hover,
.ilt_report .transcript .lt-react-label-value .element-wrapper .data-clear:hover,
.transcript .lt-react-label-value .element-wrapper .ilt_report .data-clear:hover,
.ilt_report .ilt_global .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_global .lt-react-label-value .element-wrapper .ilt_report .data-clear:hover,
.ilt_report .ilt_learner .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_report .data-clear:hover,
.ilt_report .course .lt-react-label-value .element-wrapper .data-clear:hover,
.course .lt-react-label-value .element-wrapper .ilt_report .data-clear:hover,
.ilt_report .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_report .learner .lt-react-label-value .element-wrapper .data-clear:hover,
.learner .lt-react-label-value .element-wrapper .ilt_report .data-clear:hover,
.ilt_report .microsite .lt-react-label-value .element-wrapper .input-wrapper:hover,
.microsite .lt-react-label-value .element-wrapper .ilt_report .input-wrapper:hover,
.ilt_report .customized .lt-react-label-value .element-wrapper .input-wrapper:hover,
.customized .lt-react-label-value .element-wrapper .ilt_report .input-wrapper:hover,
.ilt_report .transcript .lt-react-label-value .element-wrapper .input-wrapper:hover,
.transcript .lt-react-label-value .element-wrapper .ilt_report .input-wrapper:hover,
.ilt_report .ilt_global .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_global .lt-react-label-value .element-wrapper .ilt_report .input-wrapper:hover,
.ilt_report .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_report .input-wrapper:hover,
.ilt_report .course .lt-react-label-value .element-wrapper .input-wrapper:hover,
.course .lt-react-label-value .element-wrapper .ilt_report .input-wrapper:hover,
.ilt_report .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_report .learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.learner .lt-react-label-value .element-wrapper .ilt_report .input-wrapper:hover,
.ilt_report .microsite .lt-react-dropdown .select:hover,
.microsite .lt-react-dropdown .ilt_report .select:hover,
.ilt_report .microsite .lt-react-dropdown .panel:hover,
.microsite .lt-react-dropdown .ilt_report .panel:hover,
.ilt_report .customized .lt-react-dropdown .select:hover,
.customized .lt-react-dropdown .ilt_report .select:hover,
.ilt_report .customized .lt-react-dropdown .panel:hover,
.customized .lt-react-dropdown .ilt_report .panel:hover,
.ilt_report .transcript .lt-react-dropdown .select:hover,
.transcript .lt-react-dropdown .ilt_report .select:hover,
.ilt_report .transcript .lt-react-dropdown .panel:hover,
.transcript .lt-react-dropdown .ilt_report .panel:hover,
.ilt_report .ilt_global .lt-react-dropdown .select:hover,
.ilt_global .lt-react-dropdown .ilt_report .select:hover,
.ilt_report .ilt_global .lt-react-dropdown .panel:hover,
.ilt_global .lt-react-dropdown .ilt_report .panel:hover,
.ilt_report .ilt_learner .lt-react-dropdown .select:hover,
.ilt_learner .lt-react-dropdown .ilt_report .select:hover,
.ilt_report .ilt_learner .lt-react-dropdown .panel:hover,
.ilt_learner .lt-react-dropdown .ilt_report .panel:hover,
.ilt_report .course .lt-react-dropdown .select:hover,
.course .lt-react-dropdown .ilt_report .select:hover,
.ilt_report .course .lt-react-dropdown .panel:hover,
.course .lt-react-dropdown .ilt_report .panel:hover,
.ilt_report .lt-react-dropdown .select:hover,
.ilt_report .lt-react-dropdown .panel:hover,
.ilt_report .learner .lt-react-dropdown .select:hover,
.learner .lt-react-dropdown .ilt_report .select:hover,
.ilt_report .learner .lt-react-dropdown .panel:hover,
.learner .lt-react-dropdown .ilt_report .panel:hover,
.learner .analytics-wrapper .data-list .lt-react-dropdown .select:hover,
.analytics-wrapper .data-list .lt-react-dropdown .learner .select:hover,
.learner .analytics-wrapper .data-list .lt-react-dropdown .panel:hover,
.analytics-wrapper .data-list .lt-react-dropdown .learner .panel:hover,
.learner .microsite .lt-react-label-value .element-wrapper .data-clear:hover,
.microsite .lt-react-label-value .element-wrapper .learner .data-clear:hover,
.learner .customized .lt-react-label-value .element-wrapper .data-clear:hover,
.customized .lt-react-label-value .element-wrapper .learner .data-clear:hover,
.learner .transcript .lt-react-label-value .element-wrapper .data-clear:hover,
.transcript .lt-react-label-value .element-wrapper .learner .data-clear:hover,
.learner .ilt_global .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_global .lt-react-label-value .element-wrapper .learner .data-clear:hover,
.learner .ilt_learner .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_learner .lt-react-label-value .element-wrapper .learner .data-clear:hover,
.learner .course .lt-react-label-value .element-wrapper .data-clear:hover,
.course .lt-react-label-value .element-wrapper .learner .data-clear:hover,
.learner .ilt_report .lt-react-label-value .element-wrapper .data-clear:hover,
.ilt_report .lt-react-label-value .element-wrapper .learner .data-clear:hover,
.learner .lt-react-label-value .element-wrapper .data-clear:hover,
.learner .microsite .lt-react-label-value .element-wrapper .input-wrapper:hover,
.microsite .lt-react-label-value .element-wrapper .learner .input-wrapper:hover,
.learner .customized .lt-react-label-value .element-wrapper .input-wrapper:hover,
.customized .lt-react-label-value .element-wrapper .learner .input-wrapper:hover,
.learner .transcript .lt-react-label-value .element-wrapper .input-wrapper:hover,
.transcript .lt-react-label-value .element-wrapper .learner .input-wrapper:hover,
.learner .ilt_global .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_global .lt-react-label-value .element-wrapper .learner .input-wrapper:hover,
.learner .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_learner .lt-react-label-value .element-wrapper .learner .input-wrapper:hover,
.learner .course .lt-react-label-value .element-wrapper .input-wrapper:hover,
.course .lt-react-label-value .element-wrapper .learner .input-wrapper:hover,
.learner .ilt_report .lt-react-label-value .element-wrapper .input-wrapper:hover,
.ilt_report .lt-react-label-value .element-wrapper .learner .input-wrapper:hover,
.learner .lt-react-label-value .element-wrapper .input-wrapper:hover,
.learner .microsite .lt-react-dropdown .select:hover,
.microsite .lt-react-dropdown .learner .select:hover,
.learner .microsite .lt-react-dropdown .panel:hover,
.microsite .lt-react-dropdown .learner .panel:hover,
.learner .customized .lt-react-dropdown .select:hover,
.customized .lt-react-dropdown .learner .select:hover,
.learner .customized .lt-react-dropdown .panel:hover,
.customized .lt-react-dropdown .learner .panel:hover,
.learner .transcript .lt-react-dropdown .select:hover,
.transcript .lt-react-dropdown .learner .select:hover,
.learner .transcript .lt-react-dropdown .panel:hover,
.transcript .lt-react-dropdown .learner .panel:hover,
.learner .ilt_global .lt-react-dropdown .select:hover,
.ilt_global .lt-react-dropdown .learner .select:hover,
.learner .ilt_global .lt-react-dropdown .panel:hover,
.ilt_global .lt-react-dropdown .learner .panel:hover,
.learner .ilt_learner .lt-react-dropdown .select:hover,
.ilt_learner .lt-react-dropdown .learner .select:hover,
.learner .ilt_learner .lt-react-dropdown .panel:hover,
.ilt_learner .lt-react-dropdown .learner .panel:hover,
.learner .course .lt-react-dropdown .select:hover,
.course .lt-react-dropdown .learner .select:hover,
.learner .course .lt-react-dropdown .panel:hover,
.course .lt-react-dropdown .learner .panel:hover,
.learner .ilt_report .lt-react-dropdown .select:hover,
.ilt_report .lt-react-dropdown .learner .select:hover,
.learner .ilt_report .lt-react-dropdown .panel:hover,
.ilt_report .lt-react-dropdown .learner .panel:hover,
.learner .lt-react-dropdown .select:hover,
.learner .lt-react-dropdown .panel:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination select:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form select:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form select:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .report_type_and_course_selected div select:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form select:hover, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field select:hover, span.select2-container .select2-selection:hover, .wrapper-footer .footer-language-selector .select-selected:hover, #admin-panel .select-wrapper .lt-react-dropdown .select:focus, #admin-panel select:focus, .staff-modal .staff_actions h3 + div input[type=text]:focus, .staff-modal .staff_actions h3 + div + div input[type=text]:focus, .modal .inner-wrapper form input[type="text"]:focus, .leanModal_box .inner-wrapper form input[type="text"]:focus, #admin-panel .approved-requests .search-container .search-part .select2:focus,
#admin-panel .declined-requests .search-container .search-part .select2:focus,
#admin-panel .pending-requests .search-container .search-part .select2:focus,
#admin-panel .enrollment-panel .search-container .search-part .select2:focus, #admin-panel .approved-requests .search-container .search-part input:focus,
#admin-panel .declined-requests .search-container .search-part input:focus,
#admin-panel .pending-requests .search-container .search-part input:focus,
#admin-panel .enrollment-panel .search-container .search-part input:focus, #admin-panel .approved-requests .request-container .request-info .trip input:focus,
#admin-panel .declined-requests .request-container .request-info .trip input:focus,
#admin-panel .pending-requests .request-container .request-info .trip input:focus,
#admin-panel .enrollment-panel .request-container .request-info .trip input:focus, #admin-panel .approved-requests .request-container .request-info select:focus,
#admin-panel .declined-requests .request-container .request-info select:focus,
#admin-panel .pending-requests .request-container .request-info select:focus,
#admin-panel .enrollment-panel .request-container .request-info select:focus, .account-settings-sections .section .account-deletion-details .paragon__modal-open .confirm-password-input:focus, body.view-in-course .wiki-wrapper section.wiki #id_title:focus, body.view-in-course .wiki-wrapper section.wiki #id_slug:focus, body.view-in-course .wiki-wrapper section.wiki #id_summary:focus, body.view-in-course .wiki-wrapper section.wiki .CodeMirror:focus, .courseware-results .pagination.pagination-full .pagination-form .page-number-input:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock select:focus,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) select:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock input:focus,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) input:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 select:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 input:focus:not([type="checkbox"]), body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 textarea:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-admin-selection select:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .ilt-admin-selection select:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-admin-selection select:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-admin-selection select:focus, body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail .ilt-registration .ilt-registration-trip input:focus, body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail .ilt-registration .ilt-registration-comment textarea:focus, body.view-courseware.courseware .ilt-xblock .ilt-sessions > div > select:focus, body.view-courseware.courseware .course-content .xblock-student_view .word_cloud .input_cloud_section .input-cloud:focus, body.view-courseware.courseware .course-content .wrapper-preview-menu .action-preview-username:focus, body.view-courseware.courseware .course-content .wrapper-preview-menu .preview-actions .action-preview .action-preview-select:focus, body.view-courseware.courseware .course-index .wrapper-course-modes .search-bar .search-field:focus, .wmd-prompt-dialog fieldset .field .field-input:focus, section.idash-section#certificates .certificates-wrapper input[type="text"]:focus, .find-courses .courses-container .search-form .search-facets .clear-filters:focus, .find-courses .courses-container .search-form .search-facets .fact-wrapper .header-facet:focus, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-open .confirm-password-input:focus, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-open .confirm-password-input:focus, .microsite .analytics-wrapper .data-list .lt-react-dropdown .select:focus, .analytics-wrapper .data-list .lt-react-dropdown .microsite .select:focus,
.microsite .analytics-wrapper .data-list .lt-react-dropdown .panel:focus,
.analytics-wrapper .data-list .lt-react-dropdown .microsite .panel:focus, .microsite .lt-react-label-value .element-wrapper .data-clear:focus,
.microsite .customized .lt-react-label-value .element-wrapper .data-clear:focus,
.customized .lt-react-label-value .element-wrapper .microsite .data-clear:focus,
.microsite .transcript .lt-react-label-value .element-wrapper .data-clear:focus,
.transcript .lt-react-label-value .element-wrapper .microsite .data-clear:focus,
.microsite .ilt_global .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_global .lt-react-label-value .element-wrapper .microsite .data-clear:focus,
.microsite .ilt_learner .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_learner .lt-react-label-value .element-wrapper .microsite .data-clear:focus,
.microsite .course .lt-react-label-value .element-wrapper .data-clear:focus,
.course .lt-react-label-value .element-wrapper .microsite .data-clear:focus,
.microsite .ilt_report .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_report .lt-react-label-value .element-wrapper .microsite .data-clear:focus,
.microsite .learner .lt-react-label-value .element-wrapper .data-clear:focus,
.learner .lt-react-label-value .element-wrapper .microsite .data-clear:focus, .microsite .lt-react-label-value .element-wrapper .input-wrapper:focus,
.microsite .customized .lt-react-label-value .element-wrapper .input-wrapper:focus,
.customized .lt-react-label-value .element-wrapper .microsite .input-wrapper:focus,
.microsite .transcript .lt-react-label-value .element-wrapper .input-wrapper:focus,
.transcript .lt-react-label-value .element-wrapper .microsite .input-wrapper:focus,
.microsite .ilt_global .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_global .lt-react-label-value .element-wrapper .microsite .input-wrapper:focus,
.microsite .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_learner .lt-react-label-value .element-wrapper .microsite .input-wrapper:focus,
.microsite .course .lt-react-label-value .element-wrapper .input-wrapper:focus,
.course .lt-react-label-value .element-wrapper .microsite .input-wrapper:focus,
.microsite .ilt_report .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_report .lt-react-label-value .element-wrapper .microsite .input-wrapper:focus,
.microsite .learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.learner .lt-react-label-value .element-wrapper .microsite .input-wrapper:focus, .microsite .lt-react-dropdown .select:focus,
.microsite .lt-react-dropdown .panel:focus,
.microsite .customized .lt-react-dropdown .select:focus,
.customized .lt-react-dropdown .microsite .select:focus,
.microsite .customized .lt-react-dropdown .panel:focus,
.customized .lt-react-dropdown .microsite .panel:focus,
.microsite .transcript .lt-react-dropdown .select:focus,
.transcript .lt-react-dropdown .microsite .select:focus,
.microsite .transcript .lt-react-dropdown .panel:focus,
.transcript .lt-react-dropdown .microsite .panel:focus,
.microsite .ilt_global .lt-react-dropdown .select:focus,
.ilt_global .lt-react-dropdown .microsite .select:focus,
.microsite .ilt_global .lt-react-dropdown .panel:focus,
.ilt_global .lt-react-dropdown .microsite .panel:focus,
.microsite .ilt_learner .lt-react-dropdown .select:focus,
.ilt_learner .lt-react-dropdown .microsite .select:focus,
.microsite .ilt_learner .lt-react-dropdown .panel:focus,
.ilt_learner .lt-react-dropdown .microsite .panel:focus,
.microsite .course .lt-react-dropdown .select:focus,
.course .lt-react-dropdown .microsite .select:focus,
.microsite .course .lt-react-dropdown .panel:focus,
.course .lt-react-dropdown .microsite .panel:focus,
.microsite .ilt_report .lt-react-dropdown .select:focus,
.ilt_report .lt-react-dropdown .microsite .select:focus,
.microsite .ilt_report .lt-react-dropdown .panel:focus,
.ilt_report .lt-react-dropdown .microsite .panel:focus,
.microsite .learner .lt-react-dropdown .select:focus,
.learner .lt-react-dropdown .microsite .select:focus,
.microsite .learner .lt-react-dropdown .panel:focus,
.learner .lt-react-dropdown .microsite .panel:focus,
.customized .analytics-wrapper .data-list .lt-react-dropdown .select:focus,
.analytics-wrapper .data-list .lt-react-dropdown .customized .select:focus,
.customized .analytics-wrapper .data-list .lt-react-dropdown .panel:focus,
.analytics-wrapper .data-list .lt-react-dropdown .customized .panel:focus,
.customized .microsite .lt-react-label-value .element-wrapper .data-clear:focus,
.microsite .lt-react-label-value .element-wrapper .customized .data-clear:focus,
.customized .lt-react-label-value .element-wrapper .data-clear:focus,
.customized .transcript .lt-react-label-value .element-wrapper .data-clear:focus,
.transcript .lt-react-label-value .element-wrapper .customized .data-clear:focus,
.customized .ilt_global .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_global .lt-react-label-value .element-wrapper .customized .data-clear:focus,
.customized .ilt_learner .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_learner .lt-react-label-value .element-wrapper .customized .data-clear:focus,
.customized .course .lt-react-label-value .element-wrapper .data-clear:focus,
.course .lt-react-label-value .element-wrapper .customized .data-clear:focus,
.customized .ilt_report .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_report .lt-react-label-value .element-wrapper .customized .data-clear:focus,
.customized .learner .lt-react-label-value .element-wrapper .data-clear:focus,
.learner .lt-react-label-value .element-wrapper .customized .data-clear:focus,
.customized .microsite .lt-react-label-value .element-wrapper .input-wrapper:focus,
.microsite .lt-react-label-value .element-wrapper .customized .input-wrapper:focus,
.customized .lt-react-label-value .element-wrapper .input-wrapper:focus,
.customized .transcript .lt-react-label-value .element-wrapper .input-wrapper:focus,
.transcript .lt-react-label-value .element-wrapper .customized .input-wrapper:focus,
.customized .ilt_global .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_global .lt-react-label-value .element-wrapper .customized .input-wrapper:focus,
.customized .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_learner .lt-react-label-value .element-wrapper .customized .input-wrapper:focus,
.customized .course .lt-react-label-value .element-wrapper .input-wrapper:focus,
.course .lt-react-label-value .element-wrapper .customized .input-wrapper:focus,
.customized .ilt_report .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_report .lt-react-label-value .element-wrapper .customized .input-wrapper:focus,
.customized .learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.learner .lt-react-label-value .element-wrapper .customized .input-wrapper:focus,
.customized .microsite .lt-react-dropdown .select:focus,
.microsite .lt-react-dropdown .customized .select:focus,
.customized .microsite .lt-react-dropdown .panel:focus,
.microsite .lt-react-dropdown .customized .panel:focus,
.customized .lt-react-dropdown .select:focus,
.customized .lt-react-dropdown .panel:focus,
.customized .transcript .lt-react-dropdown .select:focus,
.transcript .lt-react-dropdown .customized .select:focus,
.customized .transcript .lt-react-dropdown .panel:focus,
.transcript .lt-react-dropdown .customized .panel:focus,
.customized .ilt_global .lt-react-dropdown .select:focus,
.ilt_global .lt-react-dropdown .customized .select:focus,
.customized .ilt_global .lt-react-dropdown .panel:focus,
.ilt_global .lt-react-dropdown .customized .panel:focus,
.customized .ilt_learner .lt-react-dropdown .select:focus,
.ilt_learner .lt-react-dropdown .customized .select:focus,
.customized .ilt_learner .lt-react-dropdown .panel:focus,
.ilt_learner .lt-react-dropdown .customized .panel:focus,
.customized .course .lt-react-dropdown .select:focus,
.course .lt-react-dropdown .customized .select:focus,
.customized .course .lt-react-dropdown .panel:focus,
.course .lt-react-dropdown .customized .panel:focus,
.customized .ilt_report .lt-react-dropdown .select:focus,
.ilt_report .lt-react-dropdown .customized .select:focus,
.customized .ilt_report .lt-react-dropdown .panel:focus,
.ilt_report .lt-react-dropdown .customized .panel:focus,
.customized .learner .lt-react-dropdown .select:focus,
.learner .lt-react-dropdown .customized .select:focus,
.customized .learner .lt-react-dropdown .panel:focus,
.learner .lt-react-dropdown .customized .panel:focus,
.transcript .analytics-wrapper .data-list .lt-react-dropdown .select:focus,
.analytics-wrapper .data-list .lt-react-dropdown .transcript .select:focus,
.transcript .analytics-wrapper .data-list .lt-react-dropdown .panel:focus,
.analytics-wrapper .data-list .lt-react-dropdown .transcript .panel:focus,
.transcript .microsite .lt-react-label-value .element-wrapper .data-clear:focus,
.microsite .lt-react-label-value .element-wrapper .transcript .data-clear:focus,
.transcript .customized .lt-react-label-value .element-wrapper .data-clear:focus,
.customized .lt-react-label-value .element-wrapper .transcript .data-clear:focus,
.transcript .lt-react-label-value .element-wrapper .data-clear:focus,
.transcript .ilt_global .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_global .lt-react-label-value .element-wrapper .transcript .data-clear:focus,
.transcript .ilt_learner .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_learner .lt-react-label-value .element-wrapper .transcript .data-clear:focus,
.transcript .course .lt-react-label-value .element-wrapper .data-clear:focus,
.course .lt-react-label-value .element-wrapper .transcript .data-clear:focus,
.transcript .ilt_report .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_report .lt-react-label-value .element-wrapper .transcript .data-clear:focus,
.transcript .learner .lt-react-label-value .element-wrapper .data-clear:focus,
.learner .lt-react-label-value .element-wrapper .transcript .data-clear:focus,
.transcript .microsite .lt-react-label-value .element-wrapper .input-wrapper:focus,
.microsite .lt-react-label-value .element-wrapper .transcript .input-wrapper:focus,
.transcript .customized .lt-react-label-value .element-wrapper .input-wrapper:focus,
.customized .lt-react-label-value .element-wrapper .transcript .input-wrapper:focus,
.transcript .lt-react-label-value .element-wrapper .input-wrapper:focus,
.transcript .ilt_global .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_global .lt-react-label-value .element-wrapper .transcript .input-wrapper:focus,
.transcript .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_learner .lt-react-label-value .element-wrapper .transcript .input-wrapper:focus,
.transcript .course .lt-react-label-value .element-wrapper .input-wrapper:focus,
.course .lt-react-label-value .element-wrapper .transcript .input-wrapper:focus,
.transcript .ilt_report .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_report .lt-react-label-value .element-wrapper .transcript .input-wrapper:focus,
.transcript .learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.learner .lt-react-label-value .element-wrapper .transcript .input-wrapper:focus,
.transcript .microsite .lt-react-dropdown .select:focus,
.microsite .lt-react-dropdown .transcript .select:focus,
.transcript .microsite .lt-react-dropdown .panel:focus,
.microsite .lt-react-dropdown .transcript .panel:focus,
.transcript .customized .lt-react-dropdown .select:focus,
.customized .lt-react-dropdown .transcript .select:focus,
.transcript .customized .lt-react-dropdown .panel:focus,
.customized .lt-react-dropdown .transcript .panel:focus,
.transcript .lt-react-dropdown .select:focus,
.transcript .lt-react-dropdown .panel:focus,
.transcript .ilt_global .lt-react-dropdown .select:focus,
.ilt_global .lt-react-dropdown .transcript .select:focus,
.transcript .ilt_global .lt-react-dropdown .panel:focus,
.ilt_global .lt-react-dropdown .transcript .panel:focus,
.transcript .ilt_learner .lt-react-dropdown .select:focus,
.ilt_learner .lt-react-dropdown .transcript .select:focus,
.transcript .ilt_learner .lt-react-dropdown .panel:focus,
.ilt_learner .lt-react-dropdown .transcript .panel:focus,
.transcript .course .lt-react-dropdown .select:focus,
.course .lt-react-dropdown .transcript .select:focus,
.transcript .course .lt-react-dropdown .panel:focus,
.course .lt-react-dropdown .transcript .panel:focus,
.transcript .ilt_report .lt-react-dropdown .select:focus,
.ilt_report .lt-react-dropdown .transcript .select:focus,
.transcript .ilt_report .lt-react-dropdown .panel:focus,
.ilt_report .lt-react-dropdown .transcript .panel:focus,
.transcript .learner .lt-react-dropdown .select:focus,
.learner .lt-react-dropdown .transcript .select:focus,
.transcript .learner .lt-react-dropdown .panel:focus,
.learner .lt-react-dropdown .transcript .panel:focus,
.ilt_global .analytics-wrapper .data-list .lt-react-dropdown .select:focus,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_global .select:focus,
.ilt_global .analytics-wrapper .data-list .lt-react-dropdown .panel:focus,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_global .panel:focus,
.ilt_global .microsite .lt-react-label-value .element-wrapper .data-clear:focus,
.microsite .lt-react-label-value .element-wrapper .ilt_global .data-clear:focus,
.ilt_global .customized .lt-react-label-value .element-wrapper .data-clear:focus,
.customized .lt-react-label-value .element-wrapper .ilt_global .data-clear:focus,
.ilt_global .transcript .lt-react-label-value .element-wrapper .data-clear:focus,
.transcript .lt-react-label-value .element-wrapper .ilt_global .data-clear:focus,
.ilt_global .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_global .ilt_learner .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_global .data-clear:focus,
.ilt_global .course .lt-react-label-value .element-wrapper .data-clear:focus,
.course .lt-react-label-value .element-wrapper .ilt_global .data-clear:focus,
.ilt_global .ilt_report .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_report .lt-react-label-value .element-wrapper .ilt_global .data-clear:focus,
.ilt_global .learner .lt-react-label-value .element-wrapper .data-clear:focus,
.learner .lt-react-label-value .element-wrapper .ilt_global .data-clear:focus,
.ilt_global .microsite .lt-react-label-value .element-wrapper .input-wrapper:focus,
.microsite .lt-react-label-value .element-wrapper .ilt_global .input-wrapper:focus,
.ilt_global .customized .lt-react-label-value .element-wrapper .input-wrapper:focus,
.customized .lt-react-label-value .element-wrapper .ilt_global .input-wrapper:focus,
.ilt_global .transcript .lt-react-label-value .element-wrapper .input-wrapper:focus,
.transcript .lt-react-label-value .element-wrapper .ilt_global .input-wrapper:focus,
.ilt_global .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_global .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_global .input-wrapper:focus,
.ilt_global .course .lt-react-label-value .element-wrapper .input-wrapper:focus,
.course .lt-react-label-value .element-wrapper .ilt_global .input-wrapper:focus,
.ilt_global .ilt_report .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_report .lt-react-label-value .element-wrapper .ilt_global .input-wrapper:focus,
.ilt_global .learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.learner .lt-react-label-value .element-wrapper .ilt_global .input-wrapper:focus,
.ilt_global .microsite .lt-react-dropdown .select:focus,
.microsite .lt-react-dropdown .ilt_global .select:focus,
.ilt_global .microsite .lt-react-dropdown .panel:focus,
.microsite .lt-react-dropdown .ilt_global .panel:focus,
.ilt_global .customized .lt-react-dropdown .select:focus,
.customized .lt-react-dropdown .ilt_global .select:focus,
.ilt_global .customized .lt-react-dropdown .panel:focus,
.customized .lt-react-dropdown .ilt_global .panel:focus,
.ilt_global .transcript .lt-react-dropdown .select:focus,
.transcript .lt-react-dropdown .ilt_global .select:focus,
.ilt_global .transcript .lt-react-dropdown .panel:focus,
.transcript .lt-react-dropdown .ilt_global .panel:focus,
.ilt_global .lt-react-dropdown .select:focus,
.ilt_global .lt-react-dropdown .panel:focus,
.ilt_global .ilt_learner .lt-react-dropdown .select:focus,
.ilt_learner .lt-react-dropdown .ilt_global .select:focus,
.ilt_global .ilt_learner .lt-react-dropdown .panel:focus,
.ilt_learner .lt-react-dropdown .ilt_global .panel:focus,
.ilt_global .course .lt-react-dropdown .select:focus,
.course .lt-react-dropdown .ilt_global .select:focus,
.ilt_global .course .lt-react-dropdown .panel:focus,
.course .lt-react-dropdown .ilt_global .panel:focus,
.ilt_global .ilt_report .lt-react-dropdown .select:focus,
.ilt_report .lt-react-dropdown .ilt_global .select:focus,
.ilt_global .ilt_report .lt-react-dropdown .panel:focus,
.ilt_report .lt-react-dropdown .ilt_global .panel:focus,
.ilt_global .learner .lt-react-dropdown .select:focus,
.learner .lt-react-dropdown .ilt_global .select:focus,
.ilt_global .learner .lt-react-dropdown .panel:focus,
.learner .lt-react-dropdown .ilt_global .panel:focus,
.ilt_learner .analytics-wrapper .data-list .lt-react-dropdown .select:focus,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_learner .select:focus,
.ilt_learner .analytics-wrapper .data-list .lt-react-dropdown .panel:focus,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_learner .panel:focus,
.ilt_learner .microsite .lt-react-label-value .element-wrapper .data-clear:focus,
.microsite .lt-react-label-value .element-wrapper .ilt_learner .data-clear:focus,
.ilt_learner .customized .lt-react-label-value .element-wrapper .data-clear:focus,
.customized .lt-react-label-value .element-wrapper .ilt_learner .data-clear:focus,
.ilt_learner .transcript .lt-react-label-value .element-wrapper .data-clear:focus,
.transcript .lt-react-label-value .element-wrapper .ilt_learner .data-clear:focus,
.ilt_learner .ilt_global .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_global .lt-react-label-value .element-wrapper .ilt_learner .data-clear:focus,
.ilt_learner .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_learner .course .lt-react-label-value .element-wrapper .data-clear:focus,
.course .lt-react-label-value .element-wrapper .ilt_learner .data-clear:focus,
.ilt_learner .ilt_report .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_report .lt-react-label-value .element-wrapper .ilt_learner .data-clear:focus,
.ilt_learner .learner .lt-react-label-value .element-wrapper .data-clear:focus,
.learner .lt-react-label-value .element-wrapper .ilt_learner .data-clear:focus,
.ilt_learner .microsite .lt-react-label-value .element-wrapper .input-wrapper:focus,
.microsite .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper:focus,
.ilt_learner .customized .lt-react-label-value .element-wrapper .input-wrapper:focus,
.customized .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper:focus,
.ilt_learner .transcript .lt-react-label-value .element-wrapper .input-wrapper:focus,
.transcript .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper:focus,
.ilt_learner .ilt_global .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_global .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper:focus,
.ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_learner .course .lt-react-label-value .element-wrapper .input-wrapper:focus,
.course .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper:focus,
.ilt_learner .ilt_report .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_report .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper:focus,
.ilt_learner .learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.learner .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper:focus,
.ilt_learner .microsite .lt-react-dropdown .select:focus,
.microsite .lt-react-dropdown .ilt_learner .select:focus,
.ilt_learner .microsite .lt-react-dropdown .panel:focus,
.microsite .lt-react-dropdown .ilt_learner .panel:focus,
.ilt_learner .customized .lt-react-dropdown .select:focus,
.customized .lt-react-dropdown .ilt_learner .select:focus,
.ilt_learner .customized .lt-react-dropdown .panel:focus,
.customized .lt-react-dropdown .ilt_learner .panel:focus,
.ilt_learner .transcript .lt-react-dropdown .select:focus,
.transcript .lt-react-dropdown .ilt_learner .select:focus,
.ilt_learner .transcript .lt-react-dropdown .panel:focus,
.transcript .lt-react-dropdown .ilt_learner .panel:focus,
.ilt_learner .ilt_global .lt-react-dropdown .select:focus,
.ilt_global .lt-react-dropdown .ilt_learner .select:focus,
.ilt_learner .ilt_global .lt-react-dropdown .panel:focus,
.ilt_global .lt-react-dropdown .ilt_learner .panel:focus,
.ilt_learner .lt-react-dropdown .select:focus,
.ilt_learner .lt-react-dropdown .panel:focus,
.ilt_learner .course .lt-react-dropdown .select:focus,
.course .lt-react-dropdown .ilt_learner .select:focus,
.ilt_learner .course .lt-react-dropdown .panel:focus,
.course .lt-react-dropdown .ilt_learner .panel:focus,
.ilt_learner .ilt_report .lt-react-dropdown .select:focus,
.ilt_report .lt-react-dropdown .ilt_learner .select:focus,
.ilt_learner .ilt_report .lt-react-dropdown .panel:focus,
.ilt_report .lt-react-dropdown .ilt_learner .panel:focus,
.ilt_learner .learner .lt-react-dropdown .select:focus,
.learner .lt-react-dropdown .ilt_learner .select:focus,
.ilt_learner .learner .lt-react-dropdown .panel:focus,
.learner .lt-react-dropdown .ilt_learner .panel:focus,
.course .analytics-wrapper .data-list .lt-react-dropdown .select:focus,
.analytics-wrapper .data-list .lt-react-dropdown .course .select:focus,
.course .analytics-wrapper .data-list .lt-react-dropdown .panel:focus,
.analytics-wrapper .data-list .lt-react-dropdown .course .panel:focus,
.course .microsite .lt-react-label-value .element-wrapper .data-clear:focus,
.microsite .lt-react-label-value .element-wrapper .course .data-clear:focus,
.course .customized .lt-react-label-value .element-wrapper .data-clear:focus,
.customized .lt-react-label-value .element-wrapper .course .data-clear:focus,
.course .transcript .lt-react-label-value .element-wrapper .data-clear:focus,
.transcript .lt-react-label-value .element-wrapper .course .data-clear:focus,
.course .ilt_global .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_global .lt-react-label-value .element-wrapper .course .data-clear:focus,
.course .ilt_learner .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_learner .lt-react-label-value .element-wrapper .course .data-clear:focus,
.course .lt-react-label-value .element-wrapper .data-clear:focus,
.course .ilt_report .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_report .lt-react-label-value .element-wrapper .course .data-clear:focus,
.course .learner .lt-react-label-value .element-wrapper .data-clear:focus,
.learner .lt-react-label-value .element-wrapper .course .data-clear:focus,
.course .microsite .lt-react-label-value .element-wrapper .input-wrapper:focus,
.microsite .lt-react-label-value .element-wrapper .course .input-wrapper:focus,
.course .customized .lt-react-label-value .element-wrapper .input-wrapper:focus,
.customized .lt-react-label-value .element-wrapper .course .input-wrapper:focus,
.course .transcript .lt-react-label-value .element-wrapper .input-wrapper:focus,
.transcript .lt-react-label-value .element-wrapper .course .input-wrapper:focus,
.course .ilt_global .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_global .lt-react-label-value .element-wrapper .course .input-wrapper:focus,
.course .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_learner .lt-react-label-value .element-wrapper .course .input-wrapper:focus,
.course .lt-react-label-value .element-wrapper .input-wrapper:focus,
.course .ilt_report .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_report .lt-react-label-value .element-wrapper .course .input-wrapper:focus,
.course .learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.learner .lt-react-label-value .element-wrapper .course .input-wrapper:focus,
.course .microsite .lt-react-dropdown .select:focus,
.microsite .lt-react-dropdown .course .select:focus,
.course .microsite .lt-react-dropdown .panel:focus,
.microsite .lt-react-dropdown .course .panel:focus,
.course .customized .lt-react-dropdown .select:focus,
.customized .lt-react-dropdown .course .select:focus,
.course .customized .lt-react-dropdown .panel:focus,
.customized .lt-react-dropdown .course .panel:focus,
.course .transcript .lt-react-dropdown .select:focus,
.transcript .lt-react-dropdown .course .select:focus,
.course .transcript .lt-react-dropdown .panel:focus,
.transcript .lt-react-dropdown .course .panel:focus,
.course .ilt_global .lt-react-dropdown .select:focus,
.ilt_global .lt-react-dropdown .course .select:focus,
.course .ilt_global .lt-react-dropdown .panel:focus,
.ilt_global .lt-react-dropdown .course .panel:focus,
.course .ilt_learner .lt-react-dropdown .select:focus,
.ilt_learner .lt-react-dropdown .course .select:focus,
.course .ilt_learner .lt-react-dropdown .panel:focus,
.ilt_learner .lt-react-dropdown .course .panel:focus,
.course .lt-react-dropdown .select:focus,
.course .lt-react-dropdown .panel:focus,
.course .ilt_report .lt-react-dropdown .select:focus,
.ilt_report .lt-react-dropdown .course .select:focus,
.course .ilt_report .lt-react-dropdown .panel:focus,
.ilt_report .lt-react-dropdown .course .panel:focus,
.course .learner .lt-react-dropdown .select:focus,
.learner .lt-react-dropdown .course .select:focus,
.course .learner .lt-react-dropdown .panel:focus,
.learner .lt-react-dropdown .course .panel:focus,
.ilt_report .analytics-wrapper .data-list .lt-react-dropdown .select:focus,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_report .select:focus,
.ilt_report .analytics-wrapper .data-list .lt-react-dropdown .panel:focus,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_report .panel:focus,
.ilt_report .microsite .lt-react-label-value .element-wrapper .data-clear:focus,
.microsite .lt-react-label-value .element-wrapper .ilt_report .data-clear:focus,
.ilt_report .customized .lt-react-label-value .element-wrapper .data-clear:focus,
.customized .lt-react-label-value .element-wrapper .ilt_report .data-clear:focus,
.ilt_report .transcript .lt-react-label-value .element-wrapper .data-clear:focus,
.transcript .lt-react-label-value .element-wrapper .ilt_report .data-clear:focus,
.ilt_report .ilt_global .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_global .lt-react-label-value .element-wrapper .ilt_report .data-clear:focus,
.ilt_report .ilt_learner .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_report .data-clear:focus,
.ilt_report .course .lt-react-label-value .element-wrapper .data-clear:focus,
.course .lt-react-label-value .element-wrapper .ilt_report .data-clear:focus,
.ilt_report .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_report .learner .lt-react-label-value .element-wrapper .data-clear:focus,
.learner .lt-react-label-value .element-wrapper .ilt_report .data-clear:focus,
.ilt_report .microsite .lt-react-label-value .element-wrapper .input-wrapper:focus,
.microsite .lt-react-label-value .element-wrapper .ilt_report .input-wrapper:focus,
.ilt_report .customized .lt-react-label-value .element-wrapper .input-wrapper:focus,
.customized .lt-react-label-value .element-wrapper .ilt_report .input-wrapper:focus,
.ilt_report .transcript .lt-react-label-value .element-wrapper .input-wrapper:focus,
.transcript .lt-react-label-value .element-wrapper .ilt_report .input-wrapper:focus,
.ilt_report .ilt_global .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_global .lt-react-label-value .element-wrapper .ilt_report .input-wrapper:focus,
.ilt_report .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_report .input-wrapper:focus,
.ilt_report .course .lt-react-label-value .element-wrapper .input-wrapper:focus,
.course .lt-react-label-value .element-wrapper .ilt_report .input-wrapper:focus,
.ilt_report .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_report .learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.learner .lt-react-label-value .element-wrapper .ilt_report .input-wrapper:focus,
.ilt_report .microsite .lt-react-dropdown .select:focus,
.microsite .lt-react-dropdown .ilt_report .select:focus,
.ilt_report .microsite .lt-react-dropdown .panel:focus,
.microsite .lt-react-dropdown .ilt_report .panel:focus,
.ilt_report .customized .lt-react-dropdown .select:focus,
.customized .lt-react-dropdown .ilt_report .select:focus,
.ilt_report .customized .lt-react-dropdown .panel:focus,
.customized .lt-react-dropdown .ilt_report .panel:focus,
.ilt_report .transcript .lt-react-dropdown .select:focus,
.transcript .lt-react-dropdown .ilt_report .select:focus,
.ilt_report .transcript .lt-react-dropdown .panel:focus,
.transcript .lt-react-dropdown .ilt_report .panel:focus,
.ilt_report .ilt_global .lt-react-dropdown .select:focus,
.ilt_global .lt-react-dropdown .ilt_report .select:focus,
.ilt_report .ilt_global .lt-react-dropdown .panel:focus,
.ilt_global .lt-react-dropdown .ilt_report .panel:focus,
.ilt_report .ilt_learner .lt-react-dropdown .select:focus,
.ilt_learner .lt-react-dropdown .ilt_report .select:focus,
.ilt_report .ilt_learner .lt-react-dropdown .panel:focus,
.ilt_learner .lt-react-dropdown .ilt_report .panel:focus,
.ilt_report .course .lt-react-dropdown .select:focus,
.course .lt-react-dropdown .ilt_report .select:focus,
.ilt_report .course .lt-react-dropdown .panel:focus,
.course .lt-react-dropdown .ilt_report .panel:focus,
.ilt_report .lt-react-dropdown .select:focus,
.ilt_report .lt-react-dropdown .panel:focus,
.ilt_report .learner .lt-react-dropdown .select:focus,
.learner .lt-react-dropdown .ilt_report .select:focus,
.ilt_report .learner .lt-react-dropdown .panel:focus,
.learner .lt-react-dropdown .ilt_report .panel:focus,
.learner .analytics-wrapper .data-list .lt-react-dropdown .select:focus,
.analytics-wrapper .data-list .lt-react-dropdown .learner .select:focus,
.learner .analytics-wrapper .data-list .lt-react-dropdown .panel:focus,
.analytics-wrapper .data-list .lt-react-dropdown .learner .panel:focus,
.learner .microsite .lt-react-label-value .element-wrapper .data-clear:focus,
.microsite .lt-react-label-value .element-wrapper .learner .data-clear:focus,
.learner .customized .lt-react-label-value .element-wrapper .data-clear:focus,
.customized .lt-react-label-value .element-wrapper .learner .data-clear:focus,
.learner .transcript .lt-react-label-value .element-wrapper .data-clear:focus,
.transcript .lt-react-label-value .element-wrapper .learner .data-clear:focus,
.learner .ilt_global .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_global .lt-react-label-value .element-wrapper .learner .data-clear:focus,
.learner .ilt_learner .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_learner .lt-react-label-value .element-wrapper .learner .data-clear:focus,
.learner .course .lt-react-label-value .element-wrapper .data-clear:focus,
.course .lt-react-label-value .element-wrapper .learner .data-clear:focus,
.learner .ilt_report .lt-react-label-value .element-wrapper .data-clear:focus,
.ilt_report .lt-react-label-value .element-wrapper .learner .data-clear:focus,
.learner .lt-react-label-value .element-wrapper .data-clear:focus,
.learner .microsite .lt-react-label-value .element-wrapper .input-wrapper:focus,
.microsite .lt-react-label-value .element-wrapper .learner .input-wrapper:focus,
.learner .customized .lt-react-label-value .element-wrapper .input-wrapper:focus,
.customized .lt-react-label-value .element-wrapper .learner .input-wrapper:focus,
.learner .transcript .lt-react-label-value .element-wrapper .input-wrapper:focus,
.transcript .lt-react-label-value .element-wrapper .learner .input-wrapper:focus,
.learner .ilt_global .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_global .lt-react-label-value .element-wrapper .learner .input-wrapper:focus,
.learner .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_learner .lt-react-label-value .element-wrapper .learner .input-wrapper:focus,
.learner .course .lt-react-label-value .element-wrapper .input-wrapper:focus,
.course .lt-react-label-value .element-wrapper .learner .input-wrapper:focus,
.learner .ilt_report .lt-react-label-value .element-wrapper .input-wrapper:focus,
.ilt_report .lt-react-label-value .element-wrapper .learner .input-wrapper:focus,
.learner .lt-react-label-value .element-wrapper .input-wrapper:focus,
.learner .microsite .lt-react-dropdown .select:focus,
.microsite .lt-react-dropdown .learner .select:focus,
.learner .microsite .lt-react-dropdown .panel:focus,
.microsite .lt-react-dropdown .learner .panel:focus,
.learner .customized .lt-react-dropdown .select:focus,
.customized .lt-react-dropdown .learner .select:focus,
.learner .customized .lt-react-dropdown .panel:focus,
.customized .lt-react-dropdown .learner .panel:focus,
.learner .transcript .lt-react-dropdown .select:focus,
.transcript .lt-react-dropdown .learner .select:focus,
.learner .transcript .lt-react-dropdown .panel:focus,
.transcript .lt-react-dropdown .learner .panel:focus,
.learner .ilt_global .lt-react-dropdown .select:focus,
.ilt_global .lt-react-dropdown .learner .select:focus,
.learner .ilt_global .lt-react-dropdown .panel:focus,
.ilt_global .lt-react-dropdown .learner .panel:focus,
.learner .ilt_learner .lt-react-dropdown .select:focus,
.ilt_learner .lt-react-dropdown .learner .select:focus,
.learner .ilt_learner .lt-react-dropdown .panel:focus,
.ilt_learner .lt-react-dropdown .learner .panel:focus,
.learner .course .lt-react-dropdown .select:focus,
.course .lt-react-dropdown .learner .select:focus,
.learner .course .lt-react-dropdown .panel:focus,
.course .lt-react-dropdown .learner .panel:focus,
.learner .ilt_report .lt-react-dropdown .select:focus,
.ilt_report .lt-react-dropdown .learner .select:focus,
.learner .ilt_report .lt-react-dropdown .panel:focus,
.ilt_report .lt-react-dropdown .learner .panel:focus,
.learner .lt-react-dropdown .select:focus,
.learner .lt-react-dropdown .panel:focus, .view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination select:focus, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form select:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form select:focus, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .report_type_and_course_selected div select:focus, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form select:focus, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field select:focus, span.select2-container .select2-selection:focus, .wrapper-footer .footer-language-selector .select-selected:focus {
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields input[name=subject], section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[name=problem-location], #gradebook .search input.student-search-field, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar .add-field, body.view-in-course .instructor-dashboard-wrapper-2 input[type=text]:not(.ds-search *) {
  font-size: 14px;
  background-color: transparent;
  background-image: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  color: #cecece;
  border-bottom: 1px solid #dcdcdc;
  outline: initial;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields input[name=subject]:focus, section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[name=problem-location]:focus, #gradebook .search input.student-search-field:focus, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar .add-field:focus, body.view-in-course .instructor-dashboard-wrapper-2 input[type=text]:focus:not(.ds-search *), s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields input[name=subject]:hover, section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[name=problem-location]:hover, #gradebook .search input.student-search-field:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar .add-field:hover, body.view-in-course .instructor-dashboard-wrapper-2 input[type=text]:hover:not(.ds-search *) {
  color: #09092d;
  border-bottom: 1px solid #5959eb;
}

#admin-panel select, #admin-panel .approved-requests .request-container .request-info select,
#admin-panel .declined-requests .request-container .request-info select,
#admin-panel .pending-requests .request-container .request-info select,
#admin-panel .enrollment-panel .request-container .request-info select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock select,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-sessions > div > select, body.view-courseware.courseware .course-content .wrapper-preview-menu .preview-actions .action-preview .action-preview-select, section.discussion .edit-post-form .post-field select,
section.discussion .forum-new-post-form .post-field select, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field select,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field select, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav .cohort-select, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .member-lists-selector, .view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination select, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form select,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form select, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .report_type_and_course_selected div select, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form select, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field select {
  border-bottom: 0;
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: 10px;
  background-position: right 10px center;
  background-color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#admin-panel select:focus, #admin-panel .approved-requests .request-container .request-info select:focus,
#admin-panel .declined-requests .request-container .request-info select:focus,
#admin-panel .pending-requests .request-container .request-info select:focus,
#admin-panel .enrollment-panel .request-container .request-info select:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock select:focus,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) select:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 select:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-admin-selection select:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-admin-selection select:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-admin-selection select:focus, body.view-courseware.courseware .ilt-xblock .ilt-sessions > div > select:focus, body.view-courseware.courseware .course-content .wrapper-preview-menu .preview-actions .action-preview .action-preview-select:focus, section.discussion .edit-post-form .post-field select:focus,
section.discussion .forum-new-post-form .post-field select:focus, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav .cohort-select:focus, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .member-lists-selector:focus, .view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination select:focus, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form select:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form select:focus, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .report_type_and_course_selected div select:focus, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form select:focus, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field select:focus {
  outline: none;
}

#admin-panel select, #admin-panel .approved-requests .request-container .request-info select,
#admin-panel .declined-requests .request-container .request-info select,
#admin-panel .pending-requests .request-container .request-info select,
#admin-panel .enrollment-panel .request-container .request-info select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock select,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-sessions > div > select, body.view-courseware.courseware .course-content .wrapper-preview-menu .preview-actions .action-preview .action-preview-select, section.discussion .edit-post-form .post-field select,
section.discussion .forum-new-post-form .post-field select, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field select,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field select, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav .cohort-select, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .member-lists-selector, .view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination select, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form select,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form select, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .report_type_and_course_selected div select, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form select, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field select {
  background-image: url("/static/images/chevron-down.7e52589a2d89.svg");
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=radio], body.view-in-course .instructor-dashboard-wrapper-2 input[type=radio]:not(#white-listed-students input[type=radio]) {
  visibility: hidden;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=radio] + span, body.view-in-course .instructor-dashboard-wrapper-2 input[type=radio]:not(#white-listed-students input[type=radio]) + span, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=radio] + label, body.view-in-course .instructor-dashboard-wrapper-2 input[type=radio]:not(#white-listed-students input[type=radio]) + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=radio] + span:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=radio]:not(#white-listed-students input[type=radio]) + span:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=radio] + label:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=radio]:not(#white-listed-students input[type=radio]) + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=radio]:checked + span:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=radio]:checked:not(#white-listed-students input[type=radio]) + span:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=radio]:checked + label:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=radio]:checked:not(#white-listed-students input[type=radio]) + label:before {
  content: "";
  color: #23ab41;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[disabled][type=radio] + span:before, body.view-in-course .instructor-dashboard-wrapper-2 input[disabled][type=radio]:not(#white-listed-students input[type=radio]) + span:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[disabled][type=radio] + label:before, body.view-in-course .instructor-dashboard-wrapper-2 input[disabled][type=radio]:not(#white-listed-students input[type=radio]) + label:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input.disabled[type=radio] + span:before, body.view-in-course .instructor-dashboard-wrapper-2 input.disabled[type=radio]:not(#white-listed-students input[type=radio]) + span:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input.disabled[type=radio] + label:before, body.view-in-course .instructor-dashboard-wrapper-2 input.disabled[type=radio]:not(#white-listed-students input[type=radio]) + label:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=radio]:disabled + span:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=radio]:disabled:not(#white-listed-students input[type=radio]) + span:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=radio]:disabled + label:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=radio]:disabled:not(#white-listed-students input[type=radio]) + label:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input.is-disabled[type=radio] + span:before, body.view-in-course .instructor-dashboard-wrapper-2 input.is-disabled[type=radio]:not(#white-listed-students input[type=radio]) + span:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input.is-disabled[type=radio] + label:before, body.view-in-course .instructor-dashboard-wrapper-2 input.is-disabled[type=radio]:not(#white-listed-students input[type=radio]) + label:before {
  color: #4c4c8e;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input[type="radio"] {
  visibility: hidden;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input[type="radio"] + span, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input[type="radio"] + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input[type="radio"] + span:before, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input[type="radio"] + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input[type="radio"]:checked + span:before, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input[type="radio"]:checked + label:before {
  content: "";
  color: #5959eb;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input[disabled][type="radio"] + span:before, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input[disabled][type="radio"] + label:before, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input.disabled[type="radio"] + span:before, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input.disabled[type="radio"] + label:before, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input[type="radio"]:disabled + span:before, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input[type="radio"]:disabled + label:before, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input.is-disabled[type="radio"] + span:before, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input.is-disabled[type="radio"] + label:before {
  color: #4c4c8e;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-fields .input,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-fields .input {
  border-radius: 8px;
  border-color: #dcdcdc;
  color: #afafaf;
  box-shadow: none;
  padding-left: 26px;
}

@keyframes triboo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: triboo-spin 1s linear infinite;
}

.animate-duration-2s {
  animation-duration: 2s;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .loading-wrapper,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .loading-wrapper,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers .loading-wrapper {
  position: relative;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .loading-wrapper .icon,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .loading-wrapper .icon,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers .loading-wrapper .icon {
  display: inline-block;
  position: absolute;
  left: 20px;
  top: 12px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .loading-wrapper .icon:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .loading-wrapper .icon:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers .loading-wrapper .icon:before {
  animation: triboo-spin 2s linear infinite;
  content: "\F110";
  display: inline-block;
  font-family: "Font Awesome 7 Pro";
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
}

body.view-pdfbook div.book-wrapper section.book-sidebar #booknav .chapter, body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item, body.view-courseware.courseware .course-index .accordion .course-navigation .button-chapter .group-heading {
  display: flex;
  align-items: baseline;
}

body.view-pdfbook div.book-wrapper section.book-sidebar #booknav .chapter:before, body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item:before, body.view-courseware.courseware .course-index .accordion .course-navigation .button-chapter .group-heading:before {
  content: '\f111';
  font-family: "Font Awesome 7 Pro";
  font-weight: 700;
  font-size: 8px;
  line-height: 8px;
  padding-right: 13px;
  color: #dcdcdc;
  text-shadow: none;
}

.obtained-badges .swiper-button-prev,
.not-obtained-badges .swiper-button-prev,
.not-started-badges .swiper-button-prev, .dashboard .main-container .my-bookmarks .swiper-button-prev,
.obtained-badges .swiper-button-next,
.not-obtained-badges .swiper-button-next,
.not-started-badges .swiper-button-next,
.dashboard .main-container .my-bookmarks .swiper-button-next {
  display: flex;
  height: 426px;
  top: 66px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
  background-size: auto;
  width: 60px;
  font-weight: 400;
  justify-content: center;
  align-items: center;
}

@media (max-width: 576px) {
  .obtained-badges .swiper-button-prev,
.not-obtained-badges .swiper-button-prev,
.not-started-badges .swiper-button-prev, .dashboard .main-container .my-bookmarks .swiper-button-prev,
.obtained-badges .swiper-button-next,
.not-obtained-badges .swiper-button-next,
.not-started-badges .swiper-button-next,
.dashboard .main-container .my-bookmarks .swiper-button-next {
    display: none;
  }
  .obtained-badges .swiper-button-prev:before,
.not-obtained-badges .swiper-button-prev:before,
.not-started-badges .swiper-button-prev:before, .dashboard .main-container .my-bookmarks .swiper-button-prev:before,
.obtained-badges .swiper-button-next:before,
.not-obtained-badges .swiper-button-next:before,
.not-started-badges .swiper-button-next:before,
.dashboard .main-container .my-bookmarks .swiper-button-next:before {
    display: none;
  }
}

.obtained-badges .swiper-button-prev:before,
.not-obtained-badges .swiper-button-prev:before,
.not-started-badges .swiper-button-prev:before, .dashboard .main-container .my-bookmarks .swiper-button-prev:before,
.obtained-badges .swiper-button-next:before,
.not-obtained-badges .swiper-button-next:before,
.not-started-badges .swiper-button-next:before,
.dashboard .main-container .my-bookmarks .swiper-button-next:before {
  position: absolute;
  content: '\f104';
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
  font-size: 28px;
}

.obtained-badges .swiper-button-prev,
.not-obtained-badges .swiper-button-prev,
.not-started-badges .swiper-button-prev, .dashboard .main-container .my-bookmarks .swiper-button-prev {
  left: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top: 1px solid #f4f4f4;
  border-right: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
}

.obtained-badges .swiper-button-prev:before,
.not-obtained-badges .swiper-button-prev:before,
.not-started-badges .swiper-button-prev:before, .dashboard .main-container .my-bookmarks .swiper-button-prev:before {
  content: '\f053';
}

.obtained-badges .swiper-button-next,
.not-obtained-badges .swiper-button-next,
.not-started-badges .swiper-button-next, .dashboard .main-container .my-bookmarks .swiper-button-next {
  right: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  border-left: 1px solid #f4f4f4;
}

.obtained-badges .swiper-button-next:before,
.not-obtained-badges .swiper-button-next:before,
.not-started-badges .swiper-button-next:before, .dashboard .main-container .my-bookmarks .swiper-button-next:before {
  content: '\f054';
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item .time-label {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  border-radius: 16px;
  padding: 0px 12px;
  background-color: #cecece;
  color: #ffffff;
  margin-left: 15px;
  /*>* {
    vertical-align: middle;
  }*/
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item .time-label i {
  font-size: 14px;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item .time-label em {
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 9px;
  margin-left: 3px;
  font-weight: 800;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .mask, .view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper .mask, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper .mask, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper .mask, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper .mask, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper .mask, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper .mask, .find-courses .courses-container .courses .courses-listing .courses-listing-item .mask {
  position: absolute;
  top: 0;
  width: 100%;
  height: 230px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  background-color: rgba(89, 89, 235, 0.55);
  border-radius: 8px 8px 0 0;
  z-index: 10;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .mask--archived, .view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper .mask--archived, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper .mask--archived, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper .mask--archived, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper .mask--archived, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper .mask--archived, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper .mask--archived, .find-courses .courses-container .courses .courses-listing .courses-listing-item .mask--archived {
  background-color: rgba(9, 9, 45, 0.6);
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .mask i, .view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper .mask i, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper .mask i, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper .mask i, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper .mask i, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper .mask i, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper .mask i, .find-courses .courses-container .courses .courses-listing .courses-listing-item .mask i {
  font-size: 30px;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .mask .localized-datetime, .view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper .mask .localized-datetime, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper .mask .localized-datetime, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper .mask .localized-datetime, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper .mask .localized-datetime, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper .mask .localized-datetime, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper .mask .localized-datetime, .find-courses .courses-container .courses .courses-listing .courses-listing-item .mask .localized-datetime, .view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .mask .localized-date, .view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper .mask .localized-date, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper .mask .localized-date, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper .mask .localized-date, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper .mask .localized-date, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper .mask .localized-date, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper .mask .localized-date, .find-courses .courses-container .courses .courses-listing .courses-listing-item .mask .localized-date {
  margin: 20px 20% 0;
  font-size: 14px;
  font-weight: bold;
}

.wrapper-footer {
  box-shadow: none !important;
  border-top: 0 !important;
  background: #ffffff;
  padding: 30px 0 0 !important;
  font-size: 12px;
  /* The container must be positioned relative: */
}

@media (min-width: 768px) {
  .wrapper-footer {
    padding: 90px 0 0;
  }
}

.wrapper-footer footer#footer-openedx,
.wrapper-footer .copyright-wrapper {
  padding: 0 20px 0;
}

@media (min-width: 768px) {
  .wrapper-footer footer#footer-openedx,
.wrapper-footer .copyright-wrapper {
    padding: 0 60px 0;
  }
}

@media (max-width: 576px) {
  .wrapper-footer footer#footer-openedx .copyright,
.wrapper-footer .copyright-wrapper .copyright {
    color: #09092d;
    font-size: 12px;
    padding: 0;
  }
}

.wrapper-footer footer#footer-openedx a,
.wrapper-footer .copyright-wrapper a {
  color: #09092d;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
}

.wrapper-footer footer#footer-openedx a:hover, .wrapper-footer footer#footer-openedx a:active, .wrapper-footer footer#footer-openedx a:focus,
.wrapper-footer .copyright-wrapper a:hover,
.wrapper-footer .copyright-wrapper a:active,
.wrapper-footer .copyright-wrapper a:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

.wrapper-footer footer#footer-openedx {
  margin: 0;
  max-width: initial;
}

@media (min-width: 768px) {
  .wrapper-footer footer#footer-openedx {
    padding-bottom: 10px;
  }
}

.wrapper-footer footer#footer-openedx .colophon {
  float: none;
  width: auto;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .wrapper-footer footer#footer-openedx .colophon {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .wrapper-footer footer#footer-openedx .colophon > * {
    flex: 0.25;
  }
  .wrapper-footer footer#footer-openedx .colophon > *:not(.footer-language-selector) {
    padding-right: 60px;
  }
}

.wrapper-footer footer#footer-openedx .colophon .wrapper-logo {
  margin: 0;
  padding-bottom: 20px;
}

@media (max-width: 576px) {
  .wrapper-footer footer#footer-openedx .colophon .wrapper-logo {
    order: 2;
    display: flex;
    justify-content: flex-start;
  }
}

.wrapper-footer footer#footer-openedx .colophon .wrapper-logo figure .logo-triboo {
  max-width: 100px;
  padding-bottom: 13px;
}

@media (max-width: 576px) {
  .wrapper-footer footer#footer-openedx .colophon .wrapper-logo figure .logo-triboo {
    margin: 0 auto;
    display: block;
  }
}

.wrapper-footer footer#footer-openedx .colophon .wrapper-logo figure figcaption {
  display: block;
  padding-bottom: 4px;
  line-height: 22px;
}

.wrapper-footer footer#footer-openedx .colophon nav {
  padding-bottom: 20px;
}

.wrapper-footer footer#footer-openedx .colophon nav h6 {
  font-weight: 700;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  padding-bottom: 10px;
  font-size: 12px;
}

.wrapper-footer footer#footer-openedx .colophon nav li {
  line-height: 30px;
}

.wrapper-footer footer#footer-openedx .colophon nav .submenu-item {
  text-indent: 14px;
}

.wrapper-footer footer#footer-openedx .colophon .nav-colophon {
  margin: 0;
  padding-bottom: 20px;
}

@media (max-width: 576px) {
  .wrapper-footer footer#footer-openedx .colophon .nav-colophon {
    order: 3;
  }
}

.wrapper-footer footer#footer-openedx .colophon .nav-colophon li {
  float: none;
  margin-right: auto;
  box-shadow: none;
}

.wrapper-footer footer#footer-openedx .colophon .nav-colophon li a:hover, .wrapper-footer footer#footer-openedx .colophon .nav-colophon li a:focus, .wrapper-footer footer#footer-openedx .colophon .nav-colophon li a:active {
  color: #5959eb;
}

.wrapper-footer footer#footer-openedx .colophon .nav-other-systems {
  padding-bottom: 10px;
}

@media (max-width: 576px) {
  .wrapper-footer footer#footer-openedx .colophon .nav-other-systems {
    order: 4;
  }
}

.wrapper-footer footer#footer-openedx .colophon .nav-other-systems li {
  box-shadow: none;
}

.wrapper-footer footer#footer-openedx .colophon .footer-language-selector {
  padding-bottom: 20px;
}

@media (max-width: 576px) {
  .wrapper-footer footer#footer-openedx .colophon .footer-language-selector {
    order: 9;
    padding-bottom: 40px;
  }
}

.wrapper-footer footer#footer-openedx .logo-triboo {
  max-width: 110px;
}

.wrapper-footer footer#footer-openedx nav h6 {
  text-transform: uppercase;
}

.wrapper-footer .copyright-wrapper {
  box-sizing: border-box;
  border-top: 2px solid #ececec;
  background-color: #5959eb;
}

.wrapper-footer .copyright-wrapper .copyright {
  padding: 15px 0;
  color: #ffffff;
}

@media (max-width: 576px) {
  .wrapper-footer .copyright-wrapper .copyright {
    text-align: center;
  }
}

.wrapper-footer .copyright-wrapper .copyright a {
  color: #09092d;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
}

.wrapper-footer .copyright-wrapper .copyright a:hover, .wrapper-footer .copyright-wrapper .copyright a:active, .wrapper-footer .copyright-wrapper .copyright a:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

.wrapper-footer .footer-language-selector {
  position: relative;
  /* Style the arrow inside the select element: */
  /* Point the arrow upwards when the select box is open (active): */
  /* style the items (options), including the selected item: */
  /* Style items (options): */
  /* Hide the items when the select box is closed: */
}

@media (max-width: 576px) {
  .wrapper-footer .footer-language-selector {
    width: 248px;
  }
}

.wrapper-footer .footer-language-selector select {
  display: none;
  /*hide original SELECT element: */
}

.wrapper-footer .footer-language-selector .select-selected {
  border-radius: 3px;
  border: 1px solid #b0b0cd;
  box-shadow: unset;
  border-color: #b0b0cd !important;
}

@media (max-width: 576px) {
  .wrapper-footer .footer-language-selector .select-selected {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }
}

.wrapper-footer .footer-language-selector .select-selected i {
  font-size: 1.5em;
  padding-right: 0.5em;
  vertical-align: middle;
  max-width: 1.5em;
}

.wrapper-footer .footer-language-selector .select-selected:after {
  font-family: "Font Awesome 7 Pro";
  position: absolute;
  content: "\f107";
  top: 10px;
  right: 10px;
  width: auto;
  height: 0;
  border-color: #09092d transparent transparent transparent;
}

.wrapper-footer .footer-language-selector .select-selected.select-arrow-active:after {
  content: "\f106";
}

.wrapper-footer .footer-language-selector .select-items li, .wrapper-footer .footer-language-selector .select-selected {
  color: #09092d;
  padding: 8px 16px;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

.wrapper-footer .footer-language-selector .select-items {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
  margin: 0;
  padding: 0;
}

.wrapper-footer .footer-language-selector .select-items li {
  list-style: none;
}

.wrapper-footer .footer-language-selector .select-items li span {
  padding-left: 2.2em;
}

.wrapper-footer .footer-language-selector .select-items > li:not(:last-child) {
  border-bottom: 1px solid #ececec;
}

.wrapper-footer .footer-language-selector .select-hide {
  display: none;
}

.wrapper-footer .footer-language-selector .select-items li:hover, .wrapper-footer .footer-language-selector .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.wrapper-footer .footer-language-selector .select-items li:hover span, .wrapper-footer .footer-language-selector .same-as-selected span {
  padding-left: 2.2em;
}

.wrapper-footer .footer-language-selector .select-items li:last-child:hover,
.wrapper-footer .footer-language-selector .select-items li:last-child.same-as-selected {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/**
  This file contains all the necessary styling for a uniform
  navigation bar that can exist on any of the v1, v2 or bootstrap
  pages.
*/
.global-header {
  padding-bottom: 0;
  border-bottom: 0;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  padding: 0 20px;
  overflow: visible;
  position: fixed;
  top: 0;
  z-index: 100;
  /*
    Logo and course identification block
  */
  /*
    Main navigation buttons for Courses, programs, profile and explore buttons.

    There are two stylings for the two circumstances, first the mobile, followed
    by the desktop styling
  */
}

@media (max-width: 992px) {
  .global-header {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .global-header {
    padding: 0 60px;
  }
}

.global-header .hamburger-menu {
  outline: none;
}

@media (min-width: 768px) {
  .global-header .hamburger-menu {
    display: none;
  }
}

@media (max-width: 992px) {
  .global-header .hamburger-menu {
    left: 23px;
  }
}

@media (max-width: 768px) {
  .global-header .hamburger-menu {
    left: 21px;
  }
}

.global-header .main-header {
  display: flex;
  position: static;
  height: 56px;
}

.global-header .header-logo {
  height: 100%;
  margin-bottom: 0;
  display: flex;
  flex: 1;
  justify-content: center;
}

@media (max-width: 767px) {
  .global-header .header-logo {
    display: none;
  }
}

@media (min-width: 992px) {
  .global-header .header-logo {
    flex: 0.15;
    min-width: 200px;
    justify-content: flex-start;
  }
}

.global-header .header-logo a {
  float: none;
  margin: 0;
  align-self: center;
  height: auto;
}

.global-header .header-logo a .logo {
  max-width: 110px;
  max-height: 35px;
  height: auto;
  float: none;
}

@media (max-width: 991px) {
  .global-header .header-logo a {
    margin-left: 0;
  }
  .global-header .header-logo a .logo {
    margin-left: 0;
  }
}

.global-header .header-logo .course-header {
  display: none;
}

.global-header .nav-links {
  display: flex;
  flex: 0.85;
  height: 100%;
}

@media (max-width: 767px) {
  .global-header .nav-links {
    flex: 1;
    justify-content: flex-end;
    padding-right: 0;
  }
}

.global-header .nav-links .main {
  float: none;
  margin: 0;
  display: flex;
  flex: 0.8;
}

@media (max-width: 767px) {
  .global-header .nav-links .main {
    display: none;
  }
}

.global-header .nav-links .main .nav-tab {
  display: flex;
}

.global-header .nav-links .main .nav-tab a {
  margin-bottom: 0;
  background: transparent;
  border-color: transparent;
  color: #09092d;
  border-radius: 0;
  border-width: 0;
  padding: 0;
  border-right: 2px solid #ececec;
  min-width: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

@media (max-width: 1200px) {
  .global-header .nav-links .main .nav-tab a {
    line-height: 16px;
  }
}

.global-header .nav-links .main .nav-tab a.active, .global-header .nav-links .main .nav-tab a:hover {
  border-bottom-style: solid;
  border-bottom-color: #5959eb;
}

.global-header .nav-links .main .nav-tab a:active, .global-header .nav-links .main .nav-tab a:focus, .global-header .nav-links .main .nav-tab a:hover {
  text-shadow: 0.25px 0.25px 0 #09092d;
  cursor: pointer;
  border-bottom-color: #5959eb;
  color: #09092d;
}

.global-header .nav-links .main .nav-tab a .label {
  font-size: 16px;
  padding-bottom: 3px;
  padding-right: 8px;
}

.global-header .nav-links .main .nav-tab.platform-switch .no_border {
  border: 0;
}

.global-header .nav-links .main .nav-tab.platform-switch .switcher {
  border-radius: 24px;
  display: inline-block;
  float: left;
  margin-right: 20px;
  background-color: #e3e3e3;
  white-space: nowrap;
  cursor: pointer;
  font-size: 13px;
}

@media (max-width: 768px) {
  .global-header .nav-links .main .nav-tab.platform-switch .switcher {
    margin-right: 30px;
  }
}

.global-header .nav-links .main .nav-tab.platform-switch .switcher .round-button {
  display: inline-block;
  border-radius: inherit;
  font-size: inherit;
  padding: 6px 17px;
  background-color: #e3e3e3;
  color: #cecece;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 768px) {
  .global-header .nav-links .main .nav-tab.platform-switch .switcher .round-button {
    padding: 8px 16px;
  }
}

.global-header .nav-links .main .nav-tab.platform-switch .switcher .round-button:not(.active):first-child {
  padding: 8px 10px 8px 20px;
}

@media (max-width: 768px) {
  .global-header .nav-links .main .nav-tab.platform-switch .switcher .round-button:not(.active):first-child {
    padding: 8px 8px 8px 16px;
  }
}

.global-header .nav-links .main .nav-tab.platform-switch .switcher .round-button:not(.active):last-child {
  padding: 8px 20px 8px 10px;
}

@media (max-width: 768px) {
  .global-header .nav-links .main .nav-tab.platform-switch .switcher .round-button:not(.active):last-child {
    padding: 8px 16px 8px 8px;
  }
}

.global-header .nav-links .main .nav-tab.platform-switch .switcher .active {
  padding: 8px 16px;
  background-color: #5959eb;
  color: #ffffff;
  border: 1px solid #e3e3e3;
}

@media (max-width: 768px) {
  .global-header .nav-links .main .nav-tab.platform-switch .switcher .active {
    padding: 8px 24px;
  }
}

.global-header .nav-links .main .nav-tab.catalog-tab:hover .dropdown-catalogue-menu, .global-header .nav-links .main .nav-tab.catalog-tab:focus-within .dropdown-catalogue-menu {
  max-height: 300px;
}

.global-header .nav-links .main .nav-tab.my-courses-tab:hover .dropdown-mytraining-menu, .global-header .nav-links .main .nav-tab.my-courses-tab:focus-within .dropdown-mytraining-menu {
  max-height: 300px;
}

.global-header .nav-links .main .nav-tab.my-courses-tab .dropdown-mytraining-menu {
  min-width: 150px;
}

.global-header .nav-links .main .nav-tab.catalog-tab .dropdown-catalogue-menu,
.global-header .nav-links .main .nav-tab.my-courses-tab .dropdown-mytraining-menu {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 100%;
  background: #ffffff;
  padding: 0px;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.global-header .nav-links .main .nav-tab.catalog-tab .dropdown-catalogue-menu::before,
.global-header .nav-links .main .nav-tab.my-courses-tab .dropdown-mytraining-menu::before {
  display: block;
  content: " ";
  height: 1px;
  width: 90%;
  pointer-events: none;
  background-color: rgba(89, 89, 235, 0.35);
  border-top: 1px solid rgba(89, 89, 235, 0.25);
  margin: 0 auto;
}

.global-header .nav-links .main .nav-tab.catalog-tab .dropdown-catalogue-menu .dropdown-item:not(:last-child),
.global-header .nav-links .main .nav-tab.my-courses-tab .dropdown-mytraining-menu .dropdown-item:not(:last-child) {
  border-bottom: 1px solid #e3e3e3;
}

.global-header .nav-links .main .nav-tab.catalog-tab .dropdown-catalogue-menu a,
.global-header .nav-links .main .nav-tab.my-courses-tab .dropdown-mytraining-menu a {
  border-right: none;
  display: inline-block;
  text-align: left;
  line-height: 21px;
  padding: 10px 15px;
}

.global-header .nav-links .secondary {
  float: none;
  margin: 0;
  display: flex;
  flex: 0.2;
  min-width: 200px;
  justify-content: flex-end;
  font-size: 14px;
}

.global-header .nav-links .secondary div.dropdown-user-menu {
  transition: all 0.5s ease-in-out;
  display: block !important;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

@media (max-width: 767px) {
  .global-header .nav-links .secondary div.dropdown-user-menu {
    width: 100%;
    right: 0;
  }
}

@media (max-width: 767px) {
  .global-header .nav-links .secondary div.dropdown-user-menu .dropdown-item a {
    text-align: center;
    font-weight: 600;
    color: #09092d;
  }
}

@media (min-width: 768px) {
  .global-header .nav-links .secondary:hover .dropdown-user-menu {
    display: block !important;
    visibility: visible;
    height: 169.5px;
  }
  .global-header .nav-links .secondary:hover .dropdown-user-menu.leaderboard-nav {
    height: 212px;
  }
}

@media (max-width: 767px) {
  .global-header .nav-links .secondary.showing-user-menu .dropdown-user-menu {
    display: block !important;
    visibility: visible;
    height: 169.5px;
  }
  .global-header .nav-links .secondary.showing-user-menu .dropdown-user-menu.leaderboard-nav {
    height: 212px;
  }
}

.global-header .nav-links .secondary a {
  color: #09092d;
  text-decoration: none;
}

.global-header .nav-links .secondary .username {
  padding-right: 13px;
  color: #5959eb;
}

.global-header .nav-links .secondary .nav-item {
  align-self: center;
  padding: 0;
  font-size: inherit;
  display: inline-block;
}

.global-header .nav-links .secondary .nav-item.leaderboard-nav {
  display: flex;
  align-items: center;
}

.global-header .nav-links .secondary .nav-item.leaderboard-nav .score {
  text-align: right;
  padding-right: 13px;
  font-size: 12px;
}

.global-header .nav-links .secondary a.sign-in-btn {
  margin-top: 20px;
}

.global-header .nav-links .secondary .user-image-frame {
  margin: 0;
  border-radius: 50%;
  border: 0 none;
}

@media (max-width: 992px) {
  .global-header .nav-links .secondary .user-image-frame {
    width: 36px;
  }
}

.global-header .nav-links .secondary .dropdown-user-menu {
  min-width: 101px;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-color: #e3e3e3;
  border-width: 0;
  top: 56px;
  right: 20px;
  position: absolute;
  z-index: 10;
  background-color: #ffffff;
}

@media (min-width: 992px) {
  .global-header .nav-links .secondary .dropdown-user-menu {
    right: 70px;
  }
}

.global-header .nav-links .secondary .dropdown-user-menu::before {
  display: block;
  content: " ";
  height: 1px;
  width: 90%;
  pointer-events: none;
  background-color: rgba(89, 89, 235, 0.35);
  border-top: 1px solid rgba(89, 89, 235, 0.25);
  margin: 0 auto;
}

.global-header .nav-links .secondary .dropdown-user-menu .dropdown-item {
  border-bottom: 0;
  white-space: nowrap;
}

.global-header .nav-links .secondary .dropdown-user-menu .dropdown-item:not(:last-child) {
  border-bottom: 1px solid #e3e3e3;
}

.global-header .nav-links .secondary .dropdown-user-menu .dropdown-item a {
  font-weight: 400;
  padding: 10px 15px;
  display: block;
}

.global-header .nav-links .secondary .dropdown-user-menu .dropdown-item a.download-item {
  position: relative;
}

.global-header .nav-links .secondary .dropdown-user-menu .dropdown-item a.download-item.red-dot::after {
  content: "";
  position: absolute;
  right: auto;
  top: 30%;
  width: 8px;
  height: 8px;
  background: #f22f31;
  border-radius: 100%;
}

.global-header .nav-links .secondary .dropdown-user-menu .dropdown-item a:focus {
  background-color: transparent;
  color: #5959eb;
}

.global-header .nav-links .secondary .dropdown-user-menu .dropdown-item:hover, .global-header .nav-links .secondary .dropdown-user-menu .dropdown-item:active {
  background-color: transparent;
}

.global-header .nav-links .secondary .dropdown-user-menu .dropdown-item:hover a, .global-header .nav-links .secondary .dropdown-user-menu .dropdown-item:active a {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
}

.assign_static_position {
  position: static;
}

.module-menu-showing .secondary {
  display: none !important;
}

.usermenu-showing .hamburger-menu {
  display: none;
}

/*
  Mobile menu styling
*/
.mobile-menu .mobile-nav-link, .userinfo-mobile-menu .mobile-nav-link {
  position: static;
  transform: none;
  overflow: hidden;
  padding: 0;
}

.mobile-menu .mobile-nav-link:last-child a, .userinfo-mobile-menu .mobile-nav-link:last-child a {
  border-bottom: none;
}

.mobile-menu .mobile-nav-link a, .userinfo-mobile-menu .mobile-nav-link a {
  text-align: left;
  padding: 12px 0;
}

.mobile-menu .mobile-nav-link a .icon, .userinfo-mobile-menu .mobile-nav-link a .icon {
  display: none;
}

@media (max-width: 768px) {
  .mobile-menu .mobile-nav-link a:not(.btn), .userinfo-mobile-menu .mobile-nav-link a:not(.btn) {
    color: #09092d;
  }
}

.mobile-menu .mobile-nav-link a:hover, .userinfo-mobile-menu .mobile-nav-link a:hover, .mobile-menu .mobile-nav-link a:focus, .userinfo-mobile-menu .mobile-nav-link a:focus {
  background-color: #ffffff;
  color: #5959eb;
}

.mobile-menu .mobile-nav-link a:after, .userinfo-mobile-menu .mobile-nav-link a:after {
  content: normal;
}

.userinfo-mobile-menu {
  border-top: 1px solid #5959eb;
  opacity: 0;
  height: 0;
  transition: all 0.6s;
  pointer-events: none;
}

.userinfo-mobile-menu.showing {
  height: 200px;
  opacity: 1;
  pointer-events: auto;
}

.userinfo-mobile-menu.showing.leaderboard-nav {
  height: 250px;
}

@media (min-width: 768px) {
  .userinfo-mobile-menu.showing {
    display: none !important;
  }
}

.userinfo-mobile-menu .mobile-nav-link a {
  display: block;
  font-weight: 600;
  border-bottom: 1px solid #e7e7e7;
}

.userinfo-mobile-menu .mobile-nav-link a:not(.btn):hover, .userinfo-mobile-menu .mobile-nav-link a:not(.btn):active, .userinfo-mobile-menu .mobile-nav-link a:not(.btn):focus, .userinfo-mobile-menu .mobile-nav-link a:visited:not(.btn):hover, .userinfo-mobile-menu .mobile-nav-link a:visited:not(.btn):active, .userinfo-mobile-menu .mobile-nav-link a:visited:not(.btn):focus {
  border-bottom: 1px solid #e7e7e7;
}

.mobile-menu {
  margin: 15px 0 0;
  transition: all 0.8s;
  display: block !important;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}

@media (max-width: 768px) {
  .mobile-menu {
    border-top-color: #5959eb;
    margin-top: 0;
  }
  .mobile-menu.hidden {
    display: block !important;
    max-height: 0;
    overflow: hidden;
  }
}

.mobile-menu.showing {
  max-height: 100vh;
  display: block !important;
  visibility: visible;
}

.mobile-menu.showing.staff-menu {
  height: auto;
}

@media (min-width: 768px) {
  .mobile-menu.showing {
    display: none !important;
  }
}

.mobile-menu .mobile-nav-link {
  padding-left: 20px;
}

.mobile-menu .mobile-nav-link:not(:last-of-type) {
  border-bottom: 1px solid #e7e7e7;
}

.mobile-menu .mobile-nav-link .tab-nav-link.focus {
  color: #5959eb;
}

.mobile-menu .mobile-nav-link.catalog-tab, .mobile-menu .mobile-nav-link.my-courses-tab {
  position: relative;
}

.mobile-menu .mobile-nav-link.catalog-tab.with-dropdown-submenu::before, .mobile-menu .mobile-nav-link.my-courses-tab.with-dropdown-submenu::before {
  content: "\f0d7";
}

.mobile-menu .mobile-nav-link.catalog-tab.with-dropdown-submenu.open::before, .mobile-menu .mobile-nav-link.my-courses-tab.with-dropdown-submenu.open::before {
  content: "\f0d8";
}

.mobile-menu .mobile-nav-link.catalog-tab::before, .mobile-menu .mobile-nav-link.my-courses-tab::before {
  position: absolute;
  right: 10px;
  top: 12px;
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
}

.mobile-menu .mobile-nav-link.catalog-tab.open .dropdown-catalogue-menu {
  max-height: 300px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
}

.mobile-menu .mobile-nav-link.my-courses-tab.open .dropdown-mytraining-menu {
  max-height: 300px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
}

.mobile-menu .mobile-nav-link.catalog-tab.open .tab-nav-link, .mobile-menu .mobile-nav-link.my-courses-tab.open .tab-nav-link {
  border-bottom: none;
}

.mobile-menu .mobile-nav-link .dropdown-catalogue-menu, .mobile-menu .mobile-nav-link .dropdown-mytraining-menu {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}

.mobile-menu .mobile-nav-link .dropdown-catalogue-menu .dropdown-nav-item a, .mobile-menu .mobile-nav-link .dropdown-mytraining-menu .dropdown-nav-item a {
  border-bottom: none;
  border-left: 1px solid #e3e3e3;
  padding-left: 30px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mobile-menu .mobile-nav-link .dropdown-catalogue-menu .dropdown-nav-item:first-of-type a, .mobile-menu .mobile-nav-link .dropdown-mytraining-menu .dropdown-nav-item:first-of-type a {
  padding-top: 0;
}

.mobile-menu .mobile-nav-link .dropdown-catalogue-menu .dropdown-nav-item:last-of-type a, .mobile-menu .mobile-nav-link .dropdown-mytraining-menu .dropdown-nav-item:last-of-type a {
  padding-bottom: 0;
}

body.view-explore .global-header .nav-links .main .catalog-tab > a,
body.view-explore .mobile-menu .catalog-tab > a,
body.view-explore-overview .global-header .nav-links .main .catalog-tab > a,
body.view-explore-overview .mobile-menu .catalog-tab > a,
body.view-explore-programs .global-header .nav-links .main .catalog-tab > a,
body.view-explore-programs .mobile-menu .catalog-tab > a,
body.view-catalog .global-header .nav-links .main .catalog-tab > a,
body.view-catalog .mobile-menu .catalog-tab > a,
body.view-external-catalog .global-header .nav-links .main .catalog-tab > a,
body.view-external-catalog .mobile-menu .catalog-tab > a, body.view-admin-panel .nav-links .main .nav-tab.admin-panel-tab a, body.view-in-analytics .nav-links .main .nav-tab.analytics-tab a, body.view-my-courses-2 .nav-links .main .nav-tab.my-courses-tab .tab-nav-link, body.view-dashboard .nav-links .main .nav-tab.dashboard-tab a {
  color: #09092d;
  font-weight: 600;
}

body.view-dashboard .mobile-menu .mobile-nav-link.focus a {
  color: #5959eb;
}

body.view-catalog .global-header .nav-links.unauthenticated .secondary .about .about-btn, body.view-external-catalog .global-header .nav-links.unauthenticated .secondary .about .about-btn, body.view-faq .global-header .nav-links.unauthenticated .secondary .about .about-btn {
  color: #4c4c4c;
}

body.view-catalog .global-header .nav-links.unauthenticated .secondary .login-register-btn a.sign-in-btn, body.view-external-catalog .global-header .nav-links.unauthenticated .secondary .login-register-btn a.sign-in-btn, body.view-faq .global-header .nav-links.unauthenticated .secondary .login-register-btn a.sign-in-btn {
  transition-duration: 0.25s;
  color: #4c4c4c;
  background-color: transparent;
  box-shadow: none;
}

body.view-catalog .global-header .nav-links.unauthenticated .secondary .login-register-btn a.sign-in-btn:hover, body.view-catalog .global-header .nav-links.unauthenticated .secondary .login-register-btn a.sign-in-btn.active, body.view-external-catalog .global-header .nav-links.unauthenticated .secondary .login-register-btn a.sign-in-btn:hover, body.view-external-catalog .global-header .nav-links.unauthenticated .secondary .login-register-btn a.sign-in-btn.active, body.view-faq .global-header .nav-links.unauthenticated .secondary .login-register-btn a.sign-in-btn:hover, body.view-faq .global-header .nav-links.unauthenticated .secondary .login-register-btn a.sign-in-btn.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
}

body.view-catalog .global-header a.explore-courses, body.view-external-catalog .global-header a.explore-courses, body.view-faq .global-header a.explore-courses {
  display: none;
}

body.view-catalog .mobile-menu .mobile-nav-link:focus a,
body.view-catalog .mobile-menu .mobile-nav-link.focus a, body.view-external-catalog .mobile-menu .mobile-nav-link:focus a,
body.view-external-catalog .mobile-menu .mobile-nav-link.focus a, body.view-faq .mobile-menu .mobile-nav-link:focus a,
body.view-faq .mobile-menu .mobile-nav-link.focus a {
  color: #5959eb;
}

body.view-my-courses-2 .mobile-menu .mobile-nav-link.focus a {
  color: #5959eb;
}

body.view-account-setting .userinfo-mobile-menu .mobile-nav-link:nth-of-type(1) a {
  color: #5959eb;
}

body.view-in-analytics .mobile-menu .mobile-nav-link.focus a {
  color: #5959eb;
}

body.view-admin-panel .mobile-menu .mobile-nav-link.focus a {
  color: #5959eb;
}

body.view-explore .global-header .nav-links .main .my-courses-tab .dropdown-nav-item.focus a,
body.view-explore .global-header .nav-links .main .catalog-tab .dropdown-nav-item.focus a,
body.view-explore .mobile-menu .my-courses-tab .dropdown-nav-item.focus a,
body.view-explore .mobile-menu .catalog-tab .dropdown-nav-item.focus a,
body.view-explore-overview .global-header .nav-links .main .my-courses-tab .dropdown-nav-item.focus a,
body.view-explore-overview .global-header .nav-links .main .catalog-tab .dropdown-nav-item.focus a,
body.view-explore-overview .mobile-menu .my-courses-tab .dropdown-nav-item.focus a,
body.view-explore-overview .mobile-menu .catalog-tab .dropdown-nav-item.focus a,
body.view-explore-programs .global-header .nav-links .main .my-courses-tab .dropdown-nav-item.focus a,
body.view-explore-programs .global-header .nav-links .main .catalog-tab .dropdown-nav-item.focus a,
body.view-explore-programs .mobile-menu .my-courses-tab .dropdown-nav-item.focus a,
body.view-explore-programs .mobile-menu .catalog-tab .dropdown-nav-item.focus a,
body.view-catalog .global-header .nav-links .main .my-courses-tab .dropdown-nav-item.focus a,
body.view-catalog .global-header .nav-links .main .catalog-tab .dropdown-nav-item.focus a,
body.view-catalog .mobile-menu .my-courses-tab .dropdown-nav-item.focus a,
body.view-catalog .mobile-menu .catalog-tab .dropdown-nav-item.focus a,
body.view-external-catalog .global-header .nav-links .main .my-courses-tab .dropdown-nav-item.focus a,
body.view-external-catalog .global-header .nav-links .main .catalog-tab .dropdown-nav-item.focus a,
body.view-external-catalog .mobile-menu .my-courses-tab .dropdown-nav-item.focus a,
body.view-external-catalog .mobile-menu .catalog-tab .dropdown-nav-item.focus a,
body.view-my-training-programs .global-header .nav-links .main .my-courses-tab .dropdown-nav-item.focus a,
body.view-my-training-programs .global-header .nav-links .main .catalog-tab .dropdown-nav-item.focus a,
body.view-my-training-programs .mobile-menu .my-courses-tab .dropdown-nav-item.focus a,
body.view-my-training-programs .mobile-menu .catalog-tab .dropdown-nav-item.focus a,
body.view-my-courses-2 .global-header .nav-links .main .my-courses-tab .dropdown-nav-item.focus a,
body.view-my-courses-2 .global-header .nav-links .main .catalog-tab .dropdown-nav-item.focus a,
body.view-my-courses-2 .mobile-menu .my-courses-tab .dropdown-nav-item.focus a,
body.view-my-courses-2 .mobile-menu .catalog-tab .dropdown-nav-item.focus a {
  color: #5959eb;
}

span.select2-container.select2 {
  min-width: 200px;
}

@media (max-width: 768px) {
  span.select2-container.select2 {
    width: 100%;
  }
}

span.select2-container .select2-selection {
  padding: 2px 6px;
  height: auto;
}

span.select2-container .select2-selection .select2-selection__rendered li {
  padding: 2px 6px;
  border: 0;
  font-size: 14px;
  clear: both;
}

span.select2-container .select2-selection .select2-selection__arrow {
  right: 8px;
}

span.select2-container.select2-container--focus .select2-selection--multiple {
  border: none;
}

.tabs-title {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  border-bottom: 1px solid #ececec;
  display: inline-block;
}

.tabs-title-item {
  list-style: none;
  display: inline-block;
  cursor: pointer;
  display: inline-block;
  padding-bottom: 10px;
  font-size: 16px;
  color: #09092d;
  font-weight: 300;
  text-decoration: none !important;
  letter-spacing: normal;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 576px) {
  .tabs-title-item {
    border: 1px solid #4c4c8e;
    border-radius: 8px;
    padding: 5px 8px;
  }
}

.tabs-title-item:hover, .tabs-title-item:active {
  text-shadow: 0.25px 0.25px 0 #09092d;
}

@media (max-width: 576px) {
  .tabs-title-item:hover, .tabs-title-item:active {
    text-shadow: none;
  }
}

.tabs-title-item:not(:last-child) {
  margin-right: 25px;
}

@media (max-width: 576px) {
  .tabs-title-item:not(:last-child) {
    margin-right: 0px;
  }
}

.tabs-title-item.active {
  font-weight: 400;
  border-bottom: 2px solid #5959eb;
}

@media (max-width: 576px) {
  .tabs-title-item.active {
    border: 1px solid #5959eb;
    color: #5959eb;
    border-radius: 8px;
  }
}

@media (max-width: 576px) {
  .tabs-title {
    border-bottom: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
}

.content-filter-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: end;
}

@media (max-width: 768px) {
  .content-filter-wrapper {
    margin-top: 20px;
  }
}

.content-filter-wrapper .content-sort-options {
  display: flex;
  align-items: center;
  align-self: flex-end;
  gap: 12px;
  color: #59599a;
  padding: 0;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.content-filter-wrapper .content-sort-options .filter-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  background: none;
  border: none;
  cursor: pointer;
}

.content-filter-wrapper .content-sort-options .filter-toggle .filter-selected {
  display: flex;
  align-items: center;
}

.content-filter-wrapper .content-sort-options .filter-toggle .filter-selected .nav_content_counter {
  margin-left: 16px;
  background: rgba(114, 114, 114, 0.2);
  padding: 2px 6px;
  border-radius: 2px;
  font-size: 10px;
  font-weight: 500;
}

.content-filter-wrapper .content-sort-options .filter-toggle .filter-selected i {
  font-family: "Font Awesome 7 Pro";
  font-size: 15px;
  font-weight: 600;
  margin-left: 8px;
}

.content-filter-wrapper .content-sort-options .filter-menu {
  position: absolute;
  top: 38px;
  right: 0;
  padding: 8px;
  margin: 0;
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  width: max-content;
  min-width: 160px;
}

.content-filter-wrapper .content-sort-options .filter-menu .filter-item {
  padding: 6px 12px;
  cursor: pointer;
  color: #7a7aae;
  text-align: left;
}

.content-filter-wrapper .content-sort-options .filter-menu .filter-item .label {
  display: inline-block;
}

.content-filter-wrapper .content-sort-options .filter-menu .filter-item .nav_content_counter {
  float: right;
  font-size: 12px;
  background-color: #d7d7e4;
  padding: 2px 6px;
  border-radius: 2px;
  margin-left: 16px;
}

.content-filter-wrapper .content-sort-options .filter-menu .filter-item:hover {
  color: #5959eb;
}

.content-filter-wrapper .content-sort-options .filter-menu .filter-item.active {
  font-weight: bold;
  color: #5959eb;
}

.content-filter-wrapper.dropdown.open .filter-menu {
  visibility: visible;
  opacity: 1;
}

.content-filter-wrapper.dropdown.open .filter-selected i::after {
  content: "\f0d8";
}

.view-explore .marketing-hero,
.view-my-training-overview .marketing-hero, .view-my-training-programs .marketing-hero,
.view-explore-overview .marketing-hero, .view-explore-programs .marketing-hero,
.view-external-catalog .marketing-hero,
.view-programs-catalog .marketing-hero,
.view-catalog .marketing-hero,
.view-my-courses-2 .marketing-hero,
.view-in-analytics .marketing-hero,
.view-in-course .marketing-hero,
.view-account-setting .marketing-hero,
.view-dashboard .marketing-hero,
.view-admin-panel .marketing-hero,
.view-faq .marketing-hero {
  margin-top: 56px;
}

.view-in-course.courseware .marketing-hero {
  margin-top: 0;
}

.action-primary {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.action-primary:hover, .action-primary.active {
  text-decoration: none;
}

.action-primary .icon, .action-primary .fa, .action-primary .fas, .action-primary .far, .action-primary .fal {
  margin-right: 5px;
}

.action-primary:hover, .action-primary.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.action-primary:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.action-primary[disabled], .action-primary.disabled, .action-primary:disabled, .action-primary.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.recommend-content-modal,
.rating-content-modal,
.contact-instructor-modal {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(9, 9, 45, 0.7);
}

.recommend-content-modal .modal-content,
.rating-content-modal .modal-content,
.contact-instructor-modal .modal-content {
  background-color: #f3f3f7;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 8px;
  box-shadow: 0 15px 22px -6px rgba(9, 9, 45, 0.18);
  transform: translateX(-50%) translateY(-50%);
  text-align: left;
}

.recommend-content-modal .modal-content .modal-header,
.rating-content-modal .modal-content .modal-header,
.contact-instructor-modal .modal-content .modal-header {
  padding: 20px;
}

.recommend-content-modal .modal-content .modal-header .modal-title,
.rating-content-modal .modal-content .modal-header .modal-title,
.contact-instructor-modal .modal-content .modal-header .modal-title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.recommend-content-modal .modal-content .modal-header .modal-title i,
.rating-content-modal .modal-content .modal-header .modal-title i,
.contact-instructor-modal .modal-content .modal-header .modal-title i {
  margin-left: 24px;
  cursor: pointer;
}

.recommend-content-modal .modal-content .modal-header .modal-title .icon,
.rating-content-modal .modal-content .modal-header .modal-title .icon,
.contact-instructor-modal .modal-content .modal-header .modal-title .icon {
  border-radius: 4px;
  padding: 6px 10px 6px 10px;
  visibility: hidden;
  transition-duration: 0.3s;
}

.recommend-content-modal .modal-content .modal-header .modal-title .icon:hover,
.rating-content-modal .modal-content .modal-header .modal-title .icon:hover,
.contact-instructor-modal .modal-content .modal-header .modal-title .icon:hover {
  color: #ffffff;
  background-color: #5959eb;
}

.recommend-content-modal .modal-content .modal-header .modal-title:hover > .icon,
.rating-content-modal .modal-content .modal-header .modal-title:hover > .icon,
.contact-instructor-modal .modal-content .modal-header .modal-title:hover > .icon {
  visibility: visible;
}

.recommend-content-modal .modal-content .modal-header .close,
.rating-content-modal .modal-content .modal-header .close,
.contact-instructor-modal .modal-content .modal-header .close {
  color: #1f1f59;
  float: right;
  font-weight: bold;
  cursor: pointer;
}

.recommend-content-modal .modal-content .modal-header .close:hover, .recommend-content-modal .modal-content .modal-header .close:focus,
.rating-content-modal .modal-content .modal-header .close:hover,
.rating-content-modal .modal-content .modal-header .close:focus,
.contact-instructor-modal .modal-content .modal-header .close:hover,
.contact-instructor-modal .modal-content .modal-header .close:focus {
  color: #09092d;
  text-decoration: none;
}

.recommend-content-modal .modal-content .content,
.rating-content-modal .modal-content .content,
.contact-instructor-modal .modal-content .content {
  display: flex;
  flex-direction: column;
  padding: 16px 24px;
  gap: 4px;
}

.recommend-content-modal .modal-content .buttons,
.rating-content-modal .modal-content .buttons,
.contact-instructor-modal .modal-content .buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid #d7d7e4;
  margin-top: 15px;
  padding: 15px 20px;
}

.recommend-content-modal .modal-content {
  width: 1144px;
}

.recommend-content-modal .modal-content .content .label-group {
  display: flex;
  flex-direction: column;
}

.recommend-content-modal .modal-content .content label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.recommend-content-modal .modal-content .content .ds-textarea {
  width: 100%;
}

.recommend-content-modal .modal-content .content .ds-textarea textarea {
  box-shadow: none;
  min-height: 56px;
  max-height: 216px;
  resize: vertical;
  height: auto;
}

.rating-content-modal .modal-content {
  width: 680px;
}

.rating-content-modal .modal-content .content .stars {
  font-size: 48px;
  color: #f3c316;
  cursor: pointer;
}

.contact-instructor-modal .modal-content {
  width: 584px;
}

.contact-instructor-modal .modal-content .modal-header {
  background-color: #5959eb;
  color: #ffffff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.contact-instructor-modal .modal-content .modal-header .close {
  color: #ffffff;
}

.contact-instructor-modal .modal-content .content {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  gap: 16px;
}

.contact-instructor-modal .modal-content .content .instructor-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  align-items: center;
}

.contact-instructor-modal .modal-content .content .instructor-info h2 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
  margin: 0;
}

.contact-instructor-modal .modal-content .content .instructor-info span {
  color: #4c4c8e;
}

.contact-instructor-modal .modal-content .content .instructor-info .instructor-avatar {
  border-radius: 50%;
  width: 106px;
  height: 106px;
}

.contact-instructor-modal .modal-content .content label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.contact-instructor-modal .modal-content .content .ds-textarea {
  width: 100%;
}

.contact-instructor-modal .modal-content .content .ds-textarea textarea {
  box-shadow: none;
  min-height: 56px;
  max-height: 216px;
  resize: vertical;
  height: auto;
}

.contact-instructor-modal .modal-content .buttons {
  margin-top: 0;
}

@media (max-width: 576px) {
  .recommend-content-modal .modal-content,
.rating-content-modal .modal-content,
.contact-instructor-modal .modal-content {
    width: calc(100% - 40px);
  }
}

.progress-ring0 {
  display: inline-block;
  text-align: center;
  position: relative;
  height: fit-content;
}

.progress-ring0 .progress-ring {
  fill: transparent;
}

.progress-ring0 .progress-ring .progress-ring__circle {
  stroke-width: 6;
  stroke: #5959eb;
  transition: 0.35s stroke-dashoffset;
  transform: rotate(-90deg);
}

.progress-ring0 .progress-ring .progress-ring__circle-bg {
  stroke-width: 4;
  stroke: #5959eb;
  opacity: 0.2;
}

.progress-ring0 .progress-ring {
  display: block;
}

.progress-ring0 .progress-ring .progress-ring__circle-bg {
  stroke-width: 6;
}

.progress-ring0 .percent {
  font-size: 11px;
}

.progress-ring0 .step {
  position: absolute;
  font-weight: 700;
  font-size: 10px;
  top: calc((100% - 10px) / 2);
  left: 2px;
  width: 100%;
  color: #5959eb;
}

.lt-loading {
  display: flex;
  min-height: 80px;
  align-items: center;
  justify-content: center;
}

.lt-loading > span {
  font-size: 24px;
}

.scormxblock_block .scorm_process .static_score {
  margin-left: 0 !important;
}

.scormxblock_block .launch-div .instruction {
  margin: 10px 0;
  font-size: 14px;
  line-height: 16px;
  color: #09092d;
}

.scormxblock_block .launch-div .preview {
  margin: 20px -40px;
}

@media (max-width: 576px) {
  .scormxblock_block .launch-div .preview {
    margin: 10px -10px;
  }
}

.scormxblock_block .launch-div .preview img {
  aspect-ratio: 965 / 270;
  width: 100%;
  height: auto;
}

.scormxblock_block .launch-div .description {
  margin-bottom: 20px;
}

.scormxblock_block .launch-div .description .content-title {
  font-weight: bold;
  font-size: 16px;
  color: #09092d;
  text-transform: initial;
  margin: 0 0 1em;
  letter-spacing: initial;
}

.scormxblock_block .launch-div .description .launch-content {
  font-size: 14px;
  color: #09092d;
  -webkit-font-smoothing: antialiased;
}

.scormxblock_block .launch-div .description .launch-content.hidden {
  display: none;
}

#support-contact-widget .preview-box,
#support-contact-widget .form-box {
  position: fixed;
  bottom: 15px;
  right: 20px;
  z-index: 999998;
}

#support-contact-widget .preview-box {
  font-size: 16px;
  color: #ffffff;
  background-color: #4c4c8e;
  border-radius: 23px;
  padding: 12px 24px;
  line-height: 22px;
  width: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

#support-contact-widget .form-box {
  width: 342px;
  border: 1px solid #dcdcdc;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  border-radius: 8px;
  background: #ffffff;
}

#support-contact-widget .form-box .form-header {
  background-color: #4c4c8e;
  color: #ffffff;
  text-align: center;
  font-weight: 600;
  border-radius: 8px 8px 0 0;
  cursor: default;
  position: relative;
  padding: 12px;
  font-size: 16px;
}

#support-contact-widget .form-box .form-header i {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 16px;
  height: 16px;
}

#support-contact-widget .form-box .form-body {
  flex: 1 0;
  overflow-y: auto;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

#support-contact-widget .form-box .form-footer {
  flex: 0 0 auto;
  padding: 14px 10px;
  border-top: 1px solid #dcdcdc;
  position: relative;
}

#support-contact-widget .form-box .form-footer button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  float: right;
  font-weight: 400;
}

#support-contact-widget .form-box .form-footer button:hover, #support-contact-widget .form-box .form-footer button.active {
  text-decoration: none;
}

#support-contact-widget .form-box .form-footer button .icon, #support-contact-widget .form-box .form-footer button .fa, #support-contact-widget .form-box .form-footer button .fas, #support-contact-widget .form-box .form-footer button .far, #support-contact-widget .form-box .form-footer button .fal {
  margin-right: 5px;
}

#support-contact-widget .form-box .form-footer button:hover, #support-contact-widget .form-box .form-footer button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#support-contact-widget .form-box .form-footer button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#support-contact-widget .form-box .form-footer button[disabled], #support-contact-widget .form-box .form-footer button.disabled, #support-contact-widget .form-box .form-footer button:disabled, #support-contact-widget .form-box .form-footer button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#support-contact-widget .form-box .form {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  height: Min(640px, 70vh);
}

#support-contact-widget .form-box .form .field > label {
  color: #09092d;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 16px;
  display: flex;
}

#support-contact-widget .form-box .form .field .field__container {
  display: flex;
  flex-direction: column;
  color: #09092d;
  gap: 16px;
}

#support-contact-widget .form-box .form .field .field__container > * {
  font-size: 14px;
  line-height: 28px;
  border: 1px solid rgba(9, 9, 45, 0.2);
  border-radius: 4px;
  color: #09092d;
  padding: 0px 16px;
  font-style: normal;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  box-shadow: none;
}

#support-contact-widget .form-box .form .field .field__container input,
#support-contact-widget .form-box .form .field .field__container select,
#support-contact-widget .form-box .form .field .field__container label[role="input"] {
  height: 44px;
}

#support-contact-widget .form-box .form .field .field__error-message {
  font-size: 12px;
  color: #f22f31;
  margin-top: 4px;
}

#support-contact-widget .form-box .form .field.field--invalid .field__container > * {
  border-color: #f22f31;
}

#support-contact-widget .form-box .form .field.field--disabled input,
#support-contact-widget .form-box .form .field.field--disabled select,
#support-contact-widget .form-box .form .field.field--disabled textarea,
#support-contact-widget .form-box .form .field.field--disabled label[role="input"] {
  cursor: not-allowed;
  opacity: 0.8;
}

#support-contact-widget .form-box .form .field.field-file .field-file__item {
  position: relative;
  font-size: 12px;
  padding-right: 25px;
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#support-contact-widget .form-box .form .field.field-file .field-file__item .field-file__item-name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

#support-contact-widget .form-box .form .field.field-file .field-file__item > i {
  position: absolute;
  width: 10px;
  height: 10px;
  font-size: 10px;
  line-height: 1;
  top: 10px;
  right: 10px;
}

#support-contact-widget .form-box .form .field.field-file .field-file__item .field-file__item-description {
  color: #23ab41;
  display: flex;
  gap: 10px;
  align-items: center;
}

#support-contact-widget .form-box .form .field.field-file label[role="input"] {
  border: 2px dashed rgba(9, 9, 45, 0.2);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#support-contact-widget .form-box .form .field.field-select .field__container {
  position: relative;
}

#support-contact-widget .form-box .form .field.field-select .field__container::after {
  content: "\f0dd";
  font-family: "Font Awesome 7 Pro";
  font-weight: 600;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translate(-50%, -50%);
  line-height: 1;
  height: 20px;
}

#support-contact-widget .form-box .form .field.field-select .field__container select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: none;
}

#support-contact-widget .form-box .form .field.alerts > label {
  color: #f22f31;
}

#support-contact-widget .form-box .form .field.alerts .alert-info {
  background: #f22f31;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  padding: 1ch 2ch;
  border-radius: 4px;
}

#support-contact-widget .form-box .form.form--sent {
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  color: #4c4c8e;
}

#support-contact-widget .form-box .form.form--sent strong {
  font-size: 16px;
  color: #09092d;
  font-weight: 700;
  margin-top: 10px;
}

#support-contact-widget .form-box .form.form--sent button {
  cursor: pointer;
  margin-top: 30px;
  color: #4c4c8e;
  appearance: none;
  border: none;
  box-shadow: none;
  background: none;
  text-shadow: none;
  font-size: 14px;
  font-weight: normal;
}

.pagination-container {
  list-style-type: none;
  display: flex;
  justify-content: center;
  gap: 2px;
  user-select: none;
}

.pagination-container.disabled {
  opacity: 0.8;
  pointer-events: none;
  cursor: not-allowed;
}

.pagination-container .pagination-item {
  padding: 4px 10px;
  height: 32px;
  text-align: center;
  color: #09092d;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  line-height: 1.43;
  font-size: 14px;
  min-width: 32px;
}

.pagination-container .pagination-item:hover {
  background-color: #ececec;
  cursor: pointer;
}

.pagination-container .pagination-item.selected, .pagination-container .pagination-item.disabled, .pagination-container .pagination-item.dots {
  pointer-events: none;
  cursor: not-allowed;
}

.pagination-container .pagination-item.selected {
  background-color: #5959eb;
  color: #ffffff;
}

.pagination-container .pagination-item.disabled {
  color: #4c4c8e;
}

.lt-react-data-list .table-wrapper {
  width: 100%;
  overflow-x: auto;
}

.lt-react-data-list .table-wrapper::-webkit-scrollbar {
  height: 6px;
}

.lt-react-data-list .table-wrapper::-webkit-scrollbar-track {
  background: #f3f3f7;
}

.lt-react-data-list .table-wrapper::-webkit-scrollbar-thumb {
  background: #8b8bb8;
  border-radius: 3px;
  border-color: #8b8bb8;
}

.lt-react-data-list .table-wrapper::-webkit-scrollbar-thumb:hover {
  background: #59599a;
}

.lt-react-data-list thead tr th {
  cursor: pointer;
}

.lt-react-data-list thead tr th span, .lt-react-data-list thead tr th svg {
  vertical-align: middle;
}

.lt-react-data-list thead tr th svg {
  width: 16px;
  height: 16px;
}

.lt-react-data-list tbody .loading-icon-wrapper {
  text-align: center;
}

.lt-react-data-list .total-rows {
  text-align: right;
  margin-top: 10px;
}

.lt-react-data-list .scrollscarecrow__wrapper * {
  visibility: hidden;
}

.lt-react-dropdown {
  position: relative;
  display: inline-block;
}

.lt-react-dropdown .select {
  height: 35px;
  border: 1px solid #c4c4d8;
  cursor: pointer;
  color: #8b8bb8;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

.lt-react-dropdown .select .text {
  line-height: 35px;
  text-align: left;
  display: inline-block;
  box-sizing: border-box;
}

.lt-react-dropdown .select > i {
  width: 10px;
  display: inline-block;
  margin-inline-start: 5px;
}

.lt-react-dropdown .select > i.fa-caret-up, .lt-react-dropdown .select > i.fa-caret-down {
  top: calc(50% - 8px);
}

.lt-react-dropdown .panel {
  position: absolute;
  box-sizing: border-box;
  min-width: 100%;
  background-color: #ffffff;
  border: 1px solid #c4c4d8;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.lt-react-dropdown .panel.hide {
  display: none;
}

.lt-react-dropdown .panel ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}

.lt-react-dropdown .panel ul::-webkit-scrollbar {
  background-color: #f3f3f7;
  width: 16px;
}

.lt-react-dropdown .panel ul::-webkit-scrollbar-track {
  background-color: #f3f3f7;
}

.lt-react-dropdown .panel ul::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #f3f3f7;
  background-color: #c4c4d8;
}

.lt-react-dropdown .panel ul::-webkit-scrollbar-thumb:hover, .lt-react-dropdown .panel ul::-webkit-scrollbar-thumb:active {
  background-color: #7a7aae;
}

.lt-react-dropdown .panel li {
  cursor: pointer;
  height: 25px;
  line-height: 25px;
  text-align: left;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  color: #8b8bb8;
  white-space: nowrap;
}

.lt-react-dropdown .panel li:hover {
  background-color: #f3f3f7;
}

.lt-react-dropdown .panel li.active {
  background-color: #c4c4d8;
}

dialog.dialog-modal {
  border: none;
  border-radius: 8px;
  box-shadow: 0 15px 22px -6px rgba(9, 9, 45, 0.18);
  padding: 0;
  width: Min(calc(100vw - 32px), 600px);
  max-width: Min(calc(100vw - 32px), 600px);
}

dialog.dialog-modal::backdrop {
  background-color: rgba(9, 9, 45, 0.3);
}

dialog.dialog-modal > * {
  padding: 16px 24px;
  display: flex;
  box-sizing: border-box;
  min-width: unset;
  width: 100%;
  max-width: 100%;
}

dialog.dialog-modal .header {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  align-items: center;
  justify-content: space-between;
  text-transform: capitalize;
  border-bottom: 1px solid #ebebf1;
  color: var(--fds-global-color-neutral-170);
}

dialog.dialog-modal .header h2 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  margin: 0;
  color: var(--fds-global-color-neutral-170);
}

dialog.dialog-modal .header button.close {
  margin-inline-end: -6px;
}

dialog.dialog-modal .content {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: var(--fds-global-color-neutral-140);
  flex-direction: column;
  gap: 16px;
  min-height: 300px;
}

dialog.dialog-modal .footer {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  border-top: 1px solid #ebebf1;
}

@media (min-width: 576px) {
  .visible-sm {
    display: none;
  }
}

@media (max-width: 576px) {
  .sm-hidden {
    display: none;
  }
}

.margin-block-start-auto {
  margin-block-start: auto;
}

.ds-swiper .ds-swiper-wrapper {
  overflow-x: visible;
  transition: transform ease 300ms;
  position: relative;
}

.ds-swiper .ds-swiper-button-prev,
.ds-swiper .ds-swiper-button-next {
  position: absolute;
  height: 100%;
  width: var(--fds-global-space-4xl);
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--fds-global-color-neutral-100);
  font-size: 32px;
  pointer-events: none;
}

.ds-swiper .ds-swiper-button-prev:hover,
.ds-swiper .ds-swiper-button-next:hover {
  color: var(--fds-global-color-neutral-140);
}

.ds-swiper .ds-swiper-button-prev i,
.ds-swiper .ds-swiper-button-next i {
  cursor: pointer;
  pointer-events: auto;
}

.ds-swiper .ds-swiper-button-prev {
  inset-inline-start: 0;
  justify-content: flex-start;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}

.ds-swiper .ds-swiper-button-prev i {
  transform: translate(-50%);
}

.ds-swiper .ds-swiper-button-next {
  inset-inline-end: 0;
  justify-content: flex-end;
  background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
}

.ds-swiper .ds-swiper-button-next i {
  transform: translate(50%);
}

.ds-swiper:not(.ds-swiper--initialized) .ds-swiper-button-prev,
.ds-swiper:not(.ds-swiper--initialized) .ds-swiper-button-next {
  display: none;
}

.ds-swiper.ds-swiper--at-start .ds-swiper-button-prev, .ds-swiper.ds-swiper--at-end .ds-swiper-button-next {
  display: none;
}

.ds-tree {
  --item-height: var(--fds-global-space-xl, 24px);
  --item-box-height: calc(var(--fds-global-space-xxxs, 2px) * 2 + var(--item-height));
  --backgroud-color: var(--fds-global-color-neutral-0, white);
  background: var(--backgroud-color);
  transform: scale(1);
  background: transparent;
  position: relative;
}

.ds-tree.collapsed .anchor {
  transform: rotate(-90deg);
}

.ds-tree.collapsed .children {
  display: none;
}

.ds-tree slot {
  display: none;
}

.ds-tree .label {
  display: flex;
  align-items: center;
  gap: var(--fds-global-space-xs, 8px);
  height: var(--item-height);
  padding: var(--fds-global-space-xxxs, 2px) 0;
  user-select: none;
  background: var(--backgroud-color);
  color: var(--fds-global-color-neutral-140);
}

.ds-tree .label .anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 200ms ease;
  width: var(--item-height);
  height: var(--item-height);
  cursor: pointer;
}

.ds-tree .label label {
  display: flex;
  align-items: center;
  gap: var(--fds-global-space-xs, 8px);
  font-size: 14px;
  line-height: 20px;
}

.ds-tree .label .ds-checkbox {
  --thumb-size: 16px;
  --mark-size: 8px;
}

.ds-tree .label:has(~ .children:empty) {
  margin-inline-start: var(--item-height);
}

.ds-tree .label:has(~ .children:empty) .anchor {
  width: 0;
}

.ds-tree .label:has(~ .children:empty) .anchor svg {
  display: none;
}

.ds-tree .children {
  margin-inline-start: calc(var(--item-height) + var(--fds-global-space-xs, 8px));
  display: flex;
  flex-direction: column;
}

.ds-tree .children .ds-tree:first-of-type::before,
.ds-tree .children .ds-tree:not(:last-of-type)::after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid var(--fds-global-color-neutral-40);
  border-top: 0;
  border-right: 0;
  top: calc(var(--item-box-height) / 2);
  left: calc(calc(var(--item-height) / -2) - var(--fds-global-space-xs, 8px));
}

.ds-tree .children .ds-tree:first-of-type::before {
  height: calc(var(--item-box-height) / 2);
  transform: translateY(-100%);
}

ds-tag {
  --bg: #ccccff;
  --fg: #1717ab;
  --gap: 4px;
  display: inline-flex;
  align-items: center;
  gap: var(--gap);
  padding: var(--padding-block) var(--padding-inline);
  border-radius: 2px;
  background-color: var(--bg);
  color: var(--fg);
}

ds-tag[color="fds-primary"] {
  --bg: #ccccff;
  --fg: #1717ab;
}

ds-tag[color="neutral"] {
  --bg: #d7d7e4;
  --fg: #3f3f82;
}

ds-tag[color="error"] {
  --bg: #feb9ba;
  --fg: #aa0608;
}

ds-tag[color="warning"] {
  --bg: #ffc4ab;
  --fg: #a13101;
}

ds-tag[color="caution"] {
  --bg: #ffeca9;
  --fg: #967500;
}

ds-tag[color="success"] {
  --bg: #aaefb9;
  --fg: #007018;
}

ds-tag[color="info"] {
  --bg: #a5dcf7;
  --fg: #00476a;
}

ds-tag[filled] {
  --bg: #5959eb;
  --fg: #ffffff;
}

ds-tag[filled][color="fds-primary"] {
  --bg: #5959eb;
}

ds-tag[filled][color="neutral"] {
  --bg: #3f3f82;
}

ds-tag[filled][color="error"] {
  --bg: #f22f31;
}

ds-tag[filled][color="warning"] {
  --bg: #f96324;
}

ds-tag[filled][color="caution"] {
  --bg: #f3c316;
}

ds-tag[filled][color="success"] {
  --bg: #23ab41;
}

ds-tag[filled][color="info"] {
  --bg: #005b88;
}

ds-tag[size="small"] {
  --padding-block: 4px;
  --padding-inline: 4px;
}

ds-tag, ds-tag[size="medium"] {
  --padding-block: 4px;
  --padding-inline: 8px;
}

ds-tag[size="large"] {
  --padding-block: 4px;
  --padding-inline: 8px;
}

ds-tag[size="small"] {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.01em;
  text-indent: 0px;
}

ds-tag, ds-tag[size="medium"] {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}

ds-tag[size="large"] {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

ds-tag[disabled] {
  pointer-events: none;
}

ds-tag[disabled], ds-tag[disabled][color] {
  --bg: #ebebf1;
  --fg: #9f9fc1;
}

ds-tooltip {
  --padding-block: 8px;
  --padding-inline: 16px;
  --bg: #4c4c8e;
  --fg: #ffffff;
  --triangle-size: 7px;
  --isRTL: -1;
  pointer-events: none;
  user-select: none;
  opacity: 0;
  transform: translateX(var(--x, 0)) translateY(var(--y, 0));
  transition: opacity 0.2s ease, transform 0.2s ease;
  position: absolute;
  z-index: 99;
  inline-size: max-content;
  max-inline-size: Min(440px, 90vw);
  text-align: start;
  font-size: 1rem;
  white-space: initial;
  font-weight: normal;
  line-height: initial;
  padding: var(--padding-block) var(--padding-inline);
  margin: 0;
  border-radius: 5px;
  background: var(--bg);
  color: var(--fg);
  will-change: filter;
  filter: drop-shadow(0px 2px 5px rgba(9, 9, 45, 0.2));
}

ds-tooltip::after {
  content: "";
  background: var(--bg);
  position: absolute;
  z-index: -1;
  inset: 0;
}

ds-tooltip:is([position="top"], :not([position])) {
  inset-inline-start: 50%;
  inset-block-end: calc(100% + var(--padding-block) + var(--triangle-size));
  --x: calc(50% * var(--isRTL));
}

ds-tooltip:is([position="top"], :not([position]))::after {
  -webkit-mask: conic-gradient(from -30deg at bottom, #0000, #000 1deg 60deg, #0000 61deg) bottom / 100% 50% no-repeat;
  mask: conic-gradient(from -30deg at bottom, #0000, #000 1deg 60deg, #0000 61deg) bottom / 100% 50% no-repeat;
  inset-block-end: calc(var(--triangle-size) * -1);
  border-block-end: var(--triangle-size) solid transparent;
}

ds-tooltip[position="right"] {
  inset-inline-start: calc(100% + var(--padding-inline) + var(--triangle-size));
  inset-block-end: 50%;
  --y: 50%;
}

ds-tooltip[position="right"]::after {
  inset-inline-start: calc(var(--triangle-size) * -1);
  border-inline-start: var(--triangle-size) solid transparent;
}

ds-tooltip[position="right"]::after {
  -webkit-mask: conic-gradient(from 60deg at left, #0000, #000 1deg 60deg, #0000 61deg) left / 50% 100% no-repeat;
  mask: conic-gradient(from 60deg at left, #0000, #000 1deg 60deg, #0000 61deg) left / 50% 100% no-repeat;
}

ds-tooltip[position="bottom"] {
  inset-inline-start: 50%;
  inset-block-start: calc(100% + var(--padding-block) + var(--triangle-size));
  --x: calc(50% * var(--isRTL));
}

ds-tooltip[position="bottom"]::after {
  -webkit-mask: conic-gradient(from 150deg at top, #0000, #000 1deg 60deg, #0000 61deg) top / 100% 50% no-repeat;
  mask: conic-gradient(from 150deg at top, #0000, #000 1deg 60deg, #0000 61deg) top / 100% 50% no-repeat;
  inset-block-start: calc(var(--triangle-size) * -1);
  border-block-start: var(--triangle-size) solid transparent;
}

ds-tooltip[position="left"] {
  inset-inline-end: calc(100% + var(--padding-inline) + var(--triangle-size));
  inset-block-end: 50%;
  --y: 50%;
}

ds-tooltip[position="left"]::after {
  inset-inline-end: calc(var(--triangle-size) * -1);
  border-inline-end: var(--triangle-size) solid transparent;
}

ds-tooltip[position="left"]::after {
  -webkit-mask: conic-gradient(from -120deg at right, #0000, #000 1deg 60deg, #0000 61deg) right / 50% 100% no-repeat;
  mask: conic-gradient(from -120deg at right, #0000, #000 1deg 60deg, #0000 61deg) right / 50% 100% no-repeat;
}

ds-tooltip[size="xs"], ds-tooltip[size="extrasmall"] {
  --padding-block: 4px;
  --padding-inline: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}

ds-tooltip[size="sm"], ds-tooltip[size="small"], ds-tooltip:not([size]) {
  --padding-block: 8px;
  --padding-inline: 16px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

ds-tooltip[size="md"], ds-tooltip[size="medium"] {
  --padding-block: 12px;
  --padding-inline: 24px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

ds-tooltip[size="lg"], ds-tooltip[size="large"] {
  --padding-block: 16px;
  --padding-inline: 32px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
}

ds-tooltip[scheme="light"] {
  --bg: #ffffff;
  --fg: #09092d;
}

:has(> ds-tooltip) {
  position: relative;
  /* when those parent elements have focus, hover, etc */
}

:has(> ds-tooltip):is(:hover, :focus-visible, :active) > ds-tooltip {
  opacity: 1;
  transition-delay: 200ms;
}

:has(> ds-tooltip):not(:hover, :active) > ds-tooltip:is([position="top"], :not([position])) {
  --y: 3px;
}

:has(> ds-tooltip):not(:hover, :active) > ds-tooltip[position="right"] {
  --x: calc(var(--isRTL) * 3px);
}

:has(> ds-tooltip):not(:hover, :active) > ds-tooltip[position="bottom"] {
  --y: -3px;
}

:has(> ds-tooltip):not(:hover, :active) > ds-tooltip[position="left"] {
  --x: calc(var(--isRTL) * -3px);
}

.ds-switch, input.ds-switch, input.ds-switch[type="checkbox"] {
  --thumb-size: 20px;
  --track-size: calc(var(--thumb-size) * 2);
  --track-padding: 2px;
  --thumb-color: #ffffff;
  --track-color-inactive: #d7d7e4;
  --track-color-active: #5959eb;
  --isLTR: 1;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  --thumb-position: 0%;
  padding: var(--track-padding);
  background: var(--track-color-inactive);
  inline-size: var(--track-size);
  block-size: var(--thumb-size);
  border-radius: var(--track-size);
  appearance: none;
  touch-action: pan-y;
  border: none;
  outline-offset: 5px;
  box-sizing: content-box;
  margin: 0;
  flex-shrink: 0;
  display: grid;
  align-items: center;
  grid: [track] 1fr / [track] 1fr;
  transition: background-color 0.25s ease;
}

.ds-switch::before, input.ds-switch::before, input.ds-switch[type="checkbox"]::before {
  content: "";
  cursor: pointer;
  pointer-events: auto;
  grid-area: track;
  inline-size: var(--thumb-size);
  block-size: var(--thumb-size);
  background: var(--thumb-color);
  border-radius: 50%;
  transform: translateX(var(--thumb-position));
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.ds-switch:not(:disabled):hover, input.ds-switch:not(:disabled):hover, input.ds-switch[type="checkbox"]:not(:disabled):hover {
  --track-color-inactive: #c4c4d8;
  --track-color-active: #3535cd;
}

.ds-switch:not(:disabled):active, .ds-switch:not(:disabled):focus-visible, input.ds-switch:not(:disabled):active, input.ds-switch:not(:disabled):focus-visible, input.ds-switch[type="checkbox"]:not(:disabled):active, input.ds-switch[type="checkbox"]:not(:disabled):focus-visible {
  --track-color-inactive: #b0b0cd;
  --track-color-active: #1717ab;
}

.ds-switch:checked, input.ds-switch:checked, input.ds-switch[type="checkbox"]:checked {
  background: var(--track-color-active);
  --thumb-position: calc((var(--track-size) - 100%) * var(--isLTR));
}

.ds-switch:indeterminate, input.ds-switch:indeterminate, input.ds-switch[type="checkbox"]:indeterminate {
  --thumb-position: calc(calc(calc(var(--track-size) / 2) - calc(var(--thumb-size) / 2)) * var(--isLTR));
}

.ds-switch:disabled, input.ds-switch:disabled, input.ds-switch[type="checkbox"]:disabled {
  --track-color-inactive: #ebebf1;
  --track-color-active: #ccccff;
  cursor: not-allowed;
}

.ds-switch:disabled::before, input.ds-switch:disabled::before, input.ds-switch[type="checkbox"]:disabled::before {
  cursor: not-allowed;
}

.ds-switch.ds-switch--sm, .ds-switch.ds-switch--small, input.ds-switch.ds-switch--sm, input.ds-switch.ds-switch--small, input.ds-switch[type="checkbox"].ds-switch--sm, input.ds-switch[type="checkbox"].ds-switch--small {
  --thumb-size: 16px;
}

.ds-checkbox, input.ds-checkbox, input.ds-checkbox[type="checkbox"] {
  --thumb-size: 20px;
  --mark-size: 12px;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  inline-size: var(--thumb-size);
  block-size: var(--thumb-size);
  appearance: none;
  touch-action: pan-y;
  outline-offset: 5px;
  box-sizing: border-box;
  border: 1px solid #b0b0cd;
  border-radius: 4px;
  margin: 0;
  flex-shrink: 0;
  transition: all 0.3s ease-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.ds-checkbox:not(:disabled):hover, input.ds-checkbox:not(:disabled):hover, input.ds-checkbox[type="checkbox"]:not(:disabled):hover {
  border-color: #6767a5;
}

.ds-checkbox:not(:disabled):active, .ds-checkbox:not(:disabled):focus-visible, input.ds-checkbox:not(:disabled):active, input.ds-checkbox:not(:disabled):focus-visible, input.ds-checkbox[type="checkbox"]:not(:disabled):active, input.ds-checkbox[type="checkbox"]:not(:disabled):focus-visible {
  border-color: #5959eb;
}

.ds-checkbox:not(:disabled):checked:hover, .ds-checkbox:not(:disabled):indeterminate:hover, input.ds-checkbox:not(:disabled):checked:hover, input.ds-checkbox:not(:disabled):indeterminate:hover, input.ds-checkbox[type="checkbox"]:not(:disabled):checked:hover, input.ds-checkbox[type="checkbox"]:not(:disabled):indeterminate:hover {
  background: #3535cd;
  border-color: #3535cd;
}

.ds-checkbox:not(:disabled):checked:active, .ds-checkbox:not(:disabled):checked:focus-visible, .ds-checkbox:not(:disabled):indeterminate:active, .ds-checkbox:not(:disabled):indeterminate:focus-visible, input.ds-checkbox:not(:disabled):checked:active, input.ds-checkbox:not(:disabled):checked:focus-visible, input.ds-checkbox:not(:disabled):indeterminate:active, input.ds-checkbox:not(:disabled):indeterminate:focus-visible, input.ds-checkbox[type="checkbox"]:not(:disabled):checked:active, input.ds-checkbox[type="checkbox"]:not(:disabled):checked:focus-visible, input.ds-checkbox[type="checkbox"]:not(:disabled):indeterminate:active, input.ds-checkbox[type="checkbox"]:not(:disabled):indeterminate:focus-visible {
  background: #1717ab;
  border-color: #1717ab;
}

.ds-checkbox:checked, .ds-checkbox:indeterminate, input.ds-checkbox:checked, input.ds-checkbox:indeterminate, input.ds-checkbox[type="checkbox"]:checked, input.ds-checkbox[type="checkbox"]:indeterminate {
  background: #5959eb;
  border-color: #5959eb;
}

.ds-checkbox:checked::before, .ds-checkbox:indeterminate::before, input.ds-checkbox:checked::before, input.ds-checkbox:indeterminate::before, input.ds-checkbox[type="checkbox"]:checked::before, input.ds-checkbox[type="checkbox"]:indeterminate::before {
  pointer-events: auto;
  color: #ffffff;
  font-size: var(--mark-size);
  line-height: 1;
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
}

.ds-checkbox:checked::before, input.ds-checkbox:checked::before, input.ds-checkbox[type="checkbox"]:checked::before {
  content: "\f00c";
}

.ds-checkbox:indeterminate::before, input.ds-checkbox:indeterminate::before, input.ds-checkbox[type="checkbox"]:indeterminate::before {
  content: "\f068";
}

.ds-checkbox:disabled, input.ds-checkbox:disabled, input.ds-checkbox[type="checkbox"]:disabled {
  border-color: #d7d7e4;
  background: none;
  cursor: not-allowed;
}

.ds-checkbox:disabled:checked::before, .ds-checkbox:disabled:indeterminate::before, input.ds-checkbox:disabled:checked::before, input.ds-checkbox:disabled:indeterminate::before, input.ds-checkbox[type="checkbox"]:disabled:checked::before, input.ds-checkbox[type="checkbox"]:disabled:indeterminate::before {
  color: #9f9fc1;
}

.ds-checkbox:invalid, .ds-checkbox:invalid:hover, .ds-checkbox:invalid:active, .ds-checkbox:invalid:focus-visible, .ds-checkbox.ds-checkbox--error, .ds-checkbox.ds-checkbox--error:hover, .ds-checkbox.ds-checkbox--error:active, .ds-checkbox.ds-checkbox--error:focus-visible, input.ds-checkbox:invalid, input.ds-checkbox:invalid:hover, input.ds-checkbox:invalid:active, input.ds-checkbox:invalid:focus-visible, input.ds-checkbox.ds-checkbox--error, input.ds-checkbox.ds-checkbox--error:hover, input.ds-checkbox.ds-checkbox--error:active, input.ds-checkbox.ds-checkbox--error:focus-visible, input.ds-checkbox[type="checkbox"]:invalid, input.ds-checkbox[type="checkbox"]:invalid:hover, input.ds-checkbox[type="checkbox"]:invalid:active, input.ds-checkbox[type="checkbox"]:invalid:focus-visible, input.ds-checkbox[type="checkbox"].ds-checkbox--error, input.ds-checkbox[type="checkbox"].ds-checkbox--error:hover, input.ds-checkbox[type="checkbox"].ds-checkbox--error:active, input.ds-checkbox[type="checkbox"].ds-checkbox--error:focus-visible {
  border-color: #f22f31;
}

.ds-checkbox:invalid:checked, .ds-checkbox.ds-checkbox--error:checked, input.ds-checkbox:invalid:checked, input.ds-checkbox.ds-checkbox--error:checked, input.ds-checkbox[type="checkbox"]:invalid:checked, input.ds-checkbox[type="checkbox"].ds-checkbox--error:checked {
  background: #f22f31;
  border-color: #f22f31;
}

.ds-checkbox.ds-checkbox--sm, .ds-checkbox.ds-checkbox--small, input.ds-checkbox.ds-checkbox--sm, input.ds-checkbox.ds-checkbox--small, input.ds-checkbox[type="checkbox"].ds-checkbox--sm, input.ds-checkbox[type="checkbox"].ds-checkbox--small {
  --thumb-size: 16px;
  --mark-size: 8px;
}

label:has(> .ds-checkbox) {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  cursor: pointer;
  user-select: none;
}

.lt-react-checkbox-group {
  list-style: none;
  padding: 0;
  margin: 0;
}

.lt-react-checkbox-group li {
  display: inline-block;
  width: 20%;
}

ds-badge {
  --bg: #ccccff;
  --fg: #1717ab;
  --gap: 4px;
  display: inline-flex;
  align-items: center;
  gap: var(--gap);
  padding: var(--padding-block) var(--padding-inline);
  border-radius: 9999px;
  background-color: var(--bg);
  color: var(--fg);
  cursor: pointer;
}

ds-badge[color="fds-primary"] {
  --bg: #ccccff;
  --fg: #1717ab;
}

ds-badge[color="neutral"] {
  --bg: #d7d7e4;
  --fg: #3f3f82;
}

ds-badge[color="error"] {
  --bg: #feb9ba;
  --fg: #aa0608;
}

ds-badge[color="warning"] {
  --bg: #ffc4ab;
  --fg: #a13101;
}

ds-badge[color="caution"] {
  --bg: #ffeca9;
  --fg: #967500;
}

ds-badge[color="success"] {
  --bg: #aaefb9;
  --fg: #007018;
}

ds-badge[color="info"] {
  --bg: #a5dcf7;
  --fg: #00476a;
}

ds-badge[filled] {
  --bg: #5959eb;
  --fg: #ffffff;
}

ds-badge[filled][color="fds-primary"] {
  --bg: #5959eb;
}

ds-badge[filled][color="neutral"] {
  --bg: #3f3f82;
}

ds-badge[filled][color="error"] {
  --bg: #f22f31;
}

ds-badge[filled][color="warning"] {
  --bg: #f96324;
}

ds-badge[filled][color="caution"] {
  --bg: #f3c316;
}

ds-badge[filled][color="success"] {
  --bg: #23ab41;
}

ds-badge[filled][color="info"] {
  --bg: #005b88;
}

ds-badge[size="small"], ds-badge[size="sm"] {
  --padding-block: 2px;
  --padding-inline: 4px;
}

ds-badge, ds-badge[size="medium"], ds-badge[size="md"] {
  --padding-block: 2px;
  --padding-inline: 4px;
}

ds-badge[size="large"], ds-badge[size="lg"] {
  --padding-block: 2px;
  --padding-inline: 8px;
}

ds-badge[size="small"], ds-badge[size="sm"] {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.01em;
  text-indent: 0px;
}

ds-badge, ds-badge[size="medium"], ds-badge[size="md"] {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}

ds-badge[size="large"], ds-badge[size="lg"] {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

ds-badge[disabled] {
  pointer-events: none;
  cursor: not-allowed;
}

ds-badge[disabled], ds-badge[disabled][color] {
  --bg: #ebebf1;
  --fg: #9f9fc1;
}

.ds-divider,
ds-hr,
ds-vr {
  border: none;
  border-bottom: 1px solid #d7d7e4;
  width: 100%;
  flex: 0;
  unicode-bidi: isolate;
  position: relative;
  overflow: visible;
}

.ds-divider::after,
ds-hr::after,
ds-vr::after {
  content: attr(data-text);
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  color: #7a7aae;
  transform: translate(-50%, -50%);
  background: #ffffff;
  padding: 0 1ch;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

ds-vr,
.ds-divider.ds-divider--verticle,
ds-hr[vertical] {
  writing-mode: tb-rl;
  align-self: stretch;
  border: none;
  margin: 0 0.5em;
  flex: 0;
  border-left: 1px solid #d7d7e4;
}

ds-vr::after,
.ds-divider.ds-divider--verticle::after,
ds-hr[vertical]::after {
  content: none;
}

.ds-input,
.ds-textarea {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  width: 180px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
  margin: 0;
}

.ds-input input,
.ds-textarea textarea {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  padding: 8px 12px;
  display: flex;
  gap: 4px;
  align-items: center;
  align-self: stretch;
  border: 1px solid #b0b0cd;
  border-radius: 4px;
  background: transparent;
}

.ds-input input:hover,
.ds-textarea textarea:hover {
  border-color: #6767a5;
}

.ds-input input:active, .ds-input input:focus,
.ds-textarea textarea:active,
.ds-textarea textarea:focus {
  border-color: #5959eb;
  outline: none;
  box-shadow: none;
}

.ds-input input:user-invalid,
.ds-textarea textarea:user-invalid {
  border-color: #f22f31;
}

.ds-input input:user-invalid + span,
.ds-textarea textarea:user-invalid + span {
  color: #f22f31;
}

.ds-input input::placeholder,
.ds-textarea textarea::placeholder {
  color: #7a7aae;
  user-select: none;
}

.ds-input input + span,
.ds-textarea textarea + span {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.01em;
  text-indent: 0px;
  color: #7a7aae;
}

.ds-input input + span:empty,
.ds-textarea textarea + span:empty {
  display: none;
}

.ds-input--white input,
.ds-textarea--white textarea {
  background: var(--fds-global-color-neutral-0);
}

.ds-input--invalid input,
.ds-textarea--invalid textarea {
  border-color: #f22f31;
}

.ds-input--invalid input + span,
.ds-textarea--invalid textarea + span {
  color: #f22f31;
}

.ds-input.disabled,
.ds-textarea.disabled,
.ds-input:has(input:disabled),
.ds-textarea:has(textarea:disabled) {
  cursor: not-allowed;
}

.ds-input.disabled input,
.ds-input:has(input:disabled) input,
.ds-textarea.disabled textarea,
.ds-textarea:has(textarea:disabled) textarea {
  border-color: #d7d7e4;
  pointer-events: none;
}

.ds-input.disabled input, .ds-input.disabled input::placeholder,
.ds-input.disabled input + span,
.ds-input:has(input:disabled) input,
.ds-input:has(input:disabled) input::placeholder,
.ds-input:has(input:disabled) input + span,
.ds-textarea.disabled textarea,
.ds-textarea.disabled textarea::placeholder,
.ds-textarea.disabled textarea + span,
.ds-textarea:has(textarea:disabled) textarea,
.ds-textarea:has(textarea:disabled) textarea::placeholder,
.ds-textarea:has(textarea:disabled) textarea + span {
  color: #9f9fc1;
}

.ds-search {
  display: inline-flex;
  box-sizing: border-box;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  border: 1px solid #b0b0cd;
  border-radius: 4px;
  padding: calc(8px - 1px) 12px;
  color: #7a7aae;
  margin: 0;
}

.ds-search:hover {
  border-color: #6767a5;
}

.ds-search:active, .ds-search:focus-within {
  border-color: #5959eb;
  outline: none;
}

.ds-search > i,
.ds-search > button,
.ds-search > span {
  user-select: none;
  font-size: 16px;
  line-height: 1;
}

.ds-search > button, .ds-search > button:hover, .ds-search > button:focus, .ds-search > button:active {
  background: none;
  border: none;
  box-shadow: none;
  outline: none;
  text-shadow: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  color: #7a7aae;
}

.ds-search input, .ds-search input[type="text"] {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  padding: 0;
  display: flex;
  gap: 4px;
  align-items: center;
  align-self: stretch;
  border: none;
  border-radius: 0;
  width: 100%;
  height: auto;
  box-shadow: none;
  background: none;
}

.ds-search input:hover, .ds-search input:active, .ds-search input:focus, .ds-search input[type="text"]:hover, .ds-search input[type="text"]:active, .ds-search input[type="text"]:focus {
  border: none;
  outline: none;
}

.ds-search input:invalid, .ds-search input[type="text"]:invalid {
  border-color: #f22f31;
}

.ds-search input:invalid + span, .ds-search input[type="text"]:invalid + span {
  color: #f22f31;
}

.ds-search input::placeholder, .ds-search input[type="text"]::placeholder {
  color: #7a7aae;
  user-select: none;
}

.ds-search.disabled, .ds-search:has(input:disabled) {
  cursor: not-allowed;
}

.ds-search.disabled input, .ds-search:has(input:disabled) input {
  border-color: #d7d7e4;
  pointer-events: none;
}

.ds-search.disabled input, .ds-search.disabled input::placeholder, .ds-search:has(input:disabled) input, .ds-search:has(input:disabled) input::placeholder {
  color: #9f9fc1;
}

.ds-link {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  text-decoration: underline;
  box-shadow: none;
  display: inline-flex;
  color: #1717ab;
}

.ds-link.ds-link--xs {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.ds-link.ds-link--white {
  color: #ffffff;
}

.ds-link::after {
  font-family: "Font Awesome 7 Pro";
  content: "\f08e";
  font-weight: 400;
  line-height: 1;
  margin-left: 4px;
}

.ds-radio {
  --radio-size: 20px;
  --radio-color: #b0b0cd;
  appearance: none;
  position: relative;
  block-size: var(--radio-size);
  inline-size: var(--radio-size);
  flex-shrink: 0;
  line-height: 1;
  margin: 0 1ch 0 0;
  display: inline-grid;
  grid-template-areas: "radio";
  vertical-align: bottom;
}

.ds-radio::before, .ds-radio::after {
  content: "";
  block-size: 100%;
  inline-size: 100%;
  box-sizing: border-box;
  border-radius: 9999px;
  grid-area: radio;
}

.ds-radio::before {
  border: 1px solid var(--radio-color);
}

.ds-radio:checked::after {
  background-color: var(--radio-color);
  transform: scale(0.6);
}

.ds-radio:not(:disabled):hover {
  --radio-color: #6767a5;
}

.ds-radio:not(:disabled):active, .ds-radio:not(:disabled):checked {
  --radio-color: #5959eb;
}

.ds-radio:not(:disabled):invalid, .ds-radio:not(:disabled).error {
  --radio-color: #f22f31;
}

.ds-radio:not(:disabled):checked:hover {
  --radio-color: #3535cd;
}

.ds-radio:not(:disabled):checked:active {
  --radio-color: #1717ab;
}

.ds-radio:disabled {
  --radio-color: #d7d7e4;
  pointer-events: none;
}

.ds-radio:disabled:checked::after {
  background-color: #9f9fc1;
}

.ds-radio.ds-radio--sm, .ds-radio.ds-radio--small {
  --radio-size: 16px;
}

label:has(> .ds-radio) {
  display: inline-flex;
  margin-inline-end: 1ch;
  align-items: center;
  cursor: pointer;
}

.ds-breadcrumb {
  color: #7a7aae;
  font-size: 0;
  line-height: 0;
}

.ds-breadcrumb > * {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
  margin: 0 4px;
}

.ds-breadcrumb > *:first-child {
  margin-left: 0;
}

.ds-breadcrumb > *:last-child {
  margin-right: 0;
}

.ds-breadcrumb > a {
  color: #7a7aae;
}

.ds-breadcrumb > a:last-child {
  color: #1f1f59;
}

.ds-breadcrumb > a:hover {
  text-decoration: underline;
  color: #59599a;
}

.ds-breadcrumb > a:active, .ds-breadcrumb > a:focus {
  text-decoration: underline;
  color: #3f3f82;
}

.ds-breadcrumb > a[role="button"] {
  text-decoration: none;
}

.ds-breadcrumb > ds-dropdown {
  --border-color: transparent;
  --hover-border-color: transparent;
  --active-border-color: transparent;
  --chevron-left: 100%;
  transform: translateY(calc(-1 * var(--fds-global-space-xs)));
  margin-left: calc(-1 * var(--fds-global-space-sm) + var(--fds-global-space-xxs));
  width: auto;
  min-width: 100px;
  vertical-align: top;
}

.ds-tabs {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  scrollbar-width: none;
}

.ds-tabs .ds-tab {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  --padding-block: var(--fds-global-space-md);
  --padding-inline: var(--fds-global-space-xl);
  padding: var(--padding-block) var(--padding-inline);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  transition: border-color 0.2s ease-in-out;
  color: #09092d;
  border-style: solid;
  border-color: #d7d7e4;
  border-width: 0;
  box-sizing: border-box;
  white-space: nowrap;
}

.ds-tabs .ds-tab:hover {
  border-color: #5959eb;
}

.ds-tabs .ds-tab.active {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  border-color: #3535cd;
  color: #5959eb;
}

.ds-tabs .ds-tab::after {
  content: attr(data-name);
  content: attr(data-name)/"";
  height: 0;
  visibility: hidden;
  overflow: hidden;
  user-select: none;
  pointer-events: none;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

@media speech {
  .ds-tabs .ds-tab::after {
    display: none;
  }
}

@media (max-width: 576px) {
  .ds-tabs .ds-tab {
    --padding-inline: var(--fds-global-space-xs);
    flex: 1;
  }
}

.ds-tabs::-webkit-scrollbar {
  display: none;
}

.ds-tabs--top, .ds-tabs--bottom {
  overflow-x: auto;
}

.ds-tabs--left, .ds-tabs--right {
  flex-direction: column;
  overflow-y: auto;
  width: max-content;
}

.ds-tabs--top .ds-tab {
  border-top-width: 2px;
}

.ds-tabs--bottom .ds-tab {
  border-bottom-width: 2px;
}

.ds-tabs--left .ds-tab {
  border-left-width: 2px;
}

.ds-tabs--right .ds-tab {
  border-right-width: 2px;
}

.ds-tab-content > div {
  display: none;
}

.ds-tabs:has(.ds-tab:nth-child(1).active) + .ds-tab-content > :nth-child(1) {
  display: block;
}

.ds-tabs:has(.ds-tab:nth-child(2).active) + .ds-tab-content > :nth-child(2) {
  display: block;
}

.ds-tabs:has(.ds-tab:nth-child(3).active) + .ds-tab-content > :nth-child(3) {
  display: block;
}

.ds-tabs:has(.ds-tab:nth-child(4).active) + .ds-tab-content > :nth-child(4) {
  display: block;
}

.ds-tabs:has(.ds-tab:nth-child(5).active) + .ds-tab-content > :nth-child(5) {
  display: block;
}

.ds-tabs:has(.ds-tab:nth-child(6).active) + .ds-tab-content > :nth-child(6) {
  display: block;
}

.ds-tabs:has(.ds-tab:nth-child(7).active) + .ds-tab-content > :nth-child(7) {
  display: block;
}

.ds-tabs:has(.ds-tab:nth-child(8).active) + .ds-tab-content > :nth-child(8) {
  display: block;
}

.ds-tabs:has(.ds-tab:nth-child(9).active) + .ds-tab-content > :nth-child(9) {
  display: block;
}

ds-dropdown {
  --background: transparent;
  width: 180px;
  z-index: 99;
}

ds-dropdown[scheme="white"] {
  --background: var(--fds-global-color-neutral-0);
}

ds-dropdown > *:not([slot]) {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  display: flex;
  padding: 8px 12px;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: var(--content-item-border-radius, 0);
  box-sizing: border-box;
  margin: 0;
}

ds-dropdown > *:not([slot]):hover, ds-dropdown > *:not([slot]).selected {
  background: #ebebf1;
}

ds-dropdown > [slot="value"] {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

ds-dropdown > [slot="label"] {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

ds-datepicker > [slot="label"] {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.ds-list {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  display: flex;
  width: 125px;
  padding: 8px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

.ds-list > * {
  display: flex;
  gap: 4px;
  padding: 8px 12px;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}

.ds-list > *:hover, .ds-list > *.active {
  background: #ebebf1;
}

.ds-list--padding {
  padding: 8px;
}

.ds-list--padding > *:hover, .ds-list--padding > *.active {
  border-radius: 4px;
}

.ds-list--large, .ds-list--lg {
  width: 150px;
  padding: 12px 0px;
}

.ds-list--large > *, .ds-list--lg > * {
  gap: 8px;
  padding: 12px 24px;
}

.ds-list--large.ds-list--padding, .ds-list--lg.ds-list--padding {
  padding: 12px;
}

button.ds-button {
  border-radius: var(--fds-global-border-radius-md);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
  color: var(--fds-global-color-neutral-0);
  --background-color: #5959eb;
  --hover-background-color: #3535cd;
  --active-background-color: #1717ab;
  background-color: var(--background-color);
}

button.ds-button, button.ds-button:not(:disabled), button.ds-button:active, button.ds-button:active:not(:disabled), button.ds-button:focus, button.ds-button:focus:not(:disabled), button.ds-button:hover, button.ds-button:hover:not(:disabled) {
  border: none;
  outline: none;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}

button.ds-button:disabled {
  cursor: not-allowed;
  pointer-events: none;
}

button.ds-button:hover, button.ds-button:not(:disabled):hover {
  background-color: var(--hover-background-color);
}

button.ds-button:active, button.ds-button:not(:disabled):active {
  background-color: var(--active-background-color);
}

button.ds-button:disabled {
  background-color: var(--fds-global-color-neutral-10) !important;
  color: var(--fds-global-color-neutral-50) !important;
}

button.ds-button--text {
  color: #3535cd;
  --background-color: transparent;
  --hover-background-color: #ccccff;
  --active-background-color: #b1b1ff;
}

button.ds-button--fds {
  color: var(--fds-global-color-neutral-0);
  --background-color: var(--fds-global-color-primary-40);
  --hover-background-color: var(--fds-global-color-primary-50);
  --active-background-color: var(--fds-global-color-primary-60);
}

button.ds-button--fds.ds-button--text {
  color: var(--fds-global-color-primary-50);
  --background-color: transparent;
  --hover-background-color: var(--fds-global-color-primary-5);
  --active-background-color: var(--fds-global-color-primary-10);
}

button.ds-button--neutral {
  color: var(--fds-global-color-neutral-140);
  --background-color: var(--fds-global-color-neutral-10);
  --hover-background-color: var(--fds-global-color-neutral-20);
  --active-background-color: var(--fds-global-color-neutral-30);
}

button.ds-button--neutral.ds-button--text {
  --background-color: transparent;
  --hover-background-color: var(--fds-global-color-neutral-10);
  --active-background-color: var(--fds-global-color-neutral-20);
}

.ds-button-group {
  display: flex;
  flex-wrap: nowrap;
}

.ds-button-group .ds-button {
  position: relative;
}

.ds-button-group .ds-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ds-button-group .ds-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ds-button-group .ds-button:not(:last-child)::after {
  content: "";
  z-index: 1;
  display: block;
  position: absolute;
  top: var(--fds-global-space-xxs);
  bottom: var(--fds-global-space-xxs);
  right: 0;
  width: 1px;
  transform: translate(50%);
  background-color: var(--fds-global-color-neutral-10);
}

.ds-button-group--disabled {
  cursor: not-allowed;
}

.ds-button-group--disabled .ds-button {
  pointer-events: none;
  background-color: var(--fds-global-color-neutral-10) !important;
  color: var(--fds-global-color-neutral-50) !important;
}

.ds-button-group--disabled .ds-button:not(:last-child)::after {
  background-color: var(--fds-global-color-neutral-40);
}

.ds-button-group--neutral .ds-button {
  color: var(--fds-global-color-neutral-140);
  --background-color: var(--fds-global-color-neutral-10);
  --hover-background-color: var(--fds-global-color-neutral-20);
  --active-background-color: var(--fds-global-color-neutral-30);
}

.ds-button-group--neutral .ds-button:not(:last-child)::after {
  background-color: var(--fds-global-color-neutral-40);
}

.ds-button,
.ds-button--md,
.ds-button--medium,
.ds-button-group .ds-button,
.ds-button-group--md .ds-button,
.ds-button-group--medium .ds-button {
  --padding-block: var(--fds-global-space-xs);
  --padding-inline: var(--fds-global-space-md);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  padding: var(--padding-block) var(--padding-inline);
  gap: var(--fds-global-space-xs);
}

.ds-button--sm,
.ds-button--small,
.ds-button-group--sm .ds-button,
.ds-button-group--small .ds-button {
  --padding-block: var(--fds-global-space-xxs);
  --padding-inline: var(--fds-global-space-xs);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  gap: var(--fds-global-space-xxs);
}

.ds-button--lg,
.ds-button--large,
.ds-button-group--lg .ds-button,
.ds-button-group--large .ds-button {
  --padding-block: var(--fds-global-space-xs);
  --padding-inline: var(--fds-global-space-md);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  gap: var(--fds-global-space-sm);
}

button.ds-button.ds-button--icon, button.ds-button.ds-button--icon.ds-button--md, button.ds-button.ds-button--icon.ds-button--medium {
  --icon-size: var(--fds-global-space-lg);
  --padding-inline: var(--padding-block);
  font-size: var(--icon-size);
}

button.ds-button.ds-button--icon.ds-button--sm, button.ds-button.ds-button--icon.ds-button--small {
  --icon-size: var(--fds-global-space-md);
}

button.ds-button.ds-button--icon.ds-button--lg, button.ds-button.ds-button--icon.ds-button--large {
  --icon-size: 28px;
}

button.ds-button.ds-button--icon i[class^="fa"],
button.ds-button.ds-button--icon i[class*=" fa"] {
  font-size: var(--icon-size);
  inline-size: var(--icon-size);
}

.ds-toast {
  --y-direction: 1;
  position: fixed;
  z-index: 10003;
  margin: 0;
  inset-inline-start: auto;
  inset-inline-end: auto;
  border: none;
  padding: 16px;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  width: Min(calc(100vw - 2 * 16px), 400px);
  box-sizing: border-box;
  border-radius: 8px;
  transform: translateY(calc(var(--y-direction, 1) * 100%));
  display: flex;
  opacity: 0;
  will-change: transform;
  transition: opacity 200ms ease-out, transform 400ms ease;
  flex-direction: column;
  gap: 16px;
}

.ds-toast[open] {
  opacity: 1;
  transform: translateY(0);
}

.ds-toast .header {
  color: var(--title-color, #1f1f59);
}

.ds-toast .header,
.ds-toast .header form {
  display: flex;
  gap: 8px;
}

.ds-toast .header form {
  align-items: center;
  align-self: flex-start;
}

.ds-toast .header i {
  display: inline-block;
  font-size: 24px;
  width: 24px;
}

.ds-toast .header .title {
  flex: 1;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.ds-toast .header:has(+ .content) .title, .ds-toast .header:has(+ .footer) .title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.ds-toast .header .button-close {
  padding: 0;
}

.ds-toast .content {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  width: auto;
  min-width: auto;
  margin: 0;
  padding: 0;
}

.ds-toast:has(.header .icon) .content {
  padding-left: calc(24px + 8px);
}

.ds-toast .footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.ds-toast[data-x-position="left"] {
  inset-inline-start: 16px;
}

.ds-toast[data-x-position="right"] {
  inset-inline-end: 16px;
}

.ds-toast[data-y-position="top"] {
  inset-block-start: 16px;
  --y-direction: -1;
}

.ds-toast[data-y-position="bottom"] {
  inset-block-end: 16px;
}

.ds-toast[data-type="success"] {
  --title-color: #00831d;
}

.ds-toast[data-type="error"] {
  --title-color: #d40d0f;
}

.ds-toast[data-type="warning"] {
  --title-color: #d34204;
}

.ds-toast[data-type="caution"] {
  --title-color: #cb9f00;
}

.ds-toast[data-type="info"] {
  --title-color: #005b88;
}

.ds-toast[data-type="basic"] {
  --title-color: #1f1f59;
}

.ds-toast[data-y-position="top"][data-x-position="left"][open]:has(~ [data-y-position="top"][data-x-position="left"][open]) {
  transform: translateY(calc(var(--y-direction, 1) * -1 * 12px)) scale(0.95);
}

.ds-toast[data-y-position="top"][data-x-position="left"][open]:has(~ [data-y-position="top"][data-x-position="left"][open] ~ [data-y-position="top"][data-x-position="left"][open]) {
  transform: translateY(calc(var(--y-direction, 1) * -2 * 12px)) scale(0.9);
}

.ds-toast[data-y-position="top"][data-x-position="left"][open]:has(~ [data-y-position="top"][data-x-position="left"][open] ~ [data-y-position="top"][data-x-position="left"][open] ~ [data-y-position="top"][data-x-position="left"][open]) {
  opacity: 0;
}

.ds-toast[data-y-position="top"][data-x-position="right"][open]:has(~ [data-y-position="top"][data-x-position="right"][open]) {
  transform: translateY(calc(var(--y-direction, 1) * -1 * 12px)) scale(0.95);
}

.ds-toast[data-y-position="top"][data-x-position="right"][open]:has(~ [data-y-position="top"][data-x-position="right"][open] ~ [data-y-position="top"][data-x-position="right"][open]) {
  transform: translateY(calc(var(--y-direction, 1) * -2 * 12px)) scale(0.9);
}

.ds-toast[data-y-position="top"][data-x-position="right"][open]:has(~ [data-y-position="top"][data-x-position="right"][open] ~ [data-y-position="top"][data-x-position="right"][open] ~ [data-y-position="top"][data-x-position="right"][open]) {
  opacity: 0;
}

.ds-toast[data-y-position="bottom"][data-x-position="left"][open]:has(~ [data-y-position="bottom"][data-x-position="left"][open]) {
  transform: translateY(calc(var(--y-direction, 1) * -1 * 12px)) scale(0.95);
}

.ds-toast[data-y-position="bottom"][data-x-position="left"][open]:has(~ [data-y-position="bottom"][data-x-position="left"][open] ~ [data-y-position="bottom"][data-x-position="left"][open]) {
  transform: translateY(calc(var(--y-direction, 1) * -2 * 12px)) scale(0.9);
}

.ds-toast[data-y-position="bottom"][data-x-position="left"][open]:has(~ [data-y-position="bottom"][data-x-position="left"][open] ~ [data-y-position="bottom"][data-x-position="left"][open] ~ [data-y-position="bottom"][data-x-position="left"][open]) {
  opacity: 0;
}

.ds-toast[data-y-position="bottom"][data-x-position="right"][open]:has(~ [data-y-position="bottom"][data-x-position="right"][open]) {
  transform: translateY(calc(var(--y-direction, 1) * -1 * 12px)) scale(0.95);
}

.ds-toast[data-y-position="bottom"][data-x-position="right"][open]:has(~ [data-y-position="bottom"][data-x-position="right"][open] ~ [data-y-position="bottom"][data-x-position="right"][open]) {
  transform: translateY(calc(var(--y-direction, 1) * -2 * 12px)) scale(0.9);
}

.ds-toast[data-y-position="bottom"][data-x-position="right"][open]:has(~ [data-y-position="bottom"][data-x-position="right"][open] ~ [data-y-position="bottom"][data-x-position="right"][open] ~ [data-y-position="bottom"][data-x-position="right"][open]) {
  opacity: 0;
}

.ds-table {
  width: 100%;
  border: 1px hidden #b0b0cd;
  border-radius: 8px;
  outline: 1px solid #b0b0cd;
  border-collapse: collapse;
  table-layout: auto;
  background: #ffffff;
  color: #1f1f59;
}

.ds-table thead, .ds-table tr, .ds-table th, .ds-table td {
  vertical-align: middle;
}

.ds-table thead {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.ds-table thead td,
.ds-table thead th {
  padding: 0 12px;
  height: 44px;
  border-color: #b0b0cd;
  text-align: start;
}

.ds-table thead td:has(> i),
.ds-table thead th:has(> i) {
  cursor: pointer;
}

.ds-table thead td > i,
.ds-table thead th > i {
  margin-left: 8px;
}

.ds-table tbody {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.ds-table tbody tr:hover {
  background: #ebebf1;
}

.ds-table tbody tr:active, .ds-table tbody tr.active {
  background: #e4e4ff;
}

.ds-table tbody td {
  padding: 10px 12px;
}

.ds-table tbody td ds-tag {
  margin-inline-end: 1ch;
  text-transform: capitalize;
}

.ds-table tbody td .ds-switch {
  margin: 0;
}

.ds-table th,
.ds-table td {
  border-bottom: 1px solid #d7d7e4;
  white-space: nowrap;
}

.ds-table th:first-child,
.ds-table td:first-child {
  padding-inline-start: calc(20px + 12px);
}

.ds-table th:last-child,
.ds-table td:last-child {
  padding-inline-end: calc(20px + 12px);
}

.ds-table th ds-badge,
.ds-table td ds-badge {
  margin-inline-start: 1ch;
}

.ds-table .ds-checkbox,
.ds-table input.ds-checkbox,
.ds-table input.ds-checkbox[type="checkbox"] {
  display: flex;
}

.ds-scroller {
  overflow-y: auto;
  --scroller-color-track: #d7d7e4;
  --scroller-color-thumb: #7a7aae;
  --scroller-color-thumb-hover: #3f3f82;
  scrollbar-width: thin;
  scrollbar-color: var(--scroller-color-thumb) var(--scroller-color-track);
}

.ds-scroller::-webkit-scrollbar {
  max-height: 8px !important;
  max-width: 8px !important;
}

.ds-scroller::-webkit-scrollbar-thumb, .ds-scroller::-webkit-scrollbar-track {
  background: transparent !important;
  border-radius: 8px !important;
}

.ds-scroller:hover {
  --fix: somethingdoesnotexist;
  /* This custom property invalidates styles on hover, thereby enforcing a style recomputation. This is needed to work around a bug in Safari. */
}

.ds-scroller:hover::-webkit-scrollbar-thumb {
  background: var(--scroller-color-thumb) !important;
  border: 2px solid var(--scroller-color-track) !important;
}

.ds-scroller:hover::-webkit-scrollbar-thumb:hover {
  background: var(--scroller-color-thumb-hover) !important;
}

.ds-scroller:hover::-webkit-scrollbar-track {
  background: var(--scroller-color-track) !important;
}

.ds-scroller.ds-scroller--solid:hover::-webkit-scrollbar-thumb {
  border: none !important;
}

.ds-scroller.ds-scroller--solid:hover::-webkit-scrollbar-track {
  background: transparent !important;
}

.ds-scroller.ds-scroller--x, .ds-scroller.ds-scroller--horizontal {
  overflow-y: auto;
  overflow-x: auto;
}

.login-register {
  background-color: #ffffff;
  margin: 0;
  width: 100%;
  height: 100%;
}

.login-register aside {
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.login-register aside figure {
  height: 100%;
}

.login-register aside figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.login-register input:-webkit-autofill, .login-register input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #ffffff inset;
  -webkit-text-fill-color: #343476;
}

.login-register .form-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.login-register .form-field {
  text-align: start;
  width: 100%;
}

.login-register .form-field.checkbox-remember {
  display: none;
}

.login-register .form-field .ds-input {
  width: 100%;
}

.login-register .form-field ds-dropdown {
  z-index: unset;
  width: 100%;
}

.login-register .form-field .institution {
  display: none;
}

.login-register article {
  background: #ffffff;
  z-index: 1;
  flex: 1;
  padding: 48px;
  max-width: 380px;
  max-height: 80vh;
  border-radius: 12px;
  box-shadow: 0 15px 22px -6px rgba(9, 9, 45, 0.18), 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

.login-register article .article-inner-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.login-register article .article-inner-wrapper, .login-register article .article-inner-wrapper > * {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}

.login-register article .article-inner-wrapper h1 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
  font-weight: 500;
  color: #09092d;
  text-align: start;
  margin: 0;
  margin-bottom: 4px;
  white-space: pre;
  text-wrap: auto;
}

.login-register article .article-inner-wrapper .js-form-feedback {
  width: 100%;
}

.login-register article .article-inner-wrapper .js-form-feedback:empty {
  display: none;
}

.login-register article .article-inner-wrapper .ds-link {
  color: #3535cd;
}

.login-register article .article-inner-wrapper .ds-link::after {
  content: none;
}

.login-register article .article-inner-wrapper .forgot-password {
  margin-top: 8px;
}

.login-register article .article-inner-wrapper .ds-button {
  width: 100%;
}

.login-register article .article-inner-wrapper .login-providers {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.login-register article .article-inner-wrapper .login-option-appendix {
  gap: 8px;
}

.login-register article .toggle-form {
  width: 100%;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #1f1f59;
  text-align: center;
}

.login-register .welcome-text img {
  height: 28px;
}

.login-register .welcome-text figcaption {
  color: #343476;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  line-height: 24px;
}

.login-register .status {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  text-align: start;
}

.login-register .status::before {
  float: left;
  letter-spacing: 1ch;
  font-family: "Font Awesome 7 Pro";
  font-size: 14px;
}

.login-register .status.submission-error {
  color: #f22f31;
}

.login-register .status.submission-error::before {
  content: "\f06a";
}

.login-register .status.submission-success {
  color: #23ab41;
}

.login-register .status.submission-success::before {
  content: "\f00c";
}

.login-register .status .message-title {
  display: none;
}

@media (max-width: 576px) {
  .login-register aside figure img {
    display: none;
  }
  .login-register article {
    box-shadow: none;
    padding: 40px 48px 56px;
    max-height: max-content;
  }
  .login-register .form-wrapper {
    height: max-content;
  }
  .login-register .article-inner-wrapper {
    padding-bottom: 56px;
  }
}

@media (min-width: 577px) {
  .login-register article {
    overflow-y: auto;
  }
}

.logo-motto-and-toggle-form {
  z-index: 111;
  position: absolute;
  top: 40px;
  left: 40px;
  width: max-content;
}

.logo-motto-and-toggle-form .brand-logo {
  height: 32px;
}

.logo-motto-and-toggle-form .brand-logo--light {
  display: none;
}

@media (max-width: 576px) {
  .logo-motto-and-toggle-form {
    position: relative;
    top: 0;
    margin-top: 40px;
    left: 48px;
  }
  .logo-motto-and-toggle-form .brand-logo {
    display: none;
  }
  .logo-motto-and-toggle-form .brand-logo.brand-logo--light {
    display: block;
  }
}

.copyright-footer {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #ffffff;
}

@media (max-width: 576px) {
  .copyright-footer {
    z-index: 1;
    color: #6767a5;
    position: relative;
  }
}

[class*="view-"] .modal-window {
  z-index: 1000;
  box-sizing: border-box;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 25%;
  box-shadow: 0 8px 15px -4px rgba(9, 9, 45, 0.13);
  background-color: #ffffff;
  border-radius: 4px;
  padding: 0;
  text-align: left;
}

[class*="view-"] .modal-window .modal-header {
  border-bottom: 1px solid #e7e7e7;
}

[class*="view-"] .modal-window .modal-header .title {
  font-weight: 500;
  margin: 0;
  color: #09092d;
}

[class*="view-"] .modal-window .modal-content {
  position: relative;
  background-color: #ffffff;
  padding: 4%;
}

[class*="view-"] .modal-window .modal-actions {
  text-align: right;
  border-top: 1px solid #e7e7e7;
}

[class*="view-"] .modal-window .modal-actions .action-item {
  line-height: 20px;
  display: inline-block;
  margin-inline-end: var(--fds-global-space-sm);
}

[class*="view-"] .modal-window .modal-actions .action-item:last-child {
  margin-inline-end: 0;
}

[class*="view-"] .modal-window .modal-header, [class*="view-"] .modal-window .modal-actions {
  padding: 13.33333px 4%;
}

[class*="view-"] .modal-window-overlay {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #09092d;
  opacity: 0.3;
}

[class*="view-"] .modal-sm {
  width: 30%;
  left: 35%;
  top: 35%;
  min-width: 300px;
}

[class*="view-"] .modal-med {
  width: 40%;
  left: 30%;
  top: 30%;
  min-width: 360px;
}

[class*="view-"] .modal-lg {
  width: 70%;
  left: 15%;
  top: 15%;
  min-width: 550px;
  height: auto;
}

[class*="view-"] .modal-lg .modal-content {
  padding: 20px;
}

[class*="view-"] .modal-lg .modal-header, [class*="view-"] .modal-lg .modal-actions {
  padding: 10px 20px;
}

.wrapper-account-settings {
  background-color: #fafafa;
}

.wrapper-account-settings .account-settings-container {
  max-width: none;
  padding: 0;
  margin: 0 auto 0 0;
}

.wrapper-account-settings .account-settings-container .wrapper-header {
  border-bottom: 0 none;
  height: auto;
  padding-bottom: 0;
  background-size: cover;
  background-position: 0 center;
  max-width: none;
}

.wrapper-account-settings .account-settings-container .wrapper-header .banner {
  position: relative;
  flex: 100%;
  height: 150px;
  background-image: url("/static/hawthorn/images/dashboard-illustration.cbb1d3a9e3b2.jpg");
  background-size: cover;
  background-position: center center;
  height: auto;
}

.wrapper-account-settings .account-settings-container .wrapper-header .banner::before {
  background: #09092d;
  opacity: 0.7;
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.wrapper-account-settings .account-settings-container .wrapper-header .banner h2 {
  font-weight: 600;
  font-size: 36px;
  color: #ffffff;
}

.wrapper-account-settings .account-settings-container .wrapper-header .banner .welcome-wrapper {
  padding: 50px 60px 20px 60px;
  position: relative;
}

@media (max-width: 992px) {
  .wrapper-account-settings .account-settings-container .wrapper-header .banner .welcome-wrapper {
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  .wrapper-account-settings .account-settings-container .wrapper-header .banner .welcome-wrapper {
    padding-left: 20px;
  }
}

.wrapper-account-settings .account-settings-container .wrapper-header .banner .welcome-wrapper h3 {
  font-weight: 300;
  font-size: 16px;
  color: #ffffff;
}

@media (max-width: 992px) {
  .wrapper-account-settings .account-settings-container .wrapper-header .banner {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .wrapper-account-settings .account-settings-container .wrapper-header .banner {
    margin-bottom: 0;
  }
}

.wrapper-account-settings .account-settings-container .wrapper-header .header-title {
  padding: 50px 5px 0 80px;
}

@media (max-width: 768px) {
  .wrapper-account-settings .account-settings-container .wrapper-header .header-title {
    padding: 0;
    text-align: center;
  }
}

.wrapper-account-settings .account-settings-container .wrapper-header .account-nav {
  display: none;
}

.wrapper-account-settings .account-settings-container .wrapper-header .account-nav button {
  font-weight: 500;
  border-bottom: 0;
  position: relative;
}

.wrapper-account-settings .account-settings-container .wrapper-header .account-nav button:hover, .wrapper-account-settings .account-settings-container .wrapper-header .account-nav button:focus, .wrapper-account-settings .account-settings-container .wrapper-header .account-nav button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  position: relative;
  border-bottom: 0;
  outline: initial;
}

.wrapper-account-settings .account-settings-container .wrapper-header .account-nav button:hover:after, .wrapper-account-settings .account-settings-container .wrapper-header .account-nav button:focus:after, .wrapper-account-settings .account-settings-container .wrapper-header .account-nav button.active:after {
  content: '';
  position: absolute;
  background-color: #5959eb;
  bottom: 0;
  right: 20px;
  left: 20px;
  height: 5px;
  border-radius: 2px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections {
  max-width: inherit;
  padding: inherit;
  margin: inherit;
  background-color: #f3f3f7;
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button {
  border-radius: var(--fds-global-border-radius-md);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
  color: var(--fds-global-color-neutral-0);
  --background-color: #5959eb;
  --hover-background-color: #3535cd;
  --active-background-color: #1717ab;
  background-color: var(--background-color);
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button, .wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button:not(:disabled), .wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button:active, .wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button:active:not(:disabled), .wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button:focus, .wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button:focus:not(:disabled), .wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button:hover, .wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button:hover:not(:disabled) {
  border: none;
  outline: none;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button:disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button:hover, .wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button:not(:disabled):hover {
  background-color: var(--hover-background-color);
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button:active, .wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button:not(:disabled):active {
  background-color: var(--active-background-color);
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button:disabled {
  background-color: var(--fds-global-color-neutral-10) !important;
  color: var(--fds-global-color-neutral-50) !important;
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button--text {
  color: #3535cd;
  --background-color: transparent;
  --hover-background-color: #ccccff;
  --active-background-color: #b1b1ff;
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button--fds {
  color: var(--fds-global-color-neutral-0);
  --background-color: var(--fds-global-color-primary-40);
  --hover-background-color: var(--fds-global-color-primary-50);
  --active-background-color: var(--fds-global-color-primary-60);
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button--fds.ds-button--text {
  color: var(--fds-global-color-primary-50);
  --background-color: transparent;
  --hover-background-color: var(--fds-global-color-primary-5);
  --active-background-color: var(--fds-global-color-primary-10);
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button--neutral {
  color: var(--fds-global-color-neutral-140);
  --background-color: var(--fds-global-color-neutral-10);
  --hover-background-color: var(--fds-global-color-neutral-20);
  --active-background-color: var(--fds-global-color-neutral-30);
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button--neutral.ds-button--text {
  --background-color: transparent;
  --hover-background-color: var(--fds-global-color-neutral-10);
  --active-background-color: var(--fds-global-color-neutral-20);
}

.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group {
  display: flex;
  flex-wrap: nowrap;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group .ds-button {
  position: relative;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group .ds-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group .ds-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group .ds-button:not(:last-child)::after {
  content: "";
  z-index: 1;
  display: block;
  position: absolute;
  top: var(--fds-global-space-xxs);
  bottom: var(--fds-global-space-xxs);
  right: 0;
  width: 1px;
  transform: translate(50%);
  background-color: var(--fds-global-color-neutral-10);
}

.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group--disabled {
  cursor: not-allowed;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group--disabled .ds-button {
  pointer-events: none;
  background-color: var(--fds-global-color-neutral-10) !important;
  color: var(--fds-global-color-neutral-50) !important;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group--disabled .ds-button:not(:last-child)::after {
  background-color: var(--fds-global-color-neutral-40);
}

.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group--neutral .ds-button {
  color: var(--fds-global-color-neutral-140);
  --background-color: var(--fds-global-color-neutral-10);
  --hover-background-color: var(--fds-global-color-neutral-20);
  --active-background-color: var(--fds-global-color-neutral-30);
}

.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group--neutral .ds-button:not(:last-child)::after {
  background-color: var(--fds-global-color-neutral-40);
}

.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button,
.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button--md,
.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button--medium,
.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group .ds-button,
.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group--md .ds-button,
.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group--medium .ds-button {
  --padding-block: var(--fds-global-space-xs);
  --padding-inline: var(--fds-global-space-md);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  padding: var(--padding-block) var(--padding-inline);
  gap: var(--fds-global-space-xs);
}

.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button--sm,
.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button--small,
.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group--sm .ds-button,
.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group--small .ds-button {
  --padding-block: var(--fds-global-space-xxs);
  --padding-inline: var(--fds-global-space-xs);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  gap: var(--fds-global-space-xxs);
}

.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button--lg,
.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button--large,
.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group--lg .ds-button,
.wrapper-account-settings .account-settings-container .account-settings-sections .ds-button-group--large .ds-button {
  --padding-block: var(--fds-global-space-xs);
  --padding-inline: var(--fds-global-space-md);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  gap: var(--fds-global-space-sm);
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button.ds-button--icon, .wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button.ds-button--icon.ds-button--md, .wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button.ds-button--icon.ds-button--medium {
  --icon-size: var(--fds-global-space-lg);
  --padding-inline: var(--padding-block);
  font-size: var(--icon-size);
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button.ds-button--icon.ds-button--sm, .wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button.ds-button--icon.ds-button--small {
  --icon-size: var(--fds-global-space-md);
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button.ds-button--icon.ds-button--lg, .wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button.ds-button--icon.ds-button--large {
  --icon-size: 28px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button.ds-button--icon i[class^="fa"],
.wrapper-account-settings .account-settings-container .account-settings-sections button.ds-button.ds-button--icon i[class*=" fa"] {
  font-size: var(--icon-size);
  inline-size: var(--icon-size);
}

.wrapper-account-settings .account-settings-container .account-settings-sections ds-dropdown {
  width: 100%;
  z-index: auto;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .paragon__alert-danger {
  display: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .modal-alert {
  display: flex;
  gap: 8px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .modal-alert .alert-content .alert-title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #00476a;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .modal-alert .icon-wrapper {
  font-size: 24px;
  line-height: 1;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section {
  background-color: transparent;
  float: left;
  margin: 0px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section.cancel-save {
  float: right;
  display: flex;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section.cancel-save .account-settings-section-body {
  display: inherit;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section.cancel-save .u-field-title.field-label {
  display: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section.cancel-save .u-field.u-field-button.u-field-cancel {
  font-size: 12px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section.cancel-save .account-settings-section-body.aboutTabSections-section-body {
  column-gap: 8px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section.cancel-save .account-settings-section-body.aboutTabSections-section-body button {
  display: block;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section.cancel-save .account-settings-section-body.aboutTabSections-section-body .u-field-message {
  display: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section.delete-my-account .account-deletion-details {
  line-height: 16px;
  color: #4c4c8e;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section.delete-my-account .account-deletion-details p {
  margin-top: 16px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section.delete-my-account .account-deletion-details #delete-account-btn {
  float: right;
  margin-top: 8px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section.delete-my-account .account-deletion-details b.account-settings-header-subtitle {
  font-size: 12px;
  font-weight: 700;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section.delete-my-account .account-deletion-details .line {
  border: none;
  border-bottom: 1px solid #d7d7e4;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section.delete-my-account.active + .ds-divider,
.wrapper-account-settings .account-settings-container .account-settings-sections .section.delete-my-account.active ~ .cancel-save {
  display: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section h3.section-header {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
  text-align: left;
  padding-top: 0px;
  margin-bottom: 12px;
  color: #09092d;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section p.account-settings-header-subtitle {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field {
  border-bottom: 0 none;
  padding: 0;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field label.ds-input:has(input:disabled) input {
  border-color: #d7d7e4;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field label.ds-input:has(input:disabled) input:hover, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field label.ds-input:has(input:disabled) input:active {
  border-color: #d7d7e4;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.u-field-password {
  display: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.u-field-lt_gdpr, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.u-field-lt_is_tos_agreed {
  display: none !important;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field label.ds-input {
  width: 100%;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field label.ds-input input {
  border: 1px solid #b0b0cd;
  background: transparent;
  border-radius: 5px;
  padding: 8px 12px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field label.ds-input input:focus {
  box-shadow: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field label.ds-input input:hover {
  border-color: #6767a5;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field label.ds-input input:active {
  border-color: #5959eb;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field label.ds-input input + span {
  display: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field {
  width: 100%;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field select {
  padding-top: 0;
  padding-bottom: 0;
  z-index: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field select ~ .icon-caret-down {
  display: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-label {
  margin-bottom: 16px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field.checkbox {
  display: flex;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input {
  font-size: 14px;
  background-color: transparent !important;
  background-image: none !important;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  color: #cecece;
  border-bottom: 1px solid #dcdcdc;
  outline: initial;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input:focus, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input:hover {
  color: #09092d;
  border-bottom: 1px solid #5959eb;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox {
  height: auto;
  width: auto;
  display: flex;
  visibility: hidden;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox + span, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox + span:before, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox:checked + span:before, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox:checked + label:before {
  content: "";
  color: #5959eb;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox[disabled] + span:before, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox[disabled] + label:before, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox.disabled + span:before, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox.disabled + label:before, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox:disabled + span:before, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox:disabled + label:before, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox.is-disabled + span:before, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox.is-disabled + label:before {
  color: #4c4c8e;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox + label {
  font-size: 12px !important;
  font-weight: 400;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .field-input.checkbox + label:before {
  font-size: 16px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-link:hover {
  background-color: transparent;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field label.u-field-title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
  width: initial;
  text-transform: none;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field span.u-field-title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
  width: initial;
  text-transform: none;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field input.field-input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #b0b0cd;
  border-radius: 5px;
  height: 36px;
  width: 100%;
  outline: 0;
  margin-bottom: 3px;
  padding-left: 16px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #4c4c8e !important;
  vertical-align: middle;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field input.field-input:hover {
  border: 1px solid #b0b0cd;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  width: 100%;
  background-color: #ffffff !important;
  outline: 0;
  margin-bottom: 3px;
  padding-left: 16px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #4c4c8e !important;
  vertical-align: middle;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field input.field-input:focus {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #b0b0cd;
  border-radius: 5px;
  height: 36px;
  width: 100%;
  background-color: #ffffff !important;
  outline: 0;
  margin-bottom: 3px;
  padding-left: 16px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #4c4c8e !important;
  vertical-align: middle;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ececec;
  border-radius: 5px;
  height: 36px;
  width: 100%;
  background-color: #ffffff !important;
  outline: 0;
  margin-bottom: 3px;
  padding-left: 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #4c4c8e !important;
  vertical-align: middle;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field span.u-field-value {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ececec;
  border-radius: 5px;
  height: 36px;
  width: 100%;
  outline: 0;
  margin-bottom: 3px;
  padding-left: 16px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #9f9fc1 !important;
  vertical-align: middle;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field span.u-field-value b {
  font-weight: 400;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field input.field-input.warn {
  border-color: #f22f31 !important;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field input.field-input.warn:focus {
  border-color: #f22f31 !important;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field input.field-input.warn:hover {
  border-color: #f22f31 !important;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .input.warn {
  border-color: #f22f31 !important;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field button.u-field-link-title-password {
  font-weight: 700;
  text-align: left;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field button.u-field-link {
  height: 36px;
  border-radius: 5px;
  order: 1;
  padding: 11px 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  border: none;
  cursor: pointer;
  width: 100%;
  text-shadow: none;
  box-shadow: none;
  justify-content: center;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-value-readonly {
  background-color: #cecece !important;
  border: 1px solid #ececec !important;
  padding: 5px 12px 5px 16px;
  display: flex;
  pointer-events: none;
  font-weight: bold;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .field .u-field-value-readonly b {
  margin-top: auto;
  margin-bottom: auto;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .u-field-message {
  padding-top: 0;
  display: block;
  font-size: 16px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .u-field-message .u-field-message-notification .message-success {
  padding-right: 8px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .u-field-message .u-field-message-help {
  color: #09092d;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .u-field-message span.u-field-message-help.display-none {
  display: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .u-field-message span.u-field-message-hel,
.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field .u-field-message span.u-field-message-notification {
  color: #f22f31;
  font-size: 10px;
  font-weight: 400;
  line-height: 13.62px;
  display: flex;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.u-field-dropdown .field .u-field-value {
  display: flex;
  align-items: center;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.u-field-dropdown .u-field-value {
  margin-bottom: 0;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.u-field-dropdown .u-field-value select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1.5' width='1.1' viewBox='0 0 320 512'%3E%3Cpath fill='%23727272' d='M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-color: #4c4c8e;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.u-field-dropdown .u-field-value label.u-field-title.field-label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
  width: initial;
  text-transform: none;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  margin-bottom: 3px !important;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.u-field-dropdown .u-field-value .u-field-title {
  padding: 0;
  line-height: 16.34px;
  text-transform: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.u-field-dropdown .u-field-value .u-field-title, .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.editable-never .wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.mode-display .u-field-value .u-field-title {
  margin-bottom: 10px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.u-field-button.u-field-password.double div.u-field-value {
  display: inline-block;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.u-field-button.u-field-password.double div.u-field-value button#u-field-link-password {
  white-space: nowrap;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.double.grid .u-field-message-help {
  align-items: center;
  color: #09092d;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field:last-child {
  margin-bottom: 0px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-readonly .u-field-title {
  padding-top: 20px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-readonly .field .u-field-value {
  border: 1px solid #d7d7e4 !important;
  padding: 5px 12px 5px 16px;
  display: flex;
  pointer-events: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-readonly .field .u-field-value b {
  margin-top: auto;
  margin-bottom: auto;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-image .u-field-title {
  padding-top: 10px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-image .u-field-message {
  padding-top: 80px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-gdpr {
  display: flex;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-image {
  padding-top: 0;
  padding-bottom: 5px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body button.u-field-image {
  height: 36px;
  border-radius: 5px;
  order: 1;
  padding: 11px 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  border: none;
  cursor: pointer;
  width: 100%;
  text-shadow: none;
  box-shadow: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body button.u-field-link.u-field-link-title-password.red {
  font-weight: 700;
  text-align: left;
  font-size: 10px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body button.red {
  background: #5959eb !important;
  color: #ffffff !important;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body button.grey {
  background: #ebebf1 !important;
  color: #1f1f59 !important;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body button.no-color {
  background: transparent !important;
  color: #4c4c8e !important;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body div.u-field-value {
  width: 100%;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body label.u-field-title.u-field-label {
  margin-bottom: 16px;
  padding: 0;
  line-height: 16.34px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body span.u-field-message {
  width: inherit;
  display: block;
  color: #f22f31;
  font-size: 10px;
  font-weight: 400;
  line-height: 13.62px;
  padding-left: 0;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-value {
  display: block;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-value .wrapper {
  align-items: center;
  display: grid;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-value .wrapper .change-button .u-field-upload-button {
  display: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-value .wrapper .image-wrapper {
  width: 48px;
  padding-right: 16px;
  padding-left: 0;
  margin: auto;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-value .wrapper .image-wrapper .image-frame {
  width: 48px;
  height: 48px;
  margin-top: 0;
  border-radius: 24px;
  filter: drop-shadow(0 4px 10px rgba(114, 114, 114, 0.1));
  border: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-value .wrapper > * {
  display: inline-block;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-value .wrapper .u-field-message {
  padding-top: 0;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field-value .wrapper .u-field-message .u-field-message-help {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.double {
  grid-column: 1/3;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-settings-section-body .u-field.u-field-button.u-field-save {
  font-size: 12px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-deletion-details .btn-outline-primary:hover {
  background-color: transparent;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-deletion-details .paragon__modal-open .paragon__alert-warning {
  color: #00476a;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-deletion-details .paragon__modal-open .next-steps {
  margin-bottom: 10px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-deletion-details .paragon__modal-open .paragon__form-group {
  margin-bottom: 0;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-deletion-details .paragon__modal-open .paragon__form-group .paragon__form-control.paragon__is-invalid {
  border-color: #f22f31;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-deletion-details .paragon__modal-open .paragon__form-group .paragon__invalid-feedback {
  color: #f22f31;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-deletion-details .paragon__modal-open .paragon__form-group .paragon__invalid-feedback .paragon__fa {
  display: none;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-deletion-details .paragon__modal-open .paragon__modal-body label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-deletion-details .paragon__modal-open .paragon__modal-body input {
  width: 100%;
  box-shadow: none;
  border: 1px solid #b0b0cd;
  border-radius: 4px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section .account-deletion-details .delete-confirmation-wrapper .paragon__modal-footer button.paragon__btn-outline-primary {
  background-color: transparent;
  box-shadow: none;
  padding: 0px;
  order: -1;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .section-title-menu.only-mobile {
  pointer-events: initial;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu {
  min-width: fit-content;
  padding-top: 12px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu ul {
  list-style-type: none;
  box-sizing: border-box;
  margin-block-start: 0;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu ul.opened {
  pointer-events: initial;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu ul li {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #1f1f59;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu ul li .icon {
  font-size: 24px;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-tabpanels {
  display: flex;
}

.wrapper-account-settings .account-settings-container .account-settings-sections .line {
  border: 1px solid #ececec;
  display: flex;
}

@media (min-width: 769px) {
  .account-settings-container .account-settings-sections .sections {
    flex-grow: 1;
    padding: 2%;
  }
  .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body.aboutTabSections-section-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    row-gap: 24px;
    padding-top: 8px;
  }
  .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field.u-field-dropdown .u-field-value .u-field-title {
    margin-bottom: 16px !important;
  }
  .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field.u-field-button.double.grid {
    display: grid;
    grid-template-columns: 0.1fr 0.1fr 1.8fr;
    column-gap: 12px;
    align-items: center;
  }
  .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field.double.grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    align-items: center;
  }
  .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field.double.grid.u-field-social_links .u-field-message-help, .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field.double.grid.u-field-password .u-field-message-help {
    padding-top: 32px;
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
  .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field .field label.u-field-title {
    display: none;
  }
  .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field .field span.u-field-title {
    margin-bottom: 0px !important;
  }
  .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field .u-field-value .wrapper {
    grid-template-columns: auto auto auto auto;
    column-gap: 8px;
  }
  .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field .u-field-value .wrapper .u-field-message {
    padding-left: 16px;
    padding-top: inherit;
  }
  .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field .u-field-message #u-field-help-message-time_zone,
.account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field .u-field-message #u-field-message-help-social_links_linkedin,
.account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field .u-field-message #u-field-message-help-social_links_facebook,
.account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field .u-field-message #u-field-message-help-social_links_twitter {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
  .account-settings-container .account-settings-sections .sections .section-body .section.cancel-save .account-settings-section-body.aboutTabSections-section-body {
    display: inherit;
    gap: 8px;
  }
  .account-settings-container .account-settings-sections .account-settings-tabpanels .account-settings-leftside-menu {
    background: #ffffff;
    border-right: 1px solid #d7d7e4;
  }
  .account-settings-container .account-settings-sections .account-settings-tabpanels .account-settings-leftside-menu ul {
    width: inherit;
    box-shadow: none;
    background: #ffffff;
  }
  .account-settings-container .account-settings-sections .account-settings-tabpanels .account-settings-leftside-menu ul li {
    padding: 12px;
    background: #ffffff;
    cursor: pointer;
    font-weight: 500;
  }
  .account-settings-container .account-settings-sections .account-settings-tabpanels .account-settings-leftside-menu ul li.active {
    font-weight: 600;
  }
  .account-settings-container .account-settings-sections .account-settings-tabpanels .account-settings-leftside-menu .only-mobile {
    display: none;
  }
}

@media (max-width: 768px) {
  .wrapper-account-settings .account-settings-container .wrapper-header .welcome-wrapper h2.header-title {
    font-size: 25px;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections {
    width: 100%;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body {
    padding: 16px;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section {
    padding-bottom: 24px;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field {
    margin-bottom: 16px;
    margin-top: 16px;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field.u-field-button.double.grid {
    display: inherit;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field.u-field-button.u-field-password span.u-field-message {
    margin-top: 9px;
    padding-top: 0;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field.double.grid {
    display: inherit;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field.double.grid select {
    margin-bottom: 0;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field .account-settings-section-body.aboutTabSections-section-body {
    display: inherit;
    padding-top: 6px;
    padding-bottom: 0;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field.u-field-dropdown .u-field-value .u-field-title {
    margin-bottom: 10px;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field.u-field-dropdown .u-field-message-help {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.01em;
    text-indent: 0px;
    color: #9f9fc1;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field .field label.u-field-title {
    margin-bottom: 10px;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field .field span.u-field-title {
    margin-bottom: 10px;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field .u-field-value .wrapper {
    grid-template-columns: min-content min-content auto;
    row-gap: 8px;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field .u-field-value .wrapper .u-field-message {
    grid-column: 1/4;
    padding-left: 0;
    margin-top: 0;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section .account-settings-section-body .u-field .u-field-value .wrapper button {
    width: min-content;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section.cancel-save .account-settings-section-body .u-field {
    margin: 0;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section.cancel-save .account-settings-section-body .u-field-message {
    display: none;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .sections .section-body .section p.account-settings-header-subtitle:first-child {
    margin-top: 24px;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu {
    pointer-events: none;
    height: 100%;
    width: 100vw;
    position: absolute;
    z-index: 1;
    top: 162px;
    left: 0;
    padding-top: 0;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu ul {
    transition: opacity 0.1s ease, transform 0.5s ease;
    width: calc(100vw - 40px);
    margin: 4px auto;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu ul.opened {
    opacity: 1;
    transform: translateY(0);
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu ul.closed {
    opacity: 0;
    transform: translateY(-10%);
    pointer-events: none;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu ul li {
    overflow-x: hidden;
    white-space: inherit;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu ul li .icon {
    display: none;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu .section-title-menu.only-mobile {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0em;
    text-indent: 0px;
    background: #ffffff;
    padding: 16px;
    overflow: hidden;
    white-space: nowrap;
    border-bottom: 1px solid #d7d7e4;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu .section-title-menu.only-mobile i {
    font-size: 16px;
    line-height: 1;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu .section-title-menu.only-mobile * {
    display: inline-block;
  }
  .wrapper-account-settings .account-settings-container .account-settings-sections .account-settings-leftside-menu .section-title-menu.only-mobile p {
    margin-left: 4px;
  }
}

.main-container {
  max-width: 100%;
}

.error-page {
  display: flex;
  font-size: 14px;
}

.error-page article {
  flex: 0.56;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  overflow-y: auto;
  height: 100vh;
  min-width: 500px;
}

.error-page article > * {
  max-width: 60%;
  text-align: center;
}

.error-page article .container, .error-page article section.outside-app, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy, .error-page article .view-profile .wrapper-profile-sections, .view-profile .error-page article .wrapper-profile-sections {
  display: flex;
  flex-direction: column;
  width: 465px;
  min-width: unset;
  height: 440px;
  align-items: center;
  padding: 0;
  gap: 24px;
}

.error-page article .container h1, .error-page article section.outside-app h1, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy h1, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy h1, .error-page article .view-profile .wrapper-profile-sections h1, .view-profile .error-page article .wrapper-profile-sections h1 {
  color: #09092d;
  padding-bottom: 80px;
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  color: #09092d;
  padding: 0;
}

.error-page article .container h1 em, .error-page article section.outside-app h1 em, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy h1 em, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy h1 em, .error-page article .view-profile .wrapper-profile-sections h1 em, .view-profile .error-page article .wrapper-profile-sections h1 em {
  font-style: normal;
}

.error-page article .container p, .error-page article section.outside-app p, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy p, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy p, .error-page article .view-profile .wrapper-profile-sections p, .view-profile .error-page article .wrapper-profile-sections p {
  padding-bottom: 50px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #1f1f59;
  padding: 0;
}

.error-page article .container p a, .error-page article section.outside-app p a, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy p a, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy p a, .error-page article .view-profile .wrapper-profile-sections p a, .view-profile .error-page article .wrapper-profile-sections p a {
  text-decoration: underline;
}

.error-page article .container form, .error-page article section.outside-app form, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form, .error-page article .view-profile .wrapper-profile-sections form, .view-profile .error-page article .wrapper-profile-sections form {
  border: none;
  background-color: transparent;
  box-shadow: none;
  flex: 0.9;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.error-page article .container form figure, .error-page article section.outside-app form figure, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form figure, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form figure, .error-page article .view-profile .wrapper-profile-sections form figure, .view-profile .error-page article .wrapper-profile-sections form figure {
  padding-bottom: 40px;
}

.error-page article .container form figure img, .error-page article section.outside-app form figure img, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form figure img, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form figure img, .error-page article .view-profile .wrapper-profile-sections form figure img, .view-profile .error-page article .wrapper-profile-sections form figure img {
  max-width: 21rem;
}

.error-page article .container form figure figcaption, .error-page article section.outside-app form figure figcaption, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form figure figcaption, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form figure figcaption, .error-page article .view-profile .wrapper-profile-sections form figure figcaption, .view-profile .error-page article .wrapper-profile-sections form figure figcaption {
  color: #4c4c8e;
  font-size: 14px;
  font-weight: 300;
}

.error-page article .container form .list-input .field label, .error-page article section.outside-app form .list-input .field label, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form .list-input .field label, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form .list-input .field label, .error-page article .view-profile .wrapper-profile-sections form .list-input .field label, .view-profile .error-page article .wrapper-profile-sections form .list-input .field label {
  text-transform: uppercase;
  text-align: left;
}

.error-page article .container form .list-input .field input, .error-page article section.outside-app form .list-input .field input, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form .list-input .field input, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form .list-input .field input, .error-page article .view-profile .wrapper-profile-sections form .list-input .field input, .view-profile .error-page article .wrapper-profile-sections form .list-input .field input {
  font-size: 14px;
  background-color: transparent !important;
  background-image: none !important;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid rgba(89, 89, 235, 0.25);
}

.error-page article .container form .form-actions, .error-page article section.outside-app form .form-actions, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form .form-actions, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form .form-actions, .error-page article .view-profile .wrapper-profile-sections form .form-actions, .view-profile .error-page article .wrapper-profile-sections form .form-actions {
  text-align: center;
  padding-bottom: 3px;
}

.error-page article .container form .form-actions .action-primary, .error-page article section.outside-app form .form-actions .action-primary, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form .form-actions .action-primary, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form .form-actions .action-primary, .error-page article .view-profile .wrapper-profile-sections form .form-actions .action-primary, .view-profile .error-page article .wrapper-profile-sections form .form-actions .action-primary {
  background-image: none;
  border: 0;
  border-radius: 10px;
  width: auto;
  font-size: 14px;
  padding: 12px 25px;
  display: inline-block;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  text-transform: none;
}

.error-page article .container form .form-actions .action-primary:visited, .error-page article section.outside-app form .form-actions .action-primary:visited, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form .form-actions .action-primary:visited, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form .form-actions .action-primary:visited, .error-page article .view-profile .wrapper-profile-sections form .form-actions .action-primary:visited, .view-profile .error-page article .wrapper-profile-sections form .form-actions .action-primary:visited, .error-page article .container form .form-actions .action-primary:focus, .error-page article section.outside-app form .form-actions .action-primary:focus, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form .form-actions .action-primary:focus, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form .form-actions .action-primary:focus, .error-page article .view-profile .wrapper-profile-sections form .form-actions .action-primary:focus, .view-profile .error-page article .wrapper-profile-sections form .form-actions .action-primary:focus, .error-page article .container form .form-actions .action-primary:hover, .error-page article section.outside-app form .form-actions .action-primary:hover, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form .form-actions .action-primary:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form .form-actions .action-primary:hover, .error-page article .view-profile .wrapper-profile-sections form .form-actions .action-primary:hover, .view-profile .error-page article .wrapper-profile-sections form .form-actions .action-primary:hover, .error-page article .container form .form-actions .action-primary:active, .error-page article section.outside-app form .form-actions .action-primary:active, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form .form-actions .action-primary:active, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form .form-actions .action-primary:active, .error-page article .view-profile .wrapper-profile-sections form .form-actions .action-primary:active, .view-profile .error-page article .wrapper-profile-sections form .form-actions .action-primary:active {
  background-color: #ffffff;
  color: #09092d;
}

.error-page article .container form .form-actions .action-primary.disabled, .error-page article section.outside-app form .form-actions .action-primary.disabled, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form .form-actions .action-primary.disabled, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form .form-actions .action-primary.disabled, .error-page article .view-profile .wrapper-profile-sections form .form-actions .action-primary.disabled, .view-profile .error-page article .wrapper-profile-sections form .form-actions .action-primary.disabled, .error-page article .container form .form-actions .action-primary.is-disabled, .error-page article section.outside-app form .form-actions .action-primary.is-disabled, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy form .form-actions .action-primary.is-disabled, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy form .form-actions .action-primary.is-disabled, .error-page article .view-profile .wrapper-profile-sections form .form-actions .action-primary.is-disabled, .view-profile .error-page article .wrapper-profile-sections form .form-actions .action-primary.is-disabled {
  border: 0 !important;
  background: #ffffff !important;
  border-radius: 10px !important;
  color: #09092d !important;
}

.error-page article .container section, .error-page article section.outside-app section, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy section, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy section, .error-page article .view-profile .wrapper-profile-sections section, .view-profile .error-page article .wrapper-profile-sections section {
  flex: 0.1;
  display: flex;
  align-items: center;
}

.error-page article .container section a, .error-page article section.outside-app section a, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy section a, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy section a, .error-page article .view-profile .wrapper-profile-sections section a, .view-profile .error-page article .wrapper-profile-sections section a {
  padding: 10px 20px;
}

.error-page article .container #back-to-dashboard, .error-page article section.outside-app #back-to-dashboard, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy #back-to-dashboard, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy #back-to-dashboard, .error-page article .view-profile .wrapper-profile-sections #back-to-dashboard, .view-profile .error-page article .wrapper-profile-sections #back-to-dashboard {
  border-radius: 4px;
  padding: 8px 16px;
}

.error-page article .container .instruction-text svg path[fill='#B1B1FF'], .error-page article section.outside-app .instruction-text svg path[fill='#B1B1FF'], .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instruction-text svg path[fill='#B1B1FF'], .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .instruction-text svg path[fill='#B1B1FF'], .error-page article .view-profile .wrapper-profile-sections .instruction-text svg path[fill='#B1B1FF'], .view-profile .error-page article .wrapper-profile-sections .instruction-text svg path[fill='#B1B1FF'] {
  fill: #b1b1ff;
}

section.outside-app a:not(.btn) {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
}

section.outside-app a:not(.btn):hover, section.outside-app a:not(.btn):active, section.outside-app a:not(.btn):focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

section.outside-app h1 {
  color: #5959eb;
}

section.outside-app figure figcaption {
  font-weight: 700;
  padding-bottom: 30px;
}

section.outside-app figure img {
  width: 250px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.search-bar-filter {
  display: flex;
  margin-bottom: 20px;
}

.search-bar-filter .ds-search {
  width: 100%;
}

.search-bar-filter .ds-search input {
  width: 100%;
}

.select-all-notice {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 20px 0px 20px 0px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  min-height: 52px;
  padding: 8px 16px 8px 16px;
  border-radius: 8px;
  color: #00476a;
  font-size: 14px;
}

@media (max-width: 768px) {
  .select-all-notice {
    flex-direction: column;
  }
}

.select-all-notice .message {
  display: flex;
  align-items: center;
  gap: 10px;
}

.select-all-notice .message .fa {
  margin-right: 10px;
}

.select-all-notice .actions {
  cursor: pointer;
}

@media (max-width: 768px) {
  .select-all-notice .actions {
    width: 100%;
    text-align: right;
    margin-top: 5px;
  }
}

.select-all-notice .actions a {
  padding-left: 10px;
}

.select-all-notice .actions .close {
  padding-left: 10px;
}

.waiver-pop-up {
  display: none;
  padding: 20px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  border-radius: 5px !important;
  font-size: 14px;
  font-weight: 400;
  color: #09092d;
}

.waiver-pop-up header h2 {
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #09092d;
}

.waiver-pop-up footer {
  text-align: right;
  padding-bottom: 35px;
}

.waiver-pop-up p {
  margin: 15px 0;
  line-height: 20px;
}

.waiver-pop-up .waiver-justify {
  margin-bottom: 10px;
}

.waiver-pop-up .waiver-select {
  border: 1px solid var(--fds-global-color-neutral-40);
  margin: 15px 0px 10px 0px;
  border-radius: 4px;
}

.waiver-pop-up .waiver-select:has(> ds-dropdown) {
  border: none;
}

.waiver-pop-up .waiver-select ds-dropdown {
  width: 100%;
}

.waiver-pop-up .waiver-select #waiver-section {
  z-index: 90 !important;
}

.waiver-pop-up .waiver-select option {
  color: #09092d;
}

.waiver-pop-up .waiver-select option:disabled {
  color: #4c4c8e;
}

.waiver-pop-up select {
  font-size: 14px;
  font-weight: 400;
  display: block;
  width: 99%;
  border: none;
  padding: 6px 5px;
  margin-left: 2px;
  outline: none;
  color: var(--fds-global-color-neutral-70);
}

.waiver-pop-up textarea {
  width: 100%;
  height: 120px;
  font: inherit;
  padding: 8px 12px;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border: 1px solid #ececec;
}

.waiver-pop-up .waiver-x {
  float: right;
  cursor: pointer;
  font-weight: 500;
  font-size: larger;
}

.waiver-pop-up .send-waiver-request {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  margin-left: 5px;
}

.waiver-pop-up .send-waiver-request:hover, .waiver-pop-up .send-waiver-request.active {
  text-decoration: none;
}

.waiver-pop-up .send-waiver-request .icon, .waiver-pop-up .send-waiver-request .fa, .waiver-pop-up .send-waiver-request .fas, .waiver-pop-up .send-waiver-request .far, .waiver-pop-up .send-waiver-request .fal {
  margin-right: 5px;
}

.waiver-pop-up .send-waiver-request:hover, .waiver-pop-up .send-waiver-request.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.waiver-pop-up .send-waiver-request:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.waiver-pop-up .send-waiver-request[disabled], .waiver-pop-up .send-waiver-request.disabled, .waiver-pop-up .send-waiver-request:disabled, .waiver-pop-up .send-waiver-request.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.waiver-pop-up .send-waiver-request:active:not(:disabled), .waiver-pop-up .send-waiver-request:focus:not(:disabled) {
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.waiver-pop-up .cancel-waiver-request {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.waiver-pop-up .cancel-waiver-request:hover, .waiver-pop-up .cancel-waiver-request.active {
  text-decoration: none;
}

.waiver-pop-up .cancel-waiver-request .icon, .waiver-pop-up .cancel-waiver-request .fa, .waiver-pop-up .cancel-waiver-request .fas, .waiver-pop-up .cancel-waiver-request .far, .waiver-pop-up .cancel-waiver-request .fal {
  margin-right: 5px;
}

.waiver-pop-up .cancel-waiver-request, .waiver-pop-up .cancel-waiver-request:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

.waiver-pop-up .cancel-waiver-request:hover, .waiver-pop-up .cancel-waiver-request.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.waiver-pop-up .cancel-waiver-request[disabled], .waiver-pop-up .cancel-waiver-request.disabled, .waiver-pop-up .cancel-waiver-request:disabled, .waiver-pop-up .cancel-waiver-request.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

.waiver-pop-up .cancel-waiver-request[disabled]:focus, .waiver-pop-up .cancel-waiver-request.disabled:focus, .waiver-pop-up .cancel-waiver-request:disabled:focus, .waiver-pop-up .cancel-waiver-request.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

.waiver-pop-up .cancel-waiver-request:active:not(:disabled), .waiver-pop-up .cancel-waiver-request:focus:not(:disabled) {
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

@media (max-width: 576px) {
  .waiver-pop-up {
    max-width: calc(100vw - 32px) !important;
    margin: auto;
  }
}

.waiver-result {
  width: 500px;
  height: 300px;
  margin: 100px auto 0;
  background-color: #dcdcdc;
  border-radius: 5px;
}

.waiver-result .wrapper-waiver-result {
  width: 90%;
  height: 50%;
  padding: 25% 5%;
  font-size: 1.2em;
}

.view-in-analytics .last-update {
  display: block;
  margin: 16px 0px;
  padding: 16px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  border-radius: 4px;
  color: #00476a;
  background-color: #def4ff;
}

.view-in-analytics .last-update .far {
  font-size: 16px;
  margin-right: 10px;
  line-height: 20px;
}

@media (max-width: 768px) {
  .view-in-analytics .last-update {
    padding-top: 20px;
    display: flex;
  }
}

.view-in-analytics .ui-datepicker {
  padding: 5px;
  width: 250px;
  background: #fafafa;
  border-radius: 5px;
  border: 1px solid #b0b0cd;
}

.view-in-analytics .ui-datepicker .ui-widget-header {
  background-color: #5959eb;
  border-radius: 5px;
  border: 1px solid #5959eb;
  font-weight: bold;
  color: white;
}

.view-in-analytics .ui-datepicker .ui-datepicker-calendar .ui-state-default {
  color: #5959eb;
}

.view-in-analytics .main-container .banner {
  position: relative;
  flex: 100%;
  height: 150px;
  background-image: url("/static/hawthorn/images/dashboard-illustration.cbb1d3a9e3b2.jpg");
  background-size: cover;
  background-position: center center;
  height: auto;
}

.view-in-analytics .main-container .banner::before {
  background: #09092d;
  opacity: 0.7;
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.view-in-analytics .main-container .banner h2 {
  font-weight: 600;
  font-size: 36px;
  color: #ffffff;
}

.view-in-analytics .main-container .banner .welcome-wrapper {
  padding: 50px 60px 20px 60px;
  position: relative;
}

@media (max-width: 992px) {
  .view-in-analytics .main-container .banner .welcome-wrapper {
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  .view-in-analytics .main-container .banner .welcome-wrapper {
    padding-left: 20px;
  }
}

.view-in-analytics .main-container .banner .welcome-wrapper h3 {
  font-weight: 300;
  font-size: 16px;
  color: #ffffff;
}

.view-in-analytics .main-container nav {
  display: flex;
  height: 56px;
  background-color: #ffffff;
  padding: 0 60px !important;
}

@media (max-width: 992px) {
  .view-in-analytics .main-container nav {
    padding: 0px;
    flex-direction: column-reverse;
    height: auto;
  }
}

@media (max-width: 768px) {
  .view-in-analytics .main-container nav {
    padding: 0px !important;
  }
}

@media (max-width: 576px) {
  .view-in-analytics .main-container nav {
    padding: 0px !important;
  }
}

.view-in-analytics .main-container nav .tabs {
  display: flex;
  flex: 1;
  margin: 0;
}

.view-in-analytics .main-container nav .tabs li.tab {
  display: flex;
  align-items: center;
  padding: 0 40px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  border-right: 1px solid #ececec;
}

.view-in-analytics .main-container nav .tabs li.tab.active {
  color: #5959eb;
  font-weight: 600;
}

.view-in-analytics .main-container nav .tabs li.tab:last-child {
  padding-right: 0;
  border-right: none;
}

.view-in-analytics .main-container nav .tabs li.tab a {
  color: #09092d;
  border-bottom: 0 !important;
}

.view-in-analytics .main-container nav .tabs li.tab a:hover, .view-in-analytics .main-container nav .tabs li.tab a:active, .view-in-analytics .main-container nav .tabs li.tab a:focus {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  text-decoration: none;
  border-bottom: 0;
}

.view-in-analytics .main-container nav .tabs li.tab a.active {
  color: #5959eb;
  font-weight: 600;
  border-bottom: 0;
}

.view-in-analytics .main-container nav .tabs li.tab a.active:hover {
  text-shadow: 0.25px 0.25px 0 #5959eb;
}

@media (max-width: 768px) {
  .view-in-analytics .main-container nav .tabs {
    flex-direction: column;
    margin-top: -18px;
  }
  .view-in-analytics .main-container nav .tabs li.tab {
    padding: 12px 20px;
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0em;
    text-indent: 0px;
    border-bottom: 1px solid #ebebf1;
  }
}

.view-in-analytics .main-container nav .actions {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  margin: 0;
}

.view-in-analytics .main-container nav .actions li {
  position: relative;
  display: inherit;
  align-items: inherit;
}

.view-in-analytics .main-container nav .actions li:not(:last-child) {
  margin-right: 20px;
}

.view-in-analytics .main-container nav .actions li a {
  display: inherit;
  align-items: center;
}

.view-in-analytics .main-container nav .actions li a.download-item {
  padding-left: 55px;
}

.view-in-analytics .main-container nav .actions li a.download-item i {
  font-size: 18px;
}

.view-in-analytics .main-container nav .actions li a.download-item.red-dot::after {
  content: "";
  position: absolute;
  right: 0;
  top: 33%;
  width: 8px;
  height: 8px;
  background: #f22f31;
  border-radius: 100%;
}

.view-in-analytics .main-container nav .actions li a.active {
  color: #5959eb;
  font-weight: 600;
}

.view-in-analytics .main-container nav .actions li div.dropdown-download-menu .dropdown-download-item a {
  font-size: 14px;
}

@media (max-width: 767px) {
  .view-in-analytics .main-container nav .actions li div.dropdown-download-menu .dropdown-download-item a {
    color: #09092d;
  }
}

.view-in-analytics .main-container nav .actions li div.dropdown-download-menu .dropdown-download-item a .fal, .view-in-analytics .main-container nav .actions li div.dropdown-download-menu .dropdown-download-item a .far {
  margin-right: 10px;
}

.view-in-analytics .main-container nav .actions li .dropdown-download-menu {
  transition: all 0.2s ease-in-out;
  display: none;
  visibility: hidden;
  min-width: 201px;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-color: #e3e3e3;
  border-width: 0;
  top: 55px;
  position: absolute;
  z-index: 10;
  background-color: #ffffff;
  right: 0;
}

.view-in-analytics .main-container nav .actions li .dropdown-download-menu h3 {
  font-size: 14px;
  font-weight: 400;
  margin: 10px;
  color: #09092d;
}

.view-in-analytics .main-container nav .actions li .dropdown-download-menu .dropdown-download-item {
  border-bottom: 0;
  white-space: nowrap;
}

.view-in-analytics .main-container nav .actions li .dropdown-download-menu .dropdown-download-item:not(:last-child) {
  border-bottom: 1px solid #e3e3e3;
}

.view-in-analytics .main-container nav .actions li .dropdown-download-menu .dropdown-download-item a {
  font-weight: 400;
  padding: 10px 15px;
  display: block;
}

.view-in-analytics .main-container nav .actions li .dropdown-download-menu .dropdown-download-item a:focus {
  background-color: transparent;
  color: #5959eb;
}

.view-in-analytics .main-container nav .actions li .dropdown-download-menu .dropdown-download-item:hover, .view-in-analytics .main-container nav .actions li .dropdown-download-menu .dropdown-download-item:active {
  background-color: transparent;
}

.view-in-analytics .main-container nav .actions li .dropdown-download-menu .dropdown-download-item:hover a, .view-in-analytics .main-container nav .actions li .dropdown-download-menu .dropdown-download-item:active a {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
}

.view-in-analytics .main-container nav .actions li.download-item-container {
  position: relative;
}

.view-in-analytics .main-container nav .actions li.download-item-container:hover .dropdown-download-menu {
  display: block;
  visibility: visible;
}

@media (max-width: 992px) {
  .view-in-analytics .main-container nav .actions {
    position: relative;
    top: 20px;
    left: calc(100%);
    margin-right: 25px;
    width: 35px;
  }
}

@media (max-width: 768px) {
  .view-in-analytics .main-container nav .actions {
    position: relative;
    top: 12px;
    left: calc(100% - 60px);
    margin-right: 25px;
    width: 35px;
  }
}

.view-in-analytics .main-container nav #report-downloads {
  padding-left: 50px;
}

.view-in-analytics .main-container .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li h4 span, .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li h4 .view-in-analytics .main-container span, .view-in-analytics .main-container .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li h4, .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .view-in-analytics .main-container h4, .view-in-analytics .main-container .view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper h4, .view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .view-in-analytics .main-container h4, .view-in-analytics .main-container .view-external-catalog .find-courses .courses-wrapper .sidebar .filters-wrapper h4, .view-external-catalog .find-courses .courses-wrapper .sidebar .filters-wrapper .view-in-analytics .main-container h4, .view-in-analytics .main-container .find-courses .courses-container .search-form .wrapper-search-context .filter-header-wrapper .filter-title, .find-courses .courses-container .search-form .wrapper-search-context .filter-header-wrapper .view-in-analytics .main-container .filter-title, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header #customized_report_title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.view-in-analytics .main-container .analytics-wrapper {
  padding: 50px 60px;
  min-height: 500px;
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper {
    padding: 24px 0;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  padding: 30px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

@media (max-width: 576px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper {
    border: none;
    box-shadow: none;
    border-radius: 0;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .tab-navs,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper ul.analytics-nav {
  margin-top: 20px;
  display: inline-block;
  border-bottom: 1px solid #ececec;
  width: 100%;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .tab-navs .nav-item,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper ul.analytics-nav .nav-item {
  display: inline-block;
  margin-right: 20px;
  font-weight: 300;
  color: #09092d;
  font-size: 14px;
  padding-bottom: 5px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .tab-navs .nav-item:active, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .tab-navs .nav-item:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .tab-navs .nav-item:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper ul.analytics-nav .nav-item:active,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper ul.analytics-nav .nav-item:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper ul.analytics-nav .nav-item:focus {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  text-decoration: none !important;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .tab-navs .nav-item.active,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper ul.analytics-nav .nav-item.active {
  border-bottom: 3px solid #5959eb;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-basic-wrapper {
  clear: both;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-float-wrapper {
  float: left;
}

@media (max-width: 576px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-float-wrapper {
    width: 100%;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-24 h3,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-75 h3,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-100 h3 {
  font-size: 14px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-24,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-75,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-100 {
  border: 1px solid #fafafa;
  margin-right: 26px;
  margin-bottom: 20px;
  min-height: 150px;
  flex-direction: column;
  justify-content: center;
  float: left;
  box-sizing: border-box;
  padding: 20px;
  font-size: 14px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-24 {
  width: 260px;
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-24:nth-of-type(even) {
    margin-right: 0;
  }
}

@media (max-width: 576px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-24 {
    width: 100%;
    min-height: 110px;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-75 {
  width: 830px;
  min-height: 300px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-widget-100 {
  width: 100%;
  max-width: 1120px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-figure .figure {
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
  white-space: nowrap;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-figure .title {
  font-size: 14px;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form {
    padding-bottom: 10px;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form label {
  font-style: normal;
  padding-right: 1.5rem;
  color: #09092d;
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form label {
    padding-bottom: 5px;
  }
}

@media (max-width: 576px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form label {
    display: block;
    padding-right: 0;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form select {
  padding: 6px 30px 6px 16px;
  vertical-align: middle;
  color: #09092d;
}

@media (max-width: 576px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form select {
    margin-bottom: 5px;
    width: 100%;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  vertical-align: middle;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input.active {
  text-decoration: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input .icon, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input .fa, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input .fas, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input .far, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input .fal {
  margin-right: 5px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input[disabled], .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input.disabled, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input:disabled, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

@media (max-width: 576px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header form input {
    width: 100%;
    justify-content: center;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header h2 {
  color: #09092d;
  margin: 30px 0;
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header h2 {
    margin: 15px 0;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header h2 i {
  margin-right: 14px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header #customized_report_title {
  margin: 0 0 20px 0;
  font-size: 18px;
  font-weight: 600;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header p {
  font-style: normal;
  padding-right: 1.5rem;
  color: #09092d;
  font-size: 14px;
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header p {
    padding-bottom: 5px;
  }
}

@media (max-width: 576px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header p {
    display: block;
    padding-right: 0;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper #customized_header {
  margin-bottom: 1.5rem;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .report_type_and_course_selected .hide {
  display: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .report_type_and_course_selected div label {
  font-style: normal;
  padding-right: 5px;
  display: inline-block;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .report_type_and_course_selected div select {
  padding: 6px 30px 6px 16px;
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .report_type_and_course_selected #report_type {
    width: 100%;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .report_type_and_course_selected .course-report {
  padding-top: 1rem;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .report_type_and_course_selected .course-report + .label-bar {
  margin-top: 10px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter_section_contents:after {
  clear: both;
  content: "";
  display: block;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form {
  padding-top: 1rem;
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
  /*input[type="text"] {
            @extend %form-text-box;
            font-family: $font-family-default;
          }*/
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form {
    padding-top: 16px;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form label,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form label {
  display: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form select,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form select,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input {
  vertical-align: middle;
}

@media (max-width: 576px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form select,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form select,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input {
    width: 100%;
    margin-bottom: 5px;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form select,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form select {
  padding: 6px 30px 6px 16px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"],
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"],
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"]:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"].active,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit.active,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"]:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"].active,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit.active {
  text-decoration: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"] .icon, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"] .fa, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"] .fas, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"] .far, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"] .fal,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit .icon,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit .fas,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit .far,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit .fal,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"] .icon,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"] .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"] .fas,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"] .far,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"] .fal,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit .icon,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit .fas,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit .far,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit .fal {
  margin-right: 5px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"], .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"]:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"],
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"]:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"]:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"].active,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit.active,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"]:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"].active,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"][disabled], .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"].disabled, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"]:disabled, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"].is-disabled,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit[disabled],
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit.disabled,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit:disabled,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit.is-disabled,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"][disabled],
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"].disabled,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"]:disabled,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"].is-disabled,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit[disabled],
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit.disabled,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit:disabled,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"][disabled]:focus, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"].disabled:focus, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"]:disabled:focus, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"].is-disabled:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit[disabled]:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit.disabled:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit:disabled:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit.is-disabled:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"][disabled]:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"].disabled:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"]:disabled:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"].is-disabled:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit[disabled]:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit.disabled:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit:disabled:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

@media (max-width: 576px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form input[type="submit"],
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form .filter-submit,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form input[type="submit"],
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form .filter-submit {
    justify-content: center;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form #id_queried_field,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form #id_queried_field {
  display: block;
  width: 100%;
  border-radius: 5px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form #id_query_string,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form #id_query_string {
  display: inline-block;
  float: left;
  margin: 10px 0;
  width: calc(100% - 100px);
  border-radius: 5px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form #clear-all-filters,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form #clear-all-filters {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  color: #09092d;
  background-color: #ffffff;
  letter-spacing: 0.5px;
  font-weight: 600;
  height: 35px;
  display: inline-block;
  float: right;
  margin: 10px;
  margin-right: 0;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form #clear-all-filters:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form #clear-all-filters.active,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form #clear-all-filters:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form #clear-all-filters.active {
  text-decoration: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form #clear-all-filters .icon, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form #clear-all-filters .fa, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form #clear-all-filters .fas, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form #clear-all-filters .far, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form #clear-all-filters .fal,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form #clear-all-filters .icon,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form #clear-all-filters .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form #clear-all-filters .fas,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form #clear-all-filters .far,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form #clear-all-filters .fal {
  margin-right: 5px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-filter-form #clear-all-filters i,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.table-filter-form #clear-all-filters i {
  color: #5959eb;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper section.period-form {
  width: 50%;
  float: right;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper section.period-form div#period-table {
  padding-top: 1rem;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.filter-section::after {
  content: "";
  clear: both;
  display: block;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.filter-forms {
  display: block;
  width: 50%;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.clear-filter-form {
  padding-top: 0;
  display: inline-block;
  float: right;
  position: relative;
  top: -55px;
  right: 10%;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.clear-filter-form .clear-filters {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  color: #09092d;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  letter-spacing: 0.5px;
  font-weight: 600;
  height: 35px;
  display: inline-block;
  float: right;
  margin: 10px;
  margin-right: 0;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.clear-filter-form .clear-filters:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.clear-filter-form .clear-filters.active {
  text-decoration: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.clear-filter-form .clear-filters .icon, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.clear-filter-form .clear-filters .fa, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.clear-filter-form .clear-filters .fas, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.clear-filter-form .clear-filters .far, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.clear-filter-form .clear-filters .fal {
  margin-right: 5px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.clear-filter-form .clear-filters:hover {
  text-decoration: none;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.clear-filter-form .clear-filters i {
  color: #5959eb;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar {
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .active-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .active-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .active-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .active-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .active-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .active-filter {
  display: inline-block;
  padding: 0;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label {
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  outline: 0 none;
  box-shadow: none;
  border: 1px;
  margin: 0;
  margin-bottom: 5px;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  position: relative;
  -webkit-font-smoothing: unset;
  background-color: #ececec !important;
  color: #09092d !important;
  border-radius: 8px;
  padding: 5px 8px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label:hover {
  background: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter:focus, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected:focus {
  background: transparent;
  color: inherit;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter .count, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter:hover .count, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter:focus .count, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected .count, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected:hover .count, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label:focus .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected:hover .count,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected:focus .count {
  color: inherit;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter .count:before, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter:hover .count:before, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter:focus .count:before, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected .count:before, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected:hover .count:before, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label:focus .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected:hover .count:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected:focus .count:before {
  content: normal;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter .count .count-number, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter:hover .count .count-number, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter:focus .count .count-number, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected .count .count-number, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected:hover .count .count-number, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label:focus .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected:hover .count .count-number,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected:focus .count .count-number {
  display: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected:focus, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected:hover {
  color: #5959eb;
  font-weight: 700;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option.selected:before,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label.selected:before {
  content: "\f14a";
  color: #5959eb;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label .query {
  font-size: 14px;
  font-weight: 400;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .delete-filter .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-option .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .delete-filter .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-option .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .delete-filter .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-option .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .delete-filter .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-option .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .delete-filter .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-option .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .delete-filter .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-option .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label .fa {
  font-weight: 300;
  padding-right: 6px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .option-label:not(:first-child):not(.end-date),
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .option-label:not(:first-child):not(.end-date),
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label:not(:first-child):not(.end-date),
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .option-label:not(:first-child):not(.end-date),
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .option-label:not(:first-child):not(.end-date),
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label:not(:first-child):not(.end-date) {
  margin-left: 20px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .filter-button .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .filter-button .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .filter-button .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .filter-button .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .filter-button .query,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .filter-button .query {
  padding-right: 0;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form > span,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 > span,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar > span,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar > span,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar > span,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar > span {
  display: inline-block;
  padding: 6px;
  margin: 0;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .end-date,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #filter-bar2 .end-date,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .end-date,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #course_bar .end-date,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #report_bar .end-date,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .end-date {
  margin-left: 0;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper #property_bar .option-label .fa {
  padding-left: 6px;
  padding-right: 0;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper #format_bar .option-label .query {
  text-transform: uppercase;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.delete-filter-forms {
  float: left;
  margin-top: -48px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form {
  display: block;
  float: left;
  margin: 0;
  padding-bottom: 0;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.delete-filter-form .query {
  padding-right: 0;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form {
  padding-top: 2rem;
  width: calc(100% - 130px);
  float: left;
  font-size: 0.9rem;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #toggle-user-properties {
  color: #09092d;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #toggle-user-properties a {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #toggle-user-properties a:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #toggle-user-properties a:active, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #toggle-user-properties a:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #toggle-user-properties i {
  margin-right: 0.5rem;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection {
  display: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection label {
  display: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0.5rem 0;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection ul li {
  display: inline-block;
  padding-right: 1rem;
  width: 170px;
  overflow: hidden;
  height: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection ul li label {
  display: inline;
  font-style: normal;
  font-weight: normal;
  font-size: 0.9rem;
  color: #09092d;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"] {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"]:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"].active {
  text-decoration: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"] .icon, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"] .fa, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"] .fas, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"] .far, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"] .fal {
  margin-right: 5px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"]:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"].active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"]:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"][disabled], .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"].disabled, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"]:disabled, .view-in-analytics .main-container .analytics-wrapper .report-wrapper form.table-user-properties-form #user-properties-selection input[type="submit"].is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized {
  width: auto;
  font-size: 0.9rem;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized #user-properties > label {
  display: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized #user-properties ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0.5rem 0;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized #user-properties ul li {
  display: inline-block;
  width: 165px;
  padding-right: 2rem;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized #user-properties ul li label {
  display: inline;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #09092d;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized #user-properties ul li label input[type="checkbox"] {
  margin-right: 0.5em;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"] {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"]:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"].active {
  text-decoration: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"] .icon, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"] .fa, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"] .fas, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"] .far, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"] .fal {
  margin-right: 5px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"]:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"].active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"]:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"][disabled], .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"].disabled, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"]:disabled, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-user-properties-form-customized input[type="submit"].is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export {
  display: table-cell;
  padding-top: 2rem;
  width: 150px;
  text-align: right;
  font-size: 0.9rem;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export #toggle-table-export {
  color: #09092d;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export #toggle-table-export:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export #toggle-table-export:focus {
  text-decoration: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export #toggle-table-export i {
  margin-left: 0.5rem;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export #table-export-selection {
  display: none;
  padding-left: 0;
  margin-top: 0.5rem;
  text-align: right;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export #table-export-selection li {
  list-style-type: none;
  padding: 5px 2px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export #table-export-selection li a {
  color: #09092d;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized {
  display: block;
  padding-top: 2rem;
  font-size: 0.9rem;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized > p {
  font-weight: 300;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection {
  margin-top: 0.5rem;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li {
  display: inline-block;
  width: 80px;
  list-style-type: none;
  padding: 2px 2px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li input[type="radio"]:checked + label:before {
  color: #5959eb;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-export-customized #table-export-selection li label {
  font-style: normal;
  font-weight: normal;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"] {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 12px 22px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  vertical-align: bottom;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"]:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"].active {
  text-decoration: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"] .icon, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"] .fa, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"] .fas, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"] .far, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"] .fal {
  margin-right: 5px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"]:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"].active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"]:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"][disabled], .view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"].disabled, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"]:disabled, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input[type="submit"].is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  box-shadow: none;
  float: right;
  text-align: center;
  vertical-align: bottom;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button.active,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button.active {
  text-decoration: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button .icon, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button .fa, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button .fas, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button .far, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button .fal,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button .icon,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button .fa,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button .fas,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button .far,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button .fal {
  margin-right: 5px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button.active,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button[disabled], .view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button.disabled, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button:disabled, .view-in-analytics .main-container .analytics-wrapper .report-wrapper input#submit-button.is-disabled,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button[disabled],
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button.disabled,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button:disabled,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper input#reset-button {
  margin-right: 10px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper form#form-customized-report:after {
  clear: both;
  content: "";
  display: block;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper select {
  margin-right: 0.5rem;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-container {
  padding-top: 2rem;
  clear: both;
  overflow-x: auto;
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-container {
    padding-top: 16px;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-container p.big-data-msg {
  margin: 50px;
  text-align: center;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .table-container p.big-data-msg .fa {
  color: #5959eb;
  padding-right: 1rem;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper p.table-count {
  margin-top: 1.5rem;
  text-align: right;
  color: #09092d;
  font-weight: 600;
  font-size: 14px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination {
  margin-top: 1rem;
  width: 100%;
  text-align: center;
  color: #09092d;
  font-size: 14px;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination a,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination p {
  display: inline-block;
  margin-left: 1rem;
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination a,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination p {
    margin-top: 0;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination a.previous,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination p.previous,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination a.next {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination a.previous:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination a.previous:active, .view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination a.previous:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination p.previous:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination p.previous:active,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination p.previous:focus,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination a.next:hover,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination a.next:active,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination a.next:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination p.disabled {
  color: #f4f4f4;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination p.disabled:hover, .view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination p.disabled:focus {
  background-color: #fafafa;
  color: #f4f4f4;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination select {
  padding: 6px 30px 6px 16px;
  margin: 0 0.5rem;
  color: #09092d;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination .panel li:hover {
  color: #4c4c4c;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination .panel li.active {
  background-color: transparent;
  color: #5959eb;
  font-weight: 600;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper div.pagination a#page-number-link {
  display: none;
}

@media (max-width: 1200px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-linechart {
    width: 100%;
    overflow: visible;
    min-height: 230px;
  }
}

@media (max-width: 576px) {
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-mobile-view {
    flex-wrap: wrap;
    align-items: center;
  }
  .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-mobile-view .dropdown {
    margin-top: 8px;
    margin-bottom: 8px;
    width: fit-content;
    max-width: 80%;
  }
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .paragon__modal-open .next-steps {
  margin-bottom: 10px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.view-in-analytics .main-container .analytics-wrapper .report-wrapper .paragon__modal-footer button.paragon__btn-outline-primary {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  padding: 0px;
  order: -1;
  border: none;
}

.view-in-analytics .main-container .analytics-wrapper.microsite .report-wrapper > h3 {
  padding-bottom: 20px;
}

.view-in-analytics .main-container .analytics-wrapper.microsite .report-wrapper .last-update {
  margin: 0;
  width: 100%;
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper.microsite .report-wrapper .last-update {
    display: flex;
    align-items: flex-start;
  }
}

.view-in-analytics .main-container .analytics-wrapper.ilt .report-wrapper .tab-navs {
  margin-top: 30px;
}

.view-in-analytics .main-container .analytics-wrapper.ilt .report-wrapper .tab-navs .nav-item {
  font-size: 16px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  color: #4c4c4c;
}

.view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .nav-item {
  font-size: 16px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  color: #4c4c4c;
}

.view-in-analytics .main-container .analytics-wrapper.course .report-wrapper > h3 {
  padding-bottom: 10px;
}

.view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > label {
  font-style: normal;
  padding-right: 1.5rem;
  color: #09092d;
}

@media (max-width: 576px) {
  .view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > label {
    flex-basis: 100%;
    padding-right: 0;
  }
}

.view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"] {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  margin-left: 15px;
  display: inline-block;
  width: auto;
}

.view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"]:hover, .view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"].active {
  text-decoration: none;
}

.view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"] .icon, .view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"] .fa, .view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"] .fas, .view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"] .far, .view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"] .fal {
  margin-right: 5px;
}

.view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"]:hover, .view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"].active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"]:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"][disabled], .view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"].disabled, .view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"]:disabled, .view-in-analytics .main-container .analytics-wrapper.course .report-wrapper .analytics-header.analytics-mobile-view > input[type="button"].is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.view-in-analytics .main-container .analytics-wrapper.learner .last-update {
  margin: 0px 0px 10px 0px;
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper.learner .last-update {
    display: flex;
    align-items: center;
  }
}

.view-in-analytics .main-container .analytics-wrapper.ilt .report-wrapper.ilt_global .table-export {
  display: block;
  width: 100%;
}

.view-in-analytics .main-container .analytics-wrapper.transcript .report-wrapper {
  min-height: 300px;
}

.view-in-analytics .main-container .analytics-wrapper.transcript .report-wrapper #transcript .table-wrapper table thead tr th {
  cursor: default;
}

.view-in-analytics .main-container .analytics-wrapper.transcript .report-wrapper .table-container,
.view-in-analytics .main-container .analytics-wrapper.transcript .report-wrapper .table-export {
  display: none;
}

.view-in-analytics .main-container .analytics-wrapper .custom-section {
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 20px;
}

.view-in-analytics .main-container .analytics-wrapper .custom-section .section-button {
  box-shadow: none;
  background-color: #ffffff;
  border-radius: 8px;
  outline: initial;
  padding: 0;
  padding-bottom: 10px;
  position: relative;
  display: block;
  align-items: center;
  background-image: none;
  border: 0;
  font-size: 16px;
  text-shadow: none;
  color: #09092d;
  width: 100%;
  text-align: left;
}

.view-in-analytics .main-container .analytics-wrapper .custom-section .section-button .section-title {
  float: left;
  letter-spacing: 0;
  font-weight: 600;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.view-in-analytics .main-container .analytics-wrapper .custom-section .section-button .fa-chevron-down {
  float: right;
  margin-top: 6px;
}

.view-in-analytics .main-container .analytics-wrapper .custom-section .section-label {
  font-style: normal;
  padding-right: 1.5rem;
  color: #09092d;
  font-size: 14px;
  margin-bottom: 1em;
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper .custom-section .section-label {
    padding-bottom: 5px;
  }
}

@media (max-width: 576px) {
  .view-in-analytics .main-container .analytics-wrapper .custom-section .section-label {
    display: block;
    padding-right: 0;
  }
}

.view-in-analytics .main-container .analytics-wrapper .custom-section .section-content {
  margin: 12px 0 0;
  background-color: #fafafa;
  border-radius: 8px;
  padding: 20px 16px;
}

.view-in-analytics .main-container .analytics-wrapper .custom-section .section-content #table-export-selection {
  margin-top: 0;
  padding-bottom: 2px;
}

.view-in-analytics .main-container .analytics-wrapper .custom-section .section-content #table-export-selection li {
  width: 150px;
}

.view-in-analytics .main-container .analytics-wrapper .custom-section .section-content .table-export-customized,
.view-in-analytics .main-container .analytics-wrapper .custom-section .section-content .course-report {
  padding-top: 0;
}

.view-in-analytics .main-container .analytics-wrapper .custom-section .section-content .report-type,
.view-in-analytics .main-container .analytics-wrapper .custom-section .section-content .course-report {
  padding-bottom: 0px;
}

.view-in-analytics .main-container .analytics-wrapper .custom-section .section-content .lt-react-dropdown .select {
  padding-right: 30px;
}

.view-in-analytics .main-container .analytics-wrapper .custom-section .is-hidden {
  display: none;
}

.view-in-analytics .main-container .analytics-wrapper #report_type_section #report_type {
  font-size: 14px;
}

.view-in-analytics .main-container .analytics-wrapper #custom_course_section .section-label {
  padding-bottom: 10px;
}

.view-in-analytics .main-container .analytics-wrapper #custom_course_section .section-content {
  margin-bottom: 10px;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content {
  display: flex;
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content {
    flex-direction: column;
  }
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .filter-form {
  flex: 1;
  min-width: 300px;
  max-width: 600px;
  margin-right: 10%;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .filter-form div.table-filter-form {
  padding-top: 0;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .filter-form .element-wrapper {
  display: block;
  height: 75px;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .filter-form .element-wrapper > *:not(:first-child) {
  margin-top: 5px;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .filter-form .element-wrapper .lt-react-dropdown {
  display: block;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .filter-form .element-wrapper .lt-react-dropdown .select {
  min-width: 180px;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .filter-form .element-wrapper .input-wrapper,
.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .filter-form .element-wrapper .data-clear {
  margin-left: 0;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .filter-form .element-wrapper .input-wrapper {
  display: inline-flex;
  float: left;
  position: absolute;
  right: 40px;
  left: 0;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .filter-form .element-wrapper .data-clear {
  cursor: pointer;
  height: 32px;
  justify-content: center;
  display: inline-flex;
  float: right;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .filter-form .selected-wrapper li {
  margin-bottom: 5px;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .filter-form .lt-react-dropdown .select .text {
  white-space: nowrap;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form {
  min-width: 300px;
  margin-left: 0;
  margin-top: 10px;
  float: none;
  width: 45%;
}

@media (max-width: 768px) {
  .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form {
    margin-top: 15px;
  }
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form div#period-table {
  padding-top: 0;
  display: inline-block;
  max-width: 325px;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .section-label {
  display: inline-block;
  vertical-align: top;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector {
  z-index: 6;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels {
  padding-bottom: 15px;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  margin-bottom: 0.5em;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day:hover, .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day.active {
  text-decoration: none;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day .icon, .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day .fa, .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day .fas, .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day .far, .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day .fal {
  margin-right: 5px;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day, .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day:hover, .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day[disabled], .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day.disabled, .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day:disabled, .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day[disabled]:focus, .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day.disabled:focus, .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day:disabled:focus, .view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels .day.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .labels,
.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .box-container {
  display: inline-block;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .box-container {
  margin-left: 0;
  display: block;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .section-content .period-form .date-range-selector .date-range-picker {
  display: block;
}

.view-in-analytics .main-container .analytics-wrapper #filter-section .is-hidden {
  display: none;
}

.view-in-analytics.transcript .analytics-tabs {
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 768px) {
  .view-in-analytics.transcript .analytics-tabs {
    max-height: 0;
  }
  .view-in-analytics.transcript .main-container nav .tabs {
    display: none;
  }
  .view-in-analytics.transcript .main-container nav .actions {
    left: calc(100% - 50px);
  }
  .view-in-analytics.transcript .main-container .analytics-wrapper {
    padding-block-start: 0;
  }
}

@media (max-width: 576px) {
  .view-in-analytics.my-transcript .main-container .analytics-wrapper {
    padding-block-start: 0;
  }
  .view-in-analytics.my-transcript .main-container .analytics-wrapper .report-wrapper > h3 {
    margin-block-start: 1rem;
  }
}

.map--country-borders {
  fill: none;
  stroke: #f4f4f4;
}

.map--country-blank {
  fill: #fafafa;
}

.map--country-color {
  fill: #7777f7;
}

.analytics-piechart svg,
.analytics-linechart svg,
.analytics-map svg {
  max-width: 100%;
}

.analytics-linechart .line-chart-wrapper {
  width: 100%;
}

.analytics-map #map {
  width: 80%;
  margin: auto;
}

.select2-container .select2-dropdown.select2-dropdown--below {
  border-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.select2-container .select2-dropdown .select2-results__option[aria-selected="true"]:last-child,
.select2-container .select2-dropdown .select2-results__option:last-child.select2-results__option--highlighted {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.select2-container .select2-dropdown .select2-results__option[aria-selected="true"]:first-child,
.select2-container .select2-dropdown .select2-results__option:first-child.select2-results__option--highlighted {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.microsite .analytics-wrapper .data-list .lt-react-dropdown .select, .analytics-wrapper .data-list .lt-react-dropdown .microsite .select,
.microsite .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .microsite .panel, .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .customized .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .microsite .data-clear,
.microsite .transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .microsite .data-clear,
.microsite .ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .microsite .data-clear,
.microsite .ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .microsite .data-clear,
.microsite .course .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .microsite .data-clear,
.microsite .ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .microsite .data-clear,
.microsite .learner .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .microsite .data-clear, .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .microsite .input-wrapper,
.microsite .transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .microsite .input-wrapper,
.microsite .ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .microsite .input-wrapper,
.microsite .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .microsite .input-wrapper,
.microsite .course .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .microsite .input-wrapper,
.microsite .ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .microsite .input-wrapper,
.microsite .learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .microsite .input-wrapper, .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .panel,
.microsite .customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .microsite .select,
.microsite .customized .lt-react-dropdown .panel,
.customized .lt-react-dropdown .microsite .panel,
.microsite .transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .microsite .select,
.microsite .transcript .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .microsite .panel,
.microsite .ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .microsite .select,
.microsite .ilt_global .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .microsite .panel,
.microsite .ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .microsite .select,
.microsite .ilt_learner .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .microsite .panel,
.microsite .course .lt-react-dropdown .select,
.course .lt-react-dropdown .microsite .select,
.microsite .course .lt-react-dropdown .panel,
.course .lt-react-dropdown .microsite .panel,
.microsite .ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .microsite .select,
.microsite .ilt_report .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .microsite .panel,
.microsite .learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .microsite .select,
.microsite .learner .lt-react-dropdown .panel,
.learner .lt-react-dropdown .microsite .panel,
.customized .analytics-wrapper .data-list .lt-react-dropdown .select,
.analytics-wrapper .data-list .lt-react-dropdown .customized .select,
.customized .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .customized .panel,
.customized .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .lt-react-label-value .element-wrapper .customized .data-clear,
.customized .lt-react-label-value .element-wrapper .data-clear,
.customized .transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .customized .data-clear,
.customized .ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .customized .data-clear,
.customized .ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .customized .data-clear,
.customized .course .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .customized .data-clear,
.customized .ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .customized .data-clear,
.customized .learner .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .customized .data-clear,
.customized .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .lt-react-label-value .element-wrapper .customized .input-wrapper,
.customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .customized .input-wrapper,
.customized .ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .customized .input-wrapper,
.customized .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .customized .input-wrapper,
.customized .course .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .customized .input-wrapper,
.customized .ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .customized .input-wrapper,
.customized .learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .customized .input-wrapper,
.customized .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .customized .select,
.customized .microsite .lt-react-dropdown .panel,
.microsite .lt-react-dropdown .customized .panel,
.customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .panel,
.customized .transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .customized .select,
.customized .transcript .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .customized .panel,
.customized .ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .customized .select,
.customized .ilt_global .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .customized .panel,
.customized .ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .customized .select,
.customized .ilt_learner .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .customized .panel,
.customized .course .lt-react-dropdown .select,
.course .lt-react-dropdown .customized .select,
.customized .course .lt-react-dropdown .panel,
.course .lt-react-dropdown .customized .panel,
.customized .ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .customized .select,
.customized .ilt_report .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .customized .panel,
.customized .learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .customized .select,
.customized .learner .lt-react-dropdown .panel,
.learner .lt-react-dropdown .customized .panel,
.transcript .analytics-wrapper .data-list .lt-react-dropdown .select,
.analytics-wrapper .data-list .lt-react-dropdown .transcript .select,
.transcript .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .transcript .panel,
.transcript .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .lt-react-label-value .element-wrapper .transcript .data-clear,
.transcript .customized .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .transcript .data-clear,
.transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .transcript .data-clear,
.transcript .ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .transcript .data-clear,
.transcript .course .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .transcript .data-clear,
.transcript .ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .transcript .data-clear,
.transcript .learner .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .transcript .data-clear,
.transcript .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .lt-react-label-value .element-wrapper .transcript .input-wrapper,
.transcript .customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .transcript .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .transcript .input-wrapper,
.transcript .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .transcript .input-wrapper,
.transcript .course .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .transcript .input-wrapper,
.transcript .ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .transcript .input-wrapper,
.transcript .learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .transcript .input-wrapper,
.transcript .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .transcript .select,
.transcript .microsite .lt-react-dropdown .panel,
.microsite .lt-react-dropdown .transcript .panel,
.transcript .customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .transcript .select,
.transcript .customized .lt-react-dropdown .panel,
.customized .lt-react-dropdown .transcript .panel,
.transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .panel,
.transcript .ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .transcript .select,
.transcript .ilt_global .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .transcript .panel,
.transcript .ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .transcript .select,
.transcript .ilt_learner .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .transcript .panel,
.transcript .course .lt-react-dropdown .select,
.course .lt-react-dropdown .transcript .select,
.transcript .course .lt-react-dropdown .panel,
.course .lt-react-dropdown .transcript .panel,
.transcript .ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .transcript .select,
.transcript .ilt_report .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .transcript .panel,
.transcript .learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .transcript .select,
.transcript .learner .lt-react-dropdown .panel,
.learner .lt-react-dropdown .transcript .panel,
.ilt_global .analytics-wrapper .data-list .lt-react-dropdown .select,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_global .select,
.ilt_global .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_global .panel,
.ilt_global .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .lt-react-label-value .element-wrapper .ilt_global .data-clear,
.ilt_global .customized .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .ilt_global .data-clear,
.ilt_global .transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .ilt_global .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_global .data-clear,
.ilt_global .course .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .ilt_global .data-clear,
.ilt_global .ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .ilt_global .data-clear,
.ilt_global .learner .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .ilt_global .data-clear,
.ilt_global .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .lt-react-label-value .element-wrapper .ilt_global .input-wrapper,
.ilt_global .customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .ilt_global .input-wrapper,
.ilt_global .transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .ilt_global .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_global .input-wrapper,
.ilt_global .course .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .ilt_global .input-wrapper,
.ilt_global .ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .ilt_global .input-wrapper,
.ilt_global .learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .ilt_global .input-wrapper,
.ilt_global .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .ilt_global .select,
.ilt_global .microsite .lt-react-dropdown .panel,
.microsite .lt-react-dropdown .ilt_global .panel,
.ilt_global .customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .ilt_global .select,
.ilt_global .customized .lt-react-dropdown .panel,
.customized .lt-react-dropdown .ilt_global .panel,
.ilt_global .transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .ilt_global .select,
.ilt_global .transcript .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .ilt_global .panel,
.ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .panel,
.ilt_global .ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .ilt_global .select,
.ilt_global .ilt_learner .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .ilt_global .panel,
.ilt_global .course .lt-react-dropdown .select,
.course .lt-react-dropdown .ilt_global .select,
.ilt_global .course .lt-react-dropdown .panel,
.course .lt-react-dropdown .ilt_global .panel,
.ilt_global .ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .ilt_global .select,
.ilt_global .ilt_report .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .ilt_global .panel,
.ilt_global .learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .ilt_global .select,
.ilt_global .learner .lt-react-dropdown .panel,
.learner .lt-react-dropdown .ilt_global .panel,
.ilt_learner .analytics-wrapper .data-list .lt-react-dropdown .select,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_learner .select,
.ilt_learner .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_learner .panel,
.ilt_learner .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .lt-react-label-value .element-wrapper .ilt_learner .data-clear,
.ilt_learner .customized .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .ilt_learner .data-clear,
.ilt_learner .transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .ilt_learner .data-clear,
.ilt_learner .ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .ilt_learner .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .course .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .ilt_learner .data-clear,
.ilt_learner .ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .ilt_learner .data-clear,
.ilt_learner .learner .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .ilt_learner .data-clear,
.ilt_learner .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper,
.ilt_learner .customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper,
.ilt_learner .transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper,
.ilt_learner .ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .course .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper,
.ilt_learner .ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper,
.ilt_learner .learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .ilt_learner .input-wrapper,
.ilt_learner .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .ilt_learner .select,
.ilt_learner .microsite .lt-react-dropdown .panel,
.microsite .lt-react-dropdown .ilt_learner .panel,
.ilt_learner .customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .ilt_learner .select,
.ilt_learner .customized .lt-react-dropdown .panel,
.customized .lt-react-dropdown .ilt_learner .panel,
.ilt_learner .transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .ilt_learner .select,
.ilt_learner .transcript .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .ilt_learner .panel,
.ilt_learner .ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .ilt_learner .select,
.ilt_learner .ilt_global .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .ilt_learner .panel,
.ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .panel,
.ilt_learner .course .lt-react-dropdown .select,
.course .lt-react-dropdown .ilt_learner .select,
.ilt_learner .course .lt-react-dropdown .panel,
.course .lt-react-dropdown .ilt_learner .panel,
.ilt_learner .ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .ilt_learner .select,
.ilt_learner .ilt_report .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .ilt_learner .panel,
.ilt_learner .learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .ilt_learner .select,
.ilt_learner .learner .lt-react-dropdown .panel,
.learner .lt-react-dropdown .ilt_learner .panel,
.course .analytics-wrapper .data-list .lt-react-dropdown .select,
.analytics-wrapper .data-list .lt-react-dropdown .course .select,
.course .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .course .panel,
.course .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .lt-react-label-value .element-wrapper .course .data-clear,
.course .customized .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .course .data-clear,
.course .transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .course .data-clear,
.course .ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .course .data-clear,
.course .ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .course .data-clear,
.course .lt-react-label-value .element-wrapper .data-clear,
.course .ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .course .data-clear,
.course .learner .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .course .data-clear,
.course .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .lt-react-label-value .element-wrapper .course .input-wrapper,
.course .customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .course .input-wrapper,
.course .transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .course .input-wrapper,
.course .ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .course .input-wrapper,
.course .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .course .input-wrapper,
.course .lt-react-label-value .element-wrapper .input-wrapper,
.course .ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .course .input-wrapper,
.course .learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .course .input-wrapper,
.course .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .course .select,
.course .microsite .lt-react-dropdown .panel,
.microsite .lt-react-dropdown .course .panel,
.course .customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .course .select,
.course .customized .lt-react-dropdown .panel,
.customized .lt-react-dropdown .course .panel,
.course .transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .course .select,
.course .transcript .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .course .panel,
.course .ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .course .select,
.course .ilt_global .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .course .panel,
.course .ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .course .select,
.course .ilt_learner .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .course .panel,
.course .lt-react-dropdown .select,
.course .lt-react-dropdown .panel,
.course .ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .course .select,
.course .ilt_report .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .course .panel,
.course .learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .course .select,
.course .learner .lt-react-dropdown .panel,
.learner .lt-react-dropdown .course .panel,
.ilt_report .analytics-wrapper .data-list .lt-react-dropdown .select,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_report .select,
.ilt_report .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .ilt_report .panel,
.ilt_report .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .lt-react-label-value .element-wrapper .ilt_report .data-clear,
.ilt_report .customized .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .ilt_report .data-clear,
.ilt_report .transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .ilt_report .data-clear,
.ilt_report .ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .ilt_report .data-clear,
.ilt_report .ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_report .data-clear,
.ilt_report .course .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .ilt_report .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .learner .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .ilt_report .data-clear,
.ilt_report .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .lt-react-label-value .element-wrapper .ilt_report .input-wrapper,
.ilt_report .customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .ilt_report .input-wrapper,
.ilt_report .transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .ilt_report .input-wrapper,
.ilt_report .ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .ilt_report .input-wrapper,
.ilt_report .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .ilt_report .input-wrapper,
.ilt_report .course .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .ilt_report .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .ilt_report .input-wrapper,
.ilt_report .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .ilt_report .select,
.ilt_report .microsite .lt-react-dropdown .panel,
.microsite .lt-react-dropdown .ilt_report .panel,
.ilt_report .customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .ilt_report .select,
.ilt_report .customized .lt-react-dropdown .panel,
.customized .lt-react-dropdown .ilt_report .panel,
.ilt_report .transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .ilt_report .select,
.ilt_report .transcript .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .ilt_report .panel,
.ilt_report .ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .ilt_report .select,
.ilt_report .ilt_global .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .ilt_report .panel,
.ilt_report .ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .ilt_report .select,
.ilt_report .ilt_learner .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .ilt_report .panel,
.ilt_report .course .lt-react-dropdown .select,
.course .lt-react-dropdown .ilt_report .select,
.ilt_report .course .lt-react-dropdown .panel,
.course .lt-react-dropdown .ilt_report .panel,
.ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .panel,
.ilt_report .learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .ilt_report .select,
.ilt_report .learner .lt-react-dropdown .panel,
.learner .lt-react-dropdown .ilt_report .panel,
.learner .analytics-wrapper .data-list .lt-react-dropdown .select,
.analytics-wrapper .data-list .lt-react-dropdown .learner .select,
.learner .analytics-wrapper .data-list .lt-react-dropdown .panel,
.analytics-wrapper .data-list .lt-react-dropdown .learner .panel,
.learner .microsite .lt-react-label-value .element-wrapper .data-clear,
.microsite .lt-react-label-value .element-wrapper .learner .data-clear,
.learner .customized .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .learner .data-clear,
.learner .transcript .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .learner .data-clear,
.learner .ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .learner .data-clear,
.learner .ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .learner .data-clear,
.learner .course .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .learner .data-clear,
.learner .ilt_report .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .learner .data-clear,
.learner .lt-react-label-value .element-wrapper .data-clear,
.learner .microsite .lt-react-label-value .element-wrapper .input-wrapper,
.microsite .lt-react-label-value .element-wrapper .learner .input-wrapper,
.learner .customized .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .learner .input-wrapper,
.learner .transcript .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .learner .input-wrapper,
.learner .ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .learner .input-wrapper,
.learner .ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .learner .input-wrapper,
.learner .course .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .learner .input-wrapper,
.learner .ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .learner .input-wrapper,
.learner .lt-react-label-value .element-wrapper .input-wrapper,
.learner .microsite .lt-react-dropdown .select,
.microsite .lt-react-dropdown .learner .select,
.learner .microsite .lt-react-dropdown .panel,
.microsite .lt-react-dropdown .learner .panel,
.learner .customized .lt-react-dropdown .select,
.customized .lt-react-dropdown .learner .select,
.learner .customized .lt-react-dropdown .panel,
.customized .lt-react-dropdown .learner .panel,
.learner .transcript .lt-react-dropdown .select,
.transcript .lt-react-dropdown .learner .select,
.learner .transcript .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .learner .panel,
.learner .ilt_global .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .learner .select,
.learner .ilt_global .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .learner .panel,
.learner .ilt_learner .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .learner .select,
.learner .ilt_learner .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .learner .panel,
.learner .course .lt-react-dropdown .select,
.course .lt-react-dropdown .learner .select,
.learner .course .lt-react-dropdown .panel,
.course .lt-react-dropdown .learner .panel,
.learner .ilt_report .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .learner .select,
.learner .ilt_report .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .learner .panel,
.learner .lt-react-dropdown .select,
.learner .lt-react-dropdown .panel {
  border-radius: 4px;
}

.microsite .toolbar .toolbar-tabs h3,
.microsite .customized .toolbar .toolbar-tabs h3,
.customized .toolbar .toolbar-tabs .microsite h3,
.microsite .transcript .toolbar .toolbar-tabs h3,
.transcript .toolbar .toolbar-tabs .microsite h3,
.microsite .ilt_global .toolbar .toolbar-tabs h3,
.ilt_global .toolbar .toolbar-tabs .microsite h3,
.microsite .ilt_learner .toolbar .toolbar-tabs h3,
.ilt_learner .toolbar .toolbar-tabs .microsite h3,
.microsite .course .toolbar .toolbar-tabs h3,
.course .toolbar .toolbar-tabs .microsite h3,
.microsite .ilt_report .toolbar .toolbar-tabs h3,
.ilt_report .toolbar .toolbar-tabs .microsite h3,
.microsite .learner .toolbar .toolbar-tabs h3,
.learner .toolbar .toolbar-tabs .microsite h3, .microsite > h3,
.microsite .report-wrapper > h3,
.microsite .customized > h3,
.microsite .customized .report-wrapper > h3,
.customized .microsite .report-wrapper > h3,
.microsite .transcript > h3,
.microsite .transcript .report-wrapper > h3,
.transcript .microsite .report-wrapper > h3,
.microsite .ilt_global > h3,
.microsite .ilt_global .report-wrapper > h3,
.ilt_global .microsite .report-wrapper > h3,
.microsite .ilt_learner > h3,
.microsite .ilt_learner .report-wrapper > h3,
.ilt_learner .microsite .report-wrapper > h3,
.microsite .course > h3,
.microsite .course .report-wrapper > h3,
.course .microsite .report-wrapper > h3,
.microsite .ilt_report > h3,
.microsite .ilt_report .report-wrapper > h3,
.ilt_report .microsite .report-wrapper > h3,
.microsite .learner > h3,
.microsite .learner .report-wrapper > h3,
.learner .microsite .report-wrapper > h3, .microsite .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header h2, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header .microsite h2,
.customized .microsite .toolbar .toolbar-tabs h3,
.microsite .toolbar .toolbar-tabs .customized h3,
.customized .toolbar .toolbar-tabs h3,
.customized .transcript .toolbar .toolbar-tabs h3,
.transcript .toolbar .toolbar-tabs .customized h3,
.customized .ilt_global .toolbar .toolbar-tabs h3,
.ilt_global .toolbar .toolbar-tabs .customized h3,
.customized .ilt_learner .toolbar .toolbar-tabs h3,
.ilt_learner .toolbar .toolbar-tabs .customized h3,
.customized .course .toolbar .toolbar-tabs h3,
.course .toolbar .toolbar-tabs .customized h3,
.customized .ilt_report .toolbar .toolbar-tabs h3,
.ilt_report .toolbar .toolbar-tabs .customized h3,
.customized .learner .toolbar .toolbar-tabs h3,
.learner .toolbar .toolbar-tabs .customized h3,
.customized .microsite > h3,
.customized .microsite .report-wrapper > h3,
.microsite .customized .report-wrapper > h3,
.customized > h3,
.customized .report-wrapper > h3,
.customized .transcript > h3,
.customized .transcript .report-wrapper > h3,
.transcript .customized .report-wrapper > h3,
.customized .ilt_global > h3,
.customized .ilt_global .report-wrapper > h3,
.ilt_global .customized .report-wrapper > h3,
.customized .ilt_learner > h3,
.customized .ilt_learner .report-wrapper > h3,
.ilt_learner .customized .report-wrapper > h3,
.customized .course > h3,
.customized .course .report-wrapper > h3,
.course .customized .report-wrapper > h3,
.customized .ilt_report > h3,
.customized .ilt_report .report-wrapper > h3,
.ilt_report .customized .report-wrapper > h3,
.customized .learner > h3,
.customized .learner .report-wrapper > h3,
.learner .customized .report-wrapper > h3,
.customized .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header h2,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header .customized h2,
.transcript .microsite .toolbar .toolbar-tabs h3,
.microsite .toolbar .toolbar-tabs .transcript h3,
.transcript .customized .toolbar .toolbar-tabs h3,
.customized .toolbar .toolbar-tabs .transcript h3,
.transcript .toolbar .toolbar-tabs h3,
.transcript .ilt_global .toolbar .toolbar-tabs h3,
.ilt_global .toolbar .toolbar-tabs .transcript h3,
.transcript .ilt_learner .toolbar .toolbar-tabs h3,
.ilt_learner .toolbar .toolbar-tabs .transcript h3,
.transcript .course .toolbar .toolbar-tabs h3,
.course .toolbar .toolbar-tabs .transcript h3,
.transcript .ilt_report .toolbar .toolbar-tabs h3,
.ilt_report .toolbar .toolbar-tabs .transcript h3,
.transcript .learner .toolbar .toolbar-tabs h3,
.learner .toolbar .toolbar-tabs .transcript h3,
.transcript .microsite > h3,
.transcript .microsite .report-wrapper > h3,
.microsite .transcript .report-wrapper > h3,
.transcript .customized > h3,
.transcript .customized .report-wrapper > h3,
.customized .transcript .report-wrapper > h3,
.transcript > h3,
.transcript .report-wrapper > h3,
.transcript .ilt_global > h3,
.transcript .ilt_global .report-wrapper > h3,
.ilt_global .transcript .report-wrapper > h3,
.transcript .ilt_learner > h3,
.transcript .ilt_learner .report-wrapper > h3,
.ilt_learner .transcript .report-wrapper > h3,
.transcript .course > h3,
.transcript .course .report-wrapper > h3,
.course .transcript .report-wrapper > h3,
.transcript .ilt_report > h3,
.transcript .ilt_report .report-wrapper > h3,
.ilt_report .transcript .report-wrapper > h3,
.transcript .learner > h3,
.transcript .learner .report-wrapper > h3,
.learner .transcript .report-wrapper > h3,
.transcript .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header h2,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header .transcript h2,
.ilt_global .microsite .toolbar .toolbar-tabs h3,
.microsite .toolbar .toolbar-tabs .ilt_global h3,
.ilt_global .customized .toolbar .toolbar-tabs h3,
.customized .toolbar .toolbar-tabs .ilt_global h3,
.ilt_global .transcript .toolbar .toolbar-tabs h3,
.transcript .toolbar .toolbar-tabs .ilt_global h3,
.ilt_global .toolbar .toolbar-tabs h3,
.ilt_global .ilt_learner .toolbar .toolbar-tabs h3,
.ilt_learner .toolbar .toolbar-tabs .ilt_global h3,
.ilt_global .course .toolbar .toolbar-tabs h3,
.course .toolbar .toolbar-tabs .ilt_global h3,
.ilt_global .ilt_report .toolbar .toolbar-tabs h3,
.ilt_report .toolbar .toolbar-tabs .ilt_global h3,
.ilt_global .learner .toolbar .toolbar-tabs h3,
.learner .toolbar .toolbar-tabs .ilt_global h3,
.ilt_global .microsite > h3,
.ilt_global .microsite .report-wrapper > h3,
.microsite .ilt_global .report-wrapper > h3,
.ilt_global .customized > h3,
.ilt_global .customized .report-wrapper > h3,
.customized .ilt_global .report-wrapper > h3,
.ilt_global .transcript > h3,
.ilt_global .transcript .report-wrapper > h3,
.transcript .ilt_global .report-wrapper > h3,
.ilt_global > h3,
.ilt_global .report-wrapper > h3,
.ilt_global .ilt_learner > h3,
.ilt_global .ilt_learner .report-wrapper > h3,
.ilt_learner .ilt_global .report-wrapper > h3,
.ilt_global .course > h3,
.ilt_global .course .report-wrapper > h3,
.course .ilt_global .report-wrapper > h3,
.ilt_global .ilt_report > h3,
.ilt_global .ilt_report .report-wrapper > h3,
.ilt_report .ilt_global .report-wrapper > h3,
.ilt_global .learner > h3,
.ilt_global .learner .report-wrapper > h3,
.learner .ilt_global .report-wrapper > h3,
.ilt_global .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header h2,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header .ilt_global h2,
.ilt_learner .microsite .toolbar .toolbar-tabs h3,
.microsite .toolbar .toolbar-tabs .ilt_learner h3,
.ilt_learner .customized .toolbar .toolbar-tabs h3,
.customized .toolbar .toolbar-tabs .ilt_learner h3,
.ilt_learner .transcript .toolbar .toolbar-tabs h3,
.transcript .toolbar .toolbar-tabs .ilt_learner h3,
.ilt_learner .ilt_global .toolbar .toolbar-tabs h3,
.ilt_global .toolbar .toolbar-tabs .ilt_learner h3,
.ilt_learner .toolbar .toolbar-tabs h3,
.ilt_learner .course .toolbar .toolbar-tabs h3,
.course .toolbar .toolbar-tabs .ilt_learner h3,
.ilt_learner .ilt_report .toolbar .toolbar-tabs h3,
.ilt_report .toolbar .toolbar-tabs .ilt_learner h3,
.ilt_learner .learner .toolbar .toolbar-tabs h3,
.learner .toolbar .toolbar-tabs .ilt_learner h3,
.ilt_learner .microsite > h3,
.ilt_learner .microsite .report-wrapper > h3,
.microsite .ilt_learner .report-wrapper > h3,
.ilt_learner .customized > h3,
.ilt_learner .customized .report-wrapper > h3,
.customized .ilt_learner .report-wrapper > h3,
.ilt_learner .transcript > h3,
.ilt_learner .transcript .report-wrapper > h3,
.transcript .ilt_learner .report-wrapper > h3,
.ilt_learner .ilt_global > h3,
.ilt_learner .ilt_global .report-wrapper > h3,
.ilt_global .ilt_learner .report-wrapper > h3,
.ilt_learner > h3,
.ilt_learner .report-wrapper > h3,
.ilt_learner .course > h3,
.ilt_learner .course .report-wrapper > h3,
.course .ilt_learner .report-wrapper > h3,
.ilt_learner .ilt_report > h3,
.ilt_learner .ilt_report .report-wrapper > h3,
.ilt_report .ilt_learner .report-wrapper > h3,
.ilt_learner .learner > h3,
.ilt_learner .learner .report-wrapper > h3,
.learner .ilt_learner .report-wrapper > h3,
.ilt_learner .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header h2,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header .ilt_learner h2,
.course .microsite .toolbar .toolbar-tabs h3,
.microsite .toolbar .toolbar-tabs .course h3,
.course .customized .toolbar .toolbar-tabs h3,
.customized .toolbar .toolbar-tabs .course h3,
.course .transcript .toolbar .toolbar-tabs h3,
.transcript .toolbar .toolbar-tabs .course h3,
.course .ilt_global .toolbar .toolbar-tabs h3,
.ilt_global .toolbar .toolbar-tabs .course h3,
.course .ilt_learner .toolbar .toolbar-tabs h3,
.ilt_learner .toolbar .toolbar-tabs .course h3,
.course .toolbar .toolbar-tabs h3,
.course .ilt_report .toolbar .toolbar-tabs h3,
.ilt_report .toolbar .toolbar-tabs .course h3,
.course .learner .toolbar .toolbar-tabs h3,
.learner .toolbar .toolbar-tabs .course h3,
.course .microsite > h3,
.course .microsite .report-wrapper > h3,
.microsite .course .report-wrapper > h3,
.course .customized > h3,
.course .customized .report-wrapper > h3,
.customized .course .report-wrapper > h3,
.course .transcript > h3,
.course .transcript .report-wrapper > h3,
.transcript .course .report-wrapper > h3,
.course .ilt_global > h3,
.course .ilt_global .report-wrapper > h3,
.ilt_global .course .report-wrapper > h3,
.course .ilt_learner > h3,
.course .ilt_learner .report-wrapper > h3,
.ilt_learner .course .report-wrapper > h3,
.course > h3,
.course .report-wrapper > h3,
.course .ilt_report > h3,
.course .ilt_report .report-wrapper > h3,
.ilt_report .course .report-wrapper > h3,
.course .learner > h3,
.course .learner .report-wrapper > h3,
.learner .course .report-wrapper > h3,
.course .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header h2,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header .course h2,
.ilt_report .microsite .toolbar .toolbar-tabs h3,
.microsite .toolbar .toolbar-tabs .ilt_report h3,
.ilt_report .customized .toolbar .toolbar-tabs h3,
.customized .toolbar .toolbar-tabs .ilt_report h3,
.ilt_report .transcript .toolbar .toolbar-tabs h3,
.transcript .toolbar .toolbar-tabs .ilt_report h3,
.ilt_report .ilt_global .toolbar .toolbar-tabs h3,
.ilt_global .toolbar .toolbar-tabs .ilt_report h3,
.ilt_report .ilt_learner .toolbar .toolbar-tabs h3,
.ilt_learner .toolbar .toolbar-tabs .ilt_report h3,
.ilt_report .course .toolbar .toolbar-tabs h3,
.course .toolbar .toolbar-tabs .ilt_report h3,
.ilt_report .toolbar .toolbar-tabs h3,
.ilt_report .learner .toolbar .toolbar-tabs h3,
.learner .toolbar .toolbar-tabs .ilt_report h3,
.ilt_report .microsite > h3,
.ilt_report .microsite .report-wrapper > h3,
.microsite .ilt_report .report-wrapper > h3,
.ilt_report .customized > h3,
.ilt_report .customized .report-wrapper > h3,
.customized .ilt_report .report-wrapper > h3,
.ilt_report .transcript > h3,
.ilt_report .transcript .report-wrapper > h3,
.transcript .ilt_report .report-wrapper > h3,
.ilt_report .ilt_global > h3,
.ilt_report .ilt_global .report-wrapper > h3,
.ilt_global .ilt_report .report-wrapper > h3,
.ilt_report .ilt_learner > h3,
.ilt_report .ilt_learner .report-wrapper > h3,
.ilt_learner .ilt_report .report-wrapper > h3,
.ilt_report .course > h3,
.ilt_report .course .report-wrapper > h3,
.course .ilt_report .report-wrapper > h3,
.ilt_report > h3,
.ilt_report .report-wrapper > h3,
.ilt_report .learner > h3,
.ilt_report .learner .report-wrapper > h3,
.learner .ilt_report .report-wrapper > h3,
.ilt_report .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header h2,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header .ilt_report h2,
.learner .microsite .toolbar .toolbar-tabs h3,
.microsite .toolbar .toolbar-tabs .learner h3,
.learner .customized .toolbar .toolbar-tabs h3,
.customized .toolbar .toolbar-tabs .learner h3,
.learner .transcript .toolbar .toolbar-tabs h3,
.transcript .toolbar .toolbar-tabs .learner h3,
.learner .ilt_global .toolbar .toolbar-tabs h3,
.ilt_global .toolbar .toolbar-tabs .learner h3,
.learner .ilt_learner .toolbar .toolbar-tabs h3,
.ilt_learner .toolbar .toolbar-tabs .learner h3,
.learner .course .toolbar .toolbar-tabs h3,
.course .toolbar .toolbar-tabs .learner h3,
.learner .ilt_report .toolbar .toolbar-tabs h3,
.ilt_report .toolbar .toolbar-tabs .learner h3,
.learner .toolbar .toolbar-tabs h3,
.learner .microsite > h3,
.learner .microsite .report-wrapper > h3,
.microsite .learner .report-wrapper > h3,
.learner .customized > h3,
.learner .customized .report-wrapper > h3,
.customized .learner .report-wrapper > h3,
.learner .transcript > h3,
.learner .transcript .report-wrapper > h3,
.transcript .learner .report-wrapper > h3,
.learner .ilt_global > h3,
.learner .ilt_global .report-wrapper > h3,
.ilt_global .learner .report-wrapper > h3,
.learner .ilt_learner > h3,
.learner .ilt_learner .report-wrapper > h3,
.ilt_learner .learner .report-wrapper > h3,
.learner .course > h3,
.learner .course .report-wrapper > h3,
.course .learner .report-wrapper > h3,
.learner .ilt_report > h3,
.learner .ilt_report .report-wrapper > h3,
.ilt_report .learner .report-wrapper > h3,
.learner > h3,
.learner .report-wrapper > h3,
.learner .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header h2,
.view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header .learner h2 {
  align-self: flex-end;
  font-size: 18px;
  font-weight: 600;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  -webkit-font-smoothing: antialiased;
}

.microsite .lt-react-dropdown .select,
.customized .lt-react-dropdown .select,
.transcript .lt-react-dropdown .select,
.ilt_global .lt-react-dropdown .select,
.ilt_learner .lt-react-dropdown .select,
.course .lt-react-dropdown .select,
.ilt_report .lt-react-dropdown .select,
.learner .lt-react-dropdown .select {
  width: 100%;
  height: 35px;
  box-sizing: border-box;
  white-space: nowrap;
}

.microsite .lt-react-dropdown .select .text,
.customized .lt-react-dropdown .select .text,
.transcript .lt-react-dropdown .select .text,
.ilt_global .lt-react-dropdown .select .text,
.ilt_learner .lt-react-dropdown .select .text,
.course .lt-react-dropdown .select .text,
.ilt_report .lt-react-dropdown .select .text,
.learner .lt-react-dropdown .select .text {
  vertical-align: middle;
  width: calc(100% - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.microsite .lt-react-dropdown .select .text > span:not(:last-child),
.customized .lt-react-dropdown .select .text > span:not(:last-child),
.transcript .lt-react-dropdown .select .text > span:not(:last-child),
.ilt_global .lt-react-dropdown .select .text > span:not(:last-child),
.ilt_learner .lt-react-dropdown .select .text > span:not(:last-child),
.course .lt-react-dropdown .select .text > span:not(:last-child),
.ilt_report .lt-react-dropdown .select .text > span:not(:last-child),
.learner .lt-react-dropdown .select .text > span:not(:last-child) {
  margin-right: 12px;
}

.microsite .lt-react-dropdown .select .text > span:nth-child(odd),
.customized .lt-react-dropdown .select .text > span:nth-child(odd),
.transcript .lt-react-dropdown .select .text > span:nth-child(odd),
.ilt_global .lt-react-dropdown .select .text > span:nth-child(odd),
.ilt_learner .lt-react-dropdown .select .text > span:nth-child(odd),
.course .lt-react-dropdown .select .text > span:nth-child(odd),
.ilt_report .lt-react-dropdown .select .text > span:nth-child(odd),
.learner .lt-react-dropdown .select .text > span:nth-child(odd) {
  color: #4c4c4c;
}

.microsite .lt-react-dropdown .select .text::after,
.customized .lt-react-dropdown .select .text::after,
.transcript .lt-react-dropdown .select .text::after,
.ilt_global .lt-react-dropdown .select .text::after,
.ilt_learner .lt-react-dropdown .select .text::after,
.course .lt-react-dropdown .select .text::after,
.ilt_report .lt-react-dropdown .select .text::after,
.learner .lt-react-dropdown .select .text::after {
  content: "-";
  line-height: 1;
  visibility: hidden;
}

.microsite .lt-react-dropdown .select > svg,
.customized .lt-react-dropdown .select > svg,
.transcript .lt-react-dropdown .select > svg,
.ilt_global .lt-react-dropdown .select > svg,
.ilt_learner .lt-react-dropdown .select > svg,
.course .lt-react-dropdown .select > svg,
.ilt_report .lt-react-dropdown .select > svg,
.learner .lt-react-dropdown .select > svg {
  vertical-align: middle;
}

.microsite .lt-react-dropdown .select .panel li.active input[type="checkbox"] + label,
.customized .lt-react-dropdown .select .panel li.active input[type="checkbox"] + label,
.transcript .lt-react-dropdown .select .panel li.active input[type="checkbox"] + label,
.ilt_global .lt-react-dropdown .select .panel li.active input[type="checkbox"] + label,
.ilt_learner .lt-react-dropdown .select .panel li.active input[type="checkbox"] + label,
.course .lt-react-dropdown .select .panel li.active input[type="checkbox"] + label,
.ilt_report .lt-react-dropdown .select .panel li.active input[type="checkbox"] + label,
.learner .lt-react-dropdown .select .panel li.active input[type="checkbox"] + label {
  color: #5959eb;
}

.microsite .lt-react-dropdown .select .fa-chevron-up,
.customized .lt-react-dropdown .select .fa-chevron-up,
.transcript .lt-react-dropdown .select .fa-chevron-up,
.ilt_global .lt-react-dropdown .select .fa-chevron-up,
.ilt_learner .lt-react-dropdown .select .fa-chevron-up,
.course .lt-react-dropdown .select .fa-chevron-up,
.ilt_report .lt-react-dropdown .select .fa-chevron-up,
.learner .lt-react-dropdown .select .fa-chevron-up {
  color: #5959eb;
}

.microsite .lt-react-dropdown .select svg,
.customized .lt-react-dropdown .select svg,
.transcript .lt-react-dropdown .select svg,
.ilt_global .lt-react-dropdown .select svg,
.ilt_learner .lt-react-dropdown .select svg,
.course .lt-react-dropdown .select svg,
.ilt_report .lt-react-dropdown .select svg,
.learner .lt-react-dropdown .select svg {
  width: 10px;
}

.microsite .lt-react-dropdown .select .text span,
.customized .lt-react-dropdown .select .text span,
.transcript .lt-react-dropdown .select .text span,
.ilt_global .lt-react-dropdown .select .text span,
.ilt_learner .lt-react-dropdown .select .text span,
.course .lt-react-dropdown .select .text span,
.ilt_report .lt-react-dropdown .select .text span,
.learner .lt-react-dropdown .select .text span {
  background-color: #ececec;
  border-radius: 8px;
  padding: 0px 10px;
  display: inline-block;
  line-height: 25px;
}

.microsite .lt-react-dropdown .panel input[type="text"],
.customized .lt-react-dropdown .panel input[type="text"],
.transcript .lt-react-dropdown .panel input[type="text"],
.ilt_global .lt-react-dropdown .panel input[type="text"],
.ilt_learner .lt-react-dropdown .panel input[type="text"],
.course .lt-react-dropdown .panel input[type="text"],
.ilt_report .lt-react-dropdown .panel input[type="text"],
.learner .lt-react-dropdown .panel input[type="text"] {
  height: 100%;
  box-sizing: border-box;
  border: 0;
  outline: none;
  padding-left: 10px;
  box-shadow: none;
  font-style: normal;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  border: 1px solid #ececec;
  width: 100%;
}

.microsite .lt-react-dropdown .panel,
.customized .lt-react-dropdown .panel,
.transcript .lt-react-dropdown .panel,
.ilt_global .lt-react-dropdown .panel,
.ilt_learner .lt-react-dropdown .panel,
.course .lt-react-dropdown .panel,
.ilt_report .lt-react-dropdown .panel,
.learner .lt-react-dropdown .panel {
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 9;
  width: 100%;
}

.microsite .lt-react-dropdown .panel li,
.customized .lt-react-dropdown .panel li,
.transcript .lt-react-dropdown .panel li,
.ilt_global .lt-react-dropdown .panel li,
.ilt_learner .lt-react-dropdown .panel li,
.course .lt-react-dropdown .panel li,
.ilt_report .lt-react-dropdown .panel li,
.learner .lt-react-dropdown .panel li {
  white-space: nowrap;
  line-height: 35px;
  height: 35px;
  font-size: 14px;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.microsite .lt-react-dropdown .panel li:not(:first-child),
.customized .lt-react-dropdown .panel li:not(:first-child),
.transcript .lt-react-dropdown .panel li:not(:first-child),
.ilt_global .lt-react-dropdown .panel li:not(:first-child),
.ilt_learner .lt-react-dropdown .panel li:not(:first-child),
.course .lt-react-dropdown .panel li:not(:first-child),
.ilt_report .lt-react-dropdown .panel li:not(:first-child),
.learner .lt-react-dropdown .panel li:not(:first-child) {
  margin-top: 2px;
}

.microsite .lt-react-dropdown .panel li.active, .microsite .lt-react-dropdown .panel li:hover,
.customized .lt-react-dropdown .panel li.active,
.customized .lt-react-dropdown .panel li:hover,
.transcript .lt-react-dropdown .panel li.active,
.transcript .lt-react-dropdown .panel li:hover,
.ilt_global .lt-react-dropdown .panel li.active,
.ilt_global .lt-react-dropdown .panel li:hover,
.ilt_learner .lt-react-dropdown .panel li.active,
.ilt_learner .lt-react-dropdown .panel li:hover,
.course .lt-react-dropdown .panel li.active,
.course .lt-react-dropdown .panel li:hover,
.ilt_report .lt-react-dropdown .panel li.active,
.ilt_report .lt-react-dropdown .panel li:hover,
.learner .lt-react-dropdown .panel li.active,
.learner .lt-react-dropdown .panel li:hover {
  background-color: transparent;
}

.microsite .lt-react-dropdown .panel li:hover,
.customized .lt-react-dropdown .panel li:hover,
.transcript .lt-react-dropdown .panel li:hover,
.ilt_global .lt-react-dropdown .panel li:hover,
.ilt_learner .lt-react-dropdown .panel li:hover,
.course .lt-react-dropdown .panel li:hover,
.ilt_report .lt-react-dropdown .panel li:hover,
.learner .lt-react-dropdown .panel li:hover {
  color: #4c4c4c;
}

.microsite .lt-react-dropdown .panel li.active,
.microsite .lt-react-dropdown .panel li.active label,
.customized .lt-react-dropdown .panel li.active,
.customized .lt-react-dropdown .panel li.active label,
.transcript .lt-react-dropdown .panel li.active,
.transcript .lt-react-dropdown .panel li.active label,
.ilt_global .lt-react-dropdown .panel li.active,
.ilt_global .lt-react-dropdown .panel li.active label,
.ilt_learner .lt-react-dropdown .panel li.active,
.ilt_learner .lt-react-dropdown .panel li.active label,
.course .lt-react-dropdown .panel li.active,
.course .lt-react-dropdown .panel li.active label,
.ilt_report .lt-react-dropdown .panel li.active,
.ilt_report .lt-react-dropdown .panel li.active label,
.learner .lt-react-dropdown .panel li.active,
.learner .lt-react-dropdown .panel li.active label {
  color: #5959eb;
  font-weight: 600;
}

.microsite .lt-react-dropdown .panel li input[type="checkbox"],
.customized .lt-react-dropdown .panel li input[type="checkbox"],
.transcript .lt-react-dropdown .panel li input[type="checkbox"],
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"],
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"],
.course .lt-react-dropdown .panel li input[type="checkbox"],
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"],
.learner .lt-react-dropdown .panel li input[type="checkbox"] {
  visibility: hidden;
  display: inline-block;
}

.microsite .lt-react-dropdown .panel li input[type="checkbox"] + span, .microsite .lt-react-dropdown .panel li input[type="checkbox"] + label,
.customized .lt-react-dropdown .panel li input[type="checkbox"] + span,
.customized .lt-react-dropdown .panel li input[type="checkbox"] + label,
.transcript .lt-react-dropdown .panel li input[type="checkbox"] + span,
.transcript .lt-react-dropdown .panel li input[type="checkbox"] + label,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"] + span,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"] + label,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"] + span,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"] + label,
.course .lt-react-dropdown .panel li input[type="checkbox"] + span,
.course .lt-react-dropdown .panel li input[type="checkbox"] + label,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"] + span,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"] + label,
.learner .lt-react-dropdown .panel li input[type="checkbox"] + span,
.learner .lt-react-dropdown .panel li input[type="checkbox"] + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

.microsite .lt-react-dropdown .panel li input[type="checkbox"] + span:before, .microsite .lt-react-dropdown .panel li input[type="checkbox"] + label:before,
.customized .lt-react-dropdown .panel li input[type="checkbox"] + span:before,
.customized .lt-react-dropdown .panel li input[type="checkbox"] + label:before,
.transcript .lt-react-dropdown .panel li input[type="checkbox"] + span:before,
.transcript .lt-react-dropdown .panel li input[type="checkbox"] + label:before,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"] + span:before,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"] + label:before,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"] + span:before,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"] + label:before,
.course .lt-react-dropdown .panel li input[type="checkbox"] + span:before,
.course .lt-react-dropdown .panel li input[type="checkbox"] + label:before,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"] + span:before,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"] + label:before,
.learner .lt-react-dropdown .panel li input[type="checkbox"] + span:before,
.learner .lt-react-dropdown .panel li input[type="checkbox"] + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

.microsite .lt-react-dropdown .panel li input[type="checkbox"]:checked + span:before, .microsite .lt-react-dropdown .panel li input[type="checkbox"]:checked + label:before,
.customized .lt-react-dropdown .panel li input[type="checkbox"]:checked + span:before,
.customized .lt-react-dropdown .panel li input[type="checkbox"]:checked + label:before,
.transcript .lt-react-dropdown .panel li input[type="checkbox"]:checked + span:before,
.transcript .lt-react-dropdown .panel li input[type="checkbox"]:checked + label:before,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"]:checked + span:before,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"]:checked + label:before,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"]:checked + span:before,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"]:checked + label:before,
.course .lt-react-dropdown .panel li input[type="checkbox"]:checked + span:before,
.course .lt-react-dropdown .panel li input[type="checkbox"]:checked + label:before,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"]:checked + span:before,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"]:checked + label:before,
.learner .lt-react-dropdown .panel li input[type="checkbox"]:checked + span:before,
.learner .lt-react-dropdown .panel li input[type="checkbox"]:checked + label:before {
  content: "";
  color: #5959eb;
}

.microsite .lt-react-dropdown .panel li input[type="checkbox"][disabled] + span:before, .microsite .lt-react-dropdown .panel li input[type="checkbox"][disabled] + label:before, .microsite .lt-react-dropdown .panel li input[type="checkbox"].disabled + span:before, .microsite .lt-react-dropdown .panel li input[type="checkbox"].disabled + label:before, .microsite .lt-react-dropdown .panel li input[type="checkbox"]:disabled + span:before, .microsite .lt-react-dropdown .panel li input[type="checkbox"]:disabled + label:before, .microsite .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + span:before, .microsite .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + label:before,
.customized .lt-react-dropdown .panel li input[type="checkbox"][disabled] + span:before,
.customized .lt-react-dropdown .panel li input[type="checkbox"][disabled] + label:before,
.customized .lt-react-dropdown .panel li input[type="checkbox"].disabled + span:before,
.customized .lt-react-dropdown .panel li input[type="checkbox"].disabled + label:before,
.customized .lt-react-dropdown .panel li input[type="checkbox"]:disabled + span:before,
.customized .lt-react-dropdown .panel li input[type="checkbox"]:disabled + label:before,
.customized .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + span:before,
.customized .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + label:before,
.transcript .lt-react-dropdown .panel li input[type="checkbox"][disabled] + span:before,
.transcript .lt-react-dropdown .panel li input[type="checkbox"][disabled] + label:before,
.transcript .lt-react-dropdown .panel li input[type="checkbox"].disabled + span:before,
.transcript .lt-react-dropdown .panel li input[type="checkbox"].disabled + label:before,
.transcript .lt-react-dropdown .panel li input[type="checkbox"]:disabled + span:before,
.transcript .lt-react-dropdown .panel li input[type="checkbox"]:disabled + label:before,
.transcript .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + span:before,
.transcript .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + label:before,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"][disabled] + span:before,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"][disabled] + label:before,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"].disabled + span:before,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"].disabled + label:before,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"]:disabled + span:before,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"]:disabled + label:before,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + span:before,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + label:before,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"][disabled] + span:before,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"][disabled] + label:before,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"].disabled + span:before,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"].disabled + label:before,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"]:disabled + span:before,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"]:disabled + label:before,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + span:before,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + label:before,
.course .lt-react-dropdown .panel li input[type="checkbox"][disabled] + span:before,
.course .lt-react-dropdown .panel li input[type="checkbox"][disabled] + label:before,
.course .lt-react-dropdown .panel li input[type="checkbox"].disabled + span:before,
.course .lt-react-dropdown .panel li input[type="checkbox"].disabled + label:before,
.course .lt-react-dropdown .panel li input[type="checkbox"]:disabled + span:before,
.course .lt-react-dropdown .panel li input[type="checkbox"]:disabled + label:before,
.course .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + span:before,
.course .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + label:before,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"][disabled] + span:before,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"][disabled] + label:before,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"].disabled + span:before,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"].disabled + label:before,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"]:disabled + span:before,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"]:disabled + label:before,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + span:before,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + label:before,
.learner .lt-react-dropdown .panel li input[type="checkbox"][disabled] + span:before,
.learner .lt-react-dropdown .panel li input[type="checkbox"][disabled] + label:before,
.learner .lt-react-dropdown .panel li input[type="checkbox"].disabled + span:before,
.learner .lt-react-dropdown .panel li input[type="checkbox"].disabled + label:before,
.learner .lt-react-dropdown .panel li input[type="checkbox"]:disabled + span:before,
.learner .lt-react-dropdown .panel li input[type="checkbox"]:disabled + label:before,
.learner .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + span:before,
.learner .lt-react-dropdown .panel li input[type="checkbox"].is-disabled + label:before {
  color: #4c4c8e;
}

.microsite .lt-react-dropdown .panel li input[type="checkbox"] + label,
.customized .lt-react-dropdown .panel li input[type="checkbox"] + label,
.transcript .lt-react-dropdown .panel li input[type="checkbox"] + label,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"] + label,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"] + label,
.course .lt-react-dropdown .panel li input[type="checkbox"] + label,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"] + label,
.learner .lt-react-dropdown .panel li input[type="checkbox"] + label {
  font-size: 14px;
  font-weight: normal;
}

.microsite .lt-react-dropdown .panel li input[type="checkbox"] + label:before,
.customized .lt-react-dropdown .panel li input[type="checkbox"] + label:before,
.transcript .lt-react-dropdown .panel li input[type="checkbox"] + label:before,
.ilt_global .lt-react-dropdown .panel li input[type="checkbox"] + label:before,
.ilt_learner .lt-react-dropdown .panel li input[type="checkbox"] + label:before,
.course .lt-react-dropdown .panel li input[type="checkbox"] + label:before,
.ilt_report .lt-react-dropdown .panel li input[type="checkbox"] + label:before,
.learner .lt-react-dropdown .panel li input[type="checkbox"] + label:before {
  font-size: 16px;
}

.microsite .lt-react-dropdown .panel li label,
.customized .lt-react-dropdown .panel li label,
.transcript .lt-react-dropdown .panel li label,
.ilt_global .lt-react-dropdown .panel li label,
.ilt_learner .lt-react-dropdown .panel li label,
.course .lt-react-dropdown .panel li label,
.ilt_report .lt-react-dropdown .panel li label,
.learner .lt-react-dropdown .panel li label {
  display: inline-block;
}

.microsite .lt-react-label-value .element-wrapper,
.customized .lt-react-label-value .element-wrapper,
.transcript .lt-react-label-value .element-wrapper,
.ilt_global .lt-react-label-value .element-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper,
.course .lt-react-label-value .element-wrapper,
.ilt_report .lt-react-label-value .element-wrapper,
.learner .lt-react-label-value .element-wrapper {
  display: flex;
  gap: 10px;
}

.microsite .lt-react-label-value .element-wrapper .lt-react-dropdown,
.customized .lt-react-label-value .element-wrapper .lt-react-dropdown,
.transcript .lt-react-label-value .element-wrapper .lt-react-dropdown,
.ilt_global .lt-react-label-value .element-wrapper .lt-react-dropdown,
.ilt_learner .lt-react-label-value .element-wrapper .lt-react-dropdown,
.course .lt-react-label-value .element-wrapper .lt-react-dropdown,
.ilt_report .lt-react-label-value .element-wrapper .lt-react-dropdown,
.learner .lt-react-label-value .element-wrapper .lt-react-dropdown {
  flex: 0.4;
}

.microsite .lt-react-label-value .element-wrapper .input-wrapper,
.customized .lt-react-label-value .element-wrapper .input-wrapper,
.transcript .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_global .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_learner .lt-react-label-value .element-wrapper .input-wrapper,
.course .lt-react-label-value .element-wrapper .input-wrapper,
.ilt_report .lt-react-label-value .element-wrapper .input-wrapper,
.learner .lt-react-label-value .element-wrapper .input-wrapper {
  display: flex;
  box-sizing: border-box;
  flex: 0.6;
  align-items: center;
  margin-left: 0;
  padding-right: 15px;
}

.microsite .lt-react-label-value .element-wrapper .input-wrapper .label,
.customized .lt-react-label-value .element-wrapper .input-wrapper .label,
.transcript .lt-react-label-value .element-wrapper .input-wrapper .label,
.ilt_global .lt-react-label-value .element-wrapper .input-wrapper .label,
.ilt_learner .lt-react-label-value .element-wrapper .input-wrapper .label,
.course .lt-react-label-value .element-wrapper .input-wrapper .label,
.ilt_report .lt-react-label-value .element-wrapper .input-wrapper .label,
.learner .lt-react-label-value .element-wrapper .input-wrapper .label {
  display: flex;
}

.microsite .lt-react-label-value .element-wrapper .input-wrapper .box,
.customized .lt-react-label-value .element-wrapper .input-wrapper .box,
.transcript .lt-react-label-value .element-wrapper .input-wrapper .box,
.ilt_global .lt-react-label-value .element-wrapper .input-wrapper .box,
.ilt_learner .lt-react-label-value .element-wrapper .input-wrapper .box,
.course .lt-react-label-value .element-wrapper .input-wrapper .box,
.ilt_report .lt-react-label-value .element-wrapper .input-wrapper .box,
.learner .lt-react-label-value .element-wrapper .input-wrapper .box {
  flex: 1;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  height: 33px;
  box-shadow: none;
}

.microsite .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.microsite .lt-react-label-value .element-wrapper .input-wrapper .label,
.customized .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.customized .lt-react-label-value .element-wrapper .input-wrapper .label,
.transcript .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.transcript .lt-react-label-value .element-wrapper .input-wrapper .label,
.ilt_global .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.ilt_global .lt-react-label-value .element-wrapper .input-wrapper .label,
.ilt_learner .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.ilt_learner .lt-react-label-value .element-wrapper .input-wrapper .label,
.course .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.course .lt-react-label-value .element-wrapper .input-wrapper .label,
.ilt_report .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.ilt_report .lt-react-label-value .element-wrapper .input-wrapper .label,
.learner .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.learner .lt-react-label-value .element-wrapper .input-wrapper .label {
  color: #5959eb;
}

.microsite .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.customized .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.transcript .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.ilt_global .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.ilt_learner .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.course .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.ilt_report .lt-react-label-value .element-wrapper .input-wrapper .search-icon,
.learner .lt-react-label-value .element-wrapper .input-wrapper .search-icon {
  width: 16px;
}

.microsite .lt-react-label-value .element-wrapper .data-clear,
.customized .lt-react-label-value .element-wrapper .data-clear,
.transcript .lt-react-label-value .element-wrapper .data-clear,
.ilt_global .lt-react-label-value .element-wrapper .data-clear,
.ilt_learner .lt-react-label-value .element-wrapper .data-clear,
.course .lt-react-label-value .element-wrapper .data-clear,
.ilt_report .lt-react-label-value .element-wrapper .data-clear,
.learner .lt-react-label-value .element-wrapper .data-clear {
  color: #5959eb;
  align-items: center;
  margin-left: 0;
}

.microsite .lt-react-label-value .element-wrapper .data-clear .sync-icon,
.customized .lt-react-label-value .element-wrapper .data-clear .sync-icon,
.transcript .lt-react-label-value .element-wrapper .data-clear .sync-icon,
.ilt_global .lt-react-label-value .element-wrapper .data-clear .sync-icon,
.ilt_learner .lt-react-label-value .element-wrapper .data-clear .sync-icon,
.course .lt-react-label-value .element-wrapper .data-clear .sync-icon,
.ilt_report .lt-react-label-value .element-wrapper .data-clear .sync-icon,
.learner .lt-react-label-value .element-wrapper .data-clear .sync-icon {
  width: 16px;
  height: 16px;
}

.microsite .lt-react-label-value .selected-wrapper li,
.customized .lt-react-label-value .selected-wrapper li,
.transcript .lt-react-label-value .selected-wrapper li,
.ilt_global .lt-react-label-value .selected-wrapper li,
.ilt_learner .lt-react-label-value .selected-wrapper li,
.course .lt-react-label-value .selected-wrapper li,
.ilt_report .lt-react-label-value .selected-wrapper li,
.learner .lt-react-label-value .selected-wrapper li {
  background: #ececec;
}

.microsite .lt-react-label-value .selected-wrapper li i,
.customized .lt-react-label-value .selected-wrapper li i,
.transcript .lt-react-label-value .selected-wrapper li i,
.ilt_global .lt-react-label-value .selected-wrapper li i,
.ilt_learner .lt-react-label-value .selected-wrapper li i,
.course .lt-react-label-value .selected-wrapper li i,
.ilt_report .lt-react-label-value .selected-wrapper li i,
.learner .lt-react-label-value .selected-wrapper li i {
  margin-left: 3px;
}

.microsite .lt-react-label-value .hidden,
.customized .lt-react-label-value .hidden,
.transcript .lt-react-label-value .hidden,
.ilt_global .lt-react-label-value .hidden,
.ilt_learner .lt-react-label-value .hidden,
.course .lt-react-label-value .hidden,
.ilt_report .lt-react-label-value .hidden,
.learner .lt-react-label-value .hidden {
  display: none;
}

.microsite .date-range-selector .labels .label,
.customized .date-range-selector .labels .label,
.transcript .date-range-selector .labels .label,
.ilt_global .date-range-selector .labels .label,
.ilt_learner .date-range-selector .labels .label,
.course .date-range-selector .labels .label,
.ilt_report .date-range-selector .labels .label,
.learner .date-range-selector .labels .label {
  padding-right: 20px;
  font-size: 14px;
  font-weight: 600;
}

.microsite .date-range-selector .labels .day,
.customized .date-range-selector .labels .day,
.transcript .date-range-selector .labels .day,
.ilt_global .date-range-selector .labels .day,
.ilt_learner .date-range-selector .labels .day,
.course .date-range-selector .labels .day,
.ilt_report .date-range-selector .labels .day,
.learner .date-range-selector .labels .day {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.microsite .date-range-selector .labels .day:hover, .microsite .date-range-selector .labels .day.active,
.customized .date-range-selector .labels .day:hover,
.customized .date-range-selector .labels .day.active,
.transcript .date-range-selector .labels .day:hover,
.transcript .date-range-selector .labels .day.active,
.ilt_global .date-range-selector .labels .day:hover,
.ilt_global .date-range-selector .labels .day.active,
.ilt_learner .date-range-selector .labels .day:hover,
.ilt_learner .date-range-selector .labels .day.active,
.course .date-range-selector .labels .day:hover,
.course .date-range-selector .labels .day.active,
.ilt_report .date-range-selector .labels .day:hover,
.ilt_report .date-range-selector .labels .day.active,
.learner .date-range-selector .labels .day:hover,
.learner .date-range-selector .labels .day.active {
  text-decoration: none;
}

.microsite .date-range-selector .labels .day .icon, .microsite .date-range-selector .labels .day .fa, .microsite .date-range-selector .labels .day .fas, .microsite .date-range-selector .labels .day .far, .microsite .date-range-selector .labels .day .fal,
.customized .date-range-selector .labels .day .icon,
.customized .date-range-selector .labels .day .fa,
.customized .date-range-selector .labels .day .fas,
.customized .date-range-selector .labels .day .far,
.customized .date-range-selector .labels .day .fal,
.transcript .date-range-selector .labels .day .icon,
.transcript .date-range-selector .labels .day .fa,
.transcript .date-range-selector .labels .day .fas,
.transcript .date-range-selector .labels .day .far,
.transcript .date-range-selector .labels .day .fal,
.ilt_global .date-range-selector .labels .day .icon,
.ilt_global .date-range-selector .labels .day .fa,
.ilt_global .date-range-selector .labels .day .fas,
.ilt_global .date-range-selector .labels .day .far,
.ilt_global .date-range-selector .labels .day .fal,
.ilt_learner .date-range-selector .labels .day .icon,
.ilt_learner .date-range-selector .labels .day .fa,
.ilt_learner .date-range-selector .labels .day .fas,
.ilt_learner .date-range-selector .labels .day .far,
.ilt_learner .date-range-selector .labels .day .fal,
.course .date-range-selector .labels .day .icon,
.course .date-range-selector .labels .day .fa,
.course .date-range-selector .labels .day .fas,
.course .date-range-selector .labels .day .far,
.course .date-range-selector .labels .day .fal,
.ilt_report .date-range-selector .labels .day .icon,
.ilt_report .date-range-selector .labels .day .fa,
.ilt_report .date-range-selector .labels .day .fas,
.ilt_report .date-range-selector .labels .day .far,
.ilt_report .date-range-selector .labels .day .fal,
.learner .date-range-selector .labels .day .icon,
.learner .date-range-selector .labels .day .fa,
.learner .date-range-selector .labels .day .fas,
.learner .date-range-selector .labels .day .far,
.learner .date-range-selector .labels .day .fal {
  margin-right: 5px;
}

.microsite .date-range-selector .labels .day, .microsite .date-range-selector .labels .day:focus,
.customized .date-range-selector .labels .day,
.customized .date-range-selector .labels .day:focus,
.transcript .date-range-selector .labels .day,
.transcript .date-range-selector .labels .day:focus,
.ilt_global .date-range-selector .labels .day,
.ilt_global .date-range-selector .labels .day:focus,
.ilt_learner .date-range-selector .labels .day,
.ilt_learner .date-range-selector .labels .day:focus,
.course .date-range-selector .labels .day,
.course .date-range-selector .labels .day:focus,
.ilt_report .date-range-selector .labels .day,
.ilt_report .date-range-selector .labels .day:focus,
.learner .date-range-selector .labels .day,
.learner .date-range-selector .labels .day:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

.microsite .date-range-selector .labels .day:hover, .microsite .date-range-selector .labels .day.active,
.customized .date-range-selector .labels .day:hover,
.customized .date-range-selector .labels .day.active,
.transcript .date-range-selector .labels .day:hover,
.transcript .date-range-selector .labels .day.active,
.ilt_global .date-range-selector .labels .day:hover,
.ilt_global .date-range-selector .labels .day.active,
.ilt_learner .date-range-selector .labels .day:hover,
.ilt_learner .date-range-selector .labels .day.active,
.course .date-range-selector .labels .day:hover,
.course .date-range-selector .labels .day.active,
.ilt_report .date-range-selector .labels .day:hover,
.ilt_report .date-range-selector .labels .day.active,
.learner .date-range-selector .labels .day:hover,
.learner .date-range-selector .labels .day.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.microsite .date-range-selector .labels .day[disabled], .microsite .date-range-selector .labels .day.disabled, .microsite .date-range-selector .labels .day:disabled, .microsite .date-range-selector .labels .day.is-disabled,
.customized .date-range-selector .labels .day[disabled],
.customized .date-range-selector .labels .day.disabled,
.customized .date-range-selector .labels .day:disabled,
.customized .date-range-selector .labels .day.is-disabled,
.transcript .date-range-selector .labels .day[disabled],
.transcript .date-range-selector .labels .day.disabled,
.transcript .date-range-selector .labels .day:disabled,
.transcript .date-range-selector .labels .day.is-disabled,
.ilt_global .date-range-selector .labels .day[disabled],
.ilt_global .date-range-selector .labels .day.disabled,
.ilt_global .date-range-selector .labels .day:disabled,
.ilt_global .date-range-selector .labels .day.is-disabled,
.ilt_learner .date-range-selector .labels .day[disabled],
.ilt_learner .date-range-selector .labels .day.disabled,
.ilt_learner .date-range-selector .labels .day:disabled,
.ilt_learner .date-range-selector .labels .day.is-disabled,
.course .date-range-selector .labels .day[disabled],
.course .date-range-selector .labels .day.disabled,
.course .date-range-selector .labels .day:disabled,
.course .date-range-selector .labels .day.is-disabled,
.ilt_report .date-range-selector .labels .day[disabled],
.ilt_report .date-range-selector .labels .day.disabled,
.ilt_report .date-range-selector .labels .day:disabled,
.ilt_report .date-range-selector .labels .day.is-disabled,
.learner .date-range-selector .labels .day[disabled],
.learner .date-range-selector .labels .day.disabled,
.learner .date-range-selector .labels .day:disabled,
.learner .date-range-selector .labels .day.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

.microsite .date-range-selector .labels .day[disabled]:focus, .microsite .date-range-selector .labels .day.disabled:focus, .microsite .date-range-selector .labels .day:disabled:focus, .microsite .date-range-selector .labels .day.is-disabled:focus,
.customized .date-range-selector .labels .day[disabled]:focus,
.customized .date-range-selector .labels .day.disabled:focus,
.customized .date-range-selector .labels .day:disabled:focus,
.customized .date-range-selector .labels .day.is-disabled:focus,
.transcript .date-range-selector .labels .day[disabled]:focus,
.transcript .date-range-selector .labels .day.disabled:focus,
.transcript .date-range-selector .labels .day:disabled:focus,
.transcript .date-range-selector .labels .day.is-disabled:focus,
.ilt_global .date-range-selector .labels .day[disabled]:focus,
.ilt_global .date-range-selector .labels .day.disabled:focus,
.ilt_global .date-range-selector .labels .day:disabled:focus,
.ilt_global .date-range-selector .labels .day.is-disabled:focus,
.ilt_learner .date-range-selector .labels .day[disabled]:focus,
.ilt_learner .date-range-selector .labels .day.disabled:focus,
.ilt_learner .date-range-selector .labels .day:disabled:focus,
.ilt_learner .date-range-selector .labels .day.is-disabled:focus,
.course .date-range-selector .labels .day[disabled]:focus,
.course .date-range-selector .labels .day.disabled:focus,
.course .date-range-selector .labels .day:disabled:focus,
.course .date-range-selector .labels .day.is-disabled:focus,
.ilt_report .date-range-selector .labels .day[disabled]:focus,
.ilt_report .date-range-selector .labels .day.disabled:focus,
.ilt_report .date-range-selector .labels .day:disabled:focus,
.ilt_report .date-range-selector .labels .day.is-disabled:focus,
.learner .date-range-selector .labels .day[disabled]:focus,
.learner .date-range-selector .labels .day.disabled:focus,
.learner .date-range-selector .labels .day:disabled:focus,
.learner .date-range-selector .labels .day.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

.microsite .date-range-selector .labels .day:not(:last-child),
.customized .date-range-selector .labels .day:not(:last-child),
.transcript .date-range-selector .labels .day:not(:last-child),
.ilt_global .date-range-selector .labels .day:not(:last-child),
.ilt_learner .date-range-selector .labels .day:not(:last-child),
.course .date-range-selector .labels .day:not(:last-child),
.ilt_report .date-range-selector .labels .day:not(:last-child),
.learner .date-range-selector .labels .day:not(:last-child) {
  margin: 0 10px 0 0;
}

.microsite .date-range-selector .box-container svg,
.customized .date-range-selector .box-container svg,
.transcript .date-range-selector .box-container svg,
.ilt_global .date-range-selector .box-container svg,
.ilt_learner .date-range-selector .box-container svg,
.course .date-range-selector .box-container svg,
.ilt_report .date-range-selector .box-container svg,
.learner .date-range-selector .box-container svg {
  width: 18px;
  height: 18px;
}

.microsite .date-range-selector .box-container,
.microsite .date-range-selector .box-container svg,
.microsite .date-range-selector .box-container input,
.customized .date-range-selector .box-container,
.customized .date-range-selector .box-container svg,
.customized .date-range-selector .box-container input,
.transcript .date-range-selector .box-container,
.transcript .date-range-selector .box-container svg,
.transcript .date-range-selector .box-container input,
.ilt_global .date-range-selector .box-container,
.ilt_global .date-range-selector .box-container svg,
.ilt_global .date-range-selector .box-container input,
.ilt_learner .date-range-selector .box-container,
.ilt_learner .date-range-selector .box-container svg,
.ilt_learner .date-range-selector .box-container input,
.course .date-range-selector .box-container,
.course .date-range-selector .box-container svg,
.course .date-range-selector .box-container input,
.ilt_report .date-range-selector .box-container,
.ilt_report .date-range-selector .box-container svg,
.ilt_report .date-range-selector .box-container input,
.learner .date-range-selector .box-container,
.learner .date-range-selector .box-container svg,
.learner .date-range-selector .box-container input {
  color: #09092d;
}

.microsite .date-range-selector .box-container input,
.customized .date-range-selector .box-container input,
.transcript .date-range-selector .box-container input,
.ilt_global .date-range-selector .box-container input,
.ilt_learner .date-range-selector .box-container input,
.course .date-range-selector .box-container input,
.ilt_report .date-range-selector .box-container input,
.learner .date-range-selector .box-container input {
  outline: none;
  border-color: #cecece;
}

.microsite .date-range-selector .box-container .start-date,
.customized .date-range-selector .box-container .start-date,
.transcript .date-range-selector .box-container .start-date,
.ilt_global .date-range-selector .box-container .start-date,
.ilt_learner .date-range-selector .box-container .start-date,
.course .date-range-selector .box-container .start-date,
.ilt_report .date-range-selector .box-container .start-date,
.learner .date-range-selector .box-container .start-date {
  margin-left: 5px;
}

.microsite .date-range-selector .box-container .reset-date,
.customized .date-range-selector .box-container .reset-date,
.transcript .date-range-selector .box-container .reset-date,
.ilt_global .date-range-selector .box-container .reset-date,
.ilt_learner .date-range-selector .box-container .reset-date,
.course .date-range-selector .box-container .reset-date,
.ilt_report .date-range-selector .box-container .reset-date,
.learner .date-range-selector .box-container .reset-date {
  margin-left: 10px;
  color: #5959eb;
}

.microsite .date-range-selector .date-range-picker,
.customized .date-range-selector .date-range-picker,
.transcript .date-range-selector .date-range-picker,
.ilt_global .date-range-selector .date-range-picker,
.ilt_learner .date-range-selector .date-range-picker,
.course .date-range-selector .date-range-picker,
.ilt_report .date-range-selector .date-range-picker,
.learner .date-range-selector .date-range-picker {
  z-index: 5;
  right: 0;
  left: auto;
  border: 1px solid #ececec;
}

.microsite .date-range-selector .date-range-picker .DateRangePicker__Date--weekend,
.customized .date-range-selector .date-range-picker .DateRangePicker__Date--weekend,
.transcript .date-range-selector .date-range-picker .DateRangePicker__Date--weekend,
.ilt_global .date-range-selector .date-range-picker .DateRangePicker__Date--weekend,
.ilt_learner .date-range-selector .date-range-picker .DateRangePicker__Date--weekend,
.course .date-range-selector .date-range-picker .DateRangePicker__Date--weekend,
.ilt_report .date-range-selector .date-range-picker .DateRangePicker__Date--weekend,
.learner .date-range-selector .date-range-picker .DateRangePicker__Date--weekend {
  background-color: #ececec;
}

.microsite .toolbar,
.customized .toolbar,
.transcript .toolbar,
.ilt_global .toolbar,
.ilt_learner .toolbar,
.course .toolbar,
.ilt_report .toolbar,
.learner .toolbar {
  padding-bottom: 20px;
}

.microsite .toolbar .toolbar-tabs,
.customized .toolbar .toolbar-tabs,
.transcript .toolbar .toolbar-tabs,
.ilt_global .toolbar .toolbar-tabs,
.ilt_learner .toolbar .toolbar-tabs,
.course .toolbar .toolbar-tabs,
.ilt_report .toolbar .toolbar-tabs,
.learner .toolbar .toolbar-tabs {
  padding-bottom: 0px;
  display: flex;
  justify-content: flex-end;
  position: relative;
  height: 38px;
}

.microsite .toolbar .toolbar-tabs h3,
.customized .toolbar .toolbar-tabs h3,
.transcript .toolbar .toolbar-tabs h3,
.ilt_global .toolbar .toolbar-tabs h3,
.ilt_learner .toolbar .toolbar-tabs h3,
.course .toolbar .toolbar-tabs h3,
.ilt_report .toolbar .toolbar-tabs h3,
.learner .toolbar .toolbar-tabs h3 {
  flex: 1;
}

.microsite .toolbar .toolbar-tabs li,
.customized .toolbar .toolbar-tabs li,
.transcript .toolbar .toolbar-tabs li,
.ilt_global .toolbar .toolbar-tabs li,
.ilt_learner .toolbar .toolbar-tabs li,
.course .toolbar .toolbar-tabs li,
.ilt_report .toolbar .toolbar-tabs li,
.learner .toolbar .toolbar-tabs li {
  display: inline-block;
  padding: 6px 12px;
  background-color: #e3e3e3;
  color: #09092d;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  max-width: 14px;
  overflow: hidden;
  white-space: nowrap;
}

.microsite .toolbar .toolbar-tabs li:not(:last-child),
.customized .toolbar .toolbar-tabs li:not(:last-child),
.transcript .toolbar .toolbar-tabs li:not(:last-child),
.ilt_global .toolbar .toolbar-tabs li:not(:last-child),
.ilt_learner .toolbar .toolbar-tabs li:not(:last-child),
.course .toolbar .toolbar-tabs li:not(:last-child),
.ilt_report .toolbar .toolbar-tabs li:not(:last-child),
.learner .toolbar .toolbar-tabs li:not(:last-child) {
  margin-right: 10px;
}

.microsite .toolbar .toolbar-tabs li span,
.customized .toolbar .toolbar-tabs li span,
.transcript .toolbar .toolbar-tabs li span,
.ilt_global .toolbar .toolbar-tabs li span,
.ilt_learner .toolbar .toolbar-tabs li span,
.course .toolbar .toolbar-tabs li span,
.ilt_report .toolbar .toolbar-tabs li span,
.learner .toolbar .toolbar-tabs li span {
  display: inline-block;
  opacity: 0.7;
  transition: opacity 0.5s;
  visibility: hidden;
}

.microsite .toolbar .toolbar-tabs li.my_team,
.customized .toolbar .toolbar-tabs li.my_team,
.transcript .toolbar .toolbar-tabs li.my_team,
.ilt_global .toolbar .toolbar-tabs li.my_team,
.ilt_learner .toolbar .toolbar-tabs li.my_team,
.course .toolbar .toolbar-tabs li.my_team,
.ilt_report .toolbar .toolbar-tabs li.my_team,
.learner .toolbar .toolbar-tabs li.my_team {
  max-width: 150px !important;
}

.microsite .toolbar .toolbar-tabs li.my_team span,
.customized .toolbar .toolbar-tabs li.my_team span,
.transcript .toolbar .toolbar-tabs li.my_team span,
.ilt_global .toolbar .toolbar-tabs li.my_team span,
.ilt_learner .toolbar .toolbar-tabs li.my_team span,
.course .toolbar .toolbar-tabs li.my_team span,
.ilt_report .toolbar .toolbar-tabs li.my_team span,
.learner .toolbar .toolbar-tabs li.my_team span {
  display: inline-block;
  opacity: 0.7;
  transition: opacity 0.5s;
  visibility: visible;
  margin-left: 5px;
}

.microsite .toolbar .toolbar-tabs li.active,
.customized .toolbar .toolbar-tabs li.active,
.transcript .toolbar .toolbar-tabs li.active,
.ilt_global .toolbar .toolbar-tabs li.active,
.ilt_learner .toolbar .toolbar-tabs li.active,
.course .toolbar .toolbar-tabs li.active,
.ilt_report .toolbar .toolbar-tabs li.active,
.learner .toolbar .toolbar-tabs li.active {
  background-color: #5959eb;
  color: #ffffff;
  max-width: 150px;
}

.microsite .toolbar .toolbar-tabs li.active span,
.customized .toolbar .toolbar-tabs li.active span,
.transcript .toolbar .toolbar-tabs li.active span,
.ilt_global .toolbar .toolbar-tabs li.active span,
.ilt_learner .toolbar .toolbar-tabs li.active span,
.course .toolbar .toolbar-tabs li.active span,
.ilt_report .toolbar .toolbar-tabs li.active span,
.learner .toolbar .toolbar-tabs li.active span {
  display: inline-block;
  opacity: 1;
  visibility: visible;
}

.microsite .toolbar .toolbar-tabs li.active i,
.customized .toolbar .toolbar-tabs li.active i,
.transcript .toolbar .toolbar-tabs li.active i,
.ilt_global .toolbar .toolbar-tabs li.active i,
.ilt_learner .toolbar .toolbar-tabs li.active i,
.course .toolbar .toolbar-tabs li.active i,
.ilt_report .toolbar .toolbar-tabs li.active i,
.learner .toolbar .toolbar-tabs li.active i {
  padding-right: 5px;
}

.microsite .toolbar .toolbar-tabs .toolbar-options,
.customized .toolbar .toolbar-tabs .toolbar-options,
.transcript .toolbar .toolbar-tabs .toolbar-options,
.ilt_global .toolbar .toolbar-tabs .toolbar-options,
.ilt_learner .toolbar .toolbar-tabs .toolbar-options,
.course .toolbar .toolbar-tabs .toolbar-options,
.ilt_report .toolbar .toolbar-tabs .toolbar-options,
.learner .toolbar .toolbar-tabs .toolbar-options {
  display: flex;
  gap: 10px;
  margin: 0px;
  padding: 0px;
  width: auto;
  position: relative;
}

.microsite .toolbar .toolbar-tabs .toolbar-options .export-button,
.customized .toolbar .toolbar-tabs .toolbar-options .export-button,
.transcript .toolbar .toolbar-tabs .toolbar-options .export-button,
.ilt_global .toolbar .toolbar-tabs .toolbar-options .export-button,
.ilt_learner .toolbar .toolbar-tabs .toolbar-options .export-button,
.course .toolbar .toolbar-tabs .toolbar-options .export-button,
.ilt_report .toolbar .toolbar-tabs .toolbar-options .export-button,
.learner .toolbar .toolbar-tabs .toolbar-options .export-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #1f1f59;
  background-color: #ebebf1;
  border-radius: 5px;
  padding: 3px 15px 3px 15px;
}

.microsite .toolbar .toolbar-tabs .toolbar-options .export-button:hover,
.customized .toolbar .toolbar-tabs .toolbar-options .export-button:hover,
.transcript .toolbar .toolbar-tabs .toolbar-options .export-button:hover,
.ilt_global .toolbar .toolbar-tabs .toolbar-options .export-button:hover,
.ilt_learner .toolbar .toolbar-tabs .toolbar-options .export-button:hover,
.course .toolbar .toolbar-tabs .toolbar-options .export-button:hover,
.ilt_report .toolbar .toolbar-tabs .toolbar-options .export-button:hover,
.learner .toolbar .toolbar-tabs .toolbar-options .export-button:hover {
  transition: all 1s ease-out;
  background-color: #d7d7e4;
}

.microsite .toolbar .toolbar-tabs .toolbar-options .export-button .export-button-text,
.customized .toolbar .toolbar-tabs .toolbar-options .export-button .export-button-text,
.transcript .toolbar .toolbar-tabs .toolbar-options .export-button .export-button-text,
.ilt_global .toolbar .toolbar-tabs .toolbar-options .export-button .export-button-text,
.ilt_learner .toolbar .toolbar-tabs .toolbar-options .export-button .export-button-text,
.course .toolbar .toolbar-tabs .toolbar-options .export-button .export-button-text,
.ilt_report .toolbar .toolbar-tabs .toolbar-options .export-button .export-button-text,
.learner .toolbar .toolbar-tabs .toolbar-options .export-button .export-button-text {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.microsite .toolbar .toolbar-tabs .toolbar-options .exporter-menu,
.customized .toolbar .toolbar-tabs .toolbar-options .exporter-menu,
.transcript .toolbar .toolbar-tabs .toolbar-options .exporter-menu,
.ilt_global .toolbar .toolbar-tabs .toolbar-options .exporter-menu,
.ilt_learner .toolbar .toolbar-tabs .toolbar-options .exporter-menu,
.course .toolbar .toolbar-tabs .toolbar-options .exporter-menu,
.ilt_report .toolbar .toolbar-tabs .toolbar-options .exporter-menu,
.learner .toolbar .toolbar-tabs .toolbar-options .exporter-menu {
  position: absolute;
  background-color: white;
  transition: all 0.5s ease-in-out;
  border-radius: 5px;
  top: 100%;
  left: -24px;
  margin: 3px 0px 0px 5px;
  padding: 10px 5px 5px 5px;
  min-width: 120px;
  box-shadow: 0 2px 5px -1px #09092d;
  z-index: 100;
}

.microsite .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:not(:last-child),
.customized .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:not(:last-child),
.transcript .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:not(:last-child),
.ilt_global .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:not(:last-child),
.ilt_learner .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:not(:last-child),
.course .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:not(:last-child),
.ilt_report .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:not(:last-child),
.learner .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:not(:last-child) {
  margin-right: 0;
}

.microsite .toolbar .toolbar-tabs .toolbar-options .exporter-menu li,
.customized .toolbar .toolbar-tabs .toolbar-options .exporter-menu li,
.transcript .toolbar .toolbar-tabs .toolbar-options .exporter-menu li,
.ilt_global .toolbar .toolbar-tabs .toolbar-options .exporter-menu li,
.ilt_learner .toolbar .toolbar-tabs .toolbar-options .exporter-menu li,
.course .toolbar .toolbar-tabs .toolbar-options .exporter-menu li,
.ilt_report .toolbar .toolbar-tabs .toolbar-options .exporter-menu li,
.learner .toolbar .toolbar-tabs .toolbar-options .exporter-menu li {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 10px;
  background-color: #ffffff;
  max-width: none;
  border-radius: 0;
}

.microsite .toolbar .toolbar-tabs .toolbar-options .exporter-menu li span,
.customized .toolbar .toolbar-tabs .toolbar-options .exporter-menu li span,
.transcript .toolbar .toolbar-tabs .toolbar-options .exporter-menu li span,
.ilt_global .toolbar .toolbar-tabs .toolbar-options .exporter-menu li span,
.ilt_learner .toolbar .toolbar-tabs .toolbar-options .exporter-menu li span,
.course .toolbar .toolbar-tabs .toolbar-options .exporter-menu li span,
.ilt_report .toolbar .toolbar-tabs .toolbar-options .exporter-menu li span,
.learner .toolbar .toolbar-tabs .toolbar-options .exporter-menu li span {
  visibility: visible;
}

.microsite .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:hover,
.customized .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:hover,
.transcript .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:hover,
.ilt_global .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:hover,
.ilt_learner .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:hover,
.course .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:hover,
.ilt_report .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:hover,
.learner .toolbar .toolbar-tabs .toolbar-options .exporter-menu li:hover {
  transition: all 1s ease-out;
  background-color: #d7d7e4;
  border-right: none;
}

.microsite .toolbar .toolbar-tabs .toolbar-options .exporter-menu li .exporter-title,
.customized .toolbar .toolbar-tabs .toolbar-options .exporter-menu li .exporter-title,
.transcript .toolbar .toolbar-tabs .toolbar-options .exporter-menu li .exporter-title,
.ilt_global .toolbar .toolbar-tabs .toolbar-options .exporter-menu li .exporter-title,
.ilt_learner .toolbar .toolbar-tabs .toolbar-options .exporter-menu li .exporter-title,
.course .toolbar .toolbar-tabs .toolbar-options .exporter-menu li .exporter-title,
.ilt_report .toolbar .toolbar-tabs .toolbar-options .exporter-menu li .exporter-title,
.learner .toolbar .toolbar-tabs .toolbar-options .exporter-menu li .exporter-title {
  cursor: pointer;
  margin-left: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f1f59;
}

.microsite .toolbar .toolbar-tabs .export i,
.customized .toolbar .toolbar-tabs .export i,
.transcript .toolbar .toolbar-tabs .export i,
.ilt_global .toolbar .toolbar-tabs .export i,
.ilt_learner .toolbar .toolbar-tabs .export i,
.course .toolbar .toolbar-tabs .export i,
.ilt_report .toolbar .toolbar-tabs .export i,
.learner .toolbar .toolbar-tabs .export i {
  width: 14px;
  text-align: center;
}

.microsite .toolbar .toolbar-contents .toolbar_apply_button,
.customized .toolbar .toolbar-contents .toolbar_apply_button,
.transcript .toolbar .toolbar-contents .toolbar_apply_button,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button,
.course .toolbar .toolbar-contents .toolbar_apply_button,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button,
.learner .toolbar .toolbar-contents .toolbar_apply_button {
  padding: 0px 20px 15px 20px;
  background-color: #fafafa;
  border-radius: 0px 0px 8px 8px;
}

.microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover, .microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active {
  text-decoration: none;
}

.microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .icon, .microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fa, .microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fas, .microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .far, .microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fal,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .icon,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fa,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fas,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .far,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fal,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .icon,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fa,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fas,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .far,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fal,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .icon,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fa,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fas,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .far,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fal,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .icon,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fa,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fas,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .far,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fal,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .icon,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fa,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fas,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .far,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fal,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .icon,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fa,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fas,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .far,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fal,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .icon,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fa,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fas,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .far,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger .fal {
  margin-right: 5px;
}

.microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover, .microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:hover,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:focus,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:focus,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:focus,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:focus,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:focus,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:focus,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:focus,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger[disabled], .microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.disabled, .microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:disabled, .microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.is-disabled,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger[disabled],
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.disabled,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:disabled,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.is-disabled,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger[disabled],
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.disabled,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:disabled,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.is-disabled,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger[disabled],
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.disabled,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:disabled,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.is-disabled,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger[disabled],
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.disabled,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:disabled,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.is-disabled,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger[disabled],
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.disabled,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:disabled,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.is-disabled,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger[disabled],
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.disabled,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:disabled,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.is-disabled,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger[disabled],
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.disabled,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:disabled,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:active,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:active,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:active,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:active,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:active,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:active,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:active,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger:active {
  box-shadow: none;
}

@media (max-width: 768px) {
  .microsite .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger,
.customized .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger,
.transcript .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger,
.ilt_global .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger,
.ilt_learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger,
.course .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger,
.ilt_report .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger,
.learner .toolbar .toolbar-contents .toolbar_apply_button .apply-trigger {
    transform: translateY(0);
  }
}

.microsite .toolbar .toolbar-contents .toolbar-content,
.customized .toolbar .toolbar-contents .toolbar-content,
.transcript .toolbar .toolbar-contents .toolbar-content,
.ilt_global .toolbar .toolbar-contents .toolbar-content,
.ilt_learner .toolbar .toolbar-contents .toolbar-content,
.course .toolbar .toolbar-contents .toolbar-content,
.ilt_report .toolbar .toolbar-contents .toolbar-content,
.learner .toolbar .toolbar-contents .toolbar-content {
  display: block;
  visibility: hidden;
  transition-property: opacity;
  transition-duration: 0.2s;
  opacity: 0;
  max-height: 0;
  background-color: #fafafa;
  border-radius: 8px 8px 0px 0px;
}

.microsite .toolbar .toolbar-contents .toolbar-content.active,
.customized .toolbar .toolbar-contents .toolbar-content.active,
.transcript .toolbar .toolbar-contents .toolbar-content.active,
.ilt_global .toolbar .toolbar-contents .toolbar-content.active,
.ilt_learner .toolbar .toolbar-contents .toolbar-content.active,
.course .toolbar .toolbar-contents .toolbar-content.active,
.ilt_report .toolbar .toolbar-contents .toolbar-content.active,
.learner .toolbar .toolbar-contents .toolbar-content.active {
  max-height: 220px;
  visibility: visible;
  opacity: 1;
  margin-top: 16px;
}

.microsite .toolbar .toolbar-contents .toolbar-content > *:first-child,
.customized .toolbar .toolbar-contents .toolbar-content > *:first-child,
.transcript .toolbar .toolbar-contents .toolbar-content > *:first-child,
.ilt_global .toolbar .toolbar-contents .toolbar-content > *:first-child,
.ilt_learner .toolbar .toolbar-contents .toolbar-content > *:first-child,
.course .toolbar .toolbar-contents .toolbar-content > *:first-child,
.ilt_report .toolbar .toolbar-contents .toolbar-content > *:first-child,
.learner .toolbar .toolbar-contents .toolbar-content > *:first-child {
  padding: 15px 20px;
}

.microsite .toolbar .toolbar-contents .toolbar-content label,
.customized .toolbar .toolbar-contents .toolbar-content label,
.transcript .toolbar .toolbar-contents .toolbar-content label,
.ilt_global .toolbar .toolbar-contents .toolbar-content label,
.ilt_learner .toolbar .toolbar-contents .toolbar-content label,
.course .toolbar .toolbar-contents .toolbar-content label,
.ilt_report .toolbar .toolbar-contents .toolbar-content label,
.learner .toolbar .toolbar-contents .toolbar-content label {
  margin-bottom: 0;
}

.microsite .toolbar .toolbar-contents .toolbar-content .lt-react-dropdown li label,
.customized .toolbar .toolbar-contents .toolbar-content .lt-react-dropdown li label,
.transcript .toolbar .toolbar-contents .toolbar-content .lt-react-dropdown li label,
.ilt_global .toolbar .toolbar-contents .toolbar-content .lt-react-dropdown li label,
.ilt_learner .toolbar .toolbar-contents .toolbar-content .lt-react-dropdown li label,
.course .toolbar .toolbar-contents .toolbar-content .lt-react-dropdown li label,
.ilt_report .toolbar .toolbar-contents .toolbar-content .lt-react-dropdown li label,
.learner .toolbar .toolbar-contents .toolbar-content .lt-react-dropdown li label {
  font-style: normal;
  padding-right: 5px;
  display: inline-block;
}

.microsite .toolbar .toolbar-contents .field-courses .select-courses,
.customized .toolbar .toolbar-contents .field-courses .select-courses,
.transcript .toolbar .toolbar-contents .field-courses .select-courses,
.ilt_global .toolbar .toolbar-contents .field-courses .select-courses,
.ilt_learner .toolbar .toolbar-contents .field-courses .select-courses,
.course .toolbar .toolbar-contents .field-courses .select-courses,
.ilt_report .toolbar .toolbar-contents .field-courses .select-courses,
.learner .toolbar .toolbar-contents .field-courses .select-courses {
  display: flex;
  align-items: center;
  gap: 10px;
}

.microsite .toolbar .toolbar-contents .field-courses .select-courses label,
.customized .toolbar .toolbar-contents .field-courses .select-courses label,
.transcript .toolbar .toolbar-contents .field-courses .select-courses label,
.ilt_global .toolbar .toolbar-contents .field-courses .select-courses label,
.ilt_learner .toolbar .toolbar-contents .field-courses .select-courses label,
.course .toolbar .toolbar-contents .field-courses .select-courses label,
.ilt_report .toolbar .toolbar-contents .field-courses .select-courses label,
.learner .toolbar .toolbar-contents .field-courses .select-courses label {
  flex: 0.4;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
}

.microsite .toolbar .toolbar-contents .field-courses .select-courses .lt-react-dropdown,
.customized .toolbar .toolbar-contents .field-courses .select-courses .lt-react-dropdown,
.transcript .toolbar .toolbar-contents .field-courses .select-courses .lt-react-dropdown,
.ilt_global .toolbar .toolbar-contents .field-courses .select-courses .lt-react-dropdown,
.ilt_learner .toolbar .toolbar-contents .field-courses .select-courses .lt-react-dropdown,
.course .toolbar .toolbar-contents .field-courses .select-courses .lt-react-dropdown,
.ilt_report .toolbar .toolbar-contents .field-courses .select-courses .lt-react-dropdown,
.learner .toolbar .toolbar-contents .field-courses .select-courses .lt-react-dropdown {
  flex: 0.6;
}

.microsite .toolbar .toolbar-contents .field-courses .select-courses .data-clear,
.customized .toolbar .toolbar-contents .field-courses .select-courses .data-clear,
.transcript .toolbar .toolbar-contents .field-courses .select-courses .data-clear,
.ilt_global .toolbar .toolbar-contents .field-courses .select-courses .data-clear,
.ilt_learner .toolbar .toolbar-contents .field-courses .select-courses .data-clear,
.course .toolbar .toolbar-contents .field-courses .select-courses .data-clear,
.ilt_report .toolbar .toolbar-contents .field-courses .select-courses .data-clear,
.learner .toolbar .toolbar-contents .field-courses .select-courses .data-clear {
  color: #5959eb;
  display: flex;
  align-items: center;
  background: white;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border-radius: 4px;
  cursor: pointer;
  align-self: stretch;
  width: 34px;
  justify-content: center;
}

.microsite .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select,
.customized .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select,
.transcript .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select,
.ilt_global .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select,
.ilt_learner .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select,
.course .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select,
.ilt_report .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select,
.learner .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select {
  padding-left: 15px;
}

.microsite .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select .text,
.customized .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select .text,
.transcript .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select .text,
.ilt_global .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select .text,
.ilt_learner .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select .text,
.course .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select .text,
.ilt_report .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select .text,
.learner .toolbar .toolbar-contents .field-courses .select-courses .data-clear .select .text {
  color: rgba(9, 9, 45, 0.8);
}

.microsite .toolbar .toolbar-contents .field-courses .selected-courses,
.customized .toolbar .toolbar-contents .field-courses .selected-courses,
.transcript .toolbar .toolbar-contents .field-courses .selected-courses,
.ilt_global .toolbar .toolbar-contents .field-courses .selected-courses,
.ilt_learner .toolbar .toolbar-contents .field-courses .selected-courses,
.course .toolbar .toolbar-contents .field-courses .selected-courses,
.ilt_report .toolbar .toolbar-contents .field-courses .selected-courses,
.learner .toolbar .toolbar-contents .field-courses .selected-courses {
  display: flex;
}

.microsite .toolbar .toolbar-contents .field-courses .selected-courses .selected-course,
.customized .toolbar .toolbar-contents .field-courses .selected-courses .selected-course,
.transcript .toolbar .toolbar-contents .field-courses .selected-courses .selected-course,
.ilt_global .toolbar .toolbar-contents .field-courses .selected-courses .selected-course,
.ilt_learner .toolbar .toolbar-contents .field-courses .selected-courses .selected-course,
.course .toolbar .toolbar-contents .field-courses .selected-courses .selected-course,
.ilt_report .toolbar .toolbar-contents .field-courses .selected-courses .selected-course,
.learner .toolbar .toolbar-contents .field-courses .selected-courses .selected-course {
  display: flex;
  padding: 4px 8px;
  align-items: center;
  background: #ececec;
  border-radius: 5px;
  color: #1f1f59;
  font-size: 14px;
  margin-right: 10px;
  margin-top: 10px;
}

.microsite .toolbar .toolbar-contents .field-courses .selected-courses .selected-course .icon,
.customized .toolbar .toolbar-contents .field-courses .selected-courses .selected-course .icon,
.transcript .toolbar .toolbar-contents .field-courses .selected-courses .selected-course .icon,
.ilt_global .toolbar .toolbar-contents .field-courses .selected-courses .selected-course .icon,
.ilt_learner .toolbar .toolbar-contents .field-courses .selected-courses .selected-course .icon,
.course .toolbar .toolbar-contents .field-courses .selected-courses .selected-course .icon,
.ilt_report .toolbar .toolbar-contents .field-courses .selected-courses .selected-course .icon,
.learner .toolbar .toolbar-contents .field-courses .selected-courses .selected-course .icon {
  margin-left: 8px;
  cursor: pointer;
}

.microsite .toolbar .toolbar-contents .properties .properties-wrapper h4,
.customized .toolbar .toolbar-contents .properties .properties-wrapper h4,
.transcript .toolbar .toolbar-contents .properties .properties-wrapper h4,
.ilt_global .toolbar .toolbar-contents .properties .properties-wrapper h4,
.ilt_learner .toolbar .toolbar-contents .properties .properties-wrapper h4,
.course .toolbar .toolbar-contents .properties .properties-wrapper h4,
.ilt_report .toolbar .toolbar-contents .properties .properties-wrapper h4,
.learner .toolbar .toolbar-contents .properties .properties-wrapper h4 {
  display: block;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 0 10px;
}

.microsite .toolbar .toolbar-contents .properties ul,
.customized .toolbar .toolbar-contents .properties ul,
.transcript .toolbar .toolbar-contents .properties ul,
.ilt_global .toolbar .toolbar-contents .properties ul,
.ilt_learner .toolbar .toolbar-contents .properties ul,
.course .toolbar .toolbar-contents .properties ul,
.ilt_report .toolbar .toolbar-contents .properties ul,
.learner .toolbar .toolbar-contents .properties ul {
  padding-left: 20px;
}

@media (max-width: 992px) {
  .microsite .toolbar .toolbar-contents .properties ul li,
.customized .toolbar .toolbar-contents .properties ul li,
.transcript .toolbar .toolbar-contents .properties ul li,
.ilt_global .toolbar .toolbar-contents .properties ul li,
.ilt_learner .toolbar .toolbar-contents .properties ul li,
.course .toolbar .toolbar-contents .properties ul li,
.ilt_report .toolbar .toolbar-contents .properties ul li,
.learner .toolbar .toolbar-contents .properties ul li {
    width: 25%;
  }
}

@media (max-width: 768px) {
  .microsite .toolbar .toolbar-contents .properties ul li,
.customized .toolbar .toolbar-contents .properties ul li,
.transcript .toolbar .toolbar-contents .properties ul li,
.ilt_global .toolbar .toolbar-contents .properties ul li,
.ilt_learner .toolbar .toolbar-contents .properties ul li,
.course .toolbar .toolbar-contents .properties ul li,
.ilt_report .toolbar .toolbar-contents .properties ul li,
.learner .toolbar .toolbar-contents .properties ul li {
    width: 30%;
  }
}

@media (max-width: 576px) {
  .microsite .toolbar .toolbar-contents .properties ul li,
.customized .toolbar .toolbar-contents .properties ul li,
.transcript .toolbar .toolbar-contents .properties ul li,
.ilt_global .toolbar .toolbar-contents .properties ul li,
.ilt_learner .toolbar .toolbar-contents .properties ul li,
.course .toolbar .toolbar-contents .properties ul li,
.ilt_report .toolbar .toolbar-contents .properties ul li,
.learner .toolbar .toolbar-contents .properties ul li {
    width: 50%;
  }
}

.microsite .toolbar .toolbar-contents .properties ul li label,
.customized .toolbar .toolbar-contents .properties ul li label,
.transcript .toolbar .toolbar-contents .properties ul li label,
.ilt_global .toolbar .toolbar-contents .properties ul li label,
.ilt_learner .toolbar .toolbar-contents .properties ul li label,
.course .toolbar .toolbar-contents .properties ul li label,
.ilt_report .toolbar .toolbar-contents .properties ul li label,
.learner .toolbar .toolbar-contents .properties ul li label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.microsite .toolbar .toolbar-contents .properties input[type="button"],
.customized .toolbar .toolbar-contents .properties input[type="button"],
.transcript .toolbar .toolbar-contents .properties input[type="button"],
.ilt_global .toolbar .toolbar-contents .properties input[type="button"],
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"],
.course .toolbar .toolbar-contents .properties input[type="button"],
.ilt_report .toolbar .toolbar-contents .properties input[type="button"],
.learner .toolbar .toolbar-contents .properties input[type="button"] {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  display: block;
  margin-left: auto;
}

.microsite .toolbar .toolbar-contents .properties input[type="button"]:hover, .microsite .toolbar .toolbar-contents .properties input[type="button"].active,
.customized .toolbar .toolbar-contents .properties input[type="button"]:hover,
.customized .toolbar .toolbar-contents .properties input[type="button"].active,
.transcript .toolbar .toolbar-contents .properties input[type="button"]:hover,
.transcript .toolbar .toolbar-contents .properties input[type="button"].active,
.ilt_global .toolbar .toolbar-contents .properties input[type="button"]:hover,
.ilt_global .toolbar .toolbar-contents .properties input[type="button"].active,
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"]:hover,
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"].active,
.course .toolbar .toolbar-contents .properties input[type="button"]:hover,
.course .toolbar .toolbar-contents .properties input[type="button"].active,
.ilt_report .toolbar .toolbar-contents .properties input[type="button"]:hover,
.ilt_report .toolbar .toolbar-contents .properties input[type="button"].active,
.learner .toolbar .toolbar-contents .properties input[type="button"]:hover,
.learner .toolbar .toolbar-contents .properties input[type="button"].active {
  text-decoration: none;
}

.microsite .toolbar .toolbar-contents .properties input[type="button"] .icon, .microsite .toolbar .toolbar-contents .properties input[type="button"] .fa, .microsite .toolbar .toolbar-contents .properties input[type="button"] .fas, .microsite .toolbar .toolbar-contents .properties input[type="button"] .far, .microsite .toolbar .toolbar-contents .properties input[type="button"] .fal,
.customized .toolbar .toolbar-contents .properties input[type="button"] .icon,
.customized .toolbar .toolbar-contents .properties input[type="button"] .fa,
.customized .toolbar .toolbar-contents .properties input[type="button"] .fas,
.customized .toolbar .toolbar-contents .properties input[type="button"] .far,
.customized .toolbar .toolbar-contents .properties input[type="button"] .fal,
.transcript .toolbar .toolbar-contents .properties input[type="button"] .icon,
.transcript .toolbar .toolbar-contents .properties input[type="button"] .fa,
.transcript .toolbar .toolbar-contents .properties input[type="button"] .fas,
.transcript .toolbar .toolbar-contents .properties input[type="button"] .far,
.transcript .toolbar .toolbar-contents .properties input[type="button"] .fal,
.ilt_global .toolbar .toolbar-contents .properties input[type="button"] .icon,
.ilt_global .toolbar .toolbar-contents .properties input[type="button"] .fa,
.ilt_global .toolbar .toolbar-contents .properties input[type="button"] .fas,
.ilt_global .toolbar .toolbar-contents .properties input[type="button"] .far,
.ilt_global .toolbar .toolbar-contents .properties input[type="button"] .fal,
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"] .icon,
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"] .fa,
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"] .fas,
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"] .far,
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"] .fal,
.course .toolbar .toolbar-contents .properties input[type="button"] .icon,
.course .toolbar .toolbar-contents .properties input[type="button"] .fa,
.course .toolbar .toolbar-contents .properties input[type="button"] .fas,
.course .toolbar .toolbar-contents .properties input[type="button"] .far,
.course .toolbar .toolbar-contents .properties input[type="button"] .fal,
.ilt_report .toolbar .toolbar-contents .properties input[type="button"] .icon,
.ilt_report .toolbar .toolbar-contents .properties input[type="button"] .fa,
.ilt_report .toolbar .toolbar-contents .properties input[type="button"] .fas,
.ilt_report .toolbar .toolbar-contents .properties input[type="button"] .far,
.ilt_report .toolbar .toolbar-contents .properties input[type="button"] .fal,
.learner .toolbar .toolbar-contents .properties input[type="button"] .icon,
.learner .toolbar .toolbar-contents .properties input[type="button"] .fa,
.learner .toolbar .toolbar-contents .properties input[type="button"] .fas,
.learner .toolbar .toolbar-contents .properties input[type="button"] .far,
.learner .toolbar .toolbar-contents .properties input[type="button"] .fal {
  margin-right: 5px;
}

.microsite .toolbar .toolbar-contents .properties input[type="button"]:hover, .microsite .toolbar .toolbar-contents .properties input[type="button"].active,
.customized .toolbar .toolbar-contents .properties input[type="button"]:hover,
.customized .toolbar .toolbar-contents .properties input[type="button"].active,
.transcript .toolbar .toolbar-contents .properties input[type="button"]:hover,
.transcript .toolbar .toolbar-contents .properties input[type="button"].active,
.ilt_global .toolbar .toolbar-contents .properties input[type="button"]:hover,
.ilt_global .toolbar .toolbar-contents .properties input[type="button"].active,
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"]:hover,
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"].active,
.course .toolbar .toolbar-contents .properties input[type="button"]:hover,
.course .toolbar .toolbar-contents .properties input[type="button"].active,
.ilt_report .toolbar .toolbar-contents .properties input[type="button"]:hover,
.ilt_report .toolbar .toolbar-contents .properties input[type="button"].active,
.learner .toolbar .toolbar-contents .properties input[type="button"]:hover,
.learner .toolbar .toolbar-contents .properties input[type="button"].active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.microsite .toolbar .toolbar-contents .properties input[type="button"]:focus,
.customized .toolbar .toolbar-contents .properties input[type="button"]:focus,
.transcript .toolbar .toolbar-contents .properties input[type="button"]:focus,
.ilt_global .toolbar .toolbar-contents .properties input[type="button"]:focus,
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"]:focus,
.course .toolbar .toolbar-contents .properties input[type="button"]:focus,
.ilt_report .toolbar .toolbar-contents .properties input[type="button"]:focus,
.learner .toolbar .toolbar-contents .properties input[type="button"]:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.microsite .toolbar .toolbar-contents .properties input[type="button"][disabled], .microsite .toolbar .toolbar-contents .properties input[type="button"].disabled, .microsite .toolbar .toolbar-contents .properties input[type="button"]:disabled, .microsite .toolbar .toolbar-contents .properties input[type="button"].is-disabled,
.customized .toolbar .toolbar-contents .properties input[type="button"][disabled],
.customized .toolbar .toolbar-contents .properties input[type="button"].disabled,
.customized .toolbar .toolbar-contents .properties input[type="button"]:disabled,
.customized .toolbar .toolbar-contents .properties input[type="button"].is-disabled,
.transcript .toolbar .toolbar-contents .properties input[type="button"][disabled],
.transcript .toolbar .toolbar-contents .properties input[type="button"].disabled,
.transcript .toolbar .toolbar-contents .properties input[type="button"]:disabled,
.transcript .toolbar .toolbar-contents .properties input[type="button"].is-disabled,
.ilt_global .toolbar .toolbar-contents .properties input[type="button"][disabled],
.ilt_global .toolbar .toolbar-contents .properties input[type="button"].disabled,
.ilt_global .toolbar .toolbar-contents .properties input[type="button"]:disabled,
.ilt_global .toolbar .toolbar-contents .properties input[type="button"].is-disabled,
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"][disabled],
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"].disabled,
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"]:disabled,
.ilt_learner .toolbar .toolbar-contents .properties input[type="button"].is-disabled,
.course .toolbar .toolbar-contents .properties input[type="button"][disabled],
.course .toolbar .toolbar-contents .properties input[type="button"].disabled,
.course .toolbar .toolbar-contents .properties input[type="button"]:disabled,
.course .toolbar .toolbar-contents .properties input[type="button"].is-disabled,
.ilt_report .toolbar .toolbar-contents .properties input[type="button"][disabled],
.ilt_report .toolbar .toolbar-contents .properties input[type="button"].disabled,
.ilt_report .toolbar .toolbar-contents .properties input[type="button"]:disabled,
.ilt_report .toolbar .toolbar-contents .properties input[type="button"].is-disabled,
.learner .toolbar .toolbar-contents .properties input[type="button"][disabled],
.learner .toolbar .toolbar-contents .properties input[type="button"].disabled,
.learner .toolbar .toolbar-contents .properties input[type="button"]:disabled,
.learner .toolbar .toolbar-contents .properties input[type="button"].is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.microsite .toolbar .toolbar-contents .period .question-mark,
.customized .toolbar .toolbar-contents .period .question-mark,
.transcript .toolbar .toolbar-contents .period .question-mark,
.ilt_global .toolbar .toolbar-contents .period .question-mark,
.ilt_learner .toolbar .toolbar-contents .period .question-mark,
.course .toolbar .toolbar-contents .period .question-mark,
.ilt_report .toolbar .toolbar-contents .period .question-mark,
.learner .toolbar .toolbar-contents .period .question-mark {
  float: right;
  font-size: 14px;
}

.microsite .toolbar .toolbar-contents .period .date-range-selector .date-range-picker,
.customized .toolbar .toolbar-contents .period .date-range-selector .date-range-picker,
.transcript .toolbar .toolbar-contents .period .date-range-selector .date-range-picker,
.ilt_global .toolbar .toolbar-contents .period .date-range-selector .date-range-picker,
.ilt_learner .toolbar .toolbar-contents .period .date-range-selector .date-range-picker,
.course .toolbar .toolbar-contents .period .date-range-selector .date-range-picker,
.ilt_report .toolbar .toolbar-contents .period .date-range-selector .date-range-picker,
.learner .toolbar .toolbar-contents .period .date-range-selector .date-range-picker {
  margin-top: 30px;
}

.microsite .toolbar .toolbar-contents .period .date-range-selector .labels,
.microsite .toolbar .toolbar-contents .period .date-range-selector .box-container,
.customized .toolbar .toolbar-contents .period .date-range-selector .labels,
.customized .toolbar .toolbar-contents .period .date-range-selector .box-container,
.transcript .toolbar .toolbar-contents .period .date-range-selector .labels,
.transcript .toolbar .toolbar-contents .period .date-range-selector .box-container,
.ilt_global .toolbar .toolbar-contents .period .date-range-selector .labels,
.ilt_global .toolbar .toolbar-contents .period .date-range-selector .box-container,
.ilt_learner .toolbar .toolbar-contents .period .date-range-selector .labels,
.ilt_learner .toolbar .toolbar-contents .period .date-range-selector .box-container,
.course .toolbar .toolbar-contents .period .date-range-selector .labels,
.course .toolbar .toolbar-contents .period .date-range-selector .box-container,
.ilt_report .toolbar .toolbar-contents .period .date-range-selector .labels,
.ilt_report .toolbar .toolbar-contents .period .date-range-selector .box-container,
.learner .toolbar .toolbar-contents .period .date-range-selector .labels,
.learner .toolbar .toolbar-contents .period .date-range-selector .box-container {
  display: inline-block;
}

.microsite .toolbar .toolbar-contents .period .date-range-selector .box-container,
.customized .toolbar .toolbar-contents .period .date-range-selector .box-container,
.transcript .toolbar .toolbar-contents .period .date-range-selector .box-container,
.ilt_global .toolbar .toolbar-contents .period .date-range-selector .box-container,
.ilt_learner .toolbar .toolbar-contents .period .date-range-selector .box-container,
.course .toolbar .toolbar-contents .period .date-range-selector .box-container,
.ilt_report .toolbar .toolbar-contents .period .date-range-selector .box-container,
.learner .toolbar .toolbar-contents .period .date-range-selector .box-container {
  margin-left: 20px;
}

.microsite .toolbar .toolbar-contents .export ul,
.customized .toolbar .toolbar-contents .export ul,
.transcript .toolbar .toolbar-contents .export ul,
.ilt_global .toolbar .toolbar-contents .export ul,
.ilt_learner .toolbar .toolbar-contents .export ul,
.course .toolbar .toolbar-contents .export ul,
.ilt_report .toolbar .toolbar-contents .export ul,
.learner .toolbar .toolbar-contents .export ul {
  display: inline-block;
  vertical-align: middle;
}

.microsite .toolbar .toolbar-contents .export ul li,
.customized .toolbar .toolbar-contents .export ul li,
.transcript .toolbar .toolbar-contents .export ul li,
.ilt_global .toolbar .toolbar-contents .export ul li,
.ilt_learner .toolbar .toolbar-contents .export ul li,
.course .toolbar .toolbar-contents .export ul li,
.ilt_report .toolbar .toolbar-contents .export ul li,
.learner .toolbar .toolbar-contents .export ul li {
  display: inline-block;
}

.microsite .toolbar .toolbar-contents .export ul li:not(:last-child),
.customized .toolbar .toolbar-contents .export ul li:not(:last-child),
.transcript .toolbar .toolbar-contents .export ul li:not(:last-child),
.ilt_global .toolbar .toolbar-contents .export ul li:not(:last-child),
.ilt_learner .toolbar .toolbar-contents .export ul li:not(:last-child),
.course .toolbar .toolbar-contents .export ul li:not(:last-child),
.ilt_report .toolbar .toolbar-contents .export ul li:not(:last-child),
.learner .toolbar .toolbar-contents .export ul li:not(:last-child) {
  padding-right: 30px;
}

.microsite .toolbar .toolbar-contents .export ul input[type="radio"],
.customized .toolbar .toolbar-contents .export ul input[type="radio"],
.transcript .toolbar .toolbar-contents .export ul input[type="radio"],
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"],
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"],
.course .toolbar .toolbar-contents .export ul input[type="radio"],
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"],
.learner .toolbar .toolbar-contents .export ul input[type="radio"] {
  visibility: hidden;
}

.microsite .toolbar .toolbar-contents .export ul input[type="radio"] + span, .microsite .toolbar .toolbar-contents .export ul input[type="radio"] + label,
.customized .toolbar .toolbar-contents .export ul input[type="radio"] + span,
.customized .toolbar .toolbar-contents .export ul input[type="radio"] + label,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"] + span,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"] + label,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"] + span,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"] + label,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"] + span,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"] + label,
.course .toolbar .toolbar-contents .export ul input[type="radio"] + span,
.course .toolbar .toolbar-contents .export ul input[type="radio"] + label,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"] + span,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"] + label,
.learner .toolbar .toolbar-contents .export ul input[type="radio"] + span,
.learner .toolbar .toolbar-contents .export ul input[type="radio"] + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

.microsite .toolbar .toolbar-contents .export ul input[type="radio"] + span:before, .microsite .toolbar .toolbar-contents .export ul input[type="radio"] + label:before,
.customized .toolbar .toolbar-contents .export ul input[type="radio"] + span:before,
.customized .toolbar .toolbar-contents .export ul input[type="radio"] + label:before,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"] + span:before,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"] + label:before,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"] + span:before,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"] + label:before,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"] + span:before,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"] + label:before,
.course .toolbar .toolbar-contents .export ul input[type="radio"] + span:before,
.course .toolbar .toolbar-contents .export ul input[type="radio"] + label:before,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"] + span:before,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"] + label:before,
.learner .toolbar .toolbar-contents .export ul input[type="radio"] + span:before,
.learner .toolbar .toolbar-contents .export ul input[type="radio"] + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

.microsite .toolbar .toolbar-contents .export ul input[type="radio"]:checked + span:before, .microsite .toolbar .toolbar-contents .export ul input[type="radio"]:checked + label:before,
.customized .toolbar .toolbar-contents .export ul input[type="radio"]:checked + span:before,
.customized .toolbar .toolbar-contents .export ul input[type="radio"]:checked + label:before,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"]:checked + span:before,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"]:checked + label:before,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"]:checked + span:before,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"]:checked + label:before,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"]:checked + span:before,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"]:checked + label:before,
.course .toolbar .toolbar-contents .export ul input[type="radio"]:checked + span:before,
.course .toolbar .toolbar-contents .export ul input[type="radio"]:checked + label:before,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"]:checked + span:before,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"]:checked + label:before,
.learner .toolbar .toolbar-contents .export ul input[type="radio"]:checked + span:before,
.learner .toolbar .toolbar-contents .export ul input[type="radio"]:checked + label:before {
  content: "";
  color: #5959eb;
}

.microsite .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + span:before, .microsite .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + label:before, .microsite .toolbar .toolbar-contents .export ul input[type="radio"].disabled + span:before, .microsite .toolbar .toolbar-contents .export ul input[type="radio"].disabled + label:before, .microsite .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + span:before, .microsite .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + label:before, .microsite .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + span:before, .microsite .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + label:before,
.customized .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + span:before,
.customized .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + label:before,
.customized .toolbar .toolbar-contents .export ul input[type="radio"].disabled + span:before,
.customized .toolbar .toolbar-contents .export ul input[type="radio"].disabled + label:before,
.customized .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + span:before,
.customized .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + label:before,
.customized .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + span:before,
.customized .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + label:before,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + span:before,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + label:before,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"].disabled + span:before,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"].disabled + label:before,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + span:before,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + label:before,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + span:before,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + label:before,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + span:before,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + label:before,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"].disabled + span:before,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"].disabled + label:before,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + span:before,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + label:before,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + span:before,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + label:before,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + span:before,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + label:before,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"].disabled + span:before,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"].disabled + label:before,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + span:before,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + label:before,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + span:before,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + label:before,
.course .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + span:before,
.course .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + label:before,
.course .toolbar .toolbar-contents .export ul input[type="radio"].disabled + span:before,
.course .toolbar .toolbar-contents .export ul input[type="radio"].disabled + label:before,
.course .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + span:before,
.course .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + label:before,
.course .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + span:before,
.course .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + label:before,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + span:before,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + label:before,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"].disabled + span:before,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"].disabled + label:before,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + span:before,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + label:before,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + span:before,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + label:before,
.learner .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + span:before,
.learner .toolbar .toolbar-contents .export ul input[type="radio"][disabled] + label:before,
.learner .toolbar .toolbar-contents .export ul input[type="radio"].disabled + span:before,
.learner .toolbar .toolbar-contents .export ul input[type="radio"].disabled + label:before,
.learner .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + span:before,
.learner .toolbar .toolbar-contents .export ul input[type="radio"]:disabled + label:before,
.learner .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + span:before,
.learner .toolbar .toolbar-contents .export ul input[type="radio"].is-disabled + label:before {
  color: #4c4c8e;
}

.microsite .toolbar .toolbar-contents .export ul input[type="radio"] + label,
.customized .toolbar .toolbar-contents .export ul input[type="radio"] + label,
.transcript .toolbar .toolbar-contents .export ul input[type="radio"] + label,
.ilt_global .toolbar .toolbar-contents .export ul input[type="radio"] + label,
.ilt_learner .toolbar .toolbar-contents .export ul input[type="radio"] + label,
.course .toolbar .toolbar-contents .export ul input[type="radio"] + label,
.ilt_report .toolbar .toolbar-contents .export ul input[type="radio"] + label,
.learner .toolbar .toolbar-contents .export ul input[type="radio"] + label {
  display: inline-block;
  color: #09092d;
  font-weight: normal;
}

.microsite .toolbar .toolbar-contents .export ul label,
.customized .toolbar .toolbar-contents .export ul label,
.transcript .toolbar .toolbar-contents .export ul label,
.ilt_global .toolbar .toolbar-contents .export ul label,
.ilt_learner .toolbar .toolbar-contents .export ul label,
.course .toolbar .toolbar-contents .export ul label,
.ilt_report .toolbar .toolbar-contents .export ul label,
.learner .toolbar .toolbar-contents .export ul label {
  font-style: normal;
}

.microsite .toolbar .toolbar-contents .export input[type="button"],
.customized .toolbar .toolbar-contents .export input[type="button"],
.transcript .toolbar .toolbar-contents .export input[type="button"],
.ilt_global .toolbar .toolbar-contents .export input[type="button"],
.ilt_learner .toolbar .toolbar-contents .export input[type="button"],
.course .toolbar .toolbar-contents .export input[type="button"],
.ilt_report .toolbar .toolbar-contents .export input[type="button"],
.learner .toolbar .toolbar-contents .export input[type="button"] {
  margin-left: 30px;
  vertical-align: middle;
  padding: 2px 10px;
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  display: inline-block;
}

.microsite .toolbar .toolbar-contents .export input[type="button"]:hover, .microsite .toolbar .toolbar-contents .export input[type="button"].active,
.customized .toolbar .toolbar-contents .export input[type="button"]:hover,
.customized .toolbar .toolbar-contents .export input[type="button"].active,
.transcript .toolbar .toolbar-contents .export input[type="button"]:hover,
.transcript .toolbar .toolbar-contents .export input[type="button"].active,
.ilt_global .toolbar .toolbar-contents .export input[type="button"]:hover,
.ilt_global .toolbar .toolbar-contents .export input[type="button"].active,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"]:hover,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"].active,
.course .toolbar .toolbar-contents .export input[type="button"]:hover,
.course .toolbar .toolbar-contents .export input[type="button"].active,
.ilt_report .toolbar .toolbar-contents .export input[type="button"]:hover,
.ilt_report .toolbar .toolbar-contents .export input[type="button"].active,
.learner .toolbar .toolbar-contents .export input[type="button"]:hover,
.learner .toolbar .toolbar-contents .export input[type="button"].active {
  text-decoration: none;
}

.microsite .toolbar .toolbar-contents .export input[type="button"] .icon, .microsite .toolbar .toolbar-contents .export input[type="button"] .fa, .microsite .toolbar .toolbar-contents .export input[type="button"] .fas, .microsite .toolbar .toolbar-contents .export input[type="button"] .far, .microsite .toolbar .toolbar-contents .export input[type="button"] .fal,
.customized .toolbar .toolbar-contents .export input[type="button"] .icon,
.customized .toolbar .toolbar-contents .export input[type="button"] .fa,
.customized .toolbar .toolbar-contents .export input[type="button"] .fas,
.customized .toolbar .toolbar-contents .export input[type="button"] .far,
.customized .toolbar .toolbar-contents .export input[type="button"] .fal,
.transcript .toolbar .toolbar-contents .export input[type="button"] .icon,
.transcript .toolbar .toolbar-contents .export input[type="button"] .fa,
.transcript .toolbar .toolbar-contents .export input[type="button"] .fas,
.transcript .toolbar .toolbar-contents .export input[type="button"] .far,
.transcript .toolbar .toolbar-contents .export input[type="button"] .fal,
.ilt_global .toolbar .toolbar-contents .export input[type="button"] .icon,
.ilt_global .toolbar .toolbar-contents .export input[type="button"] .fa,
.ilt_global .toolbar .toolbar-contents .export input[type="button"] .fas,
.ilt_global .toolbar .toolbar-contents .export input[type="button"] .far,
.ilt_global .toolbar .toolbar-contents .export input[type="button"] .fal,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"] .icon,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"] .fa,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"] .fas,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"] .far,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"] .fal,
.course .toolbar .toolbar-contents .export input[type="button"] .icon,
.course .toolbar .toolbar-contents .export input[type="button"] .fa,
.course .toolbar .toolbar-contents .export input[type="button"] .fas,
.course .toolbar .toolbar-contents .export input[type="button"] .far,
.course .toolbar .toolbar-contents .export input[type="button"] .fal,
.ilt_report .toolbar .toolbar-contents .export input[type="button"] .icon,
.ilt_report .toolbar .toolbar-contents .export input[type="button"] .fa,
.ilt_report .toolbar .toolbar-contents .export input[type="button"] .fas,
.ilt_report .toolbar .toolbar-contents .export input[type="button"] .far,
.ilt_report .toolbar .toolbar-contents .export input[type="button"] .fal,
.learner .toolbar .toolbar-contents .export input[type="button"] .icon,
.learner .toolbar .toolbar-contents .export input[type="button"] .fa,
.learner .toolbar .toolbar-contents .export input[type="button"] .fas,
.learner .toolbar .toolbar-contents .export input[type="button"] .far,
.learner .toolbar .toolbar-contents .export input[type="button"] .fal {
  margin-right: 5px;
}

.microsite .toolbar .toolbar-contents .export input[type="button"]:hover, .microsite .toolbar .toolbar-contents .export input[type="button"].active,
.customized .toolbar .toolbar-contents .export input[type="button"]:hover,
.customized .toolbar .toolbar-contents .export input[type="button"].active,
.transcript .toolbar .toolbar-contents .export input[type="button"]:hover,
.transcript .toolbar .toolbar-contents .export input[type="button"].active,
.ilt_global .toolbar .toolbar-contents .export input[type="button"]:hover,
.ilt_global .toolbar .toolbar-contents .export input[type="button"].active,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"]:hover,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"].active,
.course .toolbar .toolbar-contents .export input[type="button"]:hover,
.course .toolbar .toolbar-contents .export input[type="button"].active,
.ilt_report .toolbar .toolbar-contents .export input[type="button"]:hover,
.ilt_report .toolbar .toolbar-contents .export input[type="button"].active,
.learner .toolbar .toolbar-contents .export input[type="button"]:hover,
.learner .toolbar .toolbar-contents .export input[type="button"].active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.microsite .toolbar .toolbar-contents .export input[type="button"]:focus,
.customized .toolbar .toolbar-contents .export input[type="button"]:focus,
.transcript .toolbar .toolbar-contents .export input[type="button"]:focus,
.ilt_global .toolbar .toolbar-contents .export input[type="button"]:focus,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"]:focus,
.course .toolbar .toolbar-contents .export input[type="button"]:focus,
.ilt_report .toolbar .toolbar-contents .export input[type="button"]:focus,
.learner .toolbar .toolbar-contents .export input[type="button"]:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.microsite .toolbar .toolbar-contents .export input[type="button"][disabled], .microsite .toolbar .toolbar-contents .export input[type="button"].disabled, .microsite .toolbar .toolbar-contents .export input[type="button"]:disabled, .microsite .toolbar .toolbar-contents .export input[type="button"].is-disabled,
.customized .toolbar .toolbar-contents .export input[type="button"][disabled],
.customized .toolbar .toolbar-contents .export input[type="button"].disabled,
.customized .toolbar .toolbar-contents .export input[type="button"]:disabled,
.customized .toolbar .toolbar-contents .export input[type="button"].is-disabled,
.transcript .toolbar .toolbar-contents .export input[type="button"][disabled],
.transcript .toolbar .toolbar-contents .export input[type="button"].disabled,
.transcript .toolbar .toolbar-contents .export input[type="button"]:disabled,
.transcript .toolbar .toolbar-contents .export input[type="button"].is-disabled,
.ilt_global .toolbar .toolbar-contents .export input[type="button"][disabled],
.ilt_global .toolbar .toolbar-contents .export input[type="button"].disabled,
.ilt_global .toolbar .toolbar-contents .export input[type="button"]:disabled,
.ilt_global .toolbar .toolbar-contents .export input[type="button"].is-disabled,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"][disabled],
.ilt_learner .toolbar .toolbar-contents .export input[type="button"].disabled,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"]:disabled,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"].is-disabled,
.course .toolbar .toolbar-contents .export input[type="button"][disabled],
.course .toolbar .toolbar-contents .export input[type="button"].disabled,
.course .toolbar .toolbar-contents .export input[type="button"]:disabled,
.course .toolbar .toolbar-contents .export input[type="button"].is-disabled,
.ilt_report .toolbar .toolbar-contents .export input[type="button"][disabled],
.ilt_report .toolbar .toolbar-contents .export input[type="button"].disabled,
.ilt_report .toolbar .toolbar-contents .export input[type="button"]:disabled,
.ilt_report .toolbar .toolbar-contents .export input[type="button"].is-disabled,
.learner .toolbar .toolbar-contents .export input[type="button"][disabled],
.learner .toolbar .toolbar-contents .export input[type="button"].disabled,
.learner .toolbar .toolbar-contents .export input[type="button"]:disabled,
.learner .toolbar .toolbar-contents .export input[type="button"].is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.microsite .toolbar .toolbar-contents .export input[type="button"].disabled,
.customized .toolbar .toolbar-contents .export input[type="button"].disabled,
.transcript .toolbar .toolbar-contents .export input[type="button"].disabled,
.ilt_global .toolbar .toolbar-contents .export input[type="button"].disabled,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"].disabled,
.course .toolbar .toolbar-contents .export input[type="button"].disabled,
.ilt_report .toolbar .toolbar-contents .export input[type="button"].disabled,
.learner .toolbar .toolbar-contents .export input[type="button"].disabled {
  box-shadow: none;
}

.microsite .toolbar .toolbar-contents .export input[type="button"] + label,
.customized .toolbar .toolbar-contents .export input[type="button"] + label,
.transcript .toolbar .toolbar-contents .export input[type="button"] + label,
.ilt_global .toolbar .toolbar-contents .export input[type="button"] + label,
.ilt_learner .toolbar .toolbar-contents .export input[type="button"] + label,
.course .toolbar .toolbar-contents .export input[type="button"] + label,
.ilt_report .toolbar .toolbar-contents .export input[type="button"] + label,
.learner .toolbar .toolbar-contents .export input[type="button"] + label {
  color: #09092d;
}

.microsite .toolbar .lt-react-label-value .element-wrapper .input-wrapper .box,
.customized .toolbar .lt-react-label-value .element-wrapper .input-wrapper .box,
.transcript .toolbar .lt-react-label-value .element-wrapper .input-wrapper .box,
.ilt_global .toolbar .lt-react-label-value .element-wrapper .input-wrapper .box,
.ilt_learner .toolbar .lt-react-label-value .element-wrapper .input-wrapper .box,
.course .toolbar .lt-react-label-value .element-wrapper .input-wrapper .box,
.ilt_report .toolbar .lt-react-label-value .element-wrapper .input-wrapper .box,
.learner .toolbar .lt-react-label-value .element-wrapper .input-wrapper .box {
  box-shadow: none;
}

.microsite .last-update,
.customized .last-update,
.transcript .last-update,
.ilt_global .last-update,
.ilt_learner .last-update,
.course .last-update,
.ilt_report .last-update,
.learner .last-update {
  margin: 0px 0px 10px 0px;
}

@media (max-width: 768px) {
  .microsite .last-update,
.customized .last-update,
.transcript .last-update,
.ilt_global .last-update,
.ilt_learner .last-update,
.course .last-update,
.ilt_report .last-update,
.learner .last-update {
    display: flex;
    align-items: center;
  }
}

.customized #course_section_contents .lt-react-dropdown {
  min-width: 150px;
  width: Max(250px, 40vw);
}

.customized #course_section_contents .lt-react-dropdown .panel li {
  text-overflow: clip;
}

.transcript.transcript-pdf .toolbar .toolbar-tabs li {
  visibility: hidden;
}

.transcript.transcript-pdf .report-wrapper .logo {
  position: absolute;
}

.transcript #transcript {
  clear: both;
  margin-top: 30px;
}

.transcript #transcript .program-transcript .table-wrapper table thead tr .Enrollment_Date,
.transcript #transcript .program-transcript .table-wrapper table thead tr .Completion_Date,
.transcript #transcript .program-transcript .table-wrapper table thead tr .Origin {
  padding-left: 60px;
}

.transcript #transcript .program-transcript .table-wrapper table tbody tr .Enrollment_Date,
.transcript #transcript .program-transcript .table-wrapper table tbody tr .Completion_Date {
  vertical-align: top;
  padding-top: 10px;
}

.transcript #transcript .program-transcript .table-wrapper table tbody tr .Completed_Courses {
  padding-top: 10px;
}

.transcript #transcript .option-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-end: 16px;
}

.transcript #transcript .option-buttons .toolbar {
  padding: 0;
}

@media (max-width: 576px) {
  .transcript #transcript .option-buttons {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
}

.transcript #transcript .toolbar .toolbar-options .ds-button {
  margin-left: 5px;
}

.transcript #transcript .toolbar .toolbar-options .ds-button:hover {
  transition: all 1s ease-out;
  background-color: #d7d7e4;
  margin-left: 5px;
}

@media (max-width: 992px) {
  .transcript #transcript .toolbar .toolbar-options .ds-button {
    width: 105px;
    margin: 0px;
  }
}

@media (max-width: 576px) {
  .transcript #transcript .toolbar .toolbar-options {
    width: 100%;
  }
  .transcript #transcript .toolbar .toolbar-options .ds-button {
    width: 100%;
  }
}

.transcript #transcript .analytics-basic-wrapper {
  margin: 10px 0px 10px 0px;
}

@media (max-width: 576px) {
  .transcript #transcript .analytics-basic-wrapper .analytics-widget--col1 {
    width: calc(50% - 10px);
  }
  .transcript #transcript .analytics-basic-wrapper .analytics-widget--col2 {
    width: 100%;
  }
}

.transcript #transcript table tbody td.Course_Title,
.transcript #transcript table thead .Course_Title {
  text-align: left;
}

.transcript .report-wrapper > .analytics-basic-wrapper {
  margin: 0 -10px 10px 0;
}

.transcript .report-wrapper > .analytics-basic-wrapper > .analytics-basic-wrapper {
  flex-basis: 100%;
}

.transcript .analytics-header {
  display: flex;
  align-items: center;
}

.transcript .analytics-header h2 {
  flex: 1;
}

@media print {
  .transcript .data-list * {
    font-size: 10px;
  }
  .transcript .data-list th,
.transcript .data-list td {
    padding: 5px 4px !important;
    white-space: nowrap;
  }
}

.analytics-wrapper {
  --analytics-desktop-color: #7777f7;
  --analytics-mobile-color: #65eba5;
  --analytics-line-chart-color: #7777f7;
  --analytics-learners-chart-color: #7777f7;
  --analytics-finished-color: #aaefb9;
  --analytics-failed-color: #feb9ba;
  --analytics-in-progress-color: #ffeca9;
  --analytics-not-started-color: #7a7aae;
  --analytics-course-not-started-color: #7a7aae;
  --analytics-course-in-progress-color: #f3c316;
  --analytics-course-finished-color: #23ab41;
  --analytics-course-failed-color: #f22f31;
}

.analytics-wrapper .data-list {
  padding-top: 0px;
  margin-top: 0px;
}

.analytics-wrapper .data-list .table-wrapper {
  margin: 0px;
  box-shadow: none;
  overflow-y: hidden;
  padding: 0;
  border: 1px solid #b0b0cd;
  border-radius: 8px;
}

.analytics-wrapper .data-list .table-wrapper .top-header {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

.analytics-wrapper .data-list .table-wrapper tfoot {
  display: none;
}

.analytics-wrapper .data-list table thead tr th i {
  margin-left: 10px;
}

.analytics-wrapper .data-list table thead tr .Learning_Path_Title {
  padding-left: 60px;
}

.analytics-wrapper .data-list table thead tr .Completed_Courses {
  padding-left: 60px;
}

.analytics-wrapper .data-list table tbody tr td, .analytics-wrapper .data-list table tfoot tr th {
  min-width: 150px;
}

.analytics-wrapper .data-list table tbody tr .cell-notification {
  text-align: center;
}

.analytics-wrapper .data-list table tbody tr .present_label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  border-radius: 2px;
  color: #007018;
  background-color: #aaefb9;
  padding: 4px 8px;
}

.analytics-wrapper .data-list table tbody tr .absent_label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  border-radius: 2px;
  color: #aa0608;
  background-color: #feb9ba;
  padding: 4px 8px;
}

.analytics-wrapper .data-list table tbody tr .unknown_label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  border-radius: 2px;
  color: #1f1f59;
  background-color: #d7d7e4;
  padding: 4px 8px;
}

.analytics-wrapper .data-list table tbody tr td.status {
  min-width: 120px;
}

.analytics-wrapper .data-list table tbody tr td.status .finished-bg,
.analytics-wrapper .data-list table tbody tr td.status .failed-bg,
.analytics-wrapper .data-list table tbody tr td.status .in-progress-bg,
.analytics-wrapper .data-list table tbody tr td.status .not-started-bg {
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  border-radius: 3px;
  width: fit-content;
  padding: 3px 6px 3px 6px;
}

.analytics-wrapper .data-list table tbody tr td.status .finished-bg {
  color: #007018;
  background-color: #aaefb9;
}

.analytics-wrapper .data-list table tbody tr td.status .in-progress-bg {
  color: #665000;
  background-color: #ffeca9;
}

.analytics-wrapper .data-list table tbody tr td.status .not-started-bg {
  color: #1f1f59;
  background-color: #d7d7e4;
}

.analytics-wrapper .data-list table tbody tr td.status .failed-bg {
  color: #aa0608;
  background-color: #feb9ba;
}

.analytics-wrapper .data-list table tbody tr .lp-title-content {
  display: flex;
  cursor: pointer;
  margin-top: 10px;
}

.analytics-wrapper .data-list table tbody tr .lp-title-content .lp-expand-button {
  width: 12px;
  margin-right: 18px;
}

.analytics-wrapper .data-list table tbody tr .lp-status-content {
  padding-left: 30px;
}

.analytics-wrapper .data-list table tbody tr .hide-item {
  opacity: 1;
  max-height: 0;
}

.analytics-wrapper .data-list table tbody tr .lp-dropdown-content {
  padding: 5px 0px 5px 30px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 1s ease-in-out, opacity 1.5s ease-in-out;
}

.analytics-wrapper .data-list table tbody tr .lp-dropdown-content .lp-transcript-item {
  padding: 5px 0px 5px 0px;
}

.analytics-wrapper .data-list table tbody tr .lp-dropdown-content .lp-transcript-item:not(:last-child) {
  padding: 10px 0px 5px 0px;
}

.analytics-wrapper .data-list table tbody tr .lp-dropdown-content:not(.hide-item) {
  max-height: 500px;
  opacity: 1;
}

.analytics-wrapper .data-list table tbody tr td span.trophy-yes .fa {
  color: #23ab41;
  margin-right: 0;
}

.analytics-wrapper .data-list table tbody tr td span.trophy-no .fa {
  color: #f22f31;
  margin-right: 0;
}

.analytics-wrapper .data-list table tbody tr .Exam {
  min-width: 80px;
}

.analytics-wrapper .data-list table tbody tr .user_country {
  min-width: 160px;
}

.analytics-wrapper .data-list table tbody tr .Section {
  min-width: 120px;
}

.analytics-wrapper .data-list table tbody tr .Subsection {
  min-width: 220px;
}

.analytics-wrapper .data-list table tfoot tr th {
  height: 0px;
  border-bottom: 0px;
}

.analytics-wrapper .data-list table th,
.analytics-wrapper .data-list table td {
  white-space: nowrap;
}

.analytics-wrapper .data-list .lt-react-dropdown .select {
  width: 100%;
  box-sizing: border-box;
}

.analytics-wrapper .data-list .lt-react-dropdown .select svg {
  position: static;
  width: 10px;
}

.analytics-wrapper .data-list .lt-react-dropdown .panel li:hover {
  color: #5959eb;
}

.analytics-wrapper .data-list .total-rows {
  display: none;
}

.analytics-wrapper .data-list + .footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.analytics-wrapper .other-activities-transcript td {
  color: #1f1f59;
}

.analytics-wrapper .other-activities-transcript td a.activity-link {
  color: #3535cd;
}

.analytics-wrapper .other-activities-transcript td a.activity-link span {
  text-decoration: underline;
}

.analytics-wrapper .other-activities-transcript td .rating-stars {
  color: #f3c316;
}

.analytics-wrapper .pagination-container {
  margin: 15px 0px 0px 0px;
  display: flex;
  justify-content: right;
}

.analytics-wrapper .pagination-container .total-number {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #3f3f82;
}

.analytics-wrapper .pagination-container .paginator {
  margin: 0px;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #3f3f82;
}

.analytics-wrapper .pagination-container .paginator .previous-arrow {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

.analytics-wrapper .pagination-container .paginator .page-number {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 3px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

.analytics-wrapper .pagination-container .paginator .current-page-number {
  cursor: default !important;
  color: white !important;
  background-color: #5959eb !important;
}

.analytics-wrapper .pagination-container .paginator .next-arrow {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 3px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

.analytics-wrapper.course #course-report {
  width: 100%;
}

.analytics-wrapper.course #course-report .lt-react-tab {
  margin: 10px;
}

.analytics-wrapper.course .analytics-header#course-report-dropdown {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 10px;
  padding: 21px 23px 21px 50px;
  border: 1px solid #ececec;
  border-radius: 8px;
}

@media (max-width: 576px) {
  .analytics-wrapper.course .analytics-header#course-report-dropdown {
    padding: 20px;
  }
}

@media (max-width: 576px) {
  .analytics-wrapper.course .analytics-header#course-report-dropdown {
    align-items: flex-start;
  }
}

.analytics-wrapper.course .analytics-header#course-report-dropdown label {
  margin-bottom: 0;
  flex-basis: 40%;
}

.analytics-wrapper.course .analytics-header .lt-react-dropdown {
  min-width: 150px;
  flex: 1;
}

.analytics-wrapper .analytics-report-toolbox-bar {
  padding-top: 15px;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal {
  position: fixed;
  z-index: 9999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: white;
  border-radius: 8px;
  border: 0px;
}

@media (max-width: 768px) {
  .analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content {
    width: calc(100% - 20px);
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .title-text {
  background-color: #5959eb;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: white;
  padding: 15px 30px 15px 30px;
  border-radius: 8px 8px 0px 0px;
  border: 1px solid #5959eb;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .title-text .close-button {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .content-body {
  margin: 0px;
  padding: 0px;
  min-width: 600px;
  min-height: 400px;
  max-height: calc(100vh - 200px);
  overflow: auto;
}

@media (max-width: 768px) {
  .analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .content-body {
    min-width: 300px;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .footer-bar {
  display: flex;
  justify-content: space-between;
  padding: 20px 30px 20px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .footer-bar .fa-rotate {
  margin-right: 3px;
}

@media (max-width: 768px) {
  .analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .footer-bar .reset-button {
    display: none;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .footer-bar .other-buttons {
  display: flex;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .footer-bar .other-buttons .apply-button {
  margin-left: 10px;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item {
  padding: 15px 30px 0px 30px;
  color: #09092d;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content {
  display: flex;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content ds-datepicker {
  width: 100%;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector {
  width: 100%;
  display: flex;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box {
  background-color: white;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box ds-dropdown {
  width: 100%;
  z-index: unset;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown {
  width: 100%;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .select {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: grey;
  height: 35px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid #b0b0cd;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .select .text {
  width: 95%;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  box-sizing: border-box;
  background-color: white;
  list-style: none;
  padding: 0px;
  margin: 0px;
  text-align: left;
  color: #7a7aae;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .select .fa-regular {
  margin-left: 5px;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .panel {
  z-index: 999;
  width: 511px;
  border: 1px solid #b0b0cd;
}

@media (max-width: 768px) {
  .analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .panel {
    width: 100%;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .panel .date-range-selector {
  position: static !important;
  z-index: 99;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .panel .date-range-selector .labels {
  display: block;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .panel .date-range-selector .box-container {
  display: block;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .panel .date-range-selector .DateRangePicker {
  margin-top: 37px;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .panel .date-range-selector .DateRangePicker .DateRangePicker__Month {
  width: 511px;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .panel .date-range-selector .date-range-picker {
  position: static;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .panel ul {
  margin: 3px 0px 3px 0px;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .panel ul li {
  display: flex;
  height: auto;
  cursor: pointer;
  margin-top: 3px;
  line-height: 25px;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .panel ul li input[type=checkbox] {
  width: 20px;
  height: 20px;
  accent-color: #5959eb;
  align-self: start;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .panel ul li label {
  width: 470px;
  margin: 0px 0px 0px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  word-wrap: break-word;
  white-space: break-spaces;
}

@media (max-width: 768px) {
  .analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .panel ul li label {
    width: 100%;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .user-lt-hire-date-dropdown .panel ul li.active {
  background-color: white;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .selected-labels {
  display: flex;
  flex-wrap: wrap;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .selected-labels .label {
  display: flex;
  align-items: center;
  padding: 5px;
  cursor: pointer;
  border-radius: 2px;
  margin: 8px 8px 0px 0px;
  background-color: #ccccff;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .selected-labels .label .label-text {
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  color: #1717ab;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .multiple-searchable-selector .selector-box .selected-labels .label .discard-label {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  margin-left: 5px;
  align-self: flex-start;
  color: #1717ab;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .selector-size {
  width: 513px;
  height: auto;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 768px) {
  .analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .selector-size {
    width: 100%;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .filter-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  border-radius: 5px;
  cursor: pointer;
  width: 36px;
  height: 36px;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .status-container {
  display: flex;
}

@media (max-width: 768px) {
  .analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .status-container {
    flex-wrap: wrap;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .status-container .status-option {
  display: flex;
  align-items: center;
  margin: 5px 0px 0px 0px;
}

@media (max-width: 768px) {
  .analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .status-container .status-option {
    width: 49%;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .selection-item .selection-content .status-container .status-option .status-text {
  margin-left: 8px;
  margin-right: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #09092d;
}

.analytics-wrapper .analytics-report-toolbox-bar .analytics-report-filters-modal .filters-content .filters-separator-line {
  margin: 20px 20px 5px 20px;
  border-bottom: 1px solid #d7d7e4;
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar {
    flex-wrap: wrap;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-filters {
  display: flex;
  width: 330px;
  margin: 0px;
  padding: 0px;
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-filters .ds-search {
  width: 100%;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-filters {
    width: 100%;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options {
  width: 100%;
  position: relative;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options {
    color: white;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu {
    gap: 8px;
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(2, 1fr);
  }
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu > button {
    width: 100%;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .filter-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #1f1f59;
  background-color: #ebebf1;
  border-radius: 5px;
  padding: 3px 18px 3px 18px;
  margin-left: 5px;
  height: 30px;
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .filter-button:hover {
  transition: all 1s ease-out;
  background-color: #d7d7e4;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .filter-button {
    width: 105px;
    margin-left: 0px;
  }
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .filter-button .fa-solid {
    width: 16px;
    height: 16px;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .filter-button .filter-text {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .right-sidebar {
  width: 0px;
  margin-left: auto;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .right-sidebar {
    display: none;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .mobile-menu-background {
  display: none;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .mobile-menu-background {
    display: block;
    position: fixed;
    z-index: 900;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .columns-menu {
  position: absolute;
  background-color: white;
  transition: all 0.5s ease-in-out;
  border-radius: 5px;
  margin: 3px 0px 0px 5px;
  padding: 10px 5px 5px 5px;
  min-width: 164px;
  box-shadow: 0 2px 5px -1px #09092d;
  z-index: 1000;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .columns-menu {
    position: fixed;
    bottom: 0px;
    left: 0px;
    top: auto;
    margin: 0px;
    padding: 0px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: unset;
    width: 100%;
    max-height: calc(100vh);
    display: flex;
    flex-direction: column;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .columns-menu .mobile-menu-footer {
  display: none;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .columns-menu .mobile-menu-footer {
    display: flex;
    justify-content: flex-end;
    margin: 5px 10px 30px 10px;
  }
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .columns-menu .mobile-menu-footer .ds-button {
    margin-right: 10px;
  }
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .columns-menu .options-list {
    flex-grow: 1;
    overflow-y: auto;
    max-height: calc(100% - 36px);
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .columns-menu .options-list ul li {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 10px;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .columns-menu .options-list ul li {
    padding: 5px 10px 10px 30px;
  }
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .columns-menu .options-list ul li:first-child {
    padding: 20px 10px 10px 30px;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .columns-menu .options-list ul li:hover {
  transition: all 1s ease-out;
  background-color: #d7d7e4;
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .columns-menu .options-list ul li .properties-checkbox {
  width: 15px;
  height: 15px;
  accent-color: #5959eb;
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .columns-menu .options-list ul li .properties-title {
  margin-left: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f1f59;
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu {
  position: absolute;
  background-color: white;
  transition: all 0.5s ease-in-out;
  border-radius: 5px;
  top: 100%;
  left: calc(100% - 130px);
  margin: 3px 0px 0px 5px;
  padding: 10px 5px 5px 5px;
  min-width: 120px;
  box-shadow: 0 2px 5px -1px #09092d;
  z-index: 100;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu {
    position: fixed;
    bottom: 0px;
    left: 0px;
    top: auto;
    margin: 0px;
    padding: 0px;
    border-radius: 5px 5px 0px 0px;
    box-shadow: unset;
    width: 100%;
    z-index: 1000;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu .ds-radio {
  display: none;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu .ds-radio {
    display: inline-grid;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu .mobile-menu-footer {
  display: none;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu .mobile-menu-footer {
    display: flex;
    justify-content: flex-end;
    margin: 0px 10px 20px 10px;
  }
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu .mobile-menu-footer .ds-button {
    margin-right: 10px;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu ul li {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 10px;
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu ul li:hover {
  transition: all 1s ease-out;
  background-color: #d7d7e4;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu ul li {
    padding: 5px 10px 10px 30px;
  }
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu ul li:first-child {
    padding: 20px 10px 10px 30px;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu ul li .exporter-mobile-title {
  display: none;
  cursor: pointer;
  margin-left: 0px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f1f59;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu ul li .exporter-mobile-title {
    display: block;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu ul li .exporter-title {
  cursor: pointer;
  margin-left: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f1f59;
}

@media (max-width: 992px) {
  .analytics-wrapper .analytics-report-toolbox-bar .toolbox-bar .data-options .analytics-toolbar-mobile-menu .exporter-menu ul li .exporter-title {
    display: none;
  }
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-status {
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-status .selected-labels {
  display: flex;
  align-items: center;
  padding: 5px;
  cursor: pointer;
  border-radius: 2px;
  margin: 8px 8px 0px 0px;
  background-color: #ccccff;
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-status .selected-labels .label-text {
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  color: #1717ab;
}

.analytics-wrapper .analytics-report-toolbox-bar .toolbox-status .selected-labels .discard-label {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  margin-left: 5px;
  color: #1717ab;
}

.analytics-wrapper .ilt_report .training-report-wrapper, .analytics-wrapper.training-report .training-report-wrapper {
  min-width: 1075px;
}

@media (max-width: 992px) {
  .analytics-wrapper .ilt_report .training-report-wrapper, .analytics-wrapper.training-report .training-report-wrapper {
    min-width: unset;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .report-title, .analytics-wrapper.training-report .training-report-wrapper .report-title {
  margin-bottom: 18px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container {
  display: flex;
}

@media (max-width: 992px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container {
    flex-wrap: wrap;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-ilt-course, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-ilt-course {
  display: block;
  width: 100%;
  min-width: 280px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-ilt-course .course-selector, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-ilt-course .course-selector {
  display: flex;
  align-items: center;
  gap: 16px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-ilt-course .course-selector .select-item, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-ilt-course .course-selector .select-item {
  display: flex;
  align-items: flex-end;
  width: auto;
  min-width: 400px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-left: 25px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-ilt-course .course-selector .select-item .item-list-dropdown, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-ilt-course .course-selector .select-item .item-list-dropdown {
  z-index: 90;
  flex: 1;
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-ilt-course .course-selector .select-item .item-list-dropdown span, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-ilt-course .course-selector .select-item .item-list-dropdown span {
  height: 100%;
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-ilt-course .course-selector, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-ilt-course .course-selector {
    flex-direction: column;
    align-items: flex-start;
  }
  .analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-ilt-course .course-selector .select-item, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-ilt-course .course-selector .select-item {
    min-width: unset;
    width: 100%;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-ilt-course .selected-item-title, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-ilt-course .selected-item-title {
  margin: 24px 0;
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-ilt-course .selected-item-title .item-title-icon, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-ilt-course .selected-item-title .item-title-icon {
  font-size: 18px;
  margin-inline-end: 10px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-ilt-course .selected-item-title .item-title-string, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-ilt-course .selected-item-title .item-title-string {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-type, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-type {
  width: auto;
  min-width: 280px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-type .content-type, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-type .content-type {
  margin-top: 12px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-type .content-type .type, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-type .content-type .type {
  display: inline-flex;
  align-items: center;
  height: 40px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-type .content-type .type span, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-type .content-type .type span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-left: 5px;
  margin-right: 15px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-item, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-item {
  display: flex;
  align-items: flex-end;
  width: auto;
  min-width: 400px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-item, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-item {
    min-width: 200px;
    width: 100%;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .content-selection-container .select-item .item-list-dropdown, .analytics-wrapper.training-report .training-report-wrapper .content-selection-container .select-item .item-list-dropdown {
  z-index: 90;
  flex: 1;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container {
  margin-top: 35px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper {
  display: flex;
  justify-content: space-between;
  vertical-align: bottom;
  gap: 24px;
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper {
    flex-direction: column;
    align-items: flex-end;
  }
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .selected-item-title, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .selected-item-title {
    align-self: flex-start;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .selected-item-title .item-title-icon, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .selected-item-title .item-title-icon {
  margin-inline-end: 10px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .selected-item-title .item-title-string, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .selected-item-title .item-title-string {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper div .default-reminder-button, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper div .default-reminder-button {
  color: #1f1f59;
  background-color: #ebebf1;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper {
  overflow-y: auto;
  --scroller-color-track: #d7d7e4;
  --scroller-color-thumb: #7a7aae;
  --scroller-color-thumb-hover: #3f3f82;
  scrollbar-width: thin;
  scrollbar-color: var(--scroller-color-thumb) var(--scroller-color-track);
  max-height: 440px;
  overflow-y: auto;
  padding: 1px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper::-webkit-scrollbar, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper::-webkit-scrollbar {
  max-height: 8px !important;
  max-width: 8px !important;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper::-webkit-scrollbar-thumb, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper::-webkit-scrollbar-track, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper::-webkit-scrollbar-thumb, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper::-webkit-scrollbar-track {
  background: transparent !important;
  border-radius: 8px !important;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper:hover, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper:hover {
  --fix: somethingdoesnotexist;
  /* This custom property invalidates styles on hover, thereby enforcing a style recomputation. This is needed to work around a bug in Safari. */
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper:hover::-webkit-scrollbar-thumb, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper:hover::-webkit-scrollbar-thumb {
  background: var(--scroller-color-thumb) !important;
  border: 2px solid var(--scroller-color-track) !important;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper:hover::-webkit-scrollbar-thumb:hover, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper:hover::-webkit-scrollbar-thumb:hover {
  background: var(--scroller-color-thumb-hover) !important;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper:hover::-webkit-scrollbar-track, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper:hover::-webkit-scrollbar-track {
  background: var(--scroller-color-track) !important;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper.ds-scroller--solid:hover::-webkit-scrollbar-thumb, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper.ds-scroller--solid:hover::-webkit-scrollbar-thumb {
  border: none !important;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper.ds-scroller--solid:hover::-webkit-scrollbar-track, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper.ds-scroller--solid:hover::-webkit-scrollbar-track {
  background: transparent !important;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper.ds-scroller--x, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper.ds-scroller--horizontal, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper.ds-scroller--x, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper.ds-scroller--horizontal {
  overflow-y: auto;
  overflow-x: auto;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table {
  width: 100%;
  border: 1px hidden #d7d7e4;
  border-radius: 8px;
  outline: 1px solid #d7d7e4;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table input[type="checkbox"], .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0px;
  border-radius: 4px;
  transition: all 0.3s ease-out;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead {
  border-bottom: 1px solid #b0b0cd;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #6767a5;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr {
  border-color: #b0b0cd;
  background-color: transparent;
  vertical-align: middle;
  font-size: 12px;
  height: 42px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th {
  text-align: left;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th:first-child, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th:first-child {
  padding-left: calc(20px + 12px) !important;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th:last-child, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th:last-child {
  padding-right: calc(20px + 12px);
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th i.fa-caret-up::before, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th i.fa-caret-down::before, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th i.fa-caret-up::before, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th i.fa-caret-down::before {
  content: "\f883";
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th.checkbox, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th.checkbox {
  width: 30px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th.checkbox i.fa-caret-up, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th.checkbox i.fa-caret-down, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th.checkbox i.fa-caret-up, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th.checkbox i.fa-caret-down {
  display: none;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr:has(> i), .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr:has(> i) {
  cursor: pointer;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr > i, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr > i {
  margin-left: 8px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr:first-child th, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr:first-child th {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #6767a5;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th.Enrollment_Date, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table thead tr th.Enrollment_Date {
  display: none;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table tbody, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table tbody {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #3f3f82;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table tbody tr, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table tbody tr {
  vertical-align: middle;
  padding: 7px 0px 7px 0px;
  height: 42px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table tbody tr:nth-child(odd), .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table tbody tr:nth-child(odd) {
  border-top: 0;
  border-bottom: 0;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table tbody tr:hover, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table tbody tr:hover {
  background-color: transparent;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table tbody tr td.Enrollment_Date, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table tbody tr td.Enrollment_Date {
  display: none;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table tfoot, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table tfoot {
  display: None;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table td, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table td {
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #d7d7e4;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table td:first-child, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table td:first-child {
  padding-left: calc(20px + 12px) !important;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table td:last-child, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table td:last-child {
  padding-right: calc(20px + 12px);
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table td.Name,
.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table td.user_name, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table td.Name,
.analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .table-wrapper table td.user_name {
  min-width: 150px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .total-rows, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .total-rows {
  display: None;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop {
  background-color: rgba(9, 9, 45, 0.7);
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal.paragon__show, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal.paragon__show {
  max-width: Min(900px, calc(100vw - 32px));
  margin: 10vh auto;
  box-shadow: 0 15px 22px -6px rgba(9, 9, 45, 0.18);
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog {
  min-width: 1144px;
  min-height: 724px;
  margin: 5vh auto;
  box-shadow: 0 15px 22px -6px rgba(9, 9, 45, 0.18);
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog {
    max-width: calc(100% - 10px);
  }
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog {
    min-width: 300px;
    margin: 150px 10px 0px 10px;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content {
  width: 1280px;
  border: none;
  border-radius: 8px;
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content {
    width: auto;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header {
  display: block;
  border-bottom: none;
  padding: 16px 24px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content:has(> i), .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content:has(> i) {
  cursor: pointer;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details {
  margin-top: 0;
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details a, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details a {
  color: #09092d;
  font-size: 16px;
  font-weight: 700;
  padding-right: 20px;
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details a, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details a {
    width: 40%;
    padding-right: 0;
    padding-bottom: 5px;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details a:hover, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details a:hover {
  color: #5959eb;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details a:nth-of-type(2), .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details a:nth-of-type(2) {
  padding-left: 3px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details .author-profile-image, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details .author-profile-image {
  border-radius: 50%;
  margin-right: 30px;
}

@media (max-width: 576px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details .author-profile-image, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details .author-profile-image {
    margin-right: 5px;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details .timeago, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details .timeago {
  padding: 0 60px 0 10px;
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details .timeago, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details .timeago {
    padding: 0;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 576px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details .timeago, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .posted-details .timeago {
    width: 60%;
  }
}

@media (max-width: 576px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .post-labels, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .post-labels {
    display: none;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body {
  padding: 16px 24px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body label, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body input, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body input {
  width: 100%;
  box-shadow: none;
  border: 1px solid #b0b0cd;
  border-radius: 4px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body div .lt-react-tab ul.tab-navs, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body div .lt-react-tab ul.tab-navs {
  display: none;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body div .next-steps, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body div .next-steps {
  margin-bottom: 10px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body div .search-bar-filter, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body div .search-bar-filter {
  display: flex;
  margin-bottom: 20px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body div .search-bar-filter .ds-search, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body div .search-bar-filter .ds-search {
  width: 100%;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body div .search-bar-filter .ds-search input, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body div .search-bar-filter .ds-search input {
  width: 100%;
  border: none;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body div .table-wrapper, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body div .table-wrapper {
  border: 0px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper {
  background-color: #f3f3f7;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content {
  padding: 16px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content p, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content p {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content p span, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content p span {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content p a:visited:not(.btn), .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content p a:visited:not(.btn) {
  color: #09092d;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content p + p, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content p + p {
  margin: 0px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content p:first-child, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content p:nth-child(2), .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content p:first-child, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content p:nth-child(2) {
  margin-bottom: 20px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content p:last-child, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-body .mail-reminder-wrapper .mail-reminder-content p:last-child {
  margin-top: 20px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer {
  padding: 16px 24px;
  gap: 8px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer > :not(:last-child),
.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer > :not(:first-child), .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer > :not(:last-child),
.analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer > :not(:first-child) {
  margin: 0;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer .ds-button, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer .ds-button {
  font-size: 14px;
  border: none;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer .ds-button:hover, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer .ds-button:hover {
  border: none;
  outline: none;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer .ds-button:hover, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer .ds-button:active, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer .ds-button:focus, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer .ds-button:hover, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer .ds-button:active, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer .ds-button:focus {
  background-color: #3535cd;
  box-shadow: none;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer button.paragon__btn, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer button.paragon__btn {
  vertical-align: middle;
  text-align: center;
  font-weight: 400;
  padding: .625rem;
  font-size: 1rem;
  line-height: 1.25;
  white-space: nowrap;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer button.ds-button--neutral:hover, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer button.ds-button--neutral:hover {
  background-color: var(--fds-global-color-neutral-20);
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer button.ds-button--neutral:active, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer button.ds-button--neutral:active {
  background-color: var(--fds-global-color-neutral-30);
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer button.paragon__btn-outline-primary, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer button.paragon__btn-outline-primary {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  padding: 0px;
  order: -1;
  border: none;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer button.paragon__btn-outline-primary, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer button.paragon__btn-outline-primary:hover, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer button.paragon__btn-outline-primary:focus, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer button.paragon__btn-outline-primary, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer button.paragon__btn-outline-primary:hover, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-footer button.paragon__btn-outline-primary:focus {
  border: none;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper div button#reminder-btn, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper div button#reminder-btn {
  color: #1f1f59;
  background-color: #ebebf1;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper {
  background-color: #f3f3f7;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content {
  padding: 16px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content p, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content p {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content p span, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content p span {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content p a:visited:not(.btn), .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content p a:visited:not(.btn) {
  color: #09092d;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content p + p, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content p + p {
  margin: 0px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content p:first-child, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content p:nth-child(2), .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content p:first-child, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content p:nth-child(2) {
  margin-bottom: 20px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content p:last-child, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .send-mail-wrapper .mail-reminder-wrapper .mail-reminder-content p:last-child {
  margin-top: 20px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .last-update, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .last-update {
  display: flex;
  align-items: center;
  margin: 20px 0px 5px 0px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu {
  position: fixed;
  background-color: white;
  transition: all 0.5s ease-in-out;
  top: auto;
  bottom: 0px;
  left: 0px;
  border-radius: 5px 5px 0px 0px;
  margin: 0px;
  padding: 0px;
  min-width: 120px;
  box-shadow: unset;
  z-index: 1000;
  width: calc(100vw);
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu .mobile-menu-footer, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu .mobile-menu-footer {
  display: flex;
  justify-content: flex-end;
  margin: 0px 10px 20px 10px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu .mobile-menu-footer .ds-button, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu .mobile-menu-footer .ds-button {
  margin-right: 10px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 5px 10px 10px 30px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li:hover, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li:hover {
  transition: all 1s ease-out;
  background-color: #d7d7e4;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li:first-child, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li:first-child {
  padding: 20px 10px 10px 30px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li .ds-radio, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li .ds-radio {
  display: inline-grid;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li .exporter-mobile-title, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li .exporter-mobile-title {
  display: none;
  cursor: pointer;
  margin-left: 0px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f1f59;
}

@media (max-width: 992px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li .exporter-mobile-title, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li .exporter-mobile-title {
    display: block;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li .exporter-title, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li .exporter-title {
  cursor: pointer;
  margin-left: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f1f59;
}

@media (max-width: 992px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li .exporter-title, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .mobile-exporter-menu ul li .exporter-title {
    display: none;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-height: fit-content;
  background-color: white;
  border-radius: 8px;
  border: 0px;
}

@media (max-width: 992px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content {
    width: calc(100% - 20px);
    min-width: 300px;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .title-text, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .title-text {
  height: 20px;
  background-color: #5959eb;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: white;
  padding: 15px 30px 15px 30px;
  border-radius: 8px 8px 0px 0px;
  border: 1px solid #5959eb;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .title-text .close-button, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .title-text .close-button {
  float: right;
  cursor: pointer;
  font-size: 20px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header {
  display: flex;
  justify-content: end;
  padding: 10px 25px 12px 0px;
  height: 36px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .selected-button, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .selected-button {
  color: white !important;
  background-color: #5959eb !important;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .export-button, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .export-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #1f1f59;
  background-color: #ebebf1;
  border-radius: 4px;
  padding: 3px 18px 3px 18px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .export-button:hover, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .export-button:hover {
  transition: all 1s ease-out;
  background-color: #d7d7e4;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .export-button .export-button-text, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .export-button .export-button-text {
  margin-left: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 992px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .mobile-menu-background, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .mobile-menu-background {
    position: fixed;
    z-index: 900;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .exporter-menu, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .exporter-menu {
  position: absolute;
  background-color: white;
  transition: all 0.5s ease-in-out;
  border-radius: 5px;
  top: calc(var(--export-program-course-report-menu-top));
  left: calc(100% - 145px);
  margin: 3px 0px 0px 5px;
  padding: 10px 5px 5px 5px;
  min-width: 120px;
  box-shadow: 0 2px 5px -1px #09092d;
  z-index: 100;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .exporter-menu ul li, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .exporter-menu ul li {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 10px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .exporter-menu ul li:hover, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .exporter-menu ul li:hover {
  transition: all 1s ease-out;
  background-color: #d7d7e4;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .exporter-menu ul li .exporter-title, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-header .exporter-menu ul li .exporter-title {
  cursor: pointer;
  margin-left: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #1f1f59;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list {
  min-height: 200px;
  max-height: 500px;
  overflow-y: auto;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content {
  border-bottom: 1px solid #d7d7e4;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-title, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-title {
  display: flex;
  justify-content: space-between;
  margin: 0px;
  cursor: pointer;
  padding: 20px 30px;
  min-width: 1250px;
}

@media (max-width: 992px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-title, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-title {
    min-width: 100px;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-title .course-title, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-title .course-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #4c4c8e;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-title .expanded-button .fa-regular, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-title .expanded-button .fa-regular {
  font-size: 23px;
  font-weight: 800;
  color: #4c4c8e;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-title .expanded-button .fa-angle-up, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-title .expanded-button .fa-angle-up {
  transition: all 1.5s ease-in-out;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-body, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-body {
  margin: 0px;
  padding: 0px 30px 20px 30px;
  min-width: 600px;
  min-height: 100px;
  overflow: auto;
}

@media (max-width: 992px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-body, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-body {
    min-width: 300px;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-body .course-report, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-body .course-report {
  margin: 0px;
  padding: 0px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-body .course-report .tool-bar, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-body .course-report .tool-bar {
  display: flex;
  justify-content: space-between;
  min-width: 1250px;
  height: 38px;
}

@media (max-width: 992px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-body .course-report .tool-bar, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-body .course-report .tool-bar {
    min-width: 300px;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-body .course-report .tool-bar .prompt-info, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-body .course-report .tool-bar .prompt-info {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #09092d;
}

@media (max-width: 992px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-body .course-report .tool-bar .prompt-info, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .analytics-program-course-report-modal .program-course-report-content .content-list .course-content .content-body .course-report .tool-bar .prompt-info {
    font-size: 12px;
    line-height: 16px;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information {
  display: flex;
  margin: 20px 0px 20px 0px;
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information {
    flex-wrap: wrap;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .students-enrollments, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .students-enrollments {
  border: 1px solid #d7d7e4;
  border-radius: 4px;
  width: 192px;
  height: 154px;
  margin-right: 20px;
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .students-enrollments, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .students-enrollments {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .students-enrollments .title, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .students-enrollments .title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d7d7e4;
  padding: 0px 20px 0px 20px;
  align-items: center;
  height: 52px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .students-enrollments .title .text, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .students-enrollments .title .text {
  color: #09092d;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .students-enrollments .title .icon, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .students-enrollments .title .icon {
  color: #4c4c8e;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .students-enrollments .numbers .show-number, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .students-enrollments .numbers .show-number {
  margin: 21px 0px 5px 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .students-enrollments .numbers .total-number, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .students-enrollments .numbers .total-number {
  margin: 5px 0px 0px 20px;
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  background-color: #a5dcf7;
  color: #00476a;
  padding: 4px;
  border-radius: 2px;
  width: fit-content;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .programs-completion-rate, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .programs-completion-rate {
  border: 1px solid #d7d7e4;
  border-radius: 4px;
  width: 270px;
  height: 156px;
  margin: 0px 20px 0px 0px !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .programs-completion-rate, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .programs-completion-rate {
    width: 100%;
    margin: 0px 0px 10px 0px !important;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .programs-completion-rate .title, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .programs-completion-rate .title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d7d7e4;
  padding: 0px 20px 0px 20px;
  align-items: center;
  height: 52px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .programs-completion-rate .title .text, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .programs-completion-rate .title .text {
  color: #09092d;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .programs-completion-rate .title .icon, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .programs-completion-rate .title .icon {
  color: #4c4c8e;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info {
  border: 1px solid #d7d7e4;
  border-radius: 4px;
  width: 270px;
  height: 156px;
  margin: 0px !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info {
    width: 100%;
    margin: 0px 0px 10px 0px;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info .title, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info .title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d7d7e4;
  padding: 0px 20px 0px 20px;
  align-items: center;
  height: 52px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info .title .text, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info .title .text {
  color: #09092d;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info .title .icon, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info .title .icon {
  color: #4c4c8e;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info .course-number .show-number, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info .course-number .show-number {
  margin: 21px 0px 5px 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info .course-number .info, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info .course-number .info {
  margin: 5px 0px 0px -10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 4px;
  border-radius: 2px;
  width: fit-content;
  color: #3535cd;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info .course-number .info .report-intro, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .program-report-container .summary-information .program-courses-info .course-number .info .report-intro {
  margin-right: 5px;
  color: #3535cd;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container {
  margin-top: 30px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .last-update, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .last-update {
  display: flex;
  align-items: center;
  margin: 20px 0px 5px 0px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .no-data-container, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .no-data-container {
  margin-top: 20px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .no-data-container .no-data, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .no-data-container .no-data {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 20px;
  padding: 12px 10px 12px 30px;
  vertical-align: middle;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #d7d7e4;
  color: #3f3f82;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information {
  display: flex;
  margin: 20px 0px 20px 0px;
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information {
    flex-wrap: wrap;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-enrollments,
.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-score, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-enrollments,
.analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-score {
  border: 1px solid #d7d7e4;
  border-radius: 4px;
  width: 270px;
  height: 154px;
  margin-right: 20px;
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-enrollments,
.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-score, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-enrollments,
.analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-score {
    width: 100%;
    margin: 0px 0px 10px 0px !important;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-enrollments .numbers .show-number,
.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-score .numbers .show-number, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-enrollments .numbers .show-number,
.analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-score .numbers .show-number {
  margin: 21px 0px 5px 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 44px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-enrollments .numbers .total-number,
.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-score .numbers .total-number, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-enrollments .numbers .total-number,
.analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-score .numbers .total-number {
  margin: 5px 0px 0px 20px;
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  background-color: #a5dcf7;
  color: #00476a;
  padding: 4px;
  border-radius: 2px;
  width: fit-content;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .course-completion-rate, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .course-completion-rate {
  border: 1px solid #d7d7e4;
  border-radius: 4px;
  width: 270px;
  height: 156px;
  margin: 0px 20px 0px 0px !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .course-completion-rate, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .course-completion-rate {
    width: 100%;
    margin: 0px 0px 10px 0px !important;
  }
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-enrollments .title,
.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-score .title,
.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .course-completion-rate .title, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-enrollments .title,
.analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-score .title,
.analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .course-completion-rate .title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #d7d7e4;
  padding: 0px 20px;
  align-items: center;
  height: 52px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-enrollments .title .icon,
.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-score .title .icon,
.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .course-completion-rate .title .icon, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-enrollments .title .icon,
.analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .students-score .title .icon,
.analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .course-report-container .summary-information .course-completion-rate .title .icon {
  color: #4c4c8e;
}

.analytics-wrapper .analytics-widgets {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.analytics-wrapper .analytics-summary {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d7d7e4;
  border-radius: 8px;
  height: 44px;
  color: #3f3f82;
}

.analytics-widget {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 0 !important;
  border: 1px solid #d7d7e4;
  border-radius: 4px;
  width: 192px;
  height: 160px;
}

.analytics-widget--grow {
  flex-grow: 1;
}

.analytics-widget--row2 {
  height: 340px;
}

.analytics-widget--col1 {
  width: 160px;
}

.analytics-widget--col2 {
  width: 340px;
}

.analytics-widget--col2 .analytics-widget__caption .question-mark {
  margin-left: 30px;
}

.analytics-widget > * {
  padding: 16px;
}

.analytics-widget__caption {
  display: flex;
  flex-basis: 54px;
  flex-grow: 0;
  border-bottom: 1px solid #d7d7e4;
  padding: 0px 20px 0px 20px;
  align-items: center;
  height: 52px;
}

.analytics-widget__caption h3 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  padding: 0;
  margin: 0;
  flex: 1;
  color: #09092d;
}

@media (max-width: 768px) {
  .analytics-widget__caption h3 {
    line-height: 1;
  }
}

.analytics-widget__caption-select {
  flex: 0;
  display: flex;
  align-items: center;
}

.analytics-widget__caption-select label {
  font-size: 1em;
  font-style: normal;
  line-height: 1;
  margin: 0 5px 0 5px;
  white-space: nowrap;
}

.analytics-widget__caption-select select {
  padding: 0;
  margin-right: 0;
  border-width: 0;
  color: #5959eb;
}

.analytics-widget__caption .icon-question {
  font-size: 16px;
  color: #4c4c8e;
  margin-right: -5px;
}

.analytics-widget__caption .icon-question i {
  color: #4c4c8e;
}

.analytics-widget__caption-mark {
  margin-left: 5px;
  color: #7777f7;
}

.analytics-widget__caption .question-mark {
  margin-left: 5px;
}

.analytics-widget main {
  flex: 1;
  display: flex;
  align-items: center;
}

.analytics-widget main .analytics-widget__chart {
  width: auto !important;
  height: 100%;
  flex: 1;
}

.analytics-widget aside .legend {
  font-size: 11px;
  color: #09092d;
}

.analytics-widget aside .legend .legend__item {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}

.analytics-widget aside .legend .legend__item .not-started__icon {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #7a7aae;
}

.analytics-widget aside .legend .legend__item .in-progress__icon {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #f3c316;
}

.analytics-widget aside .legend .legend__item .successful__icon {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #23ab41;
}

.analytics-widget aside .legend .legend__item .unsuccessful__icon {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #f22f31;
}

.analytics-widget aside .legend .legend__item .text {
  margin-left: 5px;
}

.analytics-widget aside .legend .legend__item .mobile {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #65eba5;
}

.analytics-widget aside .legend .legend__item .desktop {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #7777f7;
}

.analytics-widget aside .legend .status-message {
  margin-left: 5px;
}

.analytics-widget aside .legend .status-message span {
  font-size: 10px;
}

.analytics-widget.analytics-widget-statuschart aside .legend {
  font-size: 11px;
  color: #09092d;
}

.analytics-widget.analytics-widget-statuschart aside .legend .legend__item {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}

.analytics-widget.analytics-widget-statuschart aside .legend .legend__item .not-started__icon {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #7a7aae;
}

.analytics-widget.analytics-widget-statuschart aside .legend .legend__item .in-progress__icon {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #f3c316;
}

.analytics-widget.analytics-widget-statuschart aside .legend .legend__item .successful__icon {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #23ab41;
}

.analytics-widget.analytics-widget-statuschart aside .legend .legend__item .unsuccessful__icon {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #f22f31;
}

.analytics-widget.analytics-widget-statuschart aside .legend .legend__item .text {
  margin-left: 5px;
}

.analytics-widget.analytics-gaugechart main {
  flex: 1 1 50%;
  align-items: normal;
  padding-right: 0;
  height: 100%;
}

.analytics-widget.analytics-gaugechart aside {
  flex: 1 1 50%;
  padding-left: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 100px;
}

.analytics-widget.analytics-gaugechart aside h2 {
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  font-size: 16px;
  white-space: nowrap;
}

.analytics-widget.analytics-gaugechart .analytics-widget__content {
  display: flex;
  flex: 1;
  margin: 0px;
  padding: 10px 0px 0px 0px;
}

.analytics-widget.analytics-gaugechart .analytics-widget__content main {
  margin-bottom: -100%;
}

.analytics-widget.analytics-gaugechart .analytics-widget__content .analytics-widget__aside {
  font-size: 11px;
  color: #09092d;
  margin-inline-end: 16px;
}

.analytics-widget.analytics-gaugechart .analytics-widget__content .analytics-widget__aside .status-bar {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}

.analytics-widget.analytics-gaugechart .analytics-widget__content .analytics-widget__aside .status-bar .not-started__icon {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #7a7aae;
}

.analytics-widget.analytics-gaugechart .analytics-widget__content .analytics-widget__aside .status-bar .in-progress__icon {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #f3c316;
}

.analytics-widget.analytics-gaugechart .analytics-widget__content .analytics-widget__aside .status-bar .successful__icon {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #23ab41;
}

.analytics-widget.analytics-gaugechart .analytics-widget__content .analytics-widget__aside .status-bar .unsuccessful__icon {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #f22f31;
}

.analytics-widget.analytics-gaugechart .analytics-widget__content .analytics-widget__aside .status-bar .text {
  margin-left: 5px;
}

.analytics-widget.analytics-gaugechart .analytics-widget__chart {
  height: 160%;
}

.analytics-widget.analytics-piechart {
  flex-direction: row;
}

.analytics-widget.analytics-piechart main {
  flex: 1 1 50%;
  align-items: normal;
  padding-right: 0;
}

.analytics-widget.analytics-piechart aside {
  flex: 1 1 50%;
  padding-left: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 100px;
}

.analytics-widget.analytics-piechart aside h2 {
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  font-size: 16px;
  white-space: nowrap;
}

.analytics-widget.analytics-piechart .analytics-widget__caption {
  border-bottom: none;
  flex-basis: 0;
}

.analytics-widget.analytics-piechart .analytics-widget__chart {
  height: 100%;
}

.analytics-widget.analytics-piechart .legend {
  margin-top: 0;
  margin-left: 0;
}

.analytics-widget.analytics-piechart .question-mark {
  margin-left: 5px;
}

.analytics-widget.analytics-linechart main {
  padding-left: 0;
  padding-right: 0;
}

.analytics-widget.analytics-widget-learners main .figure {
  flex: 1;
}

.analytics-widget.analytics-widget-learners main .analytics-widget__chart {
  width: 152px !important;
  min-width: 152px;
  flex-grow: 0;
  height: 48px;
}

.analytics-widget.analytics-widget-map {
  height: 100% !important;
}

.analytics-widget.analytics-widget-completetime .analytics-widget__caption h3, .analytics-widget.analytics-widget-learners .analytics-widget__caption h3, .analytics-widget.analytics-widget-timespent .analytics-widget__caption h3 {
  display: flex;
  align-items: center;
}

.analytics-widget.analytics-widget-completetime .analytics-widget__chart, .analytics-widget.analytics-widget-learners .analytics-widget__chart, .analytics-widget.analytics-widget-timespent .analytics-widget__chart {
  margin-left: 10px;
}

.analytics-basic-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.analytics-basic-wrapper--grow {
  min-width: 320px;
  flex: 1;
}

.analytics-basic-wrapper--grow .analytics-widget {
  flex: 1;
}

.analytics-basic-wrapper--shrink {
  max-width: 700px;
}

.analytics-basic-wrapper--row {
  flex: 1 0 100%;
}

.analytics-basic-wrapper--row .analytics-widget {
  flex: 1;
}

.analytics-widget-map {
  min-height: 300px;
}

.analytics-widget-map .analytics-widget__caption {
  border-bottom: none;
}

@media (max-width: 1200px) {
  .analytics-basic-wrapper--shrink {
    max-width: 1200px;
  }
  .analytics-wrapper.microsite .analytics-widget--col1, .analytics-wrapper.course .analytics-widget--col1 {
    width: calc(25% - 20px);
  }
  .analytics-wrapper.microsite .analytics-widget--col2, .analytics-wrapper.course .analytics-widget--col2 {
    width: calc(50% - 20px);
  }
  .analytics-wrapper.microsite .analytics-widget {
    height: calc(25vw - 85px);
  }
  .analytics-wrapper.course .analytics-widget {
    height: calc(calc(calc(100vw - 260px) / 4) - 20px);
  }
}

@media (max-width: 992px) {
  .analytics-wrapper.microsite .analytics-widget {
    height: calc(25vw - 45px);
  }
  .analytics-wrapper.course .analytics-widget {
    height: calc(calc(calc(100vw - 86px) / 4) - 20px);
  }
}

@media (max-width: 768px) {
  .analytics-wrapper.microsite .analytics-widgets, .analytics-wrapper.course .analytics-widgets {
    padding: 0;
  }
  .analytics-wrapper.microsite .analytics-widget__caption, .analytics-wrapper.course .analytics-widget__caption {
    padding-top: 0;
    padding-bottom: 0;
  }
  .analytics-wrapper.microsite .analytics-widget__caption ds-dropdown, .analytics-wrapper.course .analytics-widget__caption ds-dropdown {
    width: 100px;
  }
  .analytics-wrapper.microsite .analytics-widget {
    height: calc(25vw - 25px);
  }
  .analytics-wrapper.course .analytics-widget {
    height: calc(calc(calc(100vw - 42px) / 4) - 20px);
  }
}

@media (max-width: 576px) {
  .analytics-wrapper.microsite .analytics-widget {
    height: calc(50vw - 30px);
  }
  .analytics-wrapper.microsite .analytics-widget--col1 {
    width: calc(50% - 10px);
  }
  .analytics-wrapper.microsite .analytics-widget--col2 {
    width: 100%;
  }
}

#form-customized-report .lt-react-dropdown span.text {
  white-space: break-spaces;
}

#form-customized-report .lt-react-dropdown .select {
  height: auto;
}

#learner-report .last-update {
  margin-bottom: 20px;
}

#learner-report .analytics-report-toolbox-bar {
  padding: 0px 0px 15px 0px;
}

#learner-report .report-title {
  margin-bottom: 18px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

#ilt-report .analytics-report-toolbox-bar {
  padding: 0px 0px 15px 0px;
}

#ilt-report .analytics-report-toolbox-bar .toolbox-bar {
  margin-bottom: 15px;
}

#ilt-report .analytics-report-toolbox-bar .toolbox-status .selected-labels {
  align-items: center;
  padding: 5px;
  cursor: pointer;
  border-radius: 2px;
  margin: 8px 8px 0px 0px;
}

#ilt-report .analytics-report-toolbox-bar .toolbox-status .selected-labels .label-text {
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  color: #1717ab;
}

#ilt-report .analytics-report-toolbox-bar .toolbox-status .selected-labels .discard-label {
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  margin-left: 5px;
  color: #1717ab;
}

#my-downloads .main-container .analytics-wrapper {
  padding: 32px;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper {
  padding: 40px 30px;
  border: 1px solid #d7d7e4;
  box-shadow: none;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .search-bar-filter {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container {
  margin-top: 20px;
  border-radius: 8px;
  border: 1px hidden #d7d7e4;
  outline: 1px solid #d7d7e4;
}

@media (max-width: 1300px) {
  #my-downloads .main-container .analytics-wrapper .report-wrapper .list-container {
    overflow-x: auto;
  }
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table {
  width: 100%;
  border-radius: 8px;
  border-collapse: collapse;
  table-layout: auto;
  transition: all 0.1s ease;
  will-change: opacity;
  background: #ffffff;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table thead {
  border-bottom: 1px solid #b0b0cd;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #6767a5;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table thead td {
  padding: 14px 12px;
  border-color: #b0b0cd;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table thead td:has(> i) {
  cursor: pointer;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table thead td > i {
  margin-left: 8px;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table tbody {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #3f3f82;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table tbody td {
  padding: 10px 12px;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table tbody td .item-type, #my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table tbody td .ds-tag {
  margin-right: 1ch;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table tbody td .ds-tag {
  text-transform: capitalize;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table tbody td a {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #5959eb;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table .col-name {
  min-width: 400px;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table .col-date-time {
  min-width: 200px;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table .col-type {
  min-width: 200px;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table .col-size {
  min-width: 100px;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table .col-status {
  width: 100px;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table .col-action {
  width: 50px;
  text-align: center;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table td {
  border-bottom: 1px solid #d7d7e4;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .list-container table td:first-child {
  padding-left: calc(20px + 12px);
}

#my-downloads .main-container .analytics-wrapper .report-wrapper .pagination-container {
  margin-top: 20px;
}

#my-downloads .main-container .analytics-wrapper .report-wrapper.disabled table {
  opacity: 0.8;
  pointer-events: none;
  cursor: not-allowed;
}

.my-courses-dashboard .banner {
  position: relative;
  flex: 100%;
  height: 150px;
  background-image: url("/static/hawthorn/images/dashboard-illustration.cbb1d3a9e3b2.jpg");
  background-size: cover;
  background-position: center center;
  margin-bottom: 0px;
}

.my-courses-dashboard .banner::before {
  background: #09092d;
  opacity: 0.7;
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.my-courses-dashboard .banner h2 {
  font-weight: 600;
  font-size: 36px;
  color: #ffffff;
}

.my-courses-dashboard .banner .welcome-wrapper {
  padding: 50px 60px 20px 60px;
  position: relative;
}

@media (max-width: 992px) {
  .my-courses-dashboard .banner .welcome-wrapper {
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  .my-courses-dashboard .banner .welcome-wrapper {
    padding-left: 20px;
  }
}

.my-courses-dashboard .banner .welcome-wrapper h3 {
  font-weight: 300;
  font-size: 16px;
  color: #ffffff;
}

@media (max-width: 992px) {
  .my-courses-dashboard .banner {
    margin-bottom: 0px;
  }
}

@media (max-width: 576px) {
  .my-courses-dashboard .banner {
    margin-bottom: 0px;
  }
}

.my-courses-dashboard .main-container {
  overflow: hidden;
  padding: 0 0 20px;
}

.my-courses-dashboard .main-container .tabs-wrapper {
  padding: 32px 60px 0px;
}

@media (max-width: 576px) {
  .my-courses-dashboard .main-container .tabs-wrapper {
    padding-inline: 0;
  }
}

.my-courses-dashboard .main-container .my-courses {
  padding: 0 60px;
  margin-bottom: 30px;
}

.my-courses-dashboard .main-container .my-courses .separation_container {
  display: flex;
  color: #09092d;
  cursor: pointer;
  margin: 20px 0px 20px 0px;
}

.my-courses-dashboard .main-container .my-courses .separation_container .separation_title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal;
  border: none;
  white-space: nowrap;
}

.my-courses-dashboard .main-container .my-courses .separation_container .courses_counter {
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  margin-left: 10px;
  margin-right: 5px;
  padding: 1px 5px 1px 5px;
  box-sizing: border-box;
  width: fit-content;
  border-radius: 2px;
  background: rgba(114, 114, 114, 0.2);
}

.my-courses-dashboard .main-container .my-courses .separation_container .extending_button {
  margin-left: 10px;
}

.my-courses-dashboard .main-container .my-courses .separation_container .separation_line {
  margin: 8px 10px 0px 10px;
  border-top: 1px solid #d7d7e4;
  width: 85%;
}

.my-courses-dashboard .main-container .my-courses .my-courses-nav {
  border-bottom: 1px solid #d7d7e4;
  margin: 0;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
  font-size: 0;
}

.my-courses-dashboard .main-container .my-courses .my-courses-nav .nav-item {
  display: inline-block;
  padding-bottom: 0px;
}

.my-courses-dashboard .main-container .my-courses .my-courses-nav .nav-item:not(:last-of-type) {
  margin-inline-end: 24px;
}

.my-courses-dashboard .main-container .my-courses .my-courses-nav .nav-item .btn-link {
  font-size: 16px;
  color: #09092d;
  font-weight: 300;
  text-decoration: none !important;
  letter-spacing: normal;
  line-height: initial;
  padding-bottom: 10px;
  padding-top: 0;
  line-height: 20px;
  border: none;
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 576px) {
  .my-courses-dashboard .main-container .my-courses .my-courses-nav .nav-item .btn-link {
    border: 1px solid #4c4c8e;
    border-radius: 8px;
    padding: 5px 8px;
  }
}

.my-courses-dashboard .main-container .my-courses .my-courses-nav .nav-item .btn-link:hover, .my-courses-dashboard .main-container .my-courses .my-courses-nav .nav-item .btn-link:active {
  text-shadow: 0.25px 0.25px 0 #09092d;
}

@media (max-width: 576px) {
  .my-courses-dashboard .main-container .my-courses .my-courses-nav .nav-item .btn-link:hover, .my-courses-dashboard .main-container .my-courses .my-courses-nav .nav-item .btn-link:active {
    text-shadow: none;
  }
}

.my-courses-dashboard .main-container .my-courses .my-courses-nav .nav-item .btn-link.active-section {
  font-weight: 400;
  border-bottom: 2px solid #5959eb;
}

@media (max-width: 576px) {
  .my-courses-dashboard .main-container .my-courses .my-courses-nav .nav-item .btn-link.active-section {
    border: 1px solid #5959eb;
    color: #5959eb;
    border-radius: 8px;
  }
}

.my-courses-dashboard .main-container .my-courses .my-courses-nav .nav-item .nav_courses_counter {
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  margin-left: 10px;
  padding: 1px 5px 1px 5px;
  box-sizing: border-box;
  width: fit-content;
  border-radius: 2px;
  color: #09092d;
  background: rgba(114, 114, 114, 0.2);
}

@media (max-width: 576px) {
  .my-courses-dashboard .main-container .my-courses {
    padding: 16px;
  }
  .my-courses-dashboard .main-container .my-courses .my-courses-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
  }
  .my-courses-dashboard .main-container .my-courses .my-courses-nav .my-learning-searchbar,
.my-courses-dashboard .main-container .my-courses .my-courses-nav .ds-search {
    width: 100%;
  }
}

.view-dashboard .content-wrapper {
  max-width: initial;
}

.dashboard {
  flex-wrap: wrap;
}

.dashboard .empty-programs-message {
  text-align: center;
  width: 100%;
  color: #ffffff;
  background-color: #5959eb;
  border-radius: 6px;
  padding: 20px 10px;
}

.dashboard .empty-programs-message .small-title {
  font-size: 12px;
  margin-bottom: 5px;
}

.dashboard .empty-programs-message .normal-title {
  font-size: 18px;
  margin-bottom: 10px;
}

.dashboard .empty-programs-message .btn-primary, .dashboard .empty-programs-message .btn-brand {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  color: #09092d;
  background-color: #ffffff;
  font-size: 12px;
  color: #09092d;
}

.dashboard .empty-programs-message .btn-primary:hover, .dashboard .empty-programs-message .btn-brand:hover, .dashboard .empty-programs-message .btn-primary.active, .dashboard .empty-programs-message .active.btn-brand {
  text-decoration: none;
}

.dashboard .empty-programs-message .btn-primary .icon, .dashboard .empty-programs-message .btn-brand .icon, .dashboard .empty-programs-message .btn-primary .fa, .dashboard .empty-programs-message .btn-brand .fa, .dashboard .empty-programs-message .btn-primary .fas, .dashboard .empty-programs-message .btn-brand .fas, .dashboard .empty-programs-message .btn-primary .far, .dashboard .empty-programs-message .btn-brand .far, .dashboard .empty-programs-message .btn-primary .fal, .dashboard .empty-programs-message .btn-brand .fal {
  margin-right: 5px;
}

.dashboard .empty-programs-message .btn-primary .icon, .dashboard .empty-programs-message .btn-brand .icon {
  display: none;
}

.dashboard .empty-programs-message h2 {
  color: #ffffff;
  font-weight: 700;
}

div .dashboard {
  flex-direction: row;
}

.dashboard .flat-button {
  background-color: #fafafa;
}

.dashboard .flat-button:hover {
  border-bottom: 1px solid #5959eb !important;
}

.dashboard .banner {
  position: relative;
  flex: 100%;
  height: 150px;
  background-image: url("/static/hawthorn/images/dashboard-illustration.cbb1d3a9e3b2.jpg");
  background-size: cover;
  background-position: center center;
  height: 260px;
  position: relative;
  margin-bottom: 120px;
  padding: 0 160px;
}

.dashboard .banner::before {
  background: #09092d;
  opacity: 0.7;
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.dashboard .banner h2 {
  font-weight: 600;
  font-size: 36px;
  color: #ffffff;
}

.dashboard .banner .welcome-wrapper {
  padding: 50px 60px 20px 60px;
  position: relative;
}

@media (max-width: 992px) {
  .dashboard .banner .welcome-wrapper {
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  .dashboard .banner .welcome-wrapper {
    padding-left: 20px;
  }
}

.dashboard .banner .welcome-wrapper h3 {
  font-weight: 300;
  font-size: 16px;
  color: #ffffff;
}

@media (max-width: 992px) {
  .dashboard .banner {
    padding: 0 80px;
  }
}

.dashboard .banner .welcome-wrapper {
  padding: 70px 0 20px 0;
}

@media (max-width: 992px) {
  .dashboard .banner .welcome-wrapper {
    padding-left: 0;
  }
}

.dashboard .banner .welcome-wrapper h2 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dashboard .banner .welcome-wrapper h2, .dashboard .banner .welcome-wrapper h2 + h3 {
  color: #ffffff;
}

.dashboard .banner .whiteboard {
  padding-top: 20px;
  display: flex;
  transform: scale(1);
  gap: 16px;
}

.dashboard .banner .whiteboard > div {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  border-radius: var(--fds-global-border-radius-md);
  width: 12%;
  max-width: 130px;
  height: 100px;
  padding: var(--fds-global-space-xl);
}

.dashboard .banner .whiteboard > div:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

@media (max-width: 992px) {
  .dashboard .banner .whiteboard > div {
    width: 20%;
    padding: 18px 6px 20px;
  }
}

@media (max-width: 768px) {
  .dashboard .banner .whiteboard > div {
    width: 17%;
    padding: 18px 16px 20px;
  }
}

.dashboard .banner .whiteboard > div h2 {
  font-weight: 600;
  font-size: 36px;
  color: #09092d;
  margin-bottom: 0;
}

.dashboard .banner .whiteboard > div i {
  padding: 0 0 6px 3px;
}

@media (max-width: 576px) {
  .dashboard .banner .whiteboard > div i {
    font-size: 20px;
  }
}

.dashboard .banner .whiteboard > div:nth-child(1) i {
  color: #7777f7;
}

.dashboard .banner .whiteboard > div:nth-child(1):after {
  background-color: #7777f7;
}

.dashboard .banner .whiteboard > div:nth-child(2) i {
  color: #65eba5;
}

.dashboard .banner .whiteboard > div:nth-child(2):after {
  background-color: #65eba5;
}

.dashboard .banner .whiteboard > div:nth-child(3) i {
  color: #ff8d96;
}

.dashboard .banner .whiteboard > div:nth-child(3):after {
  background-color: #ff8d96;
}

.dashboard .banner .whiteboard > div h3 {
  font-size: 34px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
}

.dashboard .banner .whiteboard > div p {
  color: #4c4c8e;
  padding-bottom: 13px;
  font-size: 10px;
}

@media (max-width: 576px) {
  .dashboard .banner .whiteboard > div p {
    font-size: 12px;
    height: 22px;
  }
}

.dashboard .banner .whiteboard > div:after {
  content: "";
  display: block;
  width: 80px;
  height: 6px;
  background-color: #5959eb;
  border-radius: 3px;
}

@media (max-width: 576px) {
  .dashboard .banner .whiteboard > div:after {
    width: 100%;
  }
}

.dashboard .banner .whiteboard .view-transcript {
  margin: auto 0 0 auto;
  color: #09092d;
  align-self: baseline;
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  color: #09092d;
  border: 1px solid #4c4c8e;
}

.dashboard .banner .whiteboard .view-transcript:hover, .dashboard .banner .whiteboard .view-transcript.active {
  text-decoration: none;
}

.dashboard .banner .whiteboard .view-transcript .icon, .dashboard .banner .whiteboard .view-transcript .fa, .dashboard .banner .whiteboard .view-transcript .fas, .dashboard .banner .whiteboard .view-transcript .far, .dashboard .banner .whiteboard .view-transcript .fal {
  margin-right: 5px;
}

.dashboard .banner .whiteboard .view-transcript:focus {
  color: #09092d;
  border: 1px solid #4c4c8e;
}

.dashboard .banner .whiteboard .view-transcript:hover, .dashboard .banner .whiteboard .view-transcript.active {
  color: #5959eb;
  border-color: #5959eb;
}

@media (max-width: 1200px) {
  .dashboard .banner .whiteboard .view-transcript {
    border: 0;
    background-image: none;
    text-transform: none;
    border-radius: 8px;
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-weight: 400;
    text-shadow: none;
    cursor: pointer;
    outline: none;
    display: inline-flex;
    align-items: center;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    color: #09092d;
    border: 1px solid #4c4c8e;
  }
  .dashboard .banner .whiteboard .view-transcript:hover, .dashboard .banner .whiteboard .view-transcript.active {
    text-decoration: none;
  }
  .dashboard .banner .whiteboard .view-transcript .icon, .dashboard .banner .whiteboard .view-transcript .fa, .dashboard .banner .whiteboard .view-transcript .fas, .dashboard .banner .whiteboard .view-transcript .far, .dashboard .banner .whiteboard .view-transcript .fal {
    margin-right: 5px;
  }
  .dashboard .banner .whiteboard .view-transcript:focus {
    color: #09092d;
    border: 1px solid #4c4c8e;
  }
  .dashboard .banner .whiteboard .view-transcript:hover, .dashboard .banner .whiteboard .view-transcript.active {
    color: #5959eb;
    border-color: #5959eb;
  }
}

@media (max-width: 768px) {
  .dashboard .banner .whiteboard .view-transcript {
    width: 50%;
    margin: 20px auto 0;
    justify-content: center;
  }
}

@media (max-width: 576px) {
  .dashboard .banner .whiteboard .view-transcript {
    width: 60%;
  }
}

.dashboard .main-container {
  overflow: hidden;
  padding: 0;
}

.dashboard .main-container div.skeleton .listing-last-activity .last-activity-item, .dashboard .main-container div.skeleton .listing-last-activity .last-activity-item:hover {
  background-color: whitesmoke;
  box-shadow: none;
}

.dashboard .main-container div.skeleton .listing-last-activity .last-activity-item .course-title h2:before {
  display: inline-block;
  content: ' ';
  height: 20px;
  width: 200px;
  background-color: lightgray;
}

.dashboard .main-container div.skeleton .listing-last-activity .last-activity-item .course-title h2 a {
  display: none;
}

.dashboard .main-container div.skeleton .listing-last-activity .last-activity-item .course-title span {
  display: none;
}

.dashboard .main-container div.skeleton .listing-last-activity .last-activity-item .course-title:after {
  display: inline-block;
  content: ' ';
  height: 15px;
  width: 150px;
  background-color: lightgray;
}

.dashboard .main-container div.skeleton .listing-last-activity .last-activity-item .progress-icon .progress-ring {
  background-color: lightgray;
  border-radius: 50%;
}

.dashboard .main-container div.skeleton .listing-last-activity .last-activity-item .progress-icon .progress-ring circle {
  display: none;
}

.dashboard .main-container div.skeleton .listing-last-activity .last-activity-item .progress-icon .progress-ring + div:before {
  margin-bottom: 10px;
  width: 30px;
}

.dashboard .main-container div.skeleton .listing-last-activity .last-activity-item .progress-icon .progress-ring + div:before, .dashboard .main-container div.skeleton .listing-last-activity .last-activity-item .progress-icon .progress-ring + div:after {
  display: block;
  content: ' ';
  height: 15px;
  width: 60px;
  background-color: lightgray;
}

.dashboard .main-container div.skeleton .listing-last-activity .last-activity-item .progress-icon .progress-ring + div span {
  display: none;
}

.dashboard .main-container .last-activity-and-leader-board {
  padding: 20px 60px;
  display: flex;
  gap: var(--fds-global-space-xl);
}

@media (max-width: 992px) {
  .dashboard .main-container .last-activity-and-leader-board {
    flex-direction: column;
  }
}

.dashboard .main-container .last-activity-and-leader-board .last-activity {
  flex: 1;
}

.dashboard .main-container .last-activity-and-leader-board #leader-side-board {
  width: 400px;
  background-color: transparent;
}

@media (max-width: 992px) {
  .dashboard .main-container .last-activity-and-leader-board #leader-side-board {
    margin-top: 20px;
    width: 100%;
  }
}

.dashboard .main-container .last-activity-and-leader-board #leader-side-board .title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.dashboard .main-container .last-activity-and-leader-board #leader-side-board .title h3 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #4c4c8e;
}

@media (max-width: 992px) {
  .dashboard .main-container .last-activity-and-leader-board #leader-side-board .title h3 {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .last-activity-and-leader-board #leader-side-board .title h3 {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  padding: 0;
  border: 1px solid #ececec;
}

.dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

.dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table thead tr th:first-child,
.dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td:first-child {
  padding-left: 19px;
}

.dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table thead tr th:last-child,
.dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td:last-child {
  padding-right: 19px;
}

.dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table thead {
  border-bottom: 1px solid #ececec;
}

.dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table thead tr th {
  height: 54px;
}

.dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr:nth-of-type(odd) {
  background: #fafafa;
}

.dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td {
  font-size: 16px;
}

.dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td:nth-child(2) {
  font-size: 14px;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td:nth-child(2) {
    font-size: 12px;
  }
}

.dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td:nth-child(2) .name {
  word-break: break-word;
}

.dashboard .main-container .last-activity .wrapper-header-last-activity {
  height: auto;
  position: relative;
  z-index: 9;
}

.dashboard .main-container .last-activity .wrapper-header-last-activity .header-last-activity {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #4c4c8e;
  margin-bottom: 0;
}

@media (max-width: 992px) {
  .dashboard .main-container .last-activity .wrapper-header-last-activity .header-last-activity {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .last-activity .wrapper-header-last-activity .header-last-activity {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.dashboard .main-container .last-activity .listing-last-activity {
  padding: 20px;
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  margin-bottom: 10px;
  display: flex;
  padding: 20px;
  cursor: pointer;
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item .course-title {
  flex: 1;
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item .course-title h2 a {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  color: #09092d;
  font-size: 16px;
  line-height: 23px;
  margin-bottom: auto;
  font-weight: 600;
  max-width: 220px;
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item .course-title h2 a:hover, .dashboard .main-container .last-activity .listing-last-activity .last-activity-item .course-title h2 a:active, .dashboard .main-container .last-activity .listing-last-activity .last-activity-item .course-title h2 a:focus {
  color: #09092d;
  text-shadow: none;
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item .course-title span {
  color: #4c4c8e;
  font-size: 12px;
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item .course-title span i {
  margin-right: 0.5em;
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item .progress-icon {
  display: flex;
  gap: 5px;
  align-items: center;
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item .progress-icon .progress-ring {
  fill: transparent;
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item .progress-icon .progress-ring .progress-ring__circle {
  stroke-width: 6;
  stroke: #5959eb;
  transition: 0.35s stroke-dashoffset;
  transform: rotate(-90deg);
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item .progress-icon .progress-ring .progress-ring__circle-bg {
  stroke-width: 4;
  stroke: #5959eb;
  opacity: 0.2;
}

@media (max-width: 576px) {
  .dashboard .main-container .last-activity .listing-last-activity .last-activity-item .progress-icon {
    width: 50px;
  }
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item .progress-icon .progress-ring {
  height: 38px;
  width: 38px;
  display: inline-block;
  vertical-align: middle;
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item .progress-icon .progress-ring .progress-ring__circle-bg {
  stroke-width: 6;
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item .progress-icon div {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  text-align: left;
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item .progress-icon div span {
  display: block;
}

.dashboard .main-container .last-activity .listing-last-activity .last-activity-item .progress-icon div .completed {
  color: #4c4c8e;
}

@media (max-width: 576px) {
  .dashboard .main-container .last-activity .listing-last-activity .last-activity-item .progress-icon div .completed {
    display: none;
  }
}

.dashboard .main-container .last-activity .no-activity {
  border-radius: 8px;
  background-image: url("/static/hawthorn/images/no-last-activity.cde77210c284.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 368px;
}

@media (max-width: 992px) {
  .dashboard .main-container .last-activity .no-activity {
    height: unset;
  }
}

.dashboard .main-container .last-activity .no-activity .text-wrapper {
  padding: 80px;
}

@media (max-width: 576px) {
  .dashboard .main-container .last-activity .no-activity .text-wrapper {
    padding: 60px 10px;
  }
}

.dashboard .main-container .last-activity .no-activity .text-wrapper p {
  color: #afafaf;
}

.dashboard .main-container .last-activity .no-activity .text-wrapper p + h2 {
  margin-top: 20px;
}

.dashboard .main-container .last-activity .no-activity .text-wrapper h2 {
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
  max-width: 500px;
  line-height: 1.5;
}

.dashboard .main-container .last-activity .no-activity .text-wrapper .start-explore {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 12px 22px;
  font-size: 16px;
  color: #09092d;
  background-color: #ffffff;
  margin-top: 5px;
}

.dashboard .main-container .last-activity .no-activity .text-wrapper .start-explore:hover, .dashboard .main-container .last-activity .no-activity .text-wrapper .start-explore.active {
  text-decoration: none;
}

.dashboard .main-container .last-activity .no-activity .text-wrapper .start-explore .icon, .dashboard .main-container .last-activity .no-activity .text-wrapper .start-explore .fa, .dashboard .main-container .last-activity .no-activity .text-wrapper .start-explore .fas, .dashboard .main-container .last-activity .no-activity .text-wrapper .start-explore .far, .dashboard .main-container .last-activity .no-activity .text-wrapper .start-explore .fal {
  margin-right: 5px;
}

.dashboard .main-container .last-activity .header-last-activity,
.dashboard .main-container #leader-side-board .title {
  padding-bottom: 24px;
}

@media (max-width: 992px) {
  .dashboard .main-container .last-activity .header-last-activity,
.dashboard .main-container #leader-side-board .title {
    padding-bottom: 16px;
  }
}

.dashboard .main-container #leader-side-board .title a,
.dashboard .main-container .view-all-button a {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #3535cd;
}

.dashboard .main-container #leader-side-board .title a:hover, .dashboard .main-container #leader-side-board .title a:active, .dashboard .main-container #leader-side-board .title a:focus,
.dashboard .main-container .view-all-button a:hover,
.dashboard .main-container .view-all-button a:active,
.dashboard .main-container .view-all-button a:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

.dashboard .main-container #leader-side-board .title a i,
.dashboard .main-container .view-all-button a i {
  font-size: 14px;
}

.dashboard .main-container .view-all-button a {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  text-decoration: underline;
}

.dashboard .main-container .my-courses {
  padding: 0 60px;
  margin-bottom: 30px;
}

.dashboard .main-container .my-courses .wrapper-header-courses {
  display: flex;
  align-items: center;
  margin-bottom: var(--fds-global-space-md);
}

.dashboard .main-container .my-courses .wrapper-header-courses > h2 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #4c4c8e;
  margin-bottom: 0;
  flex: 1;
}

@media (max-width: 992px) {
  .dashboard .main-container .my-courses .wrapper-header-courses > h2 {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .my-courses .wrapper-header-courses > h2 {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.dashboard .main-container .my-courses .wrapper-header-courses .view-my-courses {
  color: #09092d;
}

.dashboard .main-container .my-courses .wrapper-header-courses .view-my-courses:hover {
  color: #5959eb;
}

.dashboard .main-container .my-courses .listing-courses {
  padding: var(--fds-global-space-xl) var(--fds-global-space-2xl);
}

.dashboard .main-container .student-programs-wrapper {
  padding: var(--fds-global-space-2xl) 60px;
}

.dashboard .main-container .student-programs-wrapper .wrapper-header-program {
  display: flex;
  align-items: center;
  margin-bottom: var(--fds-global-space-md);
}

.dashboard .main-container .student-programs-wrapper .wrapper-header-program > h2 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #4c4c8e;
  margin-bottom: 0;
  flex: 1;
}

@media (max-width: 992px) {
  .dashboard .main-container .student-programs-wrapper .wrapper-header-program > h2 {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .student-programs-wrapper .wrapper-header-program > h2 {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.dashboard .main-container .student-programs-wrapper .wrapper-header-program h2 {
  display: inline-block;
}

.dashboard .main-container .student-programs-wrapper .program-cards-container .explore-block {
  width: 100%;
}

.dashboard .main-container .my-bookmarks {
  padding: 0 60px;
  margin-bottom: 30px;
  padding: 30px 0 25px 0;
}

.dashboard .main-container .my-bookmarks .listing-bookmarks {
  display: flex;
  padding: 0 60px;
  clear: both;
}

.dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #e3e3e3;
  padding: 0;
  width: 399px;
  display: block;
  float: left;
  margin-bottom: 30px;
}

.dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

.dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item .bookmark-container {
  border: 0;
  border-radius: 0;
}

.dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item:hover .bookmark-title, .dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item:active .bookmark-title, .dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item:focus .bookmark-title {
  color: #09092d;
  text-shadow: none;
}

.dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item:hover .path-block-item, .dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item:active .path-block-item, .dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item:focus .path-block-item {
  color: #09092d;
  text-shadow: none;
}

.dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item:before {
  position: relative;
  left: 355px;
  top: 2px;
  font-size: 24px;
  color: #5959eb;
  font-weight: 600;
  font-family: "Font Awesome 7 Pro";
  content: '\f02e';
  float: left;
  width: 0;
}

.dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item .bookmark-title {
  padding: 15px 5px 0 28px;
  width: 320px;
  height: 46px;
  flex-basis: 100%;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  color: #09092d;
  font-size: 16px;
  line-height: 23px;
  margin-bottom: auto;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
}

@media (max-width: 576px) {
  .dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item .bookmark-title {
    width: 80%;
  }
}

.dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item .info-path-block-container {
  padding: 5px 32px 25px 28px;
}

.dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item .info-path-block-container .info-path-block {
  color: #4c4c8e;
  font-size: 11px;
}

.dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item .info-path-block-container .path-block-item {
  padding: 2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 992px) {
  .dashboard .main-container .my-bookmarks .listing-bookmarks {
    padding: 0 23px;
  }
}

@media (max-width: 576px) {
  .dashboard .main-container .my-bookmarks .listing-bookmarks {
    padding: 0 8px;
  }
  .dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item {
    width: 95%;
  }
  .dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item:before {
    left: 315px;
  }
}

.dashboard .main-container .my-bookmarks .swiper-button-prev,
.dashboard .main-container .my-bookmarks .swiper-button-next {
  top: 98px;
  height: 100px;
}

.dashboard .main-container .my-bookmarks .swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: #09092d;
  opacity: initial;
}

.dashboard .main-container .my-bookmarks .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #5959eb;
  width: 40px;
  border-radius: 5px;
}

.dashboard .main-container .my-bookmarks .swiper-button-next, .dashboard .main-container .my-bookmarks .swiper-button-prev {
  top: calc((100% - 48px) / 2);
  margin-top: 0;
  height: 68px;
  width: 68px;
  border-radius: 50%;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
  display: flex;
  justify-content: center;
  align-items: center;
}

.dashboard .main-container .my-bookmarks .swiper-button-next:before, .dashboard .main-container .my-bookmarks .swiper-button-prev:before {
  position: absolute;
  content: '\f054';
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
  font-size: 28px;
}

@media (max-width: 992px) {
  .dashboard .main-container .my-bookmarks .swiper-button-next, .dashboard .main-container .my-bookmarks .swiper-button-prev {
    top: 50%;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .my-bookmarks .swiper-button-next, .dashboard .main-container .my-bookmarks .swiper-button-prev {
    top: 50%;
  }
}

.dashboard .main-container .my-bookmarks .swiper-button-next.swiper-button-disabled, .dashboard .main-container .my-bookmarks .swiper-button-prev.swiper-button-disabled {
  display: none;
}

.dashboard .main-container .my-bookmarks .swiper-button-prev {
  left: 26px;
  right: unset;
}

.dashboard .main-container .my-bookmarks .swiper-button-prev:before {
  content: '\f053';
}

.dashboard .main-container .my-bookmarks .swiper-button-next {
  right: 26px;
  left: unset;
}

@media (max-width: 992px) {
  .dashboard .main-container .my-bookmarks .swiper-button-prev {
    left: -11px;
    right: unset;
  }
  .dashboard .main-container .my-bookmarks .swiper-button-next {
    right: -11px;
    left: unset;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .my-bookmarks .swiper-button-prev {
    left: -21px;
    right: unset;
  }
  .dashboard .main-container .my-bookmarks .swiper-button-next {
    right: -21px;
    left: unset;
  }
}

.dashboard .main-container .my-bookmarks .wrapper-header-bookmarks {
  padding: 0 60px 3px 60px;
  margin-bottom: 0;
}

@media (max-width: 576px) {
  .dashboard .main-container .my-bookmarks .wrapper-header-bookmarks {
    padding: 0 8px;
  }
}

@media (max-width: 992px) {
  .dashboard .main-container .my-bookmarks .wrapper-header-bookmarks {
    padding: 0 23px;
  }
}

.dashboard .main-container .my-bookmarks .wrapper-header-bookmarks .header-bookmarks {
  color: #09092d;
  margin-bottom: 0;
  padding-bottom: 23px;
  font-size: 16px;
  float: left;
}

.dashboard .main-container .my-bookmarks .wrapper-header-bookmarks .view-my-bookmarks {
  margin: auto 0 0 0;
  float: right;
  color: #09092d;
}

.dashboard .main-container .my-bookmarks .wrapper-header-bookmarks .view-my-bookmarks:hover {
  color: #5959eb;
}

.dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item {
  box-sizing: border-box;
}

.dashboard .main-container .my-bookmarks .listing-bookmarks .bookmark-item:not(:last-of-type) {
  margin-right: 0;
}

.dashboard .main-container .ilt-calendar {
  padding: 0 60px 50px 60px;
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar {
    padding: 0 32px 32px;
  }
}

.dashboard .main-container .ilt-calendar .events-header {
  display: flex;
  align-items: center;
  margin-bottom: var(--fds-global-space-md);
  height: 40px;
  display: flex;
  align-items: center;
}

.dashboard .main-container .ilt-calendar .events-header > h2 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #4c4c8e;
  margin-bottom: 0;
  flex: 1;
}

@media (max-width: 992px) {
  .dashboard .main-container .ilt-calendar .events-header > h2 {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .events-header > h2 {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper {
  height: 100%;
  display: flex;
  position: relative;
  gap: 24px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-next, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-prev {
  top: calc((100% - 60px) / 2);
  margin-top: 0;
  height: 68px;
  width: 68px;
  border-radius: 50%;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
  display: flex;
  justify-content: center;
  align-items: center;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-next:before, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-prev:before {
  position: absolute;
  content: '\f054';
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
  font-size: 28px;
}

@media (max-width: 992px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-next, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-prev {
    top: 50%;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-next, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-prev {
    top: 50%;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-next.swiper-button-disabled, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-prev.swiper-button-disabled {
  display: none;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-prev {
  left: 26px;
  right: unset;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-prev:before {
  content: '\f053';
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-next {
  right: 26px;
  left: unset;
}

@media (max-width: 992px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-prev {
    left: -11px;
    right: unset;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-next {
    right: -11px;
    left: unset;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-prev {
    left: -21px;
    right: unset;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-next {
    right: -21px;
    left: unset;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper--type-my .day-number::after {
  content: none !important;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-next {
  background-color: #ffffff;
  border: 1px solid #f4f4f4;
  right: -30px;
  left: unset;
  width: 60px;
  height: 60px;
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-next {
    display: none !important;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-prev {
  display: none;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-next, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .swiper-button-prev {
  box-shadow: 0 8px 15px -4px rgba(9, 9, 45, 0.13);
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session .swiper-button-next, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session .swiper-pagination, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session .ilt-events-type-switcher-wrapper {
  display: none;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session .upcoming-session {
  display: none !important;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #calendar {
  display: none;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events {
  display: flex;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("/static/hawthorn/images/ilt-calendar/no-upcoming-session-bg.82c03df821df.png");
  background-position: 100% 75%;
  justify-content: center;
  height: 375px;
  flex: 1;
}

@media (max-width: 576px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events {
    height: 198px;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text p {
  line-height: 22px;
  color: #ffffff;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text p::before, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text p::after {
  content: "";
  width: 152px;
  border: 1px solid #ffffff;
  transform: rotate(-180deg);
  display: inline-block;
  margin: 5px 20px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text h2 {
  color: #ffffff;
  font-size: 28px;
  line-height: 49px;
  margin-top: 15px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text a {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 12px 22px;
  font-size: 16px;
  color: #09092d;
  background-color: #ffffff;
  transition-duration: 0.25s;
  font-size: 12px;
  line-height: 16px;
  color: #09092d;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text a:hover, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text a.active {
  text-decoration: none;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text a .icon, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text a .fa, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text a .fas, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text a .far, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text a .fal {
  margin-right: 5px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text a:hover, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text a.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text p::before, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text p::after {
    width: 100px;
  }
}

@media (max-width: 576px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text {
    text-align: left;
    width: 100%;
    margin: 0 26px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text p {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 11px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text p::before {
    width: 37px;
    margin: 0 7px 2px 0;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text p::after {
    display: none;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text h2 {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-event-text a {
    margin-top: 16px;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-ilt-text {
  display: block;
  align-self: center;
  text-align: center;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-ilt-text h2 {
  color: #ffffff;
  font-size: 28px;
  line-height: 49px;
  margin: 80px 30px 80px 30px;
}

@media (max-width: 576px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-ilt-text {
    text-align: start;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .no-ilt-text h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    margin: 0;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session #ilt-events .ilt-events-list {
  display: none;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #calendar {
  display: block;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #ilt-events {
  height: unset;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #ilt-events .no-ilt-text {
  display: none;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #ilt-events .no-event-text {
  display: block;
  align-self: center;
  text-align: center;
}

@media (max-width: 1200px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #ilt-events .no-event-text p {
    font-size: 14px;
    line-height: 19px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #ilt-events .no-event-text p::before, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #ilt-events .no-event-text p::after {
    width: 75px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #ilt-events .no-event-text h2 {
    font-size: 24px;
    line-height: 33px;
  }
}

@media (max-width: 992px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #ilt-events .no-event-text p::before, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #ilt-events .no-event-text p::after {
    width: 45px;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #ilt-events .no-event-text p {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 11px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #ilt-events .no-event-text p::before {
    width: 37px;
    margin: 0 7px 2px 0;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #ilt-events .no-event-text p::after {
    display: none;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #ilt-events .no-event-text h2 {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session #ilt-events .no-event-text a {
    margin-top: 16px;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session.has-past-session .ilt-events-type-switcher-wrapper {
  display: flex;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar {
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 8px;
  padding: 30px 5px;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  /* Animations are cool!  */
}

@media (min-width: 993px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar {
    min-width: 390px;
    width: 390px;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar {
    min-width: 310px;
    width: 310px;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar {
    width: 100%;
    padding: 20px 0;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header {
  margin: 0 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .month-name {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  color: #09092d;
  margin-bottom: 0;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .month-name i {
  font-size: 22px;
  margin-right: 13px;
  color: #5959eb;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .view-session {
  color: #09092d;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  margin-left: auto;
  margin-right: 0;
  padding: 2px 0 2px 16px;
  width: fit-content;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .view-session:hover, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .view-session:active, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .view-session:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .view-session span {
  font-size: 10px;
  vertical-align: middle;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .view-session i {
  font-size: 16px;
  vertical-align: middle;
  margin-left: 8px;
}

@media (min-width: 769px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .view-session {
    display: none;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .calendar-nav {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  line-height: 22px;
  padding: 7px;
  background: rgba(114, 114, 114, 0.51);
  border-radius: 15px;
  display: flex;
  width: fit-content;
  gap: 20px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .calendar-nav .nav-right, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .calendar-nav .nav-left {
  padding: 0 5px;
  cursor: pointer;
}

@media (max-width: 576px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .calendar-nav {
    font-size: 12px;
    line-height: 16px;
    margin-inline-start: var(--fds-global-space-xs);
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .month-name {
    font-size: 12px;
    line-height: 16px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .header .month-name i {
    font-size: 16px;
    margin-right: 8px;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .day-name {
  font-size: 14px;
  line-height: 19px;
  color: rgba(29, 29, 29, 0.6);
  letter-spacing: .7px;
  display: inline-block;
  width: 14.28%;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 22px;
  border-radius: 26px 26px 0 0;
}

@media (max-width: 576px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .day-name {
    font-size: 10px;
    line-height: 14px;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .month {
  opacity: 0;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .month.new {
  opacity: 1;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .month.in.next {
  -webkit-animation: moveFromRightFadeMonth .4s ease-out;
  -moz-animation: moveFromRightFadeMonth .4s ease-out;
  animation: moveFromRightFadeMonth .4s ease-out;
  opacity: 1;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .month.out.next {
  -webkit-animation: moveToRightFadeMonth .4s ease-in;
  -moz-animation: moveToRightFadeMonth .4s ease-in;
  animation: moveToRightFadeMonth .4s ease-in;
  opacity: 1;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .month.in.prev {
  -webkit-animation: moveFromLeftFadeMonth .4s ease-out;
  -moz-animation: moveFromLeftFadeMonth .4s ease-out;
  animation: moveFromLeftFadeMonth .4s ease-out;
  opacity: 1;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .month.out.prev {
  -webkit-animation: moveToLeftFadeMonth .4s ease-in;
  -moz-animation: moveToLeftFadeMonth .4s ease-in;
  animation: moveToLeftFadeMonth .4s ease-in;
  opacity: 1;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .week:last-child .day.highlight {
  border-radius: 0 0 26px 26px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .day {
  display: inline-block;
  width: 14.28%;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  position: relative;
  z-index: 100;
  color: #09092d;
  height: 42px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .day.today {
  color: #5959eb;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .day.other {
  color: rgba(114, 114, 114, 0.4);
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .day.has-event .day-number {
  border: 1px solid #5959eb;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .day.has-open-event .day-number::after {
  content: '';
  position: absolute;
  bottom: 6px;
  left: 50%;
  width: 4px;
  height: 4px;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background: #5959eb;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .day.active-day.has-event .day-wrapper {
  border: 1px solid #5959eb;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .day.active-day .day-number {
  background-color: #5959eb;
  color: #ffffff;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .day .day-wrapper {
  display: inline-block;
  border-radius: 50%;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .day .day-number {
  font-size: 12px;
  line-height: 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  margin: 4px;
}

@media (max-width: 992px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .day {
    height: 40px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .day .day-number {
    line-height: 28px;
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 576px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .day .day-number {
    font-size: 10px;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .blue {
  background: #9ccaeb;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .orange {
  background: #f7a700;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .green {
  background: #99c66d;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .yellow {
  background: #f9e900;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .ilt-details {
  display: none;
  position: relative;
  height: 75px;
  background: #a4a4a4;
  margin-top: 5px;
  border-radius: 4px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .ilt-details.in {
  -webkit-animation: moveFromTopFade .5s ease both;
  -moz-animation: moveFromTopFade .5s ease both;
  animation: moveFromTopFade .5s ease both;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .ilt-details.out {
  -webkit-animation: moveToTopFade .5s ease both;
  -moz-animation: moveToTopFade .5s ease both;
  animation: moveToTopFade .5s ease both;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .ilt-details.out .events {
  -webkit-animation: fadeOutShrink .4s ease both;
  -moz-animation: fadeOutShink .4s ease both;
  animation: fadeOutShink .4s ease both;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .arrow {
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -2px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #a4a4a4 transparent;
  transition: all 0.7s ease;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .events {
  height: 75px;
  overflow-y: auto;
  overflow-x: hidden;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .events.in {
  -webkit-animation: fadeIn .3s ease both;
  -moz-animation: fadeIn .3s ease both;
  animation: fadeIn .3s ease both;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .events.in {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  animation-delay: .3s;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .events.out {
  -webkit-animation: fadeOut .3s ease both;
  -moz-animation: fadeOut .3s ease both;
  animation: fadeOut .3s ease both;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .events .event {
  font-size: 13px;
  line-height: 22px;
  letter-spacing: .5px;
  padding: 2px 16px;
  vertical-align: top;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .events .event.empty {
  color: #ececec;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .events .event .event-category {
  height: 7px;
  width: 7px;
  display: inline-block;
  margin: 7.5px 0 0;
  vertical-align: top;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #calendar .events .event span {
  display: inline-block;
  padding: 0 0 0 7px;
}

@-webkit-keyframes moveFromTopFade {
  from {
    opacity: .3;
    height: 0px;
    margin-top: 0px;
    -webkit-transform: translateY(-100%);
  }
}

@-moz-keyframes moveFromTopFade {
  from {
    height: 0px;
    margin-top: 0px;
    -moz-transform: translateY(-100%);
  }
}

@keyframes moveFromTopFade {
  from {
    height: 0px;
    margin-top: 0px;
    transform: translateY(-100%);
  }
}

@-webkit-keyframes moveToTopFade {
  to {
    opacity: .3;
    height: 0px;
    margin-top: 0px;
    opacity: 0.3;
    -webkit-transform: translateY(-100%);
  }
}

@-moz-keyframes moveToTopFade {
  to {
    height: 0px;
    -moz-transform: translateY(-100%);
  }
}

@keyframes moveToTopFade {
  to {
    height: 0px;
    transform: translateY(-100%);
  }
}

@-webkit-keyframes moveToRightFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateX(30%) scale(0.95);
  }
}

@-moz-keyframes moveToRightFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateX(30%);
  }
}

@keyframes moveToRightFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateX(30%);
  }
}

@-webkit-keyframes moveFromRightFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateX(-30%) scale(0.95);
  }
}

@-moz-keyframes moveFromRightFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateX(-30%);
  }
}

@keyframes moveFromRightFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateX(-30%);
  }
}

@-webkit-keyframes moveToLeftFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateX(-30%) scale(0.95);
  }
}

@-moz-keyframes moveToLeftFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateX(-30%);
  }
}

@keyframes moveToLeftFadeMonth {
  to {
    opacity: 0;
    -webkit-transform: translateX(-30%);
  }
}

@-webkit-keyframes moveFromLeftFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateX(30%) scale(0.95);
  }
}

@-moz-keyframes moveFromLeftFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateX(30%);
  }
}

@keyframes moveFromLeftFadeMonth {
  from {
    opacity: 0;
    -webkit-transform: translateX(30%);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
}

@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOut {
  to {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutShink {
  to {
    opacity: 0;
    padding: 0px;
    height: 0px;
  }
}

@-moz-keyframes fadeOutShink {
  to {
    opacity: 0;
    padding: 0px;
    height: 0px;
  }
}

@keyframes fadeOutShink {
  to {
    opacity: 0;
    padding: 0px;
    height: 0px;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-wrapper {
  display: flex;
  overflow: hidden;
  width: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-wrapper .swiper-pagination {
  display: block;
  bottom: -25px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-wrapper .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  opacity: 1;
  background-color: #09092d;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #5959eb;
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-wrapper {
    border-radius: 8px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-wrapper .swiper-pagination .swiper-pagination-bullet {
    border-radius: 5px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 40px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-wrapper.mobile-events {
    float: none;
    display: block;
    width: auto;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-wrapper.mobile-events .swiper-pagination,
.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-wrapper.mobile-events #ilt-events {
    display: none;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events {
  color: #ffffff;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, rgba(29, 29, 29, 0.8), rgba(29, 29, 29, 0.8)), url("/static/hawthorn/images/ilt-calendar/event-card-bg-pc.303786c7099b.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  padding: 16px 14px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list {
  align-self: center;
  height: unset;
  padding: 0;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-empty-event {
  font-size: 24px;
  line-height: 33px;
  width: 100%;
  text-align: center;
  color: #ffffff;
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-empty-event {
    text-align: left;
    margin: 30px 0;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .event-day {
  width: 80px;
  display: inline-block;
  border-radius: 8px;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  margin-right: 25px;
  vertical-align: top;
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .event-day {
    display: none;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .event-day .event-day-name {
  padding: 6px 0px;
  background-color: #5959eb;
  color: #ffffff;
  border-radius: 8px 8px 0 0;
  text-align: center;
  font-size: 14px;
  line-height: 19px;
}

@media (max-width: 992px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .event-day .event-day-name {
    font-size: 12px;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .event-day h2.event-day-number {
  margin: 0;
  text-align: center;
  font-size: 36px;
  line-height: 49px;
  font-weight: 600;
  background-color: #ffffff;
  border-radius: 0 0 8px 8px;
}

@media (max-width: 992px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .event-day h2.event-day-number {
    font-size: 26px;
    line-height: 45px;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .event-date {
  font-weight: 600;
  font-size: 16px;
  color: #ffffff;
  margin: 12px 0 10px 0;
  width: 100%;
}

@media (min-width: 769px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .event-date {
    display: none;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event a.ilt-link {
  text-decoration: none;
  display: inline-block;
  width: auto;
  flex-grow: 1;
  float: none;
  padding: 0;
  vertical-align: middle;
  color: #ffffff;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event a.ilt-link:hover, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event a.ilt-link:active, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event a.ilt-link:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

@media (max-width: 576px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event a.ilt-link {
    width: 100%;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event a.ilt-link:hover, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event a.ilt-link:focus {
  text-decoration: none;
  outline: none;
  text-shadow: none;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event a.ilt-link .ilt-event-title {
  font-size: 24px;
  line-height: 33px;
  height: auto;
  color: inherit;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event a.ilt-link .ilt-event-title:first-of-type {
  font-size: 20px;
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event a.ilt-link .ilt-event-title:first-of-type {
    margin-right: 5px;
  }
}

@media (max-width: 992px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event a.ilt-link .ilt-event-title {
    font-size: 20px;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event a.ilt-link .ilt-event-title {
    display: block;
    font-size: 16px;
    line-height: 22px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event a.ilt-link .ilt-event-title:first-of-type {
    font-size: 12px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event a.ilt-link .ilt-event-title:last-of-type {
    margin-top: 8px;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info {
  flex: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 22px;
  font-size: 14px;
  line-height: 19px;
  color: #ffffff;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .left-info, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .right-info {
  flex: 0 0 calc(50% - 82px);
  background: rgba(155, 155, 155, 0.3);
  border-radius: 8px;
  padding: 10px;
  margin-right: 62px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 10px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .left-info, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .right-info {
    margin-right: 0;
    flex: none;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .left-info > span, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .right-info > span {
    margin-top: 5px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .left-info > span > i, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .right-info > span > i {
    vertical-align: middle;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .right-info .ilt-event-location {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 19px;
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .right-info {
    margin-top: 10px;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .right-info ~ .left-info, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .right-info ~ .right-info {
  margin-top: 10px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .ilt-event-location-id {
  display: none;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .ilt-event-address i {
  visibility: hidden;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info .ilt-event-zip i {
  visibility: hidden;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info span {
  font-weight: 300;
  display: block;
  margin-top: 1px;
  margin-bottom: 1px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info i {
  margin-right: 10px;
  font-size: 17px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info a.ilt-event-location {
  color: #ffffff;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info a.ilt-event-location:hover, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info a.ilt-event-location:active, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info a.ilt-event-location:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

@media (max-width: 992px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info {
    font-size: 12px;
    margin-top: 25px;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .ilt-events-list .ilt-event .ilt-event-info {
    flex-direction: column;
    font-size: 10px;
    line-height: 14px;
    margin-top: 10px;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .no-event-text {
  display: none;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .no-ilt-text {
  display: none;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .back-to-calendar, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .upcoming-session {
  display: none;
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events {
    box-sizing: border-box;
    flex-direction: column;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("/static/hawthorn/images/ilt-calendar/event-card-bg-mobile.39463a351198.png");
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .back-to-calendar {
    font-size: 10px;
    line-height: 14px;
    cursor: pointer;
    display: block;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .back-to-calendar > i {
    margin-right: 5px;
    font-size: 16px;
    vertical-align: middle;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .upcoming-session {
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    margin: 13px 0 8px 0;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper #ilt-events .no-event-text {
    margin: 30px 0;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper {
  display: flex;
  flex-direction: column;
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper {
    flex: 1;
    align-items: center;
    order: 3;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download {
  align-self: end;
  margin-right: 62px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .far {
  margin-right: 10px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .ical-download-text {
  display: none;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .secondary-text {
  font-size: 14px;
  font-weight: 100;
  margin-left: 10px;
}

@media (min-width: 769px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download {
    border: 0;
    background-image: none;
    text-transform: none;
    border-radius: 8px;
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-weight: 600;
    text-shadow: none;
    cursor: pointer;
    outline: none;
    display: inline-flex;
    align-items: center;
    -webkit-font-smoothing: antialiased;
    padding: 9px 17px;
    font-size: 16px;
    transition-duration: 0.25s;
    color: #ffffff;
    background-color: #5959eb;
    box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
    margin-top: 10px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download:hover, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download.active {
    text-decoration: none;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .icon, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .fa, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .fas, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .far, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .fal {
    margin-right: 5px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download:hover, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download.active {
    text-shadow: 0.25px 0.25px 0 #09092d;
    color: #09092d;
    background-image: none;
    background-color: #ffffff;
    box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download:focus {
    color: #ffffff;
    background-color: #5959eb;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download[disabled], .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download.disabled, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download:disabled, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download.is-disabled {
    color: #ffffff;
    text-shadow: none;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .ical-download-text {
    display: block;
    font-weight: normal;
  }
}

@media (max-width: 992px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download {
    font-size: 16px;
    border: 0;
    background-image: none;
    text-transform: none;
    border-radius: 8px;
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-weight: 600;
    text-shadow: none;
    cursor: pointer;
    outline: none;
    display: inline-flex;
    align-items: center;
    -webkit-font-smoothing: antialiased;
    padding: 9px 17px;
    font-size: 16px;
    transition-duration: 0.25s;
    color: #ffffff;
    background-color: #5959eb;
    box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
    margin: auto;
    margin-top: 10px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download:hover, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download.active {
    text-decoration: none;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .icon, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .fa, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .fas, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .far, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .fal {
    margin-right: 5px;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download:hover, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download.active {
    text-shadow: 0.25px 0.25px 0 #09092d;
    color: #09092d;
    background-image: none;
    background-color: #ffffff;
    box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download:focus {
    color: #ffffff;
    background-color: #5959eb;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download[disabled], .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download.disabled, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download:disabled, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download.is-disabled {
    color: #ffffff;
    text-shadow: none;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .ical-download-text {
    display: block;
    font-weight: normal;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .enroll-text, .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .button-group-wrapper .ical-download .secondary-text {
    color: #ffffff;
    display: inline-block;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-type-switcher-wrapper {
  display: flex;
  width: 100%;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-type-switcher-wrapper > h2 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #4c4c8e;
  display: none;
  margin: 0px;
}

@media (max-width: 992px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-type-switcher-wrapper > h2 {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-type-switcher-wrapper > h2 {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-type-switcher-wrapper .ilt-events-type-switcher {
  cursor: pointer;
  display: flex;
  background: #5959eb;
  width: auto;
  border-radius: 100px;
  margin-bottom: 10px;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-type-switcher-wrapper .ilt-events-type {
  padding: 10px;
  font-weight: 100;
  border-radius: 100px;
  color: #ffffff;
  font-size: 12px;
  border: 1px solid #5959eb;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-type-switcher-wrapper .ilt-events-type.active {
  background: #ffffff;
  color: #5959eb;
}

.dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-type-switcher-wrapper ~ .swiper-button-next {
  top: calc((100% - 20px) / 2);
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-type-switcher-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-100%);
  }
}

@media (max-width: 576px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-type-switcher-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper .ilt-events-type-switcher-wrapper > h2 {
    display: block;
  }
}

@media (max-width: 576px) {
  .dashboard .main-container .ilt-calendar .events-header h2 {
    display: none;
  }
  .dashboard .main-container .ilt-calendar .events-header:has(+ .no-upcoming-session:not(.has-past-session)) h2 {
    display: block;
  }
}

.dashboard .main-container .goodhabitz-cards-container,
.dashboard .main-container .course-cards-container,
.dashboard .main-container .program-cards-container {
  position: relative;
  overflow: hidden;
  background: var(--fds-global-color-neutral-0);
  border-radius: var(--fds-global-border-radius-md);
}

.dashboard .main-container .goodhabitz-cards-container .view-all-button,
.dashboard .main-container .course-cards-container .view-all-button,
.dashboard .main-container .program-cards-container .view-all-button {
  display: inline-block;
  position: relative;
  left: 100%;
  top: var(--fds-global-space-sm);
  transform: translate(calc(-100% - var(--fds-global-space-2xl)));
}

.dashboard .main-container .goodhabitz-cards-container.ds-swiper .ds-swiper-wrapper,
.dashboard .main-container .course-cards-container.ds-swiper .ds-swiper-wrapper,
.dashboard .main-container .program-cards-container.ds-swiper .ds-swiper-wrapper {
  background: transparent;
}

.dashboard .main-container .goodhabitz-cards-container.ds-swiper .ds-swiper-button-prev,
.dashboard .main-container .goodhabitz-cards-container.ds-swiper .ds-swiper-button-next,
.dashboard .main-container .course-cards-container.ds-swiper .ds-swiper-button-prev,
.dashboard .main-container .course-cards-container.ds-swiper .ds-swiper-button-next,
.dashboard .main-container .program-cards-container.ds-swiper .ds-swiper-button-prev,
.dashboard .main-container .program-cards-container.ds-swiper .ds-swiper-button-next {
  height: calc(100% - var(--fds-global-space-xl) - var(--fds-global-space-xl) - 20px);
  top: calc(var(--fds-global-space-xl) + 20px);
  width: 200px;
  padding: 0 var(--fds-global-space-2xl);
}

@media (max-width: 768px) {
  .dashboard .main-container .goodhabitz-cards-container.ds-swiper .ds-swiper-button-prev,
.dashboard .main-container .goodhabitz-cards-container.ds-swiper .ds-swiper-button-next,
.dashboard .main-container .course-cards-container.ds-swiper .ds-swiper-button-prev,
.dashboard .main-container .course-cards-container.ds-swiper .ds-swiper-button-next,
.dashboard .main-container .program-cards-container.ds-swiper .ds-swiper-button-prev,
.dashboard .main-container .program-cards-container.ds-swiper .ds-swiper-button-next {
    display: none;
  }
}

.dashboard .main-container .goodhabitz-cards-container .item-card .details .title,
.dashboard .main-container .course-cards-container .item-card .details .title,
.dashboard .main-container .program-cards-container .item-card .details .title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

@media (max-width: 768px) {
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session:not(.has-past-session) .ilt-events-wrapper.mobile-events #ilt-events {
    display: block;
  }
}

@media (max-width: 576px) {
  .dashboard .banner {
    margin-bottom: 0;
    padding: 32px 16px;
    height: max-content;
  }
  .dashboard .banner .welcome-wrapper {
    padding: 0;
  }
  .dashboard .banner .whiteboard > div {
    flex-basis: 33%;
    max-width: 70px;
    height: max-content;
    padding: 18px 16px 24px;
  }
  .dashboard .main-container .last-activity-and-leader-board,
.dashboard .main-container .student-programs-wrapper,
.dashboard .main-container .my-courses,
.dashboard .main-container .ilt-calendar {
    margin: 16px 0;
    padding: 16px;
  }
  .dashboard .main-container .my-courses .wrapper-header-courses {
    padding: 0;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper {
    flex-direction: column;
  }
  .dashboard .main-container .ilt-calendar .ilt-calendar-wrapper.no-upcoming-session:not(.has-past-session) #ilt-events .back-to-calendar {
    display: none;
  }
}

.empty-dashboard-message {
  margin: 0 60px;
  border: none;
  border-radius: 8px;
  background-color: #ffffff;
  clear: both;
}

.empty-dashboard-message a.btn {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 12px 22px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.empty-dashboard-message a.btn:hover, .empty-dashboard-message a.btn.active {
  text-decoration: none;
}

.empty-dashboard-message a.btn .icon, .empty-dashboard-message a.btn .fa, .empty-dashboard-message a.btn .fas, .empty-dashboard-message a.btn .far, .empty-dashboard-message a.btn .fal {
  margin-right: 5px;
}

.empty-dashboard-message a.btn:hover, .empty-dashboard-message a.btn.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.empty-dashboard-message a.btn:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.empty-dashboard-message a.btn[disabled], .empty-dashboard-message a.btn.disabled, .empty-dashboard-message a.btn:disabled, .empty-dashboard-message a.btn.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.modal-content:not(.recommend-content-modal *):not(.register-learning-activity-modal *):not(.contact-instructor-modal *) label {
  font-style: normal;
  font-weight: normal;
}

.modal-content:not(.recommend-content-modal *):not(.register-learning-activity-modal *):not(.contact-instructor-modal *) input[type='radio'] {
  margin-left: 10px;
}

.modal-content:not(.recommend-content-modal *):not(.register-learning-activity-modal *):not(.contact-instructor-modal *) input[type='text'] {
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  border-radius: 16px;
  border-color: #f4f4f4;
  outline: initial;
  width: 60px;
  margin-left: 10px;
  font: normal 1em "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.modal-content:not(.recommend-content-modal *):not(.register-learning-activity-modal *):not(.contact-instructor-modal *) textarea {
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border-radius: 16px;
  border-color: #f4f4f4;
  outline: initial;
  display: block;
  width: 70%;
  height: 60px;
  resize: none;
  font-style: normal;
}

.modal-content:not(.recommend-content-modal *):not(.register-learning-activity-modal *):not(.contact-instructor-modal *) .field {
  margin-bottom: 15px;
}

.modal-content:not(.recommend-content-modal *):not(.register-learning-activity-modal *):not(.contact-instructor-modal *) label[for='ilt-return-trip'] {
  margin-left: 15px;
}

.modal-content:not(.recommend-content-modal *):not(.register-learning-activity-modal *):not(.contact-instructor-modal *) .ilt-registration-trip, .modal-content:not(.recommend-content-modal *):not(.register-learning-activity-modal *):not(.contact-instructor-modal *) .ilt-registration-accommodation {
  display: flex;
  align-items: center;
}

.modal-content:not(.recommend-content-modal *):not(.register-learning-activity-modal *):not(.contact-instructor-modal *) .ilt-registration-trip label, .modal-content:not(.recommend-content-modal *):not(.register-learning-activity-modal *):not(.contact-instructor-modal *) .ilt-registration-accommodation label {
  margin-bottom: 0;
}

.modal-content:not(.recommend-content-modal *):not(.register-learning-activity-modal *):not(.contact-instructor-modal *) .ilt-registration-trip > span, .modal-content:not(.recommend-content-modal *):not(.register-learning-activity-modal *):not(.contact-instructor-modal *) .ilt-registration-accommodation > span {
  margin-right: 10px;
}

.modal-content:not(.recommend-content-modal *):not(.register-learning-activity-modal *):not(.contact-instructor-modal *) .react-switch-handle {
  width: 18px !important;
  height: 18px !important;
  margin: 4px !important;
}

.find-courses {
  padding-bottom: 1px;
}

.find-courses .courses-container .search-form .search-facets .clear-filters, .find-courses .courses-container .search-form .search-facets .fact-wrapper .header-facet, .find-courses .courses-container .search-form .wrapper-search-context .wrapper-search-input .discovery-input {
  color: #09092d;
  font-weight: 400;
}

.find-courses .discovery-submit {
  right: 0;
  margin-left: 0;
  display: inline-block;
  height: 100%;
  padding: 0 6px 0 0;
}

.find-courses .discovery-submit, .find-courses .discovery-submit:hover, .find-courses .discovery-submit:focus {
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: initial;
}

.find-courses .discovery-submit .icon {
  color: #09092d;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.find-courses .banner {
  position: relative;
  flex: 100%;
  height: 150px;
  background-image: url("/static/hawthorn/images/dashboard-illustration.cbb1d3a9e3b2.jpg");
  background-size: cover;
  background-position: center center;
}

.find-courses .banner::before {
  background: #09092d;
  opacity: 0.7;
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.find-courses .banner h2 {
  font-weight: 600;
  font-size: 36px;
  color: #ffffff;
}

.find-courses .banner .welcome-wrapper {
  padding: 50px 60px 20px 60px;
  position: relative;
}

@media (max-width: 992px) {
  .find-courses .banner .welcome-wrapper {
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  .find-courses .banner .welcome-wrapper {
    padding-left: 20px;
  }
}

.find-courses .banner .welcome-wrapper h3 {
  font-weight: 300;
  font-size: 16px;
  color: #ffffff;
}

.find-courses .banner:not(.my-training-banner) {
  height: 210px;
}

.find-courses .banner:not(.my-training-banner) .welcome-wrapper {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.find-courses .banner:not(.my-training-banner) .welcome-wrapper h2 {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

@media (max-width: 576px) {
  .find-courses .banner:not(.my-training-banner) {
    padding: var(--fds-global-space-2xl) var(--fds-global-space-md);
    height: auto;
  }
  .find-courses .banner:not(.my-training-banner) .welcome-wrapper {
    align-items: flex-start;
  }
  .find-courses .banner:not(.my-training-banner) .welcome-wrapper h2 {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.find-courses .courses-container {
  padding: 0;
  display: flex;
}

@media (max-width: 768px) {
  .find-courses .courses-container {
    display: block;
  }
}

.find-courses .courses-container .search-form {
  margin-top: 0;
  color: #4c4c8e;
  position: relative;
  display: block;
  flex-wrap: wrap;
  width: 280px;
  padding: 30px 20px;
  box-shadow: inset 0 1px 4px -1px rgba(9, 9, 45, 0.25);
  box-sizing: border-box;
  overflow: hidden;
  background-color: #f4f4f4;
  transition: width 1s, max-height 1s, opacity 1s, padding 1s;
}

@media (max-width: 768px) {
  .find-courses .courses-container .search-form {
    width: calc(100% - 20px);
    padding: 13px 12px;
    margin: 20px 10px;
    border-radius: 5px;
    box-shadow: none;
    max-height: 999px;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
  }
}

.find-courses .courses-container .search-form.hidden-panel {
  width: 0;
  padding: 30px 0;
  opacity: 0;
}

@media (max-width: 768px) {
  .find-courses .courses-container .search-form.hidden-panel {
    width: auto;
    padding: 13px 12px;
    opacity: 1;
    max-height: 46px;
  }
  .find-courses .courses-container .search-form.hidden-panel .wrapper-search-context .filter-header-wrapper .filter-title + i.fa-outdent:before {
    content: '\f078';
  }
}

.find-courses .courses-container .search-form + .courses {
  width: 100%;
}

.find-courses .courses-container .search-form .wrapper-search-context {
  margin-left: auto;
  margin-right: auto;
  flex: auto;
  padding-right: 0;
}

@media (max-width: 1200px) {
  .find-courses .courses-container .search-form .wrapper-search-context {
    width: 100%;
    padding-right: 0;
  }
}

.find-courses .courses-container .search-form .wrapper-search-context .filter-header-wrapper {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

@media (max-width: 768px) {
  .find-courses .courses-container .search-form .wrapper-search-context .filter-header-wrapper {
    display: block;
  }
}

.find-courses .courses-container .search-form .wrapper-search-context .filter-header-wrapper .filter-title {
  font-weight: 600;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  color: #09092d;
  text-transform: uppercase;
  padding-bottom: 0px;
}

@media (max-width: 768px) {
  .find-courses .courses-container .search-form .wrapper-search-context .filter-header-wrapper .filter-title {
    position: relative;
    left: 15px;
    display: inline-block;
  }
}

.find-courses .courses-container .search-form .wrapper-search-context .filter-header-wrapper .filter-title + i {
  color: #09092d;
}

@media (max-width: 768px) {
  .find-courses .courses-container .search-form .wrapper-search-context .filter-header-wrapper .filter-title + i {
    position: static;
    left: 5px;
    top: 5px;
    float: left;
  }
  .find-courses .courses-container .search-form .wrapper-search-context .filter-header-wrapper .filter-title + i.fa-indent:before {
    content: '\f078';
  }
  .find-courses .courses-container .search-form .wrapper-search-context .filter-header-wrapper .filter-title + i.fa-outdent:before {
    content: '\f077';
  }
}

.find-courses .courses-container .search-form .wrapper-search-context .wrapper-search-input {
  width: 100%;
  display: flex;
  box-shadow: none;
  background-color: #ffffff;
  border-radius: 8px;
  margin-top: 10px;
}

@media (max-width: 768px) {
  .find-courses .courses-container .search-form .wrapper-search-context .wrapper-search-input {
    margin-top: 13px;
  }
}

.find-courses .courses-container .search-form .wrapper-search-context .wrapper-search-input .discovery-input {
  border: 0;
  padding-right: 0;
  padding-left: 10px;
  height: fit-content;
  font-size: 12px;
  color: #09092d;
  box-shadow: none;
  border-radius: 8px;
  background-color: #e3e3e3;
}

.find-courses .courses-container .search-form .search-facets {
  width: 100%;
  box-shadow: none;
  margin: 0;
  background-color: transparent;
  display: block;
}

.find-courses .courses-container .search-form .search-facets.phone-menu {
  padding-top: 13px;
}

@media (max-width: 768px) {
  .find-courses .courses-container .search-form .search-facets {
    float: none;
  }
}

@media (max-width: 576px) {
  .find-courses .courses-container .search-form .search-facets {
    width: 100%;
    flex-direction: column;
  }
}

.find-courses .courses-container .search-form .search-facets:before {
  content: normal;
}

.find-courses .courses-container .search-form .search-facets .search-facets-lists {
  display: block;
  border-top: 1px solid #4c4c8e;
}

@media (max-width: 576px) {
  .find-courses .courses-container .search-form .search-facets .search-facets-lists {
    flex-direction: column;
    border-top: 1px solid #4c4c8e;
  }
}

.find-courses .courses-container .search-form .search-facets .fact-wrapper {
  position: relative;
  display: block;
  text-align: center;
  border-bottom: 1px solid #4c4c8e;
  padding: 5px 0;
  transition: max-height 1s;
}

.find-courses .courses-container .search-form .search-facets .fact-wrapper.hidden-panel ul {
  display: block;
}

@media (max-width: 768px) {
  .find-courses .courses-container .search-form .search-facets .fact-wrapper.hidden-panel ul {
    position: static;
  }
}

.find-courses .courses-container .search-form .search-facets .fact-wrapper.hidden-panel ul.collapse {
  max-height: 0;
  padding: 0;
}

.find-courses .courses-container .search-form .search-facets .fact-wrapper.hidden-panel .header-facet:after {
  content: "\f0dd";
}

@media (max-width: 576px) {
  .find-courses .courses-container .search-form .search-facets .fact-wrapper.hidden-panel .header-facet:after {
    content: "\f0dd";
  }
}

@media (max-width: 576px) {
  .find-courses .courses-container .search-form .search-facets .fact-wrapper {
    flex-direction: column;
    margin-right: 0;
  }
}

.find-courses .courses-container .search-form .search-facets .fact-wrapper .header-facet {
  padding: 0;
  border: 0;
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  background-color: #f3f3f7;
  height: 30px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 5px;
}

.find-courses .courses-container .search-form .search-facets .fact-wrapper .header-facet:hover {
  background-color: #f3f3f7;
  box-shadow: none;
}

@media (max-width: 768px) {
  .find-courses .courses-container .search-form .search-facets .fact-wrapper .header-facet {
    background-color: #ffffff;
    box-shadow: none;
  }
  .find-courses .courses-container .search-form .search-facets .fact-wrapper .header-facet:hover {
    background-color: #ffffff;
    box-shadow: none;
  }
}

.find-courses .courses-container .search-form .search-facets .fact-wrapper .header-facet:after {
  color: #09092d;
  font-family: "Font Awesome 7 Pro";
  content: "\f0de";
  margin-left: 16px;
  font-size: 15px;
  font-weight: 600;
  color: #4c4c8e;
}

@media (max-width: 576px) {
  .find-courses .courses-container .search-form .search-facets .fact-wrapper .header-facet:after {
    content: "\f0de";
  }
}

.find-courses .courses-container .search-form .search-facets .fact-wrapper .facet-list {
  background-color: #f3f3f7;
  position: static;
  min-width: 100%;
  top: 100%;
  padding: 0px 0 5px;
  box-shadow: none;
  margin-top: 0;
  transition: max-height 1s, opacity 1s, padding 1s;
  max-height: 260px;
}

.find-courses .courses-container .search-form .search-facets .fact-wrapper .facet-list:hover {
  background-color: #f3f3f7;
  box-shadow: none;
}

@media (max-width: 768px) {
  .find-courses .courses-container .search-form .search-facets .fact-wrapper .facet-list {
    margin-top: 0;
    margin-right: 0;
    border-radius: 0;
    position: static;
    background-color: #ffffff;
    box-shadow: none;
  }
  .find-courses .courses-container .search-form .search-facets .fact-wrapper .facet-list:hover {
    background-color: #ffffff;
    box-shadow: none;
  }
}

.find-courses .courses-container .search-form .search-facets .fact-wrapper .facet-list.collapse {
  overflow-y: auto;
}

.find-courses .courses-container .search-form .search-facets .fact-wrapper .facet-list li {
  padding-right: 15px;
}

.find-courses .courses-container .search-form .search-facets .fact-wrapper .facet-list li:not(:last-child) {
  padding-bottom: 0;
}

.find-courses .courses-container .search-form .search-facets .facet-option {
  position: relative;
  padding-left: 45px;
  color: #09092d;
  font-size: 13px;
  -webkit-font-smoothing: unset;
  font-weight: 600;
  font-style: normal;
  letter-spacing: normal;
  display: flex;
}

.find-courses .courses-container .search-form .search-facets .facet-option .tag-name {
  white-space: normal;
  width: 80%;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
}

.find-courses .courses-container .search-form .search-facets .facet-option .count {
  top: 5px;
}

.find-courses .courses-container .search-form .search-facets .facet-option, .find-courses .courses-container .search-form .search-facets .facet-option:hover, .find-courses .courses-container .search-form .search-facets .facet-option:focus, .find-courses .courses-container .search-form .search-facets .facet-option.selected, .find-courses .courses-container .search-form .search-facets .facet-option.selected:hover, .find-courses .courses-container .search-form .search-facets .facet-option.selected:focus {
  background: transparent;
  color: #09092d;
}

.find-courses .courses-container .search-form .search-facets .facet-option .count, .find-courses .courses-container .search-form .search-facets .facet-option:hover .count, .find-courses .courses-container .search-form .search-facets .facet-option:focus .count, .find-courses .courses-container .search-form .search-facets .facet-option.selected .count, .find-courses .courses-container .search-form .search-facets .facet-option.selected:hover .count, .find-courses .courses-container .search-form .search-facets .facet-option.selected:focus .count {
  font-size: 10px;
  color: #09092d;
  background-color: #dcdcdc;
  border-radius: 5px;
  align-self: center;
  width: auto;
  min-width: 25px;
  text-align: center;
  z-index: 1;
}

.find-courses .courses-container .search-form .search-facets .facet-option .count:before, .find-courses .courses-container .search-form .search-facets .facet-option:hover .count:before, .find-courses .courses-container .search-form .search-facets .facet-option:focus .count:before, .find-courses .courses-container .search-form .search-facets .facet-option.selected .count:before, .find-courses .courses-container .search-form .search-facets .facet-option.selected:hover .count:before, .find-courses .courses-container .search-form .search-facets .facet-option.selected:focus .count:before {
  content: normal;
}

.find-courses .courses-container .search-form .search-facets .facet-option .count .count-number, .find-courses .courses-container .search-form .search-facets .facet-option:hover .count .count-number, .find-courses .courses-container .search-form .search-facets .facet-option:focus .count .count-number, .find-courses .courses-container .search-form .search-facets .facet-option.selected .count .count-number, .find-courses .courses-container .search-form .search-facets .facet-option.selected:hover .count .count-number, .find-courses .courses-container .search-form .search-facets .facet-option.selected:focus .count .count-number {
  display: block;
}

.find-courses .courses-container .search-form .search-facets .facet-option:before {
  left: 15px;
  position: absolute;
  color: #4c4c8e;
  font-family: "Font Awesome 7 Pro";
  content: '\f0c8';
  font-size: 20px;
  font-weight: 300;
}

.find-courses .courses-container .search-form .search-facets .facet-option.selected, .find-courses .courses-container .search-form .search-facets .facet-option.selected:focus, .find-courses .courses-container .search-form .search-facets .facet-option.selected:hover {
  color: #5959eb;
  font-weight: 700;
}

.find-courses .courses-container .search-form .search-facets .facet-option.selected:before {
  content: '\f14a';
  color: #5959eb;
}

@media (max-width: 768px) {
  .find-courses .courses-container .search-form .search-facets .facet-option.selected .count {
    color: #5959eb;
    background-color: rgba(231, 65, 60, 0.2);
  }
}

.find-courses .courses-container .search-form .search-facets .clear-filters {
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  -webkit-font-smoothing: unset;
  margin-top: 20px;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 15px;
  display: flex;
  align-items: center;
}

@media (max-width: 576px) {
  .find-courses .courses-container .search-form .search-facets .clear-filters {
    margin-top: 10px;
    padding: 8px 10px;
  }
}

.find-courses .courses-container .search-form .search-facets .clear-filters i {
  font-size: 14px;
}

.find-courses .courses-container .search-form .search-facets .clear-filters span {
  margin-left: 5px;
}

.find-courses .courses-container .search-form .search-facets + ul {
  min-width: 130px;
  position: absolute;
}

.find-courses .courses-container .search-form input[type=text] {
  height: 31px;
}

.find-courses .courses-container .search-form input[type=text]:focus {
  border: 0;
}

.find-courses .courses-container .courses {
  flex: 1;
  width: auto;
  padding: 50px 60px 0;
  background-color: #fafafa;
}

@media (max-width: 992px) {
  .find-courses .courses-container .courses {
    padding: 30px 23px;
    padding-left: 23px;
  }
}

@media (max-width: 768px) {
  .find-courses .courses-container .courses {
    padding: 30px 21px;
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  .find-courses .courses-container .courses {
    padding: 30px 8px;
    padding-left: 8px;
  }
}

@media (max-width: 768px) {
  .find-courses .courses-container .courses {
    padding-top: 0;
    padding-left: 0;
    background-color: transparent;
  }
}

.find-courses .courses-container .courses.search-form-hidden .discovery-message-wrapper i {
  display: inline-block;
  cursor: pointer;
}

@media (max-width: 768px) {
  .find-courses .courses-container .courses.search-form-hidden .discovery-message-wrapper i {
    display: none;
  }
}

.find-courses .courses-container .courses .filter-message-wrapper {
  border-radius: 5px;
  box-shadow: none;
  border: 1px solid #e3e3e3;
  margin: 20px 10px;
  background-color: #ffffff;
  cursor: pointer;
}

@media (max-width: 768px) {
  .find-courses .courses-container .courses .filter-message-wrapper {
    display: none;
  }
}

.find-courses .courses-container .courses .filter-message-wrapper i {
  display: inline-block;
  padding-right: 20px;
  color: #09092d;
}

@media (max-width: 768px) {
  .find-courses .courses-container .courses .filter-message-wrapper i {
    padding: 11px 6px 10px 17px;
  }
  .find-courses .courses-container .courses .filter-message-wrapper i.fa-indent:before {
    content: '\f078';
  }
}

.find-courses .courses-container .courses .filter-message-wrapper .filter-title {
  font-weight: 600;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  color: #09092d;
  text-transform: uppercase;
  display: inline-block;
}

.find-courses .courses-container .courses .discovery-message-wrapper {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .find-courses .courses-container .courses .discovery-message-wrapper {
    padding: 0;
    display: flex;
    margin-top: 20px;
  }
}

.find-courses .courses-container .courses .discovery-message-wrapper i {
  display: none;
  margin-right: 20px;
  color: #09092d;
}

.find-courses .courses-container .courses .discovery-message-wrapper .discovery-message {
  color: #09092d;
  font-size: 16px;
  font-weight: bold;
  flex: 1;
}

@media (max-width: 768px) {
  .find-courses .courses-container .courses .discovery-message-wrapper .discovery-message {
    margin: 0px 0 0px 20px;
  }
}

@media (max-width: 576px) {
  .find-courses .courses-container .courses .discovery-message-wrapper .discovery-message {
    margin: 0px 0 0px 10px;
  }
}

.find-courses .courses-container .courses .discovery-message-wrapper .discovery-sort-options {
  position: relative;
  float: right;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 700;
  font-size: 12px;
  align-self: flex-end;
  color: rgba(114, 114, 114, 0.53);
  padding: 0px 0px 21px 0px;
}

@media (max-width: 768px) {
  .find-courses .courses-container .courses .discovery-message-wrapper .discovery-sort-options {
    margin-right: 20px;
    padding-bottom: 0;
  }
}

@media (max-width: 576px) {
  .find-courses .courses-container .courses .discovery-message-wrapper .discovery-sort-options {
    margin-right: 10px;
  }
}

.find-courses .courses-container .courses .discovery-message-wrapper .discovery-sort-options .discovery-selected-item {
  margin-left: 5px;
  color: #09092d;
  display: flex;
  align-items: center;
}

.find-courses .courses-container .courses .discovery-message-wrapper .discovery-sort-options .discovery-selected-item .sort_icon {
  padding: 3px;
  margin-left: 6px;
  font-family: "Font Awesome 7 Pro";
  font-size: 15px;
  font-weight: 600;
  color: #1f1f59;
}

.find-courses .courses-container .courses .discovery-message-wrapper .discovery-sort-options .discovery-selected-item .sort_icon:after {
  content: "\f0d7";
}

.find-courses .courses-container .courses .discovery-message-wrapper .discovery-sort-options .discovery-sort-menu {
  float: none;
  position: absolute;
  margin: 26px 0px 0px 0px;
  padding: 8px;
  transition: all 0.5s ease-in-out;
  border-radius: 8px;
  border: 1px solid #e3e3e3;
  z-index: 10;
  background-color: #ffffff;
  visibility: hidden;
  overflow: hidden;
  top: 0;
}

.find-courses .courses-container .courses .discovery-message-wrapper .discovery-sort-options .discovery-sort-menu .discovery-sort-item {
  margin: 0px;
  padding: 6px;
  color: #09092d;
  text-align: center;
}

.find-courses .courses-container .courses .discovery-message-wrapper .discovery-sort-options .discovery-sort-menu .discovery-sort-item:hover {
  color: #5959eb;
}

.find-courses .courses-container .courses .discovery-message-wrapper .discovery-sort-options:hover .discovery-sort-menu {
  visibility: visible;
  height: auto;
}

.find-courses .courses-container .courses .discovery-message-wrapper .discovery-sort-options:hover .discovery-selected-item .sort_icon:after {
  content: "\f0d8";
}

.find-courses .courses-container .courses article.skeleton .course-image .cover-image:after {
  width: 100%;
  height: 230px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.find-courses .courses-container .courses article.skeleton .course-image .cover-image:after {
  content: ' ';
  display: block;
  background-color: whitesmoke;
}

.find-courses .courses-container .courses article.skeleton .course-image .cover-image img {
  display: none;
}

.find-courses .courses-container .courses article.skeleton .course-image .course-language {
  display: none;
}

.find-courses .courses-container .courses article.skeleton .course-image .course-type {
  background-color: lightgray;
  display: inline-block !important;
  visibility: visible;
}

.find-courses .courses-container .courses article.skeleton .course-info .course-name {
  min-height: 23px;
  background-color: lightgray;
}

.find-courses .courses-container .courses article.skeleton .course-info .course-date {
  width: 120px;
  background-color: lightgray;
}

.find-courses .courses-container .courses article.skeleton .sub-info .badge, .find-courses .courses-container .courses article.skeleton .sub-info .duration {
  display: flex !important;
  visibility: visible;
  margin-left: 12px;
}

.find-courses .courses-container .courses article.skeleton .sub-info .badge i, .find-courses .courses-container .courses article.skeleton .sub-info .duration i {
  width: 21px;
  height: 21px;
  background-color: lightgray;
}

.find-courses .courses-container .courses article.skeleton .sub-info .badge i:before, .find-courses .courses-container .courses article.skeleton .sub-info .duration i:before {
  content: '';
}

.find-courses .courses-container .courses article.skeleton .sub-info .badge span, .find-courses .courses-container .courses article.skeleton .sub-info .duration span {
  display: none;
}

.find-courses .courses-container .courses .course {
  border: none;
  box-shadow: none;
  margin: 0;
}

.find-courses .courses-container .courses .course:not(:last-of-type) {
  margin-right: 13px;
}

.find-courses .courses-container .courses .course .course-image {
  overflow: initial;
  width: auto;
  margin-right: auto;
  position: relative;
  min-height: 250px;
}

.find-courses .courses-container .courses .course .course-image .cover-image {
  height: 230px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.find-courses .courses-container .courses .course .course-image .cover-image:before {
  content: normal;
}

.find-courses .courses-container .courses .course .course-image .cover-image img {
  height: 230px;
  object-fit: fill;
}

.find-courses .courses-container .courses .course .course-image .cover-image .course-status-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 16px;
  top: 25px;
  color: #5959eb;
  z-index: 98;
}

.find-courses .courses-container .courses .course .course-image .cover-image .course-status-indicator .course-status-indicator-label {
  display: none;
  padding: 3px 15px;
  border-radius: 11px;
  background-color: #5959eb;
  color: #ffffff;
  font-size: 10px;
  margin-right: 10px;
  margin-top: 5px;
}

.find-courses .courses-container .courses .course .course-image .cover-image .course-status-indicator .base-white-circle {
  color: #ffffff;
  opacity: 40%;
}

.find-courses .courses-container .courses .course .course-image .cover-image .course-status-indicator:hover > .course-status-indicator-label {
  display: block;
}

.find-courses .courses-container .courses .course .course-image .cover-image .course-status-indicator:hover > .course-status-indicator-icon {
  display: none;
}

.find-courses .courses-container .courses .course .course-image .course-type, .find-courses .courses-container .courses .course .course-image .course-mandatory, .find-courses .courses-container .courses .course .course-image .course-language {
  display: inline-block;
  position: relative;
  top: 0;
  left: 12px;
  transform: translateY(-50%);
  margin-left: 5px;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: 11px;
  background-color: #5959eb;
  color: #ffffff;
  z-index: 98;
}

.find-courses .courses-container .courses .course .course-image .course-language {
  float: right;
  right: 17px;
  left: unset;
}

.find-courses .courses-container .courses .course .course-info {
  height: 90px;
  padding: 0 12px;
}

.find-courses .courses-container .courses .course .course-info .course-name {
  margin-bottom: 6px;
}

.find-courses .courses-container .courses .course .course-info .course-name .course-organization, .find-courses .courses-container .courses .course .course-info .course-name .course-code {
  display: none;
}

.find-courses .courses-container .courses .course .course-info .course-name .course-title {
  height: 44px;
  width: 240px;
  color: #09092d;
  font-size: 16px;
  line-height: 23px;
  font-weight: 600;
  margin-bottom: auto;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.find-courses .courses-container .courses .course .course-info .course-date {
  color: #4c4c8e;
  font-size: 11px;
  padding: 0 10px;
  line-height: 15px;
}

.find-courses .courses-container .courses .course .course-info .info-certificate {
  font-size: 11px;
  margin-top: 5px;
  color: #4c4c8e;
  padding: 0 10px;
}

.find-courses .courses-container .courses .course .course-info .info-certificate i {
  color: #5959eb;
  margin-right: 5px;
  width: 12px;
  margin-right: 0;
  text-align: center;
}

.find-courses .courses-container .courses .course .progress-icon {
  display: none;
}

.find-courses .courses-container .courses .course .progress-icon span {
  margin-bottom: auto;
  font-size: 11px;
  line-height: 16px;
  font-weight: 600;
}

.find-courses .courses-container .courses .course .sub-info {
  clear: both;
  height: 21px;
  display: flex;
  justify-content: flex-start;
  color: #4c4c8e;
  padding: 0 0 10px;
  margin: 0 24px;
}

.find-courses .courses-container .courses .course .sub-info .badge, .find-courses .courses-container .courses .course .sub-info .duration {
  display: flex;
  align-items: center;
  width: auto;
  justify-content: center;
}

.find-courses .courses-container .courses .course .sub-info i {
  padding-right: 6px;
  font-size: 15px;
}

.find-courses .courses-container .courses .course .sub-info span {
  font-size: 11px;
}

.find-courses .courses-container .courses .course .sub-info .spliter-dot {
  font-size: 36px;
  position: relative;
  top: 3px;
  margin: 0 9px;
}

.find-courses .courses-container .courses .course .sub-info .new-course-label {
  padding: 4px 12px;
  border-radius: 12px;
  background-color: #5959eb;
  color: #ffffff;
  font-size: 10px;
  line-height: 1;
  margin: 0 10px;
  font-weight: 500;
}

.find-courses .courses-container .courses .course a:hover, .find-courses .courses-container .courses .course a:active, .find-courses .courses-container .courses .course a:focus {
  text-shadow: none;
}

.find-courses .courses-container .courses .course a:hover .course-info .course-name .course-title, .find-courses .courses-container .courses .course a:active .course-info .course-name .course-title, .find-courses .courses-container .courses .course a:focus .course-info .course-name .course-title {
  color: #09092d;
  text-shadow: #09092d;
}

.find-courses .courses-container .courses .course .course-actions {
  display: none;
  z-index: 20;
  position: absolute;
  top: 210px;
  width: 100%;
  text-align: center;
}

.find-courses .courses-container .courses .course .course-actions .learn-more {
  display: inline-block;
  background-color: #ffffff;
  color: #09092d;
  font-weight: 600;
  padding: 10px 20px;
  border-radius: 0.1875rem;
  text-shadow: none;
}

.find-courses .courses-container .courses .courses-listing {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  margin-top: 25px;
}

@media (max-width: 768px) {
  .find-courses .courses-container .courses .courses-listing {
    justify-content: center;
  }
}

.find-courses .courses-container .courses .courses-listing .courses-listing-item {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  width: 295px !important;
  max-height: none;
  margin: 0 16px 40px 0 !important;
}

.find-courses .courses-container .courses .courses-listing .courses-listing-item:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

@media (max-width: 768px) {
  .find-courses .courses-container .courses .courses-listing .courses-listing-item {
    margin: 0 16px 40px 0 !important;
  }
  .find-courses .courses-container .courses .courses-listing .courses-listing-item:nth-child(2n) {
    margin-right: 15px !important;
  }
}

@media (max-width: 576px) {
  .find-courses .courses-container .courses .courses-listing .courses-listing-item {
    margin: 0 16px 40px 0 !important;
  }
  .find-courses .courses-container .courses .courses-listing .courses-listing-item:nth-child(2n) {
    margin-right: 15px !important;
  }
}

.find-courses .courses-container .courses .courses-listing .courses-listing-item:nth-child(3n):not(:last-of-type), .find-courses .courses-container .courses .courses-listing .courses-listing-item:not(:last-of-type) {
  margin-right: 13px;
}

.find-courses .filters {
  display: none;
  margin-top: auto;
  padding-top: 10px;
}

.find-courses .filters .filters-inner {
  border-top: 0;
  border-bottom: 0;
}

.find-courses .filters li {
  background-color: #dcdcdc;
  border-radius: 16px;
  padding: 2px 0px;
  margin: 10px 10px 0 0;
}

.find-courses .filters li .facet-option {
  color: #09092d;
}

.find-courses .filters li .facet-option .query {
  font-size: 12px;
  font-weight: 400;
}

.find-courses .filters li .facet-option .fa {
  font-size: 14px;
  font-weight: 300;
}

.find-courses .loading-spinner {
  right: 20px;
  background: transparent;
}

.wrapper-msg.warning {
  border-top: 3px solid #5959eb;
  background-color: #fafafa;
}

body.view-in-course .page-banner {
  display: none;
}

body.view-in-course .course-material {
  display: flex;
  height: 56px;
  padding: 0 60px !important;
  background-color: #ffffff;
}

body.view-in-course .course-material .tabs {
  display: flex;
  flex: 1;
  margin: 0;
  overflow-x: visible;
}

body.view-in-course .course-material .tabs li.tab.course-tab {
  display: flex;
  align-items: center;
  padding: 0 40px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  border-right: 1px solid #ececec;
  font-size: 16px;
}

body.view-in-course .course-material .tabs li.tab.course-tab.active {
  color: #5959eb;
  font-weight: 600;
}

body.view-in-course .course-material .tabs li.tab.course-tab a {
  color: #09092d;
  border-bottom: 0 !important;
  font-size: inherit;
  padding: 0;
}

body.view-in-course .course-material .tabs li.tab.course-tab a:hover, body.view-in-course .course-material .tabs li.tab.course-tab a:active, body.view-in-course .course-material .tabs li.tab.course-tab a:focus {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  text-decoration: none;
  border-bottom: 0;
}

body.view-in-course .course-material .tabs li.tab.course-tab a.active {
  color: #5959eb;
  font-weight: 600;
  border-bottom: 0;
}

body.view-in-course .course-material .tabs li.tab.course-tab a.active:hover {
  text-shadow: 0.25px 0.25px 0 #5959eb;
}

body.view-in-course .course-material .tabs li.tab.course-tab a.active:hover:before {
  text-shadow: none;
}

body.view-in-course .course-material .actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0;
}

body.view-in-course .course-material .actions li:not(:last-child) {
  margin-right: 20px;
}

body.view-in-course .course-material .actions li a.active {
  color: #5959eb;
  font-weight: 600;
}

body.view-in-course .course-material .actions li.button-wrapper {
  position: relative;
}

body.view-in-course .course-material .actions li.button-wrapper .view-as-admin {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-in-course .course-material .actions li.button-wrapper .view-as-admin:hover, body.view-in-course .course-material .actions li.button-wrapper .view-as-admin.active {
  text-decoration: none;
}

body.view-in-course .course-material .actions li.button-wrapper .view-as-admin .icon, body.view-in-course .course-material .actions li.button-wrapper .view-as-admin .fa, body.view-in-course .course-material .actions li.button-wrapper .view-as-admin .fas, body.view-in-course .course-material .actions li.button-wrapper .view-as-admin .far, body.view-in-course .course-material .actions li.button-wrapper .view-as-admin .fal {
  margin-right: 5px;
}

body.view-in-course .course-material .actions li.button-wrapper .view-as-admin:hover, body.view-in-course .course-material .actions li.button-wrapper .view-as-admin.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-in-course .course-material .actions li.button-wrapper .view-as-admin:focus {
  color: #ffffff;
  background-color: #5959eb;
}

body.view-in-course .course-material .actions li.button-wrapper .view-as-admin[disabled], body.view-in-course .course-material .actions li.button-wrapper .view-as-admin.disabled, body.view-in-course .course-material .actions li.button-wrapper .view-as-admin:disabled, body.view-in-course .course-material .actions li.button-wrapper .view-as-admin.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

body.view-in-course .program-tags {
  padding: 0 32px;
  margin-top: 30px;
  border: 0;
}

@media (max-width: 992px) {
  body.view-in-course .program-tags {
    padding: 0px 23px;
    padding-left: 23px;
  }
}

@media (max-width: 768px) {
  body.view-in-course .program-tags {
    padding: 0px 21px;
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  body.view-in-course .program-tags {
    padding: 0px 8px;
    padding-left: 8px;
  }
}

body.view-in-course .program-tags .tags-block {
  background: #e4e4ff;
  border-radius: 8px;
  padding: 15px 30px;
}

body.view-in-course .program-tags .tags-block h5 {
  margin: 0;
  line-height: 24px;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
  border-radius: 10px;
  color: #09092d;
}

body.view-in-course .program-tags .tags-block .course-labels {
  margin-top: 12px;
}

body.view-in-course .program-tags .tags-block .course-labels > a {
  border: none;
  padding: 8px 10px;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1f1f59;
  border-radius: 10px;
  background: #ebebf1;
  border-radius: 4px;
  display: inline-block;
  white-space: nowrap;
}

body.view-in-course .program-tags .tags-block .course-labels > a:not(:last-child) {
  margin-right: 10px;
}

@media (max-width: 768px) {
  body.view-in-course .program-tags .tags-block .course-labels > a {
    font-size: 12px;
    padding: 5px 8px;
  }
}

body.view-in-course .course-box-program-tags-border-box {
  box-sizing: border-box;
}

body.view-in-course .course-box-program-tags-style {
  padding: 0px !important;
}

body.view-in-course .unenrolled-program-tags {
  padding: 0 32px;
  margin: 0px 0px 30px 0px;
  border: 0;
}

@media (max-width: 992px) {
  body.view-in-course .unenrolled-program-tags {
    padding: 0px 23px;
    padding-left: 23px;
  }
}

@media (max-width: 768px) {
  body.view-in-course .unenrolled-program-tags {
    padding: 0px 21px;
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  body.view-in-course .unenrolled-program-tags {
    padding: 0px 8px;
    padding-left: 8px;
  }
}

body.view-in-course .unenrolled-program-tags .tags-block {
  background: #fafafa;
  border-radius: 8px;
  padding: 15px 30px;
}

body.view-in-course .unenrolled-program-tags .tags-block .title {
  display: flex;
  justify-content: space-between;
}

body.view-in-course .unenrolled-program-tags .tags-block .title h5 {
  margin: 0;
  line-height: 24px;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
  border-radius: 10px;
  color: #09092d;
}

body.view-in-course .unenrolled-program-tags .tags-block .title .arrow-button {
  cursor: pointer;
  width: fit-content;
  height: fit-content;
}

body.view-in-course .unenrolled-program-tags .tags-block .course-labels {
  max-height: 2000px;
  overflow: hidden;
  transition: max-height 1s ease;
  margin-top: 12px;
}

body.view-in-course .unenrolled-program-tags .tags-block .course-labels > a {
  border: none;
  padding: 8px 10px;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #1f1f59;
  border-radius: 10px;
  background: #ebebf1;
  border-radius: 4px;
  display: inline-block;
  white-space: nowrap;
}

body.view-in-course .unenrolled-program-tags .tags-block .course-labels > a:not(:last-child) {
  margin-right: 10px;
}

@media (max-width: 768px) {
  body.view-in-course .unenrolled-program-tags .tags-block .course-labels > a {
    font-size: 12px;
    padding: 5px 8px;
  }
}

body.view-in-course .user-summary {
  padding: 60px 60px 0 60px;
}

body.view-in-course .user-summary .program-path {
  float: left;
  margin-left: 0px;
}

body.view-in-course nav.course-banner {
  padding: 15px 60px;
  background-color: #5959eb;
  background-size: cover;
  background-position: center;
  flex: 100%;
  display: flex;
  position: relative;
  align-items: center;
}

body.view-in-course nav.course-banner .course-banner-image, body.view-in-course nav.course-banner .course-banner-shade {
  background-image: url("/static/hawthorn/images/dashboard-illustration.cbb1d3a9e3b2.jpg");
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: 0 center;
}

body.view-in-course nav.course-banner .course-banner-shade {
  background: #09092d;
  opacity: 0.7;
}

body.view-in-course nav.course-banner .welcome-wrapper {
  padding: 30px 0 0 0;
  width: calc(100% - 240px);
  z-index: 1;
  line-height: 16px;
}

body.view-in-course nav.course-banner .welcome-wrapper .course-title-rating-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 35px;
  margin-bottom: 8px;
}

body.view-in-course nav.course-banner .welcome-wrapper .course-title-rating-wrapper h2 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: 0em;
  text-indent: 0px;
  margin: 0;
  padding-bottom: 0;
}

body.view-in-course nav.course-banner .welcome-wrapper .course-title-rating-wrapper .rating-stars {
  margin: 8px 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

body.view-in-course nav.course-banner .welcome-wrapper .course-title-rating-wrapper .rating-stars .star {
  font-size: 20px;
  color: #f3c316;
}

body.view-in-course nav.course-banner .welcome-wrapper .course-title-rating-wrapper .rating-stars .rating-count {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  margin-left: 4px;
  color: #ffffff;
}

body.view-in-course nav.course-banner .welcome-wrapper .course-title-rating-wrapper .rating-stars .rating-count.underline {
  text-decoration: underline;
}

body.view-in-course nav.course-banner .welcome-wrapper .instructors {
  display: flex;
  margin-bottom: 32px;
}

body.view-in-course nav.course-banner .welcome-wrapper .instructors .course-instructor {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
}

body.view-in-course nav.course-banner .welcome-wrapper .instructors .course-instructor .instructor-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

body.view-in-course nav.course-banner .welcome-wrapper .instructors .course-instructor .instructor-name.instructor-name--clickable {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #ffffff;
  text-decoration: underline;
  cursor: pointer;
}

body.view-in-course nav.course-banner .welcome-wrapper .instructors .course-instructor:not(:last-child)::after {
  content: "";
  width: 4px;
  height: 4px;
  background: #ffffff;
  border-radius: 50%;
  display: inline-block;
  margin: 0 8px;
}

body.view-in-course nav.course-banner .welcome-wrapper .course-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  row-gap: 8px;
  margin-top: 15px;
  height: auto;
}

body.view-in-course nav.course-banner .welcome-wrapper .course-tags-list li {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  padding: 5px 13px;
  margin: 0 8px 8px 0;
  color: #09092d;
  background-color: #ffffff;
  border-radius: 5px;
  display: inline-block;
}

body.view-in-course nav.course-banner .welcome-wrapper .course-tags-list li:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

body.view-in-course nav.course-banner h2, body.view-in-course nav.course-banner ul {
  color: #ffffff;
}

body.view-in-course nav.course-banner h2 {
  font-weight: 600;
  font-size: 36px;
  padding-bottom: 40px;
}

body.view-in-course nav.course-banner ul {
  display: flex;
  list-style: none;
  padding: 0;
}

body.view-in-course nav.course-banner ul li {
  padding-right: 30px;
  display: flex;
  align-items: center;
}

body.view-in-course nav.course-banner ul i {
  padding-right: 8px;
}

body.view-in-course nav.course-banner ul i ~ span {
  font-weight: 300;
  font-size: 13px;
  text-transform: capitalize;
}

body.view-in-course nav.course-banner ul .effort, body.view-in-course nav.course-banner ul .course-price {
  display: none;
}

body.view-in-course nav.course-banner .course-control {
  z-index: 1;
  padding: 26px 51px;
  background-color: #fafafa;
  border-radius: 8px;
  height: fit-content;
}

body.view-in-course nav.course-banner .course-control a {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 12px 22px;
  font-size: 16px;
  color: #09092d;
  background-color: #ffffff;
}

body.view-in-course nav.course-banner .course-control a:hover, body.view-in-course nav.course-banner .course-control a.active {
  text-decoration: none;
}

body.view-in-course nav.course-banner .course-control a .icon, body.view-in-course nav.course-banner .course-control a .fa, body.view-in-course nav.course-banner .course-control a .fas, body.view-in-course nav.course-banner .course-control a .far, body.view-in-course nav.course-banner .course-control a .fal {
  margin-right: 5px;
}

body.view-in-course nav.course-banner .course-control .action-resume-course,
body.view-in-course nav.course-banner .course-control .register {
  padding: 12px 22px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  line-height: 27px;
  border-radius: 27px;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  padding: 10px 48px;
}

body.view-in-course nav.course-banner .course-control .action-resume-course:hover, body.view-in-course nav.course-banner .course-control .action-resume-course.active,
body.view-in-course nav.course-banner .course-control .register:hover,
body.view-in-course nav.course-banner .course-control .register.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-in-course nav.course-banner .course-control .action-resume-course[disabled], body.view-in-course nav.course-banner .course-control .action-resume-course.disabled, body.view-in-course nav.course-banner .course-control .action-resume-course:disabled, body.view-in-course nav.course-banner .course-control .action-resume-course.is-disabled,
body.view-in-course nav.course-banner .course-control .register[disabled],
body.view-in-course nav.course-banner .course-control .register.disabled,
body.view-in-course nav.course-banner .course-control .register:disabled,
body.view-in-course nav.course-banner .course-control .register.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

body.view-in-course nav.course-banner .course-control .action-resume-course[disabled]:focus, body.view-in-course nav.course-banner .course-control .action-resume-course.disabled:focus, body.view-in-course nav.course-banner .course-control .action-resume-course:disabled:focus, body.view-in-course nav.course-banner .course-control .action-resume-course.is-disabled:focus,
body.view-in-course nav.course-banner .course-control .register[disabled]:focus,
body.view-in-course nav.course-banner .course-control .register.disabled:focus,
body.view-in-course nav.course-banner .course-control .register:disabled:focus,
body.view-in-course nav.course-banner .course-control .register.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

body.view-in-course nav.course-banner .course-control a {
  white-space: nowrap;
  line-height: 27px;
  border-radius: 27px;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  display: block;
  margin: 6px 0;
  border: 1px solid #ececec;
}

body.view-in-course nav.course-banner .course-control span.disabled-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 12px 22px;
  font-size: 16px;
  color: #09092d;
  background-color: #4c4c8e;
  cursor: not-allowed;
  border-radius: 27px;
  white-space: nowrap;
  line-height: 27px;
  padding: 10px 48px;
}

body.view-in-course nav.course-banner .course-control span.disabled-button:hover, body.view-in-course nav.course-banner .course-control span.disabled-button.active {
  text-decoration: none;
}

body.view-in-course nav.course-banner .course-control span.disabled-button .icon, body.view-in-course nav.course-banner .course-control span.disabled-button .fa, body.view-in-course nav.course-banner .course-control span.disabled-button .fas, body.view-in-course nav.course-banner .course-control span.disabled-button .far, body.view-in-course nav.course-banner .course-control span.disabled-button .fal {
  margin-right: 5px;
}

body.view-in-course nav.course-banner .course-control span.disabled-button:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

body.view-in-course nav.course-banner .course-control .main-cta {
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
}

body.view-in-course nav.course-banner .course-control .main-cta .start-date-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  color: #09092d;
}

body.view-in-course nav.course-banner .course-control .main-cta .start-date-info i {
  font-size: 32px;
  flex: 0.1;
}

body.view-in-course nav.course-banner .course-control .main-cta .start-date-info .start-date {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  flex: 0.8;
  width: 32px;
}

@media (max-width: 768px) {
  body.view-in-course nav.course-banner .course-control .main-cta {
    display: flex;
    align-items: center;
  }
  body.view-in-course nav.course-banner .course-control .main-cta .start-date-info {
    color: #ffffff;
    margin-bottom: 0;
    justify-content: unset;
  }
  body.view-in-course nav.course-banner .course-control .main-cta .start-date-info .start-date {
    flex: unset;
    margin-left: 8px;
  }
  body.view-in-course nav.course-banner .course-control .main-cta.column-direction {
    flex-direction: column;
  }
  body.view-in-course nav.course-banner .course-control .main-cta.column-direction .start-date-info {
    width: 100%;
    align-items: center;
  }
  body.view-in-course nav.course-banner .course-control .main-cta.column-direction .action-buttons {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 20px 0;
    gap: 8px;
  }
}

body.view-in-course nav.course-banner .course-control .progress-icon {
  padding-top: 10px;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
  text-shadow: 0.25px 0.25px 0 #09092d;
}

body.view-in-course nav.course-banner .course-control .progress-icon .progress-ring {
  fill: transparent;
}

body.view-in-course nav.course-banner .course-control .progress-icon .progress-ring .progress-ring__circle {
  stroke-width: 6;
  stroke: #f22f31;
  transition: 0.35s stroke-dashoffset;
  transform: rotate(-90deg);
}

body.view-in-course nav.course-banner .course-control .progress-icon .progress-ring .progress-ring__circle-bg {
  stroke-width: 4;
  stroke: #f22f31;
  opacity: 0.2;
}

body.view-in-course nav.course-banner .course-control .progress-icon div,
body.view-in-course nav.course-banner .course-control .progress-icon .progress-ring {
  display: inline-block;
  vertical-align: middle;
}

body.view-in-course nav.course-banner .course-control .progress-icon div {
  float: none;
  padding-bottom: 12px;
  margin-left: 0;
}

body.view-in-course nav.course-banner .course-control .progress-icon span {
  display: inline-block;
  color: #09092d;
}

body.view-in-course nav.course-banner .course-control .progress-icon .percent {
  text-align: left;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

body.view-in-course nav.course-banner .course-control .progress-icon .completed {
  font-size: 13px;
}

body.view-in-course nav.course-banner .preview-menu {
  margin: 0;
  display: none;
}

body.view-in-course .page-content-container {
  border: 0;
  background-color: transparent;
}

body.view-in-course .word_cloud .action {
  margin-top: 10px;
}

body.view-in-course .word_cloud .action .save {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-in-course .word_cloud .action .save:hover, body.view-in-course .word_cloud .action .save.active {
  text-decoration: none;
}

body.view-in-course .word_cloud .action .save .icon, body.view-in-course .word_cloud .action .save .fa, body.view-in-course .word_cloud .action .save .fas, body.view-in-course .word_cloud .action .save .far, body.view-in-course .word_cloud .action .save .fal {
  margin-right: 5px;
}

body.view-in-course .word_cloud .action .save:hover, body.view-in-course .word_cloud .action .save.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-in-course .word_cloud .action .save:focus {
  color: #ffffff;
  background-color: #5959eb;
}

body.view-in-course .word_cloud .action .save[disabled], body.view-in-course .word_cloud .action .save.disabled, body.view-in-course .word_cloud .action .save:disabled, body.view-in-course .word_cloud .action .save.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

@media (max-width: 992px) {
  body.view-in-course:not(.view-in-course-print) .course-material {
    overflow-x: visible;
    overflow-y: visible;
  }
}

@media (max-width: 1200px) {
  body.view-in-course:not(.view-in-course-print) .course-material .tabs li.tab.course-tab {
    padding: 0 20px;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) .course-material {
    flex-direction: column-reverse;
    padding: 0 !important;
    height: auto;
  }
  body.view-in-course:not(.view-in-course-print) .course-material .tabs {
    flex-direction: column;
  }
  body.view-in-course:not(.view-in-course-print) .course-material .tabs li.tab.course-tab {
    height: 45px;
    border-bottom: 1px solid #d7d7e4;
    padding: 0 16px;
    border-right: none;
  }
  body.view-in-course:not(.view-in-course-print) .course-material .tabs li.tab.course-tab:before {
    content: normal;
  }
  body.view-in-course:not(.view-in-course-print) .course-material .tabs li.tab.course-tab a {
    width: 100%;
    text-align: left;
    padding-left: 0;
  }
  body.view-in-course:not(.view-in-course-print) .course-material .tabs li.tab.course-tab a.active::before, body.view-in-course:not(.view-in-course-print) .course-material .tabs li.tab.course-tab a::before {
    content: '';
  }
  body.view-in-course:not(.view-in-course-print) .course-material .actions {
    height: 45px;
    background-color: #fafafa;
    border-bottom: 1px solid #d7d7e4;
    padding: 0 16px;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner {
    padding: 15px 25px;
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner .course-banner-image, body.view-in-course:not(.view-in-course-print) nav.course-banner .course-banner-shade {
    left: 0;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner .course-banner-shade {
    background-image: linear-gradient(to right, rgba(89, 89, 235, 0.7) 0%, rgba(89, 89, 235, 0.7) 100%);
  }
}

@media (max-width: 992px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner .welcome-wrapper {
    flex: 70%;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner .welcome-wrapper {
    padding-bottom: 10px;
    width: 100%;
    min-height: 210px;
    box-sizing: content-box;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner h2 {
    padding-bottom: 20px;
    text-align: center;
    box-sizing: content-box;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner ul {
    flex-direction: column;
    position: static;
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 992px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner ul li:not(:last-child) {
    padding-right: 20px;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner ul li:not(:last-child) {
    padding-bottom: 10px;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner ul i {
    font-size: 21px;
  }
}

@media (max-width: 992px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner ul i ~ span {
    font-size: 11px;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner ul i ~ span {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner .course-tags-list li:not(:last-child) {
    padding-bottom: 5px;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner .course-control {
    background-color: transparent;
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner .course-control .progress-icon {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateY(-160%);
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    padding-top: 0;
    padding-right: 0;
    width: 130px;
  }
  body.view-in-course:not(.view-in-course-print) nav.course-banner .course-control .progress-icon .progress-ring__circle {
    stroke: #ffffff;
  }
  body.view-in-course:not(.view-in-course-print) nav.course-banner .course-control .progress-icon .progress-ring__circle-bg {
    stroke: #ffffff;
  }
  body.view-in-course:not(.view-in-course-print) nav.course-banner .course-control .progress-icon span {
    color: #ffffff;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner .course-control .progress-icon div {
    margin: 0;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 10px;
    display: block;
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner .course-control .progress-icon .progress-ring {
    margin-left: 0;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner .course-control .progress-icon .percent {
    text-align: center;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner .course-control .main-cta .action-resume-course,
body.view-in-course:not(.view-in-course-print) nav.course-banner .course-control .main-cta .action-recommend-course,
body.view-in-course:not(.view-in-course-print) nav.course-banner .course-control .main-cta .register {
    background-color: #ffffff !important;
    color: #09092d !important;
    border-radius: 8px;
    padding: 15px 10px;
  }
}

@media (max-width: 768px) {
  body.view-in-course:not(.view-in-course-print) nav.course-banner .course-control .main-cta .action-print-course {
    border-radius: 8px;
    min-width: 123px;
    padding: 15px 22px;
  }
}

body.view-in-course:not(.view-in-course-print) nav.course-banner .course-control .main-cta .disabled-button-style {
  pointer-events: none;
  color: #cecece;
  background-color: grey;
}

.course-outline {
  padding-bottom: 30px;
}

.course-outline .course-outline-nav {
  margin-bottom: 16px;
}

.course-outline .course-outline-nav h2 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
  margin: 0;
}

.course-outline .block-tree {
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border-radius: 4px;
  border: 1px solid #d7d7e4;
  color: #09092d;
}

.course-outline .block-tree button.accordion-trigger .fa,
.course-outline .block-tree button.prerequisite-button .fa {
  color: #09092d;
}

.course-outline .block-tree li button,
.course-outline .block-tree li .section-title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  text-shadow: none;
  text-align: start;
  color: #09092d;
}

.course-outline .block-tree li .fa-chevron-right,
.course-outline .block-tree li .complete-checkmark {
  font-size: 20px;
  margin-right: 16px;
  color: #23ab41;
}

.course-outline .block-tree li li .section-title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.course-outline .block-tree li li li .section-title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.course-outline .block-tree li {
  display: flex;
  flex-direction: column;
}

.course-outline .block-tree li > :first-child {
  display: flex;
  align-items: center;
  background: none;
  box-shadow: none;
  border: none;
  gap: 8px;
  padding: 0;
}

.course-outline .block-tree li .section-title {
  flex: 1;
}

.course-outline .block-tree li .details {
  display: none;
}

.course-outline .block-tree > li {
  padding: 16px 20px;
}

.course-outline .block-tree > li:not(:last-child) {
  border-bottom: 1px solid #d7d7e4;
}

.course-outline .block-tree > li li > :first-child {
  margin-left: 32px;
  margin-top: 16px;
}

.course-outline .block-tree > li li li > :first-child {
  margin-left: calc(32px * 2);
}

.course-outline .block-tree > li > ol {
  position: relative;
  margin-top: var(--fds-global-space-md);
}

.course-outline .block-tree > li > ol::before {
  content: "";
  position: absolute;
  height: 1px;
  background: var(--fds-global-color-neutral-20);
  left: calc(-1 * var(--fds-global-space-lg));
  right: calc(-1 * var(--fds-global-space-lg));
  top: 0px;
}

.course-info header.course-profile {
  height: auto;
  padding-top: 0;
  border-bottom: 0;
}

.course-info header.course-profile .intro-inner-wrapper {
  display: none;
}

.course-info .container, .course-info section.outside-app, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy, .course-info .view-profile .wrapper-profile-sections, .view-profile .course-info .wrapper-profile-sections {
  max-width: none;
  padding: 60px 60px 30px;
}

.course-info .container .wrap-instructor-info.studio-view, .course-info section.outside-app .wrap-instructor-info.studio-view, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view, .course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view, .view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view {
  text-align: right;
  padding: 30px 0 10px;
}

.course-info .container .wrap-instructor-info.studio-view .instructor-info-action, .course-info section.outside-app .wrap-instructor-info.studio-view .instructor-info-action, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrap-instructor-info.studio-view .instructor-info-action, .course-info .view-profile .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action, .view-profile .course-info .wrapper-profile-sections .wrap-instructor-info.studio-view .instructor-info-action {
  float: none;
  display: inline-block;
}

.course-info .container .details, .course-info section.outside-app .details, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .details, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .details, .course-info .view-profile .wrapper-profile-sections .details, .view-profile .course-info .wrapper-profile-sections .details {
  float: none;
  margin-right: 0;
  width: auto;
}

.course-info .container .details p, .course-info section.outside-app .details p, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .details p, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .details p, .course-info .view-profile .wrapper-profile-sections .details p, .view-profile .course-info .wrapper-profile-sections .details p {
  margin: 0;
}

.course-info .container .details h2, .course-info section.outside-app .details h2, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .details h2, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .details h2, .course-info .view-profile .wrapper-profile-sections .details h2, .view-profile .course-info .wrapper-profile-sections .details h2 {
  margin-top: 0px;
}

.course-info .container .details .user-summary, .course-info section.outside-app .details .user-summary, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .details .user-summary, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .details .user-summary, .course-info .view-profile .wrapper-profile-sections .details .user-summary, .view-profile .course-info .wrapper-profile-sections .details .user-summary {
  padding: 0 30px;
  margin-bottom: 30px;
}

.course-info .container .details .user-summary .trophies, .course-info section.outside-app .details .user-summary .trophies, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .details .user-summary .trophies, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .details .user-summary .trophies, .course-info .view-profile .wrapper-profile-sections .details .user-summary .trophies, .view-profile .course-info .wrapper-profile-sections .details .user-summary .trophies, .course-info .container .details .user-summary .discussions, .course-info section.outside-app .details .user-summary .discussions, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .details .user-summary .discussions, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .details .user-summary .discussions, .course-info .view-profile .wrapper-profile-sections .details .user-summary .discussions, .view-profile .course-info .wrapper-profile-sections .details .user-summary .discussions {
  float: right;
  margin-left: 2em;
}

.course-info .container .details .user-summary .trophies i, .course-info section.outside-app .details .user-summary .trophies i, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .details .user-summary .trophies i, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .details .user-summary .trophies i, .course-info .view-profile .wrapper-profile-sections .details .user-summary .trophies i, .view-profile .course-info .wrapper-profile-sections .details .user-summary .trophies i, .course-info .container .details .user-summary .discussions i, .course-info section.outside-app .details .user-summary .discussions i, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .details .user-summary .discussions i, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .details .user-summary .discussions i, .course-info .view-profile .wrapper-profile-sections .details .user-summary .discussions i, .view-profile .course-info .wrapper-profile-sections .details .user-summary .discussions i {
  margin-inline-end: 5px;
}

.course-info .container .view-program-about .program-details-page-container .learner-reviews-wrapper .learner-reviews-title, .view-program-about .program-details-page-container .learner-reviews-wrapper .course-info .container .learner-reviews-title, .course-info .container .learner-reviews-wrapper .learner-reviews-title, .course-info .container section.outside-app .learner-reviews-wrapper .learner-reviews-title, .course-info section.outside-app .learner-reviews-wrapper .container .learner-reviews-title, .course-info .container .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-wrapper .learner-reviews-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-wrapper .container .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .container .u-field-account_privacy .learner-reviews-wrapper .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-reviews-wrapper .container .learner-reviews-title, .course-info .container .view-profile .wrapper-profile-sections .learner-reviews-wrapper .learner-reviews-title, .course-info .view-profile .wrapper-profile-sections .learner-reviews-wrapper .container .learner-reviews-title, .view-profile .course-info .container .wrapper-profile-sections .learner-reviews-wrapper .learner-reviews-title, .view-profile .course-info .wrapper-profile-sections .learner-reviews-wrapper .container .learner-reviews-title, .course-info .container .course-overview .course-overview-title, .course-info .container section.outside-app .course-overview .course-overview-title, .course-info section.outside-app .course-overview .container .course-overview-title, .course-info .container .pre-requisites .important-dates-item-title, .course-info .container section.outside-app .pre-requisites .important-dates-item-title, .course-info section.outside-app .pre-requisites .container .important-dates-item-title, .course-info section.outside-app .view-program-about .program-details-page-container .learner-reviews-wrapper .learner-reviews-title, .view-program-about .program-details-page-container .learner-reviews-wrapper .course-info section.outside-app .learner-reviews-title, .course-info section.outside-app .container .learner-reviews-wrapper .learner-reviews-title, .course-info .container .learner-reviews-wrapper section.outside-app .learner-reviews-title, .course-info section.outside-app .learner-reviews-wrapper .learner-reviews-title, .course-info section.outside-app .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-wrapper .learner-reviews-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-wrapper section.outside-app .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info section.outside-app .u-field-account_privacy .learner-reviews-wrapper .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-reviews-wrapper section.outside-app .learner-reviews-title, .course-info section.outside-app .view-profile .wrapper-profile-sections .learner-reviews-wrapper .learner-reviews-title, .course-info .view-profile .wrapper-profile-sections .learner-reviews-wrapper section.outside-app .learner-reviews-title, .view-profile .course-info section.outside-app .wrapper-profile-sections .learner-reviews-wrapper .learner-reviews-title, .view-profile .course-info .wrapper-profile-sections .learner-reviews-wrapper section.outside-app .learner-reviews-title, .course-info section.outside-app .container .course-overview .course-overview-title, .course-info .container .course-overview section.outside-app .course-overview-title, .course-info section.outside-app .course-overview .course-overview-title, .course-info section.outside-app .container .pre-requisites .important-dates-item-title, .course-info .container .pre-requisites section.outside-app .important-dates-item-title, .course-info section.outside-app .pre-requisites .important-dates-item-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .view-program-about .program-details-page-container .learner-reviews-wrapper .learner-reviews-title, .view-program-about .program-details-page-container .learner-reviews-wrapper .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .container .learner-reviews-wrapper .learner-reviews-title, .course-info .container .learner-reviews-wrapper .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy section.outside-app .learner-reviews-wrapper .learner-reviews-title, .course-info section.outside-app .learner-reviews-wrapper .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-wrapper .learner-reviews-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-reviews-wrapper .learner-reviews-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrapper-profile-sections .learner-reviews-wrapper .learner-reviews-title, .course-info .view-profile .wrapper-profile-sections .learner-reviews-wrapper .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-info .wrapper-profile-sections .learner-reviews-wrapper .learner-reviews-title, .course-info .view-profile .course-info .wrapper-profile-sections .learner-reviews-wrapper .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-title, .course-info .container .course-overview .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-overview-title, .course-info section.outside-app .course-overview .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-overview-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-overview .course-overview-title, .course-info .container .pre-requisites .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .important-dates-item-title, .course-info section.outside-app .pre-requisites .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .important-dates-item-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .pre-requisites .important-dates-item-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .view-program-about .program-details-page-container .learner-reviews-wrapper .learner-reviews-title, .view-program-about .program-details-page-container .learner-reviews-wrapper .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .container .learner-reviews-wrapper .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .container .learner-reviews-wrapper .u-field-account_privacy .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy section.outside-app .learner-reviews-wrapper .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info section.outside-app .learner-reviews-wrapper .u-field-account_privacy .learner-reviews-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-reviews-wrapper .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-reviews-wrapper .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .view-profile .wrapper-profile-sections .learner-reviews-wrapper .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .view-profile .wrapper-profile-sections .learner-reviews-wrapper .u-field-account_privacy .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrapper-profile-sections .learner-reviews-wrapper .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .wrapper-profile-sections .learner-reviews-wrapper .u-field-account_privacy .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .container .course-overview .u-field-account_privacy .course-overview-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info section.outside-app .course-overview .u-field-account_privacy .course-overview-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .course-overview .course-overview-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .container .pre-requisites .u-field-account_privacy .important-dates-item-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info section.outside-app .pre-requisites .u-field-account_privacy .important-dates-item-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .pre-requisites .important-dates-item-title, .course-info .view-profile .wrapper-profile-sections .view-program-about .program-details-page-container .learner-reviews-wrapper .learner-reviews-title, .view-program-about .program-details-page-container .learner-reviews-wrapper .course-info .view-profile .wrapper-profile-sections .learner-reviews-title, .course-info .view-profile .wrapper-profile-sections .container .learner-reviews-wrapper .learner-reviews-title, .course-info .container .learner-reviews-wrapper .view-profile .wrapper-profile-sections .learner-reviews-title, .course-info .view-profile .wrapper-profile-sections section.outside-app .learner-reviews-wrapper .learner-reviews-title, .course-info section.outside-app .learner-reviews-wrapper .view-profile .wrapper-profile-sections .learner-reviews-title, .course-info .view-profile .wrapper-profile-sections .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-wrapper .learner-reviews-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-wrapper .wrapper-profile-sections .learner-reviews-title, .course-info .view-profile .wrapper-profile-sections .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-reviews-wrapper .learner-reviews-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-reviews-wrapper .wrapper-profile-sections .learner-reviews-title, .course-info .view-profile .wrapper-profile-sections .learner-reviews-wrapper .learner-reviews-title, .course-info .view-profile .course-info .wrapper-profile-sections .learner-reviews-wrapper .learner-reviews-title, .course-info .container .course-overview .view-profile .wrapper-profile-sections .course-overview-title, .course-info section.outside-app .course-overview .view-profile .wrapper-profile-sections .course-overview-title, .course-info .view-profile .wrapper-profile-sections .course-overview .course-overview-title, .course-info .container .pre-requisites .view-profile .wrapper-profile-sections .important-dates-item-title, .course-info section.outside-app .pre-requisites .view-profile .wrapper-profile-sections .important-dates-item-title, .course-info .view-profile .wrapper-profile-sections .pre-requisites .important-dates-item-title, .view-profile .course-info .wrapper-profile-sections .view-program-about .program-details-page-container .learner-reviews-wrapper .learner-reviews-title, .view-program-about .program-details-page-container .learner-reviews-wrapper .view-profile .course-info .wrapper-profile-sections .learner-reviews-title, .view-profile .course-info .wrapper-profile-sections .container .learner-reviews-wrapper .learner-reviews-title, .view-profile .course-info .container .learner-reviews-wrapper .wrapper-profile-sections .learner-reviews-title, .view-profile .course-info .wrapper-profile-sections section.outside-app .learner-reviews-wrapper .learner-reviews-title, .view-profile .course-info section.outside-app .learner-reviews-wrapper .wrapper-profile-sections .learner-reviews-title, .view-profile .course-info .wrapper-profile-sections .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-wrapper .learner-reviews-title, .view-profile .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-wrapper .wrapper-profile-sections .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .wrapper-profile-sections .u-field-account_privacy .learner-reviews-wrapper .learner-reviews-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-reviews-wrapper .wrapper-profile-sections .learner-reviews-title, .view-profile .course-info .view-profile .wrapper-profile-sections .learner-reviews-wrapper .learner-reviews-title, .view-profile .course-info .wrapper-profile-sections .learner-reviews-wrapper .learner-reviews-title, .view-profile .course-info .container .course-overview .wrapper-profile-sections .course-overview-title, .view-profile .course-info section.outside-app .course-overview .wrapper-profile-sections .course-overview-title, .view-profile .course-info .wrapper-profile-sections .course-overview .course-overview-title, .view-profile .course-info .container .pre-requisites .wrapper-profile-sections .important-dates-item-title, .view-profile .course-info section.outside-app .pre-requisites .wrapper-profile-sections .important-dates-item-title, .view-profile .course-info .wrapper-profile-sections .pre-requisites .important-dates-item-title {
  font-size: 24px;
  color: #09092d;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
}

.course-info .container .course-print .course-description .description, .course-print .course-description .course-info .container .description, .course-info .container .intro .course-description .subtitle-description-wrapper .description, .course-info .container section.outside-app .intro .course-description .subtitle-description-wrapper .description, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper .container .description, .course-info .container .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .container .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .container .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .container .description, .course-info .container .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .container .description, .view-profile .course-info .container .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .container .description, .course-info section.outside-app .course-print .course-description .description, .course-print .course-description .course-info section.outside-app .description, .course-info section.outside-app .container .intro .course-description .subtitle-description-wrapper .description, .course-info .container .intro .course-description .subtitle-description-wrapper section.outside-app .description, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper .description, .course-info section.outside-app .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper section.outside-app .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info section.outside-app .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper section.outside-app .description, .course-info section.outside-app .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper section.outside-app .description, .view-profile .course-info section.outside-app .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper section.outside-app .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-print .course-description .description, .course-print .course-description .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .container .intro .course-description .subtitle-description-wrapper .description, .course-info .container .intro .course-description .subtitle-description-wrapper .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy section.outside-app .intro .course-description .subtitle-description-wrapper .description, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .course-print .course-description .description, .course-print .course-description .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .container .intro .course-description .subtitle-description-wrapper .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .container .intro .course-description .subtitle-description-wrapper .u-field-account_privacy .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy section.outside-app .intro .course-description .subtitle-description-wrapper .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info section.outside-app .intro .course-description .subtitle-description-wrapper .u-field-account_privacy .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .u-field-account_privacy .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .u-field-account_privacy .description, .course-info .view-profile .wrapper-profile-sections .course-print .course-description .description, .course-print .course-description .course-info .view-profile .wrapper-profile-sections .description, .course-info .view-profile .wrapper-profile-sections .container .intro .course-description .subtitle-description-wrapper .description, .course-info .container .intro .course-description .subtitle-description-wrapper .view-profile .wrapper-profile-sections .description, .course-info .view-profile .wrapper-profile-sections section.outside-app .intro .course-description .subtitle-description-wrapper .description, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper .view-profile .wrapper-profile-sections .description, .course-info .view-profile .wrapper-profile-sections .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .wrapper-profile-sections .description, .course-info .view-profile .wrapper-profile-sections .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .wrapper-profile-sections .description, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .view-profile .course-info .wrapper-profile-sections .course-print .course-description .description, .course-print .course-description .view-profile .course-info .wrapper-profile-sections .description, .view-profile .course-info .wrapper-profile-sections .container .intro .course-description .subtitle-description-wrapper .description, .view-profile .course-info .container .intro .course-description .subtitle-description-wrapper .wrapper-profile-sections .description, .view-profile .course-info .wrapper-profile-sections section.outside-app .intro .course-description .subtitle-description-wrapper .description, .view-profile .course-info section.outside-app .intro .course-description .subtitle-description-wrapper .wrapper-profile-sections .description, .view-profile .course-info .wrapper-profile-sections .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .view-profile .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .wrapper-profile-sections .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .wrapper-profile-sections .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .wrapper-profile-sections .description, .view-profile .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .course-info .error-page article .container p, .error-page article .course-info .container p, .course-info section.outside-app .error-page article .container p, .error-page article .container .course-info section.outside-app p, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .error-page article .container p, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .error-page article .container p, .course-info .view-profile .wrapper-profile-sections .error-page article .container p, .error-page article .container .course-info .view-profile .wrapper-profile-sections p, .view-profile .course-info .wrapper-profile-sections .error-page article .container p, .error-page article .container .view-profile .course-info .wrapper-profile-sections p, .course-info .container .error-page article section.outside-app p, .error-page article section.outside-app .course-info .container p, .course-info .error-page article section.outside-app p, .error-page article .course-info section.outside-app p, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .error-page article section.outside-app p, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .error-page article section.outside-app p, .course-info .view-profile .wrapper-profile-sections .error-page article section.outside-app p, .error-page article section.outside-app .course-info .view-profile .wrapper-profile-sections p, .view-profile .course-info .wrapper-profile-sections .error-page article section.outside-app p, .error-page article section.outside-app .view-profile .course-info .wrapper-profile-sections p, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-info .container p, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-info section.outside-app p, .course-info .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy p, .error-page article .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy p, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy p, .error-page article .view-profile .course-info .wrapper-profile-sections .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy p, .error-page article .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-info .wrapper-profile-sections p, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .course-info .container p, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .course-info section.outside-app p, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy p, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .error-page article .u-field-account_privacy p, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .course-info .u-field-account_privacy p, .view-profile .course-info .wrapper-profile-sections .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy p, .view-profile .profile-self .wrapper-profile-field-account-privacy .error-page article .u-field-account_privacy .course-info .wrapper-profile-sections p, .course-info .container .error-page article .view-profile .wrapper-profile-sections p, .error-page article .view-profile .wrapper-profile-sections .course-info .container p, .course-info section.outside-app .error-page article .view-profile .wrapper-profile-sections p, .error-page article .view-profile .wrapper-profile-sections .course-info section.outside-app p, .course-info .error-page article .view-profile .wrapper-profile-sections p, .error-page article .course-info .view-profile .wrapper-profile-sections p, .error-page article .view-profile .course-info .wrapper-profile-sections p, .course-info .container .view-profile .error-page article .wrapper-profile-sections p, .view-profile .error-page article .wrapper-profile-sections .course-info .container p, .course-info section.outside-app .view-profile .error-page article .wrapper-profile-sections p, .view-profile .error-page article .wrapper-profile-sections .course-info section.outside-app p, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .error-page article .wrapper-profile-sections p, .course-info .view-profile .error-page article .wrapper-profile-sections .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy p, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .error-page article .wrapper-profile-sections p, .view-profile .error-page article .wrapper-profile-sections .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy p, .course-info .view-profile .error-page article .wrapper-profile-sections p, .view-profile .course-info .error-page article .wrapper-profile-sections p, .view-profile .error-page article .course-info .wrapper-profile-sections p {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.course-info .container .intro:not(:last-child), .course-info section.outside-app .intro:not(:last-child), .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro:not(:last-child), .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro:not(:last-child), .course-info .view-profile .wrapper-profile-sections .intro:not(:last-child), .view-profile .course-info .wrapper-profile-sections .intro:not(:last-child), .course-info .container .pre-requisites:not(:last-child), .course-info section.outside-app .pre-requisites:not(:last-child), .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .pre-requisites:not(:last-child), .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .pre-requisites:not(:last-child), .course-info .view-profile .wrapper-profile-sections .pre-requisites:not(:last-child), .view-profile .course-info .wrapper-profile-sections .pre-requisites:not(:last-child), .course-info .container .instructors:not(:last-child), .course-info section.outside-app .instructors:not(:last-child), .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructors:not(:last-child), .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructors:not(:last-child), .course-info .view-profile .wrapper-profile-sections .instructors:not(:last-child), .view-profile .course-info .wrapper-profile-sections .instructors:not(:last-child) {
  margin-bottom: 60px;
}

.course-info .container .intro a, .course-info section.outside-app .intro a, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro a, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro a, .course-info .view-profile .wrapper-profile-sections .intro a, .view-profile .course-info .wrapper-profile-sections .intro a, .course-info .container .pre-requisites a, .course-info section.outside-app .pre-requisites a, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .pre-requisites a, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .pre-requisites a, .course-info .view-profile .wrapper-profile-sections .pre-requisites a, .view-profile .course-info .wrapper-profile-sections .pre-requisites a, .course-info .container .instructors a, .course-info section.outside-app .instructors a, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructors a, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructors a, .course-info .view-profile .wrapper-profile-sections .instructors a, .view-profile .course-info .wrapper-profile-sections .instructors a {
  text-decoration: none;
}

.course-info .container .skeleton .course-image .hero, .course-info section.outside-app .skeleton .course-image .hero, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .skeleton .course-image .hero, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .skeleton .course-image .hero, .course-info .view-profile .wrapper-profile-sections .skeleton .course-image .hero, .view-profile .course-info .wrapper-profile-sections .skeleton .course-image .hero {
  width: 100%;
  height: 100%;
  min-height: 230px;
  background-color: whitesmoke;
}

.course-info .container .skeleton .course-image .hero:after, .course-info section.outside-app .skeleton .course-image .hero:after, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .skeleton .course-image .hero:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .skeleton .course-image .hero:after, .course-info .view-profile .wrapper-profile-sections .skeleton .course-image .hero:after, .view-profile .course-info .wrapper-profile-sections .skeleton .course-image .hero:after {
  content: ' ';
  display: block;
  width: 64px;
  height: 64px;
  background-color: lightgray;
  border-radius: 50%;
}

.course-info .container .skeleton .course-image .hero i, .course-info section.outside-app .skeleton .course-image .hero i, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .skeleton .course-image .hero i, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .skeleton .course-image .hero i, .course-info .view-profile .wrapper-profile-sections .skeleton .course-image .hero i, .view-profile .course-info .wrapper-profile-sections .skeleton .course-image .hero i {
  display: none;
}

.course-info .container .skeleton .course-image img, .course-info section.outside-app .skeleton .course-image img, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .skeleton .course-image img, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .skeleton .course-image img, .course-info .view-profile .wrapper-profile-sections .skeleton .course-image img, .view-profile .course-info .wrapper-profile-sections .skeleton .course-image img {
  display: none;
}

.course-info .container .skeleton .course-description, .course-info section.outside-app .skeleton .course-description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .skeleton .course-description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .skeleton .course-description, .course-info .view-profile .wrapper-profile-sections .skeleton .course-description, .view-profile .course-info .wrapper-profile-sections .skeleton .course-description {
  min-height: 180px;
  background-color: whitesmoke;
}

.course-info .container .skeleton .course-description:before, .course-info section.outside-app .skeleton .course-description:before, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .skeleton .course-description:before, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .skeleton .course-description:before, .course-info .view-profile .wrapper-profile-sections .skeleton .course-description:before, .view-profile .course-info .wrapper-profile-sections .skeleton .course-description:before {
  display: block;
  content: ' ';
  width: 80%;
  height: 20px;
  margin-bottom: 16px;
  background-color: lightgray;
}

.course-info .container .skeleton .course-description:after, .course-info section.outside-app .skeleton .course-description:after, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .skeleton .course-description:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .skeleton .course-description:after, .course-info .view-profile .wrapper-profile-sections .skeleton .course-description:after, .view-profile .course-info .wrapper-profile-sections .skeleton .course-description:after {
  display: block;
  content: ' ';
  width: 90%;
  height: 140px;
  background-color: lightgray;
}

.course-info .container .skeleton .course-description .subtitle, .course-info section.outside-app .skeleton .course-description .subtitle, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .skeleton .course-description .subtitle, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .skeleton .course-description .subtitle, .course-info .view-profile .wrapper-profile-sections .skeleton .course-description .subtitle, .view-profile .course-info .wrapper-profile-sections .skeleton .course-description .subtitle, .course-info .container .skeleton .course-description .description, .course-info section.outside-app .skeleton .course-description .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .skeleton .course-description .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .skeleton .course-description .description, .course-info .view-profile .wrapper-profile-sections .skeleton .course-description .description, .view-profile .course-info .wrapper-profile-sections .skeleton .course-description .description {
  display: none;
}

.course-info .container .intro, .course-info section.outside-app .intro, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro, .course-info .view-profile .wrapper-profile-sections .intro, .view-profile .course-info .wrapper-profile-sections .intro {
  display: flex;
  gap: 20px;
}

@media (max-width: 576px) {
  .course-info .container .intro, .course-info section.outside-app .intro, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro, .course-info .view-profile .wrapper-profile-sections .intro, .view-profile .course-info .wrapper-profile-sections .intro {
    flex-direction: column;
  }
}

.course-info .container .intro .course-image img, .course-info section.outside-app .intro .course-image img, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-image img, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-image img, .course-info .view-profile .wrapper-profile-sections .intro .course-image img, .view-profile .course-info .wrapper-profile-sections .intro .course-image img {
  border-radius: 8px;
  width: 100%;
}

.course-info .container .intro .course-image .hero, .course-info section.outside-app .intro .course-image .hero, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-image .hero, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-image .hero, .course-info .view-profile .wrapper-profile-sections .intro .course-image .hero, .view-profile .course-info .wrapper-profile-sections .intro .course-image .hero {
  display: flex;
  justify-content: center;
  align-items: center;
}

.course-info .container .intro .course-image .hero i, .course-info section.outside-app .intro .course-image .hero i, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-image .hero i, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-image .hero i, .course-info .view-profile .wrapper-profile-sections .intro .course-image .hero i, .view-profile .course-info .wrapper-profile-sections .intro .course-image .hero i {
  position: absolute;
}

.course-info .container .intro .course-description, .course-info section.outside-app .intro .course-description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description, .course-info .view-profile .wrapper-profile-sections .intro .course-description, .view-profile .course-info .wrapper-profile-sections .intro .course-description {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  flex: 1;
}

.course-info .container .intro .course-description:hover, .course-info section.outside-app .intro .course-description:hover, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description:hover, .course-info .view-profile .wrapper-profile-sections .intro .course-description:hover, .view-profile .course-info .wrapper-profile-sections .intro .course-description:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

.course-info .container .intro .course-description .subtitle-description-wrapper, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper {
  overflow-y: auto;
  height: 165px;
  width: 100%;
  padding: 30px 30px 20px 30px;
}

.course-info .container .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar {
  background-color: #F9F9F9;
  width: 16px;
}

.course-info .container .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-track, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-track, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-track, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-track, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-track, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-track {
  background-color: #F9F9F9;
}

.course-info .container .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid #F9F9F9;
  background-color: #C0C0C0;
}

.course-info .container .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb:hover, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb:hover, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb:hover, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb:hover, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb:hover, .course-info .container .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb:active, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb:active, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb:active, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb:active, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb:active, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper::-webkit-scrollbar-thumb:active {
  background-color: #7C7C7C;
}

.course-info .container .intro .course-description .subtitle-description-wrapper .subtitle, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper .subtitle, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .subtitle, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .subtitle, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .subtitle, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .subtitle {
  font-size: 16px;
  color: #09092d;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  padding-bottom: 16px;
}

.course-info .container .intro .course-description .subtitle-description-wrapper .description, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description {
  transition: max-height 1s;
  position: relative;
}

.course-info .container .intro .course-description .subtitle-description-wrapper .description p:not(:last-child), .course-info section.outside-app .intro .course-description .subtitle-description-wrapper .description p:not(:last-child), .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description p:not(:last-child), .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description p:not(:last-child), .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description p:not(:last-child), .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description p:not(:last-child) {
  padding-bottom: 6px;
}

.course-info .container .intro .course-description .subtitle-description-wrapper .description ul, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper .description ul, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description ul, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description ul, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description ul, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description ul {
  list-style-type: disc;
}

.course-info .container .intro .course-description .subtitle-description-wrapper .description ol, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper .description ol, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description ol, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description ol, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description ol, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description ol {
  list-style-type: decimal;
}

.course-info .container .intro .course-description .subtitle-description-wrapper .description ul, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper .description ul, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description ul, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description ul, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description ul, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description ul, .course-info .container .intro .course-description .subtitle-description-wrapper .description ol, .course-info section.outside-app .intro .course-description .subtitle-description-wrapper .description ol, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description ol, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .subtitle-description-wrapper .description ol, .course-info .view-profile .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description ol, .view-profile .course-info .wrapper-profile-sections .intro .course-description .subtitle-description-wrapper .description ol {
  list-style-position: inside;
}

.course-info .container .intro .course-description .extend-link, .course-info section.outside-app .intro .course-description .extend-link, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .extend-link, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .extend-link, .course-info .view-profile .wrapper-profile-sections .intro .course-description .extend-link, .view-profile .course-info .wrapper-profile-sections .intro .course-description .extend-link {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  display: none;
  cursor: pointer;
  margin-top: 10px;
  font-size: 13px;
}

.course-info .container .intro .course-description .extend-link:hover, .course-info section.outside-app .intro .course-description .extend-link:hover, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .extend-link:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .extend-link:hover, .course-info .view-profile .wrapper-profile-sections .intro .course-description .extend-link:hover, .view-profile .course-info .wrapper-profile-sections .intro .course-description .extend-link:hover, .course-info .container .intro .course-description .extend-link:active, .course-info section.outside-app .intro .course-description .extend-link:active, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .extend-link:active, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .extend-link:active, .course-info .view-profile .wrapper-profile-sections .intro .course-description .extend-link:active, .view-profile .course-info .wrapper-profile-sections .intro .course-description .extend-link:active, .course-info .container .intro .course-description .extend-link:focus, .course-info section.outside-app .intro .course-description .extend-link:focus, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .extend-link:focus, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .extend-link:focus, .course-info .view-profile .wrapper-profile-sections .intro .course-description .extend-link:focus, .view-profile .course-info .wrapper-profile-sections .intro .course-description .extend-link:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

.course-info .container .intro .course-description .readless, .course-info section.outside-app .intro .course-description .readless, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .readless, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .course-description .readless, .course-info .view-profile .wrapper-profile-sections .intro .course-description .readless, .view-profile .course-info .wrapper-profile-sections .intro .course-description .readless {
  display: none;
}

.course-info .container .intro .no-title-mode .description, .course-info section.outside-app .intro .no-title-mode .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .no-title-mode .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .no-title-mode .description, .course-info .view-profile .wrapper-profile-sections .intro .no-title-mode .description, .view-profile .course-info .wrapper-profile-sections .intro .no-title-mode .description {
  max-height: 190px;
}

.course-info .container .intro .extend-mode .description:after, .course-info section.outside-app .intro .extend-mode .description:after, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .extend-mode .description:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .extend-mode .description:after, .course-info .view-profile .wrapper-profile-sections .intro .extend-mode .description:after, .view-profile .course-info .wrapper-profile-sections .intro .extend-mode .description:after {
  content: '';
  display: block;
  height: 20px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.course-info .container .intro .extend-mode .readmore, .course-info section.outside-app .intro .extend-mode .readmore, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .extend-mode .readmore, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .extend-mode .readmore, .course-info .view-profile .wrapper-profile-sections .intro .extend-mode .readmore, .view-profile .course-info .wrapper-profile-sections .intro .extend-mode .readmore {
  display: block;
}

.course-info .container .intro .all-paragraphs .description, .course-info section.outside-app .intro .all-paragraphs .description, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .all-paragraphs .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .all-paragraphs .description, .course-info .view-profile .wrapper-profile-sections .intro .all-paragraphs .description, .view-profile .course-info .wrapper-profile-sections .intro .all-paragraphs .description {
  max-height: 1800px;
}

.course-info .container .intro .all-paragraphs .description:after, .course-info section.outside-app .intro .all-paragraphs .description:after, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .all-paragraphs .description:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .all-paragraphs .description:after, .course-info .view-profile .wrapper-profile-sections .intro .all-paragraphs .description:after, .view-profile .course-info .wrapper-profile-sections .intro .all-paragraphs .description:after {
  content: none;
}

.course-info .container .intro .all-paragraphs .readmore, .course-info section.outside-app .intro .all-paragraphs .readmore, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .all-paragraphs .readmore, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .all-paragraphs .readmore, .course-info .view-profile .wrapper-profile-sections .intro .all-paragraphs .readmore, .view-profile .course-info .wrapper-profile-sections .intro .all-paragraphs .readmore {
  display: none;
}

.course-info .container .intro .all-paragraphs .readless, .course-info section.outside-app .intro .all-paragraphs .readless, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .all-paragraphs .readless, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .intro .all-paragraphs .readless, .course-info .view-profile .wrapper-profile-sections .intro .all-paragraphs .readless, .view-profile .course-info .wrapper-profile-sections .intro .all-paragraphs .readless {
  display: block;
}

.course-info .container .pre-requisites .important-dates-item-title, .course-info section.outside-app .pre-requisites .important-dates-item-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .pre-requisites .important-dates-item-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .pre-requisites .important-dates-item-title, .course-info .view-profile .wrapper-profile-sections .pre-requisites .important-dates-item-title, .view-profile .course-info .wrapper-profile-sections .pre-requisites .important-dates-item-title {
  padding-bottom: 20px;
}

.course-info .container .overview-and-updates, .course-info section.outside-app .overview-and-updates, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates, .course-info .view-profile .wrapper-profile-sections .overview-and-updates, .view-profile .course-info .wrapper-profile-sections .overview-and-updates {
  display: flex;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .course-info .container .overview-and-updates, .course-info section.outside-app .overview-and-updates, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates, .course-info .view-profile .wrapper-profile-sections .overview-and-updates, .view-profile .course-info .wrapper-profile-sections .overview-and-updates {
    flex-direction: column;
  }
}

.course-info .container .overview-and-updates .course-overview-wrapper, .course-info section.outside-app .overview-and-updates .course-overview-wrapper, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates .course-overview-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates .course-overview-wrapper, .course-info .view-profile .wrapper-profile-sections .overview-and-updates .course-overview-wrapper, .view-profile .course-info .wrapper-profile-sections .overview-and-updates .course-overview-wrapper {
  flex: 0.5;
}

.course-info .container .overview-and-updates .course-overview-wrapper .course-overview-container, .course-info section.outside-app .overview-and-updates .course-overview-wrapper .course-overview-container, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates .course-overview-wrapper .course-overview-container, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates .course-overview-wrapper .course-overview-container, .course-info .view-profile .wrapper-profile-sections .overview-and-updates .course-overview-wrapper .course-overview-container, .view-profile .course-info .wrapper-profile-sections .overview-and-updates .course-overview-wrapper .course-overview-container {
  padding: 20px 30px;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border-radius: 4px;
  border: 1px solid #d7d7e4;
  color: #09092d;
}

@media (max-width: 768px) {
  .course-info .container .overview-and-updates .course-overview-wrapper .course-overview-container, .course-info section.outside-app .overview-and-updates .course-overview-wrapper .course-overview-container, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates .course-overview-wrapper .course-overview-container, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates .course-overview-wrapper .course-overview-container, .course-info .view-profile .wrapper-profile-sections .overview-and-updates .course-overview-wrapper .course-overview-container, .view-profile .course-info .wrapper-profile-sections .overview-and-updates .course-overview-wrapper .course-overview-container {
    padding: 10px 15px;
  }
}

.course-info .container .overview-and-updates .course-overview-wrapper .course-overview-title, .course-info section.outside-app .overview-and-updates .course-overview-wrapper .course-overview-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates .course-overview-wrapper .course-overview-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates .course-overview-wrapper .course-overview-title, .course-info .view-profile .wrapper-profile-sections .overview-and-updates .course-overview-wrapper .course-overview-title, .view-profile .course-info .wrapper-profile-sections .overview-and-updates .course-overview-wrapper .course-overview-title,
.course-info .container .overview-and-updates .course-updates-wrapper .course-updates header h2,
.course-info section.outside-app .overview-and-updates .course-updates-wrapper .course-updates header h2,
.course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates header h2,
.view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates header h2,
.course-info .view-profile .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates header h2,
.view-profile .course-info .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates header h2 {
  margin-bottom: 10px;
}

.course-info .container .overview-and-updates .course-updates-wrapper, .course-info section.outside-app .overview-and-updates .course-updates-wrapper, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates .course-updates-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates .course-updates-wrapper, .course-info .view-profile .wrapper-profile-sections .overview-and-updates .course-updates-wrapper, .view-profile .course-info .wrapper-profile-sections .overview-and-updates .course-updates-wrapper {
  flex: 0.5;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 20px;
}

@media (max-width: 768px) {
  .course-info .container .overview-and-updates .course-updates-wrapper, .course-info section.outside-app .overview-and-updates .course-updates-wrapper, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates .course-updates-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates .course-updates-wrapper, .course-info .view-profile .wrapper-profile-sections .overview-and-updates .course-updates-wrapper, .view-profile .course-info .wrapper-profile-sections .overview-and-updates .course-updates-wrapper {
    margin-left: 0;
  }
}

.course-info .container .overview-and-updates .course-updates-wrapper .course-updates header, .course-info section.outside-app .overview-and-updates .course-updates-wrapper .course-updates header, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates header, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates header, .course-info .view-profile .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates header, .view-profile .course-info .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates header {
  padding: 0;
  margin: 0;
  border-bottom: 0;
}

.course-info .container .overview-and-updates .course-updates-wrapper .course-updates header .page-header-main, .course-info section.outside-app .overview-and-updates .course-updates-wrapper .course-updates header .page-header-main, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates header .page-header-main, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates header .page-header-main, .course-info .view-profile .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates header .page-header-main, .view-profile .course-info .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates header .page-header-main {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  min-height: 0;
}

.course-info .container .overview-and-updates .course-updates-wrapper .course-updates header h2, .course-info section.outside-app .overview-and-updates .course-updates-wrapper .course-updates header h2, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates header h2, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates header h2, .course-info .view-profile .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates header h2, .view-profile .course-info .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates header h2 {
  font-size: 24px;
  color: #09092d;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.course-info .container .overview-and-updates .course-updates-wrapper .course-updates header a, .course-info section.outside-app .overview-and-updates .course-updates-wrapper .course-updates header a, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates header a, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates header a, .course-info .view-profile .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates header a, .view-profile .course-info .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates header a {
  text-decoration: underline;
}

.course-info .container .overview-and-updates .course-updates-wrapper .course-updates header a:after, .course-info section.outside-app .overview-and-updates .course-updates-wrapper .course-updates header a:after, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates header a:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates header a:after, .course-info .view-profile .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates header a:after, .view-profile .course-info .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates header a:after {
  content: '\f054';
  font-family: "Font Awesome 7 Pro";
  display: inline-block;
  margin-left: 10px;
}

.course-info .container .overview-and-updates .course-updates-wrapper .course-updates .page-content, .course-info section.outside-app .overview-and-updates .course-updates-wrapper .course-updates .page-content, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates .page-content, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates .page-content, .course-info .view-profile .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates .page-content, .view-profile .course-info .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates .page-content {
  margin-top: 10px;
}

.course-info .container .overview-and-updates .course-updates-wrapper .course-updates .page-content article:not(:first-child), .course-info section.outside-app .overview-and-updates .course-updates-wrapper .course-updates .page-content article:not(:first-child), .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates .page-content article:not(:first-child), .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-and-updates .course-updates-wrapper .course-updates .page-content article:not(:first-child), .course-info .view-profile .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates .page-content article:not(:first-child), .view-profile .course-info .wrapper-profile-sections .overview-and-updates .course-updates-wrapper .course-updates .page-content article:not(:first-child) {
  margin-top: 10px;
}

.course-info .container .updates-only, .course-info section.outside-app .updates-only, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .updates-only, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .updates-only, .course-info .view-profile .wrapper-profile-sections .updates-only, .view-profile .course-info .wrapper-profile-sections .updates-only {
  margin-bottom: 30px;
}

.course-info .container .updates-only .course-updates-wrapper, .course-info section.outside-app .updates-only .course-updates-wrapper, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .updates-only .course-updates-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .updates-only .course-updates-wrapper, .course-info .view-profile .wrapper-profile-sections .updates-only .course-updates-wrapper, .view-profile .course-info .wrapper-profile-sections .updates-only .course-updates-wrapper {
  flex: 0.5;
  margin-left: 0;
}

.course-info .container .updates-only .course-updates, .course-info section.outside-app .updates-only .course-updates, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .updates-only .course-updates, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .updates-only .course-updates, .course-info .view-profile .wrapper-profile-sections .updates-only .course-updates, .view-profile .course-info .wrapper-profile-sections .updates-only .course-updates {
  padding-top: 0;
}

.course-info .container .updates-only .course-updates header, .course-info section.outside-app .updates-only .course-updates header, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .updates-only .course-updates header, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .updates-only .course-updates header, .course-info .view-profile .wrapper-profile-sections .updates-only .course-updates header, .view-profile .course-info .wrapper-profile-sections .updates-only .course-updates header {
  padding: 0;
  margin: 0;
  border-bottom: 0;
}

.course-info .container .updates-only .course-updates header .page-header-main, .course-info section.outside-app .updates-only .course-updates header .page-header-main, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .updates-only .course-updates header .page-header-main, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .updates-only .course-updates header .page-header-main, .course-info .view-profile .wrapper-profile-sections .updates-only .course-updates header .page-header-main, .view-profile .course-info .wrapper-profile-sections .updates-only .course-updates header .page-header-main {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  min-height: 0;
}

.course-info .container .updates-only .course-updates header h2, .course-info section.outside-app .updates-only .course-updates header h2, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .updates-only .course-updates header h2, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .updates-only .course-updates header h2, .course-info .view-profile .wrapper-profile-sections .updates-only .course-updates header h2, .view-profile .course-info .wrapper-profile-sections .updates-only .course-updates header h2 {
  font-size: 24px;
  color: #09092d;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.course-info .container .updates-only .course-updates header a, .course-info section.outside-app .updates-only .course-updates header a, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .updates-only .course-updates header a, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .updates-only .course-updates header a, .course-info .view-profile .wrapper-profile-sections .updates-only .course-updates header a, .view-profile .course-info .wrapper-profile-sections .updates-only .course-updates header a {
  text-decoration: underline;
}

.course-info .container .updates-only .course-updates header a:after, .course-info section.outside-app .updates-only .course-updates header a:after, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .updates-only .course-updates header a:after, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .updates-only .course-updates header a:after, .course-info .view-profile .wrapper-profile-sections .updates-only .course-updates header a:after, .view-profile .course-info .wrapper-profile-sections .updates-only .course-updates header a:after {
  content: '\f054';
  font-family: "Font Awesome 7 Pro";
  display: inline-block;
  margin-left: 10px;
}

.course-info .container .updates-only .course-updates .page-content, .course-info section.outside-app .updates-only .course-updates .page-content, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .updates-only .course-updates .page-content, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .updates-only .course-updates .page-content, .course-info .view-profile .wrapper-profile-sections .updates-only .course-updates .page-content, .view-profile .course-info .wrapper-profile-sections .updates-only .course-updates .page-content {
  margin-top: 10px;
}

.course-info .container .updates-only .course-updates .page-content article:not(:first-child), .course-info section.outside-app .updates-only .course-updates .page-content article:not(:first-child), .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .updates-only .course-updates .page-content article:not(:first-child), .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .updates-only .course-updates .page-content article:not(:first-child), .course-info .view-profile .wrapper-profile-sections .updates-only .course-updates .page-content article:not(:first-child), .view-profile .course-info .wrapper-profile-sections .updates-only .course-updates .page-content article:not(:first-child) {
  margin-top: 10px;
}

.course-info .container .overview-only .course-overview, .course-info section.outside-app .overview-only .course-overview, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .overview-only .course-overview, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .overview-only .course-overview, .course-info .view-profile .wrapper-profile-sections .overview-only .course-overview, .view-profile .course-info .wrapper-profile-sections .overview-only .course-overview {
  padding-bottom: 30px;
}

.course-info .container .course-overview, .course-info section.outside-app .course-overview, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-overview, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .course-overview, .course-info .view-profile .wrapper-profile-sections .course-overview, .view-profile .course-info .wrapper-profile-sections .course-overview {
  padding-bottom: 30px;
}

@media (max-width: 768px) {
  .course-info .container .course-overview, .course-info section.outside-app .course-overview, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-overview, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .course-overview, .course-info .view-profile .wrapper-profile-sections .course-overview, .view-profile .course-info .wrapper-profile-sections .course-overview {
    margin-top: 25px;
  }
}

.course-info .container .course-overview ul, .course-info section.outside-app .course-overview ul, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-overview ul, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .course-overview ul, .course-info .view-profile .wrapper-profile-sections .course-overview ul, .view-profile .course-info .wrapper-profile-sections .course-overview ul {
  list-style-type: disc;
}

.course-info .container .course-overview ol, .course-info section.outside-app .course-overview ol, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-overview ol, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .course-overview ol, .course-info .view-profile .wrapper-profile-sections .course-overview ol, .view-profile .course-info .wrapper-profile-sections .course-overview ol {
  list-style-type: decimal;
}

.course-info .container .course-overview ul, .course-info section.outside-app .course-overview ul, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-overview ul, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .course-overview ul, .course-info .view-profile .wrapper-profile-sections .course-overview ul, .view-profile .course-info .wrapper-profile-sections .course-overview ul, .course-info .container .course-overview ol, .course-info section.outside-app .course-overview ol, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-overview ol, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .course-overview ol, .course-info .view-profile .wrapper-profile-sections .course-overview ol, .view-profile .course-info .wrapper-profile-sections .course-overview ol {
  list-style-position: inside;
}

.course-info .container .instructor-wrapper .instructor-title, .course-info section.outside-app .instructor-wrapper .instructor-title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructor-title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructor-wrapper .instructor-title, .course-info .view-profile .wrapper-profile-sections .instructor-wrapper .instructor-title, .view-profile .course-info .wrapper-profile-sections .instructor-wrapper .instructor-title {
  font-size: 24px;
  color: #09092d;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
}

.course-info .container .instructor-wrapper .instructors, .course-info section.outside-app .instructor-wrapper .instructors, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructors, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructor-wrapper .instructors, .course-info .view-profile .wrapper-profile-sections .instructor-wrapper .instructors, .view-profile .course-info .wrapper-profile-sections .instructor-wrapper .instructors {
  text-align: center;
}

.course-info .container .instructor-wrapper .instructors li, .course-info section.outside-app .instructor-wrapper .instructors li, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructors li, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructor-wrapper .instructors li, .course-info .view-profile .wrapper-profile-sections .instructor-wrapper .instructors li, .view-profile .course-info .wrapper-profile-sections .instructor-wrapper .instructors li {
  vertical-align: top;
  max-width: 200px;
  text-align: center;
  color: #09092d;
  display: inline-block;
  padding-bottom: 20px;
}

.course-info .container .instructor-wrapper .instructors li:not(:last-child), .course-info section.outside-app .instructor-wrapper .instructors li:not(:last-child), .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructors li:not(:last-child), .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructor-wrapper .instructors li:not(:last-child), .course-info .view-profile .wrapper-profile-sections .instructor-wrapper .instructors li:not(:last-child), .view-profile .course-info .wrapper-profile-sections .instructor-wrapper .instructors li:not(:last-child) {
  padding-right: 50px;
}

.course-info .container .instructor-wrapper .instructors li img, .course-info section.outside-app .instructor-wrapper .instructors li img, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructors li img, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructor-wrapper .instructors li img, .course-info .view-profile .wrapper-profile-sections .instructor-wrapper .instructors li img, .view-profile .course-info .wrapper-profile-sections .instructor-wrapper .instructors li img {
  object-fit: cover;
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto 10px;
  max-width: 120px;
  border-radius: 50%;
}

.course-info .container .instructor-wrapper .instructors li .title, .course-info section.outside-app .instructor-wrapper .instructors li .title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructors li .title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructor-wrapper .instructors li .title, .course-info .view-profile .wrapper-profile-sections .instructor-wrapper .instructors li .title, .view-profile .course-info .wrapper-profile-sections .instructor-wrapper .instructors li .title, .course-info .container .instructor-wrapper .instructors li .name, .course-info section.outside-app .instructor-wrapper .instructors li .name, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructors li .name, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructor-wrapper .instructors li .name, .course-info .view-profile .wrapper-profile-sections .instructor-wrapper .instructors li .name, .view-profile .course-info .wrapper-profile-sections .instructor-wrapper .instructors li .name {
  display: inline-block;
  font-weight: 600;
  color: #09092d;
  font-size: 16px;
  margin: 0;
}

.course-info .container .instructor-wrapper .instructors li .org, .course-info section.outside-app .instructor-wrapper .instructors li .org, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructors li .org, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructor-wrapper .instructors li .org, .course-info .view-profile .wrapper-profile-sections .instructor-wrapper .instructors li .org, .view-profile .course-info .wrapper-profile-sections .instructor-wrapper .instructors li .org, .course-info .container .instructor-wrapper .instructors li .bio, .course-info section.outside-app .instructor-wrapper .instructors li .bio, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructors li .bio, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructor-wrapper .instructors li .bio, .course-info .view-profile .wrapper-profile-sections .instructor-wrapper .instructors li .bio, .view-profile .course-info .wrapper-profile-sections .instructor-wrapper .instructors li .bio {
  display: block;
  font-weight: 300;
  text-align: center;
}

.course-info .container .instructor-wrapper .instructors li .title, .course-info section.outside-app .instructor-wrapper .instructors li .title, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructors li .title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .instructor-wrapper .instructors li .title, .course-info .view-profile .wrapper-profile-sections .instructor-wrapper .instructors li .title, .view-profile .course-info .wrapper-profile-sections .instructor-wrapper .instructors li .title {
  clear: left;
}

.course-info .container .learner-reviews-wrapper, .course-info section.outside-app .learner-reviews-wrapper, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-reviews-wrapper, .course-info .view-profile .wrapper-profile-sections .learner-reviews-wrapper, .view-profile .course-info .wrapper-profile-sections .learner-reviews-wrapper {
  padding-bottom: 30px;
}

@media (max-width: 768px) {
  .course-info .container .learner-reviews-wrapper, .course-info section.outside-app .learner-reviews-wrapper, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-reviews-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-reviews-wrapper, .course-info .view-profile .wrapper-profile-sections .learner-reviews-wrapper, .view-profile .course-info .wrapper-profile-sections .learner-reviews-wrapper {
    margin-top: 25px;
  }
}

.course-info .container .learner-unroll-button, .course-info section.outside-app .learner-unroll-button, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button, .course-info .view-profile .wrapper-profile-sections .learner-unroll-button, .view-profile .course-info .wrapper-profile-sections .learner-unroll-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  margin-top: 20px;
}

.course-info .container .learner-unroll-button:hover, .course-info section.outside-app .learner-unroll-button:hover, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button:hover, .course-info .view-profile .wrapper-profile-sections .learner-unroll-button:hover, .view-profile .course-info .wrapper-profile-sections .learner-unroll-button:hover, .course-info .container .learner-unroll-button.active, .course-info section.outside-app .learner-unroll-button.active, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button.active, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button.active, .course-info .view-profile .wrapper-profile-sections .learner-unroll-button.active, .view-profile .course-info .wrapper-profile-sections .learner-unroll-button.active {
  text-decoration: none;
}

.course-info .container .learner-unroll-button .icon, .course-info section.outside-app .learner-unroll-button .icon, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button .icon, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button .icon, .course-info .view-profile .wrapper-profile-sections .learner-unroll-button .icon, .view-profile .course-info .wrapper-profile-sections .learner-unroll-button .icon, .course-info .container .learner-unroll-button .fa, .course-info section.outside-app .learner-unroll-button .fa, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button .fa, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button .fa, .course-info .view-profile .wrapper-profile-sections .learner-unroll-button .fa, .view-profile .course-info .wrapper-profile-sections .learner-unroll-button .fa, .course-info .container .learner-unroll-button .fas, .course-info section.outside-app .learner-unroll-button .fas, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button .fas, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button .fas, .course-info .view-profile .wrapper-profile-sections .learner-unroll-button .fas, .view-profile .course-info .wrapper-profile-sections .learner-unroll-button .fas, .course-info .container .learner-unroll-button .far, .course-info section.outside-app .learner-unroll-button .far, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button .far, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button .far, .course-info .view-profile .wrapper-profile-sections .learner-unroll-button .far, .view-profile .course-info .wrapper-profile-sections .learner-unroll-button .far, .course-info .container .learner-unroll-button .fal, .course-info section.outside-app .learner-unroll-button .fal, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button .fal, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button .fal, .course-info .view-profile .wrapper-profile-sections .learner-unroll-button .fal, .view-profile .course-info .wrapper-profile-sections .learner-unroll-button .fal {
  margin-right: 5px;
}

.course-info .container .learner-unroll-button:hover, .course-info section.outside-app .learner-unroll-button:hover, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button:hover, .course-info .view-profile .wrapper-profile-sections .learner-unroll-button:hover, .view-profile .course-info .wrapper-profile-sections .learner-unroll-button:hover, .course-info .container .learner-unroll-button.active, .course-info section.outside-app .learner-unroll-button.active, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button.active, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button.active, .course-info .view-profile .wrapper-profile-sections .learner-unroll-button.active, .view-profile .course-info .wrapper-profile-sections .learner-unroll-button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.course-info .container .learner-unroll-button:focus, .course-info section.outside-app .learner-unroll-button:focus, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button:focus, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button:focus, .course-info .view-profile .wrapper-profile-sections .learner-unroll-button:focus, .view-profile .course-info .wrapper-profile-sections .learner-unroll-button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.course-info .container .learner-unroll-button[disabled], .course-info section.outside-app .learner-unroll-button[disabled], .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button[disabled], .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button[disabled], .course-info .view-profile .wrapper-profile-sections .learner-unroll-button[disabled], .view-profile .course-info .wrapper-profile-sections .learner-unroll-button[disabled], .course-info .container .learner-unroll-button.disabled, .course-info section.outside-app .learner-unroll-button.disabled, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button.disabled, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button.disabled, .course-info .view-profile .wrapper-profile-sections .learner-unroll-button.disabled, .view-profile .course-info .wrapper-profile-sections .learner-unroll-button.disabled, .course-info .container .learner-unroll-button:disabled, .course-info section.outside-app .learner-unroll-button:disabled, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button:disabled, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button:disabled, .course-info .view-profile .wrapper-profile-sections .learner-unroll-button:disabled, .view-profile .course-info .wrapper-profile-sections .learner-unroll-button:disabled, .course-info .container .learner-unroll-button.is-disabled, .course-info section.outside-app .learner-unroll-button.is-disabled, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .learner-unroll-button.is-disabled, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .learner-unroll-button.is-disabled, .course-info .view-profile .wrapper-profile-sections .learner-unroll-button.is-disabled, .view-profile .course-info .wrapper-profile-sections .learner-unroll-button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.course-info .container #unenroll_error, .course-info section.outside-app #unenroll_error, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy #unenroll_error, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy #unenroll_error, .course-info .view-profile .wrapper-profile-sections #unenroll_error, .view-profile .course-info .wrapper-profile-sections #unenroll_error {
  border: 1px solid #ca1111;
  color: #8f0e0e;
  display: none;
  padding: 12px;
  margin-top: 5px;
}

.course-info .container .disabled-button-prompt, .course-info section.outside-app .disabled-button-prompt, .course-info .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .disabled-button-prompt, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info .u-field-account_privacy .disabled-button-prompt, .course-info .view-profile .wrapper-profile-sections .disabled-button-prompt, .view-profile .course-info .wrapper-profile-sections .disabled-button-prompt {
  padding: 10px;
  color: #09092d;
  font-size: 12px;
  box-shadow: none;
  border: 0 none;
}

#class_enroll_form {
  display: none;
}

.course-info:not(.course-print) .container, .course-info:not(.course-print) section.outside-app, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy, .course-info:not(.course-print) .view-profile .wrapper-profile-sections, .view-profile .course-info:not(.course-print) .wrapper-profile-sections {
  padding: 32px 32px;
}

.course-info:not(.course-print) .container .course-pre-requisite, .course-info:not(.course-print) section.outside-app .course-pre-requisite, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-pre-requisite, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .course-pre-requisite, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .course-pre-requisite, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .course-pre-requisite {
  margin-bottom: 24px;
}

.course-info:not(.course-print) .container .course-pre-requisite .course-pre-requisite-container, .course-info:not(.course-print) section.outside-app .course-pre-requisite .course-pre-requisite-container, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container {
  background-color: #fff8de;
  top: 388px;
  left: 32px;
  padding: 16px;
  gap: 8px;
  border-radius: 8px;
}

.course-info:not(.course-print) .container .course-pre-requisite .course-pre-requisite-container .title, .course-info:not(.course-print) section.outside-app .course-pre-requisite .course-pre-requisite-container .title, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container .title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container .title, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container .title, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container .title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #967500;
}

.course-info:not(.course-print) .container .course-pre-requisite .course-pre-requisite-container .content, .course-info:not(.course-print) section.outside-app .course-pre-requisite .course-pre-requisite-container .content, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container .content, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container .content, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container .content, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container .content {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #967500;
}

.course-info:not(.course-print) .container .course-pre-requisite .course-pre-requisite-container .content a, .course-info:not(.course-print) section.outside-app .course-pre-requisite .course-pre-requisite-container .content a, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container .content a, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container .content a, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container .content a, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container .content a {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #3535cd;
}

@media (max-width: 576px) {
  .course-info:not(.course-print) .container .details .user-summary, .course-info:not(.course-print) section.outside-app .details .user-summary, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .details .user-summary, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .details .user-summary, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .details .user-summary, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .details .user-summary {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .course-info:not(.course-print) .container .details .user-summary .trophies, .course-info:not(.course-print) section.outside-app .details .user-summary .trophies, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .details .user-summary .trophies, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .details .user-summary .trophies, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .details .user-summary .trophies, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .details .user-summary .trophies {
    float: none;
    margin-left: 0;
  }
}

@media (max-width: 576px) {
  .course-info:not(.course-print) .container .intro:not(:last-child), .course-info:not(.course-print) section.outside-app .intro:not(:last-child), .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro:not(:last-child), .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .intro:not(:last-child), .course-info:not(.course-print) .view-profile .wrapper-profile-sections .intro:not(:last-child), .view-profile .course-info:not(.course-print) .wrapper-profile-sections .intro:not(:last-child), .course-info:not(.course-print) .container .pre-requisites:not(:last-child), .course-info:not(.course-print) section.outside-app .pre-requisites:not(:last-child), .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .pre-requisites:not(:last-child), .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .pre-requisites:not(:last-child), .course-info:not(.course-print) .view-profile .wrapper-profile-sections .pre-requisites:not(:last-child), .view-profile .course-info:not(.course-print) .wrapper-profile-sections .pre-requisites:not(:last-child), .course-info:not(.course-print) .container .instructors:not(:last-child), .course-info:not(.course-print) section.outside-app .instructors:not(:last-child), .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructors:not(:last-child), .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .instructors:not(:last-child), .course-info:not(.course-print) .view-profile .wrapper-profile-sections .instructors:not(:last-child), .view-profile .course-info:not(.course-print) .wrapper-profile-sections .instructors:not(:last-child) {
    margin-bottom: 30px;
  }
}

.course-info:not(.course-print) .container .intro, .course-info:not(.course-print) section.outside-app .intro, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .intro, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .intro, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .intro {
  height: 225px;
}

@media (max-width: 576px) {
  .course-info:not(.course-print) .container .intro, .course-info:not(.course-print) section.outside-app .intro, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .intro, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .intro, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .intro {
    height: max-content;
  }
}

.course-info:not(.course-print) .container .intro .course-image, .course-info:not(.course-print) section.outside-app .intro .course-image, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-image, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .intro .course-image, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .intro .course-image, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .intro .course-image {
  border-radius: 8px;
  border: 1px solid #d7d7e4;
}

.course-info:not(.course-print) .container .intro .course-image .media .hero, .course-info:not(.course-print) section.outside-app .intro .course-image .media .hero, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-image .media .hero, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .intro .course-image .media .hero, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .intro .course-image .media .hero, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .intro .course-image .media .hero {
  width: 400px;
  height: 225px;
}

.course-info:not(.course-print) .container .intro .course-image .media .hero img, .course-info:not(.course-print) section.outside-app .intro .course-image .media .hero img, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-image .media .hero img, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .intro .course-image .media .hero img, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .intro .course-image .media .hero img, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .intro .course-image .media .hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 576px) {
  .course-info:not(.course-print) .container .intro .course-image .media .hero img, .course-info:not(.course-print) section.outside-app .intro .course-image .media .hero img, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-image .media .hero img, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .intro .course-image .media .hero img, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .intro .course-image .media .hero img, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .intro .course-image .media .hero img {
    border-top-right-radius: 8px;
  }
}

@media (max-width: 576px) {
  .course-info:not(.course-print) .container .intro .course-image .media .hero, .course-info:not(.course-print) section.outside-app .intro .course-image .media .hero, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-image .media .hero, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .intro .course-image .media .hero, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .intro .course-image .media .hero, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .intro .course-image .media .hero {
    width: 100%;
  }
}

.course-info:not(.course-print) .container .intro .course-description, .course-info:not(.course-print) section.outside-app .intro .course-description, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .intro .course-description, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .intro .course-description, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .intro .course-description {
  display: flex;
  align-items: center;
  border: 1px solid #d7d7e4;
}

.course-info:not(.course-print) .container .intro .course-description .description, .course-info:not(.course-print) section.outside-app .intro .course-description .description, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro .course-description .description, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .intro .course-description .description, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .intro .course-description .description, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .intro .course-description .description {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

@media (max-width: 576px) {
  .course-info:not(.course-print) .container .instructor-wrapper .instructors, .course-info:not(.course-print) section.outside-app .instructor-wrapper .instructors, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructors, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .instructor-wrapper .instructors, .course-info:not(.course-print) .view-profile .wrapper-profile-sections .instructor-wrapper .instructors, .view-profile .course-info:not(.course-print) .wrapper-profile-sections .instructor-wrapper .instructors {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 576px) {
  .course-info:not(.course-print) .container .instructor-wrapper .instructors li:not(:last-child), .course-info:not(.course-print) section.outside-app .instructor-wrapper .instructors li:not(:last-child), .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .instructor-wrapper .instructors li:not(:last-child), .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy .instructor-wrapper .instructors li:not(:last-child), .course-info:not(.course-print) .view-profile .wrapper-profile-sections .instructor-wrapper .instructors li:not(:last-child), .view-profile .course-info:not(.course-print) .wrapper-profile-sections .instructor-wrapper .instructors li:not(:last-child) {
    padding-right: 0;
  }
}

@media (max-width: 576px) {
  .course-info:not(.course-print) .container, .course-info:not(.course-print) section.outside-app, .course-info:not(.course-print) .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-info:not(.course-print) .u-field-account_privacy, .course-info:not(.course-print) .view-profile .wrapper-profile-sections, .view-profile .course-info:not(.course-print) .wrapper-profile-sections {
    padding: 32px 16px;
  }
}

.course-info .learner-reviews-container,
.view-program-about .learner-reviews-container {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-template-areas: "average distribution" "summary distribution";
  justify-items: stretch;
  column-gap: 48px;
  row-gap: 8px;
  max-width: 720px;
  padding: 16px 32px;
}

@media (max-width: 576px) {
  .course-info .learner-reviews-container,
.view-program-about .learner-reviews-container {
    display: flex;
    flex-direction: column;
  }
}

.course-info .learner-reviews-container .rating-average,
.view-program-about .learner-reviews-container .rating-average {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 52px;
  line-height: 68px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.course-info .learner-reviews-container .learner-rating-summary,
.view-program-about .learner-reviews-container .learner-rating-summary {
  flex: 0 0 40%;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  margin: 4px 4px 4px 0;
}

.course-info .learner-reviews-container .learner-rating-summary .rating-stars,
.view-program-about .learner-reviews-container .learner-rating-summary .rating-stars {
  margin: 8px 0;
  display: flex;
  align-items: center;
  gap: 4px;
}

.course-info .learner-reviews-container .learner-rating-summary .rating-stars .star,
.view-program-about .learner-reviews-container .learner-rating-summary .rating-stars .star {
  font-size: 20px;
  color: #f3c316;
}

.course-info .learner-reviews-container .learner-rating-summary .rating-stars .rating-count,
.view-program-about .learner-reviews-container .learner-rating-summary .rating-stars .rating-count {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin-left: 4px;
  color: #4c4c8e;
}

.course-info .learner-reviews-container .learner-rating-summary .user-rating-text,
.view-program-about .learner-reviews-container .learner-rating-summary .user-rating-text {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #4c4c8e;
}

.course-info .learner-reviews-container .learner-rating-summary .rate-button,
.view-program-about .learner-reviews-container .learner-rating-summary .rate-button {
  width: fit-content;
}

.course-info .learner-reviews-container .learner-rating-distribution,
.view-program-about .learner-reviews-container .learner-rating-distribution {
  grid-area: distribution;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: repeat(5, 1fr);
  flex-direction: column;
  gap: 8px;
}

.course-info .learner-reviews-container .learner-rating-distribution .rating-bar,
.view-program-about .learner-reviews-container .learner-rating-distribution .rating-bar {
  display: flex;
  grid-column: 1 / 4;
  align-items: center;
  gap: 8px;
}

@supports (grid-template-columns: subgrid) {
  .course-info .learner-reviews-container .learner-rating-distribution .rating-bar,
.view-program-about .learner-reviews-container .learner-rating-distribution .rating-bar {
    display: grid;
    grid-template-columns: subgrid;
  }
}

.course-info .learner-reviews-container .learner-rating-distribution .rating-bar .rating-label,
.view-program-about .learner-reviews-container .learner-rating-distribution .rating-bar .rating-label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.course-info .learner-reviews-container .learner-rating-distribution .rating-bar .bar,
.view-program-about .learner-reviews-container .learner-rating-distribution .rating-bar .bar {
  flex: 1;
  height: 10px;
  background-color: #ebebf1;
  border-radius: 4px;
  overflow: hidden;
}

.course-info .learner-reviews-container .learner-rating-distribution .rating-bar .bar .bar-fill,
.view-program-about .learner-reviews-container .learner-rating-distribution .rating-bar .bar .bar-fill {
  height: 100%;
  background-color: #5959eb;
  border-radius: 4px 0 0 4px;
}

.course-info .learner-reviews-container .learner-rating-distribution .rating-bar .rating-percent,
.view-program-about .learner-reviews-container .learner-rating-distribution .rating-bar .rating-percent {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #4c4c8e;
}

.course-print {
  height: 210mm !important;
  width: 297mm !important;
  background-color: white !important;
  margin: 0 auto !important;
}

.course-print .container, .course-print section.outside-app, .course-print .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-print .u-field-account_privacy, .course-print .view-profile .wrapper-profile-sections, .view-profile .course-print .wrapper-profile-sections {
  border: none !important;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15) !important;
  background-color: #ffffff !important;
  border-radius: 8px !important;
  padding-top: 40px !important;
}

.course-print .container .intro, .course-print section.outside-app .intro, .course-print .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .intro, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-print .u-field-account_privacy .intro, .course-print .view-profile .wrapper-profile-sections .intro, .view-profile .course-print .wrapper-profile-sections .intro {
  margin-bottom: 20px;
  border-radius: 8px;
  border: 1px solid #d7d7e4;
}

.course-print .container .course-pre-requisite, .course-print section.outside-app .course-pre-requisite, .course-print .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-pre-requisite, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-print .u-field-account_privacy .course-pre-requisite, .course-print .view-profile .wrapper-profile-sections .course-pre-requisite, .view-profile .course-print .wrapper-profile-sections .course-pre-requisite {
  margin-bottom: 24px;
}

.course-print .container .course-pre-requisite .course-pre-requisite-container, .course-print section.outside-app .course-pre-requisite .course-pre-requisite-container, .course-print .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-print .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container, .course-print .view-profile .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container, .view-profile .course-print .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container {
  background-color: #fff8de;
  top: 388px;
  left: 32px;
  padding: 16px;
  gap: 8px;
  border-radius: 8px;
}

.course-print .container .course-pre-requisite .course-pre-requisite-container .title, .course-print section.outside-app .course-pre-requisite .course-pre-requisite-container .title, .course-print .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container .title, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-print .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container .title, .course-print .view-profile .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container .title, .view-profile .course-print .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container .title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #967500;
}

.course-print .container .course-pre-requisite .course-pre-requisite-container .content, .course-print section.outside-app .course-pre-requisite .course-pre-requisite-container .content, .course-print .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container .content, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-print .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container .content, .course-print .view-profile .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container .content, .view-profile .course-print .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container .content {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #967500;
}

.course-print .container .course-pre-requisite .course-pre-requisite-container .content a, .course-print section.outside-app .course-pre-requisite .course-pre-requisite-container .content a, .course-print .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container .content a, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-print .u-field-account_privacy .course-pre-requisite .course-pre-requisite-container .content a, .course-print .view-profile .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container .content a, .view-profile .course-print .wrapper-profile-sections .course-pre-requisite .course-pre-requisite-container .content a {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #3535cd;
}

.course-print .global-header,
.course-print .course-control,
.course-print .course-material,
.course-print .extend-link {
  display: none !important;
}

.course-print nav.course-banner .welcome-wrapper {
  padding: 8px 0 !important;
}

.course-print nav.course-banner h2, .course-print nav.course-banner i, .course-print nav.course-banner span {
  color: #ffffff !important;
}

.course-print nav.course-banner h2 {
  padding-bottom: 0 !important;
  margin-bottom: 15px !important;
}

.course-print nav.course-banner ul:not(.course-tags-list) li:not(:last-child) {
  padding-right: 15px !important;
}

.course-print .course-description {
  display: flex;
  align-items: center;
  box-shadow: none !important;
  background-color: #ffffff !important;
  padding: 20px !important;
}

.course-print #expand-collapse-outline-all-button {
  display: none !important;
}

.course-print #course-outline-block-tree .fa,
.course-print #course-outline-block-tree .far,
.course-print #course-outline-block-tree .subtitle {
  display: none !important;
}

.course-print #course-outline-block-tree .subtitle {
  display: none !important;
}

.course-print #course-outline-block-tree .accordion-trigger {
  border: none !important;
  background-color: #ffffff !important;
  border-radius: 8px !important;
  width: 96% !important;
}

.course-print #course-outline-block-tree .section-name,
.course-print #course-outline-block-tree .subsection-text {
  padding: 5px !important;
}

.course-print .course-overview-container {
  margin-right: 10mm !important;
}

.course-print .course-overview-container,
.course-print .course-image {
  border: none !important;
  background-color: #ffffff !important;
  max-height: 60mm !important;
}

.course-print .course-overview-container .media .hero,
.course-print .course-image .media .hero {
  width: 400px;
  height: 225px;
}

.course-print .course-overview-container .media .hero img,
.course-print .course-image .media .hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.course-print .course-description .description {
  height: auto !important;
  overflow: auto !important;
  max-height: none !important;
}

.course-print .course-description .description:after {
  background-image: none !important;
}

@media print {
  .course-print span {
    -webkit-print-color-adjust: exact !important;
  }
  .course-print .container, .course-print section.outside-app, .course-print .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .course-print .u-field-account_privacy, .course-print .view-profile .wrapper-profile-sections, .view-profile .course-print .wrapper-profile-sections {
    box-shadow: none !important;
  }
}

.view-in-course-print .main-container {
  background-color: white !important;
}

.view-in-course-print .print-page {
  position: absolute !important;
  top: 5mm !important;
  right: 72mm !important;
}

.view-in-course-print .print-page button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-course-print .print-page button:hover, .view-in-course-print .print-page button.active {
  text-decoration: none;
}

.view-in-course-print .print-page button .icon, .view-in-course-print .print-page button .fa, .view-in-course-print .print-page button .fas, .view-in-course-print .print-page button .far, .view-in-course-print .print-page button .fal {
  margin-right: 5px;
}

.view-in-course-print .print-page button:hover, .view-in-course-print .print-page button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-course-print .print-page button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.view-in-course-print .print-page button[disabled], .view-in-course-print .print-page button.disabled, .view-in-course-print .print-page button:disabled, .view-in-course-print .print-page button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

body.view-in-course .profile-wrapper {
  border: 0 !important;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .icon-file-type, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .csv-file,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .csv-file {
  font-size: 40px;
  padding-bottom: 26px;
  font-weight: 300;
  color: #09092d;
}

body.view-in-course .instructor-dashboard-wrapper-2 {
  border: 0 none;
  box-shadow: none;
}

body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox]) {
  visibility: hidden;
}

body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox]) + span, body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox]) + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox]) + span:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox]) + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox]):checked + span:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox]):checked + label:before {
  content: "";
  color: #5959eb;
}

body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox])[disabled] + span:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox])[disabled] + label:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox]).disabled + span:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox]).disabled + label:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox]):disabled + span:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox]):disabled + label:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox]).is-disabled + span:before, body.view-in-course .instructor-dashboard-wrapper-2 input[type=checkbox]:not(#certificate-regenerating-form input[type=checkbox]).is-disabled + label:before {
  color: #4c4c8e;
}

body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-2 {
  padding: 32px;
}

@media (max-width: 992px) {
  body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-2 {
    padding: 30px 23px;
    padding-left: 23px;
  }
}

@media (max-width: 768px) {
  body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-2 {
    padding: 30px 21px;
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-2 {
    padding: 30px 8px;
    padding-left: 8px;
  }
}

body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-2 .instructor-dashboard-title {
  color: #09092d;
}

body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-2 .hd-3 {
  font-size: 18px;
  font-weight: 600;
  color: #09092d;
}

body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-2 .instructor-dashboard-warning {
  margin-bottom: 20px;
  padding: 20px 40px;
  background-color: #fff8de;
  border-radius: 5px;
  color: #967500;
  font-size: 14px;
  line-height: 24px;
}

body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper {
  background: #fafafa;
  box-shadow: none;
  padding: 17px 0;
}

body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .instructor-nav {
  display: inline-block;
  border-bottom: 1px solid #d7d7e4;
}

@media (max-width: 768px) {
  body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .instructor-nav .nav-item {
    padding-bottom: 10px;
  }
}

body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .instructor-nav .nav-item .btn-link {
  padding: 0;
  margin-right: 20px;
  font-weight: 300;
  font-size: 16px;
  color: #09092d;
  padding-bottom: 3px;
}

body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .instructor-nav .nav-item .btn-link:active, body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .instructor-nav .nav-item .btn-link:hover, body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .instructor-nav .nav-item .btn-link:focus {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  text-decoration: none !important;
  border-bottom: 0;
}

body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .instructor-nav .nav-item .btn-link.active-section {
  border-bottom: 2px solid #5959eb;
  color: #5959eb;
}

body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .idash-section h3#header-course_info,
body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .idash-section h3#header-membership,
body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .idash-section h3#header-cohort_management,
body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .idash-section h3#header-discussions_management,
body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .idash-section h3#header-student_admin,
body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .idash-section h3#header-data_download,
body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .idash-section h3#header-open_response_assessment,
body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .idash-section h3#header-special_exams {
  display: none;
}

body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper .idash-section hr {
  border-top: 1px solid #d7d7e4;
  width: 100%;
  margin: 2em auto;
}

body.view-in-course .instructor-dashboard-wrapper-2 .request-res-section,
body.view-in-course .instructor-dashboard-wrapper-2 .request-res-error-section,
body.view-in-course .instructor-dashboard-wrapper-2 .results .message,
body.view-in-course .instructor-dashboard-wrapper-2 .request-response,
body.view-in-course .instructor-dashboard-wrapper-2 .request-response-error {
  color: #09092d;
  padding: 10px 10px 10px 50px;
  text-align: left;
  font-size: 12px;
  box-shadow: none;
  border: 0 none;
}

body.view-in-course .instructor-dashboard-wrapper-2 .request-res-section h3,
body.view-in-course .instructor-dashboard-wrapper-2 .request-res-error-section h3,
body.view-in-course .instructor-dashboard-wrapper-2 .results .message h3,
body.view-in-course .instructor-dashboard-wrapper-2 .request-response h3,
body.view-in-course .instructor-dashboard-wrapper-2 .request-response-error h3 {
  color: #09092d !important;
  text-transform: uppercase;
  font-size: inherit;
  font-weight: 600;
  line-height: initial;
  margin-bottom: 0;
}

body.view-in-course .instructor-dashboard-wrapper-2 .request-res-section ul,
body.view-in-course .instructor-dashboard-wrapper-2 .request-res-error-section ul,
body.view-in-course .instructor-dashboard-wrapper-2 .results .message ul,
body.view-in-course .instructor-dashboard-wrapper-2 .request-response ul,
body.view-in-course .instructor-dashboard-wrapper-2 .request-response-error ul {
  font-size: inherit;
  line-height: initial;
  padding: 0;
}

body.view-in-course .instructor-dashboard-wrapper-2 .request-res-section .message-copy,
body.view-in-course .instructor-dashboard-wrapper-2 .request-res-error-section .message-copy,
body.view-in-course .instructor-dashboard-wrapper-2 .results .message .message-copy,
body.view-in-course .instructor-dashboard-wrapper-2 .request-response .message-copy,
body.view-in-course .instructor-dashboard-wrapper-2 .request-response-error .message-copy {
  font-size: 12px;
}

body.view-in-course .instructor-dashboard-wrapper-2 .request-res-section,
body.view-in-course .instructor-dashboard-wrapper-2 .results .message.message-confirmation,
body.view-in-course .instructor-dashboard-wrapper-2 .request-response.msg.msg-confirm {
  border-left: 3px solid #23ab41;
  background: rgba(35, 171, 65, 0.25);
}

@media (max-width: 768px) {
  body.view-in-course .instructor-dashboard-wrapper-2 .request-res-section,
body.view-in-course .instructor-dashboard-wrapper-2 .results .message.message-confirmation,
body.view-in-course .instructor-dashboard-wrapper-2 .request-response.msg.msg-confirm {
    margin-left: 0;
  }
}

body.view-in-course .instructor-dashboard-wrapper-2 .request-res-section:before,
body.view-in-course .instructor-dashboard-wrapper-2 .results .message.message-confirmation:before,
body.view-in-course .instructor-dashboard-wrapper-2 .request-response.msg.msg-confirm:before {
  position: relative;
  left: -30px;
  width: auto;
  float: left;
  color: #23ab41;
  font-family: "Font Awesome 7 Pro";
  font-size: 14px;
  content: "\f00c";
}

body.view-in-course .instructor-dashboard-wrapper-2 .request-res-error-section,
body.view-in-course .instructor-dashboard-wrapper-2 .results .message.message-error,
body.view-in-course .instructor-dashboard-wrapper-2 .request-response-error {
  border-left: 3px solid #f22f31;
  background: #fafafa;
  color: #09092d;
}

body.view-in-course .instructor-dashboard-wrapper-2 .running-tasks-container .no-pending-tasks-message p {
  font-style: normal;
  color: #4c4c8e;
}

.proctoring-wrapper,
.proctoring-wrapper .exam-allowances-content,
.proctoring-wrapper .exam-attempts-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.proctoring-wrapper ds-pagination,
.proctoring-wrapper .exam-allowances-content ds-pagination,
.proctoring-wrapper .exam-attempts-content ds-pagination {
  align-self: flex-end;
}

.proctoring-wrapper .top-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.proctoring-wrapper .top-header h3 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.proctoring-wrapper .table-wrapper {
  padding: 1px;
  overflow-x: auto;
}

.proctoring-wrapper table .remove_allowance,
.proctoring-wrapper table .remove-attempt {
  color: #f22f31;
}

.proctoring-wrapper table .remove_allowance:hover, .proctoring-wrapper table .remove_allowance:active,
.proctoring-wrapper table .remove-attempt:hover,
.proctoring-wrapper table .remove-attempt:active {
  color: #e01517;
}

.modal:has(.modal-header.add-new-allowance), .leanModal_box:has(.modal-header.add-new-allowance) {
  padding: 0;
}

.modal:has(.modal-header.add-new-allowance) .modal-header, .leanModal_box:has(.modal-header.add-new-allowance) .modal-header {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  padding: 16px 24px;
}

.modal:has(.modal-header.add-new-allowance) .error-response, .leanModal_box:has(.modal-header.add-new-allowance) .error-response {
  color: #f22f31;
}

.modal:has(.modal-header.add-new-allowance) .error-response:empty, .leanModal_box:has(.modal-header.add-new-allowance) .error-response:empty {
  display: none;
}

.modal:has(.modal-header.add-new-allowance) form .fields, .leanModal_box:has(.modal-header.add-new-allowance) form .fields {
  padding: 0 24px 16px;
}

.modal:has(.modal-header.add-new-allowance) form .fields, .leanModal_box:has(.modal-header.add-new-allowance) form .fields, .modal:has(.modal-header.add-new-allowance) form .fields .field, .leanModal_box:has(.modal-header.add-new-allowance) form .fields .field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.modal:has(.modal-header.add-new-allowance) form .fields ds-dropdown, .leanModal_box:has(.modal-header.add-new-allowance) form .fields ds-dropdown, .modal:has(.modal-header.add-new-allowance) form .fields .ds-input, .leanModal_box:has(.modal-header.add-new-allowance) form .fields .ds-input {
  width: 100%;
}

.modal:has(.modal-header.add-new-allowance) form .fields ds-dropdown, .leanModal_box:has(.modal-header.add-new-allowance) form .fields ds-dropdown {
  z-index: unset;
}

.modal:has(.modal-header.add-new-allowance) form .fields ds-dropdown + span, .leanModal_box:has(.modal-header.add-new-allowance) form .fields ds-dropdown + span {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.01em;
  text-indent: 0px;
  color: #7a7aae;
}

.modal:has(.modal-header.add-new-allowance) .modal-footer, .leanModal_box:has(.modal-header.add-new-allowance) .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 16px 24px;
  border-top: 1px solid #d7d7e4;
}

@media (max-width: 576px) {
  .modal:has(.modal-header.add-new-allowance), .leanModal_box:has(.modal-header.add-new-allowance) {
    width: calc(100vw - 24px * 2);
  }
}

#course_info .hd-4 {
  color: #09092d;
  font-size: 18px;
}

#course_info .basic-wrapper {
  display: block;
  margin-bottom: 0;
}

#course_info .basic-wrapper ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#course_info .basic-wrapper .board-layer {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #fafafa;
  margin-right: 26px;
  margin-bottom: 20px;
  width: 260px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  float: left;
}

#course_info .basic-wrapper .board-layer:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

@media (max-width: 768px) {
  #course_info .basic-wrapper .board-layer {
    width: 100%;
    height: auto;
  }
}

figure #course_info .basic-wrapper .board-layer {
  width: 220px;
}

#course_info .basic-wrapper .board-layer img {
  max-width: 90%;
  margin: auto;
}

#course_info .basic-wrapper .board-layer figcaption {
  text-align: center;
  display: none;
}

#course_info .basic-wrapper .board-layer li {
  position: relative;
}

#course_info .basic-wrapper .board-layer li label {
  font-size: 14px;
  line-height: 16px;
  color: #4c4c8e;
  margin-bottom: 0;
}

#course_info .basic-wrapper .board-layer li b {
  font-size: 16px;
  font-weight: 400;
}

#course_info .basic-wrapper .board-layer li label, #course_info .basic-wrapper .board-layer li b {
  display: block;
}

#course_info .basic-wrapper .course-primary-info, #course_info .basic-wrapper .detail-enrollments {
  padding-left: 50px;
}

@media (max-width: 768px) {
  #course_info .basic-wrapper .course-primary-info, #course_info .basic-wrapper .detail-enrollments {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

#course_info .basic-wrapper .course-primary-info li, #course_info .basic-wrapper .detail-enrollments li {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#course_info .basic-wrapper .course-primary-info li:not(:last-child), #course_info .basic-wrapper .detail-enrollments li:not(:last-child) {
  padding-bottom: 20px;
}

#course_info .basic-wrapper .course-primary-info i, #course_info .basic-wrapper .detail-enrollments i {
  position: absolute;
  left: -25px;
  color: #5959eb;
}

#course_info .basic-wrapper .course-status {
  padding-left: 30px;
}

@media (max-width: 768px) {
  #course_info .basic-wrapper .course-status {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

#course_info .basic-wrapper .course-status li:not(:last-child) {
  padding-bottom: 30px;
}

#course_info .basic-wrapper .course-status b {
  position: relative;
  padding-left: 30px;
}

#course_info .basic-wrapper .course-status i {
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 14px;
  font-weight: 400;
}

#course_info .basic-wrapper .course-status i.fa-check {
  color: #23ab41;
}

#course_info .basic-wrapper .course-status i.fa-times {
  color: #f22f31;
}

#course_info .basic-wrapper .board-wrapper {
  display: flex;
  flex-direction: column;
  width: 200px;
  height: 200px;
}

@media (max-width: 768px) {
  #course_info .basic-wrapper .board-wrapper {
    flex-direction: row;
    width: 100%;
    height: auto;
  }
}

#course_info .basic-wrapper .board-wrapper .half-board-layer {
  flex: 0.5;
  display: flex;
  flex-direction: column;
  padding-left: 50px;
  justify-content: center;
}

@media (max-width: 768px) {
  #course_info .basic-wrapper .board-wrapper .half-board-layer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

#course_info .basic-wrapper .board-wrapper .half-board-layer:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  #course_info .basic-wrapper .board-wrapper .half-board-layer:not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
}

#course_info .basic-wrapper .board-wrapper .half-board-layer i {
  position: relative;
  left: -25px;
  top: 40px;
  color: #5959eb;
}

#course_info .basic-wrapper .board-wrapper .half-board-layer label {
  color: #4c4c8e;
  font-size: 12px;
  margin: 0;
}

#course_info .basic-wrapper .board-wrapper .half-board-layer b {
  font-size: 36px;
  line-height: 30px;
}

#course_info .basic-wrapper .board-wrapper .half-board-layer label, #course_info .basic-wrapper .board-wrapper .half-board-layer b {
  position: relative;
  top: -10px;
}

#course_info .basic-wrapper .board-wrapper #field-grade-cutoffs b {
  font-size: 20px;
}

#course_info .basic-wrapper .board-wrapper #field-grade-cutoffs b.pass {
  font-size: 26px;
}

#course_info .basic-wrapper .board-wrapper .passing-percent span {
  font-size: 10px;
  font-weight: 600;
}

#course_info .basic-wrapper ul.list-input {
  display: none;
}

#course_info .basic-wrapper .git-logs {
  display: none;
}

#course_info .basic-wrapper .total-enrollments {
  width: fit-content;
  padding: 20px;
  float: none;
}

@media (max-width: 768px) {
  #course_info .basic-wrapper .total-enrollments {
    width: 100%;
  }
}

#course_info .basic-wrapper .total-enrollments p.tip {
  font-size: 10px;
  color: #4c4c8e;
}

#course_info .basic-wrapper .total-enrollments i {
  position: relative;
  left: -25px;
  top: 40px;
  color: #5959eb;
}

#course_info .basic-wrapper .total-enrollments label {
  color: #5959eb;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
  margin-bottom: 20px;
}

#course_info .basic-wrapper .total-enrollments b {
  font-size: 36px;
  line-height: 30px;
}

#course_info .basic-wrapper .total-enrollments label, #course_info .basic-wrapper .total-enrollments b {
  position: relative;
  top: -10px;
}

#course_info .basic-wrapper .detail-enrollments {
  display: none;
}

#course_info .running-tasks-container {
  display: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .membership-section {
  margin-bottom: 0 !important;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv p,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv p {
  padding-bottom: 20px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn {
  padding: 20px 30px;
  float: left;
  border: 2px dashed #cecece;
  text-align: center;
  width: 40%;
  border-radius: 8px;
  margin: 0;
}

@media (max-width: 576px) {
  .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn {
    width: 100%;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn > *,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn > * {
  display: block;
  margin: 0 auto;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn label,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn label {
  text-align: center;
  padding-bottom: 20px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse {
  position: static;
  width: 280px;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse {
    width: auto;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  margin-left: 0;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse.active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse.active {
  text-decoration: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse .icon, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse .fa, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse .fas, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse .far, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse .fal,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse .icon,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse .fa,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse .fas,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse .far,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse .fal {
  margin-right: 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse.active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse[disabled], .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse.disabled, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse:disabled, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse.is-disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse[disabled],
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse.disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .customBrowseBtn .file-browse .browse i,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .customBrowseBtn .file-browse .browse i {
  padding-right: 6px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .action-wrapper,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .action-wrapper {
  float: right;
  width: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
}

@media (max-width: 576px) {
  .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .action-wrapper,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .action-wrapper {
    width: 100%;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .action-wrapper .file-field-wrapper,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .action-wrapper .file-field-wrapper {
  overflow: hidden;
  padding-bottom: 60px;
  width: 60%;
  text-align: left;
  position: relative;
}

@media (max-width: 576px) {
  .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .action-wrapper .file-field-wrapper,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .action-wrapper .file-field-wrapper {
    padding-bottom: 20px;
    width: 80%;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .action-wrapper .file-field-wrapper .file_field,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .action-wrapper .file-field-wrapper .file_field {
  display: none;
  width: 100%;
  margin-left: -90px;
  padding-bottom: 6px;
  font-weight: 600;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .action-wrapper .file-field-wrapper .file-name,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .action-wrapper .file-field-wrapper .file-name {
  width: 220px;
  display: inline-block;
  font-size: 14px;
  padding-bottom: 6px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .action-wrapper .file-field-wrapper .file-size,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .action-wrapper .file-field-wrapper .file-size {
  font-size: 12px;
  padding-left: 20px;
  color: #09092d;
  font-weight: 600;
}

@media (max-width: 576px) {
  .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .action-wrapper .file-field-wrapper .file-size,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .action-wrapper .file-field-wrapper .file-size {
    padding-left: 0;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .action-wrapper .file-field-wrapper .progress-bar,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .action-wrapper .file-field-wrapper .progress-bar {
  background-color: #dcdcdc;
  height: 2px;
  width: 100%;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .action-wrapper .file-field-wrapper .progress-bar i,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .action-wrapper .file-field-wrapper .progress-bar i {
  position: absolute;
  background-color: #5959eb;
  width: 0%;
  height: 2px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv #browseFileUpdate,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv #browseFile,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv #browseFileUpdate,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv #browseFile {
  display: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv > label,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv > label {
  display: inline-block;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv.draghovering,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv.draghovering {
  background-color: #fafafa;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv > .hd-3:first-child,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers > .hd-3:first-child,
.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management > .hd-3:first-child {
  margin-bottom: 16px;
  font-weight: 600;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv textarea,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv textarea,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers textarea {
  display: block;
  border: 1px solid #ececec;
  border-radius: 8px;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  padding: 16px;
  font-style: italic;
  margin-top: 16px !important;
  margin-bottom: 16px;
  width: 100% !important;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button], .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit],
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button],
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit],
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button],
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit] {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 12px 22px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button]:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button].active, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit]:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit].active {
  text-decoration: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button] .icon, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button] .fa, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button] .fas, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button] .far, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button] .fal, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit] .icon, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit] .fa, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit] .fas, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit] .far, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit] .fal,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button] .icon,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button] .fa,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button] .fas,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button] .far,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button] .fal,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit] .icon,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit] .fa,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit] .fas,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit] .far,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit] .fal,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button] .icon,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button] .fa,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button] .fas,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button] .far,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button] .fal,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit] .icon,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit] .fa,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit] .fas,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit] .far,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit] .fal {
  margin-right: 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button]:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button].active, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit]:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit].active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button]:focus, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit]:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button][disabled], .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button].disabled, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button]:disabled, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=button].is-disabled, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit][disabled], .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit].disabled, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit]:disabled, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv button[type=submit].is-disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button][disabled],
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button].disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button]:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=button].is-disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit][disabled],
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit].disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit]:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv button[type=submit].is-disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button][disabled],
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button].disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button]:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=button].is-disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit][disabled],
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit].disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit]:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers button[type=submit].is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll], .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove],
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll],
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove],
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll],
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove] {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 12px 22px;
  font-size: 16px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll]:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll].active, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove]:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove].active {
  text-decoration: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll] .icon, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll] .fa, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll] .fas, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll] .far, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll] .fal, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove] .icon, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove] .fa, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove] .fas, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove] .far, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove] .fal,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll] .icon,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll] .fa,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll] .fas,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll] .far,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll] .fal,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove] .icon,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove] .fa,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove] .fas,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove] .far,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove] .fal,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll] .icon,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll] .fa,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll] .fas,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll] .far,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll] .fal,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove] .icon,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove] .fa,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove] .fas,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove] .far,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove] .fal {
  margin-right: 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll], .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll]:focus, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove], .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll],
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove],
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll],
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove],
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove]:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll]:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll].active, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove]:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll].active,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove]:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove].active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll][disabled], .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll].disabled, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll]:disabled, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll].is-disabled, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove][disabled], .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove].disabled, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove]:disabled, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove].is-disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll][disabled],
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll].disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll]:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll].is-disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove][disabled],
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove].disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove]:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove].is-disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll][disabled],
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll].disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll]:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll].is-disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove][disabled],
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove].disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove]:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove].is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll][disabled]:focus, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll].disabled:focus, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll]:disabled:focus, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll].is-disabled:focus, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove][disabled]:focus, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove].disabled:focus, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove]:disabled:focus, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove].is-disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll][disabled]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll].disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll]:disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll].is-disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove][disabled]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove].disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove]:disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove].is-disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll][disabled]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll].disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll]:disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll].is-disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove][disabled]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove].disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove]:disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove].is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll]:focus, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove]:focus {
  text-shadow: none;
  color: #ffffff;
  background-color: #cecece !important;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=unenroll]:focus:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[data-action=remove]:focus:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=unenroll]:focus:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[data-action=remove]:focus:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=unenroll]:focus:hover,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[data-action=remove]:focus:hover {
  background-color: #ffffff !important;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox],
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox],
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox] {
  visibility: hidden;
  margin-right: 10px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox] + span, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox] + label,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox] + span,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox] + label,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox] + span,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox] + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox] + span:before, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox] + label:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox] + span:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox] + label:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox] + span:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox] + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox]:checked + span:before, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox]:checked + label:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox]:checked + span:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox]:checked + label:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox]:checked + span:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox]:checked + label:before {
  content: "";
  color: #5959eb;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox][disabled] + span:before, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox][disabled] + label:before, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox].disabled + span:before, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox].disabled + label:before, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox]:disabled + span:before, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox]:disabled + label:before, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox].is-disabled + span:before, .instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv input[type=checkbox].is-disabled + label:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox][disabled] + span:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox][disabled] + label:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox].disabled + span:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox].disabled + label:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox]:disabled + span:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox]:disabled + label:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox].is-disabled + span:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv input[type=checkbox].is-disabled + label:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox][disabled] + span:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox][disabled] + label:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox].disabled + span:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox].disabled + label:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox]:disabled + span:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox]:disabled + label:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox].is-disabled + span:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers input[type=checkbox].is-disabled + label:before {
  color: #4c4c8e;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv textarea[name=reason-field],
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv textarea[name=reason-field],
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers textarea[name=reason-field] {
  height: 180px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .action-wrapper,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .action-wrapper,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers .action-wrapper {
  text-align: center;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv #update-results,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv #register-enroll-results,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv #update-results,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv #register-enroll-results,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers #update-results,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers #register-enroll-results {
  padding-top: 10px;
  margin-bottom: 30px;
  clear: both;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .loading-wrapper .loading-button,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .loading-wrapper .loading-button,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers .loading-wrapper .loading-button {
  padding-left: 50px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_enroll_csv .loading-wrapper .loading-button:hover + .icon:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .auto_update_csv .loading-wrapper .loading-button:hover + .icon:before,
.instructor-dashboard-wrapper-2 section.idash-section#membership .batch-beta-testers .loading-wrapper .loading-button:hover + .icon:before {
  color: #4c4c4c;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .member-lists-selector {
  display: inline-block !important;
  margin-left: 15px !important;
  padding: 5px 50px 5px 20px !important;
  border: 1px solid #f4f4f4;
  border-radius: 16px;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

@media (max-width: 576px) {
  .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .member-lists-selector {
    display: block !important;
    margin-left: 0 !important;
    margin-top: 10px;
    width: 100%;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .wrapper-member-select {
  background-color: inherit !important;
  padding: 0 0 10px 0 !important;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .info {
  color: #09092d !important;
  border: 0 !important;
  padding: 0 0 30px !important;
  font-size: 16px !important;
  -webkit-font-smoothing: antialiased;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list {
  padding-bottom: 30px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list thead {
  background-color: transparent !important;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list thead th:first-child {
  width: 110px;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list thead th:first-child {
    width: 50px;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list tbody tr:nth-of-type(odd) {
  background-color: #fafafa;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list tbody td:first-child {
  padding-left: 25px;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list tbody td:first-child {
    padding-left: 5px;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list tr {
  border-bottom: 0 !important;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list th,
.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list td {
  border-left: 0 !important;
  border-right: 0 !important;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list th {
  text-transform: uppercase;
  color: #09092d;
  padding: 16px 5px !important;
  font-weight: 600;
  font-size: 16px !important;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list th {
    font-size: 11px !important;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list td {
  color: #09092d !important;
  font-weight: 300;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .member-list .portrait {
  width: 37px;
  border-radius: 20px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar .add-field {
  width: 40%;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar .note {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar .add-field {
    width: 80%;
  }
}

@media (max-width: 576px) {
  .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar .add-field {
    width: 100%;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add {
  all: initial;
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add.active {
  text-decoration: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add .icon, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add .fa, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add .fas, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add .far, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add .fal {
  margin-right: 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add[disabled], .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add.disabled, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add:disabled, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add:focus:not(:disabled) {
  border: none;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add {
    left: auto;
    right: 0;
  }
}

@media (max-width: 576px) {
  .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar input[type="button"].add {
    left: 0;
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 576px) {
  .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .member-list-widget .bottom-bar > label {
    display: block;
    margin-bottom: 10px;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .revoke {
  align-items: center;
  display: flex;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .revoke:hover, .instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .revoke:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
}

.instructor-dashboard-wrapper-2 section.idash-section#membership .member-lists-management .auth-list-container .revoke .icon {
  color: #5959eb;
  font-size: 18px;
  padding-right: 10px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management #header-cohort_management {
  display: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox] {
  visibility: hidden;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox] + span, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox] + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox] + span:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox] + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox]:checked + span:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox]:checked + label:before {
  content: "";
  color: #5959eb;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox][disabled] + span:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox][disabled] + label:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox].disabled + span:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox].disabled + label:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox]:disabled + span:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox]:disabled + label:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox].is-disabled + span:before, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=checkbox].is-disabled + label:before {
  color: #4c4c8e;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management input[type=radio]:checked + span:before {
  font-weight: 400;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .message-confirmation,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .message-error,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .message-warning {
  border-top: 2px solid #09092d;
  background-color: #fafafa;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .message-confirmation .message-title,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .message-error .message-title,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .message-warning .message-title {
  color: #09092d;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohorts-state-section {
  padding: 13px 30px;
  margin-bottom: 30px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings {
  background: transparent;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-details, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-details,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add {
  border-top-left-radius: 0;
  position: relative;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-header,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-header {
  background: transparent;
  align-items: center;
  display: flex;
  padding-bottom: 15px;
}

@media (max-width: 576px) {
  .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-header,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-header h3.group-header-title,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-header h3.group-header-title {
  border-bottom: 0;
  flex: 0.2;
  padding: 0;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-header h3.group-header-title,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-header h3.group-header-title {
    flex: 0.35;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-header h3.group-header-title .title-value,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-header h3.group-header-title .title-value {
  font-size: 16px;
  font-weight: 400;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-header h3.group-header-title .group-count,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-header h3.group-header-title .group-count {
  background: #5959eb;
  border-radius: 4px;
  font-size: 11px;
  padding: 0px 6px;
  color: #ffffff;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-header .cohort-management-group-setup,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-header .cohort-management-group-setup {
  flex: 0.8;
  color: #09092d;
  padding: 0;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-header .cohort-management-group-setup,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-header .cohort-management-group-setup {
    flex: 0.65;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-header .cohort-management-group-setup .setup-value,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-header .cohort-management-group-setup .setup-value {
  width: auto;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add {
  padding: 15px 20px 80px 20px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-fields .tip, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-introduction p,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-fields .tip,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-introduction p {
  color: #09092d;
  font-style: italic;
  font-size: 16px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-fields,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-fields {
  padding: 0;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-fields .label,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-fields .label {
  font-weight: 400;
  font-size: 16px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-fields .tip,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-fields .tip {
  margin-top: 0;
  float: left;
  margin: 0;
  padding: 10px 0 0 0;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-fields .tip,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-fields .tip {
    float: none;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-group-add .form-actions,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-group-add .form-actions {
  padding: 15px 10px 0 0px;
  right: 0;
  position: absolute;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-details,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-details {
  padding: 15px 20px 0px 20px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .cohort-management-details hr,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .cohort-management-details hr {
  display: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions > *,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions > * {
  border-radius: 8px;
  padding: 14px 30px;
  font-size: 16px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit:hover, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit.active,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit.active {
  text-decoration: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit .icon, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit .fa, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit .fas, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit .far, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit .fal,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit .icon,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit .fa,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit .fas,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit .far,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit .fal {
  margin-right: 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit:hover, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit.active,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit:focus,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit[disabled], .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit.disabled, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit:disabled, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-submit.is-disabled,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit[disabled],
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit.disabled,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-submit.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  margin-right: 10px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel:hover, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel.active,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel.active {
  text-decoration: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel .icon, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel .fa, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel .fas, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel .far, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel .fal,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel .icon,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel .fa,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel .fas,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel .far,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel .fal {
  margin-right: 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel:focus,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel:hover, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel.active,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel[disabled], .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel.disabled, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel:disabled, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel.is-disabled,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel[disabled],
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel.disabled,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel[disabled]:focus, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel.disabled:focus, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel:disabled:focus, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .form-actions .form-cancel.is-disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel[disabled]:focus,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel.disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel:disabled:focus,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .form-actions .form-cancel.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .field:not(:last-child),
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .field:not(:last-child) {
  padding-bottom: 15px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.cohort-management-settings .field-radio label,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management section.cohort-management-settings .field-radio label {
  padding-left: 9px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management hr {
  margin: 0 0 30px 10%;
  position: static;
  width: 80%;
  border-top-width: 1px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav .cohort-select {
  padding: 5px 10px;
  border: 0;
  margin: 0;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav .cohort-select:hover, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav .cohort-select:focus {
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav .cohort-management-nav-form {
  padding-right: 10px;
}

@media (max-width: 576px) {
  .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav .cohort-management-nav-form {
    padding-right: 0;
    width: 100%;
    padding-bottom: 10px;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create {
  margin-bottom: 0;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create:hover, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create.active,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create.active {
  text-decoration: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create .icon, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create .fa, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create .fas, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create .far, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create .fal,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create .icon,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create .fa,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create .fas,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create .far,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create .fal {
  margin-right: 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create:hover, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create.active,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create:focus,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create[disabled], .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create.disabled, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create:disabled, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create.is-disabled,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create[disabled],
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create.disabled,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create:disabled,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create:hover,
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create:hover {
  background-image: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-nav button.action-create:focus:not(:disabled),
.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .message .message-actions button.action-create:focus:not(:disabled) {
  border: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-add-form .cohort-management-settings {
  background: transparent;
  margin-bottom: 40px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-add-form .cohort-management-settings .form-title {
  background: transparent;
  border-bottom: 0;
  padding: 15px 25px;
  margin: 0;
  border: 1px solid #5959eb;
  color: #5959eb;
  display: flex;
  align-items: center;
  border-top-right-radius: 8px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-add-form .cohort-management-settings .form-title span {
  flex: 1;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-add-form .cohort-management-settings .form-title i {
  cursor: pointer;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-add-form .cohort-management-settings .tab-content {
  padding: 15px 20px 0px 20px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort-management-add-form .cohort-management-settings .form-fields hr {
  display: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort_user_list_container {
  padding: 30px 0px;
  margin-top: 30px;
  border-top: 1px solid var(--color-neutral-20, #d7d7e4);
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort_user_list_container .cohort_users_list_title {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  margin: 0px 0px 23px 3px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort_user_list_container .cohort_users_list .users_list_table {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort_user_list_container .cohort_users_list .users_list_table .table_header {
  font-size: 14px;
  font-weight: 700;
  background: var(--color-neutral-10, #ebebf1);
  border-radius: 5px 5px var(--border-radius-border-radius-sharp, 0px) var(--border-radius-border-radius-sharp, 0px);
  opacity: 0.6;
  height: 40px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort_user_list_container .cohort_users_list .users_list_table .table_header .user_cell {
  padding-left: 30px;
  vertical-align: middle;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort_user_list_container .cohort_users_list .users_list_table .table_row {
  font-size: 14px;
  height: 35px;
  border: var(--border-radius-border-radius-sharp, 1px) solid var(--color-neutral-20, #d7d7e4);
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort_user_list_container .cohort_users_list .users_list_table .table_row .user_cell {
  padding-left: 30px;
  vertical-align: middle;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort_users_list_pagination {
  margin-top: 30px;
  font-size: 14px;
  display: flex;
  justify-content: center;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .cohort_users_list_pagination #id_users_list_selector {
  margin: 0px 5px 0px 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .toggle-cohort-management-secondary {
  font-size: 18px;
  color: #09092d;
  font-weight: 600;
  padding-bottom: 26px;
  outline: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .toggle-cohort-management-secondary:hover, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .toggle-cohort-management-secondary:focus {
  text-decoration: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .toggle-cohort-management-secondary.hidden {
  display: block !important;
  visibility: visible !important;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .outer-wrapper-form {
  display: flex;
  align-items: center;
}

@media (max-width: 576px) {
  .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .outer-wrapper-form {
    flex-direction: column;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .outer-wrapper-form .tip {
  flex: 1;
  text-align: center;
  color: #4c4c8e;
  font-style: italic;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .wrapper-form {
  border: 2px dashed #cecece;
  border-radius: 8px;
  padding: 20px;
  width: 600px;
}

@media (max-width: 576px) {
  .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .wrapper-form {
    width: 100%;
    margin-bottom: 10px;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .subsection-title {
  display: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form {
  text-align: center;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .input-file {
  margin: 0 auto;
  display: flex;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .csv-upload .file-upload-form .action-submit {
  box-shadow: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .cohort-management-supplemental {
  padding: 20px 30px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .cohort-management-supplemental .icon {
  font-weight: 400;
  font-size: 18px;
  margin-right: 20px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .cohort-management-supplemental p {
  font-size: 16px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .cohort-management-supplemental .btn-link {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .cohort-management-supplemental .btn-link:hover, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .cohort-management-supplemental .btn-link:active, .instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management .wrapper-cohort-supplemental .cohort-management-supplemental .btn-link:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management .cohort-management-group {
  padding-bottom: 20px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.tab-content {
  border: 0;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management div.tab-content.new-cohort-form .form-label {
  margin-top: 0;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management ul.wrapper-tabs {
  padding: 0;
  display: flex;
  align-items: flex-end;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management ul.wrapper-tabs .tab button.toggle-button {
  color: #09092d;
  border: 1px solid #e3e3e3;
  margin: 0;
  padding: 9px 30px;
  font-size: 16px;
  font-weight: 400;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management ul.wrapper-tabs .tab:first-child button.toggle-button {
  border-top-right-radius: 0;
  border-top-left-radius: 8px;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management ul.wrapper-tabs .tab:last-child button.toggle-button {
  border-top-right-radius: 8px;
  border-top-left-radius: 0;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management ul.wrapper-tabs .tab.is-selected button.toggle-button {
  border: 1px solid #5959eb;
  color: #5959eb;
  padding: 9px 30px;
  font-weight: 600;
}

.instructor-dashboard-wrapper-2 section.idash-section#cohort_management ul.wrapper-tabs + div {
  background-color: #f22f31;
}

.instructor-dashboard-wrapper-2 section.idash-section#discussions_management #header-discussions_management {
  display: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .division-scheme-container {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 30px;
}

.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .division-scheme-container:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

@media (max-width: 576px) {
  .instructor-dashboard-wrapper-2 section.idash-section#discussions_management .division-scheme-container {
    padding: 20px;
  }
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#discussions_management .division-scheme-container .division-scheme-items {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#discussions_management .division-scheme-container .division-scheme-items .division-scheme-item {
    max-width: 100%;
    padding-bottom: 10px;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .division-scheme-container .division-scheme-label {
  display: block;
  padding-bottom: 3px;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#discussions_management .division-scheme-container .division-scheme-label {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .discussions-management-supplemental {
  margin-top: auto;
  background-color: transparent;
  padding: 0;
}

.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .course-wide-discussions-nav {
  margin-bottom: 30px;
}

.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .hd-3 {
  padding-bottom: 10px;
  font-size: 18px;
}

.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .hd-4 {
  font-size: 16px;
}

.instructor-dashboard-wrapper-2 section.idash-section#discussions_management .form-actions {
  padding-top: 10px;
}

.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.form-submit:focus:not(:disabled) {
  border: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#discussions_management button.form-submit[disabled] {
  box-shadow: none;
}

@media (max-width: 768px) {
  .instructor-dashboard-content-2 section.idash-section#student_admin input[type='text'] {
    width: 100%;
  }
}

section.idash-section#student_admin .hd-3 {
  display: none;
}

section.idash-section#student_admin .hd-4 {
  color: #09092d;
  font-size: 18px;
  padding-bottom: 7px;
}

section.idash-section#student_admin input[type='text'] {
  width: 40%;
}

section.idash-section#student_admin input[type='button'],
section.idash-section#student_admin .gradebook-link,
section.idash-section#student_admin .progress-link {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  text-shadow: none;
}

section.idash-section#student_admin input[type='button']:hover, section.idash-section#student_admin input[type='button'].active,
section.idash-section#student_admin .gradebook-link:hover,
section.idash-section#student_admin .gradebook-link.active,
section.idash-section#student_admin .progress-link:hover,
section.idash-section#student_admin .progress-link.active {
  text-decoration: none;
}

section.idash-section#student_admin input[type='button'] .icon, section.idash-section#student_admin input[type='button'] .fa, section.idash-section#student_admin input[type='button'] .fas, section.idash-section#student_admin input[type='button'] .far, section.idash-section#student_admin input[type='button'] .fal,
section.idash-section#student_admin .gradebook-link .icon,
section.idash-section#student_admin .gradebook-link .fa,
section.idash-section#student_admin .gradebook-link .fas,
section.idash-section#student_admin .gradebook-link .far,
section.idash-section#student_admin .gradebook-link .fal,
section.idash-section#student_admin .progress-link .icon,
section.idash-section#student_admin .progress-link .fa,
section.idash-section#student_admin .progress-link .fas,
section.idash-section#student_admin .progress-link .far,
section.idash-section#student_admin .progress-link .fal {
  margin-right: 5px;
}

section.idash-section#student_admin input[type='button']:hover, section.idash-section#student_admin input[type='button'].active,
section.idash-section#student_admin .gradebook-link:hover,
section.idash-section#student_admin .gradebook-link.active,
section.idash-section#student_admin .progress-link:hover,
section.idash-section#student_admin .progress-link.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

section.idash-section#student_admin input[type='button']:focus,
section.idash-section#student_admin .gradebook-link:focus,
section.idash-section#student_admin .progress-link:focus {
  color: #ffffff;
  background-color: #5959eb;
}

section.idash-section#student_admin input[type='button'][disabled], section.idash-section#student_admin input[type='button'].disabled, section.idash-section#student_admin input[type='button']:disabled, section.idash-section#student_admin input[type='button'].is-disabled,
section.idash-section#student_admin .gradebook-link[disabled],
section.idash-section#student_admin .gradebook-link.disabled,
section.idash-section#student_admin .gradebook-link:disabled,
section.idash-section#student_admin .gradebook-link.is-disabled,
section.idash-section#student_admin .progress-link[disabled],
section.idash-section#student_admin .progress-link.disabled,
section.idash-section#student_admin .progress-link:disabled,
section.idash-section#student_admin .progress-link.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

section.idash-section#student_admin .progress-link-wrapper {
  margin-top: 1em !important;
}

section.idash-section#student_admin .student-specific-container .request-response-error {
  margin-top: 2em;
}

section.idash-section#student_admin .action-type-container label {
  display: block;
}

section.idash-section#student_admin .action-type-container label[for=gradebook-link] {
  display: none;
}

section.idash-section#student_admin input[name='student-select-grade'] {
  margin-bottom: 15px;
}

section.idash-section#student_admin .location-example {
  display: block;
  color: #5959eb;
  font-style: normal !important;
  font-weight: 700;
}

@media (max-width: 768px) {
  section.idash-section#student_admin .location-example {
    word-break: break-all;
  }
}

section.idash-section#student_admin .floating-blocks {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  margin: 0;
  padding: 40px 0 0 0;
}

section.idash-section#student_admin .floating-blocks li {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  list-style: none;
  width: 380px;
  height: 255px;
  margin: 0 30px 40px 0;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

section.idash-section#student_admin .floating-blocks li:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

@media (max-width: 768px) {
  section.idash-section#student_admin .floating-blocks li {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
}

section.idash-section#student_admin .floating-blocks li input[type=button] {
  margin-top: auto;
}

section.idash-section#student_admin .floating-blocks li input[type=button]:last-of-type {
  margin-bottom: 0;
}

section.idash-section#student_admin .floating-blocks li span[name='rescore-actions-all'] {
  margin-top: auto;
  margin-bottom: 0;
}

section.idash-section#student_admin .floating-blocks li span input[type='button'] {
  width: 100%;
}

section.idash-section#student_admin .floating-blocks li .task-history-single-table {
  display: none;
}

section.idash-section#student_admin .floating-blocks li .override-actions-single {
  margin-bottom: 0;
}

section.idash-section#student_admin .floating-blocks .hd-5 {
  font-weight: normal;
}

section.idash-section#student_admin .floating-blocks label {
  font-size: 13px;
  line-height: 21px;
}

section.idash-section#student_admin .floating-blocks input[type='button'] {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

section.idash-section#student_admin .floating-blocks input[type='button']:hover, section.idash-section#student_admin .floating-blocks input[type='button'].active {
  text-decoration: none;
}

section.idash-section#student_admin .floating-blocks input[type='button'] .icon, section.idash-section#student_admin .floating-blocks input[type='button'] .fa, section.idash-section#student_admin .floating-blocks input[type='button'] .fas, section.idash-section#student_admin .floating-blocks input[type='button'] .far, section.idash-section#student_admin .floating-blocks input[type='button'] .fal {
  margin-right: 5px;
}

section.idash-section#student_admin .floating-blocks input[type='button']:hover, section.idash-section#student_admin .floating-blocks input[type='button'].active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

section.idash-section#student_admin .floating-blocks input[type='button']:focus {
  color: #ffffff;
  background-color: #5959eb;
}

section.idash-section#student_admin .floating-blocks input[type='button'][disabled], section.idash-section#student_admin .floating-blocks input[type='button'].disabled, section.idash-section#student_admin .floating-blocks input[type='button']:disabled, section.idash-section#student_admin .floating-blocks input[type='button'].is-disabled {
  color: #ffffff;
  text-shadow: none;
}

section.idash-section#student_admin .floating-blocks input[name='score-select-single'] {
  width: auto !important;
  margin-top: auto;
  margin-bottom: 15px;
}

section.idash-section#student_admin .floating-blocks + hr {
  margin-top: 10px;
}

section.idash-section#student_admin .entrance-exam-grade-container .attempts {
  order: 1;
}

section.idash-section#student_admin .entrance-exam-grade-container .rescore {
  order: 2;
}

section.idash-section#student_admin .entrance-exam-grade-container .score-override {
  order: 5;
}

section.idash-section#student_admin .entrance-exam-grade-container .problem-history {
  order: 4;
}

section.idash-section#student_admin .entrance-exam-grade-container .task-status {
  order: 3;
}

#gradebook {
  padding: 0 !important;
}

#gradebook .fa-undo {
  color: #f22f31;
}

#gradebook span.score {
  padding: 10px 0;
  display: inline-block;
  width: 25px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

#gradebook span[contenteditable="true"] {
  user-select: text;
  -webkit-user-select: text;
  border: 1px solid #ececec;
  outline: none;
  cursor: text;
}

#gradebook .title_gradebook {
  padding-bottom: 10px;
}

#gradebook .search {
  display: flex;
  padding-bottom: 30px;
}

#gradebook .search form.student-search {
  padding: 0 20px 0 0;
  display: flex;
  flex: 1;
  align-items: center;
}

@media (max-width: 768px) {
  #gradebook .search form.student-search {
    padding: 0;
  }
}

#gradebook .search form.student-search i {
  cursor: pointer;
}

#gradebook .search input.student-search-field {
  margin-right: 18px;
  padding-left: 20px;
  height: 40px;
  flex: 0.33;
}

@media (max-width: 768px) {
  #gradebook .search input.student-search-field {
    flex: 1;
  }
}

#gradebook .search input.student-search-field::placeholder {
  color: #4c4c8e;
}

#gradebook .search input.student-search-field ~ i {
  color: #5959eb;
  font-size: 18px;
}

#gradebook .search input[type=submit] {
  display: none;
}

#gradebook .confirm-grade, #gradebook .edit-grade, #gradebook .cancel-grade {
  text-shadow: none;
}

#gradebook .confirm-grade,
#gradebook .edit-grade {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#gradebook .confirm-grade:hover, #gradebook .confirm-grade.active,
#gradebook .edit-grade:hover,
#gradebook .edit-grade.active {
  text-decoration: none;
}

#gradebook .confirm-grade .icon, #gradebook .confirm-grade .fa, #gradebook .confirm-grade .fas, #gradebook .confirm-grade .far, #gradebook .confirm-grade .fal,
#gradebook .edit-grade .icon,
#gradebook .edit-grade .fa,
#gradebook .edit-grade .fas,
#gradebook .edit-grade .far,
#gradebook .edit-grade .fal {
  margin-right: 5px;
}

#gradebook .confirm-grade:hover, #gradebook .confirm-grade.active,
#gradebook .edit-grade:hover,
#gradebook .edit-grade.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#gradebook .confirm-grade:focus,
#gradebook .edit-grade:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#gradebook .confirm-grade[disabled], #gradebook .confirm-grade.disabled, #gradebook .confirm-grade:disabled, #gradebook .confirm-grade.is-disabled,
#gradebook .edit-grade[disabled],
#gradebook .edit-grade.disabled,
#gradebook .edit-grade:disabled,
#gradebook .edit-grade.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#gradebook .cancel-grade {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#gradebook .cancel-grade:hover, #gradebook .cancel-grade.active {
  text-decoration: none;
}

#gradebook .cancel-grade .icon, #gradebook .cancel-grade .fa, #gradebook .cancel-grade .fas, #gradebook .cancel-grade .far, #gradebook .cancel-grade .fal {
  margin-right: 5px;
}

#gradebook .cancel-grade, #gradebook .cancel-grade:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

#gradebook .cancel-grade:hover, #gradebook .cancel-grade.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#gradebook .cancel-grade[disabled], #gradebook .cancel-grade.disabled, #gradebook .cancel-grade:disabled, #gradebook .cancel-grade.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

#gradebook .cancel-grade[disabled]:focus, #gradebook .cancel-grade.disabled:focus, #gradebook .cancel-grade:disabled:focus, #gradebook .cancel-grade.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

#gradebook .gradebook-instructions-wrapper {
  background-color: #fafafa;
  padding: 20px 28px;
  margin-bottom: 30px;
}

#gradebook .gradebook-instructions {
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
}

#gradebook .gradebook-instructions:first-line {
  font-weight: 600;
  font-size: 18px;
}

#gradebook .gradebook-instructions li:first-child {
  padding-top: 10px;
}

#gradebook .grades table.grade-table td, #gradebook table.student-table td {
  border-bottom: 0;
  background: transparent;
  border-left: 0;
}

#gradebook .grades table.grade-table tr:nth-child(odd) td, #gradebook table.student-table tr:nth-child(odd) td {
  border-top: 0;
  border-bottom: 0;
}

#gradebook .grades table.grade-table tr:last-child td, #gradebook table.student-table tr:last-child td {
  border-bottom: 1px solid #f4f4f4;
}

#gradebook table.student-table {
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border-radius: 4px 0 0 4px;
}

@media (max-width: 768px) {
  #gradebook table.student-table {
    width: 34%;
  }
}

#gradebook table.student-table thead th:first-child {
  vertical-align: top;
  box-sizing: border-box;
  padding-top: 5px;
}

#gradebook table.student-table th {
  padding-left: 30px;
  color: grey;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  #gradebook table.student-table th {
    font-size: 11px;
  }
}

#gradebook table.student-table tbody tr:nth-child(odd) td {
  background-color: #fafafa;
}

#gradebook table.student-table tbody tr.highlight td a {
  color: #5959eb;
}

@media (max-width: 768px) {
  #gradebook table.student-table tbody td {
    font-size: 11px;
    padding-left: 5px;
  }
}

#gradebook .grades {
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border-radius: 0 4px 4px 0;
}

@media (max-width: 768px) {
  #gradebook .grades {
    width: 66%;
  }
}

#gradebook .grades table.grade-table {
  width: -webkit-max-content;
  display: -webkit-box;
}

@media (max-width: 768px) {
  #gradebook .grades table.grade-table {
    width: max-content;
  }
}

#gradebook .grades table.grade-table th.high-column {
  color: #5959eb;
  font-size: 16px;
  text-transform: uppercase;
}

#gradebook .grades table.grade-table th.high-column > div {
  min-width: 90px;
}

#gradebook .grades table.grade-table thead tr th {
  box-shadow: none;
  background: transparent;
  border-left: 0;
  color: #09092d;
  vertical-align: baseline;
  width: auto;
}

#gradebook .grades table.grade-table thead tr th > div {
  word-break: break-word;
  width: max-content;
  min-width: 60px;
  max-width: 120px;
  padding: 5px 3px 2px;
  line-height: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
}

#gradebook .grades table.grade-table thead tr th:first-child, #gradebook .grades table.grade-table thead tr th:last-child {
  border-radius: 0;
  box-shadow: none;
}

#gradebook .grades table.grade-table thead tr th:first-child {
  vertical-align: top;
  box-sizing: border-box;
  padding-top: 5px;
}

#gradebook .grades table.grade-table thead tr th:last-child > div {
  padding-right: 10px;
}

#gradebook .grades table.grade-table tr {
  border-right: 0;
}

#gradebook .grades table.grade-table td {
  color: #09092d;
  text-align: left;
  padding-left: 0px;
  text-align: center;
}

@media (max-width: 768px) {
  #gradebook .grades table.grade-table td {
    padding-left: 10px;
  }
}

#gradebook .grades table.grade-table .indicate-icon {
  padding-left: 2px;
}

#gradebook .grades table.grade-table .indicate-icon .fa-arrow-up {
  color: #23ab41;
}

#gradebook .grades table.grade-table .indicate-icon .fa-arrow-down {
  color: #5959eb;
}

#gradebook .indicate-icon {
  display: inline-block;
}

#gradebook .indicate-icon a {
  display: inline-block;
}

#gradebook .indicate-icon a.promote-section, #gradebook .indicate-icon a.undo-grade {
  display: none;
}

#gradebook .student-table .indicate-icon {
  width: 18px;
}

#gradebook .gradebook-footer {
  clear: both;
  padding-top: 30px;
  text-align: center;
  font-size: 14px;
}

#gradebook .active-filter {
  margin: 0 0 20px 28px;
}

#gradebook .active-filter .filter-wrapper {
  display: inline-block;
  border-radius: 16px;
  background-color: #dcdcdc;
}

#gradebook .active-filter .filter-wrapper button {
  border: none;
  background: none;
  padding-left: 12px;
  padding-right: 12px;
  color: #09092d;
  font-weight: 400;
}

#gradebook .active-filter .filter-wrapper button i {
  font-size: 16px;
  margin-left: 5px;
}

#revert-override {
  padding: 20px;
  text-align: center;
}

#revert-override p {
  text-align: center;
  margin-bottom: 30px;
}

#revert-override button.revert-confirm {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#revert-override button.revert-confirm:hover, #revert-override button.revert-confirm.active {
  text-decoration: none;
}

#revert-override button.revert-confirm .icon, #revert-override button.revert-confirm .fa, #revert-override button.revert-confirm .fas, #revert-override button.revert-confirm .far, #revert-override button.revert-confirm .fal {
  margin-right: 5px;
}

#revert-override button.revert-confirm:hover, #revert-override button.revert-confirm.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#revert-override button.revert-confirm:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#revert-override button.revert-confirm[disabled], #revert-override button.revert-confirm.disabled, #revert-override button.revert-confirm:disabled, #revert-override button.revert-confirm.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#revert-override button.revert-cancel {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#revert-override button.revert-cancel:hover, #revert-override button.revert-cancel.active {
  text-decoration: none;
}

#revert-override button.revert-cancel .icon, #revert-override button.revert-cancel .fa, #revert-override button.revert-cancel .fas, #revert-override button.revert-cancel .far, #revert-override button.revert-cancel .fal {
  margin-right: 5px;
}

#revert-override button.revert-cancel, #revert-override button.revert-cancel:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

#revert-override button.revert-cancel:hover, #revert-override button.revert-cancel.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#revert-override button.revert-cancel[disabled], #revert-override button.revert-cancel.disabled, #revert-override button.revert-cancel:disabled, #revert-override button.revert-cancel.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

#revert-override button.revert-cancel[disabled]:focus, #revert-override button.revert-cancel.disabled:focus, #revert-override button.revert-cancel:disabled:focus, #revert-override button.revert-cancel.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

section.idash-section#data_download #anonymized-ids,
section.idash-section#data_download #profile-reports,
section.idash-section#data_download input[name='calculate-grades-csv'],
section.idash-section#data_download input[name='problem-grade-report'] {
  display: none !important;
}

section.idash-section#data_download .hd-3 {
  padding-bottom: 7px;
}

section.idash-section#data_download h4 {
  font-size: 1.1em;
  padding-bottom: 14px;
}

section.idash-section#data_download input[type=button] {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

section.idash-section#data_download input[type=button]:hover, section.idash-section#data_download input[type=button].active {
  text-decoration: none;
}

section.idash-section#data_download input[type=button] .icon, section.idash-section#data_download input[type=button] .fa, section.idash-section#data_download input[type=button] .fas, section.idash-section#data_download input[type=button] .far, section.idash-section#data_download input[type=button] .fal {
  margin-right: 5px;
}

section.idash-section#data_download input[type=button]:hover, section.idash-section#data_download input[type=button].active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

section.idash-section#data_download input[type=button]:focus {
  color: #ffffff;
  background-color: #5959eb;
}

section.idash-section#data_download input[type=button][disabled], section.idash-section#data_download input[type=button].disabled, section.idash-section#data_download input[type=button]:disabled, section.idash-section#data_download input[type=button].is-disabled {
  color: #ffffff;
  text-shadow: none;
}

section.idash-section#data_download pre {
  font-size: 14px;
}

section.idash-section#data_download .detailed-action-type-container {
  padding: 40px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

section.idash-section#data_download .detailed-action-type-container .detailed-action-type {
  border: 1px solid #d7d7e4;
  border-radius: 8px;
  background: #ffffff;
  width: calc(100% - 40px);
  height: 162px;
  margin: 0 30px 40px 0;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 768px) {
  section.idash-section#data_download .detailed-action-type-container .detailed-action-type {
    height: auto;
    margin-right: 0;
  }
}

section.idash-section#data_download .detailed-action-type-container .detailed-action-type p {
  font-size: 13px;
  line-height: 21px;
}

section.idash-section#data_download .detailed-action-type-container .detailed-action-type p:last-of-type {
  margin-bottom: 0;
  margin-top: 16px;
}

section.idash-section#data_download .detailed-action-type-container .detailed-action-type p .quizzes-dropdown {
  width: 100%;
  z-index: auto;
}

@media (max-width: 768px) {
  section.idash-section#data_download .detailed-action-type-container .detailed-action-type p .quizzes-dropdown {
    padding-bottom: 20px;
  }
}

section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button] {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button]:hover, section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button].active {
  text-decoration: none;
}

section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button] .icon, section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button] .fa, section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button] .fas, section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button] .far, section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button] .fal {
  margin-right: 5px;
}

section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button]:hover, section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button].active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button]:focus {
  color: #ffffff;
  background-color: #5959eb;
}

section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button][disabled], section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button].disabled, section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button]:disabled, section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[type=button].is-disabled {
  color: #ffffff;
  text-shadow: none;
}

section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[name=problem-location] {
  line-height: 43px;
}

@media (max-width: 768px) {
  section.idash-section#data_download .detailed-action-type-container .detailed-action-type input[name=problem-location] {
    width: 100%;
  }
}

section.idash-section#data_download .detailed-action-type-container .issued_certificates,
section.idash-section#data_download .detailed-action-type-container .grades {
  height: 110px;
}

section.idash-section#data_download .detailed-action-type-container .issued_certificates p:first-of-type,
section.idash-section#data_download .detailed-action-type-container .grades p:first-of-type {
  padding-bottom: 10px;
}

section.idash-section#data_download .certificate-data-display-table .slickgrid {
  height: 150px !important;
}

section.idash-section#data_download .certificate-data-display-table .slickgrid .slick-header-column.ui-state-default {
  height: auto;
}

section.idash-section#data_download .reports-download-container .report-downloads-table {
  margin: 20px 0;
  background: #ffffff;
}

section.idash-section#data_download .reports-download-container .report-downloads-table .slickgrid {
  height: 252px !important;
  border: 1px solid #d7d7e4;
  padding: 10px 0 10px 20px !important;
}

section.idash-section#data_download .reports-download-container .report-downloads-table .slickgrid:after {
  display: none;
}

section.idash-section#data_download .reports-download-container .report-downloads-table .slickgrid .slick-header {
  display: none;
}

section.idash-section#data_download .reports-download-container .report-downloads-table .slickgrid .slick-row {
  background: #ffffff;
  padding: 10px 0;
}

section.idash-section#data_download .reports-download-container .report-downloads-table .slickgrid .slick-cell {
  border: 0;
  border-collapse: initial;
  font-weight: 600;
  line-height: 20px;
  padding: 0;
  background: #ffffff;
  width: calc(100% - 24px);
}

section.idash-section#data_download .reports-download-container .report-downloads-table .slickgrid .slick-cell span {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  line-height: 20px;
  color: #5959eb;
}

section.idash-section#data_download .reports-download-container .report-downloads-table .slickgrid .slick-cell a {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  line-height: 20px;
  color: #5959eb;
  text-decoration: none;
}

section.idash-section#data_download .reports-download-container .report-downloads-table .slickgrid .slick-cell a:hover {
  line-height: 20px;
  text-decoration: underline !important;
}

section.idash-section#data_download .reports-download-container .report-downloads-table .slickgrid .slick-viewport {
  height: 100% !important;
  overflow: hidden !important;
}

section.idash-section#data_download .reports-download-container .report-downloads-table .slickgrid.extended:after {
  content: '\f325';
}

section.idash-section#data_download .reports-download-container .report-downloads-table .slickgrid.extended .slick-viewport {
  overflow-y: auto !important;
}

section.idash-section#data_download .running-tasks-container hr {
  padding-bottom: 10px;
}

section.idash-section#data_download .running-tasks-container #pending_tasks_view table {
  width: 100%;
  border: 1px hidden #d7d7e4;
  border-radius: 8px;
  outline: 1px solid #d7d7e4;
  border-collapse: collapse;
  table-layout: auto;
  transition: all 0.1s ease;
  will-change: opacity;
  background: #ffffff;
  margin-top: 20px;
}

section.idash-section#data_download .running-tasks-container #pending_tasks_view table thead {
  border-bottom: 1px solid #b0b0cd;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #6767a5;
}

section.idash-section#data_download .running-tasks-container #pending_tasks_view table thead td {
  padding: 14px 12px;
  border-color: #b0b0cd;
}

section.idash-section#data_download .running-tasks-container #pending_tasks_view table thead td:has(> i) {
  cursor: pointer;
}

section.idash-section#data_download .running-tasks-container #pending_tasks_view table thead td > i {
  margin-left: 8px;
}

section.idash-section#data_download .running-tasks-container #pending_tasks_view table tbody {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #3f3f82;
}

section.idash-section#data_download .running-tasks-container #pending_tasks_view table tbody td {
  padding: 10px 12px;
}

section.idash-section#data_download .running-tasks-container #pending_tasks_view table tbody td .item-type, section.idash-section#data_download .running-tasks-container #pending_tasks_view table tbody td .ds-tag {
  margin-right: 1ch;
}

section.idash-section#data_download .running-tasks-container #pending_tasks_view table tbody td .ds-tag {
  text-transform: capitalize;
}

section.idash-section#data_download .running-tasks-container #pending_tasks_view table tbody td a {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #5959eb;
}

section.idash-section#data_download .running-tasks-container #pending_tasks_view table td {
  border-bottom: 1px solid #d7d7e4;
}

section.idash-section#data_download .running-tasks-container #pending_tasks_view table td:first-child {
  padding-left: calc(20px + 12px);
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management #header-ilt_module_management {
  display: none;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-height: fit-content;
  max-width: 1376px;
  width: 100% !important;
  background-color: white;
  border-radius: 8px;
  border: 0px;
  padding: 20px 0px 20px 0px;
}

@media (max-width: 992px) {
  .instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box {
    width: calc(100% - 20px);
    min-width: 300px;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .title-header {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
  color: #09092d;
  line-height: 24px;
  padding: 0px 25px 0px 25px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .title-header .fa {
  font-size: 20px;
  font-weight: 700;
  color: #1f1f59;
  cursor: pointer;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .bulk-enrollment {
  padding: 25px 25px 0px 25px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #09092d;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .bulk-enrollment .title {
  margin: 5px 0px 5px 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .bulk-enrollment .learner-array {
  position: relative;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .bulk-enrollment .learner-array .bulk-enrollment-icon {
  font-size: 10px;
  position: absolute;
  left: 10px;
  top: 10px;
  color: #7a7aae;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .bulk-enrollment .learner-array textarea {
  width: 100%;
  height: 60px;
  padding: 10px 10px 10px 26px;
  border-radius: 4px;
  border: 1px solid #b0b0cd;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .bulk-enrollment .introduction {
  margin: 10px 0px 5px 0px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  color: #7a7aae;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .bulk-enrollment .notification-checkbox {
  display: flex;
  align-items: center;
  margin: 20px 0px 20px 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .bulk-enrollment .notification-checkbox input {
  margin-right: 10px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .bulk-enrollment .bulk-enroll-button {
  padding: 5px 0px 20px 0px;
  border-bottom: 1px solid #d7d7e4;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table {
  padding: 10px 25px 10px 25px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .tool-bar {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0px 10px 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .tool-bar .ilt-button {
  margin-left: 10px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .instruction-text-container {
  display: flex;
  align-items: start;
  justify-content: space-between;
  border-radius: 8px;
  margin: 15px 0px 0px 0px;
  color: #00476a;
  background-color: #def4ff;
  padding: 15px 20px 15px 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table {
  margin-top: 15px;
  border: 1px solid #b0b0cd;
  border-radius: 8px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  color: #1f1f59;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor input[type=checkbox] {
  visibility: visible;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor .title-row {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #1f1f59;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor .title-row tr {
  height: 45px;
  vertical-align: middle;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor .title-row tr th {
  min-width: 310px;
  padding: 0px 0px 0px 15px;
  vertical-align: middle;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor .title-row tr th:first-child {
  width: 51px;
  min-width: 51px;
  text-align: center;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor .title-row tr th:last-child {
  min-width: 150px;
  width: 260px;
  text-align: right;
  padding-right: 30px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor .data-row tr {
  height: 45px;
  vertical-align: middle;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor .data-row tr td {
  min-width: 310px;
  padding: 0px 0px 0px 15px;
  vertical-align: middle;
  border-top: 1px solid #b0b0cd;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor .data-row tr td:first-child {
  width: 51px;
  min-width: 51px;
  text-align: center;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor .data-row tr td:last-child {
  min-width: 150px;
  width: 260px;
  text-align: right;
  padding-right: 30px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor .data-row tr td .unenroll-button {
  cursor: pointer;
  width: fit-content;
  height: fit-content;
  padding: 3px 5px;
  background-color: #ebebf1;
  border-radius: 4px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor .data-row tr td .present_label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  border-radius: 2px;
  color: #007018;
  background-color: #aaefb9;
  padding: 4px 8px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor .data-row tr td .absent_label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  border-radius: 2px;
  color: #aa0608;
  background-color: #feb9ba;
  padding: 4px 8px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .learners-table .class-learner-editor .data-row tr td .unknown_label {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  border-radius: 2px;
  color: #1f1f59;
  background-color: #d7d7e4;
  padding: 4px 8px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .pagination-bar {
  display: flex;
  justify-content: flex-end;
  margin: 20px 0px 0px 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .enrolled-learners-table .pagination-bar ds-pagination {
  margin: 10px 0px 0px 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .bulk-enrollment-container-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  padding: 20px 25px 20px 25px;
  border-top: 1px solid #ebebf1;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .bulk-enrollment-container-actions .first-button {
  margin-right: 10px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-manage-class-container .manage-class-box .bulk-enrollment-container-actions .second-button {
  margin-right: 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-button {
  color: #1f1f59;
  background-color: #ebebf1;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-button:hover {
  color: white;
  background-color: #5959eb;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .location-url {
  margin-left: 5px;
  text-decoration: underline;
  color: #3535cd;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management {
  background-color: white;
  border-radius: 8px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content {
  margin: 0px 15px 0px 15px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-content-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  padding: 15px 0px 15px 0px;
  border-bottom: 1px solid #d7d7e4;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .time-zone-setting {
  display: flex;
  align-items: start;
  justify-content: space-between;
  border-radius: 8px;
  margin: 20px 0px 0px 0px;
  color: #00476a;
  background-color: #def4ff;
  padding: 15px 20px 15px 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .time-zone-setting .timezone-prompt {
  margin-bottom: 15px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .time-zone-setting .timezone-area {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #00476a;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .time-zone-setting .close-prompt-button {
  width: 24px;
  height: 24px;
  cursor: pointer;
  font-size: 20px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .time-zone-setting .set-timezone-button {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 5px 10px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-module-selector {
  margin-bottom: 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-module-selector .selector-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 20px 0px 5px 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-module-selector .selector-container .ilt-selector {
  z-index: 99;
  min-width: 690px;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-module-selector .selector-container .ilt-selector {
    width: 100%;
    min-width: 450px;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-filter {
  display: flex;
  justify-content: space-between;
  padding: 15px 0px 20px 0px;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-filter {
    display: flex;
    flex-wrap: wrap;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-filter ds-dropdown {
  margin-right: 5px;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-filter ds-dropdown {
    margin: 3px 0px 3px 0px;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-filter ds-datepicker {
  margin-right: 5px;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-filter ds-datepicker {
    margin: 3px 0px 3px 0px;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-filter .filter {
  height: auto;
  width: 100%;
  min-width: 110px !important;
  margin-right: 5px;
  z-index: 95;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-filter .filter {
    margin: 3px 0px 3px 0px;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-filter .filter-icon {
  width: 35px;
  height: 35px;
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-filter .filter-icon {
    margin: 3px 0px 3px 0px;
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .format-type {
  display: flex;
  justify-content: space-between;
  margin: 15px 0px 15px 0px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .format-type .jump-to-courseware {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .format-type .format-buttons {
  display: flex;
  cursor: pointer;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .format-type .format-buttons .grid-type {
  padding: 5px 12px 5px 12px;
  border-radius: 5px 0px 0px 5px;
  background-color: #ebebf1;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .format-type .format-buttons .list-type {
  padding: 5px 12px 5px 12px;
  border-radius: 0px 5px 5px 0px;
  background-color: #ebebf1;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .format-type .format-buttons .formt-text {
  margin-left: 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .format-type .format-buttons .selected-format {
  background-color: #c4c4d8 !important;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .total-number {
  font-size: 14px;
  font-weight: 700;
  padding: 20px 0px 25px 0px;
  border-top: 1px solid #d7d7e4;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-grid-sessions {
  display: grid;
  column-gap: 20px;
  grid-template-columns: repeat(3, minmax(300px, 1fr));
}

@media (max-width: 992px) {
  .instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-grid-sessions {
    display: grid;
    column-gap: 20px;
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}

@media (max-width: 768px) {
  .instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-grid-sessions {
    display: grid;
    column-gap: 0px;
    grid-template-columns: repeat(1, minmax(300px, 1fr));
  }
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions {
  padding-bottom: 10px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box {
  display: flex;
  min-height: auto !important;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box .session-date-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 55px;
  margin: 25px 0px;
  padding: 0px 20px;
  border-right: 1px solid #d7d7e4;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box .session-date-card .session-day {
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box .session-date-card .session-month {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box .session-date-card .session-year {
  font-size: 12px;
  margin-top: 6px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card {
  width: 100%;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .session-summary {
  margin: 8px 0px 0px 0px !important;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .recurrence-settings-in-list {
  font-weight: 700;
  margin-bottom: 15px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .flexible-location-info {
  display: flex;
  min-height: auto !important;
  margin-bottom: 15px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .other-info {
  display: flex;
  justify-content: space-between;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .other-info .other-info-left {
  display: flex;
  margin: 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .other-info .other-info-left .skill-level-name {
  margin: 0px 10px 0px 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .other-info .other-info-left .language-name {
  margin: 0px 10px 0px 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .other-info .other-info-left .facilitator-name {
  margin: 0px 10px 0px 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .other-info .manage-class-button {
  margin: 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item {
  width: auto;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  border-radius: 10px;
  margin: 0px 0px 15px 0px;
  color: #1f1f59;
  border: 1px solid #d7d7e4;
  min-height: 260px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info {
  padding: 10px 17px 20px 17px;
  height: 68%;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .location-icon {
  width: 23px;
  display: inline-block;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .card-text {
  margin: 0px 5px 0px 10px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary {
  display: flex;
  justify-content: space-between;
  margin: 8px 0px 8px 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .date-time {
  display: flex;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1f1f59;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .date-time .session-date {
  width: 110px;
  margin-right: 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .date-time .session-time {
  width: fit-content;
  min-width: 90px;
  margin-right: 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .date-time .session-duration {
  width: fit-content;
  min-width: 70px;
  margin-right: 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .date-time .recurrence-settings {
  margin-bottom: 0px;
  padding-top: 1px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .list-class-type {
  width: 120px;
  height: 20px;
  text-align: center;
  font-size: 10px;
  line-height: 18px;
  font-weight: 700;
  padding: 3px 5px 3px 5px;
  border-radius: 3px;
  color: #1f1f59;
  background-color: #d7d7e4;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .grid-class-type {
  width: 25px;
  font-size: 14px;
  height: 20px;
  text-align: center;
  line-height: 18px;
  font-weight: 700;
  padding: 3px 5px 3px 5px;
  border-radius: 3px;
  color: #1f1f59;
  background-color: #d7d7e4;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .address-bar {
  display: flex;
  justify-content: flex-start;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .address-bar .city,
.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .address-bar .address,
.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .address-bar .meeting-room {
  margin: 5px 10px 8px 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .address-bar .city .loc_info,
.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .address-bar .address .loc_info,
.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .address-bar .meeting-room .loc_info {
  margin-left: 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .location-info {
  min-height: 70px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .location-info .level,
.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .location-info .city,
.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .location-info .address,
.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .location-info .meeting-room {
  margin-bottom: 3px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .location-info .meeting-url {
  margin: 0px 0px 10px 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .location-info .extra-info {
  margin: 0px 0px 0px 5px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .location-info .extra-info-list {
  margin: 0px 0px 0px 15px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .recurrence-settings {
  font-weight: 700;
  margin-bottom: 15px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .level {
  display: flex;
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #4c4c8e;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .level .skill-level {
  margin: 0px 10px 0px 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .item-info .level .language {
  margin: 0px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .option-bar {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 10px 20px 10px 20px;
  border-top: 1px solid #ebebf1;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .option-bar .facilitator .title {
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .option-bar .facilitator-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .option-bar .facilitator-list .title {
  font-weight: 700;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .option-bar .options {
  display: flex;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .option-bar .options .calendar {
  display: flex;
  margin: 10px 15px 0px 0px;
  cursor: pointer;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .option-bar .options .calendar .text {
  margin: 0px 10px 0px 10px;
}

.instructor-dashboard-wrapper-2 section.idash-section#ilt_module_management .ilt-module-management-content .ilt-session-tabs .ilt-sessions .session-item .option-bar .options .ds-button {
  height: 36px;
}

.container > div.instructor-dashboard-wrapper-2 section.idash-section#open_response_assessment .open-response-assessment, section.outside-app > div.instructor-dashboard-wrapper-2 section.idash-section#open_response_assessment .open-response-assessment, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy > div.instructor-dashboard-wrapper-2 section.idash-section#open_response_assessment .open-response-assessment, .view-profile .wrapper-profile-sections > div.instructor-dashboard-wrapper-2 section.idash-section#open_response_assessment .open-response-assessment {
  padding-top: 6px;
}

body.view-in-course .instructor-dashboard-wrapper-2 {
  margin-bottom: 40px;
}

.open-response-assessment-block hr {
  display: none;
}

.open-response-assessment-block .open-response-assessment-summary {
  padding-bottom: 30px;
}

.open-response-assessment-block .open-response-assessment-summary .backgrid, .open-response-assessment-block .open-response-assessment-summary .ora-summary-value {
  text-overflow: initial;
  overflow: initial;
}

.open-response-assessment-block .open-response-assessment-summary .backgrid {
  width: 900px;
  height: 210px;
  position: relative;
}

@media (max-width: 992px) {
  .open-response-assessment-block .open-response-assessment-summary .backgrid {
    width: 100%;
    height: auto;
  }
}

.open-response-assessment-block .open-response-assessment-summary tbody, .open-response-assessment-block .open-response-assessment-summary tr {
  display: block;
  height: 200px;
}

@media (max-width: 992px) {
  .open-response-assessment-block .open-response-assessment-summary tbody, .open-response-assessment-block .open-response-assessment-summary tr {
    height: auto;
  }
}

@media (max-width: 768px) {
  .open-response-assessment-block .open-response-assessment-summary tbody {
    height: auto;
  }
}

.open-response-assessment-block .open-response-assessment-summary tr {
  position: relative;
}

@media (max-width: 992px) {
  .open-response-assessment-block .open-response-assessment-summary tr {
    display: flex;
    height: auto;
    flex-wrap: wrap;
    position: static;
    padding-bottom: 10px;
  }
}

.open-response-assessment-block .open-response-assessment-summary tr:after {
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  background-color: #ffffff;
  border-radius: 8px;
  content: '';
  position: absolute;
  left: 520px;
  top: 0;
  bottom: 0;
  width: 320px;
}

@media (max-width: 1200px) {
  .open-response-assessment-block .open-response-assessment-summary tr:after {
    left: 440px;
    width: 280px;
  }
}

@media (max-width: 992px) {
  .open-response-assessment-block .open-response-assessment-summary tr:after {
    left: 0;
    top: 230px;
    width: 100%;
  }
}

.open-response-assessment-block .open-response-assessment-summary td {
  height: auto;
}

@media (max-width: 992px) {
  .open-response-assessment-block .open-response-assessment-summary td {
    order: 2;
    max-width: none;
  }
}

.open-response-assessment-block .open-response-assessment-summary td.training, .open-response-assessment-block .open-response-assessment-summary .training ~ td {
  display: inline-block;
  width: 180px;
  position: relative;
  z-index: 2;
}

.open-response-assessment-block .open-response-assessment-summary td.training .ora-summary-title, .open-response-assessment-block .open-response-assessment-summary .training ~ td .ora-summary-title {
  font-size: 13px;
  font-weight: 400;
  color: #4c4c8e;
  text-transform: none;
}

.open-response-assessment-block .open-response-assessment-summary td.training .ora-summary-value, .open-response-assessment-block .open-response-assessment-summary .training ~ td .ora-summary-value {
  font-size: 16px;
}

@media (max-width: 992px) {
  .open-response-assessment-block .open-response-assessment-summary td.training, .open-response-assessment-block .open-response-assessment-summary td.training ~ td:not(.done) {
    width: 48%;
  }
}

.open-response-assessment-block .open-response-assessment-summary .parent_name, .open-response-assessment-block .open-response-assessment-summary .name, .open-response-assessment-block .open-response-assessment-summary td.total, .open-response-assessment-block .open-response-assessment-summary td.done {
  float: left;
  width: 200px !important;
  height: 90px !important;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  padding-left: 35px;
  line-height: normal;
  top: -22px;
}

@media (max-width: 992px) {
  .open-response-assessment-block .open-response-assessment-summary .parent_name, .open-response-assessment-block .open-response-assessment-summary .name, .open-response-assessment-block .open-response-assessment-summary td.total, .open-response-assessment-block .open-response-assessment-summary td.done {
    order: 1;
    width: 48% !important;
  }
}

.open-response-assessment-block .open-response-assessment-summary .parent_name .ora-summary-title, .open-response-assessment-block .open-response-assessment-summary .name .ora-summary-title, .open-response-assessment-block .open-response-assessment-summary td.total .ora-summary-title, .open-response-assessment-block .open-response-assessment-summary td.done .ora-summary-title {
  font-size: 10px;
  font-weight: 400;
  color: #4c4c8e;
  text-transform: none;
}

.open-response-assessment-block .open-response-assessment-summary .parent_name .ora-summary-value, .open-response-assessment-block .open-response-assessment-summary .name .ora-summary-value, .open-response-assessment-block .open-response-assessment-summary td.total .ora-summary-value, .open-response-assessment-block .open-response-assessment-summary td.done .ora-summary-value {
  position: relative;
  padding-left: 20px;
  font-size: 33px;
  font-weight: 900;
  line-height: 43px;
}

.open-response-assessment-block .open-response-assessment-summary .parent_name .ora-summary-value:after, .open-response-assessment-block .open-response-assessment-summary .name .ora-summary-value:after, .open-response-assessment-block .open-response-assessment-summary td.total .ora-summary-value:after, .open-response-assessment-block .open-response-assessment-summary td.done .ora-summary-value:after {
  position: absolute;
  font-family: "Font Awesome 7 Pro";
  font-weight: 400;
  font-size: 17px;
  left: 0;
  margin-top: 17px;
  color: #5959eb;
  line-height: initial;
}

.open-response-assessment-block .open-response-assessment-summary .parent_name, .open-response-assessment-block .open-response-assessment-summary .name {
  margin: 0 60px 20px 0;
}

.open-response-assessment-block .open-response-assessment-summary .total, .open-response-assessment-block .open-response-assessment-summary .done {
  margin: 0 60px 0 0;
}

@media (max-width: 992px) {
  .open-response-assessment-block .open-response-assessment-summary .total, .open-response-assessment-block .open-response-assessment-summary .done {
    margin: 0 4% 20px 0;
  }
}

.open-response-assessment-block .open-response-assessment-summary .total .ora-summary-value:after, .open-response-assessment-block .open-response-assessment-summary .done .ora-summary-value:after {
  content: '\f316';
}

@media (max-width: 1200px) {
  .open-response-assessment-block .open-response-assessment-summary .parent_name, .open-response-assessment-block .open-response-assessment-summary .total {
    margin-right: 20px;
  }
}

@media (max-width: 992px) {
  .open-response-assessment-block .open-response-assessment-summary .parent_name {
    margin-right: 4%;
  }
}

.open-response-assessment-block .open-response-assessment-summary .parent_name .ora-summary-value:after {
  content: '\f46d';
}

@media (max-width: 992px) {
  .open-response-assessment-block .open-response-assessment-summary .name {
    margin-right: 0px;
  }
}

.open-response-assessment-block .open-response-assessment-summary .name .ora-summary-value:after {
  content: '\f319';
}

.open-response-assessment-block .open-response-assessment-summary td.total {
  clear: left;
}

@media (max-width: 992px) {
  .open-response-assessment-block .open-response-assessment-summary td.total {
    margin-right: 4%;
  }
}

.open-response-assessment-block .open-response-assessment-summary td.total .ora-summary-value:after {
  content: '\f15c';
}

@media (max-width: 992px) {
  .open-response-assessment-block .open-response-assessment-summary td.done {
    margin-right: 0px;
    top: auto;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .open-response-assessment-block .open-response-assessment-summary td.training, .open-response-assessment-block .open-response-assessment-summary td.self, .open-response-assessment-block .open-response-assessment-summary td.staff {
    padding-left: 0;
    width: 130px;
  }
}

.open-response-assessment-block .open-response-assessment-summary .training {
  padding: 20px 0 13px 30px;
}

.open-response-assessment-block .open-response-assessment-summary .peer {
  padding: 20px 0 13px 0;
}

.open-response-assessment-block .open-response-assessment-summary .self {
  padding: 0 0 13px 30px;
}

.open-response-assessment-block .open-response-assessment-summary .waiting {
  padding: 0 0 13px 0;
}

.open-response-assessment-block .open-response-assessment-summary .staff {
  padding: 0 0 0 30px;
}

.open-response-assessment-block .open-response-assessment-main-table {
  border: 1px solid #f4f4f4;
  border-radius: 8px;
  padding: 0px 3px 10px;
}

@media (max-width: 1200px) {
  .open-response-assessment-block .open-response-assessment-main-table {
    overflow-y: auto;
  }
}

@media (max-width: 1200px) {
  .open-response-assessment-block .open-response-assessment-main-table .backgrid {
    width: 900px;
  }
}

.open-response-assessment-block .open-response-assessment-main-table tbody tr:nth-child(odd) {
  background-color: transparent;
}

.open-response-assessment-block .open-response-assessment-main-table tbody tr:nth-child(even) {
  background-color: #fafafa;
}

.open-response-assessment-block .open-response-assessment-main-table th:not(:last-child), .open-response-assessment-block .open-response-assessment-main-table td:not(:last-child) {
  border-right: 1px solid #f4f4f4;
}

.open-response-assessment-block .open-response-assessment-main-table .parent_name, .open-response-assessment-block .open-response-assessment-main-table .parent_name + th, .open-response-assessment-block .open-response-assessment-main-table .parent_name + td {
  padding-left: 30px;
}

.open-response-assessment-block .open-response-assessment-main-table th {
  height: 75px;
  vertical-align: middle;
  text-align: center;
  border-bottom: 0;
  white-space: normal;
}

.open-response-assessment-block .open-response-assessment-main-table th.name ~ th {
  width: 80px;
  text-align: center;
  text-align: -webkit-center;
}

.open-response-assessment-block .open-response-assessment-main-table th button {
  color: #09092d;
  font-size: 12px !important;
  text-transform: uppercase;
}

.open-response-assessment-block .open-response-assessment-main-table th button .sort-caret {
  border-bottom-color: #09092d;
  border-top-color: #09092d;
}

.open-response-assessment-block .open-response-assessment-main-table td {
  color: #4c4c8e;
  font-size: 14px;
  height: 60px;
  border-bottom: 0;
  max-width: none;
  text-overflow: initial;
  white-space: normal;
}

.open-response-assessment-block .open-response-assessment-main-table td.total, .open-response-assessment-block .open-response-assessment-main-table td.total ~ td {
  text-align: center;
  width: 80px;
}

section.idash-section#certificates .ds-divider {
  width: 100%;
  border-top: none;
}

section.idash-section#certificates table {
  width: 100%;
  border: 1px hidden #d7d7e4;
  border-radius: 8px;
  outline: 1px solid #d7d7e4;
  border-collapse: collapse;
  table-layout: auto;
  transition: all 0.1s ease;
  will-change: opacity;
  background: transparent;
}

section.idash-section#certificates table thead {
  border-bottom: 1px solid #b0b0cd;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #6767a5;
}

section.idash-section#certificates table thead td {
  padding: 14px 12px;
  border-color: #b0b0cd;
}

section.idash-section#certificates table thead td:has(> i) {
  cursor: pointer;
}

section.idash-section#certificates table thead td > i {
  margin-left: 8px;
}

section.idash-section#certificates table tbody {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #3f3f82;
}

section.idash-section#certificates table tbody td {
  padding: 10px 12px !important;
}

section.idash-section#certificates table td {
  border-bottom: 1px solid #d7d7e4;
}

section.idash-section#certificates table td:first-child {
  padding-left: calc(20px + 12px) !important;
}

section.idash-section#certificates table td:last-child {
  padding-right: calc(20px + 12px);
}

section.idash-section#certificates .ds-textarea {
  width: 100%;
}

section.idash-section#certificates #header-certificates {
  display: none;
}

section.idash-section#certificates h3.hd-3 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
}

section.idash-section#certificates h4 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  border-bottom: none;
}

section.idash-section#certificates p {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

section.idash-section#certificates .certificates-download {
  background-color: #ffffff;
  font-size: 14px;
  padding: 15px;
  margin-top: 32px;
  border-radius: 8px;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

section.idash-section#certificates .certificates-download h4 + p {
  margin-top: 20px;
}

section.idash-section#certificates .certificates-download .question-mark-content {
  display: flex;
}

section.idash-section#certificates .certificates-download .question-mark-content .question-mark {
  padding: 4px 10px;
  margin-bottom: 15px;
}

section.idash-section#certificates .certificates-download .certificates-download-content {
  padding-left: 30px;
}

section.idash-section#certificates .certificates-download .certificates-download-content .zip-file-list {
  margin-top: 10px;
}

section.idash-section#certificates .certificates-download .certificates-download-content .zip-file-list ul {
  overflow: auto;
  height: 300px;
}

section.idash-section#certificates .certificates-download .certificates-download-content .zip-file-list ul li {
  height: 40px !important;
}

section.idash-section#certificates .certificates-download .certificates-download-content .zip-file-list ul li a {
  color: #5959eb !important;
  font-weight: 500;
  line-height: 20px;
}

section.idash-section#certificates .certificates-download .certificates-download-content .zip-file-list ul li a:hover {
  text-decoration: underline !important;
}

section.idash-section#certificates .certificates-wrapper .example-certificates {
  display: block;
}

section.idash-section#certificates .certificates-wrapper .example-certificates .example-certificate-status-wrapper {
  width: 100%;
}

section.idash-section#certificates .certificates-wrapper .example-certificates .example-certificate-status-wrapper h4 {
  margin-top: 18px;
}

section.idash-section#certificates .certificates-wrapper .example-certificates .example-certificate-status-wrapper ul {
  padding: 0px;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance {
  display: block;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .enable-certificates {
  display: none;
  padding-bottom: 20px;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .certificates-export {
  background-color: #ffffff;
  border: 1px solid #d7d7e4;
  border-radius: 8px;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .certificates-export h3 {
  padding-bottom: 20px;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .certificates-export .certificates-export-content {
  padding: 44px 32px;
  padding-top: 16px;
}

section.idash-section#certificates .certificates-wrapper .certificates-export h3.hd-3 {
  margin-bottom: 24px;
}

section.idash-section#certificates .certificates-wrapper .certificates-export form textarea.export-identifiers {
  width: 100%;
  height: 56px;
  background: transparent;
  margin-top: 4px;
}

section.idash-section#certificates .certificates-wrapper .certificates-export form .actions {
  margin-top: 16px;
}

section.idash-section#certificates .certificates-wrapper .start-certificate-regeneration form#certificate-regenerating-form {
  margin-top: 24px;
}

section.idash-section#certificates .certificates-wrapper .start-certificate-regeneration form#certificate-regenerating-form fieldset {
  padding: 0;
}

section.idash-section#certificates .certificates-wrapper .start-certificate-regeneration form#certificate-regenerating-form fieldset > div:not(:first-child) {
  margin-top: 10px;
}

section.idash-section#certificates .certificates-wrapper .start-certificate-regeneration form#certificate-regenerating-form fieldset label {
  line-height: 24px;
}

section.idash-section#certificates .certificates-wrapper .start-certificate-regeneration form#certificate-regenerating-form .actions {
  margin-top: 24px;
}

section.idash-section#certificates .certificates-wrapper .start-certificate-regeneration form#certificate-regenerating-form .message {
  margin-top: 18px;
  border-top-style: none;
}

section.idash-section#certificates .certificates-wrapper .certificate-exception-container h3.hd-3 {
  border-bottom: none;
}

section.idash-section#certificates .certificates-wrapper .certificate-exception-container .certificate-exception-section .white-listed-students table thead tr td.user-name, section.idash-section#certificates .certificates-wrapper .certificate-exception-container .certificate-exception-section .white-listed-students table thead tr td.action, section.idash-section#certificates .certificates-wrapper .certificate-exception-container .certificate-exception-section .white-listed-students table thead tr td.notes {
  width: 164.33px !important;
}

section.idash-section#certificates .certificates-wrapper .certificate-exception-container .certificate-exception-section .white-listed-students table thead tr td.user-email {
  width: 244px !important;
}

section.idash-section#certificates .certificates-wrapper .certificate-exception-container .certificate-exception-section .white-listed-students table thead tr td.date {
  width: 300px !important;
}

section.idash-section#certificates .certificates-wrapper .certificate-exception-container .certificate-exception-section .white-listed-students table tbody {
  background: transparent;
  box-shadow: none;
}

section.idash-section#certificates .certificates-wrapper .certificate-exception-container .certificate-exception-section .white-listed-students table tbody tr:hover {
  background: transparent;
}

section.idash-section#certificates .certificates-wrapper .certificate-exception-container .certificate-exception-section .white-listed-students table tbody tr:hover tr:nth-child(odd) {
  background: transparent;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container .certificates-error {
  padding-bottom: 10px;
}

section.idash-section#certificates .certificates-wrapper button:not(#data-format-error),
section.idash-section#certificates .certificates-wrapper .btn-blue {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  box-shadow: none;
  border-radius: 4px;
  margin-bottom: 0px;
}

section.idash-section#certificates .certificates-wrapper button:not(#data-format-error):hover, section.idash-section#certificates .certificates-wrapper button:not(#data-format-error).active,
section.idash-section#certificates .certificates-wrapper .btn-blue:hover,
section.idash-section#certificates .certificates-wrapper .btn-blue.active {
  text-decoration: none;
}

section.idash-section#certificates .certificates-wrapper button:not(#data-format-error) .icon, section.idash-section#certificates .certificates-wrapper button:not(#data-format-error) .fa, section.idash-section#certificates .certificates-wrapper button:not(#data-format-error) .fas, section.idash-section#certificates .certificates-wrapper button:not(#data-format-error) .far, section.idash-section#certificates .certificates-wrapper button:not(#data-format-error) .fal,
section.idash-section#certificates .certificates-wrapper .btn-blue .icon,
section.idash-section#certificates .certificates-wrapper .btn-blue .fa,
section.idash-section#certificates .certificates-wrapper .btn-blue .fas,
section.idash-section#certificates .certificates-wrapper .btn-blue .far,
section.idash-section#certificates .certificates-wrapper .btn-blue .fal {
  margin-right: 5px;
}

section.idash-section#certificates .certificates-wrapper button:not(#data-format-error):hover, section.idash-section#certificates .certificates-wrapper button:not(#data-format-error).active,
section.idash-section#certificates .certificates-wrapper .btn-blue:hover,
section.idash-section#certificates .certificates-wrapper .btn-blue.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

section.idash-section#certificates .certificates-wrapper button:not(#data-format-error):focus,
section.idash-section#certificates .certificates-wrapper .btn-blue:focus {
  color: #ffffff;
  background-color: #5959eb;
}

section.idash-section#certificates .certificates-wrapper button:not(#data-format-error)[disabled], section.idash-section#certificates .certificates-wrapper button:not(#data-format-error).disabled, section.idash-section#certificates .certificates-wrapper button:not(#data-format-error):disabled, section.idash-section#certificates .certificates-wrapper button:not(#data-format-error).is-disabled,
section.idash-section#certificates .certificates-wrapper .btn-blue[disabled],
section.idash-section#certificates .certificates-wrapper .btn-blue.disabled,
section.idash-section#certificates .certificates-wrapper .btn-blue:disabled,
section.idash-section#certificates .certificates-wrapper .btn-blue.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

section.idash-section#certificates .certificates-wrapper button:not(#data-format-error):hover, section.idash-section#certificates .certificates-wrapper button:not(#data-format-error):active, section.idash-section#certificates .certificates-wrapper button:not(#data-format-error):focus,
section.idash-section#certificates .certificates-wrapper .btn-blue:hover,
section.idash-section#certificates .certificates-wrapper .btn-blue:active,
section.idash-section#certificates .certificates-wrapper .btn-blue:focus {
  text-shadow: none;
  background-color: #5959eb;
  color: #ffffff;
  box-shadow: none;
}

section.idash-section#certificates .certificates-wrapper input[type="text"],
section.idash-section#certificates .certificates-wrapper textarea {
  font-size: 16px;
}

section.idash-section#certificates .certificates-wrapper input[type="text"]::placeholder,
section.idash-section#certificates .certificates-wrapper textarea::placeholder {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #7a7aae;
}

section.idash-section#certificates .certificates-wrapper input[type="text"] {
  border: 1px solid #b0b0cd;
  margin-bottom: initial;
  background-color: transparent;
  box-shadow: none;
  border-radius: 4px;
  width: 100%;
}

section.idash-section#certificates .certificates-wrapper input[type="text"]:focus, section.idash-section#certificates .certificates-wrapper input[type="text"]:hover {
  box-shadow: none;
  background-color: transparent;
}

section.idash-section#certificates .certificates-wrapper textarea {
  font-style: normal;
  box-shadow: none;
  display: block;
  border: 1px solid #b0b0cd;
  border-radius: 4px;
  width: 350px;
  padding: 5px 12px;
}

section.idash-section#certificates .certificates-wrapper textarea:focus {
  box-shadow: none;
}

section.idash-section#certificates .certificates-wrapper .ui-loading {
  box-shadow: none;
}

section.idash-section#certificates .certificates-wrapper #header-certificates {
  display: none;
}

section.idash-section#certificates .certificates-wrapper > div h3 {
  border-bottom: none;
  margin-bottom: 16px;
}

section.idash-section#certificates .certificates-wrapper > div h3 + p {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

section.idash-section#certificates .certificates-wrapper > div form > input[type="text"],
section.idash-section#certificates .certificates-wrapper > div form > textarea {
  margin-top: 18px;
}

section.idash-section#certificates .certificates-wrapper > div form > .actions,
section.idash-section#certificates .certificates-wrapper > div form > .message,
section.idash-section#certificates .certificates-wrapper > div .certificate-exception-section form > div > .actions,
section.idash-section#certificates .certificates-wrapper > div .certificate-exception-section form > div > .message {
  margin-top: 18px;
}

section.idash-section#certificates .certificates-wrapper div.message {
  border-top: none;
  background-color: #fafafa;
  color: #09092d;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  padding: 15px 20px;
  margin-top: initial;
  margin-bottom: initial;
}

section.idash-section#certificates .certificates-wrapper div.message.error {
  border-left: 3px solid #f22f31;
}

section.idash-section#certificates .certificates-wrapper div.message.success {
  border-left: 3px solid #23ab41;
}

section.idash-section#certificates .certificates-wrapper div.message h4 {
  font-size: inherit;
  color: inherit;
  font-weight: 600;
}

section.idash-section#certificates .certificates-wrapper div.message ul,
section.idash-section#certificates .certificates-wrapper div.message p {
  margin-top: 8px;
}

section.idash-section#certificates .certificates-wrapper div.message ul li,
section.idash-section#certificates .certificates-wrapper div.message p {
  margin-top: 5px;
  color: inherit;
}

section.idash-section#certificates .certificates-wrapper .certificates-wrapper .example-certificates .message {
  margin-top: 18px;
}

section.idash-section#certificates .certificates-wrapper .certificates-wrapper .example-certificates .generate-example-certificates-wrapper {
  margin-bottom: 0;
  margin-top: 10px;
}

section.idash-section#certificates .certificates-wrapper .certificates-wrapper .example-certificates .example-certificate-status-wrapper {
  display: none;
  border-top: none;
  background-color: #fafafa;
  color: #09092d;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  padding: 15px 20px;
  margin-top: initial;
  margin-bottom: initial;
  box-sizing: border-box;
  margin-top: 18px;
  width: 100%;
}

section.idash-section#certificates .certificates-wrapper .certificates-wrapper .example-certificates .example-certificate-status-wrapper.error {
  border-left: 3px solid #f22f31;
}

section.idash-section#certificates .certificates-wrapper .certificates-wrapper .example-certificates .example-certificate-status-wrapper.success {
  border-left: 3px solid #23ab41;
}

section.idash-section#certificates .certificates-wrapper .certificates-wrapper .example-certificates .example-certificate-status-wrapper h4 {
  font-size: inherit;
  color: inherit;
  font-weight: 600;
}

section.idash-section#certificates .certificates-wrapper .certificates-wrapper .example-certificates .example-certificate-status-wrapper ul,
section.idash-section#certificates .certificates-wrapper .certificates-wrapper .example-certificates .example-certificate-status-wrapper p {
  margin-top: 8px;
}

section.idash-section#certificates .certificates-wrapper .certificates-wrapper .example-certificates .example-certificate-status-wrapper ul li,
section.idash-section#certificates .certificates-wrapper .certificates-wrapper .example-certificates .example-certificate-status-wrapper p {
  margin-top: 5px;
  color: inherit;
}

@media (max-width: 768px) {
  section.idash-section#certificates .certificates-wrapper .certificates-wrapper .example-certificates .example-certificate-status-wrapper, section.idash-section#certificates .certificates-wrapper .certificates-wrapper .example-certificates .example-certificate-status-wrapper ul {
    width: 100%;
  }
}

section.idash-section#certificates .certificates-wrapper .certificates-wrapper .example-certificates .example-certificate-status-wrapper ul {
  padding: 0;
}

section.idash-section#certificates .certificates-wrapper .certificates-wrapper .example-certificates .example-certificate-status-wrapper button {
  margin-top: 18px;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .enable-certificates p button,
section.idash-section#certificates .certificates-wrapper .certificate-issuance .enable-certificates p form {
  margin-top: 18px;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container form {
  margin-top: 18px;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container form textarea {
  width: 100%;
  margin-top: 0px;
  min-height: 56px;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container .message {
  margin-top: 18px;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container .certificates-error {
  border-top: none;
  background-color: #fafafa;
  color: #09092d;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  padding: 15px 20px;
  margin-top: initial;
  margin-bottom: initial;
  margin-top: 18px;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container .certificates-error.error {
  border-left: 3px solid #f22f31;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container .certificates-error.success {
  border-left: 3px solid #23ab41;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container .certificates-error h4 {
  font-size: inherit;
  color: inherit;
  font-weight: 600;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container .certificates-error ul,
section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container .certificates-error p {
  margin-top: 8px;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container .certificates-error ul li,
section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container .certificates-error p {
  margin-top: 5px;
  color: inherit;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container .certificates-error h4 {
  font-size: 16px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container .certificates-download {
  background-color: #ffffff;
  font-size: 14px;
  padding: 15px;
  margin-top: 32px;
  border-radius: 8px;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  margin-top: 18px;
}

section.idash-section#certificates .certificates-wrapper .certificate-issuance .action-type-container .certificates-download h4 + p {
  margin-top: 20px;
}

section.idash-section#certificates .certificates-wrapper .certificate-generation-history H3.hd-3 {
  margin-bottom: 32px;
}

section.idash-section#certificates .certificates-wrapper .certificate-generation-history .certificate-generation-history-content table thead tr td.task-name, section.idash-section#certificates .certificates-wrapper .certificate-generation-history .certificate-generation-history-content table thead tr td.task-details {
  width: 518.5px !important;
}

section.idash-section#certificates .certificates-wrapper .certificate-generation-history .certificate-generation-history-content table thead tr td.task-date {
  width: 200px !important;
}

section.idash-section#certificates .certificate-exception-container h3 {
  border-bottom: 0;
  display: inherit;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section {
  margin-top: 32px;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper {
  display: flex;
}

@media (max-width: 768px) {
  section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper {
    flex-direction: column;
  }
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper > div {
  background: transparent;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 16px 32px;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper > div h3 + p {
  font-size: 16px;
  color: #09092d;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper #certificate-white-list-editor {
  height: 90%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  flex: 0.5;
  margin-right: 10px;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper #certificate-white-list-editor:after {
  display: none;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper #certificate-white-list-editor .certificate-exception-inputs {
  display: flex;
  flex-direction: column;
  justify-content: initial;
  flex: initial;
  margin-top: 0px;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper #certificate-white-list-editor .certificate-exception-inputs .notes-field {
  width: 100%;
  background: transparent;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper #certificate-white-list-editor .message {
  margin-top: 18px;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .splinter {
  display: flex;
  align-items: center;
  margin: 0 30px;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .splinter:after {
  content: " ";
  position: static;
  width: 1px;
  height: 270px;
  background-color: #e3e3e3;
  margin-top: 0;
}

@media (max-width: 768px) {
  section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .splinter {
    display: none;
  }
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception {
  margin-left: 0px;
  margin-top: 0;
  flex: 0.5;
}

@media (max-width: 768px) {
  section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception {
    margin-left: 0;
    margin-top: 20px;
  }
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception #bulk-white-list-exception-form .customBrowseBtn {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  border: 1px dashed #cecece;
  padding: 20px;
  border-radius: 4px;
  margin-top: 20px;
}

@media (max-width: 768px) {
  section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception #bulk-white-list-exception-form .customBrowseBtn {
    width: 100%;
    margin-bottom: 10px;
  }
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception #bulk-white-list-exception-form .customBrowseBtn > i {
  font-size: 40px;
  color: #5959eb;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception #bulk-white-list-exception-form .customBrowseBtn > label,
section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception #bulk-white-list-exception-form .customBrowseBtn > b {
  font-size: 14px;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception #bulk-white-list-exception-form .customBrowseBtn > label {
  text-align: center;
  margin-top: 20px;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception #bulk-white-list-exception-form .customBrowseBtn > b {
  display: block;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception #bulk-white-list-exception-form .customBrowseBtn > button {
  margin-top: 9px;
  position: relative;
  z-index: 8;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception #bulk-white-list-exception-form .customBrowseBtn > button span {
  margin-left: 10px;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception #bulk-white-list-exception-form .customBrowseBtn .file-browse {
  height: auto;
  top: 0;
  bottom: 0;
  opacity: 0;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception #bulk-white-list-exception-form .customBrowseBtn .file-browse .file_field {
  bottom: 0;
  top: 0;
  height: auto;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception .bulk-exception-results {
  border-top: none;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception .bulk-exception-results .message {
  min-height: 30px;
  margin: 0;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception .bulk-exception-results .message button:not(#temporary0) {
  outline: none;
  display: block;
  float: left;
  padding: 3px 12px;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception .bulk-exception-results .message span {
  vertical-align: middle;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .cards-wrapper .bulk-white-list-exception .bulk-exception-results .message.success button {
  background-color: #23ab41 !important;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .white-listed-students .under-heading legend {
  font-size: 16px;
  color: #09092d;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .white-listed-students .under-heading label {
  display: block;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .white-listed-students .under-heading label:has(> .ds-radio) {
  line-height: 24px;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .white-listed-students > * {
  margin-top: 18px;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .white-listed-students fieldset {
  padding: 0;
}

section.idash-section#certificates .certificate-exception-container .certificate-exception-section .message p {
  margin-top: 0;
}

section.idash-section#certificates .certificate-invalidation-container #certificate-invalidation .add-certificate-invalidation .student-username-or-email {
  display: block;
  width: 100%;
}

section.idash-section#certificates .certificate-invalidation-container #certificate-invalidation .add-certificate-invalidation .notes-field {
  background: transparent;
  width: 100%;
}

section.idash-section#certificates .certificate-invalidation-container #certificate-invalidation .message {
  margin-top: 18px;
}

section.idash-section#certificates .certificate-invalidation-container #certificate-invalidation .invalidation-history {
  padding-top: 0;
}

section.idash-section#certificates .intermediate-certificate-container .ic-sel {
  display: block;
  width: 30%;
  margin: 10px;
}

section.idash-section#certificates .intermediate-certificate-container .ic-sel .select2 {
  width: 100% !important;
}

section.idash-section#certificates .intermediate-certificate-container .ic-sel .select2 .select2-selection {
  border: 1px solid #f4f4f4;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border-radius: 16px;
  height: 36px;
}

section.idash-section#certificates .intermediate-certificate-container .ic-sel .select2 .select2-selection .select2-selection__rendered {
  padding-top: 3px;
  padding-left: 12px;
}

section.idash-section#certificates .intermediate-certificate-container .ic-sel .select2 .select2-selection .select2-selection__rendered .select2-selection__placeholder {
  font-size: 14px;
}

section.idash-section#certificates .intermediate-certificate-container .ic-sel .select2 .select2-selection .select2-selection__arrow {
  height: 36px;
  right: 6px;
}

section.idash-section#certificates .intermediate-certificate-container .ic-sel .select2 .select2-selection .select2-selection__clear {
  right: 6px;
}

section.idash-section#certificates .intermediate-certificate-container .ic-date .date {
  width: 100%;
  color: #09092d;
}

section.idash-section#certificates .intermediate-certificate-container .ic-date input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #4c4c8e;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 14px;
  font-weight: 500;
}

section.idash-section#certificates .intermediate-certificate-container .ic-date input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #4c4c8e;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 14px;
  font-weight: 500;
}

section.idash-section#certificates .intermediate-certificate-container .ic-date input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #4c4c8e;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 14px;
  font-weight: 500;
}

section.idash-section#certificates .intermediate-certificate-container .ic-date input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #4c4c8e;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 14px;
  font-weight: 500;
}

section.idash-section#certificates .intermediate-certificate-container .sel-label {
  margin-bottom: 0;
  margin-top: 10px;
}

section.idash-section#certificates .intermediate-certificate-container .loading {
  width: 30%;
  text-align: center;
  color: #09092d;
  margin-top: 18px;
}

section.idash-section#certificates .intermediate-certificate-container #generate-intermediate-certificates-submit {
  margin-top: 18px;
}

body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper {
  box-shadow: none;
  background: transparent;
  padding: 9px 0px;
}

body.view-in-course .instructor-dashboard-wrapper-2 .instructor-dashboard-content-wrapper:hover {
  background: transparent;
  box-shadow: none;
}

body.view-in-course .ui-datepicker {
  background: #fafafa;
}

body.view-in-course .ui-datepicker .ui-datepicker-calendar .ui-state-default {
  color: #5959eb;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields > li:last-child > label, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field > label {
  font-weight: 700;
  color: #09092d;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field input[name="send_to"] + label, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .send_to_list {
  font-size: 14px;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary {
  columns: auto;
  -webkit-columns: auto;
  width: 33%;
}

@media (max-width: 768px) {
  s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary {
    width: 100%;
  }
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary li, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary li {
  padding-top: 8px;
  padding-bottom: 8px;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox], s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox] {
  visibility: hidden;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox] + span, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox] + label, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox] + span, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox] + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox] + span:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox] + label:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox] + span:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox] + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox]:checked + span:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox]:checked + label:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox]:checked + span:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox]:checked + label:before {
  content: "";
  color: #5959eb;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox][disabled] + span:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox][disabled] + label:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox].disabled + span:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox].disabled + label:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox]:disabled + span:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox]:disabled + label:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox].is-disabled + span:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox].is-disabled + label:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox][disabled] + span:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox][disabled] + label:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox].disabled + span:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox].disabled + label:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox]:disabled + span:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox]:disabled + label:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox].is-disabled + span:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox].is-disabled + label:before {
  color: #4c4c8e;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox] + label, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox] + label {
  padding-left: 0;
  margin-left: 30px;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox] + label:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox] + label:before {
  left: 0px;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary input[type=checkbox]:checked + label:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary input[type=checkbox]:checked + label:before {
  color: #5959eb;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-primary .subheading, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field .email-targets-secondary .subheading {
  display: none;
}

@media (max-width: 768px) {
  s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field:first-of-type {
    margin-bottom: 6px;
  }
}

@media (max-width: 768px) {
  s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field:nth-of-type(2) fieldset {
    display: flex;
  }
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .field #id_subject {
  width: 100%;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .email-editor {
  border: unset;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .email-editor #mce_21 {
  border: unset;
  border-radius: 8px;
  border: 1px solid #e3e3e3;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .email-editor #mce_22 {
  background-color: #ffffff;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .email-editor #mce_23-body {
  align-items: center;
  display: flex;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .email-editor #mce_31 {
  border-top: 1px solid #e3e3e3;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .email-editor .mce-btn {
  background-color: unset;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields .email-editor #mce_0_ifr {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email ul.list-fields input[name=subject] {
  display: block;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.submit-email-warning .copy,
s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.submit-email-action .copy {
  font-style: italic;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.submit-email-warning, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.submit-email-action {
  float: left;
  width: 80%;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email br {
  display: none;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send] {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 12px 22px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  margin-left: auto;
  display: block;
  margin-top: 16px;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send]:hover, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send].active {
  text-decoration: none;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send] .icon, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send] .fa, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send] .fas, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send] .far, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send] .fal {
  margin-right: 5px;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send]:hover, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send].active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send]:focus {
  color: #ffffff;
  background-color: #5959eb;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send][disabled], s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send].disabled, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send]:disabled, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email input[name=send].is-disabled {
  color: #ffffff;
  text-shadow: none;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.request-response-error {
  display: none;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.running-tasks-container {
  clear: both;
  padding-top: 1px;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.running-tasks-container hr {
  /*margin: 0 auto;
      padding-bottom: 25px;*/
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.running-tasks-container .no-pending-tasks-message p {
  color: #4c4c8e;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.email-background .task-history-email-content, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.email-background .task-history-email {
  position: relative;
  padding-left: 45px;
  font-weight: 400;
  border: unset;
  background: unset;
  font-size: 16px;
  display: flex;
  align-items: center;
  padding-left: 30px;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.email-background .task-history-email-content:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.email-background .task-history-email:before {
  position: absolute;
  margin-left: -25px;
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 7 Pro";
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.email-background .task-history-email-content:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.email-background .task-history-email:before {
  margin-left: -30px;
  color: #5959eb;
  font-size: 18px;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.email-background .task-history-email-content:focus, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.email-background .task-history-email:focus {
  box-shadow: unset;
  outline: unset;
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.email-background .task-history-email-content.opened:before, s
.instructor-dashboard-wrapper-2 section.idash-section#send_email div.email-background .task-history-email.opened:before {
  content: '\f056';
}

s
.instructor-dashboard-wrapper-2 section.idash-section#send_email > div p:first-child {
  padding-bottom: 10px;
}

.instructor-dashboard-content-2 div.content-history-table-inner {
  padding-bottom: 20px;
}

.instructor-dashboard-content-2 div.slickgrid {
  border: 1px solid #f4f4f4;
  border-radius: 8px;
}

.instructor-dashboard-content-2 div.slickgrid .slick-header {
  border: unset;
  background: unset;
}

.instructor-dashboard-content-2 div.slickgrid .slick-header-column.ui-state-default {
  border-right: unset;
  background: unset;
  padding-left: 16px;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.instructor-dashboard-content-2 div.slickgrid .slick-row.odd {
  background-image: unset;
  background-color: #fafafa;
}

.instructor-dashboard-content-2 div.slickgrid .slick-cell {
  border: unset;
  color: #09092d;
  padding: 16px 0 16px 16px;
  height: auto;
}

.instructor-dashboard-content-2 div.slickgrid .slick-cell p {
  padding: 0;
}

#mce_36, #mce_35 {
  border: unset;
  background-color: unset;
  background-image: unset;
}

#mce_36:hover, #mce_35:hover {
  background-color: unset;
}

#mce_36 button:hover, #mce_35 button:hover {
  background-image: unset;
}

#mce_35 button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#mce_35 button:hover, #mce_35 button.active {
  text-decoration: none;
}

#mce_35 button .icon, #mce_35 button .fa, #mce_35 button .fas, #mce_35 button .far, #mce_35 button .fal {
  margin-right: 5px;
}

#mce_35 button:hover, #mce_35 button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#mce_35 button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#mce_35 button[disabled], #mce_35 button.disabled, #mce_35 button:disabled, #mce_35 button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#mce_36 button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#mce_36 button:hover, #mce_36 button.active {
  text-decoration: none;
}

#mce_36 button .icon, #mce_36 button .fa, #mce_36 button .fas, #mce_36 button .far, #mce_36 button .fal {
  margin-right: 5px;
}

#mce_36 button, #mce_36 button:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

#mce_36 button:hover, #mce_36 button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#mce_36 button[disabled], #mce_36 button.disabled, #mce_36 button:disabled, #mce_36 button.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

#mce_36 button[disabled]:focus, #mce_36 button.disabled:focus, #mce_36 button:disabled:focus, #mce_36 button.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

section.discussion .responses .forum-response .comments .control-button, section.discussion .edit-post-form .edit-comment-control .post-update,
section.discussion .edit-post-form .edit-post-control .post-update,
section.discussion .edit-post-form .update-post-control .post-update {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

section.discussion .responses .forum-response .comments .control-button:hover, section.discussion .edit-post-form .edit-comment-control .post-update:hover,
section.discussion .edit-post-form .edit-post-control .post-update:hover,
section.discussion .edit-post-form .update-post-control .post-update:hover, section.discussion .responses .forum-response .comments .active.control-button, section.discussion .edit-post-form .edit-comment-control .active.post-update,
section.discussion .edit-post-form .edit-post-control .active.post-update,
section.discussion .edit-post-form .update-post-control .active.post-update {
  text-decoration: none;
}

section.discussion .responses .forum-response .comments .control-button .icon, section.discussion .edit-post-form .edit-comment-control .post-update .icon,
section.discussion .edit-post-form .edit-post-control .post-update .icon,
section.discussion .edit-post-form .update-post-control .post-update .icon, section.discussion .responses .forum-response .comments .control-button .fa, section.discussion .edit-post-form .edit-comment-control .post-update .fa,
section.discussion .edit-post-form .edit-post-control .post-update .fa,
section.discussion .edit-post-form .update-post-control .post-update .fa, section.discussion .responses .forum-response .comments .control-button .fas, section.discussion .edit-post-form .edit-comment-control .post-update .fas,
section.discussion .edit-post-form .edit-post-control .post-update .fas,
section.discussion .edit-post-form .update-post-control .post-update .fas, section.discussion .responses .forum-response .comments .control-button .far, section.discussion .edit-post-form .edit-comment-control .post-update .far,
section.discussion .edit-post-form .edit-post-control .post-update .far,
section.discussion .edit-post-form .update-post-control .post-update .far, section.discussion .responses .forum-response .comments .control-button .fal, section.discussion .edit-post-form .edit-comment-control .post-update .fal,
section.discussion .edit-post-form .edit-post-control .post-update .fal,
section.discussion .edit-post-form .update-post-control .post-update .fal {
  margin-right: 5px;
}

section.discussion .responses .forum-response .comments .control-button:hover, section.discussion .edit-post-form .edit-comment-control .post-update:hover,
section.discussion .edit-post-form .edit-post-control .post-update:hover,
section.discussion .edit-post-form .update-post-control .post-update:hover, section.discussion .responses .forum-response .comments .active.control-button, section.discussion .edit-post-form .edit-comment-control .active.post-update,
section.discussion .edit-post-form .edit-post-control .active.post-update,
section.discussion .edit-post-form .update-post-control .active.post-update {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

section.discussion .responses .forum-response .comments .control-button:focus, section.discussion .edit-post-form .edit-comment-control .post-update:focus,
section.discussion .edit-post-form .edit-post-control .post-update:focus,
section.discussion .edit-post-form .update-post-control .post-update:focus {
  color: #ffffff;
  background-color: #5959eb;
}

section.discussion .responses .forum-response .comments [disabled].control-button, section.discussion .edit-post-form .edit-comment-control [disabled].post-update,
section.discussion .edit-post-form .edit-post-control [disabled].post-update,
section.discussion .edit-post-form .update-post-control [disabled].post-update, section.discussion .responses .forum-response .comments .disabled.control-button, section.discussion .edit-post-form .edit-comment-control .disabled.post-update,
section.discussion .edit-post-form .edit-post-control .disabled.post-update,
section.discussion .edit-post-form .update-post-control .disabled.post-update, section.discussion .responses .forum-response .comments .control-button:disabled, section.discussion .edit-post-form .edit-comment-control .post-update:disabled,
section.discussion .edit-post-form .edit-post-control .post-update:disabled,
section.discussion .edit-post-form .update-post-control .post-update:disabled, section.discussion .responses .forum-response .comments .is-disabled.control-button, section.discussion .edit-post-form .edit-comment-control .is-disabled.post-update,
section.discussion .edit-post-form .edit-post-control .is-disabled.post-update,
section.discussion .edit-post-form .update-post-control .is-disabled.post-update {
  color: #ffffff;
  text-shadow: none;
}

section.discussion .responses .forum-response .comments .active.control-button, section.discussion .edit-post-form .edit-comment-control .active.post-update,
section.discussion .edit-post-form .edit-post-control .active.post-update,
section.discussion .edit-post-form .update-post-control .active.post-update, section.discussion .responses .forum-response .comments .control-button:focus, section.discussion .edit-post-form .edit-comment-control .post-update:focus,
section.discussion .edit-post-form .edit-post-control .post-update:focus,
section.discussion .edit-post-form .update-post-control .post-update:focus, section.discussion .responses .forum-response .comments .control-button:hover, section.discussion .edit-post-form .edit-comment-control .post-update:hover,
section.discussion .edit-post-form .edit-post-control .post-update:hover,
section.discussion .edit-post-form .update-post-control .post-update:hover, section.discussion .responses .forum-response .comments .control-button:active, section.discussion .edit-post-form .edit-comment-control .post-update:active,
section.discussion .edit-post-form .edit-post-control .post-update:active,
section.discussion .edit-post-form .update-post-control .post-update:active {
  color: #09092d !important;
  background-image: none !important;
  background-color: #ffffff !important;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2) !important;
}

.discussion.inline-discussion .btn, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .add-response-btn, div.xblock-student_view-discussion div.discussion-module .btn, section.discussion .edit-post-form .edit-comment-control .post-cancel,
section.discussion .edit-post-form .edit-post-control .post-cancel,
section.discussion .edit-post-form .update-post-control .post-cancel {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  color: #09092d;
  border: 1px solid #4c4c8e;
}

.discussion.inline-discussion .btn:hover, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .add-response-btn:hover, div.xblock-student_view-discussion div.discussion-module .btn:hover, section.discussion .edit-post-form .edit-comment-control .post-cancel:hover,
section.discussion .edit-post-form .edit-post-control .post-cancel:hover,
section.discussion .edit-post-form .update-post-control .post-cancel:hover, .discussion.inline-discussion .active.btn, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .active.add-response-btn, div.xblock-student_view-discussion div.discussion-module .active.btn, section.discussion .edit-post-form .edit-comment-control .active.post-cancel,
section.discussion .edit-post-form .edit-post-control .active.post-cancel,
section.discussion .edit-post-form .update-post-control .active.post-cancel {
  text-decoration: none;
}

.discussion.inline-discussion .btn .icon, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .add-response-btn .icon, div.xblock-student_view-discussion div.discussion-module .btn .icon, section.discussion .edit-post-form .edit-comment-control .post-cancel .icon,
section.discussion .edit-post-form .edit-post-control .post-cancel .icon,
section.discussion .edit-post-form .update-post-control .post-cancel .icon, .discussion.inline-discussion .btn .fa, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .add-response-btn .fa, div.xblock-student_view-discussion div.discussion-module .btn .fa, section.discussion .edit-post-form .edit-comment-control .post-cancel .fa,
section.discussion .edit-post-form .edit-post-control .post-cancel .fa,
section.discussion .edit-post-form .update-post-control .post-cancel .fa, .discussion.inline-discussion .btn .fas, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .add-response-btn .fas, div.xblock-student_view-discussion div.discussion-module .btn .fas, section.discussion .edit-post-form .edit-comment-control .post-cancel .fas,
section.discussion .edit-post-form .edit-post-control .post-cancel .fas,
section.discussion .edit-post-form .update-post-control .post-cancel .fas, .discussion.inline-discussion .btn .far, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .add-response-btn .far, div.xblock-student_view-discussion div.discussion-module .btn .far, section.discussion .edit-post-form .edit-comment-control .post-cancel .far,
section.discussion .edit-post-form .edit-post-control .post-cancel .far,
section.discussion .edit-post-form .update-post-control .post-cancel .far, .discussion.inline-discussion .btn .fal, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .add-response-btn .fal, div.xblock-student_view-discussion div.discussion-module .btn .fal, section.discussion .edit-post-form .edit-comment-control .post-cancel .fal,
section.discussion .edit-post-form .edit-post-control .post-cancel .fal,
section.discussion .edit-post-form .update-post-control .post-cancel .fal {
  margin-right: 5px;
}

.discussion.inline-discussion .btn:focus, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .add-response-btn:focus, div.xblock-student_view-discussion div.discussion-module .btn:focus, section.discussion .edit-post-form .edit-comment-control .post-cancel:focus,
section.discussion .edit-post-form .edit-post-control .post-cancel:focus,
section.discussion .edit-post-form .update-post-control .post-cancel:focus {
  color: #09092d;
  border: 1px solid #4c4c8e;
}

.discussion.inline-discussion .btn:hover, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .add-response-btn:hover, div.xblock-student_view-discussion div.discussion-module .btn:hover, section.discussion .edit-post-form .edit-comment-control .post-cancel:hover,
section.discussion .edit-post-form .edit-post-control .post-cancel:hover,
section.discussion .edit-post-form .update-post-control .post-cancel:hover, .discussion.inline-discussion .active.btn, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .active.add-response-btn, div.xblock-student_view-discussion div.discussion-module .active.btn, section.discussion .edit-post-form .edit-comment-control .active.post-cancel,
section.discussion .edit-post-form .edit-post-control .active.post-cancel,
section.discussion .edit-post-form .update-post-control .active.post-cancel {
  color: #5959eb;
  border-color: #5959eb;
}

.discussion.inline-discussion .active.btn, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .active.add-response-btn, div.xblock-student_view-discussion div.discussion-module .active.btn, section.discussion .edit-post-form .edit-comment-control .active.post-cancel,
section.discussion .edit-post-form .edit-post-control .active.post-cancel,
section.discussion .edit-post-form .update-post-control .active.post-cancel, .discussion.inline-discussion .btn:focus, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .add-response-btn:focus, div.xblock-student_view-discussion div.discussion-module .btn:focus, section.discussion .edit-post-form .edit-comment-control .post-cancel:focus,
section.discussion .edit-post-form .edit-post-control .post-cancel:focus,
section.discussion .edit-post-form .update-post-control .post-cancel:focus, .discussion.inline-discussion .btn:hover, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .add-response-btn:hover, div.xblock-student_view-discussion div.discussion-module .btn:hover, section.discussion .edit-post-form .edit-comment-control .post-cancel:hover,
section.discussion .edit-post-form .edit-post-control .post-cancel:hover,
section.discussion .edit-post-form .update-post-control .post-cancel:hover, .discussion.inline-discussion .btn:active, div.xblock-student_view-discussion div.discussion-module .inline-thread .post-extended-content .add-response-btn:active, div.xblock-student_view-discussion div.discussion-module .btn:active, section.discussion .edit-post-form .edit-comment-control .post-cancel:active,
section.discussion .edit-post-form .edit-post-control .post-cancel:active,
section.discussion .edit-post-form .update-post-control .post-cancel:active {
  color: #5959eb !important;
  border-color: #5959eb !important;
  background-color: transparent !important;
}

.discussion.inline-discussion .table-wrapper {
  border: 1px solid #f4f4f4;
  padding-bottom: 3px;
}

.discussion.inline-discussion .forum-nav-refine-bar, section.discussion div.discussion-body .forum-nav-refine-bar {
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 0;
  padding-bottom: 20px;
}

@media (max-width: 576px) {
  .discussion.inline-discussion .forum-nav-refine-bar, section.discussion div.discussion-body .forum-nav-refine-bar {
    padding: 5px 0;
  }
}

.discussion.inline-discussion .forum-nav-refine-bar select, section.discussion div.discussion-body .forum-nav-refine-bar select {
  color: #09092d;
}

.discussion.inline-discussion .forum-nav-refine-bar .forum-nav-filter-main, section.discussion div.discussion-body .forum-nav-refine-bar .forum-nav-filter-main {
  float: none;
  width: auto;
  padding-right: 50px;
}

@media (max-width: 576px) {
  .discussion.inline-discussion .forum-nav-refine-bar .forum-nav-filter-main, section.discussion div.discussion-body .forum-nav-refine-bar .forum-nav-filter-main {
    padding-right: 0px;
  }
}

.discussion.inline-discussion .forum-nav-refine-bar .forum-nav-sort, section.discussion div.discussion-body .forum-nav-refine-bar .forum-nav-sort {
  float: none;
  color: #09092d;
}

section.discussion .thread-wrapper .thread-main-wrapper .post-title .fa, .discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 .icon, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 .icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: 400;
  font-size: 18px;
}

@media (max-width: 768px) {
  section.discussion .thread-wrapper .thread-main-wrapper .post-title .fa, .discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 .icon, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 .icon {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
}

section.discussion .thread-wrapper .thread-main-wrapper .post-title .fa-question-circle.fa, .discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 .fa-question-circle.icon, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 .fa-question-circle.icon {
  background-color: #9595fe;
}

section.discussion .thread-wrapper .thread-main-wrapper .post-title .fa-comment-alt.fa, .discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 .fa-comment-alt.icon, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 .fa-comment-alt.icon {
  background-color: #9595fe;
}

section.discussion .thread-wrapper .thread-main-wrapper .post-title .fa-check-square-o.fa, .discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 .fa-check-square-o.icon, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 .fa-check-square-o.icon {
  background-color: #dcdcdc;
}

.discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header, section.discussion div.discussion-body .forum-nav-thread-list-header {
  list-style: none !important;
  margin-bottom: 0;
  display: flex;
  height: 60px;
}

.discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header li, section.discussion div.discussion-body .forum-nav-thread-list-header li {
  margin-bottom: 0;
}

.discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header .wrapper-0, section.discussion div.discussion-body .forum-nav-thread-list-header .wrapper-0 {
  flex: 0.1;
}

@media (max-width: 576px) {
  .discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header .wrapper-0, section.discussion div.discussion-body .forum-nav-thread-list-header .wrapper-0 {
    display: none;
  }
}

.discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header .wrapper-1, section.discussion div.discussion-body .forum-nav-thread-list-header .wrapper-1 {
  flex: 0.8;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: grey;
  text-transform: uppercase;
}

@media (max-width: 576px) {
  .discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header .wrapper-1, section.discussion div.discussion-body .forum-nav-thread-list-header .wrapper-1 {
    flex: 0.9;
    padding-left: 20px;
  }
}

.discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header .wrapper-1 .title, section.discussion div.discussion-body .forum-nav-thread-list-header .wrapper-1 .title {
  flex: 0.35;
}

@media (max-width: 576px) {
  .discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header .wrapper-1 .title, section.discussion div.discussion-body .forum-nav-thread-list-header .wrapper-1 .title {
    flex: 1;
    font-size: 11px;
  }
}

.discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header .wrapper-1 .topic, section.discussion div.discussion-body .forum-nav-thread-list-header .wrapper-1 .topic {
  flex: 0.35;
}

@media (max-width: 576px) {
  .discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header .wrapper-1 .topic, section.discussion div.discussion-body .forum-nav-thread-list-header .wrapper-1 .topic {
    display: none;
  }
}

.discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header .wrapper-1 .author, section.discussion div.discussion-body .forum-nav-thread-list-header .wrapper-1 .author {
  flex: 0.2;
}

@media (max-width: 576px) {
  .discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header .wrapper-1 .author, section.discussion div.discussion-body .forum-nav-thread-list-header .wrapper-1 .author {
    display: none;
  }
}

.discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header .wrapper-1 .labels, section.discussion div.discussion-body .forum-nav-thread-list-header .wrapper-1 .labels {
  flex: 0.1;
}

.discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header .wrapper-2, section.discussion div.discussion-body .forum-nav-thread-list-header .wrapper-2 {
  flex: 0.1;
}

@media (max-width: 576px) {
  .discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header .wrapper-2, section.discussion div.discussion-body .forum-nav-thread-list-header .wrapper-2 {
    display: flex;
    align-items: center;
    color: #09092d;
    font-weight: 600;
    padding-right: 10px;
  }
  .discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header .wrapper-2:before, section.discussion div.discussion-body .forum-nav-thread-list-header .wrapper-2:before {
    content: 'POST';
    font-size: 11px;
  }
}

.discussion.inline-discussion .forum-nav-thread-list, section.discussion div.discussion-body .forum-nav-thread-list {
  border-bottom: 0;
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread {
  border-bottom: 0;
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread:nth-child(odd), section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread:nth-child(odd) {
  background-color: #fafafa;
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a {
  display: flex;
  padding: 16px 0;
  border-left: none;
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 {
  flex: 0.1;
  align-self: auto;
  margin-right: 0;
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 .icon, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 .icon {
  margin-left: 20px;
}

@media (max-width: 576px) {
  .discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 .icon, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-0 .icon {
    margin-right: 10px;
  }
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 {
  display: flex;
  flex: 0.8;
  align-items: center;
  margin-left: 0;
  overflow: hidden;
  font-size: 14px;
  color: #09092d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-title, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-title {
  flex: 0.35;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}

@media (max-width: 576px) {
  .discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-title, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-title {
    flex: 1;
  }
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-topic, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-topic {
  flex: 0.35;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}

@media (max-width: 576px) {
  .discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-topic, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-topic {
    display: none;
  }
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-author, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-author {
  flex: 0.2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 10px;
}

@media (max-width: 576px) {
  .discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-author, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-author {
    display: none;
  }
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-labels, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-labels {
  flex: 0.1;
  margin-top: 0;
}

@media (max-width: 576px) {
  .discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-labels, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-labels {
    display: none;
  }
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-labels .post-label-following, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-1 .forum-nav-thread-labels .post-label-following {
  color: #f3c316;
  font-size: 20px;
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-2, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-2 {
  flex: 0.1;
  text-align: left;
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-2 .forum-nav-thread-comments-count, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-2 .forum-nav-thread-comments-count {
  color: #09092d;
}

@media (max-width: 768px) {
  .discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-2 .forum-nav-thread-comments-count, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a .forum-nav-thread-wrapper-2 .forum-nav-thread-comments-count {
    content: normal;
    background-color: transparent;
  }
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a:hover, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a:hover {
  text-shadow: none;
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a:hover .forum-nav-thread-wrapper-1, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a:hover .forum-nav-thread-wrapper-1 {
  color: #5959eb;
}

.discussion.inline-discussion .forum-nav-thread-list .forum-nav-thread > a:hover .forum-nav-thread-wrapper-2 .forum-nav-thread-comments-count, section.discussion div.discussion-body .forum-nav-thread-list .forum-nav-thread > a:hover .forum-nav-thread-wrapper-2 .forum-nav-thread-comments-count {
  text-shadow: none;
}

body.view-in-course.discussion .content-wrapper {
  padding: 0;
}

body.view-in-course.discussion .content-wrapper span.field-input-label {
  font-style: normal;
}

.page-content-container {
  padding: 0 60px;
}

@media (max-width: 768px) {
  .page-content-container {
    padding: 0;
  }
}

section.discussion {
  padding-top: 40px;
  border: none;
  background: transparent;
}

@media (max-width: 992px) {
  section.discussion {
    padding-top: 0;
  }
}

section.discussion .new-post-article {
  margin-top: 0;
  margin-bottom: 20px;
}

section.discussion .new-post-article.is-hidden {
  display: none;
}

section.discussion .forum-content {
  padding-bottom: 20px;
}

section.discussion .responses .forum-response .comments .comment-body, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body, section.discussion .edit-post-form .edit-comment-body,
section.discussion .edit-post-form .edit-post-body, section.discussion .edit-post-form .editor,
section.discussion .forum-new-post-form .editor {
  border: 1px solid #dcdcdc;
  border-radius: 8px;
}

section.discussion .responses .forum-response .comments .comment-body .wmd-panel > div:first-child, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body .wmd-panel > div:first-child, section.discussion .edit-post-form .edit-comment-body .wmd-panel > div:first-child,
section.discussion .edit-post-form .edit-post-body .wmd-panel > div:first-child, section.discussion .edit-post-form .editor .wmd-panel > div:first-child,
section.discussion .forum-new-post-form .editor .wmd-panel > div:first-child {
  border-bottom: 1px solid #dcdcdc;
}

section.discussion .responses .forum-response .comments .comment-body .wmd-panel.collapsed > div:first-child, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body .wmd-panel.collapsed > div:first-child, section.discussion .edit-post-form .edit-comment-body .wmd-panel.collapsed > div:first-child,
section.discussion .edit-post-form .edit-post-body .wmd-panel.collapsed > div:first-child, section.discussion .edit-post-form .editor .wmd-panel.collapsed > div:first-child,
section.discussion .forum-new-post-form .editor .wmd-panel.collapsed > div:first-child {
  border-bottom: 0;
}

section.discussion .responses .forum-response .comments .comment-body .wmd-input, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body .wmd-input, section.discussion .edit-post-form .edit-comment-body .wmd-input,
section.discussion .edit-post-form .edit-post-body .wmd-input, section.discussion .edit-post-form .editor .wmd-input,
section.discussion .forum-new-post-form .editor .wmd-input {
  border: none;
  border-radius: 0;
  float: none;
}

section.discussion .responses .forum-response .comments .comment-body .wmd-preview-container, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body .wmd-preview-container, section.discussion .edit-post-form .edit-comment-body .wmd-preview-container,
section.discussion .edit-post-form .edit-post-body .wmd-preview-container, section.discussion .edit-post-form .editor .wmd-preview-container,
section.discussion .forum-new-post-form .editor .wmd-preview-container {
  border: none;
  background-color: #fafafa;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

section.discussion .responses .forum-response .comments .comment-body .wmd-preview-container .wmd-preview-label, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body .wmd-preview-container .wmd-preview-label, section.discussion .edit-post-form .edit-comment-body .wmd-preview-container .wmd-preview-label,
section.discussion .edit-post-form .edit-post-body .wmd-preview-container .wmd-preview-label, section.discussion .edit-post-form .editor .wmd-preview-container .wmd-preview-label,
section.discussion .forum-new-post-form .editor .wmd-preview-container .wmd-preview-label {
  color: #cecece;
  padding-left: 16px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 300;
}

section.discussion .responses .forum-response .comments .comment-body .wmd-preview, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body .wmd-preview, section.discussion .edit-post-form .edit-comment-body .wmd-preview,
section.discussion .edit-post-form .edit-post-body .wmd-preview, section.discussion .edit-post-form .editor .wmd-preview,
section.discussion .forum-new-post-form .editor .wmd-preview {
  background: transparent;
  min-height: 60px;
}

section.discussion .responses .forum-response .comments .comment-body .wmd-button > span, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body .wmd-button > span, section.discussion .edit-post-form .edit-comment-body .wmd-button > span,
section.discussion .edit-post-form .edit-post-body .wmd-button > span, section.discussion .edit-post-form .editor .wmd-button > span,
section.discussion .forum-new-post-form .editor .wmd-button > span {
  background-image: url("/static/images/wmd-buttons-transparent.ead3918166fc.png");
}

section.discussion .responses .forum-response .comments .comment-body .wmd-button-row, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body .wmd-button-row, section.discussion .edit-post-form .edit-comment-body .wmd-button-row,
section.discussion .edit-post-form .edit-post-body .wmd-button-row, section.discussion .edit-post-form .editor .wmd-button-row,
section.discussion .forum-new-post-form .editor .wmd-button-row {
  margin: 4px 10px 0;
  height: auto;
}

section.discussion .responses .forum-response .comments .comment-body .wmd-button-row .wmd-button, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body .wmd-button-row .wmd-button, section.discussion .edit-post-form .edit-comment-body .wmd-button-row .wmd-button,
section.discussion .edit-post-form .edit-post-body .wmd-button-row .wmd-button, section.discussion .edit-post-form .editor .wmd-button-row .wmd-button,
section.discussion .forum-new-post-form .editor .wmd-button-row .wmd-button {
  position: static;
  margin-right: 10px;
}

section.discussion .responses .forum-response .comments .comment-body .wmd-button-row .wmd-spacer, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body .wmd-button-row .wmd-spacer, section.discussion .edit-post-form .edit-comment-body .wmd-button-row .wmd-spacer,
section.discussion .edit-post-form .edit-post-body .wmd-button-row .wmd-spacer, section.discussion .edit-post-form .editor .wmd-button-row .wmd-spacer,
section.discussion .forum-new-post-form .editor .wmd-button-row .wmd-spacer {
  position: static;
  margin-right: 10px;
}

section.discussion div.view-discussion-home {
  padding-left: 0;
}

section.discussion div.view-discussion-home .home-header {
  display: none;
}

section.discussion div.view-discussion-home .label-settings {
  padding-bottom: 16px;
}

section.discussion div.view-discussion-home .home-helpgrid {
  border-collapse: separate;
  border: 1px solid #ececec;
  width: 100%;
}

section.discussion div.view-discussion-home .home-helpgrid tr:first-child .row-title, section.discussion div.view-discussion-home .home-helpgrid tr:first-child .row-item {
  padding-top: 40px;
  padding: 15px 30px;
}

section.discussion div.view-discussion-home .home-helpgrid tr:first-child .row-title {
  border-top-left-radius: 8px;
}

section.discussion div.view-discussion-home .home-helpgrid tr:last-child {
  display: none;
}

section.discussion div.view-discussion-home .home-helpgrid td {
  color: #09092d;
}

section.discussion div.view-discussion-home .home-helpgrid .row-title {
  background-color: #fafafa;
  font-size: 16px;
}

section.discussion div.view-discussion-home .home-helpgrid .row-item-full {
  padding-bottom: 10px;
}

section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox {
  border: none;
  padding-left: 3px;
  margin-right: 6px;
}

section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting {
  visibility: hidden;
}

section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting + span, section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting + span:before, section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting:checked + span:before, section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting:checked + label:before {
  content: "";
  color: #23ab41;
}

section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting[disabled] + span:before, section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting[disabled] + label:before, section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting.disabled + span:before, section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting.disabled + label:before, section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting:disabled + span:before, section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting:disabled + label:before, section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting.is-disabled + span:before, section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting.is-disabled + label:before {
  color: #4c4c8e;
}

section.discussion div.view-discussion-home .home-helpgrid .row-item-full .notification-checkbox .email-setting + span {
  height: 20px;
  margin-right: -20px;
}

section.discussion div.view-discussion-home .helpgrid-row {
  border-bottom: 0;
}

section.discussion div.view-discussion-home .helpgrid-row .row-item .icon {
  font-size: 16px;
}

section.discussion div.view-discussion-home .helpgrid-row .row-item .icon.fa-star {
  color: transparent;
}

section.discussion .page-header {
  flex-direction: column;
  padding: 20px 0;
  border-bottom: 0;
}

section.discussion .page-header h3 {
  padding-bottom: 30px;
}

@media (max-width: 768px) {
  section.discussion .page-header h3 {
    padding-bottom: 10px;
    display: none;
  }
}

section.discussion .page-header .page-header-secondary {
  margin-left: 0;
  justify-content: space-between;
}

@media (max-width: 768px) {
  section.discussion .page-header .page-header-secondary {
    flex-direction: column-reverse;
  }
}

section.discussion .page-header .new-post-btn, section.discussion .page-header .back-thread-list {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

section.discussion .page-header .new-post-btn:hover, section.discussion .page-header .new-post-btn.active, section.discussion .page-header .back-thread-list:hover, section.discussion .page-header .back-thread-list.active {
  text-decoration: none;
}

section.discussion .page-header .new-post-btn .icon, section.discussion .page-header .new-post-btn .fa, section.discussion .page-header .new-post-btn .fas, section.discussion .page-header .new-post-btn .far, section.discussion .page-header .new-post-btn .fal, section.discussion .page-header .back-thread-list .icon, section.discussion .page-header .back-thread-list .fa, section.discussion .page-header .back-thread-list .fas, section.discussion .page-header .back-thread-list .far, section.discussion .page-header .back-thread-list .fal {
  margin-right: 5px;
}

section.discussion .page-header .new-post-btn:hover, section.discussion .page-header .new-post-btn.active, section.discussion .page-header .back-thread-list:hover, section.discussion .page-header .back-thread-list.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

section.discussion .page-header .new-post-btn:focus, section.discussion .page-header .back-thread-list:focus {
  color: #ffffff;
  background-color: #5959eb;
}

section.discussion .page-header .new-post-btn[disabled], section.discussion .page-header .new-post-btn.disabled, section.discussion .page-header .new-post-btn:disabled, section.discussion .page-header .new-post-btn.is-disabled, section.discussion .page-header .back-thread-list[disabled], section.discussion .page-header .back-thread-list.disabled, section.discussion .page-header .back-thread-list:disabled, section.discussion .page-header .back-thread-list.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

section.discussion .page-header .new-post-btn {
  position: relative;
  padding-left: 45px;
  font-weight: 400;
}

section.discussion .page-header .new-post-btn:before {
  position: absolute;
  margin-left: -25px;
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 7 Pro";
}

@media (max-width: 768px) {
  section.discussion .page-header .new-post-btn {
    margin: auto;
  }
}

section.discussion .page-header .back-thread-list {
  position: relative;
  padding-left: 45px;
  font-weight: 400;
}

section.discussion .page-header .back-thread-list:before {
  position: absolute;
  margin-left: -25px;
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 7 Pro";
}

@media (max-width: 768px) {
  section.discussion .page-header .back-thread-list {
    margin-left: 20px;
  }
}

section.discussion .page-header .back-thread-list {
  display: none;
}

section.discussion .page-header .forum-search {
  position: relative;
  padding-left: 45px;
  font-weight: 400;
  margin-left: 0;
  display: flex;
  align-items: center;
  color: #dcdcdc;
}

section.discussion .page-header .forum-search:before {
  position: absolute;
  margin-left: -25px;
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 7 Pro";
}

@media (max-width: 768px) {
  section.discussion .page-header .forum-search {
    margin-top: 0;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 20px;
  }
}

section.discussion .page-header .forum-search:before {
  margin-left: 15px;
}

section.discussion .page-header .forum-search input {
  padding-left: 43px;
  margin-right: 10px;
  color: #dcdcdc;
  border-color: #dcdcdc;
  font-weight: 300;
}

@media (max-width: 576px) {
  section.discussion .page-header .forum-search input {
    margin-right: 0;
  }
}

section.discussion .page-header .forum-search input::placeholder {
  color: #dcdcdc;
}

section.discussion .page-header .forum-search input:focus {
  box-shadow: none;
}

section.discussion .page-header .forum-search .search-button {
  display: none;
}

section.discussion .page-header .forum-search i {
  display: none;
  position: absolute;
  right: 25px;
  cursor: pointer;
}

section.discussion .page-header .forum-actions {
  display: flex;
}

section.discussion .page-content {
  padding: 0;
}

section.discussion div.discussion-body {
  display: flex;
  flex-direction: column;
  padding-bottom: 60px;
}

@media (max-width: 768px) {
  section.discussion div.discussion-body {
    padding-bottom: 30px;
  }
}

section.discussion div.discussion-body .discussion-column {
  width: auto;
  margin-left: 0;
  min-height: 0;
  margin-bottom: 0;
}

section.discussion div.discussion-body .forum-nav {
  width: auto;
  max-width: none;
}

@media (max-width: 768px) {
  section.discussion div.discussion-body .forum-nav-refine-bar {
    display: none;
  }
}

section.discussion div.discussion-body .search-alerts .search-alert {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

section.discussion div.discussion-body .search-alerts .search-alert .search-alert-content {
  margin-right: 20px;
}

section.discussion div.discussion-body .search-alerts .search-alert .search-alert-content .message {
  margin-bottom: 0;
}

section.discussion div.discussion-body .search-alerts .search-alert .search-alert-controls {
  display: none;
}

section.discussion div.discussion-body .search-alerts .search-alert .search-alert-controls .btn-link {
  border: 0 none;
}

section.discussion .edit-post-form .thread-title,
section.discussion .forum-new-post-form .thread-title {
  display: none;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field {
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 10px;
  }
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-label,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-label {
  flex: 0.15;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value {
  flex: 0.5;
}

@media (max-width: 768px) {
  section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value {
    padding-bottom: 10px;
  }
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion],
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] {
  visibility: hidden;
  padding-right: 40px;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] + span, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] + label,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] + span,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] + span:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] + label:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion]:checked + span:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion]:checked + label:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion]:checked + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion]:checked + label:before {
  content: "";
  color: #ffffff;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion][disabled] + span:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion][disabled] + label:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion].disabled + span:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion].disabled + label:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion]:disabled + span:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion]:disabled + label:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion].is-disabled + span:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion].is-disabled + label:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion][disabled] + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion][disabled] + label:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion].disabled + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion].disabled + label:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion]:disabled + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion]:disabled + label:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion].is-disabled + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion].is-disabled + label:before {
  color: #4c4c8e;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] + span,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] + span {
  display: flex;
  align-items: center;
  padding-left: 58px;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] + span:before {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: 400;
  font-size: 18px;
  background-color: #cecece;
  margin-left: -58px;
  font-weight: 300;
  font-size: 16px;
}

@media (max-width: 768px) {
  section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion] + span:before {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion]:checked + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=discussion]:checked + span:before {
  background-color: #9595fe;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question],
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] {
  visibility: hidden;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] + span, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] + label,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] + span,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] + span:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] + label:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question]:checked + span:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question]:checked + label:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question]:checked + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question]:checked + label:before {
  content: "";
  color: #ffffff;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question][disabled] + span:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question][disabled] + label:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question].disabled + span:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question].disabled + label:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question]:disabled + span:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question]:disabled + label:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question].is-disabled + span:before, section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question].is-disabled + label:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question][disabled] + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question][disabled] + label:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question].disabled + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question].disabled + label:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question]:disabled + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question]:disabled + label:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question].is-disabled + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question].is-disabled + label:before {
  color: #4c4c8e;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] + span,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] + span {
  display: flex;
  align-items: center;
  padding-left: 58px;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] + span:before {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: 400;
  font-size: 18px;
  background-color: #cecece;
  margin-left: -58px;
  font-weight: 300;
  font-size: 16px;
}

@media (max-width: 768px) {
  section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question] + span:before {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question]:checked + span:before,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value input[value=question]:checked + span:before {
  background-color: #9595fe;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-value .post-type-label,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-value .post-type-label {
  cursor: pointer;
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-help,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-help {
  flex: 0.3;
}

@media (max-width: 768px) {
  section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field .field-help,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field .field-help {
    display: none;
  }
}

section.discussion .edit-post-form .forum-new-post-form-wrapper .post-field select,
section.discussion .forum-new-post-form .forum-new-post-form-wrapper .post-field select {
  padding-left: 10px;
}

section.discussion .edit-post-form .post-field,
section.discussion .forum-new-post-form .post-field {
  color: #09092d;
}

section.discussion .edit-post-form .post-field .field-label,
section.discussion .forum-new-post-form .post-field .field-label {
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 768px) {
  section.discussion .edit-post-form .post-field .field-label,
section.discussion .forum-new-post-form .post-field .field-label {
    padding-bottom: 6px;
  }
}

section.discussion .edit-post-form .post-field .field-label .field-label-text,
section.discussion .forum-new-post-form .post-field .field-label .field-label-text {
  font-style: normal;
  font-weight: 600;
  color: #09092d;
  font-size: 18px;
}

section.discussion .edit-post-form .post-field .field-value select,
section.discussion .forum-new-post-form .post-field .field-value select {
  width: auto;
}

section.discussion .edit-post-form .post-field .field-value .post-type-label,
section.discussion .forum-new-post-form .post-field .field-value .post-type-label {
  cursor: pointer;
}

section.discussion .edit-post-form .post-field .field-value .wmd-input,
section.discussion .edit-post-form .post-field .field-value .field-input,
section.discussion .forum-new-post-form .post-field .field-value .wmd-input,
section.discussion .forum-new-post-form .post-field .field-value .field-input {
  font-style: normal;
}

section.discussion .edit-post-form .post-field .field-help,
section.discussion .forum-new-post-form .post-field .field-help {
  font-weight: 300;
  font-style: italic;
  font-size: 14px;
}

section.discussion .edit-post-form .post-field select,
section.discussion .forum-new-post-form .post-field select {
  padding-left: 10px;
}

@media (max-width: 768px) {
  section.discussion .edit-post-form #wrapper-visibility-message,
section.discussion .forum-new-post-form #wrapper-visibility-message {
    display: none;
  }
}

section.discussion .edit-post-form .post-field.post-title-field input,
section.discussion .forum-new-post-form .post-field.post-title-field input {
  width: 100%;
}

section.discussion .edit-post-form .post-field.post-title-field .field-help,
section.discussion .edit-post-form .post-field.post-body-field .field-help,
section.discussion .forum-new-post-form .post-field.post-title-field .field-help,
section.discussion .forum-new-post-form .post-field.post-body-field .field-help {
  display: none;
}

section.discussion .edit-post-form .post-field.group-visibility,
section.discussion .forum-new-post-form .post-field.group-visibility {
  font-size: 14px;
}

section.discussion .edit-post-form .post-options,
section.discussion .forum-new-post-form .post-options {
  display: flex;
  flex-direction: column;
  float: left;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  section.discussion .edit-post-form .post-options,
section.discussion .forum-new-post-form .post-options {
    float: none;
    padding-bottom: 10px;
  }
}

section.discussion .edit-post-form .post-options input[type=checkbox],
section.discussion .forum-new-post-form .post-options input[type=checkbox] {
  visibility: hidden;
}

section.discussion .edit-post-form .post-options input[type=checkbox] + span, section.discussion .edit-post-form .post-options input[type=checkbox] + label,
section.discussion .forum-new-post-form .post-options input[type=checkbox] + span,
section.discussion .forum-new-post-form .post-options input[type=checkbox] + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

section.discussion .edit-post-form .post-options input[type=checkbox] + span:before, section.discussion .edit-post-form .post-options input[type=checkbox] + label:before,
section.discussion .forum-new-post-form .post-options input[type=checkbox] + span:before,
section.discussion .forum-new-post-form .post-options input[type=checkbox] + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

section.discussion .edit-post-form .post-options input[type=checkbox]:checked + span:before, section.discussion .edit-post-form .post-options input[type=checkbox]:checked + label:before,
section.discussion .forum-new-post-form .post-options input[type=checkbox]:checked + span:before,
section.discussion .forum-new-post-form .post-options input[type=checkbox]:checked + label:before {
  content: "";
  color: #23ab41;
}

section.discussion .edit-post-form .post-options input[type=checkbox][disabled] + span:before, section.discussion .edit-post-form .post-options input[type=checkbox][disabled] + label:before, section.discussion .edit-post-form .post-options input[type=checkbox].disabled + span:before, section.discussion .edit-post-form .post-options input[type=checkbox].disabled + label:before, section.discussion .edit-post-form .post-options input[type=checkbox]:disabled + span:before, section.discussion .edit-post-form .post-options input[type=checkbox]:disabled + label:before, section.discussion .edit-post-form .post-options input[type=checkbox].is-disabled + span:before, section.discussion .edit-post-form .post-options input[type=checkbox].is-disabled + label:before,
section.discussion .forum-new-post-form .post-options input[type=checkbox][disabled] + span:before,
section.discussion .forum-new-post-form .post-options input[type=checkbox][disabled] + label:before,
section.discussion .forum-new-post-form .post-options input[type=checkbox].disabled + span:before,
section.discussion .forum-new-post-form .post-options input[type=checkbox].disabled + label:before,
section.discussion .forum-new-post-form .post-options input[type=checkbox]:disabled + span:before,
section.discussion .forum-new-post-form .post-options input[type=checkbox]:disabled + label:before,
section.discussion .forum-new-post-form .post-options input[type=checkbox].is-disabled + span:before,
section.discussion .forum-new-post-form .post-options input[type=checkbox].is-disabled + label:before {
  color: #4c4c8e;
}

section.discussion .edit-post-form .actions,
section.discussion .forum-new-post-form .actions {
  margin-top: 34px;
  margin-left: auto;
  display: block;
  width: 200px;
  text-align: right;
}

@media (max-width: 768px) {
  section.discussion .edit-post-form .actions,
section.discussion .forum-new-post-form .actions {
    margin: auto;
    text-align: center;
  }
}

section.discussion .edit-post-form .actions .submit,
section.discussion .forum-new-post-form .actions .submit {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 12px 22px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-weight: 400;
  height: auto;
}

section.discussion .edit-post-form .actions .submit:hover, section.discussion .edit-post-form .actions .submit.active,
section.discussion .forum-new-post-form .actions .submit:hover,
section.discussion .forum-new-post-form .actions .submit.active {
  text-decoration: none;
}

section.discussion .edit-post-form .actions .submit .icon, section.discussion .edit-post-form .actions .submit .fa, section.discussion .edit-post-form .actions .submit .fas, section.discussion .edit-post-form .actions .submit .far, section.discussion .edit-post-form .actions .submit .fal,
section.discussion .forum-new-post-form .actions .submit .icon,
section.discussion .forum-new-post-form .actions .submit .fa,
section.discussion .forum-new-post-form .actions .submit .fas,
section.discussion .forum-new-post-form .actions .submit .far,
section.discussion .forum-new-post-form .actions .submit .fal {
  margin-right: 5px;
}

section.discussion .edit-post-form .actions .submit:hover, section.discussion .edit-post-form .actions .submit.active,
section.discussion .forum-new-post-form .actions .submit:hover,
section.discussion .forum-new-post-form .actions .submit.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

section.discussion .edit-post-form .actions .submit:focus,
section.discussion .forum-new-post-form .actions .submit:focus {
  color: #ffffff;
  background-color: #5959eb;
}

section.discussion .edit-post-form .actions .submit[disabled], section.discussion .edit-post-form .actions .submit.disabled, section.discussion .edit-post-form .actions .submit:disabled, section.discussion .edit-post-form .actions .submit.is-disabled,
section.discussion .forum-new-post-form .actions .submit[disabled],
section.discussion .forum-new-post-form .actions .submit.disabled,
section.discussion .forum-new-post-form .actions .submit:disabled,
section.discussion .forum-new-post-form .actions .submit.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

section.discussion .edit-post-form .actions .submit.active, section.discussion .edit-post-form .actions .submit:focus, section.discussion .edit-post-form .actions .submit:hover, section.discussion .edit-post-form .actions .submit:hover:not(:disabled), section.discussion .edit-post-form .actions .submit:active,
section.discussion .forum-new-post-form .actions .submit.active,
section.discussion .forum-new-post-form .actions .submit:focus,
section.discussion .forum-new-post-form .actions .submit:hover,
section.discussion .forum-new-post-form .actions .submit:hover:not(:disabled),
section.discussion .forum-new-post-form .actions .submit:active {
  color: #09092d !important;
  background-image: none !important;
  background-color: #ffffff !important;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2) !important;
}

section.discussion .edit-post-form .edit-comment-control,
section.discussion .edit-post-form .edit-post-control,
section.discussion .edit-post-form .update-post-control {
  text-align: right;
}

section.discussion .edit-post-form .edit-comment-control .post-cancel,
section.discussion .edit-post-form .edit-post-control .post-cancel,
section.discussion .edit-post-form .update-post-control .post-cancel, section.discussion .edit-post-form .edit-comment-control .post-update,
section.discussion .edit-post-form .edit-post-control .post-update,
section.discussion .edit-post-form .update-post-control .post-update {
  float: none;
  margin-top: 0;
}

section.discussion .edit-post-form .edit-comment-control .post-cancel,
section.discussion .edit-post-form .edit-post-control .post-cancel,
section.discussion .edit-post-form .update-post-control .post-cancel {
  box-shadow: none;
}

section.discussion .edit-post-form .form-row {
  padding-bottom: 10px;
}

section.discussion .edit-post-form .edit-comment-body,
section.discussion .edit-post-form .edit-post-body,
section.discussion .edit-post-form .editor {
  width: 98%;
}

section.discussion .edit-post-form .edit-comment-control,
section.discussion .edit-post-form .edit-post-control,
section.discussion .edit-post-form .update-post-control {
  padding-right: 10px;
}

section.discussion .discussion-article {
  padding: 130px 60px 60px 60px;
  border: 1px solid #f4f4f4;
}

@media (max-width: 768px) {
  section.discussion .discussion-article {
    padding: 130px 20px 60px 20px;
  }
}

section.discussion .responses .forum-response .discussion-comment .post-labels, section.discussion .responses .forum-response .response-header-content .post-labels, section.discussion .thread-wrapper .thread-main-wrapper .post-labels, section.discussion .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .post-labels, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content section.discussion .post-labels, section.discussion .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .post-labels, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content section.discussion .post-labels {
  float: right;
  width: 100px;
  text-align: right;
  margin-left: auto;
}

section.discussion .responses .forum-response .discussion-comment .post-labels .post-label, section.discussion .responses .forum-response .response-header-content .post-labels .post-label, section.discussion .thread-wrapper .thread-main-wrapper .post-labels .post-label, section.discussion .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .post-labels .post-label, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content section.discussion .post-labels .post-label, section.discussion .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .post-labels .post-label, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content section.discussion .post-labels .post-label {
  font-weight: 400;
}

section.discussion .responses .forum-response .discussion-comment .post-labels .post-label.post-label-pinned, section.discussion .responses .forum-response .response-header-content .post-labels .post-label.post-label-pinned, section.discussion .thread-wrapper .thread-main-wrapper .post-labels .post-label.post-label-pinned, section.discussion .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .post-labels .post-label.post-label-pinned, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content section.discussion .post-labels .post-label.post-label-pinned, section.discussion .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .post-labels .post-label.post-label-pinned, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content section.discussion .post-labels .post-label.post-label-pinned,
section.discussion .responses .forum-response .discussion-comment .post-labels .post-label.post-label-reported,
section.discussion .responses .forum-response .response-header-content .post-labels .post-label.post-label-reported,
section.discussion .thread-wrapper .thread-main-wrapper .post-labels .post-label.post-label-reported,
section.discussion .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .post-labels .post-label.post-label-reported,
.analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content section.discussion .post-labels .post-label.post-label-reported,
section.discussion .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .post-labels .post-label.post-label-reported,
.analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content section.discussion .post-labels .post-label.post-label-reported {
  color: #f22f31;
}

section.discussion .responses .forum-response .discussion-comment .post-labels .fa, section.discussion .responses .forum-response .response-header-content .post-labels .fa, section.discussion .thread-wrapper .thread-main-wrapper .post-labels .fa, section.discussion .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .post-labels .fa, .analytics-wrapper .ilt_report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content section.discussion .post-labels .fa, section.discussion .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content .post-labels .fa, .analytics-wrapper.training-report .training-report-wrapper .selected-item-content-container .analytics-header-wrapper .reminder-learner-wrapper .paragon__modal-backdrop .paragon__modal-dialog .paragon__modal-content .paragon__modal-header .paragon__modal-title .header-content section.discussion .post-labels .fa {
  margin-right: 8px;
}

section.discussion .thread-wrapper .thread-main-wrapper {
  border: 1px solid #f4f4f4;
  padding-bottom: 3px;
}

section.discussion .thread-wrapper .thread-main-wrapper .post-header-content {
  max-width: none;
}

section.discussion .thread-wrapper .thread-main-wrapper .post-title {
  display: flex;
  align-items: center;
  position: relative;
  top: -75px;
  left: -20px;
  height: 10px;
  padding-bottom: 0;
  width: 70%;
  float: left;
}

@media (max-width: 768px) {
  section.discussion .thread-wrapper .thread-main-wrapper .post-title {
    width: 100%;
  }
}

section.discussion .thread-wrapper .thread-main-wrapper .post-title .fa {
  font-size: 16px;
  margin-right: 18px;
  min-width: 40px;
}

@media (max-width: 768px) {
  section.discussion .thread-wrapper .thread-main-wrapper .post-title .fa {
    min-width: 30px;
  }
}

section.discussion .thread-wrapper .thread-main-wrapper .post-labels {
  position: relative;
  top: -75px;
  width: 30%;
}

section.discussion .thread-wrapper .thread-main-wrapper .post-context {
  clear: both;
  position: relative;
  top: -60px;
  font-weight: 400;
  margin-left: 40px;
}

section.discussion .thread-wrapper .thread-main-wrapper .post-context .group-visibility-label {
  width: 30%;
  float: right;
  text-align: right;
}

@media (max-width: 768px) {
  section.discussion .thread-wrapper .thread-main-wrapper .post-context .group-visibility-label {
    width: 100%;
  }
}

section.discussion .thread-wrapper .thread-main-wrapper .post-context .group-visibility-label .fa-eye {
  margin-right: 8px;
}

section.discussion .thread-wrapper .thread-main-wrapper .post-body {
  padding: 0;
}

@media (max-width: 768px) {
  section.discussion .thread-wrapper .thread-main-wrapper .post-body {
    padding-left: 0;
    max-width: none;
  }
}

section.discussion .thread-wrapper .thread-main-wrapper .discussion-post {
  padding: 0 0 20px 20px;
}

section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions {
  float: none;
}

@media (max-width: 768px) {
  section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions {
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list {
    padding-left: 0;
  }
}

section.discussion .thread-wrapper .thread-main-wrapper .post-body, section.discussion .thread-wrapper .thread-main-wrapper .post-header-actions {
  padding-left: 86px;
}

@media (max-width: 768px) {
  section.discussion .thread-wrapper .thread-main-wrapper .post-body, section.discussion .thread-wrapper .thread-main-wrapper .post-header-actions {
    padding-left: 0;
  }
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper {
  background-color: #fafafa;
  margin-top: 20px;
  margin-left: 86px;
  padding: 10px 20px;
  border: none;
}

@media (max-width: 992px) {
  section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper {
    margin-left: 25px;
  }
}

@media (max-width: 768px) {
  section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper {
    margin-left: 20px;
  }
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper:hover {
  background-color: #fafafa;
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .discussion-reply-new .discussion-errors {
  margin-bottom: 0;
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .discussion-reply-new .discussion-errors > li:last-child {
  margin-bottom: 16px;
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body {
  background-color: #ffffff;
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body .wmd-preview p, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body .wmd-input {
  color: #09092d;
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body .wmd-input {
  border-top: 0;
  background: transparent;
  box-shadow: none;
}

@media (max-width: 768px) {
  section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-body .wmd-input {
    padding-left: 15px !important;
  }
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control {
  text-align: right;
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 12px 22px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-weight: 400;
  height: auto;
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button:hover, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button.active {
  text-decoration: none;
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button .icon, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button .fa, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button .fas, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button .far, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button .fal {
  margin-right: 5px;
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button:hover, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button[disabled], section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button.disabled, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button:disabled, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button.active, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button:focus, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button:hover, section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button:hover:not(:disabled), section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .reply-post-control .control-button:active {
  color: #09092d !important;
  background-image: none !important;
  background-color: #ffffff !important;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2) !important;
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .response-btn-count-wrapper {
  display: none;
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .response-pagination {
  margin-bottom: 0;
  font-style: italic;
  line-height: 1;
}

section.discussion .thread-wrapper .post-extended-content.thread-responses-wrapper .post-status-closed {
  text-align: left;
  font-size: inherit;
}

section.discussion .responses .forum-response .discussion-comment .posted-details, section.discussion .responses .forum-response .response-header-content .posted-details, section.discussion .thread-wrapper .thread-main-wrapper .post-header-content .posted-details {
  margin-top: 0;
}

@media (max-width: 768px) {
  section.discussion .responses .forum-response .discussion-comment .posted-details, section.discussion .responses .forum-response .response-header-content .posted-details, section.discussion .thread-wrapper .thread-main-wrapper .post-header-content .posted-details {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
}

section.discussion .responses .forum-response .discussion-comment .posted-details a, section.discussion .responses .forum-response .response-header-content .posted-details a, section.discussion .thread-wrapper .thread-main-wrapper .post-header-content .posted-details a {
  color: #09092d;
  font-size: 16px;
  font-weight: 700;
  padding-right: 20px;
}

@media (max-width: 768px) {
  section.discussion .responses .forum-response .discussion-comment .posted-details a, section.discussion .responses .forum-response .response-header-content .posted-details a, section.discussion .thread-wrapper .thread-main-wrapper .post-header-content .posted-details a {
    width: 40%;
    padding-right: 0;
    padding-bottom: 5px;
  }
}

section.discussion .responses .forum-response .discussion-comment .posted-details a:hover, section.discussion .responses .forum-response .response-header-content .posted-details a:hover, section.discussion .thread-wrapper .thread-main-wrapper .post-header-content .posted-details a:hover {
  color: #5959eb;
}

section.discussion .responses .forum-response .discussion-comment .posted-details a:nth-of-type(2), section.discussion .responses .forum-response .response-header-content .posted-details a:nth-of-type(2), section.discussion .thread-wrapper .thread-main-wrapper .post-header-content .posted-details a:nth-of-type(2) {
  padding-left: 3px;
}

section.discussion .responses .forum-response .discussion-comment .posted-details .author-profile-image, section.discussion .responses .forum-response .response-header-content .posted-details .author-profile-image, section.discussion .thread-wrapper .thread-main-wrapper .post-header-content .posted-details .author-profile-image {
  border-radius: 50%;
  margin-right: 30px;
}

@media (max-width: 576px) {
  section.discussion .responses .forum-response .discussion-comment .posted-details .author-profile-image, section.discussion .responses .forum-response .response-header-content .posted-details .author-profile-image, section.discussion .thread-wrapper .thread-main-wrapper .post-header-content .posted-details .author-profile-image {
    margin-right: 5px;
  }
}

section.discussion .responses .forum-response .discussion-comment .posted-details .timeago, section.discussion .responses .forum-response .response-header-content .posted-details .timeago, section.discussion .thread-wrapper .thread-main-wrapper .post-header-content .posted-details .timeago {
  padding: 0 60px 0 10px;
}

@media (max-width: 768px) {
  section.discussion .responses .forum-response .discussion-comment .posted-details .timeago, section.discussion .responses .forum-response .response-header-content .posted-details .timeago, section.discussion .thread-wrapper .thread-main-wrapper .post-header-content .posted-details .timeago {
    padding: 0;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 576px) {
  section.discussion .responses .forum-response .discussion-comment .posted-details .timeago, section.discussion .responses .forum-response .response-header-content .posted-details .timeago, section.discussion .thread-wrapper .thread-main-wrapper .post-header-content .posted-details .timeago {
    width: 60%;
  }
}

@media (max-width: 576px) {
  section.discussion .responses .forum-response .discussion-comment .post-labels, section.discussion .responses .forum-response .response-header-content .post-labels, section.discussion .thread-wrapper .thread-main-wrapper .post-header-content .post-labels {
    display: none;
  }
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list, section.discussion .responses .forum-response .response-header-actions .response-actions-list, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list {
  text-align: left;
  display: flex;
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list .actions-item, section.discussion .responses .forum-response .response-header-actions .response-actions-list .actions-item, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .actions-item {
  padding-right: 20px;
}

@media (max-width: 576px) {
  section.discussion .responses .forum-response .discussion-comment .comment-actions-list .actions-item, section.discussion .responses .forum-response .response-header-actions .response-actions-list .actions-item, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .actions-item {
    padding-right: 13px;
  }
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list .is-disabled .action-button .action-icon, section.discussion .responses .forum-response .response-header-actions .response-actions-list .is-disabled .action-button .action-icon, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .is-disabled .action-button .action-icon, section.discussion .responses .forum-response .discussion-comment .comment-actions-list .is-disabled .action-button .action-label, section.discussion .responses .forum-response .response-header-actions .response-actions-list .is-disabled .action-button .action-label, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .is-disabled .action-button .action-label {
  color: #4c4c8e;
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-button, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-button, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-button {
  border: none;
  text-decoration: none;
  display: flex;
  color: #09092d;
  cursor: pointer;
  padding: 0;
  outline: none;
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-button:hover, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-button:hover, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-button:hover, section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-button:focus, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-button:focus, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-button:focus {
  text-decoration: none !important;
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-button .action-icon, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-button .action-icon, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-button .action-icon {
  border: none;
  background: transparent;
  font-size: 16px;
  color: #09092d;
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-button .action-icon .icon, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-button .action-icon .icon, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-button .action-icon .icon {
  font-weight: 400;
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-button .action-label, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-button .action-label, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-button .action-label {
  float: none;
  display: inline-block;
  color: #09092d;
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-button.action-answer:hover, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-button.action-answer:hover, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-button.action-answer:hover {
  background: transparent;
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-button.is-checked .action-icon .icon, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-button.is-checked .action-icon .icon, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-button.is-checked .action-icon .icon {
  font-weight: 900;
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-button.is-checked.action-vote .fa-heart, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-button.is-checked.action-vote .fa-heart, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-button.is-checked.action-vote .fa-heart, section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-button.is-checked.action-report .fa-minus-octagon, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-button.is-checked.action-report .fa-minus-octagon, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-button.is-checked.action-report .fa-minus-octagon {
  color: #f22f31;
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-button.is-checked.action-follow .fa-star, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-button.is-checked.action-follow .fa-star, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-button.is-checked.action-follow .fa-star {
  color: #f3c316;
}

@media (max-width: 768px) {
  section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-edit .action-label, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-edit .action-label, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-edit .action-label, section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-delete .action-label, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-delete .action-label, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-delete .action-label, section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-answer .action-label, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-answer .action-label, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-answer .action-label,
section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-follow .action-label,
section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-follow .action-label,
section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-follow .action-label {
    display: none;
  }
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-vote .action-label .vote-count, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-vote .action-label .vote-count, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-vote .action-label .vote-count {
  width: 13px;
  overflow: hidden;
  display: inline-block;
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-item:not(.is-disabled) .action-button:hover .action-label, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-item:not(.is-disabled) .action-button:hover .action-label, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-item:not(.is-disabled) .action-button:hover .action-label {
  color: #5959eb;
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list .action-item:not(.is-disabled) .action-button:hover .action-icon, section.discussion .responses .forum-response .response-header-actions .response-actions-list .action-item:not(.is-disabled) .action-button:hover .action-icon, section.discussion .thread-wrapper .thread-main-wrapper .discussion-post .post-header-actions .post-actions-list .action-item:not(.is-disabled) .action-button:hover .action-icon {
  background: transparent;
  color: #5959eb;
}

section.discussion .responses .forum-response .response-body, section.discussion .thread-wrapper .thread-main-wrapper .post-body {
  font-size: 16px;
  color: #09092d;
  margin-bottom: 8px;
  line-height: normal;
}

section.discussion .responses .forum-response .response-body p, section.discussion .thread-wrapper .thread-main-wrapper .post-body p, section.discussion .responses .forum-response .response-body ul, section.discussion .thread-wrapper .thread-main-wrapper .post-body ul, section.discussion .responses .forum-response .response-body ol, section.discussion .thread-wrapper .thread-main-wrapper .post-body ol {
  margin-bottom: 5px;
}

section.discussion .responses .forum-response .response-body ul, section.discussion .thread-wrapper .thread-main-wrapper .post-body ul {
  list-style: disc;
}

section.discussion .responses .forum-response .response-body ol, section.discussion .thread-wrapper .thread-main-wrapper .post-body ol {
  list-style-type: decimal;
}

section.discussion .responses .forum-response .response-body ul li, section.discussion .thread-wrapper .thread-main-wrapper .post-body ul li, section.discussion .responses .forum-response .response-body ol li, section.discussion .thread-wrapper .thread-main-wrapper .post-body ol li {
  margin-left: 20px;
}

section.discussion .responses .forum-response .response-body blockquote p, section.discussion .thread-wrapper .thread-main-wrapper .post-body blockquote p {
  margin-bottom: 0;
}

section.discussion .responses .forum-response {
  background-color: #fafafa;
  margin-left: 86px;
  border: none;
}

@media (max-width: 992px) {
  section.discussion .responses .forum-response {
    margin-left: 25px;
  }
}

@media (max-width: 768px) {
  section.discussion .responses .forum-response {
    margin-left: 20px;
  }
}

section.discussion .responses .forum-response:hover {
  background-color: #fafafa;
}

section.discussion .responses .forum-response .response-header-content {
  display: flex;
  align-items: flex-start;
}

@media (max-width: 576px) {
  section.discussion .responses .forum-response .response-header-content {
    width: 100%;
  }
}

section.discussion .responses .forum-response .response-body, section.discussion .responses .forum-response .response-header-actions {
  padding-left: 86px;
}

@media (max-width: 768px) {
  section.discussion .responses .forum-response .response-body, section.discussion .responses .forum-response .response-header-actions {
    padding-left: 20px;
  }
}

section.discussion .responses .forum-response .response-header-actions {
  float: none;
  position: static;
}

@media (max-width: 768px) {
  section.discussion .responses .forum-response .response-header-actions {
    padding-left: 0;
  }
}

@media (max-width: 576px) {
  section.discussion .responses .forum-response .response-header-actions .response-actions-list {
    flex-wrap: wrap;
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  section.discussion .responses .forum-response .response-body {
    padding-left: 0;
    padding-right: 0;
  }
}

section.discussion .responses .forum-response .comments {
  padding-bottom: 20px;
}

section.discussion .responses .forum-response .comments > li {
  border-top: 0;
  border-radius: 8px;
  margin-top: 20px;
  margin-left: 90px;
  background-color: transparent;
}

@media (max-width: 768px) {
  section.discussion .responses .forum-response .comments > li {
    margin-left: 20px;
  }
}

section.discussion .responses .forum-response .comments > li:first-child {
  margin-top: 8px;
}

section.discussion .responses .forum-response .comments .new-comment {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding-top: 0;
}

@media (max-width: 768px) {
  section.discussion .responses .forum-response .comments .new-comment {
    margin-left: 0;
  }
}

section.discussion .responses .forum-response .comments .comment-form {
  padding: 0;
}

section.discussion .responses .forum-response .comments .comment-form .comment-post-control {
  text-align: right;
}

section.discussion .responses .forum-response .comments .comment-form .discussion-submit-comment {
  float: none;
}

section.discussion .responses .forum-response .comments .comment-body .wmd-input {
  border-top: 0;
  border-radius: 8px;
}

@media (max-width: 768px) {
  section.discussion .responses .forum-response .comments .comment-body .wmd-input {
    padding-left: 15px !important;
    box-shadow: none;
  }
}

section.discussion .responses .forum-response .discussion-comment .comment-actions-list {
  float: none;
  position: static;
  padding-left: 86px;
}

@media (max-width: 768px) {
  section.discussion .responses .forum-response .discussion-comment .comment-actions-list {
    padding-left: 0px;
  }
}

section.discussion .responses .forum-response .action-show-comments {
  box-shadow: none;
  border: none;
  background: transparent;
}

section.discussion .responses .discussion-response {
  background: transparent;
}

section.discussion .responses .comments {
  background: transparent;
  box-shadow: none;
}

.discussion.inline-discussion.discussion-user-profile-board .user-image-frame {
  border-radius: 50%;
  margin-right: 30px;
}

.discussion.inline-discussion.discussion-user-profile-board .discussion-profile-count {
  margin-top: 0;
}

.discussion.inline-discussion.discussion-user-profile-board .forum-nav-bar, .discussion.inline-discussion.discussion-user-profile-board .forum-content {
  padding-left: 0;
}

.discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  position: relative;
  padding-left: 45px;
  font-weight: 400;
  color: #ffffff !important;
}

.discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn:hover, .discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn.active {
  text-decoration: none;
}

.discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn .icon, .discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn .fa, .discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn .fas, .discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn .far, .discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn .fal {
  margin-right: 5px;
}

.discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn:hover, .discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn[disabled], .discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn.disabled, .discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn:disabled, .discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn:before {
  position: absolute;
  margin-left: -25px;
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 7 Pro";
}

.discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn:focus, .discussion.inline-discussion.discussion-user-profile-board .btn-link.all-posts-btn:hover {
  color: #09092d !important;
}

div.xblock-student_view-discussion div.discussion-module {
  border: 2px solid #f4f4f4;
  border-radius: 8px;
  background: #ffffff;
  padding: 15px 40px;
  width: auto;
}

div.xblock-student_view-discussion div.discussion-module section.discussion {
  padding-top: 10px;
}

div.xblock-student_view-discussion div.discussion-module .add_post_btn_container {
  display: none;
}

div.xblock-student_view-discussion div.discussion-module .inline-discussion-topic {
  display: none;
}

div.xblock-student_view-discussion div.discussion-module .all-posts-btn {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  position: relative;
  padding-left: 45px;
  font-weight: 400;
  color: #ffffff !important;
}

div.xblock-student_view-discussion div.discussion-module .all-posts-btn:hover, div.xblock-student_view-discussion div.discussion-module .all-posts-btn.active {
  text-decoration: none;
}

div.xblock-student_view-discussion div.discussion-module .all-posts-btn .icon, div.xblock-student_view-discussion div.discussion-module .all-posts-btn .fa, div.xblock-student_view-discussion div.discussion-module .all-posts-btn .fas, div.xblock-student_view-discussion div.discussion-module .all-posts-btn .far, div.xblock-student_view-discussion div.discussion-module .all-posts-btn .fal {
  margin-right: 5px;
}

div.xblock-student_view-discussion div.discussion-module .all-posts-btn:hover, div.xblock-student_view-discussion div.discussion-module .all-posts-btn.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

div.xblock-student_view-discussion div.discussion-module .all-posts-btn:focus {
  color: #ffffff;
  background-color: #5959eb;
}

div.xblock-student_view-discussion div.discussion-module .all-posts-btn[disabled], div.xblock-student_view-discussion div.discussion-module .all-posts-btn.disabled, div.xblock-student_view-discussion div.discussion-module .all-posts-btn:disabled, div.xblock-student_view-discussion div.discussion-module .all-posts-btn.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

div.xblock-student_view-discussion div.discussion-module .all-posts-btn:before {
  position: absolute;
  margin-left: -25px;
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 7 Pro";
}

div.xblock-student_view-discussion div.discussion-module .all-posts-btn:before {
  position: static;
  margin-right: 17px;
}

div.xblock-student_view-discussion div.discussion-module .all-posts-btn:focus, div.xblock-student_view-discussion div.discussion-module .all-posts-btn:hover {
  color: #09092d !important;
  text-decoration: none !important;
}

div.xblock-student_view-discussion div.discussion-module .inline-thread .forum-content .discussion-article {
  border: 0 none;
  box-shadow: none;
  padding: 100px 0 60px 0;
}

@media (max-width: 768px) {
  div.xblock-student_view-discussion div.discussion-module .inline-thread .forum-content .discussion-article {
    padding-bottom: 0;
  }
}

.discussion.inline-discussion {
  padding-bottom: 30px;
}

@media (max-width: 768px) {
  .discussion.inline-discussion {
    padding-bottom: 0;
  }
}

.discussion.inline-discussion .is-hidden {
  display: none;
}

.discussion.inline-discussion .discussion-profile-title {
  display: none;
}

.discussion.inline-discussion .page-header-main > div:nth-child(2) {
  display: flex;
  padding-left: 20px;
  font-size: 14px;
  align-items: center;
}

.discussion.inline-discussion .page-header-main > div:nth-child(2) .discussion-profile-info .user-roles {
  font-size: 14px;
}

.discussion.inline-discussion .search-alert {
  display: flex;
}

.discussion.inline-discussion .search-alert .search-alert-content {
  padding-right: 20px;
}

.discussion.inline-discussion .search-alert .search-alert-content .message {
  margin-bottom: 0;
}

.discussion.inline-discussion .search-alert .search-alert-controls {
  display: none;
}

.discussion.inline-discussion .search-alert .search-alert-controls .btn-link {
  border: 0 none;
}

.discussion.inline-discussion .inline-threads, .discussion.inline-discussion .inline-thread {
  border: none !important;
}

.discussion.inline-discussion .table-wrapper ul.forum-nav-thread-list-header {
  padding-left: 0;
}

.wmd-prompt-dialog #editor-dialog-title {
  font-weight: 600;
  color: #09092d;
  font-size: 18px;
}

.wmd-prompt-dialog {
  border-radius: 10px;
  bottom: auto !important;
}

.wmd-prompt-dialog fieldset .field {
  padding-bottom: 15px;
}

.wmd-prompt-dialog fieldset .field label, .wmd-prompt-dialog fieldset .field .field-input {
  font-style: normal;
}

.wmd-prompt-dialog fieldset .field label {
  display: block;
  margin-bottom: 3px;
}

.wmd-prompt-dialog fieldset .field .field-input {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  vertical-align: middle;
}

.wmd-prompt-dialog fieldset .field .field-hint {
  color: #cecece;
  font-size: 13px;
  padding-top: 5px;
}

.wmd-prompt-dialog fieldset .field .input-checkbox {
  visibility: hidden;
}

.wmd-prompt-dialog fieldset .field .input-checkbox + span, .wmd-prompt-dialog fieldset .field .input-checkbox + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

.wmd-prompt-dialog fieldset .field .input-checkbox + span:before, .wmd-prompt-dialog fieldset .field .input-checkbox + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

.wmd-prompt-dialog fieldset .field .input-checkbox:checked + span:before, .wmd-prompt-dialog fieldset .field .input-checkbox:checked + label:before {
  content: "";
  color: #5959eb;
}

.wmd-prompt-dialog fieldset .field .input-checkbox[disabled] + span:before, .wmd-prompt-dialog fieldset .field .input-checkbox[disabled] + label:before, .wmd-prompt-dialog fieldset .field .input-checkbox.disabled + span:before, .wmd-prompt-dialog fieldset .field .input-checkbox.disabled + label:before, .wmd-prompt-dialog fieldset .field .input-checkbox:disabled + span:before, .wmd-prompt-dialog fieldset .field .input-checkbox:disabled + label:before, .wmd-prompt-dialog fieldset .field .input-checkbox.is-disabled + span:before, .wmd-prompt-dialog fieldset .field .input-checkbox.is-disabled + label:before {
  color: #4c4c8e;
}

.wmd-prompt-dialog fieldset .field .input-checkbox + label {
  font-size: 14px;
  font-weight: normal;
}

.wmd-prompt-dialog fieldset .field .input-checkbox + label:before {
  font-size: 16px;
}

.wmd-prompt-dialog fieldset .field .input-checkbox:checked + .field-input-label {
  color: #5959eb;
}

.wmd-prompt-dialog fieldset .field .btn-primary, .wmd-prompt-dialog fieldset .field .btn-brand {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  margin-left: 10px;
}

.wmd-prompt-dialog fieldset .field .btn-primary:hover, .wmd-prompt-dialog fieldset .field .btn-brand:hover, .wmd-prompt-dialog fieldset .field .btn-primary.active, .wmd-prompt-dialog fieldset .field .active.btn-brand {
  text-decoration: none;
}

.wmd-prompt-dialog fieldset .field .btn-primary .icon, .wmd-prompt-dialog fieldset .field .btn-brand .icon, .wmd-prompt-dialog fieldset .field .btn-primary .fa, .wmd-prompt-dialog fieldset .field .btn-brand .fa, .wmd-prompt-dialog fieldset .field .btn-primary .fas, .wmd-prompt-dialog fieldset .field .btn-brand .fas, .wmd-prompt-dialog fieldset .field .btn-primary .far, .wmd-prompt-dialog fieldset .field .btn-brand .far, .wmd-prompt-dialog fieldset .field .btn-primary .fal, .wmd-prompt-dialog fieldset .field .btn-brand .fal {
  margin-right: 5px;
}

.wmd-prompt-dialog fieldset .field .btn-primary:hover, .wmd-prompt-dialog fieldset .field .btn-brand:hover, .wmd-prompt-dialog fieldset .field .btn-primary.active, .wmd-prompt-dialog fieldset .field .active.btn-brand {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.wmd-prompt-dialog fieldset .field .btn-primary:focus, .wmd-prompt-dialog fieldset .field .btn-brand:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.wmd-prompt-dialog fieldset .field .btn-primary[disabled], .wmd-prompt-dialog fieldset .field [disabled].btn-brand, .wmd-prompt-dialog fieldset .field .btn-primary.disabled, .wmd-prompt-dialog fieldset .field .disabled.btn-brand, .wmd-prompt-dialog fieldset .field .btn-primary:disabled, .wmd-prompt-dialog fieldset .field .btn-brand:disabled, .wmd-prompt-dialog fieldset .field .btn-primary.is-disabled, .wmd-prompt-dialog fieldset .field .is-disabled.btn-brand {
  color: #ffffff;
  text-shadow: none;
}

.wmd-prompt-dialog #file-upload {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  color: #09092d;
  border: 1px solid #4c4c8e;
}

.wmd-prompt-dialog #file-upload:hover, .wmd-prompt-dialog #file-upload.active {
  text-decoration: none;
}

.wmd-prompt-dialog #file-upload .icon, .wmd-prompt-dialog #file-upload .fa, .wmd-prompt-dialog #file-upload .fas, .wmd-prompt-dialog #file-upload .far, .wmd-prompt-dialog #file-upload .fal {
  margin-right: 5px;
}

.wmd-prompt-dialog #file-upload:focus {
  color: #09092d;
  border: 1px solid #4c4c8e;
}

.wmd-prompt-dialog #file-upload:hover, .wmd-prompt-dialog #file-upload.active {
  color: #5959eb;
  border-color: #5959eb;
}

.wmd-prompt-dialog .form-actions {
  text-align: center;
}

.wmd-prompt-dialog .form-actions .btn-primary, .wmd-prompt-dialog .form-actions .btn-brand {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.wmd-prompt-dialog .form-actions .btn-primary:hover, .wmd-prompt-dialog .form-actions .btn-brand:hover, .wmd-prompt-dialog .form-actions .btn-primary.active, .wmd-prompt-dialog .form-actions .active.btn-brand {
  text-decoration: none;
}

.wmd-prompt-dialog .form-actions .btn-primary .icon, .wmd-prompt-dialog .form-actions .btn-brand .icon, .wmd-prompt-dialog .form-actions .btn-primary .fa, .wmd-prompt-dialog .form-actions .btn-brand .fa, .wmd-prompt-dialog .form-actions .btn-primary .fas, .wmd-prompt-dialog .form-actions .btn-brand .fas, .wmd-prompt-dialog .form-actions .btn-primary .far, .wmd-prompt-dialog .form-actions .btn-brand .far, .wmd-prompt-dialog .form-actions .btn-primary .fal, .wmd-prompt-dialog .form-actions .btn-brand .fal {
  margin-right: 5px;
}

.wmd-prompt-dialog .form-actions .btn-primary:hover, .wmd-prompt-dialog .form-actions .btn-brand:hover, .wmd-prompt-dialog .form-actions .btn-primary.active, .wmd-prompt-dialog .form-actions .active.btn-brand {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.wmd-prompt-dialog .form-actions .btn-primary:focus, .wmd-prompt-dialog .form-actions .btn-brand:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.wmd-prompt-dialog .form-actions .btn-primary[disabled], .wmd-prompt-dialog .form-actions [disabled].btn-brand, .wmd-prompt-dialog .form-actions .btn-primary.disabled, .wmd-prompt-dialog .form-actions .disabled.btn-brand, .wmd-prompt-dialog .form-actions .btn-primary:disabled, .wmd-prompt-dialog .form-actions .btn-brand:disabled, .wmd-prompt-dialog .form-actions .btn-primary.is-disabled, .wmd-prompt-dialog .form-actions .is-disabled.btn-brand {
  color: #ffffff;
  text-shadow: none;
}

.wmd-prompt-dialog .form-actions .btn-outline-primary {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.wmd-prompt-dialog .form-actions .btn-outline-primary:hover, .wmd-prompt-dialog .form-actions .btn-outline-primary.active {
  text-decoration: none;
}

.wmd-prompt-dialog .form-actions .btn-outline-primary .icon, .wmd-prompt-dialog .form-actions .btn-outline-primary .fa, .wmd-prompt-dialog .form-actions .btn-outline-primary .fas, .wmd-prompt-dialog .form-actions .btn-outline-primary .far, .wmd-prompt-dialog .form-actions .btn-outline-primary .fal {
  margin-right: 5px;
}

.wmd-prompt-dialog .form-actions .btn-outline-primary, .wmd-prompt-dialog .form-actions .btn-outline-primary:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

.wmd-prompt-dialog .form-actions .btn-outline-primary:hover, .wmd-prompt-dialog .form-actions .btn-outline-primary.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.wmd-prompt-dialog .form-actions .btn-outline-primary[disabled], .wmd-prompt-dialog .form-actions .btn-outline-primary.disabled, .wmd-prompt-dialog .form-actions .btn-outline-primary:disabled, .wmd-prompt-dialog .form-actions .btn-outline-primary.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

.wmd-prompt-dialog .form-actions .btn-outline-primary[disabled]:focus, .wmd-prompt-dialog .form-actions .btn-outline-primary.disabled:focus, .wmd-prompt-dialog .form-actions .btn-outline-primary:disabled:focus, .wmd-prompt-dialog .form-actions .btn-outline-primary.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

@keyframes moveRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translate(30px);
  }
}

@keyframes moveLeft {
  from {
    transform: translate(30px);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

body.view-courseware.courseware .pattern-library-shim.alert-information {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
}

body.view-courseware.courseware .pattern-library-shim.alert-information:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

body.view-courseware.courseware .pattern-library-shim.alert-information .alert-icon {
  background-color: #5959eb;
}

body.view-courseware.courseware header.global-header,
body.view-courseware.courseware nav.courseware.wrapper-course-material {
  display: none;
}

body.view-courseware.courseware .course-wrapper {
  border: none;
  display: flex;
}

body.view-courseware.courseware .xmodule_display.xmodule_SequenceModule .sequence-nav {
  display: none;
}

body.view-courseware.courseware .hide {
  display: none;
}

body.view-courseware.courseware .course-index {
  transition: all 0.8s;
  border-right: 0;
  visibility: hidden;
  display: block;
  float: left;
  z-index: 2;
  background-color: #ebebf1;
}

@media (min-width: 992px) {
  body.view-courseware.courseware .course-index {
    overflow: hidden;
    margin-left: -30%;
    width: 30%;
  }
}

@media (max-width: 991px) {
  body.view-courseware.courseware .course-index {
    width: 40%;
    margin-left: -40%;
  }
}

@media (max-width: 767px) {
  body.view-courseware.courseware .course-index {
    position: absolute;
    display: block;
    height: 100%;
    background-color: #ffffff;
    left: -400px;
    width: 300px;
    margin-left: 0;
  }
}

body.view-courseware.courseware .course-index.showing {
  visibility: visible;
  display: block;
  left: 0;
}

@media (min-width: 768px) {
  body.view-courseware.courseware .course-index.showing {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  body.view-courseware.courseware .course-index.showing + .course-content {
    width: 60%;
  }
}

@media (min-width: 992px) {
  body.view-courseware.courseware .course-index.showing + .course-content {
    width: 70%;
  }
}

body.view-courseware.courseware .course-index.showing + .course-content > .page-header i {
  display: none;
}

body.view-courseware.courseware .course-index.showing + .course-content > .page-header h3, body.view-courseware.courseware .course-index.showing + .course-content > .page-header .archive-flag {
  animation: moveLeft 0.5s ease-in-out;
  animation-fill-mode: forwards;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .course-index.showing + .course-content > .page-header h3, body.view-courseware.courseware .course-index.showing + .course-content > .page-header .archive-flag {
    animation-name: none;
  }
}

@media (min-width: 768px) {
  body.view-courseware.courseware .course-index.showing + .course-content + .courseware-results-wrapper {
    width: 60%;
  }
}

@media (min-width: 992px) {
  body.view-courseware.courseware .course-index.showing + .course-content + .courseware-results-wrapper {
    width: 70%;
  }
}

body.view-courseware.courseware .course-index.showing + .course-content + .courseware-results-wrapper > .page-header i {
  display: none;
}

body.view-courseware.courseware .course-index.showing .back-link > a {
  padding-right: 5px;
}

body.view-courseware.courseware .course-index.showing .back-link > i {
  transition: none;
  position: static;
  padding-right: 0;
  color: #09092d;
}

body.view-courseware.courseware .course-index .back-link {
  display: flex;
  align-items: center;
  padding: 10px 20px 10px 20px;
}

body.view-courseware.courseware .course-index .back-link a {
  padding-right: 10px;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 768px) {
  body.view-courseware.courseware .course-index .back-link a {
    width: 100%;
    padding-right: 0;
  }
}

body.view-courseware.courseware .course-index .back-link a i {
  padding-right: 13px;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .course-index .back-link a i {
    padding-right: 0;
  }
}

body.view-courseware.courseware .course-index .back-link i {
  cursor: pointer;
}

body.view-courseware.courseware .course-index .back-link > i {
  position: static;
}

@media (min-width: 768px) {
  body.view-courseware.courseware .course-index .back-link > i {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  body.view-courseware.courseware .course-index .back-link > i {
    color: #09092d;
    cursor: pointer;
  }
}

@media (max-width: 767px) {
  body.view-courseware.courseware .course-index .back-link {
    justify-content: space-between;
  }
}

body.view-courseware.courseware .course-index .wrapper-course-modes {
  display: flex;
  flex-direction: row-reverse;
  border-bottom: 1px solid #dcdcdc;
  padding: 0 5px;
}

body.view-courseware.courseware .course-index .wrapper-course-modes .search-bar {
  padding: 0 10px 10px 10px;
  width: 100%;
}

body.view-courseware.courseware .course-index .wrapper-course-modes .search-bar.is-active .search-field-wrapper::before {
  color: #5959eb;
}

body.view-courseware.courseware .course-index .wrapper-course-modes .search-bar.is-active .cancel-button {
  box-shadow: none;
}

body.view-courseware.courseware .course-index .wrapper-course-modes .search-bar .search-field-wrapper {
  position: relative;
  padding-left: 45px;
  font-weight: 400;
  display: flex;
  align-items: stretch;
  padding-left: 0;
  z-index: auto;
}

body.view-courseware.courseware .course-index .wrapper-course-modes .search-bar .search-field-wrapper:before {
  position: absolute;
  margin-left: -25px;
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 7 Pro";
}

body.view-courseware.courseware .course-index .wrapper-course-modes .search-bar .search-field-wrapper::before {
  margin-left: 20px;
  z-index: 10;
  color: #4c4c8e;
  margin-top: 13px;
}

body.view-courseware.courseware .course-index .wrapper-course-modes .search-bar .search-field {
  border-radius: 6px;
  height: 46px;
  padding-left: 60px;
}

body.view-courseware.courseware .course-index .wrapper-course-modes .search-bar .cancel-button {
  display: none;
  border: none;
  background: transparent;
  position: absolute;
  right: 10px;
  top: auto;
  height: 100%;
}

body.view-courseware.courseware .course-index .wrapper-course-modes .search-bar .cancel-button:hover {
  box-shadow: none;
}

body.view-courseware.courseware .course-index .wrapper-course-modes .search-bar .cancel-button .icon {
  font-size: 18px;
  color: #09092d;
}

body.view-courseware.courseware .course-index .accordion .course-navigation {
  border-bottom: 1px solid #dcdcdc;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .button-chapter {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  border: none;
  color: #09092d;
  font-weight: 300;
  background-color: #ebebf1;
  background-image: none;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .button-chapter:hover, body.view-courseware.courseware .course-index .accordion .course-navigation .button-chapter:active, body.view-courseware.courseware .course-index .accordion .course-navigation .button-chapter:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .button-chapter:hover {
  font-weight: 600;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .button-chapter.active .group-heading {
  color: inherit;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .button-chapter.is-open {
  background-color: #ebebf1;
  border-bottom: 1px solid #dcdcdc;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .button-chapter .group-heading {
  position: relative;
  font-size: 14px;
  padding-left: 30px;
  padding-right: 40px;
}

@media (max-width: 992px) {
  body.view-courseware.courseware .course-index .accordion .course-navigation .button-chapter .group-heading {
    padding-left: 20px;
  }
}

@media (max-width: 768px) {
  body.view-courseware.courseware .course-index .accordion .course-navigation .button-chapter .group-heading {
    padding-left: 20px;
    word-break: break-word;
  }
}

body.view-courseware.courseware .course-index .accordion .course-navigation .button-chapter .group-heading .icon {
  left: auto;
  color: inherit;
  right: 20px;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container {
  border: none;
  background-color: #f3f3f7;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu {
  padding: 0 14px 0 60px;
}

@media (max-width: 992px) {
  body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu {
    padding: 0 14px 0 30px;
  }
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item.graded .menu-icon {
  color: #09092d;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item {
  color: #09092d;
  /*span {
                border-radius: 16px;
                padding: 5px 5px;
                background-color: $grey25;
                margin-left: 5px;
              }*/
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item:not(:last-child) {
  padding-bottom: 10px;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item:last-child {
  padding-bottom: 0;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item.active {
  color: #5959eb;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item.active a {
  color: #5959eb;
  font-weight: 600;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  padding: 5px 0 5px 0;
  background-color: transparent;
  font-weight: 300;
  color: #09092d;
  width: 100%;
  display: flex;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a:hover, body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a:active, body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a:hover .subtitle {
  color: inherit;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a:hover .menu-icon {
  color: #5959eb;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a:hover .time-label {
  text-shadow: none;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a .accordion-display-name {
  flex: 1;
  padding-right: 0;
}

@media (max-width: 767px) {
  body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a .accordion-display-name {
    width: 205px;
    word-break: break-word;
  }
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a .menu-icon {
  position: static;
  display: flex;
  align-items: baseline;
  padding-top: 4px;
  margin-left: 10px;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item a .subtitle {
  display: none;
}

body.view-courseware.courseware .course-index .accordion .course-navigation .chapter-content-container .chapter-menu .menu-item .time-label {
  margin-left: 10px;
  padding: 0 12px;
}

body.view-courseware.courseware .course-index .courseware-bookmarks-button {
  width: auto;
}

body.view-courseware.courseware .course-index .courseware-bookmarks-button .bookmarks-list-button {
  border: none;
  border-radius: 0;
  position: relative;
  color: #09092d;
  font-weight: 400;
  background-color: #ebebf1;
  text-align: left;
  font-size: 14px;
  border-bottom: 1px solid #dcdcdc;
  padding-left: 50px;
  height: 50px;
  display: flex;
  align-items: center;
}

body.view-courseware.courseware .course-index .courseware-bookmarks-button .bookmarks-list-button:hover {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
}

body.view-courseware.courseware .course-index .courseware-bookmarks-button .bookmarks-list-button.active .group-heading {
  color: inherit;
}

body.view-courseware.courseware .course-index .courseware-bookmarks-button .bookmarks-list-button::before {
  position: absolute;
  left: 30px;
  top: -4px;
  font-size: 16px;
  color: #5959eb;
  font-weight: 600;
}

body.view-courseware.courseware .course-content {
  width: 100%;
  margin-top: 0;
  transition: all 0.8s;
  float: left;
  z-index: auto;
}

body.view-courseware.courseware .course-content .history-modal,
body.view-courseware.courseware .course-content .staff-modal {
  width: 500px;
}

body.view-courseware.courseware .course-content .staff-modal {
  height: 640px;
  z-index: 200;
}

body.view-courseware.courseware .course-content .history-modal {
  height: 360px;
}

body.view-courseware.courseware .course-content .page-header {
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 0;
  padding-bottom: 20px;
  z-index: 1;
}

body.view-courseware.courseware .course-content .page-header i {
  position: absolute;
  left: 32px;
  color: #09092d;
  padding: 5px 10px;
  cursor: pointer;
  z-index: 1;
  display: inline-block;
  animation-name: fadeIn;
  animation-duration: 0.5s;
}

body.view-courseware.courseware .course-content .page-header h3 {
  display: inline-block;
  font-size: 18px;
  color: #09092d;
  width: auto;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  animation: moveRight 0.5s ease-in-out;
  animation-fill-mode: forwards;
}

body.view-courseware.courseware .course-content .page-header .archive-flag {
  color: #aa0608;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 14px;
  background: #ffdede;
  padding: 4px 8px;
  border-radius: 2px;
  line-height: 20px;
  font-weight: 700;
  margin-left: 16px;
  position: relative;
  display: inline-block;
  animation: moveRight 0.3s ease-in-out;
  animation-fill-mode: forwards;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .course-content .page-header {
    background: #ffffff;
  }
  body.view-courseware.courseware .course-content .page-header i {
    padding: 5px 0;
    left: 8px;
    animation-name: none;
  }
  body.view-courseware.courseware .course-content .page-header h3 {
    animation: none;
  }
  body.view-courseware.courseware .course-content .page-header .archive-flag {
    font-size: 10px;
    margin-left: 8px;
    line-height: 12px;
    animation-name: none;
  }
}

body.view-courseware.courseware .course-content .equipment-wrapper {
  padding: 30px;
  background-image: linear-gradient(to bottom, #f3f3f7, #ffffff 20%);
}

body.view-courseware.courseware .course-content #main {
  display: block;
  padding: 22px 40px 40px;
  margin-top: 2px;
  position: static;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .course-content #main {
    padding: 8px;
  }
}

body.view-courseware.courseware .course-content .seq-nav-wrapper {
  padding: 10px 40px;
  overflow: visible;
  background-color: #fafafa;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

@media (max-width: 992px) {
  body.view-courseware.courseware .course-content .seq-nav-wrapper {
    display: none;
  }
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol {
  display: flex;
  justify-content: space-between;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12px, 1fr));
  width: 100%;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li {
  display: inline-flex;
  align-items: center;
  flex: 1;
  font-size: 12px;
  color: #dcdcdc;
  position: relative;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li a:hover {
  text-shadow: none;
  color: #4c4c8e;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li a:hover .fa, body.view-courseware.courseware .course-content .seq-nav-wrapper ol li a:hover .far, body.view-courseware.courseware .course-content .seq-nav-wrapper ol li a:hover .fal {
  font-size: 13px;
  transition-duration: 0.2s;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li:last-child {
  flex: 0;
  grid-column-end: none;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li:last-child:nth-child(n+30) {
  grid-column-end: auto;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li:not(:last-child):after {
  content: '';
  height: 1px;
  width: 100%;
  background-color: #dcdcdc;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li:nth-child(n+10):nth-last-child(-n+6) .seq-tooltip {
  left: inherit;
  right: -20px;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li:nth-child(n+10):nth-last-child(-n+6) .seq-tooltip:after {
  left: inherit;
  right: 22px;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li:nth-child(n+10):nth-last-child(-n+3) .seq-tooltip {
  right: 0px;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li:nth-child(n+10):nth-last-child(-n+3) .seq-tooltip:after {
  right: 2px;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li .seq-tooltip {
  display: none;
  text-align: left;
  margin-top: 12px;
  background: #343476;
  color: #ffffff;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  line-height: 1.41575em;
  left: 0;
  padding: 6px;
  position: absolute;
  top: 10px;
  text-shadow: 0 -1px 0 #09092d;
  white-space: pre;
  pointer-events: none;
  z-index: -1;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li .seq-tooltip:after {
  transform: rotate(45deg);
  background: #343476;
  content: " ";
  display: block;
  height: 10px;
  left: 2px;
  position: absolute;
  top: -5px;
  width: 10px;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li:hover .seq-tooltip {
  z-index: 100;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li.past, body.view-courseware.courseware .course-content .seq-nav-wrapper ol li.active {
  color: #5959eb;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li.past a, body.view-courseware.courseware .course-content .seq-nav-wrapper ol li.active a {
  color: #5959eb;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li.past:after {
  content: '';
  height: 1px;
  width: 100%;
  background-color: #5959eb;
}

body.view-courseware.courseware .course-content .seq-nav-wrapper ol li.past:after a {
  color: #5959eb;
}

body.view-courseware.courseware .course-content .wrapper-preview-menu {
  background: transparent;
  margin-bottom: 0;
  width: auto;
  float: left;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .course-content .wrapper-preview-menu {
    margin-bottom: 0;
  }
}

body.view-courseware.courseware .course-content .wrapper-preview-menu .preview-menu {
  padding: 0;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

body.view-courseware.courseware .course-content .wrapper-preview-menu .preview-actions .action-preview .action-preview-label {
  color: #09092d;
}

body.view-courseware.courseware .course-content .wrapper-preview-menu .preview-actions .action-preview .action-preview-select {
  padding: 5px 30px 5px 10px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .course-content .wrapper-preview-menu .preview-actions .action-preview .action-preview-select {
    margin-bottom: 10px;
  }
}

body.view-courseware.courseware .course-content .wrapper-preview-menu .action-preview-username {
  height: auto;
}

body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand:hover, body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand.active {
  text-decoration: none;
}

body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand .icon, body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand .fa, body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand .fas, body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand .far, body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand .fal {
  margin-right: 5px;
}

body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand:hover, body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand:focus {
  color: #ffffff;
  background-color: #5959eb;
}

body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand[disabled], body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand.disabled, body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand:disabled, body.view-courseware.courseware .course-content .xblock-student_view p .btn-brand.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

body.view-courseware.courseware .course-content .xblock-student_view .alert-information {
  margin-bottom: 20px;
}

body.view-courseware.courseware .course-content .xblock-student_view .word_cloud .input_cloud_section .input-cloud {
  border: 2px solid #f4f4f4;
  border-radius: 8px;
  background-color: #fafafa;
  box-shadow: none;
  height: 50px;
  color: #09092d;
  width: 48%;
  padding-top: 0;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .course-content .xblock-student_view .word_cloud .input_cloud_section .input-cloud {
    width: 100%;
  }
}

body.view-courseware.courseware .course-content .xblock-student_view .word_cloud .input_cloud_section .input-cloud:nth-child(odd) {
  margin-right: 3%;
}

body.view-courseware.courseware .course-content .xblock-student_view .word_cloud .save-action {
  position: relative;
  bottom: -35px;
  left: -40px;
  height: 0;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .course-content .xblock-student_view .word_cloud .save-action {
    left: -10px;
  }
}

body.view-courseware.courseware .course-content .xblock-student_view .word_cloud h3 {
  font-weight: 600;
  font-size: 22px;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .course-content .xblock-student_view .word_cloud h3 {
    padding-left: 0;
  }
}

body.view-courseware.courseware .course-content .xblock-student_view .word_cloud .input_cloud_instructions {
  padding-bottom: 20px;
}

body.view-courseware.courseware .course-content .xblock-student_view-word_cloud {
  margin-bottom: 40px;
}

body.view-courseware.courseware .course-content .xblock.xblock-student_view-vertical {
  clear: both;
  margin-left: 0;
  max-width: none;
  padding-top: 10px;
}

body.view-courseware.courseware .course-content .xblock .unit-title {
  display: none;
}

body.view-courseware.courseware .course-content .wrap-instructor-info,
body.view-courseware.courseware .course-content .wrap-instructor-info.studio-view {
  margin: 0;
}

body.view-courseware.courseware .course-content .wrap-instructor-info .instructor-info-action,
body.view-courseware.courseware .course-content .wrap-instructor-info.studio-view .instructor-info-action {
  color: #09092d;
  font-size: 16px;
  padding: 3px 6px;
  background-color: #ffffff;
}

body.view-courseware.courseware .course-content .wrap-instructor-info .instructor-info-action:hover, body.view-courseware.courseware .course-content .wrap-instructor-info .instructor-info-action:focus, body.view-courseware.courseware .course-content .wrap-instructor-info .instructor-info-action:active,
body.view-courseware.courseware .course-content .wrap-instructor-info.studio-view .instructor-info-action:hover,
body.view-courseware.courseware .course-content .wrap-instructor-info.studio-view .instructor-info-action:focus,
body.view-courseware.courseware .course-content .wrap-instructor-info.studio-view .instructor-info-action:active {
  color: #5959eb;
}

body.view-courseware.courseware .course-content .wrap-instructor-info .instructor-info-action[id$=history_trig],
body.view-courseware.courseware .course-content .wrap-instructor-info.studio-view .instructor-info-action[id$=history_trig] {
  display: none;
}

body.view-courseware.courseware .course-content .wrap-instructor-info.studio-view {
  float: right;
  margin-top: 3px;
}

body.view-courseware.courseware .course-content .xblock .wrap-instructor-info,
body.view-courseware.courseware .course-content .xblock .wrap-instructor-info.studio-view {
  margin: 0;
}

body.view-courseware.courseware .course-content .xblock .wrap-instructor-info .instructor-info-action,
body.view-courseware.courseware .course-content .xblock .wrap-instructor-info.studio-view .instructor-info-action {
  color: #09092d;
  font-size: 16px;
  position: relative;
  background-color: #fafafa;
  top: 24px;
}

body.view-courseware.courseware .course-content .xblock .wrap-instructor-info .instructor-info-action:hover, body.view-courseware.courseware .course-content .xblock .wrap-instructor-info .instructor-info-action:focus, body.view-courseware.courseware .course-content .xblock .wrap-instructor-info .instructor-info-action:active,
body.view-courseware.courseware .course-content .xblock .wrap-instructor-info.studio-view .instructor-info-action:hover,
body.view-courseware.courseware .course-content .xblock .wrap-instructor-info.studio-view .instructor-info-action:focus,
body.view-courseware.courseware .course-content .xblock .wrap-instructor-info.studio-view .instructor-info-action:active {
  color: #5959eb;
}

body.view-courseware.courseware .course-content .xblock .wrap-instructor-info {
  float: left;
  width: 1px;
}

body.view-courseware.courseware .course-content .xblock .wrap-instructor-info .instructor-info-action {
  border: 1px solid #f4f4f4;
  border-right: 1px solid #ffffff;
  border-radius: 8px 0 0 8px;
  padding: 5px;
  background-color: #ffffff;
}

body.view-courseware.courseware .course-content .xblock .wrap-instructor-info .instructor-info-action:hover, body.view-courseware.courseware .course-content .xblock .wrap-instructor-info .instructor-info-action:focus, body.view-courseware.courseware .course-content .xblock .wrap-instructor-info .instructor-info-action:active {
  color: #5959eb;
}

body.view-courseware.courseware .course-content .xblock .wrap-instructor-info .instructor-info-action:nth-child(1) {
  top: 80px;
}

body.view-courseware.courseware .course-content .xblock .wrap-instructor-info.studio-view {
  float: right;
  margin-top: 3px;
  margin-right: 50px;
}

body.view-courseware.courseware .course-content .xblock .wrap-instructor-info.studio-view .instructor-info-action {
  top: -2px;
  border: none;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .course-content .xblock .wrap-instructor-info.studio-view .instructor-info-action {
    top: -5px;
  }
}

body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock {
  text-align: right;
}

body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  min-width: 0;
  height: 27px;
  padding: 12px 15px 6px 15px;
}

body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block:hover, body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block.active {
  text-decoration: none;
}

body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block .icon, body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block .fa, body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block .fas, body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block .far, body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block .fal {
  margin-right: 5px;
}

body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block:hover, body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block:focus {
  color: #ffffff;
  background-color: #5959eb;
}

body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block[disabled], body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block.disabled, body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block:disabled, body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block span {
  padding-right: 0;
}

body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block label {
  font-weight: 600;
}

body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block label .fa {
  margin-right: 0;
  vertical-align: baseline;
}

body.view-courseware.courseware .course-content .xblock .xblock-student_view-lbmdonexblock .lbmdonexblock_block:hover label {
  color: black;
}

body.view-courseware.courseware .course-content .xblock .colorful-boxes {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  display: flex;
  gap: 20px;
}

body.view-courseware.courseware .course-content .xblock .colorful-boxes > div {
  padding: 25px;
  border-radius: 10px;
}

body.view-courseware.courseware .course-content .xblock .colorful-boxes > div .icon {
  padding: 18px;
  background-color: #ffffff;
  border-radius: 5px;
  margin-right: 18px;
  width: 50px;
  height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  float: left;
}

body.view-courseware.courseware .course-content .xblock .colorful-boxes > div strong {
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.5px;
  color: #09092d;
  min-width: 230px;
  display: block;
}

body.view-courseware.courseware .course-content .xblock .colorful-boxes > div p {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  color: #09092d;
  display: flex;
  margin-bottom: 0;
}

body.view-courseware.courseware .course-content .xblock .colorful-boxes .blue-block {
  background-color: #e4e4ff;
  flex: 0.65;
  margin-bottom: 0;
}

body.view-courseware.courseware .course-content .xblock .colorful-boxes .blue-block .icon {
  color: #5959eb;
}

body.view-courseware.courseware .course-content .xblock .colorful-boxes .yellow-block {
  background-color: #ffeca9;
  flex: 0.35;
  height: fit-content;
}

body.view-courseware.courseware .course-content .xblock .colorful-boxes .yellow-block .icon {
  color: #f3c316;
}

body.view-courseware.courseware .course-content .sequence-bottom {
  display: flex;
  justify-content: space-between;
  max-width: 1080px;
  margin-top: 30px;
  margin-bottom: 10px;
  z-index: 0;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .course-content .sequence-bottom {
    margin: 10px auto;
    margin-top: 50px;
  }
}

body.view-courseware.courseware .course-content .sequence-bottom .button-previous {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  min-width: 0;
  color: var(--fds-global-color-neutral-140) !important;
  background-color: var(--fds-global-color-neutral-10) !important;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-previous:hover, body.view-courseware.courseware .course-content .sequence-bottom .button-previous.active {
  text-decoration: none;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-previous .icon, body.view-courseware.courseware .course-content .sequence-bottom .button-previous .fa, body.view-courseware.courseware .course-content .sequence-bottom .button-previous .fas, body.view-courseware.courseware .course-content .sequence-bottom .button-previous .far, body.view-courseware.courseware .course-content .sequence-bottom .button-previous .fal {
  margin-right: 5px;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-previous, body.view-courseware.courseware .course-content .sequence-bottom .button-previous:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

body.view-courseware.courseware .course-content .sequence-bottom .button-previous:hover, body.view-courseware.courseware .course-content .sequence-bottom .button-previous.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .course-content .sequence-bottom .button-previous[disabled], body.view-courseware.courseware .course-content .sequence-bottom .button-previous.disabled, body.view-courseware.courseware .course-content .sequence-bottom .button-previous:disabled, body.view-courseware.courseware .course-content .sequence-bottom .button-previous.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-previous[disabled]:focus, body.view-courseware.courseware .course-content .sequence-bottom .button-previous.disabled:focus, body.view-courseware.courseware .course-content .sequence-bottom .button-previous:disabled:focus, body.view-courseware.courseware .course-content .sequence-bottom .button-previous.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-previous:hover {
  background-color: var(--fds-global-color-neutral-20) !important;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-previous:active {
  background-color: var(--fds-global-color-neutral-30) !important;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-previous:disabled {
  background-color: var(--fds-global-color-neutral-10) !important;
  color: var(--fds-global-color-neutral-50) !important;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-previous .icon {
  padding-right: 0;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-previous span:not(.icon) {
  display: none;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-next, body.view-courseware.courseware .course-content .sequence-bottom .button-finish {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  min-width: 0;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-next:hover, body.view-courseware.courseware .course-content .sequence-bottom .button-next.active, body.view-courseware.courseware .course-content .sequence-bottom .button-finish:hover, body.view-courseware.courseware .course-content .sequence-bottom .button-finish.active {
  text-decoration: none;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-next .icon, body.view-courseware.courseware .course-content .sequence-bottom .button-next .fa, body.view-courseware.courseware .course-content .sequence-bottom .button-next .fas, body.view-courseware.courseware .course-content .sequence-bottom .button-next .far, body.view-courseware.courseware .course-content .sequence-bottom .button-next .fal, body.view-courseware.courseware .course-content .sequence-bottom .button-finish .icon, body.view-courseware.courseware .course-content .sequence-bottom .button-finish .fa, body.view-courseware.courseware .course-content .sequence-bottom .button-finish .fas, body.view-courseware.courseware .course-content .sequence-bottom .button-finish .far, body.view-courseware.courseware .course-content .sequence-bottom .button-finish .fal {
  margin-right: 5px;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-next:hover, body.view-courseware.courseware .course-content .sequence-bottom .button-next.active, body.view-courseware.courseware .course-content .sequence-bottom .button-finish:hover, body.view-courseware.courseware .course-content .sequence-bottom .button-finish.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .course-content .sequence-bottom .button-next:focus, body.view-courseware.courseware .course-content .sequence-bottom .button-finish:focus {
  color: #ffffff;
  background-color: #5959eb;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-next[disabled], body.view-courseware.courseware .course-content .sequence-bottom .button-next.disabled, body.view-courseware.courseware .course-content .sequence-bottom .button-next:disabled, body.view-courseware.courseware .course-content .sequence-bottom .button-next.is-disabled, body.view-courseware.courseware .course-content .sequence-bottom .button-finish[disabled], body.view-courseware.courseware .course-content .sequence-bottom .button-finish.disabled, body.view-courseware.courseware .course-content .sequence-bottom .button-finish:disabled, body.view-courseware.courseware .course-content .sequence-bottom .button-finish.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-next span, body.view-courseware.courseware .course-content .sequence-bottom .button-finish span {
  padding-right: 0;
}

body.view-courseware.courseware .course-content .sequence-bottom .button-next .icon, body.view-courseware.courseware .course-content .sequence-bottom .button-finish .icon {
  display: none;
}

body.view-courseware.courseware .course-content .bookmark-button-wrapper {
  margin-bottom: 0;
  float: right;
  position: relative;
  top: -40px;
  right: 40px;
  width: 0;
}

body.view-courseware.courseware .course-content .bookmark-button-wrapper .bookmark-button {
  font-size: 16px;
  margin-left: 10px;
  border: none;
  outline: none;
  color: #5959eb;
}

body.view-courseware.courseware .course-content .bookmark-button-wrapper .bookmark-button:hover, body.view-courseware.courseware .course-content .bookmark-button-wrapper .bookmark-button:focus {
  border: none;
  outline: none;
}

body.view-courseware.courseware .course-content .bookmark-button-wrapper .bookmark-text {
  display: none;
}

body.view-courseware.courseware .container-footer {
  display: none;
}

body.view-courseware.courseware .courseware-results-wrapper {
  width: 100%;
  background-image: linear-gradient(to bottom, #f3f3f7, #ffffff 30px);
  padding-top: 0;
}

body.view-courseware.courseware .courseware-results-wrapper .page-header {
  border-bottom: none;
  padding-left: 0;
}

body.view-courseware.courseware .courseware-results-wrapper .page-header > i {
  color: #09092d;
  cursor: pointer;
}

body.view-courseware.courseware .courseware-results-wrapper .courseware-results {
  padding-top: 0;
}

body.view-courseware.courseware .search-results {
  padding-top: 20px;
}

body.view-courseware.courseware .search-results .search-info {
  border-bottom: 0;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding-bottom: 30px;
}

body.view-courseware.courseware .search-results .search-info .search-results-title {
  margin: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  padding-right: 10px;
}

body.view-courseware.courseware .search-results .search-info .search-term,
body.view-courseware.courseware .search-results .search-info .search-count {
  color: #09092d;
  font-size: inherit;
  line-height: inherit;
  padding-right: 8px;
  font-weight: 600;
}

body.view-courseware.courseware .search-results .search-info .search-count {
  float: none;
}

body.view-courseware.courseware .search-results .search-results-item {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 0;
  padding-left: 30px;
  position: relative;
}

body.view-courseware.courseware .search-results .search-results-item:not(:last-child) {
  margin-bottom: 16px;
}

body.view-courseware.courseware .search-results .search-results-item .result-excerpt {
  order: 2;
  margin-bottom: 0;
  padding-bottom: 6px;
  flex: 0.9;
}

body.view-courseware.courseware .search-results .search-results-item .result-link {
  display: none;
}

body.view-courseware.courseware .search-results .search-results-item .result-location {
  order: 3;
  width: 100%;
}

body.view-courseware.courseware .search-results .search-results-item .result-type {
  order: 1;
  position: static;
  font-size: 21px;
  line-height: 23px;
  font-weight: 300;
  padding-right: 50px;
  padding-bottom: 10px;
}

body.view-courseware.courseware .search-results .search-results-item .result-type:before {
  content: '\f15b';
  font-family: "Font Awesome 7 Pro";
}

body.view-courseware.courseware .search-results .search-results-item .result-type.Text:before {
  content: '\f15c';
}

body.view-courseware.courseware .search-results .search-results-item .result-type.Video:before {
  content: '\f03d';
}

body.view-courseware.courseware .search-results .search-results-item .result-type.CAPA:before {
  content: '\f02d';
}

body.view-courseware.courseware .search-results .search-load-next {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  border: none;
}

body.view-courseware.courseware .search-results .search-load-next:hover, body.view-courseware.courseware .search-results .search-load-next:active, body.view-courseware.courseware .search-results .search-load-next:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

.course-wrapper {
  position: static;
}

.course-wrapper .course-content .staff-modal,
.course-wrapper .course-content .history-modal {
  position: fixed;
  height: auto;
  overflow: hidden;
  display: block;
  z-index: 52;
  top: 80px;
  bottom: 80px;
  left: calc((100% - 500px) / 2);
}

.course-wrapper .course-content .vert-mod > div .inner-wrapper header {
  text-align: center;
  padding-bottom: 0;
  margin-bottom: 0;
}

.course-wrapper .course-content .timed-exam-block {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.course-wrapper .course-content .timed-exam-block h3 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.course-wrapper .course-content .timed-exam-block p {
  margin: 0;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.course-wrapper .course-content .timed-exam-block > button {
  align-self: flex-end;
}

.course-wrapper .course-content .timed-exam-block .align-self-end {
  align-self: flex-end;
}

.course-wrapper .course-content .footer-sequence {
  margin-top: 32px;
}

.course-wrapper .course-content .footer-sequence p {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.proctored_exam_status.is-fixed {
  position: fixed;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  z-index: 99;
}

.proctored_exam_status .exam-timer {
  margin: 0;
  background-color: #def4ff;
  padding: 16px 32px;
  color: #00476a;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.proctored_exam_status .exam-timer a {
  color: #3535cd;
}

.proctored_exam_status .exam-timer.warning {
  background-color: #ffe3d7;
  color: #a13101;
}

.proctored_exam_status .exam-timer.critical {
  background-color: #ffdede;
  color: #aa0608;
}

.proctored_exam_status .exam-timer .turn-in-exam {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
}

.proctored_exam_status .exam-timer .turn-in-exam .exam-timer-clock {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #00476a;
}

#lean_overlay {
  z-index: 51;
}

body.view-courseware.courseware .xmodule_VideoModule .video-type {
  color: #4c4c8e;
  font-size: 15px;
  margin-bottom: 20px;
}

body.view-courseware.courseware .xmodule_VideoModule .video-type .fa, body.view-courseware.courseware .xmodule_VideoModule .video-type .far, body.view-courseware.courseware .xmodule_VideoModule .video-type .fal {
  margin-right: 16px;
}

body.view-courseware.courseware .course-content .vert-mod {
  clear: left;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .course-content .vert-mod {
    margin-right: 0;
    margin-left: 0;
  }
}

body.view-courseware.courseware .course-content .vert-mod .vert {
  border-bottom: 0;
  padding-bottom: 0;
}

body.view-courseware.courseware .course-content .vert-mod .vert:not(:last-child) {
  margin-bottom: 50px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .course-content .vert-mod .vert {
    margin-bottom: 30px;
  }
}

body.view-courseware.courseware #seq_content {
  margin-top: 25px;
}

body.view-courseware.courseware .xmodule_display.xmodule_HtmlModule ol, body.view-courseware.courseware .xmodule_display.xmodule_HtmlModule ul {
  margin-left: 1em;
}

body.view-courseware.courseware .xmodule_display.xmodule_HtmlModule img {
  height: auto;
}

body.view-courseware.courseware div.xmodule_display.xmodule_HtmlModule a:link {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
}

body.view-courseware.courseware div.xmodule_display.xmodule_HtmlModule a:link:hover, body.view-courseware.courseware div.xmodule_display.xmodule_HtmlModule a:link:active, body.view-courseware.courseware div.xmodule_display.xmodule_HtmlModule a:link:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

body.view-courseware.courseware div.xmodule_display.xmodule_CapaModule div.problem-progress-wrapper {
  display: inline-block;
  color: #4c4c8e;
}

@media (max-width: 576px) {
  body.view-courseware.courseware div.xmodule_display.xmodule_CapaModule div.problem-progress-wrapper {
    width: 130%;
  }
}

body.view-courseware.courseware div.xmodule_display.xmodule_CapaModule div.problem-progress-wrapper span.far {
  color: #4c4c8e;
}

body.view-courseware.courseware div.xmodule_display.xmodule_CapaModule div.problem-progress {
  color: #4c4c8e;
  font-size: 15px;
  margin-left: 5px;
}

body.view-courseware.courseware div.xmodule_display.xmodule_CapaModule .notification-submit .icon {
  display: none;
}

body.view-courseware.courseware .xblock .sep-line {
  color: #f4f4f4;
}

body.view-courseware.courseware .xblock-student_view-ilt {
  border: 2px solid #f4f4f4;
  border-radius: 8px;
  background-color: #ffffff;
  padding: 10px 0px 10px 0px;
  min-width: 900px;
}

@media (max-width: 992px) {
  body.view-courseware.courseware .xblock-student_view-ilt {
    min-width: 500px;
  }
}

@media (max-width: 768px) {
  body.view-courseware.courseware .xblock-student_view-ilt {
    min-width: 300px;
  }
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-staff-actions {
  padding: 0px 40px 0px 40px;
}

body.view-courseware.courseware .xblock-student_view-ilt .location-url {
  text-decoration: underline;
  color: #3535cd;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-button {
  color: #1f1f59;
  background-color: #ebebf1;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-button:hover {
  color: white;
  background-color: #5959eb;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  padding: 0px 40px 0px 40px;
  color: #09092d;
  border-bottom: 1px solid #d7d7e4;
}

body.view-courseware.courseware .xblock-student_view-ilt .time-zone-setting {
  display: flex;
  align-items: start;
  justify-content: space-between;
  min-height: 35px;
  border-radius: 8px;
  margin: 15px 40px 0px 40px;
  color: #00476a;
  background-color: #def4ff;
  padding: 15px 20px 15px 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

body.view-courseware.courseware .xblock-student_view-ilt .time-zone-setting .timezone-prompt {
  margin-bottom: 10px;
}

body.view-courseware.courseware .xblock-student_view-ilt .time-zone-setting .timezone-area {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #00476a;
}

body.view-courseware.courseware .xblock-student_view-ilt .time-zone-setting .close-prompt-button {
  width: 24px;
  height: 24px;
  cursor: pointer;
  font-size: 20px;
}

body.view-courseware.courseware .xblock-student_view-ilt .time-zone-setting .set-timezone-button {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  padding: 5px 10px;
}

body.view-courseware.courseware .xblock-student_view-ilt .time-zone-cfg {
  min-height: 30px;
}

body.view-courseware.courseware .xblock-student_view-ilt .filter-bar {
  display: flex;
  justify-content: space-between;
  padding: 20px 40px 0px 40px;
}

@media (max-width: 992px) {
  body.view-courseware.courseware .xblock-student_view-ilt .filter-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

body.view-courseware.courseware .xblock-student_view-ilt .filter-bar ds-dropdown {
  margin-right: 5px;
}

@media (max-width: 992px) {
  body.view-courseware.courseware .xblock-student_view-ilt .filter-bar ds-dropdown {
    margin: 3px 0px 3px 0px;
  }
}

body.view-courseware.courseware .xblock-student_view-ilt .filter-bar ds-datepicker {
  margin-right: 5px;
  height: 38px;
  --fds-global-space-xs: 7px !important;
}

@media (max-width: 992px) {
  body.view-courseware.courseware .xblock-student_view-ilt .filter-bar ds-datepicker {
    margin: 3px 0px 3px 0px;
  }
}

body.view-courseware.courseware .xblock-student_view-ilt .filter-bar .filter {
  height: auto;
  min-width: 100px !important;
}

@media (max-width: 992px) {
  body.view-courseware.courseware .xblock-student_view-ilt .filter-bar .filter {
    margin: 3px 5px 3px 0px;
  }
}

@media (max-width: 768px) {
  body.view-courseware.courseware .xblock-student_view-ilt .filter-bar .filter {
    width: 100%;
    max-width: unset !important;
    margin: 3px 0px 3px 0px;
  }
}

body.view-courseware.courseware .xblock-student_view-ilt .filter-bar .filter-icon {
  width: 35px;
  height: 35px;
}

@media (max-width: 992px) {
  body.view-courseware.courseware .xblock-student_view-ilt .filter-bar .filter-icon {
    margin: 3px 5px 3px 0px;
  }
}

@media (max-width: 768px) {
  body.view-courseware.courseware .xblock-student_view-ilt .filter-bar .filter-icon {
    margin: 3px 0px 3px 0px;
  }
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs {
  padding: 0px 40px 0px 40px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .format-type {
  display: flex;
  justify-content: flex-end;
  margin: 15px 0px 15px 0px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  cursor: pointer;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .format-type .format-buttons {
  display: flex;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .format-type .format-buttons .grid-type {
  padding: 5px 12px 5px 12px;
  border-radius: 5px 0px 0px 5px;
  background-color: #ebebf1;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .format-type .format-buttons .list-type {
  padding: 5px 12px 5px 12px;
  border-radius: 0px 5px 5px 0px;
  background-color: #ebebf1;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .format-type .format-buttons .selected-format {
  background-color: #c4c4d8 !important;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .total-number {
  font-size: 14px;
  font-weight: 700;
  padding: 20px 0px 25px 0px;
  border-top: 1px solid #d7d7e4;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-grid-sessions {
  display: grid;
  column-gap: 20px;
  grid-template-columns: repeat(2, minmax(300px, 1fr));
}

@media (max-width: 992px) {
  body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-grid-sessions {
    display: grid;
    column-gap: 20px;
    grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}

@media (max-width: 768px) {
  body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-grid-sessions {
    display: grid;
    column-gap: 0px;
    grid-template-columns: repeat(1, minmax(300px, 1fr));
  }
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-grid {
  min-height: 260px !important;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box {
  display: flex;
  min-height: auto !important;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-status-in-list {
  top: -10px;
  left: 25px;
  position: relative;
  width: 0px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-status-in-list .status-label {
  position: absolute;
  width: max-content;
  padding: 5px 7px 5px 7px;
  border-radius: 3px;
  color: #00476a;
  background-color: #a5dcf7;
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-date-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 55px;
  margin: 20px 0px;
  padding: 0px 20px;
  border-right: 1px solid #d7d7e4;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-date-card .session-day {
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-date-card .session-month {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-date-card .session-year {
  font-size: 12px;
  margin-top: 6px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card {
  width: 100%;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card {
  padding: 15px 17px 0px 17px;
  height: 68%;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .session-summary {
  display: flex;
  justify-content: space-between;
  margin: 8px 0px 0px 0px !important;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .session-summary .date-time {
  display: flex;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1f1f59;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .session-summary .date-time .session-date {
  width: 110px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .session-summary .date-time .session-time {
  width: fit-content;
  min-width: 90px;
  margin: 0px 5px 0px 0px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .session-summary .date-time .session-duration {
  width: fit-content;
  min-width: 70px;
  margin: 0px 10px 0px 5px;
}

@media (max-width: 992px) {
  body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .session-summary .date-time .session-duration {
    width: fit-content;
  }
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .session-summary .date-time .recurrence-settings {
  margin-bottom: 0px;
  padding-top: 1px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .session-summary .list-class-type {
  width: 120px;
  height: 20px;
  text-align: center;
  font-size: 10px;
  line-height: 18px;
  font-weight: 700;
  padding: 3px 5px 3px 5px;
  border-radius: 3px;
  color: #1f1f59;
  background-color: #d7d7e4;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .session-summary .grid-class-type {
  width: 25px;
  font-size: 14px;
  height: 20px;
  text-align: center;
  line-height: 18px;
  font-weight: 700;
  padding: 3px 5px 3px 5px;
  border-radius: 3px;
  color: #1f1f59;
  background-color: #d7d7e4;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .recurrence-settings-in-list {
  font-weight: 700;
  margin-bottom: 15px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .flexible-location-info {
  display: flex;
  min-height: auto !important;
  margin-bottom: 15px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .flexible-location-info .extra-info-list {
  margin-left: 15px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .other-info-list .other-info-left {
  display: flex;
  margin: 0px;
  align-items: center;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .other-info-list .manage-class-button {
  display: flex;
  margin: 0px;
  align-items: center !important;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .other-info-list .manage-class-button .calendar {
  margin: 0px 15px 0px 0px !important;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .other-info-list .manage-class-button .calendar .fa-download {
  margin-top: 2px !important;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .other-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .other-info .other-info-left {
  display: flex;
  margin: 0px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .other-info .other-info-left .skill-level-name {
  margin: 0px 10px 0px 0px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .other-info .other-info-left .language-name {
  margin: 0px 10px 0px 0px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .other-info .other-info-left .facilitator-name {
  margin: 0px 10px 0px 0px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .other-info .manage-class-button {
  display: flex;
  margin: 0px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .other-info .manage-class-button .calendar {
  display: flex;
  margin: 10px 15px 0px 0px;
  cursor: pointer;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .other-info .manage-class-button .calendar .text {
  margin: 0px 10px 0px 10px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .flexible-item-box .session-info-card .item-info-card .other-info .manage-class-button .ds-button {
  height: 36px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item {
  width: auto;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  border-radius: 10px;
  margin: 0px 0px 15px 0px;
  color: #1f1f59;
  border: 1px solid #d7d7e4;
  min-height: auto;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info {
  position: relative;
  top: -25px;
  padding: 15px 17px 0px 17px;
  height: 68%;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .location-icon {
  width: 14px;
  display: inline-block;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .invisible {
  visibility: hidden;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .session-status .status-label {
  padding: 5px 7px 5px 7px;
  border-radius: 3px;
  color: #00476a;
  background-color: #a5dcf7;
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary {
  display: flex;
  justify-content: space-between;
  margin: 8px 0px 8px 0px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .date-time {
  display: flex;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #1f1f59;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .date-time .session-date {
  width: 110px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .date-time .session-time {
  width: fit-content;
  min-width: 90px;
  margin: 0px 5px 0px 5px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .date-time .session-duration {
  width: fit-content;
  min-width: 70px;
  margin: 0px 10px 0px 5px;
}

@media (max-width: 992px) {
  body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .date-time .session-duration {
    width: fit-content;
  }
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .date-time .recurrence-settings {
  margin-bottom: 0px;
  padding-top: 1px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .list-class-type {
  width: 120px;
  height: 20px;
  text-align: center;
  font-size: 10px;
  line-height: 18px;
  font-weight: 700;
  padding: 3px 5px 3px 5px;
  border-radius: 3px;
  color: #1f1f59;
  background-color: #d7d7e4;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .session-summary .grid-class-type {
  width: 25px;
  font-size: 14px;
  height: 20px;
  text-align: center;
  line-height: 18px;
  font-weight: 700;
  padding: 3px 5px 3px 5px;
  border-radius: 3px;
  color: #1f1f59;
  background-color: #d7d7e4;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .address-bar {
  display: flex;
  justify-content: flex-start;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .address-bar .city,
body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .address-bar .address,
body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .address-bar .meeting-room {
  margin: 5px 10px 8px 0px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .address-bar .city .loc_info,
body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .address-bar .address .loc_info,
body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .address-bar .meeting-room .loc_info {
  margin-left: 5px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .flexible-location-info {
  display: flex;
  min-height: auto !important;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .location-info {
  min-height: 70px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .location-info .level,
body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .location-info .city,
body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .location-info .address,
body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .location-info .meeting-room {
  margin-bottom: 3px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .location-info .meeting-url {
  margin: 0px 0px 8px 0px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .recurrence-settings {
  font-weight: 700;
  height: 40px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .level {
  display: flex;
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #4c4c8e;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .level .skill-level {
  margin: 0px 10px 0px 0px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .item-info .level .language {
  margin: 0px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .option-bar {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  padding: 10px 20px 10px 20px;
  border-top: 1px solid #ebebf1;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .option-bar .facilitator .title {
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .option-bar .facilitator-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .option-bar .facilitator-list .title {
  font-weight: 700;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .option-bar .options {
  display: flex;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .option-bar .options .calendar {
  display: flex;
  margin: 10px 15px 0px 0px;
  cursor: pointer;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .option-bar .options .calendar .fa-download {
  margin-top: 2px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .option-bar .options .calendar .text {
  margin: 0px 10px 0px 10px;
}

body.view-courseware.courseware .xblock-student_view-ilt .ilt-session-tabs .ilt-sessions .session-item .option-bar .options .ds-button {
  height: 36px;
}

body.view-courseware.courseware .xblock-student_view-edflex {
  border: 2px solid #f4f4f4;
  border-radius: 8px;
  background-color: #ffffff;
}

body.view-courseware.courseware .xblock-student_view-edflex .ef-title {
  border-bottom: 1px solid #f4f4f4;
}

body.view-courseware.courseware .xblock-student_view-edflex .ef-title h2 {
  padding: 10px 0 10px 40px;
  width: calc(100% - 160px);
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock-student_view-edflex .ef-title h2 {
    padding: 5px 10px;
  }
}

body.view-courseware.courseware .xblock-student_view-edflex .ef-title .title-help {
  color: #5959eb;
  float: right;
  margin-right: 40px;
  margin-top: 0;
  position: relative;
  top: -32px;
}

body.view-courseware.courseware .xblock-student_view-edflex .ef-title .title-help svg {
  fill: #5959eb;
}

body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html),
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2,
body.view-courseware.courseware .xblock-student_view-pdf,
body.view-courseware.courseware .xblock-student_view-poll,
body.view-courseware.courseware .xblock-student_view-scormxblock,
body.view-courseware.courseware .xblock-student_view-externality,
body.view-courseware.courseware .xblock-student_view-survey,
body.view-courseware.courseware .xblock-student_view-openassessment,
body.view-courseware.courseware .xblock-student_view-icxblock {
  border: 2px solid #f4f4f4;
  border-radius: 8px;
  background-color: #ffffff;
}

body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) h3,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 h3,
body.view-courseware.courseware .xblock-student_view-pdf h3,
body.view-courseware.courseware .xblock-student_view-poll h3,
body.view-courseware.courseware .xblock-student_view-scormxblock h3,
body.view-courseware.courseware .xblock-student_view-externality h3,
body.view-courseware.courseware .xblock-student_view-survey h3,
body.view-courseware.courseware .xblock-student_view-openassessment h3,
body.view-courseware.courseware .xblock-student_view-icxblock h3 {
  display: inline-block;
  margin-bottom: 0;
}

body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > section > div,
body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > p, body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > h3, body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > h2, body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > ol, body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > pre, body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > iframe, body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > a,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > section > div,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > p,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > h3,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > h2,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > ol,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > pre,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > iframe,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > a,
body.view-courseware.courseware .xblock-student_view-pdf > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-pdf > section > div,
body.view-courseware.courseware .xblock-student_view-pdf > p,
body.view-courseware.courseware .xblock-student_view-pdf > h3,
body.view-courseware.courseware .xblock-student_view-pdf > h2,
body.view-courseware.courseware .xblock-student_view-pdf > ol,
body.view-courseware.courseware .xblock-student_view-pdf > pre,
body.view-courseware.courseware .xblock-student_view-pdf > iframe,
body.view-courseware.courseware .xblock-student_view-pdf > a,
body.view-courseware.courseware .xblock-student_view-poll > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-poll > section > div,
body.view-courseware.courseware .xblock-student_view-poll > p,
body.view-courseware.courseware .xblock-student_view-poll > h3,
body.view-courseware.courseware .xblock-student_view-poll > h2,
body.view-courseware.courseware .xblock-student_view-poll > ol,
body.view-courseware.courseware .xblock-student_view-poll > pre,
body.view-courseware.courseware .xblock-student_view-poll > iframe,
body.view-courseware.courseware .xblock-student_view-poll > a,
body.view-courseware.courseware .xblock-student_view-scormxblock > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-scormxblock > section > div,
body.view-courseware.courseware .xblock-student_view-scormxblock > p,
body.view-courseware.courseware .xblock-student_view-scormxblock > h3,
body.view-courseware.courseware .xblock-student_view-scormxblock > h2,
body.view-courseware.courseware .xblock-student_view-scormxblock > ol,
body.view-courseware.courseware .xblock-student_view-scormxblock > pre,
body.view-courseware.courseware .xblock-student_view-scormxblock > iframe,
body.view-courseware.courseware .xblock-student_view-scormxblock > a,
body.view-courseware.courseware .xblock-student_view-externality > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-externality > section > div,
body.view-courseware.courseware .xblock-student_view-externality > p,
body.view-courseware.courseware .xblock-student_view-externality > h3,
body.view-courseware.courseware .xblock-student_view-externality > h2,
body.view-courseware.courseware .xblock-student_view-externality > ol,
body.view-courseware.courseware .xblock-student_view-externality > pre,
body.view-courseware.courseware .xblock-student_view-externality > iframe,
body.view-courseware.courseware .xblock-student_view-externality > a,
body.view-courseware.courseware .xblock-student_view-survey > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-survey > section > div,
body.view-courseware.courseware .xblock-student_view-survey > p,
body.view-courseware.courseware .xblock-student_view-survey > h3,
body.view-courseware.courseware .xblock-student_view-survey > h2,
body.view-courseware.courseware .xblock-student_view-survey > ol,
body.view-courseware.courseware .xblock-student_view-survey > pre,
body.view-courseware.courseware .xblock-student_view-survey > iframe,
body.view-courseware.courseware .xblock-student_view-survey > a,
body.view-courseware.courseware .xblock-student_view-openassessment > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-openassessment > section > div,
body.view-courseware.courseware .xblock-student_view-openassessment > p,
body.view-courseware.courseware .xblock-student_view-openassessment > h3,
body.view-courseware.courseware .xblock-student_view-openassessment > h2,
body.view-courseware.courseware .xblock-student_view-openassessment > ol,
body.view-courseware.courseware .xblock-student_view-openassessment > pre,
body.view-courseware.courseware .xblock-student_view-openassessment > iframe,
body.view-courseware.courseware .xblock-student_view-openassessment > a,
body.view-courseware.courseware .xblock-student_view-icxblock > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-icxblock > section > div,
body.view-courseware.courseware .xblock-student_view-icxblock > p,
body.view-courseware.courseware .xblock-student_view-icxblock > h3,
body.view-courseware.courseware .xblock-student_view-icxblock > h2,
body.view-courseware.courseware .xblock-student_view-icxblock > ol,
body.view-courseware.courseware .xblock-student_view-icxblock > pre,
body.view-courseware.courseware .xblock-student_view-icxblock > iframe,
body.view-courseware.courseware .xblock-student_view-icxblock > a {
  padding: 10px 40px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > section > div,
body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > p, body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > h3, body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > h2, body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > ol, body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > pre, body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > iframe, body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > a,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > section > div,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > p,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > h3,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > h2,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > ol,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > pre,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > iframe,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > a,
body.view-courseware.courseware .xblock-student_view-pdf > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-pdf > section > div,
body.view-courseware.courseware .xblock-student_view-pdf > p,
body.view-courseware.courseware .xblock-student_view-pdf > h3,
body.view-courseware.courseware .xblock-student_view-pdf > h2,
body.view-courseware.courseware .xblock-student_view-pdf > ol,
body.view-courseware.courseware .xblock-student_view-pdf > pre,
body.view-courseware.courseware .xblock-student_view-pdf > iframe,
body.view-courseware.courseware .xblock-student_view-pdf > a,
body.view-courseware.courseware .xblock-student_view-poll > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-poll > section > div,
body.view-courseware.courseware .xblock-student_view-poll > p,
body.view-courseware.courseware .xblock-student_view-poll > h3,
body.view-courseware.courseware .xblock-student_view-poll > h2,
body.view-courseware.courseware .xblock-student_view-poll > ol,
body.view-courseware.courseware .xblock-student_view-poll > pre,
body.view-courseware.courseware .xblock-student_view-poll > iframe,
body.view-courseware.courseware .xblock-student_view-poll > a,
body.view-courseware.courseware .xblock-student_view-scormxblock > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-scormxblock > section > div,
body.view-courseware.courseware .xblock-student_view-scormxblock > p,
body.view-courseware.courseware .xblock-student_view-scormxblock > h3,
body.view-courseware.courseware .xblock-student_view-scormxblock > h2,
body.view-courseware.courseware .xblock-student_view-scormxblock > ol,
body.view-courseware.courseware .xblock-student_view-scormxblock > pre,
body.view-courseware.courseware .xblock-student_view-scormxblock > iframe,
body.view-courseware.courseware .xblock-student_view-scormxblock > a,
body.view-courseware.courseware .xblock-student_view-externality > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-externality > section > div,
body.view-courseware.courseware .xblock-student_view-externality > p,
body.view-courseware.courseware .xblock-student_view-externality > h3,
body.view-courseware.courseware .xblock-student_view-externality > h2,
body.view-courseware.courseware .xblock-student_view-externality > ol,
body.view-courseware.courseware .xblock-student_view-externality > pre,
body.view-courseware.courseware .xblock-student_view-externality > iframe,
body.view-courseware.courseware .xblock-student_view-externality > a,
body.view-courseware.courseware .xblock-student_view-survey > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-survey > section > div,
body.view-courseware.courseware .xblock-student_view-survey > p,
body.view-courseware.courseware .xblock-student_view-survey > h3,
body.view-courseware.courseware .xblock-student_view-survey > h2,
body.view-courseware.courseware .xblock-student_view-survey > ol,
body.view-courseware.courseware .xblock-student_view-survey > pre,
body.view-courseware.courseware .xblock-student_view-survey > iframe,
body.view-courseware.courseware .xblock-student_view-survey > a,
body.view-courseware.courseware .xblock-student_view-openassessment > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-openassessment > section > div,
body.view-courseware.courseware .xblock-student_view-openassessment > p,
body.view-courseware.courseware .xblock-student_view-openassessment > h3,
body.view-courseware.courseware .xblock-student_view-openassessment > h2,
body.view-courseware.courseware .xblock-student_view-openassessment > ol,
body.view-courseware.courseware .xblock-student_view-openassessment > pre,
body.view-courseware.courseware .xblock-student_view-openassessment > iframe,
body.view-courseware.courseware .xblock-student_view-openassessment > a,
body.view-courseware.courseware .xblock-student_view-icxblock > div > div:not(.tc-wrapper),
body.view-courseware.courseware .xblock-student_view-icxblock > section > div,
body.view-courseware.courseware .xblock-student_view-icxblock > p,
body.view-courseware.courseware .xblock-student_view-icxblock > h3,
body.view-courseware.courseware .xblock-student_view-icxblock > h2,
body.view-courseware.courseware .xblock-student_view-icxblock > ol,
body.view-courseware.courseware .xblock-student_view-icxblock > pre,
body.view-courseware.courseware .xblock-student_view-icxblock > iframe,
body.view-courseware.courseware .xblock-student_view-icxblock > a {
    padding: 5px 10px;
  }
}

body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > h3,
body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > h2,
body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > div > h3,
body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > div > h2,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > h3,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > h2,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > div > h3,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > div > h2,
body.view-courseware.courseware .xblock-student_view-pdf > h3,
body.view-courseware.courseware .xblock-student_view-pdf > h2,
body.view-courseware.courseware .xblock-student_view-pdf > div > h3,
body.view-courseware.courseware .xblock-student_view-pdf > div > h2,
body.view-courseware.courseware .xblock-student_view-poll > h3,
body.view-courseware.courseware .xblock-student_view-poll > h2,
body.view-courseware.courseware .xblock-student_view-poll > div > h3,
body.view-courseware.courseware .xblock-student_view-poll > div > h2,
body.view-courseware.courseware .xblock-student_view-scormxblock > h3,
body.view-courseware.courseware .xblock-student_view-scormxblock > h2,
body.view-courseware.courseware .xblock-student_view-scormxblock > div > h3,
body.view-courseware.courseware .xblock-student_view-scormxblock > div > h2,
body.view-courseware.courseware .xblock-student_view-externality > h3,
body.view-courseware.courseware .xblock-student_view-externality > h2,
body.view-courseware.courseware .xblock-student_view-externality > div > h3,
body.view-courseware.courseware .xblock-student_view-externality > div > h2,
body.view-courseware.courseware .xblock-student_view-survey > h3,
body.view-courseware.courseware .xblock-student_view-survey > h2,
body.view-courseware.courseware .xblock-student_view-survey > div > h3,
body.view-courseware.courseware .xblock-student_view-survey > div > h2,
body.view-courseware.courseware .xblock-student_view-openassessment > h3,
body.view-courseware.courseware .xblock-student_view-openassessment > h2,
body.view-courseware.courseware .xblock-student_view-openassessment > div > h3,
body.view-courseware.courseware .xblock-student_view-openassessment > div > h2,
body.view-courseware.courseware .xblock-student_view-icxblock > h3,
body.view-courseware.courseware .xblock-student_view-icxblock > h2,
body.view-courseware.courseware .xblock-student_view-icxblock > div > h3,
body.view-courseware.courseware .xblock-student_view-icxblock > div > h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 0;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > h3,
body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > h2,
body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > div > h3,
body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > div > h2,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > h3,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > h2,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > div > h3,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > div > h2,
body.view-courseware.courseware .xblock-student_view-pdf > h3,
body.view-courseware.courseware .xblock-student_view-pdf > h2,
body.view-courseware.courseware .xblock-student_view-pdf > div > h3,
body.view-courseware.courseware .xblock-student_view-pdf > div > h2,
body.view-courseware.courseware .xblock-student_view-poll > h3,
body.view-courseware.courseware .xblock-student_view-poll > h2,
body.view-courseware.courseware .xblock-student_view-poll > div > h3,
body.view-courseware.courseware .xblock-student_view-poll > div > h2,
body.view-courseware.courseware .xblock-student_view-scormxblock > h3,
body.view-courseware.courseware .xblock-student_view-scormxblock > h2,
body.view-courseware.courseware .xblock-student_view-scormxblock > div > h3,
body.view-courseware.courseware .xblock-student_view-scormxblock > div > h2,
body.view-courseware.courseware .xblock-student_view-externality > h3,
body.view-courseware.courseware .xblock-student_view-externality > h2,
body.view-courseware.courseware .xblock-student_view-externality > div > h3,
body.view-courseware.courseware .xblock-student_view-externality > div > h2,
body.view-courseware.courseware .xblock-student_view-survey > h3,
body.view-courseware.courseware .xblock-student_view-survey > h2,
body.view-courseware.courseware .xblock-student_view-survey > div > h3,
body.view-courseware.courseware .xblock-student_view-survey > div > h2,
body.view-courseware.courseware .xblock-student_view-openassessment > h3,
body.view-courseware.courseware .xblock-student_view-openassessment > h2,
body.view-courseware.courseware .xblock-student_view-openassessment > div > h3,
body.view-courseware.courseware .xblock-student_view-openassessment > div > h2,
body.view-courseware.courseware .xblock-student_view-icxblock > h3,
body.view-courseware.courseware .xblock-student_view-icxblock > h2,
body.view-courseware.courseware .xblock-student_view-icxblock > div > h3,
body.view-courseware.courseware .xblock-student_view-icxblock > div > h2 {
    padding-top: 20px;
  }
}

body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > div > h3,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > div > h3,
body.view-courseware.courseware .xblock-student_view-pdf > div > h3,
body.view-courseware.courseware .xblock-student_view-poll > div > h3,
body.view-courseware.courseware .xblock-student_view-scormxblock > div > h3,
body.view-courseware.courseware .xblock-student_view-externality > div > h3,
body.view-courseware.courseware .xblock-student_view-survey > div > h3,
body.view-courseware.courseware .xblock-student_view-openassessment > div > h3,
body.view-courseware.courseware .xblock-student_view-icxblock > div > h3 {
  padding-left: 0;
  padding-right: 16px;
}

body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) > div > button,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 > div > button,
body.view-courseware.courseware .xblock-student_view-pdf > div > button,
body.view-courseware.courseware .xblock-student_view-poll > div > button,
body.view-courseware.courseware .xblock-student_view-scormxblock > div > button,
body.view-courseware.courseware .xblock-student_view-externality > div > button,
body.view-courseware.courseware .xblock-student_view-survey > div > button,
body.view-courseware.courseware .xblock-student_view-openassessment > div > button,
body.view-courseware.courseware .xblock-student_view-icxblock > div > button {
  padding: 9px 26px;
  margin-right: 40px;
}

body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) .fa-clipboard-list,
body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) .problem-progress,
body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) hr,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .fa-clipboard-list,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .problem-progress,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 hr,
body.view-courseware.courseware .xblock-student_view-pdf .fa-clipboard-list,
body.view-courseware.courseware .xblock-student_view-pdf .problem-progress,
body.view-courseware.courseware .xblock-student_view-pdf hr,
body.view-courseware.courseware .xblock-student_view-poll .fa-clipboard-list,
body.view-courseware.courseware .xblock-student_view-poll .problem-progress,
body.view-courseware.courseware .xblock-student_view-poll hr,
body.view-courseware.courseware .xblock-student_view-scormxblock .fa-clipboard-list,
body.view-courseware.courseware .xblock-student_view-scormxblock .problem-progress,
body.view-courseware.courseware .xblock-student_view-scormxblock hr,
body.view-courseware.courseware .xblock-student_view-externality .fa-clipboard-list,
body.view-courseware.courseware .xblock-student_view-externality .problem-progress,
body.view-courseware.courseware .xblock-student_view-externality hr,
body.view-courseware.courseware .xblock-student_view-survey .fa-clipboard-list,
body.view-courseware.courseware .xblock-student_view-survey .problem-progress,
body.view-courseware.courseware .xblock-student_view-survey hr,
body.view-courseware.courseware .xblock-student_view-openassessment .fa-clipboard-list,
body.view-courseware.courseware .xblock-student_view-openassessment .problem-progress,
body.view-courseware.courseware .xblock-student_view-openassessment hr,
body.view-courseware.courseware .xblock-student_view-icxblock .fa-clipboard-list,
body.view-courseware.courseware .xblock-student_view-icxblock .problem-progress,
body.view-courseware.courseware .xblock-student_view-icxblock hr {
  padding: 0;
}

body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) hr,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 hr,
body.view-courseware.courseware .xblock-student_view-pdf hr,
body.view-courseware.courseware .xblock-student_view-poll hr,
body.view-courseware.courseware .xblock-student_view-scormxblock hr,
body.view-courseware.courseware .xblock-student_view-externality hr,
body.view-courseware.courseware .xblock-student_view-survey hr,
body.view-courseware.courseware .xblock-student_view-openassessment hr,
body.view-courseware.courseware .xblock-student_view-icxblock hr {
  border-top: 1px solid #f4f4f4;
  margin: 0;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xmodule_display:not(.xblock-student_view-sequential):not(.xblock-student_view-html) .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-pdf .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-poll .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-scormxblock .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-externality .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-survey .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-openassessment .pdf_block h3,
body.view-courseware.courseware .xblock-student_view-icxblock .pdf_block h3 {
    margin-left: 10px;
  }
}

body.view-courseware.courseware .xblock-student_view-ilt::before {
  display: none;
}

body.view-courseware.courseware .xblock-student_view-problem {
  margin-bottom: 80px;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .xblock-student_view-problem .problem-header {
    display: block;
    padding-left: 40px;
  }
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock-student_view-problem .problem-header {
    display: block;
    padding-left: 5px;
  }
}

@media (max-width: 768px) {
  body.view-courseware.courseware .xblock-student_view-problem span.fa-clipboard-list {
    padding-left: 5px !important;
  }
}

body.view-courseware.courseware .xblock-student_view-ubcpi::before,
body.view-courseware.courseware .xblock-student_view-library_content::before {
  content: "";
  border-bottom: none;
}

body.view-courseware.courseware .xblock-student_view-videoalpha .video {
  background-color: #ffffff;
}

body.view-courseware.courseware .xblock-student_view-videoalpha .video .tc-wrapper {
  padding: 10px;
}

body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .problem-title {
  font-weight: 600;
  font-size: 22px;
  padding-left: 0;
  height: 30px;
}

body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .problem-title:after {
  content: ' ';
  display: inline-block;
}

body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .problem-progress-wrapper .fal, body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .problem-progress-wrapper .far {
  color: #4c4c8e;
}

body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 div.problem-progress-wrapper {
  display: inline-block;
}

body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 div.problem-progress {
  color: #4c4c8e;
  font-size: 15px;
  margin-left: 5px;
}

body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button {
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
}

body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button:hover, body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button[disabled], body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button.disabled, body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button:disabled, body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button:hover, body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button.active {
  text-decoration: none;
}

body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button .icon, body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button .fa, body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button .fas, body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button .far, body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button .fal {
  margin-right: 5px;
}

body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button:disabled,
body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button.is-disabled {
  background: #4c4c8e;
  color: #ffffff;
}

body.view-courseware.courseware .xblock-student_view-drag-and-drop-v2 .actions-toolbar .sidebar-button-wrapper button::hover {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #09092d;
  text-shadow: 0.25px 0.25px 0 #09092d;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .xblock-student_view-openassessment .openassessment__title {
  padding-bottom: 20px !important;
}

body.view-courseware.courseware .xblock-student_view-openassessment .message__content {
  margin-top: 20px;
}

body.view-courseware.courseware .xblock-student_view-openassessment .openassessment-sep-line {
  margin-left: -40px;
  width: calc(100% + 80px);
}

body.view-courseware.courseware .xblock-student_view-openassessment .openassessment-label {
  right: 0 !important;
  top: 12px !important;
}

body.view-courseware.courseware .xblock-student_view-html {
  border: 2px solid #f4f4f4;
  border-radius: 8px;
  background-color: #ffffff;
  position: relative;
  container-type: inline-size;
}

body.view-courseware.courseware .xblock-student_view-html .html-header-wrapper {
  margin-left: 40px;
  padding: 0;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock-student_view-html .html-header-wrapper {
    margin-left: 10px;
  }
}

body.view-courseware.courseware .xblock-student_view-html .html-header-wrapper .html-header {
  margin-bottom: 0;
  padding: 15px 0;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock-student_view-html .html-header-wrapper .html-header {
    margin-left: 10px;
  }
}

body.view-courseware.courseware .xblock-student_view-html > table {
  margin: 0 30px 20px;
  width: 90% !important;
}

@media (min-width: 992px) {
  body.view-courseware.courseware .xblock-student_view-html > table {
    width: 93% !important;
  }
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock-student_view-html > table {
    margin: 0 8px 10px;
    width: 96% !important;
  }
}

body.view-courseware.courseware .xblock-student_view-html hr.sep-line {
  border-top: 1px solid #f4f4f4;
  margin-top: 0;
  margin-bottom: 25px;
}

body.view-courseware.courseware .xblock-student_view-scormxblock h3.scorm-header {
  padding-left: 0;
  padding-bottom: 0;
  display: inline-block;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock-student_view-scormxblock .scormxblock_block > p {
    padding-top: 20px;
  }
}

body.view-courseware.courseware .xblock-student_view-scormxblock .scorm_process {
  color: #4c4c8e;
  font-size: 15px;
  display: inline-block;
  padding-left: 0;
  margin-bottom: 0;
}

body.view-courseware.courseware .xblock-student_view-scormxblock .scorm_process .lesson_score {
  margin-left: 5px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock-student_view-scormxblock .scorm_process {
    width: 140%;
  }
}

body.view-courseware.courseware .xblock-student_view-externality h3.externality-header {
  padding-left: 0;
  padding-bottom: 0;
  display: inline-block;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock-student_view-externality .externalityxblock_block > p {
    padding-top: 20px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-header {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-header {
    flex-direction: column;
    padding-bottom: 10px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-header i {
  padding: 37px;
  border-radius: 50%;
  background-color: #5959eb;
  margin-right: 40px;
  color: white;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-header i {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-header .ilt-title h2 {
  color: #09092d;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 21px;
}

body.view-courseware.courseware .ilt-xblock .ilt-header .ilt-title h3 {
  color: #09092d;
  font-weight: 400;
  padding-bottom: 16px;
}

body.view-courseware.courseware .ilt-xblock .ilt-description {
  font-weight: 300;
  padding-bottom: 13px;
}

body.view-courseware.courseware .ilt-xblock .ilt-description p {
  margin-bottom: 0;
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions {
  padding-bottom: 0px;
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions > h3 {
  padding-bottom: 10px;
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions > div > select {
  margin-bottom: 20px;
  padding: 3px 25px 3px 3px;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-sessions > div > select {
    width: 100%;
    margin-bottom: 10px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions select {
  min-width: 400px;
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions select option.expire-for-student {
  display: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail > div > p {
  margin: 0;
  padding-bottom: 9px;
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail > div > p span .fa {
  margin-right: 10px;
  width: 20px;
  text-align: center;
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail .ilt-registration {
  margin-top: 20px;
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail .ilt-registration input {
  margin-left: 20px;
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail .ilt-registration > div {
  margin-bottom: 15px;
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail .ilt-registration > div .ilt-registration-tip {
  margin-right: 10px;
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail .ilt-registration .ilt-registration-comment textarea {
  display: block;
  width: 70%;
  height: 60px;
  resize: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail .ilt-registration .ilt-registration-trip label[for="ilt-return-trip"] {
  margin-left: 60px;
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail .ilt-registration .ilt-registration-trip input {
  width: 60px;
}

body.view-courseware.courseware .ilt-xblock .ilt-sessions .ilt-session-detail .ilt-registration .ilt-registration-trip .return-trip {
  margin-left: 30px;
}

body.view-courseware.courseware .ilt-xblock .ilt-notification i {
  margin-right: 10px;
  width: 20px;
  text-align: center;
}

body.view-courseware.courseware .ilt-xblock .ilt-notification .status {
  color: #09092d;
  padding: 10px 10px 10px 50px;
  text-align: left;
  font-size: 12px;
  box-shadow: none;
  border: 0 none;
  background: #fafafa;
}

body.view-courseware.courseware .ilt-xblock .ilt-notification .status:before {
  position: relative;
  left: -30px;
  width: auto;
  float: left;
  font-family: "Font Awesome 7 Pro";
  font-size: 14px;
}

body.view-courseware.courseware .ilt-xblock .ilt-notification .status.confirmed, body.view-courseware.courseware .ilt-xblock .ilt-notification .status.accepted {
  border-left: 3px solid #23ab41;
  background: rgba(35, 171, 65, 0.25);
}

body.view-courseware.courseware .ilt-xblock .ilt-notification .status.confirmed:before, body.view-courseware.courseware .ilt-xblock .ilt-notification .status.accepted:before {
  color: #23ab41;
  content: "\f00c";
}

body.view-courseware.courseware .ilt-xblock .ilt-notification .status.refused {
  border-left: 3px solid #f22f31;
}

body.view-courseware.courseware .ilt-xblock .ilt-notification .status.refused:before {
  color: #f22f31;
  content: "\f00d";
}

body.view-courseware.courseware .ilt-xblock .ilt-notification .status.pending {
  border-left: 3px solid #f3c316;
}

body.view-courseware.courseware .ilt-xblock .ilt-notification .status.pending:before {
  color: #f3c316;
  content: "\f12a";
}

body.view-courseware.courseware .ilt-xblock .ilt-learners-actions {
  margin: 0px 0px 20px 40px;
}

body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 300;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button:hover, body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button.active {
  text-decoration: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button .icon, body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button .fa, body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button .fas, body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button .far, body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button .fal {
  margin-right: 5px;
}

body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button:hover, body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button[disabled], body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button.disabled, body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button:disabled, body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button {
    width: 100%;
    justify-content: center;
  }
  body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button:not(:last-child) {
    margin-bottom: 5px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-learners-actions button.enroll-disabled {
  background-color: #4c4c8e !important;
  box-shadow: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions .ilt-management i {
  font-size: 16px;
  padding-right: 12px;
  top: 6px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions .ilt-management h3 {
  font-size: 16px;
  display: flex;
  align-items: center;
  padding-bottom: 16px;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions .ilt-management h3 {
    padding-bottom: 10px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions div > ul.ilt-management-tabs {
  color: #5959eb;
  list-style: none;
  display: flex;
  padding: 0;
  font-weight: 300;
  padding-bottom: 20px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions div > ul.ilt-management-tabs li {
  margin-bottom: 0;
  flex-grow: 0.33;
  text-align: center;
  color: inherit;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions div > ul.ilt-management-tabs li a {
  background-color: #f4f4f4;
  display: block;
  padding: 10px 0;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions div > ul.ilt-management-tabs li a {
    font-size: 13px;
  }
}

@media (max-width: 576px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions div > ul.ilt-management-tabs li a {
    font-size: 11px;
    padding: 10px 5px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions div > ul.ilt-management-tabs .ilt-hover {
  background-color: #5959eb;
  color: #ffffff;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 p, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 p, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 p, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 p {
  font-weight: 300;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 300;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button.active, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button.active, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button.active, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button.active {
  text-decoration: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button .icon, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button .fa, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button .fas, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button .far, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button .fal, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button .icon, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button .fa, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button .fas, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button .far, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button .fal, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button .icon, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button .fa, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button .fas, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button .far, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button .fal, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button .icon, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button .fa, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button .fas, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button .far, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button .fal {
  margin-right: 5px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button.active, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button.active, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button.active, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button[disabled], body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button.disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button:disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 button.is-disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button[disabled], body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button.disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button:disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button.is-disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button[disabled], body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button.disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button:disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button.is-disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button[disabled], body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button.disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button:disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-admin-selection, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .ilt-admin-selection, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-admin-selection, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-admin-selection {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-admin-selection, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .ilt-admin-selection, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-admin-selection, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-admin-selection {
    margin-bottom: 0;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-admin-selection select {
  margin-bottom: 20px;
  padding: 3px 25px 3px 3px;
  min-width: 400px;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-admin-selection select, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-admin-selection select {
    width: 100%;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-admin-selection select option.expire-for-admin, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .ilt-admin-selection select option.expire-for-admin, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-admin-selection select option.expire-for-admin, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-admin-selection select option.expire-for-admin {
  display: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .checkbox, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .checkbox, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .checkbox, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .checkbox {
  display: flex;
  gap: 10px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 {
  display: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-enrollees {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-enrollees {
    flex-direction: column;
    padding-bottom: 20px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-enrollees h3 {
  font-size: 16px;
  flex: 1;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-enrollees h3 {
    padding-bottom: 10px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-enrollees.attendance-view {
  padding-bottom: 15px;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-enrollees.attendance-view h3 {
    padding-bottom: 10px;
  }
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-enrollees.attendance-view {
    display: flex;
    flex-direction: column;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-ack {
  padding-bottom: 30px;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-ack {
    padding-bottom: 20px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion {
    flex-direction: column;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion h3 {
  width: 100%;
  font-size: 16px;
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion h3 {
    padding-bottom: 5px;
  }
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion input {
    margin-bottom: 10px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 300;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  margin-left: auto;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button.active {
  text-decoration: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button .icon, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button .fa, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button .fas, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button .far, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button .fal {
  margin-right: 5px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button[disabled], body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button.disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button:disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-1 .ilt-completion button {
    margin-right: auto;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 h3 {
  font-size: 16px;
  padding-bottom: 10px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 textarea {
  margin-bottom: 15px;
  height: 50px;
  width: 100%;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 textarea {
    resize: none;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 input:not([type="checkbox"]) {
  border-width: 1px;
  border-style: solid;
  padding: 3px 10px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 select {
  padding: 3px 30px 3px 10px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button {
  margin-right: 15px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button {
    width: 46%;
    justify-content: center;
  }
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 button:last-of-type {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 > p {
    margin-bottom: 10px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .bypass-validation {
  margin-bottom: 15px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .checkbox {
  margin-bottom: 15px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .results {
  margin: 15px 0;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  overflow: auto;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list {
  min-width: 1200px;
  font-weight: bold;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list th, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list td {
  padding: 8px 10px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list .column-comment {
  max-width: 220px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list .column-comment textarea {
  height: 57px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list .column-username {
  width: 130px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list .column-name {
  width: 190px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list .column-accommodation {
  text-align: left;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list .column-one-way,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list .column-return,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list .column-store {
  text-align: right;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list .column-one-way input, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list .column-return input {
  width: 40px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list tbody .column-username,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list tbody .column-name,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list tbody .column-store,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list tbody .column-comment {
  font-weight: normal;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list tbody .column-status {
  text-transform: capitalize;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list tbody .column-status:before {
  font-size: 10px;
  content: '● ';
  padding-right: 5px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list tbody .column-accommodation {
  text-transform: capitalize;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list .column-status-pending {
  color: orange;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list .column-status-accepted {
  color: deepskyblue;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #result-list .column-status-confirmed {
  color: limegreen;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .actions {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .actions li {
  display: inline-block;
  padding: 6px 12px;
  background-color: #e3e3e3;
  color: #09092d;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .actions li:not(:last-child) {
  margin-right: 10px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .actions li.enabled-action {
  background-color: #4c4c8e;
  color: #ffffff;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .actions li.active {
  background-color: #5959eb;
  color: #ffffff;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .actions li.active span {
  display: inline-block;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .actions li.active i {
  padding-right: 5px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .actions li span {
  display: none;
}

@media (max-width: 1150px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .actions .change-session-selection {
    order: 999;
  }
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .actions .change-session-selection select {
    width: 100%;
    margin-top: 10px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel.active {
  text-decoration: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel .icon, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel .fa, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel .fas, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel .far, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel .fal {
  margin-right: 5px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel[disabled], body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel.disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel:disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel[disabled]:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel.disabled:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel:disabled:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-buttons .btn-cancel.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm {
  z-index: 1002;
  max-width: 500px;
  height: 90px;
  text-align: center;
  padding: 20px 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #ffffff;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no.active {
  text-decoration: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no .icon, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no .fa, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no .fas, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no .far, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no .fal {
  margin-right: 5px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no[disabled], body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no.disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no:disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no[disabled]:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no.disabled:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no:disabled:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm button.unenroll-no.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 #unenroll-confirm p {
  text-align: center;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-information .enrollment-status {
  border-left: 3px solid #23ab41;
  background: rgba(35, 171, 65, 0.25);
  color: #09092d;
  padding: 10px 10px 10px 50px;
  text-align: left;
  font-size: 12px;
  box-shadow: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .confirm-information .enrollment-status:before {
  position: relative;
  left: -30px;
  width: auto;
  float: left;
  font-family: "Font Awesome 7 Pro";
  font-size: 14px;
  color: #23ab41;
  content: "\f00c";
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-2 .accepted-confirmed-list {
  margin-top: 20px;
  margin-bottom: 50px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 select option.expire-for-student {
  display: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-accommodation {
  background-color: #ececec;
  padding: 20px;
  list-style: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-accommodation li {
  display: flex;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-accommodation li .accommodation-name {
  flex: 20%;
  margin-right: 3%;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-accommodation li .accommodation-comments {
  flex: 25%;
  margin-right: 3%;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-4 .ilt-accommodation li .accommodation-hotel {
  flex: 45%;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 {
    text-align: center;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm {
  z-index: 1002;
  max-width: 500px;
  height: 90px;
  text-align: center;
  padding: 20px 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #ffffff;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del.active {
  text-decoration: none;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del .icon, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del .fa, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del .fas, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del .far, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del .fal {
  margin-right: 5px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del:hover, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del[disabled], body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del.disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del:disabled, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del[disabled]:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del.disabled:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del:disabled:focus, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm button.ilt-cancel-del.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 #ilt-del-confirm p {
  text-align: center;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 > p {
    margin-bottom: 10px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session {
  display: flex;
  flex-direction: column;
  background-color: #ececec;
  margin-bottom: 20px;
  padding: 10px;
  position: relative;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session .ilt-del-session, body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session .ilt-add-calendar {
  z-index: 4;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session .ilt-add-calendar {
  right: 50px;
  color: #5959eb;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session button {
  display: none;
  width: 110px;
  position: absolute;
  right: 0;
  bottom: 15px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) {
    flex-wrap: wrap;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock i,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) i {
  width: 40px;
  padding: 0;
  text-align: center;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock label,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) label {
  width: 120px;
  display: inline-block;
  margin: 0;
  line-height: 28px;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock input,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) input {
  border-width: 1px;
  border-style: solid;
  padding: 3px 10px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock input,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) input {
    width: 100%;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock select,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) select {
  padding: 3px 10px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock select,
body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component:nth-of-type(1n+2) select {
    width: 100%;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-del-overlay {
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component .ilt-session-clock:first-of-type > label {
    padding-left: 40px;
  }
}

@media (max-width: 576px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-component .ilt-session-clock:nth-of-type(1n+2) > label {
    padding-left: 10px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock {
  padding-left: 40px;
  position: relative;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock {
    padding-left: 0;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock i {
  position: absolute;
  left: 0;
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock input:first-child {
  margin-right: 10px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 .ilt-session-clock .hasDatepicker {
    margin-bottom: 5px;
  }
}

body.view-courseware.courseware .ilt-xblock .ilt-staff-actions #ilt-management-3 button {
  margin-right: 15px;
}

body.view-courseware.courseware .export-results-button-wrapper input[type=button], body.view-courseware.courseware .export-results-button-wrapper button,
body.view-courseware.courseware .poll-block input[type=button],
body.view-courseware.courseware .poll-block button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .export-results-button-wrapper input[type=button]:hover, body.view-courseware.courseware .export-results-button-wrapper input[type=button].active, body.view-courseware.courseware .export-results-button-wrapper button:hover, body.view-courseware.courseware .export-results-button-wrapper button.active,
body.view-courseware.courseware .poll-block input[type=button]:hover,
body.view-courseware.courseware .poll-block input[type=button].active,
body.view-courseware.courseware .poll-block button:hover,
body.view-courseware.courseware .poll-block button.active {
  text-decoration: none;
}

body.view-courseware.courseware .export-results-button-wrapper input[type=button] .icon, body.view-courseware.courseware .export-results-button-wrapper input[type=button] .fa, body.view-courseware.courseware .export-results-button-wrapper input[type=button] .fas, body.view-courseware.courseware .export-results-button-wrapper input[type=button] .far, body.view-courseware.courseware .export-results-button-wrapper input[type=button] .fal, body.view-courseware.courseware .export-results-button-wrapper button .icon, body.view-courseware.courseware .export-results-button-wrapper button .fa, body.view-courseware.courseware .export-results-button-wrapper button .fas, body.view-courseware.courseware .export-results-button-wrapper button .far, body.view-courseware.courseware .export-results-button-wrapper button .fal,
body.view-courseware.courseware .poll-block input[type=button] .icon,
body.view-courseware.courseware .poll-block input[type=button] .fa,
body.view-courseware.courseware .poll-block input[type=button] .fas,
body.view-courseware.courseware .poll-block input[type=button] .far,
body.view-courseware.courseware .poll-block input[type=button] .fal,
body.view-courseware.courseware .poll-block button .icon,
body.view-courseware.courseware .poll-block button .fa,
body.view-courseware.courseware .poll-block button .fas,
body.view-courseware.courseware .poll-block button .far,
body.view-courseware.courseware .poll-block button .fal {
  margin-right: 5px;
}

body.view-courseware.courseware .export-results-button-wrapper input[type=button]:hover, body.view-courseware.courseware .export-results-button-wrapper input[type=button].active, body.view-courseware.courseware .export-results-button-wrapper button:hover, body.view-courseware.courseware .export-results-button-wrapper button.active,
body.view-courseware.courseware .poll-block input[type=button]:hover,
body.view-courseware.courseware .poll-block input[type=button].active,
body.view-courseware.courseware .poll-block button:hover,
body.view-courseware.courseware .poll-block button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-courseware.courseware .export-results-button-wrapper input[type=button]:focus, body.view-courseware.courseware .export-results-button-wrapper button:focus,
body.view-courseware.courseware .poll-block input[type=button]:focus,
body.view-courseware.courseware .poll-block button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

body.view-courseware.courseware .export-results-button-wrapper input[type=button][disabled], body.view-courseware.courseware .export-results-button-wrapper input[type=button].disabled, body.view-courseware.courseware .export-results-button-wrapper input[type=button]:disabled, body.view-courseware.courseware .export-results-button-wrapper input[type=button].is-disabled, body.view-courseware.courseware .export-results-button-wrapper button[disabled], body.view-courseware.courseware .export-results-button-wrapper button.disabled, body.view-courseware.courseware .export-results-button-wrapper button:disabled, body.view-courseware.courseware .export-results-button-wrapper button.is-disabled,
body.view-courseware.courseware .poll-block input[type=button][disabled],
body.view-courseware.courseware .poll-block input[type=button].disabled,
body.view-courseware.courseware .poll-block input[type=button]:disabled,
body.view-courseware.courseware .poll-block input[type=button].is-disabled,
body.view-courseware.courseware .poll-block button[disabled],
body.view-courseware.courseware .poll-block button.disabled,
body.view-courseware.courseware .poll-block button:disabled,
body.view-courseware.courseware .poll-block button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

body.view-courseware.courseware div.themed-xblock.poll-block .poll-answer {
  align-items: center;
  margin: 0 0 10px 0;
  padding: 8px;
  border: 2px solid #f4f4f4;
  border-radius: 8px;
  background-color: #fafafa;
  width: calc(46% - 20px);
  display: inline-block;
}

body.view-courseware.courseware div.themed-xblock.poll-block .poll-answer:nth-child(odd) {
  margin-right: 15px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware div.themed-xblock.poll-block .poll-answer:nth-child(odd) {
    margin-right: 0;
  }
}

@media (max-width: 576px) {
  body.view-courseware.courseware div.themed-xblock.poll-block .poll-answer {
    margin-right: 0;
    width: -webkit-fill-available;
  }
}

body.view-courseware.courseware div.themed-xblock.poll-block .poll-answer label.poll-answer-text {
  padding-left: 10px;
  font-weight: 400;
}

body.view-courseware.courseware div.themed-xblock.poll-block .poll-answer label.poll-answer-text p {
  margin: 0;
  padding: 0;
}

body.view-courseware.courseware div.themed-xblock.poll-block .poll-answers {
  max-width: 100%;
  padding-left: 0;
}

body.view-courseware.courseware div.themed-xblock.poll-block .percentage-gauge {
  background-color: #fafafa;
}

body.view-courseware.courseware div.themed-xblock.poll-block .poll-top-choice {
  color: #5959eb;
}

body.view-courseware.courseware div.themed-xblock.poll-block .poll-answer-label {
  font-weight: 400;
}

body.view-courseware.courseware div.themed-xblock.poll-block .poll-percent-display {
  font-weight: 600;
}

body.view-courseware.courseware div.themed-xblock.poll-block .poll-results {
  padding-bottom: 13px;
}

body.view-courseware.courseware div.themed-xblock.poll-block > .poll-header,
body.view-courseware.courseware div.themed-xblock.poll-block > .poll-question > p {
  padding-left: 40px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware div.themed-xblock.poll-block > .poll-header,
body.view-courseware.courseware div.themed-xblock.poll-block > .poll-question > p {
    padding-left: 5px;
  }
}

@media (max-width: 768px) {
  body.view-courseware.courseware div.themed-xblock.poll-block .poll-block-form-wrapper > h3.poll-header {
    padding-top: 20px;
    margin-left: 0 !important;
  }
}

body.view-courseware.courseware div.themed-xblock.poll-block ul.poll-results li.poll-result {
  background: #f3f3f7;
  margin-left: 30px;
  padding: 10px;
  width: -webkit-fill-available;
}

body.view-courseware.courseware div.themed-xblock.poll-block .percentage-gauge-background {
  display: none;
}

body.view-courseware.courseware div.themed-xblock.poll-block .percentage-gauge {
  background-color: #ececec;
  top: 5px;
  left: 10px;
  height: 10px;
}

body.view-courseware.courseware div.themed-xblock.poll-block .poll-answer-label {
  padding-top: 20px;
}

body.view-courseware.courseware div.themed-xblock.poll-block .poll-percent-container {
  padding-left: 1em;
}

body.view-courseware.courseware div.themed-xblock.poll-block .percentage-gauge-container {
  width: calc(100% - 85px);
}

body.view-courseware.courseware div.themed-xblock.poll-block .poll-results.has-images .percentage-gauge-container {
  width: calc(65% - 60px);
}

body.view-courseware.courseware .export-wordscloud-button-wrapper {
  float: right;
  position: relative;
  bottom: -15px;
  padding: 0px !important;
}

@media (max-width: 992px) {
  body.view-courseware.courseware .export-wordscloud-button-wrapper {
    width: 60%;
  }
}

body.view-courseware.courseware .export-wordscloud-button-wrapper .export-results-button {
  margin-right: 0;
  margin-bottom: 15px;
}

body.view-courseware.courseware .export-wordscloud-button-wrapper .download-results-button {
  margin-left: 10px;
  margin-right: 0 !important;
  color: #ffffff;
}

body.view-courseware.courseware .export-results-button-wrapper .export-results-button {
  margin-right: 0;
  margin-bottom: 15px;
}

body.view-courseware.courseware .export-results-button-wrapper .download-results-button {
  margin-left: 10px;
  margin-right: 0 !important;
  color: #ffffff;
}

body.view-courseware.courseware .view-results-button-wrapper,
body.view-courseware.courseware .export-results-button-wrapper {
  padding: 0;
}

body.view-courseware.courseware .view-results-button-wrapper {
  height: 0;
  position: absolute;
  bottom: 35px;
  margin-right: 10px;
  right: 0;
  padding: 0 !important;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .view-results-button-wrapper {
    right: -10px;
  }
}

body.view-courseware.courseware .view-results-button-wrapper .view-results-button {
  height: 30px;
}

body.view-courseware.courseware .export-results-button-wrapper {
  float: right;
  position: relative;
  bottom: -15px;
  padding-right: 0px !important;
}

@media (max-width: 992px) {
  body.view-courseware.courseware .export-results-button-wrapper {
    width: 60%;
  }
}

body.view-courseware.courseware .poll-block-form-wrapper,
body.view-courseware.courseware .poll-results-wrapper {
  padding-bottom: 0;
}

body.view-courseware.courseware .poll-block-form-wrapper .input-main,
body.view-courseware.courseware .poll-results-wrapper .input-main {
  padding: 6px 45px;
  color: #ffffff;
  position: relative;
  bottom: -60px;
  left: -40px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .poll-block-form-wrapper .input-main,
body.view-courseware.courseware .poll-results-wrapper .input-main {
    padding: 6px 20px;
    left: -10px;
    bottom: -56px;
  }
}

body.view-courseware.courseware .poll-block-form-wrapper form,
body.view-courseware.courseware .poll-results-wrapper form {
  margin-top: 10px;
}

body.view-courseware.courseware .poll-block-form-wrapper .poll-feedback-header,
body.view-courseware.courseware .poll-results-wrapper .poll-feedback-header {
  margin-top: 10px;
}

body.view-courseware.courseware .poll-results-wrapper {
  padding-top: 0;
}

body.view-courseware.courseware .poll-results-wrapper .poll-footnote {
  height: 0;
  margin-top: 10px;
  position: relative;
  bottom: 45px;
}

body.view-courseware.courseware .poll-voting-thanks {
  position: relative;
  bottom: 60px;
  height: 0;
}

body.view-courseware.courseware .poll-block-form-wrapper .poll-question {
  margin-bottom: 20px;
}

body.view-courseware.courseware .xmodule_display.xmodule_WordCloudModule .result_cloud_section .word_cloud svg {
  max-width: 100%;
}

body.view-courseware.courseware .xmodule_display.xmodule_WordCloudModule .total_num_words + p {
  display: none;
}

body.view-courseware.courseware .xmodule_display.xmodule_WordCloudModule .your_answers {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25em 0.5em;
}

body.view-courseware.courseware .xmodule_display.xmodule_WordCloudModule .your_words {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
  gap: 0.25em 0em;
}

body.view-courseware.courseware .xmodule_display.xmodule_WordCloudModule .your_words strong {
  font-weight: 400;
  padding-right: 20px;
}

body.view-courseware.courseware div.xblock--drag-and-drop {
  max-width: none;
}

body.view-courseware.courseware div.xblock--drag-and-drop .title1 {
  font-weight: 400;
  text-transform: none;
  font-size: 21px;
}

body.view-courseware.courseware div.xblock--drag-and-drop .drag-container {
  background-color: #fafafa;
}

body.view-courseware.courseware div.xblock--drag-and-drop .drag-container .option {
  background-color: #4c4c4c;
}

body.view-courseware.courseware div.xblock--drag-and-drop .drag-container .option[draggable='true']:hover {
  outline-style: none;
}

body.view-courseware.courseware div.xblock--drag-and-drop .item-bank {
  border: none;
}

body.view-courseware.courseware div.xblock--drag-and-drop .modal-header h2 {
  font-size: 18px;
  font-weight: 400;
  color: #4c4c4c;
}

body.view-courseware.courseware div.xblock--drag-and-drop .modal-dismiss-button span {
  font-weight: 400;
}

body.view-courseware.courseware div.xblock--drag-and-drop .feedback {
  border-top: 2px solid #fafafa;
}

body.view-courseware.courseware div.xblock--drag-and-drop .feedback p {
  border: none;
}

body.view-courseware.courseware div.xblock--drag-and-drop .feedback p.message:before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
}

body.view-courseware.courseware div.xblock--drag-and-drop .modal-window {
  background-color: #fafafa;
}

body.view-courseware.courseware div.xblock--drag-and-drop .close-feedback-popup-desktop-button:focus {
  float: none;
}

body.view-courseware.courseware div.xblock--drag-and-drop .reset-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  color: #09092d;
  border: 1px solid #4c4c8e;
}

body.view-courseware.courseware div.xblock--drag-and-drop .reset-button:hover, body.view-courseware.courseware div.xblock--drag-and-drop .reset-button.active {
  text-decoration: none;
}

body.view-courseware.courseware div.xblock--drag-and-drop .reset-button .icon, body.view-courseware.courseware div.xblock--drag-and-drop .reset-button .fa, body.view-courseware.courseware div.xblock--drag-and-drop .reset-button .fas, body.view-courseware.courseware div.xblock--drag-and-drop .reset-button .far, body.view-courseware.courseware div.xblock--drag-and-drop .reset-button .fal {
  margin-right: 5px;
}

body.view-courseware.courseware div.xblock--drag-and-drop .reset-button:focus {
  color: #09092d;
  border: 1px solid #4c4c8e;
}

body.view-courseware.courseware div.xblock--drag-and-drop .reset-button:hover, body.view-courseware.courseware div.xblock--drag-and-drop .reset-button.active {
  color: #5959eb;
  border-color: #5959eb;
}

body.view-courseware.courseware div.xblock--drag-and-drop .reset-button .btn-icon {
  display: inline-block;
  padding-right: 3px;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table {
  margin-bottom: 10px;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table thead {
  display: block;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .servey-answer {
  font-size: 12px;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-question p,
body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option label {
  border: 1px solid #f4f4f4;
  border-radius: 8px;
  background-color: #fafafa;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-question {
  color: #4c4c4c;
  font-weight: 400;
  width: auto;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-question p {
  padding: 8px;
  min-width: 200px;
  width: 100%;
  box-sizing: border-box;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table thead tr th, body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table thead tr td {
  font-weight: 400;
  color: #4c4c4c;
  max-width: 7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  /*font-weight: normal;
          border: 0 none;*/
  white-space: nowrap;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table tbody tr:last-child th,
body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table tbody tr:last-child td,
body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table th, body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table td {
  border: none;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-header-placeholder {
  border: none !important;
  background-color: #ffffff !important;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-row {
  border: none;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-row th, body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-row td {
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-row td.poll-top-choice .percentage {
  font-weight: 600;
  font-size: 16px;
  color: #5959eb;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option label {
  margin: 0;
  padding: 5px 10px;
  margin-left: 5px;
  box-sizing: border-box;
  white-space: normal;
  word-break: keep-all;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option label:after {
  bottom: 3px;
  position: relative;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio] {
  visibility: hidden;
  display: none;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio] + span, body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio] + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio] + span:before, body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio] + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio]:checked + span:before, body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio]:checked + label:before {
  content: "";
  color: #5959eb;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio][disabled] + span:before, body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio][disabled] + label:before, body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio].disabled + span:before, body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio].disabled + label:before, body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio]:disabled + span:before, body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio]:disabled + label:before, body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio].is-disabled + span:before, body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio].is-disabled + label:before {
  color: #4c4c8e;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio] + span {
  visibility: visible;
  display: flex;
  align-items: center;
  padding-left: 0px;
  box-sizing: border-box;
  margin: auto;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio] + span::before {
  position: relative;
  font-size: 16px;
  margin-left: 0;
  margin-right: 8px;
  z-index: inherit;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option input[type=radio]:checked + span:before {
  font-weight: 400;
}

body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-percentage {
  font-weight: 600;
  font-size: 16px;
  vertical-align: middle;
}

@media (max-width: 768px) {
  body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-row {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
  }
  body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option {
    padding: 0;
    margin-bottom: 0;
  }
  body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table .survey-option label {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table.survey-table--flat .survey-row th {
    padding-top: 25px;
    padding-bottom: 15px;
  }
  body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table.survey-table--flat .survey-option {
    padding-top: 0;
  }
  body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table.survey-table--flat .survey-option label {
    margin-left: 10px;
  }
  body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table.survey-table--flat .survey-option:first-of-type label {
    margin-left: 0;
  }
}

@media (max-width: 992px) {
  body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table.survey-table--flat .survey-row {
    display: flex;
    flex-direction: column;
  }
  body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table.survey-table--flat .survey-row.survey-row__questions {
    margin-top: 25px;
    margin-bottom: 0;
  }
  body.view-courseware.courseware div.themed-xblock.poll-block table.survey-table.survey-table--flat .survey-option label {
    margin-left: 0;
  }
}

body.view-courseware.courseware div.themed-xblock.poll-block .poll-footnote {
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  color: #4c4c4c;
  height: 0;
  margin-top: 10px;
  position: relative;
  bottom: 10px;
}

body.view-courseware.courseware .xblock-student_view-poll,
body.view-courseware.courseware .xblock-student_view-survey {
  margin-bottom: 50px;
}

body.view-courseware.courseware .xblock-student_view-poll form .poll-question p {
  margin: 10px 0 0;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .xblock-student_view-survey .view-results-button-wrapper {
    right: -5px;
  }
}

body.view-courseware.courseware .xblock-student_view-survey .poll-block > .poll-question {
  padding-left: 40px;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .xblock-student_view-survey .poll-block > .poll-question {
    padding-left: 10px;
  }
}

@media (max-width: 768px) {
  body.view-courseware.courseware .xblock-student_view-survey .poll-block-form-wrapper > h3.poll-header {
    padding-top: 20px;
  }
}

body.view-courseware.courseware .xmodule_VideoModule h3 {
  display: inline-block;
  padding-bottom: 0;
  padding-right: 60px;
}

@media (max-width: 768px) {
  body.view-courseware.courseware .xmodule_VideoModule h3 {
    padding-right: 20px;
  }
}

body.view-courseware.courseware .xmodule_VideoModule .video-type {
  background-color: #ffffff;
  display: inline-block;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0;
  padding-left: 12px;
  width: 100px;
  text-align: right;
  color: #f22f31;
}

body.view-courseware.courseware .xmodule_VideoModule .video-type span {
  padding: 0;
  padding-right: 5px;
}

body.view-courseware.courseware .xmodule_VideoModule .video-type span.fal, body.view-courseware.courseware .xmodule_VideoModule .video-type span.far {
  margin-right: 0;
}

body.view-courseware.courseware .xmodule_VideoModule .video {
  padding: 0;
  margin: 0;
}

body.view-courseware.courseware .xmodule_VideoModule .video.video-fullscreen {
  background: rgba(0, 0, 0, 0.75);
  z-index: 999999;
}

body.view-courseware.courseware .xmodule_VideoModule .video .video-wrapper .video-player {
  min-height: 0;
}

body.view-courseware.courseware .xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-slider-handle,
body.view-courseware.courseware .xmodule_VideoModule .video .video-wrapper .video-controls .slider .ui-widget-header {
  background-color: #5959eb;
  border-color: #5959eb;
}

body.view-courseware.courseware .xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-handle, body.view-courseware.courseware .xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .volume .volume-slider-container .volume-slider .ui-slider-range {
  background-color: #5959eb;
  border-color: #5959eb;
}

body.view-courseware.courseware .xmodule_VideoModule .video .video-wrapper .video-controls .secondary-controls .menu-container .menu li.is-active .speed-option {
  border-left-color: #5959eb;
  color: #5959eb;
}

body.view-courseware.courseware .xmodule_VideoModule .video .video-wrapper .btn-play {
  color: #5959eb;
}

body.view-courseware.courseware .xmodule_VideoModule .video .wrapper-downloads {
  padding: 0 20px 20px 20px;
}

body.view-courseware.courseware .xmodule_VideoModule .video .wrapper-downloads a {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}

body.view-courseware.courseware .xmodule_VideoModule .video .wrapper-downloads a:hover, body.view-courseware.courseware .xmodule_VideoModule .video .wrapper-downloads a:active, body.view-courseware.courseware .xmodule_VideoModule .video .wrapper-downloads a:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

body.view-courseware.courseware .xmodule_VideoModule .video .wrapper-downloads a:hover, body.view-courseware.courseware .xmodule_VideoModule .video .wrapper-downloads a:active {
  text-decoration: none;
}

body.view-courseware.courseware div.openassessment .is--in-progress.openassessment__steps__step {
  border-top-color: #5959eb;
}

body.view-courseware.courseware div.openassessment .is--in-progress.openassessment__steps__step .step__status__value {
  background-color: #5959eb;
}

body.view-courseware.courseware div.openassessment .ui-slidable__container .ui-slidable:not([disabled]) {
  color: #5959eb;
}

body.view-courseware.courseware .xblock div.poll-block,
body.view-courseware.courseware .xblock div.scormxblock_block,
body.view-courseware.courseware .xblock div.word_cloud,
body.view-courseware.courseware .xblock div.pdf_block {
  position: relative;
}

body.view-courseware.courseware .xblock-student_view-html > *:not(.block-header-wrapper):not(.block-label):not(.sep-line) {
  margin: var(--fds-global-space-xs) var(--fds-global-space-3xl);
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock-student_view-html > *:not(.block-header-wrapper):not(.block-label):not(.sep-line) {
    margin-inline: 5px;
  }
}

body.view-courseware.courseware .xblock-student_view-html h3.html-header {
  padding-left: 0;
  min-height: 30px;
}

body.view-courseware.courseware .xblock-student_view-videoalpha .video-type {
  margin-right: 40px;
  margin-top: 20px;
  float: right;
  color: #f22f31;
  width: 100px;
}

body.view-courseware.courseware .xblock-student_view-videoalpha .video-type span {
  margin-right: 0;
  padding-right: 10px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock-student_view-videoalpha .video-type {
    margin-right: 10px;
    margin-top: 15px;
    padding: 20px 0;
  }
}

body.view-courseware.courseware .xblock-student_view-problem > div {
  position: relative;
}

body.view-courseware.courseware .xblock-student_view-problem .image-mapped-input .problem .wrapper-problem-response .imageinput > div {
  overflow: auto;
}

body.view-courseware.courseware .xblock-student_view-icxblock .ic-header-wrapper {
  width: calc(100% - 300px) !important;
}

body.view-courseware.courseware .xblock-student_view-icxblock .ic-label {
  width: 205px;
}

body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body {
  background-color: #ffffff;
  margin-top: 15px;
}

body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body:after {
  content: '';
  display: block;
  clear: both;
}

body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .ic-icon {
  display: inline-block;
  text-align: center;
  float: left;
  margin-right: 20px;
  width: 80px;
  position: relative;
  top: 6px;
}

body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .ic-icon .fa-do-not-enter {
  color: #f22f31;
  font-size: 72px;
}

body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .ic-icon .fa-trophy {
  color: #f3c316;
  font-size: 48px;
  padding: 15px;
  border: 1px solid #ffffff;
  border-radius: 48px;
  background-color: rgba(35, 171, 65, 0.25);
}

body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .text-body {
  display: inline-block;
  float: left;
  width: calc(100% - 140px);
}

body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .text-body .title {
  font-size: 18px;
  font-weight: bold;
  color: #09092d;
}

body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .text-body .message {
  margin-top: 4px;
}

body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .text-body .message p {
  margin: 2px;
}

body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .text-body .download-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  color: #09092d;
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  border: 1px solid #ececec;
  font-weight: 600;
}

body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .text-body .download-button:hover, body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .text-body .download-button.active {
  text-decoration: none;
}

body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .text-body .download-button .icon, body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .text-body .download-button .fa, body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .text-body .download-button .fas, body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .text-body .download-button .far, body.view-courseware.courseware .xblock-student_view-icxblock .icxblock_block .xblock-body .text-body .download-button .fal {
  margin-right: 5px;
}

body.view-courseware.courseware .xblock-student_view-icxblock .staff {
  padding-top: 0;
  margin-bottom: 20px;
}

body.view-courseware.courseware .xblock-student_view-icxblock .staff .preview-button {
  margin-top: 0;
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  color: #09092d;
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  border: 1px solid #ececec;
  font-weight: 600;
}

body.view-courseware.courseware .xblock-student_view-icxblock .staff .preview-button:hover, body.view-courseware.courseware .xblock-student_view-icxblock .staff .preview-button.active {
  text-decoration: none;
}

body.view-courseware.courseware .xblock-student_view-icxblock .staff .preview-button .icon, body.view-courseware.courseware .xblock-student_view-icxblock .staff .preview-button .fa, body.view-courseware.courseware .xblock-student_view-icxblock .staff .preview-button .fas, body.view-courseware.courseware .xblock-student_view-icxblock .staff .preview-button .far, body.view-courseware.courseware .xblock-student_view-icxblock .staff .preview-button .fal {
  margin-right: 5px;
}

body.view-courseware.courseware .xblock .block-label {
  display: none;
  float: right;
  padding: 0 !important;
  position: relative;
  right: 40px;
  top: 20px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock .block-label {
    right: 10px;
  }
}

body.view-courseware.courseware .xblock .block-label .fal {
  color: #f22f31 !important;
}

body.view-courseware.courseware .xblock .block-label .block-label-icon {
  color: #f22f31;
}

body.view-courseware.courseware .xblock .block-label .block-label-text {
  color: #f22f31;
  margin-left: 5px;
  padding: 0;
}

body.view-courseware.courseware .xblock .iframe_block {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

body.view-courseware.courseware .xblock .iframe_block .iframe {
  width: 100%;
  height: 1000px;
}

body.view-courseware.courseware .xblock .block-header-wrapper {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}

body.view-courseware.courseware .xblock .block-header-wrapper span {
  margin-left: 8px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock .block-header-wrapper {
    margin-left: 0;
  }
}

body.view-courseware.courseware .xblock .block-header-wrapper h3 {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock .block-header-wrapper h3 {
    padding-left: 0;
    margin-left: 10px;
  }
}

body.view-courseware.courseware .xblock .block-header-wrapper hr {
  display: none;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock .poll-header-wrapper-results {
    margin-left: 0;
  }
}

body.view-courseware.courseware .xblock .poll-header-wrapper-question {
  padding: 0 !important;
}

body.view-courseware.courseware .xblock .poll-header-wrapper-question .poll-header {
  padding-left: 0;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock .poll-header-wrapper-question .poll-header {
    padding-top: 20px;
  }
}

body.view-courseware.courseware .xblock .poll-hr {
  position: relative;
  left: -40px;
  width: calc(100% + 80px);
}

body.view-courseware.courseware .xblock .poll-label-question {
  right: 0;
  top: 10px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock .poll-label-question {
    top: 20px;
  }
}

body.view-courseware.courseware .xblock .drag-and-drop-header-wrapper,
body.view-courseware.courseware .xblock .scorm-header-wrapper,
body.view-courseware.courseware .xblock .word_could-header-wrapper {
  padding-right: 0 !important;
}

body.view-courseware.courseware .xblock .video-header-wrapper {
  margin-left: 40px;
}

@media (max-width: 576px) {
  body.view-courseware.courseware .xblock .video-header-wrapper {
    margin-left: 0;
  }
}

body.view-courseware.courseware .xblock .video-header-wrapper h3 {
  padding: 15px 0 !important;
}

body.view-courseware.courseware .xblock .component-default-text {
  font-size: 13px;
  color: #09092d;
}

.xmodule_display.xmodule_CapaModule div.problem {
  display: flex;
  flex-direction: column;
}

.xmodule_display.xmodule_CapaModule div.problem > div {
  margin-bottom: 12px;
}

.xmodule_display.xmodule_CapaModule div.problem .notification {
  padding: 8px 0;
  border-top: 1px solid #d7d7e4;
}

.xmodule_display.xmodule_CapaModule div.problem .notification, .xmodule_display.xmodule_CapaModule div.problem .notification.general {
  border-top-color: #5959eb;
}

.xmodule_display.xmodule_CapaModule div.problem .notification .icon, .xmodule_display.xmodule_CapaModule div.problem .notification.general .icon {
  color: #5959eb;
}

.xmodule_display.xmodule_CapaModule div.problem .notification.success {
  border-top-color: #23ab41;
}

.xmodule_display.xmodule_CapaModule div.problem .notification.success .icon {
  color: #23ab41;
}

.xmodule_display.xmodule_CapaModule div.problem .notification.error {
  border-top-color: #f22f31;
}

.xmodule_display.xmodule_CapaModule div.problem .notification.error .icon {
  color: #f22f31;
}

.xmodule_display.xmodule_CapaModule div.problem .notification.warning {
  border-top-color: #f96324;
}

.xmodule_display.xmodule_CapaModule div.problem .notification.warning .icon {
  color: #f96324;
}

.xmodule_display.xmodule_CapaModule div.problem .notification .notification-message {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.xmodule_display.xmodule_CapaModule div.problem .action {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  transform: translate(0, calc(100% + 20px));
}

.xmodule_display.xmodule_CapaModule div.problem .action .submit-attempt-container {
  display: flex;
  align-items: center;
  gap: 16px;
}

.xmodule_display.xmodule_CapaModule div.problem .inputtype,
.xmodule_display.xmodule_CapaModule div.problem .capa_inputtype {
  flex-wrap: wrap;
}

.xmodule_display.xmodule_CapaModule div.problem .inputtype, .xmodule_display.xmodule_CapaModule div.problem .inputtype .status,
.xmodule_display.xmodule_CapaModule div.problem .capa_inputtype,
.xmodule_display.xmodule_CapaModule div.problem .capa_inputtype .status {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}

.xmodule_display.xmodule_CapaModule div.problem .inputtype ds-dropdown,
.xmodule_display.xmodule_CapaModule div.problem .capa_inputtype ds-dropdown {
  z-index: unset;
}

.xmodule_display.xmodule_CapaModule div.problem .inputtype ds-dropdown,
.xmodule_display.xmodule_CapaModule div.problem .inputtype .ds-input,
.xmodule_display.xmodule_CapaModule div.problem .capa_inputtype ds-dropdown,
.xmodule_display.xmodule_CapaModule div.problem .capa_inputtype .ds-input {
  width: 300px;
}

.xmodule_display.xmodule_CapaModule div.problem .status {
  margin: 8px 0;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.xmodule_display.xmodule_CapaModule div.problem .answer {
  display: none;
  margin: 6px 0;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.xmodule_display.xmodule_CapaModule div.problem .inputtype.formulaequationinput {
  flex-wrap: wrap;
}

.xmodule_display.xmodule_CapaModule div.problem .inputtype.formulaequationinput .equation {
  flex-basis: 100%;
}

.xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicegroup, .xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicetextgroup {
  flex-direction: column;
}

.xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicegroup fieldset, .xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicetextgroup fieldset {
  width: 100%;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: stretch;
}

.xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicegroup fieldset .field, .xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicetextgroup fieldset .field {
  flex-basis: calc(50% - 8px / 2);
}

@media (max-width: 576px) {
  .xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicegroup fieldset .field, .xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicetextgroup fieldset .field {
    flex-basis: 100%;
  }
}

.xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicegroup fieldset .field > label, .xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicetextgroup fieldset .field > label {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  border: 1px solid #d7d7e4;
  border-radius: 4px;
  background-color: #f3f3f7;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  padding: 8px 12px;
  height: 100%;
}

.xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicegroup fieldset .field > label:hover, .xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicetextgroup fieldset .field > label:hover {
  border-color: #5959eb;
}

.xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicegroup fieldset .field > label .ds-radio, .xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicetextgroup fieldset .field > label .ds-radio {
  margin-top: calc(calc(20px - var(--radio-size)) / 2);
}

.xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicegroup fieldset .field > label .ds-checkbox, .xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicetextgroup fieldset .field > label .ds-checkbox {
  margin-top: calc(calc(20px - var(--thumb-size)) / 2);
}

.xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicegroup fieldset .field > label .status, .xmodule_display.xmodule_CapaModule div.problem .capa_inputtype.choicetextgroup fieldset .field > label .status {
  margin: 0;
  align-self: center;
}

.xmodule_display.xmodule_CapaModule div.problem .MathJax_CHTML,
.xmodule_display.xmodule_CapaModule div.problem .MathJax,
.xmodule_display.xmodule_CapaModule div.problem .MathJax_SVG {
  padding: 6px;
  min-width: calc(300px - 6px * 2);
  border-radius: 4px;
  background: #f3f3f7;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.xmodule_display.xmodule_CapaModule div.problem .message {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.xmodule_display.xmodule_CapaModule div.problem .message .explanation-title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.xmodule_display.xmodule_CapaModule div.problem .message .hint-label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  display: inline-block;
  padding-right: 1ch;
}

.xmodule_display.xmodule_CapaModule div.problem .notification.problem-hint {
  margin: 32px 0 16px 0;
  padding: 1em;
  width: 100%;
  border: 1px solid #d7d7e4;
  border-radius: 4px;
}

.xmodule_display.xmodule_CapaModule div.problem .notification.problem-hint .icon {
  color: #09092d;
}

.xmodule_display.xmodule_CapaModule div.problem .notification.problem-hint ol {
  margin: 0 0 1ch 0;
  padding: 0 0 0 2ch;
}

.xmodule_display.xmodule_CapaModule div.problem .notification .notification-btn-wrapper {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.courseware-results h2.bookmarks-results-header {
  font-size: 18px;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  top: -15px;
}

.courseware-results .paging-header {
  margin-bottom: 30px;
}

.courseware-results .paging-header .search-count {
  font-size: 16px;
  font-weight: 400;
}

.courseware-results .bookmarks-results-list .bookmarks-results-list-item {
  display: block;
  padding: 20px 10px 20px 60px;
  margin-bottom: 30px;
}

.courseware-results .bookmarks-results-list .bookmarks-results-list-item:hover .list-item-breadcrumbtrail, .courseware-results .bookmarks-results-list .bookmarks-results-list-item:active .list-item-breadcrumbtrail, .courseware-results .bookmarks-results-list .bookmarks-results-list-item:focus .list-item-breadcrumbtrail {
  color: #5959eb;
}

.courseware-results .bookmarks-results-list .bookmarks-results-list-item:hover .list-item-date, .courseware-results .bookmarks-results-list .bookmarks-results-list-item:active .list-item-date, .courseware-results .bookmarks-results-list .bookmarks-results-list-item:focus .list-item-date {
  text-shadow: none;
}

.courseware-results .bookmarks-results-list .bookmarks-results-list-item:before {
  position: relative;
  left: -40px;
  top: -28px;
  font-size: 24px;
  color: #5959eb;
  font-weight: 600;
  font-family: "Font Awesome 7 Pro";
  content: '\f02e';
  float: left;
  width: 0;
}

.courseware-results .bookmarks-results-list .list-item-right-section {
  display: none;
}

.courseware-results .bookmarks-results-list .list-item-breadcrumbtrail {
  color: inherit;
  font-size: 16px;
  font-weight: 400;
}

.courseware-results .bookmarks-results-list .list-item-breadcrumbtrail .icon {
  padding: 0 10px;
}

.courseware-results .bookmarks-results-list .list-item-breadcrumbtrail,
.courseware-results .bookmarks-results-list .list-item-date {
  text-shadow: none;
}

.courseware-results .bookmarks-results-list .list-item-date {
  color: #09092d;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 0;
}

.courseware-results .bookmarks-results-list .list-item-right-section {
  display: none;
}

.courseware-results .paging-footer {
  margin-top: 30px;
  text-align: center;
}

.courseware-results .pagination.pagination-full {
  width: auto;
  display: inline-block;
}

.courseware-results .pagination.pagination-full .nav-item .nav-link {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.courseware-results .pagination.pagination-full .nav-item .nav-link:hover, .courseware-results .pagination.pagination-full .nav-item .nav-link.active {
  text-decoration: none;
}

.courseware-results .pagination.pagination-full .nav-item .nav-link .icon, .courseware-results .pagination.pagination-full .nav-item .nav-link .fa, .courseware-results .pagination.pagination-full .nav-item .nav-link .fas, .courseware-results .pagination.pagination-full .nav-item .nav-link .far, .courseware-results .pagination.pagination-full .nav-item .nav-link .fal {
  margin-right: 5px;
}

.courseware-results .pagination.pagination-full .nav-item .nav-link:hover, .courseware-results .pagination.pagination-full .nav-item .nav-link.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.courseware-results .pagination.pagination-full .nav-item .nav-link:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.courseware-results .pagination.pagination-full .nav-item .nav-link[disabled], .courseware-results .pagination.pagination-full .nav-item .nav-link.disabled, .courseware-results .pagination.pagination-full .nav-item .nav-link:disabled, .courseware-results .pagination.pagination-full .nav-item .nav-link.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.courseware-results .pagination.pagination-full .pagination-form .page-number-input {
  background-color: transparent;
  border-bottom: none;
}

.courseware-results .pagination.pagination-full .pagination-form .page-number-input:hover, .courseware-results .pagination.pagination-full .pagination-form .page-number-input:focus {
  border-bottom: none;
}

.course-content .bookmark-button::before {
  font-weight: 400;
}

.course-content .bookmark-button.bookmarked::before {
  font-weight: 600;
}

.obtained-badges > h2,
.not-obtained-badges > h2,
.not-started-badges > h2 {
  color: #09092d;
  font-size: 24px;
  font-weight: 600;
}

.container .view-as-wrapper-in-progress-tab, section.outside-app .view-as-wrapper-in-progress-tab, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .view-as-wrapper-in-progress-tab, .view-profile .wrapper-profile-sections .view-as-wrapper-in-progress-tab {
  display: flex;
  align-items: center;
  border: none;
  padding: 20px 0px;
}

.container .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container, section.outside-app .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container, .view-profile .wrapper-profile-sections .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container {
  margin: 0 60px;
}

.container .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector, section.outside-app .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector, .view-profile .wrapper-profile-sections .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector {
  display: flex;
  align-items: center;
}

.container .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view-as-prompt, section.outside-app .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view-as-prompt, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view-as-prompt, .view-profile .wrapper-profile-sections .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view-as-prompt {
  margin: 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.container .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector ds-dropdown, section.outside-app .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector ds-dropdown, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector ds-dropdown, .view-profile .wrapper-profile-sections .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector ds-dropdown {
  margin-left: 1em;
  z-index: 2;
}

.container .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view_as-preview-username-container, section.outside-app .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view_as-preview-username-container, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view_as-preview-username-container, .view-profile .wrapper-profile-sections .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view_as-preview-username-container {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.container .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view_as-preview-username-container .view_as-preview-label, section.outside-app .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view_as-preview-username-container .view_as-preview-label, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view_as-preview-username-container .view_as-preview-label, .view-profile .wrapper-profile-sections .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view_as-preview-username-container .view_as-preview-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.container .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view_as-preview-username-container .view_as-preview-username, section.outside-app .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view_as-preview-username-container .view_as-preview-username, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view_as-preview-username-container .view_as-preview-username, .view-profile .wrapper-profile-sections .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as_container .roles_selector .view_as-preview-username-container .view_as-preview-username {
  margin-left: 20px;
}

.container .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as-specific-student-notice, section.outside-app .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as-specific-student-notice, .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as-specific-student-notice, .view-profile .wrapper-profile-sections .view-as-wrapper-in-progress-tab .editor-of-view-as-prompt .view_as-specific-student-notice {
  margin: 8px 12px 8px 0px;
  font-size: 14px;
  font-weight: 400;
}

body.view-in-course div.badges-wrapper {
  padding: 50px 0 30px;
  box-sizing: border-box;
}

@media (max-width: 576px) {
  body.view-in-course div.badges-wrapper {
    padding: 30px 0 0;
  }
}

.wrapper-msg.wrapper-auto-cert {
  border: none;
}

.wrapper-msg.wrapper-auto-cert #course-success {
  border: none;
  padding: 20px 60px;
}

@media (max-width: 992px) {
  .wrapper-msg.wrapper-auto-cert #course-success {
    padding: 20px 23px;
    padding-left: 23px;
  }
}

@media (max-width: 768px) {
  .wrapper-msg.wrapper-auto-cert #course-success {
    padding: 20px 21px;
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  .wrapper-msg.wrapper-auto-cert #course-success {
    padding: 20px 8px;
    padding-left: 8px;
  }
}

.wrapper-msg.wrapper-auto-cert #course-success .has-actions .msg-content h2 {
  font-size: 24px;
}

.wrapper-msg.wrapper-auto-cert #course-success .has-actions .msg-content p {
  font-size: 18px;
}

.obtained-badges,
.not-obtained-badges,
.not-started-badges {
  padding-bottom: 30px;
}

.obtained-badges > h2,
.not-obtained-badges > h2,
.not-started-badges > h2 {
  padding: 0 60px;
}

@media (max-width: 992px) {
  .obtained-badges > h2,
.not-obtained-badges > h2,
.not-started-badges > h2 {
    padding: 0 23px;
    padding-left: 23px;
  }
}

@media (max-width: 768px) {
  .obtained-badges > h2,
.not-obtained-badges > h2,
.not-started-badges > h2 {
    padding: 0 21px;
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  .obtained-badges > h2,
.not-obtained-badges > h2,
.not-started-badges > h2 {
    padding: 0 8px;
    padding-left: 8px;
  }
}

.obtained-badges ul,
.not-obtained-badges ul,
.not-started-badges ul {
  padding: 0 0 10px 0;
}

.obtained-badges .badge-card,
.not-obtained-badges .badge-card,
.not-started-badges .badge-card {
  display: inline-block;
  border: 1px solid #f4f4f4;
  border-radius: 8px;
  padding: 0 10px 46px 10px;
  background-color: #ffffff;
  width: 305px;
}

.obtained-badges .badge-card:hover,
.not-obtained-badges .badge-card:hover,
.not-started-badges .badge-card:hover {
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

@media (max-width: 768px) {
  .obtained-badges .badge-card,
.not-obtained-badges .badge-card,
.not-started-badges .badge-card {
    padding: 0 10px 25px 10px;
  }
}

.obtained-badges .badge-card:not(:last-child),
.not-obtained-badges .badge-card:not(:last-child),
.not-started-badges .badge-card:not(:last-child) {
  margin: 0 10px 10px 0;
}

.obtained-badges .badge-card a,
.not-obtained-badges .badge-card a,
.not-started-badges .badge-card a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: auto;
  align-items: center;
}

.obtained-badges .badge-card a.btn,
.not-obtained-badges .badge-card a.btn,
.not-started-badges .badge-card a.btn {
  color: #4c4c8e;
}

.obtained-badges .badge-card a:hover h2,
.not-obtained-badges .badge-card a:hover h2,
.not-started-badges .badge-card a:hover h2 {
  text-shadow: none;
}

.obtained-badges .badge-card img,
.not-obtained-badges .badge-card img,
.not-started-badges .badge-card img {
  max-width: 200px;
  max-height: 200px;
  margin: 30px auto;
}

.obtained-badges .badge-card h2,
.not-obtained-badges .badge-card h2,
.not-started-badges .badge-card h2 {
  font-size: 16px;
  color: #4c4c4c;
  font-weight: 600;
  text-align: center;
}

.obtained-badges .badge-card div:first-of-type,
.not-obtained-badges .badge-card div:first-of-type,
.not-started-badges .badge-card div:first-of-type {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  text-align: center;
  padding-bottom: 30px;
}

.obtained-badges .badge-card .icon-wrapper,
.not-obtained-badges .badge-card .icon-wrapper,
.not-started-badges .badge-card .icon-wrapper {
  text-align: center;
  padding-bottom: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.obtained-badges .badge-card .icon-wrapper span,
.not-obtained-badges .badge-card .icon-wrapper span,
.not-started-badges .badge-card .icon-wrapper span {
  font-size: 12px;
  font-weight: 300;
  padding-right: 5px;
}

.obtained-badges .badge-card .icon-wrapper i,
.not-obtained-badges .badge-card .icon-wrapper i,
.not-started-badges .badge-card .icon-wrapper i {
  font-size: 14px;
}

.obtained-badges .badge-card .progress-bar,
.not-obtained-badges .badge-card .progress-bar,
.not-started-badges .badge-card .progress-bar {
  background-color: #4c4c8e;
  height: 2px;
  width: 100%;
  position: relative;
}

.obtained-badges .badge-card .progress-bar i,
.not-obtained-badges .badge-card .progress-bar i,
.not-started-badges .badge-card .progress-bar i {
  position: absolute;
  background-color: #5959eb;
  width: 0%;
  height: 2px;
}

.obtained-badges .badge-card div:last-child,
.not-obtained-badges .badge-card div:last-child,
.not-started-badges .badge-card div:last-child {
  text-align: right;
  font-size: 12px;
  font-weight: 300;
  padding-top: 6px;
}

.obtained-badges .swiper-pagination-bullets .swiper-pagination-bullet,
.not-obtained-badges .swiper-pagination-bullets .swiper-pagination-bullet,
.not-started-badges .swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: #09092d;
  opacity: initial;
}

.obtained-badges .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.not-obtained-badges .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.not-started-badges .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #5959eb;
  width: 40px;
  border-radius: 5px;
}

.obtained-badges .swiper-button-prev,
.obtained-badges .swiper-button-next,
.not-obtained-badges .swiper-button-prev,
.not-obtained-badges .swiper-button-next,
.not-started-badges .swiper-button-prev,
.not-started-badges .swiper-button-next {
  top: 66px;
}

.not-obtained-badges .badge-card img,
.not-started-badges .badge-card img {
  filter: grayscale(100%);
}

.obtained-badges .badge-card .progress-bar i {
  width: 100%;
}

.not-started-badges .badge-card div:first-of-type, .not-obtained-badges .badge-card div:first-of-type {
  height: 56px;
  overflow: hidden;
  margin-bottom: 19px;
  padding-bottom: 0;
}

.not-started-badges .badge-card .icon-wrapper i {
  width: auto;
}

body.view-in-course div.static_tab_wrapper {
  background-color: #fafafa;
  box-sizing: border-box;
  border: none;
  padding: 20px 60px;
}

@media (max-width: 768px) {
  body.view-in-course div.static_tab_wrapper {
    padding: 10px 10px;
  }
}

body.view-pdfbook div.book-wrapper {
  padding: 30px 60px;
}

@media (max-width: 768px) {
  body.view-pdfbook div.book-wrapper {
    padding: 30px 8px;
  }
}

body.view-pdfbook div.book-wrapper section.book-sidebar {
  border: none;
  background-color: white;
  border-top-left-radius: 10px;
  padding-left: 10px;
}

body.view-pdfbook div.book-wrapper section.book-sidebar #booknav .chapter {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
}

body.view-pdfbook div.book-wrapper section.book-sidebar #booknav .chapter:hover, body.view-pdfbook div.book-wrapper section.book-sidebar #booknav .chapter:active, body.view-pdfbook div.book-wrapper section.book-sidebar #booknav .chapter:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

body.view-in-course .wiki-wrapper {
  border: none;
  background-color: #fafafa;
}

body.view-in-course .wiki-wrapper section.wiki {
  padding: 30px 60px;
}

@media (max-width: 768px) {
  body.view-in-course .wiki-wrapper section.wiki {
    padding: 20px 8px;
  }
}

body.view-in-course .wiki-wrapper section.wiki .article-functions .see-children a, body.view-in-course .wiki-wrapper section.wiki .nav-tabs li a {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
}

body.view-in-course .wiki-wrapper section.wiki .article-functions .see-children a:hover, body.view-in-course .wiki-wrapper section.wiki .nav-tabs li a:hover, body.view-in-course .wiki-wrapper section.wiki .article-functions .see-children a:active, body.view-in-course .wiki-wrapper section.wiki .nav-tabs li a:active, body.view-in-course .wiki-wrapper section.wiki .article-functions .see-children a:focus, body.view-in-course .wiki-wrapper section.wiki .nav-tabs li a:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

body.view-in-course .wiki-wrapper section.wiki .article-functions .see-children a:hover, body.view-in-course .wiki-wrapper section.wiki .nav-tabs li a:hover {
  font-weight: normal;
}

@media (max-width: 576px) {
  body.view-in-course .wiki-wrapper section.wiki .global-functions, body.view-in-course .wiki-wrapper section.wiki .global-functions a {
    margin-right: 0;
  }
}

body.view-in-course .wiki-wrapper section.wiki .breadcrumbs-header {
  background-color: transparent;
  border-bottom: none;
  padding: 0 0 26px;
}

@media (max-width: 576px) {
  body.view-in-course .wiki-wrapper section.wiki .breadcrumbs-header {
    padding-bottom: 10px;
  }
}

@media (max-width: 576px) {
  body.view-in-course .wiki-wrapper section.wiki .breadcrumb {
    margin-left: 0;
  }
}

body.view-in-course .wiki-wrapper section.wiki .breadcrumb li:after {
  color: #4c4c8e;
}

body.view-in-course .wiki-wrapper section.wiki .breadcrumb li a {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
}

body.view-in-course .wiki-wrapper section.wiki .breadcrumb li a:hover, body.view-in-course .wiki-wrapper section.wiki .breadcrumb li a:active, body.view-in-course .wiki-wrapper section.wiki .breadcrumb li a:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

body.view-in-course .wiki-wrapper section.wiki .article-wrapper {
  display: flex;
}

@media (max-width: 576px) {
  body.view-in-course .wiki-wrapper section.wiki .article-wrapper {
    display: flex;
    flex-direction: column;
  }
}

body.view-in-course .wiki-wrapper section.wiki .accordion-body:focus {
  outline: none;
}

body.view-in-course .wiki-wrapper section.wiki .accordion small {
  color: inherit;
}

body.view-in-course .wiki-wrapper section.wiki .accordion-toggle > div {
  color: inherit !important;
}

body.view-in-course .wiki-wrapper section.wiki .accordion-toggle:focus {
  color: #5959eb;
}

body.view-in-course .wiki-wrapper section.wiki .dl-horizontal {
  margin-top: 0;
}

body.view-in-course .wiki-wrapper section.wiki section.delete,
body.view-in-course .wiki-wrapper section.wiki .main-article {
  float: none;
  width: 100%;
  padding: 30px;
  margin-right: 30px;
}

body.view-in-course .wiki-wrapper section.wiki section.delete h3,
body.view-in-course .wiki-wrapper section.wiki .main-article h3 {
  margin-top: 0;
  border-bottom: none;
  padding-bottom: 20px;
  margin-bottom: 0px;
}

body.view-in-course .wiki-wrapper section.wiki section.delete .page-header,
body.view-in-course .wiki-wrapper section.wiki .main-article .page-header {
  padding: 0;
  border-bottom: none;
  margin-bottom: 20px;
}

body.view-in-course .wiki-wrapper section.wiki section.delete .lead,
body.view-in-course .wiki-wrapper section.wiki .main-article .lead {
  padding-bottom: 20px;
}

@media (max-width: 576px) {
  body.view-in-course .wiki-wrapper section.wiki .main-article {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  body.view-in-course .wiki-wrapper section.wiki .main-article .controls #id_summary {
    margin-bottom: 5px;
  }
}

@media (max-width: 576px) {
  body.view-in-course .wiki-wrapper section.wiki .main-article .controls #hint_id_summary {
    margin-left: 0;
    line-height: normal;
  }
}

@media (max-width: 576px) {
  body.view-in-course .wiki-wrapper section.wiki .main-article .form-actions {
    display: flex;
    flex-direction: column;
  }
}

body.view-in-course .wiki-wrapper section.wiki .main-article .form-actions > *:not(:last-child) {
  margin-bottom: 10px;
}

body.view-in-course .wiki-wrapper section.wiki .article-functions {
  float: none;
  width: 300px;
  padding: 0;
}

@media (max-width: 576px) {
  body.view-in-course .wiki-wrapper section.wiki .article-functions {
    width: 100%;
  }
}

body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary, body.view-in-course .wiki-wrapper section.wiki .btn.btn-brand, body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary:focus:not(:disabled), body.view-in-course .wiki-wrapper section.wiki .btn.btn-brand:focus:not(:disabled), body.view-in-course .wiki-wrapper section.wiki .btn:focus, body.view-in-course .wiki-wrapper section.wiki .btn:focus:hover {
  border: none;
}

body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary, body.view-in-course .wiki-wrapper section.wiki .btn.btn-brand {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger:hover, body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger.active, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary:hover, body.view-in-course .wiki-wrapper section.wiki .btn.btn-brand:hover, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary.active, body.view-in-course .wiki-wrapper section.wiki .btn.active.btn-brand {
  text-decoration: none;
}

body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger .icon, body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger .fa, body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger .fas, body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger .far, body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger .fal, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary .icon, body.view-in-course .wiki-wrapper section.wiki .btn.btn-brand .icon, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary .fa, body.view-in-course .wiki-wrapper section.wiki .btn.btn-brand .fa, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary .fas, body.view-in-course .wiki-wrapper section.wiki .btn.btn-brand .fas, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary .far, body.view-in-course .wiki-wrapper section.wiki .btn.btn-brand .far, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary .fal, body.view-in-course .wiki-wrapper section.wiki .btn.btn-brand .fal {
  margin-right: 5px;
}

body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger:hover, body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger.active, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary:hover, body.view-in-course .wiki-wrapper section.wiki .btn.btn-brand:hover, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary.active, body.view-in-course .wiki-wrapper section.wiki .btn.active.btn-brand {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger:focus, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary:focus, body.view-in-course .wiki-wrapper section.wiki .btn.btn-brand:focus {
  color: #ffffff;
  background-color: #5959eb;
}

body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger[disabled], body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger.disabled, body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger:disabled, body.view-in-course .wiki-wrapper section.wiki .btn.btn-danger.is-disabled, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary[disabled], body.view-in-course .wiki-wrapper section.wiki .btn[disabled].btn-brand, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary.disabled, body.view-in-course .wiki-wrapper section.wiki .btn.disabled.btn-brand, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary:disabled, body.view-in-course .wiki-wrapper section.wiki .btn.btn-brand:disabled, body.view-in-course .wiki-wrapper section.wiki .btn.btn-primary.is-disabled, body.view-in-course .wiki-wrapper section.wiki .btn.is-disabled.btn-brand {
  color: #ffffff;
  text-shadow: none;
}

body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger) {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger):hover, body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger).active {
  text-decoration: none;
}

body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger) .icon, body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger) .fa, body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger) .fas, body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger) .far, body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger) .fal {
  margin-right: 5px;
}

body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger), body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger):focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger):hover, body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger).active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger)[disabled], body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger).disabled, body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger):disabled, body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger).is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger)[disabled]:focus, body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger).disabled:focus, body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger):disabled:focus, body.view-in-course .wiki-wrapper section.wiki .btn:not(.btn-primary):not(.btn-brand):not(.btn-danger).is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

body.view-in-course .wiki-wrapper section.wiki .nav-tabs li.active a {
  color: #5959eb;
}

body.view-in-course .wiki-wrapper section.wiki .nav-tabs li.active a:hover {
  font-weight: bold;
}

.account-settings-sections .paragon__fa, .report-wrapper .paragon__fa {
  font-family: "Font Awesome 7 Pro";
}

.account-settings-sections .paragon__modal-header,
.account-settings-sections .paragon__modal-body,
.account-settings-sections .paragon__modal-footer, .report-wrapper .paragon__modal-header,
.report-wrapper .paragon__modal-body,
.report-wrapper .paragon__modal-footer {
  padding: 16px 24px;
}

.account-settings-sections .paragon__modal-header, .report-wrapper .paragon__modal-header {
  border-bottom: none;
}

.account-settings-sections .paragon__modal-title, .report-wrapper .paragon__modal-title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.account-settings-sections .paragon__alert-warning, .report-wrapper .paragon__alert-warning {
  padding: 16px;
  background-color: #def4ff;
  border: none;
  border-radius: 4px;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

.account-settings-sections .paragon__modal-content, .report-wrapper .paragon__modal-content {
  border: none;
  border-radius: 8px;
}

.account-settings-sections .paragon__modal.paragon__show .paragon__modal-dialog, .report-wrapper .paragon__modal.paragon__show .paragon__modal-dialog {
  max-width: Min(900px, calc(100vw - 32px));
  margin: 10vh auto;
  box-shadow: 0 15px 22px -6px rgba(9, 9, 45, 0.18);
}

.account-settings-sections .paragon__alert-danger, .report-wrapper .paragon__alert-danger {
  color: #f22f31;
}

.account-settings-sections .paragon__modal-footer, .report-wrapper .paragon__modal-footer {
  gap: 8px;
}

.account-settings-sections .paragon__modal-footer > :not(:last-child),
.account-settings-sections .paragon__modal-footer > :not(:first-child), .report-wrapper .paragon__modal-footer > :not(:last-child),
.report-wrapper .paragon__modal-footer > :not(:first-child) {
  margin: 0;
}

.account-settings-sections .section .account-deletion-details .btn-outline-primary, .account-settings-sections .section .account-deletion-details .btn-outline-primary:hover, .account-settings-sections .section .account-deletion-details .btn-outline-primary:focus {
  background-color: transparent;
}

.account-settings-sections .section .account-deletion-details .paragon__alert-danger .alert-content .alert-title {
  color: #4c4c8e;
}

.account-settings-sections .section .account-deletion-details .delete-confirmation-wrapper .paragon__modal-footer .paragon__btn-outline-primary, .account-settings-sections .section .account-deletion-details .delete-confirmation-wrapper .paragon__modal-footer .paragon__btn-outline-primary:hover, .account-settings-sections .section .account-deletion-details .delete-confirmation-wrapper .paragon__modal-footer .paragon__btn-outline-primary:focus {
  border: none;
}

.view-faq .banner {
  position: relative;
  flex: 100%;
  height: 150px;
  background-image: url("/static/hawthorn/images/dashboard-illustration.cbb1d3a9e3b2.jpg");
  background-size: cover;
  background-position: center center;
  height: auto;
  margin-bottom: 30px;
}

.view-faq .banner::before {
  background: #09092d;
  opacity: 0.7;
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.view-faq .banner h2 {
  font-weight: 600;
  font-size: 36px;
  color: #ffffff;
}

.view-faq .banner .welcome-wrapper {
  padding: 50px 60px 20px 60px;
  position: relative;
}

@media (max-width: 992px) {
  .view-faq .banner .welcome-wrapper {
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  .view-faq .banner .welcome-wrapper {
    padding-left: 20px;
  }
}

.view-faq .banner .welcome-wrapper h3 {
  font-weight: 300;
  font-size: 16px;
  color: #ffffff;
}

@media (max-width: 992px) {
  .view-faq .banner {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .view-faq .banner {
    margin-bottom: 0px;
  }
}

.view-faq .help-tab-link {
  display: none;
}

.view-faq h3 {
  font-size: 1.5rem;
  margin-top: 2em;
  margin-bottom: 1.5em;
}

.view-faq h4 {
  font-size: 1.2rem;
  margin-top: 1.5em;
  margin-bottom: 1em;
}

.view-faq ul, .view-faq ol {
  margin-top: 1em;
  list-style-type: initial;
  padding-left: 20px;
}

.view-faq p, .view-faq ul, .view-faq ol {
  line-height: 1.5rem;
}

.view-faq li {
  margin-bottom: 0.2rem;
}

.tos .banner {
  position: relative;
  flex: 100%;
  height: 150px;
  background-image: url("/static/hawthorn/images/dashboard-illustration.cbb1d3a9e3b2.jpg");
  background-size: cover;
  background-position: center center;
  height: auto;
  margin-bottom: 30px;
}

.tos .banner::before {
  background: #09092d;
  opacity: 0.7;
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.tos .banner h2 {
  font-weight: 600;
  font-size: 36px;
  color: #ffffff;
}

.tos .banner .welcome-wrapper {
  padding: 50px 60px 20px 60px;
  position: relative;
}

@media (max-width: 992px) {
  .tos .banner .welcome-wrapper {
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  .tos .banner .welcome-wrapper {
    padding-left: 20px;
  }
}

.tos .banner .welcome-wrapper h3 {
  font-weight: 300;
  font-size: 16px;
  color: #ffffff;
}

@media (max-width: 992px) {
  .tos .banner {
    margin-bottom: 20px;
  }
}

@media (max-width: 576px) {
  .tos .banner {
    margin-bottom: 0px;
  }
}

.tos .wrapper-header {
  border-bottom: 0 none;
  height: auto;
  padding-bottom: 0;
  background-size: cover;
  background-position: 0 center;
  max-width: none;
}

.tos .wrapper-header .header-title {
  color: #ffffff;
  padding: 50px 5px 0 80px;
}

@media (max-width: 768px) {
  .tos .wrapper-header .header-title {
    padding: 0;
    text-align: center;
  }
}

.tos .tos-form-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.tos .tos-form-button:hover, .tos .tos-form-button.active {
  text-decoration: none;
}

.tos .tos-form-button .icon, .tos .tos-form-button .fa, .tos .tos-form-button .fas, .tos .tos-form-button .far, .tos .tos-form-button .fal {
  margin-right: 5px;
}

.tos .tos-form-button:hover, .tos .tos-form-button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.tos .tos-form-button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.tos .tos-form-button[disabled], .tos .tos-form-button.disabled, .tos .tos-form-button:disabled, .tos .tos-form-button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.tos .tos-form {
  text-align: center;
}

#main-pdf {
  height: auto;
  width: 297mm;
  margin: 0 auto;
}

#main-pdf .print-page {
  position: fixed;
  right: 70px;
  top: 2mm;
}

#main-pdf .print-page button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  margin: 5px -5px;
}

#main-pdf .print-page button:hover, #main-pdf .print-page button.active {
  text-decoration: none;
}

#main-pdf .print-page button .icon, #main-pdf .print-page button .fa, #main-pdf .print-page button .fas, #main-pdf .print-page button .far, #main-pdf .print-page button .fal {
  margin-right: 5px;
}

#main-pdf .print-page button:hover, #main-pdf .print-page button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#main-pdf .print-page button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#main-pdf .print-page button[disabled], #main-pdf .print-page button.disabled, #main-pdf .print-page button:disabled, #main-pdf .print-page button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#main-pdf .transcript {
  padding: 3mm 2mm;
}

#main-pdf .transcript .report-wrapper {
  padding: 4mm 8mm;
}

#main-pdf .transcript .report-wrapper .logo img {
  width: 100px;
  height: auto;
  float: left;
  margin-top: 2mm;
}

#main-pdf .transcript .report-wrapper .analytics-header {
  text-align: center;
  margin: 8mm 0;
}

#main-pdf .transcript .report-wrapper .analytics-header h2 {
  margin: 40px 0;
}

#main-pdf .analytics-widget-24,
#main-pdf .analytics-widget-75,
#main-pdf .analytics-widget-100 {
  border: 1px solid #fafafa;
  margin-right: 26px;
  margin-bottom: 20px;
  min-height: 150px;
  flex-direction: column;
  justify-content: center;
  float: left;
  box-sizing: border-box;
  padding: 20px;
  font-size: 14px;
}

#main-pdf .analytics-widget-24 {
  width: 260px;
}

#main-pdf .actions {
  display: none;
}

.message-dialog-transparent-background.hide, .message-dialog.hide {
  display: none;
}

.confirmation-dialog-transparent-background,
.message-dialog-transparent-background {
  position: fixed;
  top: 0px;
  z-index: 1000;
  opacity: 0.5;
  height: 1756px;
  left: 0px;
  width: 100%;
  background-color: #09092d;
}

.confirmation-dialog,
.message-dialog {
  position: fixed;
  width: 500px;
  z-index: 1001;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: -229px;
  margin-left: -250px;
  border-radius: 10px;
  background: #ffffff;
  padding: 20px;
  border: 1px solid #ececec;
  /*.dialog-title {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 10px;
    color: $triboo-color-fg-neutral;
  }*/
}

.confirmation-dialog > i,
.message-dialog > i {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  float: right;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  color: #09092d;
}

.confirmation-dialog > i:hover, .confirmation-dialog > i:active, .confirmation-dialog > i:focus,
.message-dialog > i:hover,
.message-dialog > i:active,
.message-dialog > i:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

.confirmation-dialog .dialog-content,
.message-dialog .dialog-content {
  font-size: 14px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  line-height: 20px;
  color: #09092d;
  word-break: break-word;
  padding-right: 30px;
}

.confirmation-dialog .actions,
.message-dialog .actions {
  text-align: right;
}

.confirmation-dialog .actions .btn-primary, .confirmation-dialog .actions .btn-brand,
.message-dialog .actions .btn-primary,
.message-dialog .actions .btn-brand {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  margin-left: 10px;
}

.confirmation-dialog .actions .btn-primary:hover, .confirmation-dialog .actions .btn-brand:hover, .confirmation-dialog .actions .btn-primary.active, .confirmation-dialog .actions .active.btn-brand,
.message-dialog .actions .btn-primary:hover,
.message-dialog .actions .btn-brand:hover,
.message-dialog .actions .btn-primary.active,
.message-dialog .actions .active.btn-brand {
  text-decoration: none;
}

.confirmation-dialog .actions .btn-primary .icon, .confirmation-dialog .actions .btn-brand .icon, .confirmation-dialog .actions .btn-primary .fa, .confirmation-dialog .actions .btn-brand .fa, .confirmation-dialog .actions .btn-primary .fas, .confirmation-dialog .actions .btn-brand .fas, .confirmation-dialog .actions .btn-primary .far, .confirmation-dialog .actions .btn-brand .far, .confirmation-dialog .actions .btn-primary .fal, .confirmation-dialog .actions .btn-brand .fal,
.message-dialog .actions .btn-primary .icon,
.message-dialog .actions .btn-brand .icon,
.message-dialog .actions .btn-primary .fa,
.message-dialog .actions .btn-brand .fa,
.message-dialog .actions .btn-primary .fas,
.message-dialog .actions .btn-brand .fas,
.message-dialog .actions .btn-primary .far,
.message-dialog .actions .btn-brand .far,
.message-dialog .actions .btn-primary .fal,
.message-dialog .actions .btn-brand .fal {
  margin-right: 5px;
}

.confirmation-dialog .actions .btn-primary:hover, .confirmation-dialog .actions .btn-brand:hover, .confirmation-dialog .actions .btn-primary.active, .confirmation-dialog .actions .active.btn-brand,
.message-dialog .actions .btn-primary:hover,
.message-dialog .actions .btn-brand:hover,
.message-dialog .actions .btn-primary.active,
.message-dialog .actions .active.btn-brand {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.confirmation-dialog .actions .btn-primary:focus, .confirmation-dialog .actions .btn-brand:focus,
.message-dialog .actions .btn-primary:focus,
.message-dialog .actions .btn-brand:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.confirmation-dialog .actions .btn-primary[disabled], .confirmation-dialog .actions [disabled].btn-brand, .confirmation-dialog .actions .btn-primary.disabled, .confirmation-dialog .actions .disabled.btn-brand, .confirmation-dialog .actions .btn-primary:disabled, .confirmation-dialog .actions .btn-brand:disabled, .confirmation-dialog .actions .btn-primary.is-disabled, .confirmation-dialog .actions .is-disabled.btn-brand,
.message-dialog .actions .btn-primary[disabled],
.message-dialog .actions [disabled].btn-brand,
.message-dialog .actions .btn-primary.disabled,
.message-dialog .actions .disabled.btn-brand,
.message-dialog .actions .btn-primary:disabled,
.message-dialog .actions .btn-brand:disabled,
.message-dialog .actions .btn-primary.is-disabled,
.message-dialog .actions .is-disabled.btn-brand {
  color: #ffffff;
  text-shadow: none;
}

.confirmation-dialog .actions .btn-primary:focus, .confirmation-dialog .actions .btn-brand:focus,
.message-dialog .actions .btn-primary:focus,
.message-dialog .actions .btn-brand:focus {
  border: none;
}

.confirmation-dialog .actions .btn-secondary,
.message-dialog .actions .btn-secondary {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  box-shadow: none;
}

.confirmation-dialog .actions .btn-secondary:hover, .confirmation-dialog .actions .btn-secondary.active,
.message-dialog .actions .btn-secondary:hover,
.message-dialog .actions .btn-secondary.active {
  text-decoration: none;
}

.confirmation-dialog .actions .btn-secondary .icon, .confirmation-dialog .actions .btn-secondary .fa, .confirmation-dialog .actions .btn-secondary .fas, .confirmation-dialog .actions .btn-secondary .far, .confirmation-dialog .actions .btn-secondary .fal,
.message-dialog .actions .btn-secondary .icon,
.message-dialog .actions .btn-secondary .fa,
.message-dialog .actions .btn-secondary .fas,
.message-dialog .actions .btn-secondary .far,
.message-dialog .actions .btn-secondary .fal {
  margin-right: 5px;
}

.confirmation-dialog .actions .btn-secondary, .confirmation-dialog .actions .btn-secondary:focus,
.message-dialog .actions .btn-secondary,
.message-dialog .actions .btn-secondary:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

.confirmation-dialog .actions .btn-secondary:hover, .confirmation-dialog .actions .btn-secondary.active,
.message-dialog .actions .btn-secondary:hover,
.message-dialog .actions .btn-secondary.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.confirmation-dialog .actions .btn-secondary[disabled], .confirmation-dialog .actions .btn-secondary.disabled, .confirmation-dialog .actions .btn-secondary:disabled, .confirmation-dialog .actions .btn-secondary.is-disabled,
.message-dialog .actions .btn-secondary[disabled],
.message-dialog .actions .btn-secondary.disabled,
.message-dialog .actions .btn-secondary:disabled,
.message-dialog .actions .btn-secondary.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

.confirmation-dialog .actions .btn-secondary[disabled]:focus, .confirmation-dialog .actions .btn-secondary.disabled:focus, .confirmation-dialog .actions .btn-secondary:disabled:focus, .confirmation-dialog .actions .btn-secondary.is-disabled:focus,
.message-dialog .actions .btn-secondary[disabled]:focus,
.message-dialog .actions .btn-secondary.disabled:focus,
.message-dialog .actions .btn-secondary:disabled:focus,
.message-dialog .actions .btn-secondary.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

.confirmation-dialog .actions .btn-secondary:focus,
.message-dialog .actions .btn-secondary:focus {
  color: #ffffff !important;
  background-color: #cecece !important;
  box-shadow: none;
  border: none;
}

@media (max-width: 576px) {
  .confirmation-dialog .actions .btn-primary, .confirmation-dialog .actions .btn-brand, .confirmation-dialog .actions .btn-secondary,
.message-dialog .actions .btn-primary,
.message-dialog .actions .btn-brand,
.message-dialog .actions .btn-secondary {
    display: block;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }
}

.message-dialog {
  padding-bottom: 22px;
}

@media (max-width: 576px) {
  .confirmation-dialog,
.message-dialog {
    width: 300px;
    left: 70%;
  }
}

.confirmation-dialog .dialog-content {
  padding-bottom: 20px;
}

@media (max-width: 576px) {
  .confirmation-dialog {
    margin-top: 0px;
    margin-left: 0px;
    top: 30%;
    width: calc(100vw - 20vw - 20px);
    transform: translate(-50%, -50%);
  }
}

.icon-question {
  position: relative;
  display: block;
}

.icon-question:link, .icon-question:visited {
  text-decoration: none;
  position: relative;
  color: red;
}

.icon-question .before {
  position: absolute;
  border-top: 26px solid #dcdcdc;
  border-left: 26px solid transparent;
  border-right: 26px solid transparent;
  visibility: hidden;
  left: 50%;
  transform: translate(-50%);
  bottom: calc(100% - 1px);
  z-index: 10;
  padding: 0;
}

.icon-question .after {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  position: absolute;
  white-space: normal;
  top: auto;
  padding: 5px 10px;
  left: 50%;
  transform: translate(-50%);
  display: none;
  visibility: hidden;
  bottom: calc(100% + 4px);
  font-weight: 400;
  width: 200px;
  color: #09092d;
  text-shadow: none;
  border: 1px solid #e3e3e3;
  font-size: 12px;
  line-height: 18px;
  z-index: 100;
  margin-left: auto;
}

.icon-question .after:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

.icon-question:hover .before, .icon-question:hover .after {
  display: block;
  visibility: visible;
}

.icon-question i {
  display: block;
  color: #7a7aae;
  font-size: 16px;
}

.icon-question span {
  padding-right: 5px;
}

.lt-btn {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  justify-content: center;
  padding: 9px 17px;
  font-size: 16px;
}

.lt-btn:hover, .lt-btn.active {
  text-decoration: none;
}

.lt-btn .icon, .lt-btn .fa, .lt-btn .fas, .lt-btn .far, .lt-btn .fal {
  margin-right: 5px;
}

.lt-btn.btn-primary, .lt-btn.btn-brand {
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.lt-btn.btn-primary:hover, .lt-btn.btn-brand:hover, .lt-btn.btn-primary.active, .lt-btn.active.btn-brand {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.lt-btn.btn-primary:focus, .lt-btn.btn-brand:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.lt-btn.btn-primary[disabled], .lt-btn[disabled].btn-brand, .lt-btn.btn-primary.disabled, .lt-btn.disabled.btn-brand, .lt-btn.btn-primary:disabled, .lt-btn.btn-brand:disabled, .lt-btn.btn-primary.is-disabled, .lt-btn.is-disabled.btn-brand {
  color: #ffffff;
  text-shadow: none;
}

.lt-btn.btn-grey {
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.lt-btn.btn-grey, .lt-btn.btn-grey:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

.lt-btn.btn-grey:hover, .lt-btn.btn-grey.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.lt-btn.btn-grey[disabled], .lt-btn.btn-grey.disabled, .lt-btn.btn-grey:disabled, .lt-btn.btn-grey.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

.lt-btn.btn-grey[disabled]:focus, .lt-btn.btn-grey.disabled:focus, .lt-btn.btn-grey:disabled:focus, .lt-btn.btn-grey.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

.lt-btn.btn-white {
  color: #09092d;
  background-color: #ffffff;
}

.lt-btn.btn-framed {
  color: #09092d;
  border: 1px solid #4c4c8e;
}

.lt-btn.btn-framed:focus {
  color: #09092d;
  border: 1px solid #4c4c8e;
}

.lt-btn.btn-framed:hover, .lt-btn.btn-framed.active {
  color: #5959eb;
  border-color: #5959eb;
}

.lt-btn:disabled {
  color: #09092d;
  background-color: #4c4c8e;
  cursor: not-allowed;
}

.lt-btn:disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

.lt-btn.btn-sm {
  padding: 6px 12px;
  font-size: 14px;
}

.lt-btn.btn-lg {
  padding: 12px 22px;
  font-size: 16px;
}

#admin-panel .banner {
  position: relative;
  flex: 100%;
  height: 150px;
  background-image: url("/static/hawthorn/images/dashboard-illustration.cbb1d3a9e3b2.jpg");
  background-size: cover;
  background-position: center center;
}

#admin-panel .banner::before {
  background: #09092d;
  opacity: 0.7;
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#admin-panel .banner h2 {
  font-weight: 600;
  font-size: 36px;
  color: #ffffff;
}

#admin-panel .banner .welcome-wrapper {
  padding: 50px 60px 20px 60px;
  position: relative;
}

@media (max-width: 992px) {
  #admin-panel .banner .welcome-wrapper {
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  #admin-panel .banner .welcome-wrapper {
    padding-left: 20px;
  }
}

#admin-panel .banner .welcome-wrapper h3 {
  font-weight: 300;
  font-size: 16px;
  color: #ffffff;
}

#admin-panel .tabs-wrapper {
  display: flex;
  height: 56px;
  padding: 0 60px;
  background-color: #ffffff;
}

@media (max-width: 992px) {
  #admin-panel .tabs-wrapper {
    overflow-x: visible;
    overflow-y: visible;
  }
}

@media (max-width: 768px) {
  #admin-panel .tabs-wrapper {
    position: relative;
    padding: 0;
    height: auto;
  }
}

#admin-panel .subtabs-wrapper {
  display: flex;
  padding: 0 60px;
  padding-left: 80px;
}

@media (max-width: 992px) {
  #admin-panel .subtabs-wrapper {
    padding: 0 23px;
    padding-left: 33px;
  }
}

@media (max-width: 768px) {
  #admin-panel .subtabs-wrapper {
    padding: 0 21px;
    padding-left: 31px;
  }
}

@media (max-width: 576px) {
  #admin-panel .subtabs-wrapper {
    padding: 0 8px;
    padding-left: 18px;
  }
}

#admin-panel .subtabs-wrapper .subtabs-nav {
  margin: 30px 0 0;
  display: inline-block;
}

@media (max-width: 576px) {
  #admin-panel .subtabs-wrapper .subtabs-nav {
    border-bottom: none;
  }
}

#admin-panel .subtabs-wrapper .subtabs-nav .nav-item {
  display: inline-block;
  padding-bottom: 10px;
}

#admin-panel .subtabs-wrapper .subtabs-nav .nav-item:not(:last-of-type) {
  margin-right: 25px;
}

@media (max-width: 576px) {
  #admin-panel .subtabs-wrapper .subtabs-nav .nav-item:not(:last-of-type) {
    margin-right: 8px;
  }
}

#admin-panel .subtabs-wrapper .subtabs-nav .nav-item .btn-link {
  font-size: 16px;
  color: #09092d;
  font-weight: 300;
  text-decoration: none !important;
  letter-spacing: normal;
}

@media (max-width: 576px) {
  #admin-panel .subtabs-wrapper .subtabs-nav .nav-item .btn-link {
    border: 1px solid #4c4c8e;
    border-radius: 8px;
    padding: 5px 8px;
  }
}

#admin-panel .subtabs-wrapper .subtabs-nav .nav-item .btn-link:hover, #admin-panel .subtabs-wrapper .subtabs-nav .nav-item .btn-link:active {
  text-shadow: 0.25px 0.25px 0 #09092d;
}

@media (max-width: 576px) {
  #admin-panel .subtabs-wrapper .subtabs-nav .nav-item .btn-link:hover, #admin-panel .subtabs-wrapper .subtabs-nav .nav-item .btn-link:active {
    text-shadow: none;
  }
}

#admin-panel .subtabs-wrapper .subtabs-nav .nav-item .btn-link.active-section {
  font-weight: 400;
  border-bottom: 2px solid #5959eb;
}

@media (max-width: 576px) {
  #admin-panel .subtabs-wrapper .subtabs-nav .nav-item .btn-link.active-section {
    border: 1px solid #5959eb;
    color: #5959eb;
    border-radius: 8px;
  }
}

#admin-panel .tabs {
  display: flex;
  flex: 1;
  margin: 0;
  overflow-x: visible;
}

@media (max-width: 768px) {
  #admin-panel .tabs {
    flex-direction: column;
  }
}

#admin-panel .tabs li {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  display: flex;
  align-items: center;
  padding: 0 40px;
  border-right: 1px solid #d7d7e4;
}

@media (max-width: 1200px) {
  #admin-panel .tabs li {
    padding: 0 20px;
  }
}

@media (max-width: 768px) {
  #admin-panel .tabs li {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0em;
    text-indent: 0px;
    height: 45px;
    border-bottom: 1px solid #d7d7e4;
    padding: 0 16px;
    border-right: none;
  }
  #admin-panel .tabs li:before {
    content: normal;
  }
}

#admin-panel .tabs li.active {
  color: #5959eb;
  font-weight: 600;
}

#admin-panel .tabs li a {
  color: #09092d;
  border-bottom: 0 !important;
  font-size: inherit;
  padding: 0;
}

#admin-panel .tabs li a:hover, #admin-panel .tabs li a:active, #admin-panel .tabs li a:focus {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  text-decoration: none;
  border-bottom: 0;
}

@media (max-width: 768px) {
  #admin-panel .tabs li a {
    width: 100%;
    text-align: left;
    padding-left: 0;
  }
  #admin-panel .tabs li a:before {
    content: '';
  }
}

#admin-panel .tabs li a.active {
  color: #5959eb;
  font-weight: 600;
  border-bottom: 0;
}

@media (max-width: 768px) {
  #admin-panel .tabs li a.active:before {
    content: '';
  }
}

#admin-panel .tabs li a.active:hover {
  text-shadow: 0.25px 0.25px 0 #5959eb;
}

#admin-panel .tabs li a.active:hover:before {
  text-shadow: none;
}

#admin-panel .requests-wrapper {
  padding: 30px 60px;
}

@media (max-width: 992px) {
  #admin-panel .requests-wrapper {
    padding: 20px 23px;
    padding-left: 23px;
  }
}

@media (max-width: 768px) {
  #admin-panel .requests-wrapper {
    padding: 20px 21px;
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  #admin-panel .requests-wrapper {
    padding: 20px 8px;
    padding-left: 8px;
  }
}

#admin-panel .approved-requests .request-container:not(:last-child),
#admin-panel .declined-requests .request-container:not(:last-child),
#admin-panel .pending-requests .request-container:not(:last-child),
#admin-panel .enrollment-panel .request-container:not(:last-child) {
  margin-bottom: 10px;
}

#admin-panel .approved-requests .request-container .request-info .comment label, #admin-panel .approved-requests .request-container .request-info .trip label, #admin-panel .approved-requests .request-container .request-info .accommodation label,
#admin-panel .declined-requests .request-container .request-info .comment label,
#admin-panel .declined-requests .request-container .request-info .trip label,
#admin-panel .declined-requests .request-container .request-info .accommodation label,
#admin-panel .pending-requests .request-container .request-info .comment label,
#admin-panel .pending-requests .request-container .request-info .trip label,
#admin-panel .pending-requests .request-container .request-info .accommodation label,
#admin-panel .enrollment-panel .request-container .request-info .comment label,
#admin-panel .enrollment-panel .request-container .request-info .trip label,
#admin-panel .enrollment-panel .request-container .request-info .accommodation label {
  display: inline-block;
  font-size: 14px;
  padding-right: 15px;
}

#admin-panel .approved-requests .request-container .request-info .location, #admin-panel .approved-requests .request-container .request-info .address, #admin-panel .approved-requests .request-container .request-info .time, #admin-panel .approved-requests .request-container .request-info .accommodation, #admin-panel .approved-requests .request-container .request-info .comment, #admin-panel .approved-requests .request-container .request-info .city-zip,
#admin-panel .approved-requests .declined-requests .request-container .request-info .location,
#admin-panel .declined-requests .approved-requests .request-container .request-info .location,
#admin-panel .approved-requests .declined-requests .request-container .request-info .address,
#admin-panel .declined-requests .approved-requests .request-container .request-info .address,
#admin-panel .approved-requests .declined-requests .request-container .request-info .time,
#admin-panel .declined-requests .approved-requests .request-container .request-info .time,
#admin-panel .approved-requests .declined-requests .request-container .request-info .accommodation,
#admin-panel .declined-requests .approved-requests .request-container .request-info .accommodation,
#admin-panel .approved-requests .declined-requests .request-container .request-info .comment,
#admin-panel .declined-requests .approved-requests .request-container .request-info .comment,
#admin-panel .approved-requests .declined-requests .request-container .request-info .city-zip,
#admin-panel .declined-requests .approved-requests .request-container .request-info .city-zip,
#admin-panel .approved-requests .pending-requests .request-container .request-info .location,
#admin-panel .pending-requests .approved-requests .request-container .request-info .location,
#admin-panel .approved-requests .pending-requests .request-container .request-info .address,
#admin-panel .pending-requests .approved-requests .request-container .request-info .address,
#admin-panel .approved-requests .pending-requests .request-container .request-info .time,
#admin-panel .pending-requests .approved-requests .request-container .request-info .time,
#admin-panel .approved-requests .pending-requests .request-container .request-info .accommodation,
#admin-panel .pending-requests .approved-requests .request-container .request-info .accommodation,
#admin-panel .approved-requests .pending-requests .request-container .request-info .comment,
#admin-panel .pending-requests .approved-requests .request-container .request-info .comment,
#admin-panel .approved-requests .pending-requests .request-container .request-info .city-zip,
#admin-panel .pending-requests .approved-requests .request-container .request-info .city-zip,
#admin-panel .approved-requests .enrollment-panel .request-container .request-info .location,
#admin-panel .enrollment-panel .approved-requests .request-container .request-info .location,
#admin-panel .approved-requests .enrollment-panel .request-container .request-info .address,
#admin-panel .enrollment-panel .approved-requests .request-container .request-info .address,
#admin-panel .approved-requests .enrollment-panel .request-container .request-info .time,
#admin-panel .enrollment-panel .approved-requests .request-container .request-info .time,
#admin-panel .approved-requests .enrollment-panel .request-container .request-info .accommodation,
#admin-panel .enrollment-panel .approved-requests .request-container .request-info .accommodation,
#admin-panel .approved-requests .enrollment-panel .request-container .request-info .comment,
#admin-panel .enrollment-panel .approved-requests .request-container .request-info .comment,
#admin-panel .approved-requests .enrollment-panel .request-container .request-info .city-zip,
#admin-panel .enrollment-panel .approved-requests .request-container .request-info .city-zip,
#admin-panel .declined-requests .approved-requests .request-container .request-info .location,
#admin-panel .approved-requests .declined-requests .request-container .request-info .location,
#admin-panel .declined-requests .approved-requests .request-container .request-info .address,
#admin-panel .approved-requests .declined-requests .request-container .request-info .address,
#admin-panel .declined-requests .approved-requests .request-container .request-info .time,
#admin-panel .approved-requests .declined-requests .request-container .request-info .time,
#admin-panel .declined-requests .approved-requests .request-container .request-info .accommodation,
#admin-panel .approved-requests .declined-requests .request-container .request-info .accommodation,
#admin-panel .declined-requests .approved-requests .request-container .request-info .comment,
#admin-panel .approved-requests .declined-requests .request-container .request-info .comment,
#admin-panel .declined-requests .approved-requests .request-container .request-info .city-zip,
#admin-panel .approved-requests .declined-requests .request-container .request-info .city-zip,
#admin-panel .declined-requests .request-container .request-info .location,
#admin-panel .declined-requests .request-container .request-info .address,
#admin-panel .declined-requests .request-container .request-info .time,
#admin-panel .declined-requests .request-container .request-info .accommodation,
#admin-panel .declined-requests .request-container .request-info .comment,
#admin-panel .declined-requests .request-container .request-info .city-zip,
#admin-panel .declined-requests .pending-requests .request-container .request-info .location,
#admin-panel .pending-requests .declined-requests .request-container .request-info .location,
#admin-panel .declined-requests .pending-requests .request-container .request-info .address,
#admin-panel .pending-requests .declined-requests .request-container .request-info .address,
#admin-panel .declined-requests .pending-requests .request-container .request-info .time,
#admin-panel .pending-requests .declined-requests .request-container .request-info .time,
#admin-panel .declined-requests .pending-requests .request-container .request-info .accommodation,
#admin-panel .pending-requests .declined-requests .request-container .request-info .accommodation,
#admin-panel .declined-requests .pending-requests .request-container .request-info .comment,
#admin-panel .pending-requests .declined-requests .request-container .request-info .comment,
#admin-panel .declined-requests .pending-requests .request-container .request-info .city-zip,
#admin-panel .pending-requests .declined-requests .request-container .request-info .city-zip,
#admin-panel .declined-requests .enrollment-panel .request-container .request-info .location,
#admin-panel .enrollment-panel .declined-requests .request-container .request-info .location,
#admin-panel .declined-requests .enrollment-panel .request-container .request-info .address,
#admin-panel .enrollment-panel .declined-requests .request-container .request-info .address,
#admin-panel .declined-requests .enrollment-panel .request-container .request-info .time,
#admin-panel .enrollment-panel .declined-requests .request-container .request-info .time,
#admin-panel .declined-requests .enrollment-panel .request-container .request-info .accommodation,
#admin-panel .enrollment-panel .declined-requests .request-container .request-info .accommodation,
#admin-panel .declined-requests .enrollment-panel .request-container .request-info .comment,
#admin-panel .enrollment-panel .declined-requests .request-container .request-info .comment,
#admin-panel .declined-requests .enrollment-panel .request-container .request-info .city-zip,
#admin-panel .enrollment-panel .declined-requests .request-container .request-info .city-zip,
#admin-panel .pending-requests .approved-requests .request-container .request-info .location,
#admin-panel .approved-requests .pending-requests .request-container .request-info .location,
#admin-panel .pending-requests .approved-requests .request-container .request-info .address,
#admin-panel .approved-requests .pending-requests .request-container .request-info .address,
#admin-panel .pending-requests .approved-requests .request-container .request-info .time,
#admin-panel .approved-requests .pending-requests .request-container .request-info .time,
#admin-panel .pending-requests .approved-requests .request-container .request-info .accommodation,
#admin-panel .approved-requests .pending-requests .request-container .request-info .accommodation,
#admin-panel .pending-requests .approved-requests .request-container .request-info .comment,
#admin-panel .approved-requests .pending-requests .request-container .request-info .comment,
#admin-panel .pending-requests .approved-requests .request-container .request-info .city-zip,
#admin-panel .approved-requests .pending-requests .request-container .request-info .city-zip,
#admin-panel .pending-requests .declined-requests .request-container .request-info .location,
#admin-panel .declined-requests .pending-requests .request-container .request-info .location,
#admin-panel .pending-requests .declined-requests .request-container .request-info .address,
#admin-panel .declined-requests .pending-requests .request-container .request-info .address,
#admin-panel .pending-requests .declined-requests .request-container .request-info .time,
#admin-panel .declined-requests .pending-requests .request-container .request-info .time,
#admin-panel .pending-requests .declined-requests .request-container .request-info .accommodation,
#admin-panel .declined-requests .pending-requests .request-container .request-info .accommodation,
#admin-panel .pending-requests .declined-requests .request-container .request-info .comment,
#admin-panel .declined-requests .pending-requests .request-container .request-info .comment,
#admin-panel .pending-requests .declined-requests .request-container .request-info .city-zip,
#admin-panel .declined-requests .pending-requests .request-container .request-info .city-zip,
#admin-panel .pending-requests .request-container .request-info .location,
#admin-panel .pending-requests .request-container .request-info .address,
#admin-panel .pending-requests .request-container .request-info .time,
#admin-panel .pending-requests .request-container .request-info .accommodation,
#admin-panel .pending-requests .request-container .request-info .comment,
#admin-panel .pending-requests .request-container .request-info .city-zip,
#admin-panel .pending-requests .enrollment-panel .request-container .request-info .location,
#admin-panel .enrollment-panel .pending-requests .request-container .request-info .location,
#admin-panel .pending-requests .enrollment-panel .request-container .request-info .address,
#admin-panel .enrollment-panel .pending-requests .request-container .request-info .address,
#admin-panel .pending-requests .enrollment-panel .request-container .request-info .time,
#admin-panel .enrollment-panel .pending-requests .request-container .request-info .time,
#admin-panel .pending-requests .enrollment-panel .request-container .request-info .accommodation,
#admin-panel .enrollment-panel .pending-requests .request-container .request-info .accommodation,
#admin-panel .pending-requests .enrollment-panel .request-container .request-info .comment,
#admin-panel .enrollment-panel .pending-requests .request-container .request-info .comment,
#admin-panel .pending-requests .enrollment-panel .request-container .request-info .city-zip,
#admin-panel .enrollment-panel .pending-requests .request-container .request-info .city-zip,
#admin-panel .enrollment-panel .approved-requests .request-container .request-info .location,
#admin-panel .approved-requests .enrollment-panel .request-container .request-info .location,
#admin-panel .enrollment-panel .approved-requests .request-container .request-info .address,
#admin-panel .approved-requests .enrollment-panel .request-container .request-info .address,
#admin-panel .enrollment-panel .approved-requests .request-container .request-info .time,
#admin-panel .approved-requests .enrollment-panel .request-container .request-info .time,
#admin-panel .enrollment-panel .approved-requests .request-container .request-info .accommodation,
#admin-panel .approved-requests .enrollment-panel .request-container .request-info .accommodation,
#admin-panel .enrollment-panel .approved-requests .request-container .request-info .comment,
#admin-panel .approved-requests .enrollment-panel .request-container .request-info .comment,
#admin-panel .enrollment-panel .approved-requests .request-container .request-info .city-zip,
#admin-panel .approved-requests .enrollment-panel .request-container .request-info .city-zip,
#admin-panel .enrollment-panel .declined-requests .request-container .request-info .location,
#admin-panel .declined-requests .enrollment-panel .request-container .request-info .location,
#admin-panel .enrollment-panel .declined-requests .request-container .request-info .address,
#admin-panel .declined-requests .enrollment-panel .request-container .request-info .address,
#admin-panel .enrollment-panel .declined-requests .request-container .request-info .time,
#admin-panel .declined-requests .enrollment-panel .request-container .request-info .time,
#admin-panel .enrollment-panel .declined-requests .request-container .request-info .accommodation,
#admin-panel .declined-requests .enrollment-panel .request-container .request-info .accommodation,
#admin-panel .enrollment-panel .declined-requests .request-container .request-info .comment,
#admin-panel .declined-requests .enrollment-panel .request-container .request-info .comment,
#admin-panel .enrollment-panel .declined-requests .request-container .request-info .city-zip,
#admin-panel .declined-requests .enrollment-panel .request-container .request-info .city-zip,
#admin-panel .enrollment-panel .pending-requests .request-container .request-info .location,
#admin-panel .pending-requests .enrollment-panel .request-container .request-info .location,
#admin-panel .enrollment-panel .pending-requests .request-container .request-info .address,
#admin-panel .pending-requests .enrollment-panel .request-container .request-info .address,
#admin-panel .enrollment-panel .pending-requests .request-container .request-info .time,
#admin-panel .pending-requests .enrollment-panel .request-container .request-info .time,
#admin-panel .enrollment-panel .pending-requests .request-container .request-info .accommodation,
#admin-panel .pending-requests .enrollment-panel .request-container .request-info .accommodation,
#admin-panel .enrollment-panel .pending-requests .request-container .request-info .comment,
#admin-panel .pending-requests .enrollment-panel .request-container .request-info .comment,
#admin-panel .enrollment-panel .pending-requests .request-container .request-info .city-zip,
#admin-panel .pending-requests .enrollment-panel .request-container .request-info .city-zip,
#admin-panel .enrollment-panel .request-container .request-info .location,
#admin-panel .enrollment-panel .request-container .request-info .address,
#admin-panel .enrollment-panel .request-container .request-info .time,
#admin-panel .enrollment-panel .request-container .request-info .accommodation,
#admin-panel .enrollment-panel .request-container .request-info .comment,
#admin-panel .enrollment-panel .request-container .request-info .city-zip {
  font-size: 14px;
}

#admin-panel .approved-requests .request-container .request-info .comment label, #admin-panel .approved-requests .request-container .request-info .trip input, #admin-panel .approved-requests .request-container .request-info .trip label, #admin-panel .approved-requests .request-container .request-info .accommodation label,
#admin-panel .declined-requests .request-container .request-info .comment label,
#admin-panel .declined-requests .request-container .request-info .trip input,
#admin-panel .declined-requests .request-container .request-info .trip label,
#admin-panel .declined-requests .request-container .request-info .accommodation label,
#admin-panel .pending-requests .request-container .request-info .comment label,
#admin-panel .pending-requests .request-container .request-info .trip input,
#admin-panel .pending-requests .request-container .request-info .trip label,
#admin-panel .pending-requests .request-container .request-info .accommodation label,
#admin-panel .enrollment-panel .request-container .request-info .comment label,
#admin-panel .enrollment-panel .request-container .request-info .trip input,
#admin-panel .enrollment-panel .request-container .request-info .trip label,
#admin-panel .enrollment-panel .request-container .request-info .accommodation label {
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: auto;
}

@media (max-width: 768px) {
  #admin-panel .approved-requests .request-container .learner-info,
#admin-panel .declined-requests .request-container .learner-info,
#admin-panel .pending-requests .request-container .learner-info,
#admin-panel .enrollment-panel .request-container .learner-info {
    padding-right: 100px;
  }
}

#admin-panel .approved-requests .request-container .learner-info .avatar,
#admin-panel .declined-requests .request-container .learner-info .avatar,
#admin-panel .pending-requests .request-container .learner-info .avatar,
#admin-panel .enrollment-panel .request-container .learner-info .avatar {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  border-radius: 50%;
}

#admin-panel .approved-requests .request-container .learner-info .profile-name,
#admin-panel .declined-requests .request-container .learner-info .profile-name,
#admin-panel .pending-requests .request-container .learner-info .profile-name,
#admin-panel .enrollment-panel .request-container .learner-info .profile-name {
  font-weight: 600;
}

#admin-panel .approved-requests .request-container .learner-info .user-name,
#admin-panel .declined-requests .request-container .learner-info .user-name,
#admin-panel .pending-requests .request-container .learner-info .user-name,
#admin-panel .enrollment-panel .request-container .learner-info .user-name {
  display: block;
  margin-left: 46px;
}

#admin-panel .approved-requests .request-container .request-info,
#admin-panel .declined-requests .request-container .request-info,
#admin-panel .pending-requests .request-container .request-info,
#admin-panel .enrollment-panel .request-container .request-info {
  padding-top: 15px;
}

#admin-panel .approved-requests .request-container .request-info h2,
#admin-panel .declined-requests .request-container .request-info h2,
#admin-panel .pending-requests .request-container .request-info h2,
#admin-panel .enrollment-panel .request-container .request-info h2 {
  margin-bottom: 0;
  color: #09092d;
  font-weight: 600;
}

@media (max-width: 768px) {
  #admin-panel .approved-requests .request-container .request-info h2,
#admin-panel .declined-requests .request-container .request-info h2,
#admin-panel .pending-requests .request-container .request-info h2,
#admin-panel .enrollment-panel .request-container .request-info h2 {
    padding-right: 100px;
  }
}

#admin-panel .approved-requests .request-container .request-info h3,
#admin-panel .declined-requests .request-container .request-info h3,
#admin-panel .pending-requests .request-container .request-info h3,
#admin-panel .enrollment-panel .request-container .request-info h3 {
  color: #09092d;
  font-size: 14px;
  margin-top: 5px;
  font-weight: 600;
  text-transform: uppercase;
}

#admin-panel .approved-requests .request-container .request-info .dynamic-wrapper,
#admin-panel .declined-requests .request-container .request-info .dynamic-wrapper,
#admin-panel .pending-requests .request-container .request-info .dynamic-wrapper,
#admin-panel .enrollment-panel .request-container .request-info .dynamic-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
}

@media (max-width: 768px) {
  #admin-panel .approved-requests .request-container .request-info .dynamic-wrapper,
#admin-panel .declined-requests .request-container .request-info .dynamic-wrapper,
#admin-panel .pending-requests .request-container .request-info .dynamic-wrapper,
#admin-panel .enrollment-panel .request-container .request-info .dynamic-wrapper {
    display: block;
  }
  #admin-panel .approved-requests .request-container .request-info .dynamic-wrapper .input-wrapper,
#admin-panel .declined-requests .request-container .request-info .dynamic-wrapper .input-wrapper,
#admin-panel .pending-requests .request-container .request-info .dynamic-wrapper .input-wrapper,
#admin-panel .enrollment-panel .request-container .request-info .dynamic-wrapper .input-wrapper {
    margin-top: 10px;
  }
}

#admin-panel .approved-requests .request-container .request-info .dynamic-wrapper p,
#admin-panel .declined-requests .request-container .request-info .dynamic-wrapper p,
#admin-panel .pending-requests .request-container .request-info .dynamic-wrapper p,
#admin-panel .enrollment-panel .request-container .request-info .dynamic-wrapper p {
  margin-top: 5px;
}

#admin-panel .approved-requests .request-container .request-info .dynamic-wrapper .time-location-wrapper .location-wrapper,
#admin-panel .declined-requests .request-container .request-info .dynamic-wrapper .time-location-wrapper .location-wrapper,
#admin-panel .pending-requests .request-container .request-info .dynamic-wrapper .time-location-wrapper .location-wrapper,
#admin-panel .enrollment-panel .request-container .request-info .dynamic-wrapper .time-location-wrapper .location-wrapper {
  margin-top: 10px;
}

#admin-panel .approved-requests .request-container .request-info .city-zip b,
#admin-panel .declined-requests .request-container .request-info .city-zip b,
#admin-panel .pending-requests .request-container .request-info .city-zip b,
#admin-panel .enrollment-panel .request-container .request-info .city-zip b {
  font-weight: 600;
}

#admin-panel .approved-requests .request-container .request-info .time,
#admin-panel .declined-requests .request-container .request-info .time,
#admin-panel .pending-requests .request-container .request-info .time,
#admin-panel .enrollment-panel .request-container .request-info .time {
  font-weight: 600;
}

#admin-panel .approved-requests .request-container .request-info select,
#admin-panel .declined-requests .request-container .request-info select,
#admin-panel .pending-requests .request-container .request-info select,
#admin-panel .enrollment-panel .request-container .request-info select {
  padding: 3px 25px 3px 10px;
  margin-top: 20px;
  margin-bottom: 5px;
  width: 100%;
}

#admin-panel .approved-requests .request-container .request-info select option.expire-for-student, #admin-panel .approved-requests .request-container .request-info select option.within-deadline,
#admin-panel .declined-requests .request-container .request-info select option.expire-for-student,
#admin-panel .declined-requests .request-container .request-info select option.within-deadline,
#admin-panel .pending-requests .request-container .request-info select option.expire-for-student,
#admin-panel .pending-requests .request-container .request-info select option.within-deadline,
#admin-panel .enrollment-panel .request-container .request-info select option.expire-for-student,
#admin-panel .enrollment-panel .request-container .request-info select option.within-deadline {
  display: none;
}

#admin-panel .approved-requests .request-container .request-info .input-wrapper:not(.editor-mode) .xlabel, #admin-panel .approved-requests .request-container .request-info .input-wrapper:not(.editor-mode) label,
#admin-panel .declined-requests .request-container .request-info .input-wrapper:not(.editor-mode) .xlabel,
#admin-panel .declined-requests .request-container .request-info .input-wrapper:not(.editor-mode) label,
#admin-panel .pending-requests .request-container .request-info .input-wrapper:not(.editor-mode) .xlabel,
#admin-panel .pending-requests .request-container .request-info .input-wrapper:not(.editor-mode) label,
#admin-panel .enrollment-panel .request-container .request-info .input-wrapper:not(.editor-mode) .xlabel,
#admin-panel .enrollment-panel .request-container .request-info .input-wrapper:not(.editor-mode) label {
  width: 230px;
  line-height: 16px;
  margin-bottom: 0;
  margin-top: 5px;
}

#admin-panel .approved-requests .request-container .request-info .input-wrapper:not(.editor-mode) .comment label,
#admin-panel .declined-requests .request-container .request-info .input-wrapper:not(.editor-mode) .comment label,
#admin-panel .pending-requests .request-container .request-info .input-wrapper:not(.editor-mode) .comment label,
#admin-panel .enrollment-panel .request-container .request-info .input-wrapper:not(.editor-mode) .comment label {
  width: auto;
  padding-right: 40px;
}

#admin-panel .approved-requests .request-container .request-info .input-wrapper:not(.editor-mode) .comment span,
#admin-panel .declined-requests .request-container .request-info .input-wrapper:not(.editor-mode) .comment span,
#admin-panel .pending-requests .request-container .request-info .input-wrapper:not(.editor-mode) .comment span,
#admin-panel .enrollment-panel .request-container .request-info .input-wrapper:not(.editor-mode) .comment span {
  width: 200px;
  margin-top: 5px;
}

#admin-panel .approved-requests .request-container .request-info .accommodation span,
#admin-panel .declined-requests .request-container .request-info .accommodation span,
#admin-panel .pending-requests .request-container .request-info .accommodation span,
#admin-panel .enrollment-panel .request-container .request-info .accommodation span {
  color: #5959eb;
  font-weight: 600;
  text-transform: uppercase;
}

#admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1),
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1),
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1),
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) {
  visibility: hidden;
}

#admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + span, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + span,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + span,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + span,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

#admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + span:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + span:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + span:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + span:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

#admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):checked + span:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):checked + label:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):checked + span:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):checked + label:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):checked + span:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):checked + label:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):checked + span:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):checked + label:before {
  content: "";
  color: #23ab41;
}

#admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1)[disabled] + span:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1)[disabled] + label:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).disabled + span:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).disabled + label:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):disabled + span:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):disabled + label:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).is-disabled + span:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).is-disabled + label:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1)[disabled] + span:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1)[disabled] + label:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).disabled + span:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).disabled + label:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):disabled + span:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):disabled + label:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).is-disabled + span:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).is-disabled + label:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1)[disabled] + span:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1)[disabled] + label:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).disabled + span:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).disabled + label:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):disabled + span:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):disabled + label:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).is-disabled + span:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).is-disabled + label:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1)[disabled] + span:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1)[disabled] + label:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).disabled + span:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).disabled + label:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):disabled + span:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1):disabled + label:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).is-disabled + span:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1).is-disabled + label:before {
  color: #4c4c8e;
}

#admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label {
  font-style: normal;
  padding-right: 8px;
}

#admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(1) + label:before {
  font-size: 16px;
  margin-left: -22px;
}

#admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2),
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2),
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2),
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) {
  visibility: hidden;
}

#admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + span, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + span,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + span,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + span,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

#admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + span:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + span:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + span:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + span:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

#admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):checked + span:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):checked + label:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):checked + span:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):checked + label:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):checked + span:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):checked + label:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):checked + span:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):checked + label:before {
  content: "";
  color: #f22f31;
}

#admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2)[disabled] + span:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2)[disabled] + label:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).disabled + span:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).disabled + label:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):disabled + span:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):disabled + label:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).is-disabled + span:before, #admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).is-disabled + label:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2)[disabled] + span:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2)[disabled] + label:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).disabled + span:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).disabled + label:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):disabled + span:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):disabled + label:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).is-disabled + span:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).is-disabled + label:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2)[disabled] + span:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2)[disabled] + label:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).disabled + span:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).disabled + label:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):disabled + span:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):disabled + label:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).is-disabled + span:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).is-disabled + label:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2)[disabled] + span:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2)[disabled] + label:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).disabled + span:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).disabled + label:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):disabled + span:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2):disabled + label:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).is-disabled + span:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2).is-disabled + label:before {
  color: #4c4c8e;
}

#admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label {
  font-style: normal;
}

#admin-panel .approved-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label:before,
#admin-panel .declined-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label:before,
#admin-panel .pending-requests .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label:before,
#admin-panel .enrollment-panel .request-container .request-info .accommodation input[type=radio]:nth-of-type(2) + label:before {
  font-size: 16px;
  margin-left: -22px;
}

#admin-panel .approved-requests .request-container .request-info .accommodation .fa-check-circle, #admin-panel .approved-requests .request-container .request-info .accommodation .fa-check-circle + span,
#admin-panel .declined-requests .request-container .request-info .accommodation .fa-check-circle,
#admin-panel .declined-requests .request-container .request-info .accommodation .fa-check-circle + span,
#admin-panel .pending-requests .request-container .request-info .accommodation .fa-check-circle,
#admin-panel .pending-requests .request-container .request-info .accommodation .fa-check-circle + span,
#admin-panel .enrollment-panel .request-container .request-info .accommodation .fa-check-circle,
#admin-panel .enrollment-panel .request-container .request-info .accommodation .fa-check-circle + span {
  color: #23ab41;
}

#admin-panel .approved-requests .request-container .request-info .accommodation .fa-times-circle, #admin-panel .approved-requests .request-container .request-info .accommodation .fa-times-circle + span,
#admin-panel .declined-requests .request-container .request-info .accommodation .fa-times-circle,
#admin-panel .declined-requests .request-container .request-info .accommodation .fa-times-circle + span,
#admin-panel .pending-requests .request-container .request-info .accommodation .fa-times-circle,
#admin-panel .pending-requests .request-container .request-info .accommodation .fa-times-circle + span,
#admin-panel .enrollment-panel .request-container .request-info .accommodation .fa-times-circle,
#admin-panel .enrollment-panel .request-container .request-info .accommodation .fa-times-circle + span {
  color: #09092d;
}

#admin-panel .approved-requests .request-container .request-info .trip .field span,
#admin-panel .declined-requests .request-container .request-info .trip .field span,
#admin-panel .pending-requests .request-container .request-info .trip .field span,
#admin-panel .enrollment-panel .request-container .request-info .trip .field span {
  color: #5959eb;
  text-transform: uppercase;
}

#admin-panel .approved-requests .request-container .request-info .trip input,
#admin-panel .declined-requests .request-container .request-info .trip input,
#admin-panel .pending-requests .request-container .request-info .trip input,
#admin-panel .enrollment-panel .request-container .request-info .trip input {
  vertical-align: baseline;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  color: #09092d;
  width: 50px;
}

#admin-panel .approved-requests .request-container .request-info .trip input:nth-of-type(1),
#admin-panel .declined-requests .request-container .request-info .trip input:nth-of-type(1),
#admin-panel .pending-requests .request-container .request-info .trip input:nth-of-type(1),
#admin-panel .enrollment-panel .request-container .request-info .trip input:nth-of-type(1) {
  margin-right: 20px;
}

#admin-panel .approved-requests .request-container .request-info .trip span:nth-of-type(2),
#admin-panel .declined-requests .request-container .request-info .trip span:nth-of-type(2),
#admin-panel .pending-requests .request-container .request-info .trip span:nth-of-type(2),
#admin-panel .enrollment-panel .request-container .request-info .trip span:nth-of-type(2) {
  margin-left: 60px;
}

#admin-panel .approved-requests .request-container .request-info .comment,
#admin-panel .declined-requests .request-container .request-info .comment,
#admin-panel .pending-requests .request-container .request-info .comment,
#admin-panel .enrollment-panel .request-container .request-info .comment {
  width: 350px;
  display: flex;
}

#admin-panel .approved-requests .request-container .request-info .comment label,
#admin-panel .declined-requests .request-container .request-info .comment label,
#admin-panel .pending-requests .request-container .request-info .comment label,
#admin-panel .enrollment-panel .request-container .request-info .comment label {
  line-height: 16px;
}

#admin-panel .approved-requests .request-container .request-info .comment span,
#admin-panel .declined-requests .request-container .request-info .comment span,
#admin-panel .pending-requests .request-container .request-info .comment span,
#admin-panel .enrollment-panel .request-container .request-info .comment span {
  font-style: italic;
}

#admin-panel .approved-requests .request-container .request-info .comment textarea,
#admin-panel .declined-requests .request-container .request-info .comment textarea,
#admin-panel .pending-requests .request-container .request-info .comment textarea,
#admin-panel .enrollment-panel .request-container .request-info .comment textarea {
  flex: 1;
  font-style: italic;
  font-weight: 300;
  font-size: 14px;
  color: #09092d;
  border: 2px dashed #ececec;
  box-shadow: none;
  border-radius: 6px;
  min-width: 225px;
}

#admin-panel .approved-requests .request-container .action-button,
#admin-panel .declined-requests .request-container .action-button,
#admin-panel .pending-requests .request-container .action-button,
#admin-panel .enrollment-panel .request-container .action-button {
  margin-top: 25px;
  text-align: right;
}

#admin-panel .approved-requests .request-container .action-button > div,
#admin-panel .declined-requests .request-container .action-button > div,
#admin-panel .pending-requests .request-container .action-button > div,
#admin-panel .enrollment-panel .request-container .action-button > div {
  display: inline-block;
}

#admin-panel .approved-requests .request-container .action-button > div button[disabled], #admin-panel .approved-requests .request-container .action-button > div button.disabled,
#admin-panel .declined-requests .request-container .action-button > div button[disabled],
#admin-panel .declined-requests .request-container .action-button > div button.disabled,
#admin-panel .pending-requests .request-container .action-button > div button[disabled],
#admin-panel .pending-requests .request-container .action-button > div button.disabled,
#admin-panel .enrollment-panel .request-container .action-button > div button[disabled],
#admin-panel .enrollment-panel .request-container .action-button > div button.disabled {
  box-shadow: none;
}

#admin-panel .approved-requests .request-container .action-button .unsubscribe, #admin-panel .approved-requests .request-container .action-button .cancel, #admin-panel .approved-requests .request-container .action-button .edit, #admin-panel .approved-requests .request-container .action-button .refuse,
#admin-panel .declined-requests .request-container .action-button .unsubscribe,
#admin-panel .declined-requests .request-container .action-button .cancel,
#admin-panel .declined-requests .request-container .action-button .edit,
#admin-panel .declined-requests .request-container .action-button .refuse,
#admin-panel .pending-requests .request-container .action-button .unsubscribe,
#admin-panel .pending-requests .request-container .action-button .cancel,
#admin-panel .pending-requests .request-container .action-button .edit,
#admin-panel .pending-requests .request-container .action-button .refuse,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe,
#admin-panel .enrollment-panel .request-container .action-button .cancel,
#admin-panel .enrollment-panel .request-container .action-button .edit,
#admin-panel .enrollment-panel .request-container .action-button .refuse {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .approved-requests .request-container .action-button .unsubscribe:hover, #admin-panel .approved-requests .request-container .action-button .unsubscribe.active, #admin-panel .approved-requests .request-container .action-button .cancel:hover, #admin-panel .approved-requests .request-container .action-button .cancel.active, #admin-panel .approved-requests .request-container .action-button .edit:hover, #admin-panel .approved-requests .request-container .action-button .edit.active, #admin-panel .approved-requests .request-container .action-button .refuse:hover, #admin-panel .approved-requests .request-container .action-button .refuse.active,
#admin-panel .declined-requests .request-container .action-button .unsubscribe:hover,
#admin-panel .declined-requests .request-container .action-button .unsubscribe.active,
#admin-panel .declined-requests .request-container .action-button .cancel:hover,
#admin-panel .declined-requests .request-container .action-button .cancel.active,
#admin-panel .declined-requests .request-container .action-button .edit:hover,
#admin-panel .declined-requests .request-container .action-button .edit.active,
#admin-panel .declined-requests .request-container .action-button .refuse:hover,
#admin-panel .declined-requests .request-container .action-button .refuse.active,
#admin-panel .pending-requests .request-container .action-button .unsubscribe:hover,
#admin-panel .pending-requests .request-container .action-button .unsubscribe.active,
#admin-panel .pending-requests .request-container .action-button .cancel:hover,
#admin-panel .pending-requests .request-container .action-button .cancel.active,
#admin-panel .pending-requests .request-container .action-button .edit:hover,
#admin-panel .pending-requests .request-container .action-button .edit.active,
#admin-panel .pending-requests .request-container .action-button .refuse:hover,
#admin-panel .pending-requests .request-container .action-button .refuse.active,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe:hover,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe.active,
#admin-panel .enrollment-panel .request-container .action-button .cancel:hover,
#admin-panel .enrollment-panel .request-container .action-button .cancel.active,
#admin-panel .enrollment-panel .request-container .action-button .edit:hover,
#admin-panel .enrollment-panel .request-container .action-button .edit.active,
#admin-panel .enrollment-panel .request-container .action-button .refuse:hover,
#admin-panel .enrollment-panel .request-container .action-button .refuse.active {
  text-decoration: none;
}

#admin-panel .approved-requests .request-container .action-button .unsubscribe .icon, #admin-panel .approved-requests .request-container .action-button .unsubscribe .fa, #admin-panel .approved-requests .request-container .action-button .unsubscribe .fas, #admin-panel .approved-requests .request-container .action-button .unsubscribe .far, #admin-panel .approved-requests .request-container .action-button .unsubscribe .fal, #admin-panel .approved-requests .request-container .action-button .cancel .icon, #admin-panel .approved-requests .request-container .action-button .cancel .fa, #admin-panel .approved-requests .request-container .action-button .cancel .fas, #admin-panel .approved-requests .request-container .action-button .cancel .far, #admin-panel .approved-requests .request-container .action-button .cancel .fal, #admin-panel .approved-requests .request-container .action-button .edit .icon, #admin-panel .approved-requests .request-container .action-button .edit .fa, #admin-panel .approved-requests .request-container .action-button .edit .fas, #admin-panel .approved-requests .request-container .action-button .edit .far, #admin-panel .approved-requests .request-container .action-button .edit .fal, #admin-panel .approved-requests .request-container .action-button .refuse .icon, #admin-panel .approved-requests .request-container .action-button .refuse .fa, #admin-panel .approved-requests .request-container .action-button .refuse .fas, #admin-panel .approved-requests .request-container .action-button .refuse .far, #admin-panel .approved-requests .request-container .action-button .refuse .fal,
#admin-panel .declined-requests .request-container .action-button .unsubscribe .icon,
#admin-panel .declined-requests .request-container .action-button .unsubscribe .fa,
#admin-panel .declined-requests .request-container .action-button .unsubscribe .fas,
#admin-panel .declined-requests .request-container .action-button .unsubscribe .far,
#admin-panel .declined-requests .request-container .action-button .unsubscribe .fal,
#admin-panel .declined-requests .request-container .action-button .cancel .icon,
#admin-panel .declined-requests .request-container .action-button .cancel .fa,
#admin-panel .declined-requests .request-container .action-button .cancel .fas,
#admin-panel .declined-requests .request-container .action-button .cancel .far,
#admin-panel .declined-requests .request-container .action-button .cancel .fal,
#admin-panel .declined-requests .request-container .action-button .edit .icon,
#admin-panel .declined-requests .request-container .action-button .edit .fa,
#admin-panel .declined-requests .request-container .action-button .edit .fas,
#admin-panel .declined-requests .request-container .action-button .edit .far,
#admin-panel .declined-requests .request-container .action-button .edit .fal,
#admin-panel .declined-requests .request-container .action-button .refuse .icon,
#admin-panel .declined-requests .request-container .action-button .refuse .fa,
#admin-panel .declined-requests .request-container .action-button .refuse .fas,
#admin-panel .declined-requests .request-container .action-button .refuse .far,
#admin-panel .declined-requests .request-container .action-button .refuse .fal,
#admin-panel .pending-requests .request-container .action-button .unsubscribe .icon,
#admin-panel .pending-requests .request-container .action-button .unsubscribe .fa,
#admin-panel .pending-requests .request-container .action-button .unsubscribe .fas,
#admin-panel .pending-requests .request-container .action-button .unsubscribe .far,
#admin-panel .pending-requests .request-container .action-button .unsubscribe .fal,
#admin-panel .pending-requests .request-container .action-button .cancel .icon,
#admin-panel .pending-requests .request-container .action-button .cancel .fa,
#admin-panel .pending-requests .request-container .action-button .cancel .fas,
#admin-panel .pending-requests .request-container .action-button .cancel .far,
#admin-panel .pending-requests .request-container .action-button .cancel .fal,
#admin-panel .pending-requests .request-container .action-button .edit .icon,
#admin-panel .pending-requests .request-container .action-button .edit .fa,
#admin-panel .pending-requests .request-container .action-button .edit .fas,
#admin-panel .pending-requests .request-container .action-button .edit .far,
#admin-panel .pending-requests .request-container .action-button .edit .fal,
#admin-panel .pending-requests .request-container .action-button .refuse .icon,
#admin-panel .pending-requests .request-container .action-button .refuse .fa,
#admin-panel .pending-requests .request-container .action-button .refuse .fas,
#admin-panel .pending-requests .request-container .action-button .refuse .far,
#admin-panel .pending-requests .request-container .action-button .refuse .fal,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe .icon,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe .fa,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe .fas,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe .far,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe .fal,
#admin-panel .enrollment-panel .request-container .action-button .cancel .icon,
#admin-panel .enrollment-panel .request-container .action-button .cancel .fa,
#admin-panel .enrollment-panel .request-container .action-button .cancel .fas,
#admin-panel .enrollment-panel .request-container .action-button .cancel .far,
#admin-panel .enrollment-panel .request-container .action-button .cancel .fal,
#admin-panel .enrollment-panel .request-container .action-button .edit .icon,
#admin-panel .enrollment-panel .request-container .action-button .edit .fa,
#admin-panel .enrollment-panel .request-container .action-button .edit .fas,
#admin-panel .enrollment-panel .request-container .action-button .edit .far,
#admin-panel .enrollment-panel .request-container .action-button .edit .fal,
#admin-panel .enrollment-panel .request-container .action-button .refuse .icon,
#admin-panel .enrollment-panel .request-container .action-button .refuse .fa,
#admin-panel .enrollment-panel .request-container .action-button .refuse .fas,
#admin-panel .enrollment-panel .request-container .action-button .refuse .far,
#admin-panel .enrollment-panel .request-container .action-button .refuse .fal {
  margin-right: 5px;
}

#admin-panel .approved-requests .request-container .action-button .unsubscribe, #admin-panel .approved-requests .request-container .action-button .unsubscribe:focus, #admin-panel .approved-requests .request-container .action-button .cancel, #admin-panel .approved-requests .request-container .action-button .cancel:focus, #admin-panel .approved-requests .request-container .action-button .edit, #admin-panel .approved-requests .request-container .action-button .edit:focus, #admin-panel .approved-requests .request-container .action-button .refuse, #admin-panel .approved-requests .request-container .action-button .refuse:focus,
#admin-panel .declined-requests .request-container .action-button .unsubscribe,
#admin-panel .declined-requests .request-container .action-button .unsubscribe:focus,
#admin-panel .declined-requests .request-container .action-button .cancel,
#admin-panel .declined-requests .request-container .action-button .cancel:focus,
#admin-panel .declined-requests .request-container .action-button .edit,
#admin-panel .declined-requests .request-container .action-button .edit:focus,
#admin-panel .declined-requests .request-container .action-button .refuse,
#admin-panel .declined-requests .request-container .action-button .refuse:focus,
#admin-panel .pending-requests .request-container .action-button .unsubscribe,
#admin-panel .pending-requests .request-container .action-button .unsubscribe:focus,
#admin-panel .pending-requests .request-container .action-button .cancel,
#admin-panel .pending-requests .request-container .action-button .cancel:focus,
#admin-panel .pending-requests .request-container .action-button .edit,
#admin-panel .pending-requests .request-container .action-button .edit:focus,
#admin-panel .pending-requests .request-container .action-button .refuse,
#admin-panel .pending-requests .request-container .action-button .refuse:focus,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe:focus,
#admin-panel .enrollment-panel .request-container .action-button .cancel,
#admin-panel .enrollment-panel .request-container .action-button .cancel:focus,
#admin-panel .enrollment-panel .request-container .action-button .edit,
#admin-panel .enrollment-panel .request-container .action-button .edit:focus,
#admin-panel .enrollment-panel .request-container .action-button .refuse,
#admin-panel .enrollment-panel .request-container .action-button .refuse:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

#admin-panel .approved-requests .request-container .action-button .unsubscribe:hover, #admin-panel .approved-requests .request-container .action-button .unsubscribe.active, #admin-panel .approved-requests .request-container .action-button .cancel:hover, #admin-panel .approved-requests .request-container .action-button .cancel.active, #admin-panel .approved-requests .request-container .action-button .edit:hover, #admin-panel .approved-requests .request-container .action-button .edit.active, #admin-panel .approved-requests .request-container .action-button .refuse:hover, #admin-panel .approved-requests .request-container .action-button .refuse.active,
#admin-panel .declined-requests .request-container .action-button .unsubscribe:hover,
#admin-panel .declined-requests .request-container .action-button .unsubscribe.active,
#admin-panel .declined-requests .request-container .action-button .cancel:hover,
#admin-panel .declined-requests .request-container .action-button .cancel.active,
#admin-panel .declined-requests .request-container .action-button .edit:hover,
#admin-panel .declined-requests .request-container .action-button .edit.active,
#admin-panel .declined-requests .request-container .action-button .refuse:hover,
#admin-panel .declined-requests .request-container .action-button .refuse.active,
#admin-panel .pending-requests .request-container .action-button .unsubscribe:hover,
#admin-panel .pending-requests .request-container .action-button .unsubscribe.active,
#admin-panel .pending-requests .request-container .action-button .cancel:hover,
#admin-panel .pending-requests .request-container .action-button .cancel.active,
#admin-panel .pending-requests .request-container .action-button .edit:hover,
#admin-panel .pending-requests .request-container .action-button .edit.active,
#admin-panel .pending-requests .request-container .action-button .refuse:hover,
#admin-panel .pending-requests .request-container .action-button .refuse.active,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe:hover,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe.active,
#admin-panel .enrollment-panel .request-container .action-button .cancel:hover,
#admin-panel .enrollment-panel .request-container .action-button .cancel.active,
#admin-panel .enrollment-panel .request-container .action-button .edit:hover,
#admin-panel .enrollment-panel .request-container .action-button .edit.active,
#admin-panel .enrollment-panel .request-container .action-button .refuse:hover,
#admin-panel .enrollment-panel .request-container .action-button .refuse.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .approved-requests .request-container .action-button .unsubscribe[disabled], #admin-panel .approved-requests .request-container .action-button .unsubscribe.disabled, #admin-panel .approved-requests .request-container .action-button .unsubscribe:disabled, #admin-panel .approved-requests .request-container .action-button .unsubscribe.is-disabled, #admin-panel .approved-requests .request-container .action-button .cancel[disabled], #admin-panel .approved-requests .request-container .action-button .cancel.disabled, #admin-panel .approved-requests .request-container .action-button .cancel:disabled, #admin-panel .approved-requests .request-container .action-button .cancel.is-disabled, #admin-panel .approved-requests .request-container .action-button .edit[disabled], #admin-panel .approved-requests .request-container .action-button .edit.disabled, #admin-panel .approved-requests .request-container .action-button .edit:disabled, #admin-panel .approved-requests .request-container .action-button .edit.is-disabled, #admin-panel .approved-requests .request-container .action-button .refuse[disabled], #admin-panel .approved-requests .request-container .action-button .refuse.disabled, #admin-panel .approved-requests .request-container .action-button .refuse:disabled, #admin-panel .approved-requests .request-container .action-button .refuse.is-disabled,
#admin-panel .declined-requests .request-container .action-button .unsubscribe[disabled],
#admin-panel .declined-requests .request-container .action-button .unsubscribe.disabled,
#admin-panel .declined-requests .request-container .action-button .unsubscribe:disabled,
#admin-panel .declined-requests .request-container .action-button .unsubscribe.is-disabled,
#admin-panel .declined-requests .request-container .action-button .cancel[disabled],
#admin-panel .declined-requests .request-container .action-button .cancel.disabled,
#admin-panel .declined-requests .request-container .action-button .cancel:disabled,
#admin-panel .declined-requests .request-container .action-button .cancel.is-disabled,
#admin-panel .declined-requests .request-container .action-button .edit[disabled],
#admin-panel .declined-requests .request-container .action-button .edit.disabled,
#admin-panel .declined-requests .request-container .action-button .edit:disabled,
#admin-panel .declined-requests .request-container .action-button .edit.is-disabled,
#admin-panel .declined-requests .request-container .action-button .refuse[disabled],
#admin-panel .declined-requests .request-container .action-button .refuse.disabled,
#admin-panel .declined-requests .request-container .action-button .refuse:disabled,
#admin-panel .declined-requests .request-container .action-button .refuse.is-disabled,
#admin-panel .pending-requests .request-container .action-button .unsubscribe[disabled],
#admin-panel .pending-requests .request-container .action-button .unsubscribe.disabled,
#admin-panel .pending-requests .request-container .action-button .unsubscribe:disabled,
#admin-panel .pending-requests .request-container .action-button .unsubscribe.is-disabled,
#admin-panel .pending-requests .request-container .action-button .cancel[disabled],
#admin-panel .pending-requests .request-container .action-button .cancel.disabled,
#admin-panel .pending-requests .request-container .action-button .cancel:disabled,
#admin-panel .pending-requests .request-container .action-button .cancel.is-disabled,
#admin-panel .pending-requests .request-container .action-button .edit[disabled],
#admin-panel .pending-requests .request-container .action-button .edit.disabled,
#admin-panel .pending-requests .request-container .action-button .edit:disabled,
#admin-panel .pending-requests .request-container .action-button .edit.is-disabled,
#admin-panel .pending-requests .request-container .action-button .refuse[disabled],
#admin-panel .pending-requests .request-container .action-button .refuse.disabled,
#admin-panel .pending-requests .request-container .action-button .refuse:disabled,
#admin-panel .pending-requests .request-container .action-button .refuse.is-disabled,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe[disabled],
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe.disabled,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe:disabled,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe.is-disabled,
#admin-panel .enrollment-panel .request-container .action-button .cancel[disabled],
#admin-panel .enrollment-panel .request-container .action-button .cancel.disabled,
#admin-panel .enrollment-panel .request-container .action-button .cancel:disabled,
#admin-panel .enrollment-panel .request-container .action-button .cancel.is-disabled,
#admin-panel .enrollment-panel .request-container .action-button .edit[disabled],
#admin-panel .enrollment-panel .request-container .action-button .edit.disabled,
#admin-panel .enrollment-panel .request-container .action-button .edit:disabled,
#admin-panel .enrollment-panel .request-container .action-button .edit.is-disabled,
#admin-panel .enrollment-panel .request-container .action-button .refuse[disabled],
#admin-panel .enrollment-panel .request-container .action-button .refuse.disabled,
#admin-panel .enrollment-panel .request-container .action-button .refuse:disabled,
#admin-panel .enrollment-panel .request-container .action-button .refuse.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

#admin-panel .approved-requests .request-container .action-button .unsubscribe[disabled]:focus, #admin-panel .approved-requests .request-container .action-button .unsubscribe.disabled:focus, #admin-panel .approved-requests .request-container .action-button .unsubscribe:disabled:focus, #admin-panel .approved-requests .request-container .action-button .unsubscribe.is-disabled:focus, #admin-panel .approved-requests .request-container .action-button .cancel[disabled]:focus, #admin-panel .approved-requests .request-container .action-button .cancel.disabled:focus, #admin-panel .approved-requests .request-container .action-button .cancel:disabled:focus, #admin-panel .approved-requests .request-container .action-button .cancel.is-disabled:focus, #admin-panel .approved-requests .request-container .action-button .edit[disabled]:focus, #admin-panel .approved-requests .request-container .action-button .edit.disabled:focus, #admin-panel .approved-requests .request-container .action-button .edit:disabled:focus, #admin-panel .approved-requests .request-container .action-button .edit.is-disabled:focus, #admin-panel .approved-requests .request-container .action-button .refuse[disabled]:focus, #admin-panel .approved-requests .request-container .action-button .refuse.disabled:focus, #admin-panel .approved-requests .request-container .action-button .refuse:disabled:focus, #admin-panel .approved-requests .request-container .action-button .refuse.is-disabled:focus,
#admin-panel .declined-requests .request-container .action-button .unsubscribe[disabled]:focus,
#admin-panel .declined-requests .request-container .action-button .unsubscribe.disabled:focus,
#admin-panel .declined-requests .request-container .action-button .unsubscribe:disabled:focus,
#admin-panel .declined-requests .request-container .action-button .unsubscribe.is-disabled:focus,
#admin-panel .declined-requests .request-container .action-button .cancel[disabled]:focus,
#admin-panel .declined-requests .request-container .action-button .cancel.disabled:focus,
#admin-panel .declined-requests .request-container .action-button .cancel:disabled:focus,
#admin-panel .declined-requests .request-container .action-button .cancel.is-disabled:focus,
#admin-panel .declined-requests .request-container .action-button .edit[disabled]:focus,
#admin-panel .declined-requests .request-container .action-button .edit.disabled:focus,
#admin-panel .declined-requests .request-container .action-button .edit:disabled:focus,
#admin-panel .declined-requests .request-container .action-button .edit.is-disabled:focus,
#admin-panel .declined-requests .request-container .action-button .refuse[disabled]:focus,
#admin-panel .declined-requests .request-container .action-button .refuse.disabled:focus,
#admin-panel .declined-requests .request-container .action-button .refuse:disabled:focus,
#admin-panel .declined-requests .request-container .action-button .refuse.is-disabled:focus,
#admin-panel .pending-requests .request-container .action-button .unsubscribe[disabled]:focus,
#admin-panel .pending-requests .request-container .action-button .unsubscribe.disabled:focus,
#admin-panel .pending-requests .request-container .action-button .unsubscribe:disabled:focus,
#admin-panel .pending-requests .request-container .action-button .unsubscribe.is-disabled:focus,
#admin-panel .pending-requests .request-container .action-button .cancel[disabled]:focus,
#admin-panel .pending-requests .request-container .action-button .cancel.disabled:focus,
#admin-panel .pending-requests .request-container .action-button .cancel:disabled:focus,
#admin-panel .pending-requests .request-container .action-button .cancel.is-disabled:focus,
#admin-panel .pending-requests .request-container .action-button .edit[disabled]:focus,
#admin-panel .pending-requests .request-container .action-button .edit.disabled:focus,
#admin-panel .pending-requests .request-container .action-button .edit:disabled:focus,
#admin-panel .pending-requests .request-container .action-button .edit.is-disabled:focus,
#admin-panel .pending-requests .request-container .action-button .refuse[disabled]:focus,
#admin-panel .pending-requests .request-container .action-button .refuse.disabled:focus,
#admin-panel .pending-requests .request-container .action-button .refuse:disabled:focus,
#admin-panel .pending-requests .request-container .action-button .refuse.is-disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe[disabled]:focus,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe.disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe:disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .unsubscribe.is-disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .cancel[disabled]:focus,
#admin-panel .enrollment-panel .request-container .action-button .cancel.disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .cancel:disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .cancel.is-disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .edit[disabled]:focus,
#admin-panel .enrollment-panel .request-container .action-button .edit.disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .edit:disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .edit.is-disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .refuse[disabled]:focus,
#admin-panel .enrollment-panel .request-container .action-button .refuse.disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .refuse:disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .refuse.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

#admin-panel .approved-requests .request-container .action-button .edit,
#admin-panel .declined-requests .request-container .action-button .edit,
#admin-panel .pending-requests .request-container .action-button .edit,
#admin-panel .enrollment-panel .request-container .action-button .edit {
  background-color: #ffffff !important;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2) !important;
  padding-left: 15px;
}

#admin-panel .approved-requests .request-container .action-button .edit i,
#admin-panel .declined-requests .request-container .action-button .edit i,
#admin-panel .pending-requests .request-container .action-button .edit i,
#admin-panel .enrollment-panel .request-container .action-button .edit i {
  line-height: 25px;
  margin-right: 0 !important;
  color: #383837;
}

#admin-panel .approved-requests .request-container .action-button .save,
#admin-panel .declined-requests .request-container .action-button .save,
#admin-panel .pending-requests .request-container .action-button .save,
#admin-panel .enrollment-panel .request-container .action-button .save {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .approved-requests .request-container .action-button .save:hover, #admin-panel .approved-requests .request-container .action-button .save.active,
#admin-panel .declined-requests .request-container .action-button .save:hover,
#admin-panel .declined-requests .request-container .action-button .save.active,
#admin-panel .pending-requests .request-container .action-button .save:hover,
#admin-panel .pending-requests .request-container .action-button .save.active,
#admin-panel .enrollment-panel .request-container .action-button .save:hover,
#admin-panel .enrollment-panel .request-container .action-button .save.active {
  text-decoration: none;
}

#admin-panel .approved-requests .request-container .action-button .save .icon, #admin-panel .approved-requests .request-container .action-button .save .fa, #admin-panel .approved-requests .request-container .action-button .save .fas, #admin-panel .approved-requests .request-container .action-button .save .far, #admin-panel .approved-requests .request-container .action-button .save .fal,
#admin-panel .declined-requests .request-container .action-button .save .icon,
#admin-panel .declined-requests .request-container .action-button .save .fa,
#admin-panel .declined-requests .request-container .action-button .save .fas,
#admin-panel .declined-requests .request-container .action-button .save .far,
#admin-panel .declined-requests .request-container .action-button .save .fal,
#admin-panel .pending-requests .request-container .action-button .save .icon,
#admin-panel .pending-requests .request-container .action-button .save .fa,
#admin-panel .pending-requests .request-container .action-button .save .fas,
#admin-panel .pending-requests .request-container .action-button .save .far,
#admin-panel .pending-requests .request-container .action-button .save .fal,
#admin-panel .enrollment-panel .request-container .action-button .save .icon,
#admin-panel .enrollment-panel .request-container .action-button .save .fa,
#admin-panel .enrollment-panel .request-container .action-button .save .fas,
#admin-panel .enrollment-panel .request-container .action-button .save .far,
#admin-panel .enrollment-panel .request-container .action-button .save .fal {
  margin-right: 5px;
}

#admin-panel .approved-requests .request-container .action-button .save:hover, #admin-panel .approved-requests .request-container .action-button .save.active,
#admin-panel .declined-requests .request-container .action-button .save:hover,
#admin-panel .declined-requests .request-container .action-button .save.active,
#admin-panel .pending-requests .request-container .action-button .save:hover,
#admin-panel .pending-requests .request-container .action-button .save.active,
#admin-panel .enrollment-panel .request-container .action-button .save:hover,
#admin-panel .enrollment-panel .request-container .action-button .save.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .approved-requests .request-container .action-button .save:focus,
#admin-panel .declined-requests .request-container .action-button .save:focus,
#admin-panel .pending-requests .request-container .action-button .save:focus,
#admin-panel .enrollment-panel .request-container .action-button .save:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#admin-panel .approved-requests .request-container .action-button .save[disabled], #admin-panel .approved-requests .request-container .action-button .save.disabled, #admin-panel .approved-requests .request-container .action-button .save:disabled, #admin-panel .approved-requests .request-container .action-button .save.is-disabled,
#admin-panel .declined-requests .request-container .action-button .save[disabled],
#admin-panel .declined-requests .request-container .action-button .save.disabled,
#admin-panel .declined-requests .request-container .action-button .save:disabled,
#admin-panel .declined-requests .request-container .action-button .save.is-disabled,
#admin-panel .pending-requests .request-container .action-button .save[disabled],
#admin-panel .pending-requests .request-container .action-button .save.disabled,
#admin-panel .pending-requests .request-container .action-button .save:disabled,
#admin-panel .pending-requests .request-container .action-button .save.is-disabled,
#admin-panel .enrollment-panel .request-container .action-button .save[disabled],
#admin-panel .enrollment-panel .request-container .action-button .save.disabled,
#admin-panel .enrollment-panel .request-container .action-button .save:disabled,
#admin-panel .enrollment-panel .request-container .action-button .save.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#admin-panel .approved-requests .request-container .action-button .approve,
#admin-panel .declined-requests .request-container .action-button .approve,
#admin-panel .pending-requests .request-container .action-button .approve,
#admin-panel .enrollment-panel .request-container .action-button .approve {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #23ab41;
}

#admin-panel .approved-requests .request-container .action-button .approve:hover, #admin-panel .approved-requests .request-container .action-button .approve.active,
#admin-panel .declined-requests .request-container .action-button .approve:hover,
#admin-panel .declined-requests .request-container .action-button .approve.active,
#admin-panel .pending-requests .request-container .action-button .approve:hover,
#admin-panel .pending-requests .request-container .action-button .approve.active,
#admin-panel .enrollment-panel .request-container .action-button .approve:hover,
#admin-panel .enrollment-panel .request-container .action-button .approve.active {
  text-decoration: none;
}

#admin-panel .approved-requests .request-container .action-button .approve .icon, #admin-panel .approved-requests .request-container .action-button .approve .fa, #admin-panel .approved-requests .request-container .action-button .approve .fas, #admin-panel .approved-requests .request-container .action-button .approve .far, #admin-panel .approved-requests .request-container .action-button .approve .fal,
#admin-panel .declined-requests .request-container .action-button .approve .icon,
#admin-panel .declined-requests .request-container .action-button .approve .fa,
#admin-panel .declined-requests .request-container .action-button .approve .fas,
#admin-panel .declined-requests .request-container .action-button .approve .far,
#admin-panel .declined-requests .request-container .action-button .approve .fal,
#admin-panel .pending-requests .request-container .action-button .approve .icon,
#admin-panel .pending-requests .request-container .action-button .approve .fa,
#admin-panel .pending-requests .request-container .action-button .approve .fas,
#admin-panel .pending-requests .request-container .action-button .approve .far,
#admin-panel .pending-requests .request-container .action-button .approve .fal,
#admin-panel .enrollment-panel .request-container .action-button .approve .icon,
#admin-panel .enrollment-panel .request-container .action-button .approve .fa,
#admin-panel .enrollment-panel .request-container .action-button .approve .fas,
#admin-panel .enrollment-panel .request-container .action-button .approve .far,
#admin-panel .enrollment-panel .request-container .action-button .approve .fal {
  margin-right: 5px;
}

#admin-panel .approved-requests .request-container .action-button .approve:hover, #admin-panel .approved-requests .request-container .action-button .approve.active,
#admin-panel .declined-requests .request-container .action-button .approve:hover,
#admin-panel .declined-requests .request-container .action-button .approve.active,
#admin-panel .pending-requests .request-container .action-button .approve:hover,
#admin-panel .pending-requests .request-container .action-button .approve.active,
#admin-panel .enrollment-panel .request-container .action-button .approve:hover,
#admin-panel .enrollment-panel .request-container .action-button .approve.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .approved-requests .request-container .action-button .approve[disabled], #admin-panel .approved-requests .request-container .action-button .approve.disabled, #admin-panel .approved-requests .request-container .action-button .approve:disabled, #admin-panel .approved-requests .request-container .action-button .approve.is-disabled,
#admin-panel .declined-requests .request-container .action-button .approve[disabled],
#admin-panel .declined-requests .request-container .action-button .approve.disabled,
#admin-panel .declined-requests .request-container .action-button .approve:disabled,
#admin-panel .declined-requests .request-container .action-button .approve.is-disabled,
#admin-panel .pending-requests .request-container .action-button .approve[disabled],
#admin-panel .pending-requests .request-container .action-button .approve.disabled,
#admin-panel .pending-requests .request-container .action-button .approve:disabled,
#admin-panel .pending-requests .request-container .action-button .approve.is-disabled,
#admin-panel .enrollment-panel .request-container .action-button .approve[disabled],
#admin-panel .enrollment-panel .request-container .action-button .approve.disabled,
#admin-panel .enrollment-panel .request-container .action-button .approve:disabled,
#admin-panel .enrollment-panel .request-container .action-button .approve.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

#admin-panel .approved-requests .request-container .action-button .approve[disabled]:focus, #admin-panel .approved-requests .request-container .action-button .approve.disabled:focus, #admin-panel .approved-requests .request-container .action-button .approve:disabled:focus, #admin-panel .approved-requests .request-container .action-button .approve.is-disabled:focus,
#admin-panel .declined-requests .request-container .action-button .approve[disabled]:focus,
#admin-panel .declined-requests .request-container .action-button .approve.disabled:focus,
#admin-panel .declined-requests .request-container .action-button .approve:disabled:focus,
#admin-panel .declined-requests .request-container .action-button .approve.is-disabled:focus,
#admin-panel .pending-requests .request-container .action-button .approve[disabled]:focus,
#admin-panel .pending-requests .request-container .action-button .approve.disabled:focus,
#admin-panel .pending-requests .request-container .action-button .approve:disabled:focus,
#admin-panel .pending-requests .request-container .action-button .approve.is-disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .approve[disabled]:focus,
#admin-panel .enrollment-panel .request-container .action-button .approve.disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .approve:disabled:focus,
#admin-panel .enrollment-panel .request-container .action-button .approve.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

#admin-panel .approved-requests .search-container,
#admin-panel .declined-requests .search-container,
#admin-panel .pending-requests .search-container,
#admin-panel .enrollment-panel .search-container {
  margin-bottom: 10px;
  position: relative;
}

#admin-panel .approved-requests .search-container .search-part,
#admin-panel .declined-requests .search-container .search-part,
#admin-panel .pending-requests .search-container .search-part,
#admin-panel .enrollment-panel .search-container .search-part {
  padding-right: 10px;
  width: calc(100% - 45px);
}

#admin-panel .approved-requests .search-container .search-part input,
#admin-panel .declined-requests .search-container .search-part input,
#admin-panel .pending-requests .search-container .search-part input,
#admin-panel .enrollment-panel .search-container .search-part input {
  width: 48%;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font: inherit;
  border-radius: 8px;
  margin-right: 10px;
}

#admin-panel .approved-requests .search-container .search-part input::placeholder,
#admin-panel .declined-requests .search-container .search-part input::placeholder,
#admin-panel .pending-requests .search-container .search-part input::placeholder,
#admin-panel .enrollment-panel .search-container .search-part input::placeholder {
  color: #8b8bb8;
  font-size: 16px;
  letter-spacing: 0;
  font-style: normal;
  -webkit-font-smoothing: subpixel-antialiased;
}

#admin-panel .approved-requests .search-container .search-part #id_select_module + .select2,
#admin-panel .approved-requests .search-container .search-part #id_select_start + .select2,
#admin-panel .approved-requests .search-container .search-part #id_enrollment_select_course + .select2,
#admin-panel .approved-requests .search-container .search-part #id_enrollment_select_module + .select2,
#admin-panel .declined-requests .search-container .search-part #id_select_module + .select2,
#admin-panel .declined-requests .search-container .search-part #id_select_start + .select2,
#admin-panel .declined-requests .search-container .search-part #id_enrollment_select_course + .select2,
#admin-panel .declined-requests .search-container .search-part #id_enrollment_select_module + .select2,
#admin-panel .pending-requests .search-container .search-part #id_select_module + .select2,
#admin-panel .pending-requests .search-container .search-part #id_select_start + .select2,
#admin-panel .pending-requests .search-container .search-part #id_enrollment_select_course + .select2,
#admin-panel .pending-requests .search-container .search-part #id_enrollment_select_module + .select2,
#admin-panel .enrollment-panel .search-container .search-part #id_select_module + .select2,
#admin-panel .enrollment-panel .search-container .search-part #id_select_start + .select2,
#admin-panel .enrollment-panel .search-container .search-part #id_enrollment_select_course + .select2,
#admin-panel .enrollment-panel .search-container .search-part #id_enrollment_select_module + .select2 {
  width: auto !important;
  margin-right: 10px;
}

#admin-panel .approved-requests .search-container .search-part .select2 .select2-container--default .select2-selection--single,
#admin-panel .declined-requests .search-container .search-part .select2 .select2-container--default .select2-selection--single,
#admin-panel .pending-requests .search-container .search-part .select2 .select2-container--default .select2-selection--single,
#admin-panel .enrollment-panel .search-container .search-part .select2 .select2-container--default .select2-selection--single {
  border: none;
}

#admin-panel .approved-requests .search-container .search-part .select2-selection,
#admin-panel .approved-requests .search-container .search-part .select2-selection__rendered,
#admin-panel .approved-requests .search-container .search-part .select2-selection__arrow,
#admin-panel .declined-requests .search-container .search-part .select2-selection,
#admin-panel .declined-requests .search-container .search-part .select2-selection__rendered,
#admin-panel .declined-requests .search-container .search-part .select2-selection__arrow,
#admin-panel .pending-requests .search-container .search-part .select2-selection,
#admin-panel .pending-requests .search-container .search-part .select2-selection__rendered,
#admin-panel .pending-requests .search-container .search-part .select2-selection__arrow,
#admin-panel .enrollment-panel .search-container .search-part .select2-selection,
#admin-panel .enrollment-panel .search-container .search-part .select2-selection__rendered,
#admin-panel .enrollment-panel .search-container .search-part .select2-selection__arrow {
  height: 35px;
  line-height: 35px;
}

#admin-panel .approved-requests .search-container .search-part .select2-selection,
#admin-panel .declined-requests .search-container .search-part .select2-selection,
#admin-panel .pending-requests .search-container .search-part .select2-selection,
#admin-panel .enrollment-panel .search-container .search-part .select2-selection {
  border-color: #d7d7e4;
  border-radius: 8px;
  outline: none;
  border: none;
  min-width: 180px;
}

#admin-panel .approved-requests .search-container .reset-button,
#admin-panel .declined-requests .search-container .reset-button,
#admin-panel .pending-requests .search-container .reset-button,
#admin-panel .enrollment-panel .search-container .reset-button {
  position: absolute;
  top: 0;
  right: 0;
}

#admin-panel .approved-requests .search-container .reset-button .reset,
#admin-panel .declined-requests .search-container .reset-button .reset,
#admin-panel .pending-requests .search-container .reset-button .reset,
#admin-panel .enrollment-panel .search-container .reset-button .reset {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff !important;
  height: 35px;
}

#admin-panel .approved-requests .search-container .reset-button .reset:hover, #admin-panel .approved-requests .search-container .reset-button .reset.active,
#admin-panel .declined-requests .search-container .reset-button .reset:hover,
#admin-panel .declined-requests .search-container .reset-button .reset.active,
#admin-panel .pending-requests .search-container .reset-button .reset:hover,
#admin-panel .pending-requests .search-container .reset-button .reset.active,
#admin-panel .enrollment-panel .search-container .reset-button .reset:hover,
#admin-panel .enrollment-panel .search-container .reset-button .reset.active {
  text-decoration: none;
}

#admin-panel .approved-requests .search-container .reset-button .reset .icon, #admin-panel .approved-requests .search-container .reset-button .reset .fa, #admin-panel .approved-requests .search-container .reset-button .reset .fas, #admin-panel .approved-requests .search-container .reset-button .reset .far, #admin-panel .approved-requests .search-container .reset-button .reset .fal,
#admin-panel .declined-requests .search-container .reset-button .reset .icon,
#admin-panel .declined-requests .search-container .reset-button .reset .fa,
#admin-panel .declined-requests .search-container .reset-button .reset .fas,
#admin-panel .declined-requests .search-container .reset-button .reset .far,
#admin-panel .declined-requests .search-container .reset-button .reset .fal,
#admin-panel .pending-requests .search-container .reset-button .reset .icon,
#admin-panel .pending-requests .search-container .reset-button .reset .fa,
#admin-panel .pending-requests .search-container .reset-button .reset .fas,
#admin-panel .pending-requests .search-container .reset-button .reset .far,
#admin-panel .pending-requests .search-container .reset-button .reset .fal,
#admin-panel .enrollment-panel .search-container .reset-button .reset .icon,
#admin-panel .enrollment-panel .search-container .reset-button .reset .fa,
#admin-panel .enrollment-panel .search-container .reset-button .reset .fas,
#admin-panel .enrollment-panel .search-container .reset-button .reset .far,
#admin-panel .enrollment-panel .search-container .reset-button .reset .fal {
  margin-right: 5px;
}

#admin-panel .approved-requests .search-container .reset-button .reset, #admin-panel .approved-requests .search-container .reset-button .reset:focus,
#admin-panel .declined-requests .search-container .reset-button .reset,
#admin-panel .declined-requests .search-container .reset-button .reset:focus,
#admin-panel .pending-requests .search-container .reset-button .reset,
#admin-panel .pending-requests .search-container .reset-button .reset:focus,
#admin-panel .enrollment-panel .search-container .reset-button .reset,
#admin-panel .enrollment-panel .search-container .reset-button .reset:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

#admin-panel .approved-requests .search-container .reset-button .reset:hover, #admin-panel .approved-requests .search-container .reset-button .reset.active,
#admin-panel .declined-requests .search-container .reset-button .reset:hover,
#admin-panel .declined-requests .search-container .reset-button .reset.active,
#admin-panel .pending-requests .search-container .reset-button .reset:hover,
#admin-panel .pending-requests .search-container .reset-button .reset.active,
#admin-panel .enrollment-panel .search-container .reset-button .reset:hover,
#admin-panel .enrollment-panel .search-container .reset-button .reset.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .approved-requests .search-container .reset-button .reset[disabled], #admin-panel .approved-requests .search-container .reset-button .reset.disabled, #admin-panel .approved-requests .search-container .reset-button .reset:disabled, #admin-panel .approved-requests .search-container .reset-button .reset.is-disabled,
#admin-panel .declined-requests .search-container .reset-button .reset[disabled],
#admin-panel .declined-requests .search-container .reset-button .reset.disabled,
#admin-panel .declined-requests .search-container .reset-button .reset:disabled,
#admin-panel .declined-requests .search-container .reset-button .reset.is-disabled,
#admin-panel .pending-requests .search-container .reset-button .reset[disabled],
#admin-panel .pending-requests .search-container .reset-button .reset.disabled,
#admin-panel .pending-requests .search-container .reset-button .reset:disabled,
#admin-panel .pending-requests .search-container .reset-button .reset.is-disabled,
#admin-panel .enrollment-panel .search-container .reset-button .reset[disabled],
#admin-panel .enrollment-panel .search-container .reset-button .reset.disabled,
#admin-panel .enrollment-panel .search-container .reset-button .reset:disabled,
#admin-panel .enrollment-panel .search-container .reset-button .reset.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

#admin-panel .approved-requests .search-container .reset-button .reset[disabled]:focus, #admin-panel .approved-requests .search-container .reset-button .reset.disabled:focus, #admin-panel .approved-requests .search-container .reset-button .reset:disabled:focus, #admin-panel .approved-requests .search-container .reset-button .reset.is-disabled:focus,
#admin-panel .declined-requests .search-container .reset-button .reset[disabled]:focus,
#admin-panel .declined-requests .search-container .reset-button .reset.disabled:focus,
#admin-panel .declined-requests .search-container .reset-button .reset:disabled:focus,
#admin-panel .declined-requests .search-container .reset-button .reset.is-disabled:focus,
#admin-panel .pending-requests .search-container .reset-button .reset[disabled]:focus,
#admin-panel .pending-requests .search-container .reset-button .reset.disabled:focus,
#admin-panel .pending-requests .search-container .reset-button .reset:disabled:focus,
#admin-panel .pending-requests .search-container .reset-button .reset.is-disabled:focus,
#admin-panel .enrollment-panel .search-container .reset-button .reset[disabled]:focus,
#admin-panel .enrollment-panel .search-container .reset-button .reset.disabled:focus,
#admin-panel .enrollment-panel .search-container .reset-button .reset:disabled:focus,
#admin-panel .enrollment-panel .search-container .reset-button .reset.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

#admin-panel .approved-requests .search-container .reset-button .reset i,
#admin-panel .declined-requests .search-container .reset-button .reset i,
#admin-panel .pending-requests .search-container .reset-button .reset i,
#admin-panel .enrollment-panel .search-container .reset-button .reset i {
  line-height: 25px;
  margin-right: 0 !important;
  margin-left: 0 !important;
  color: #383837;
}

#admin-panel .approved-requests .request-container, #admin-panel .declined-requests .request-container {
  position: relative;
}

#admin-panel .approved-requests .request-status, #admin-panel .declined-requests .request-status {
  position: absolute;
  right: 20px;
  top: 30px;
  min-width: 120px;
  text-transform: uppercase;
}

#admin-panel .approved-requests .request-status .action-button, #admin-panel .declined-requests .request-status .action-button {
  margin-top: 40px;
}

#admin-panel .approved-requests .request-status .approved, #admin-panel .declined-requests .request-status .approved {
  position: absolute;
  right: 0;
  color: #23ab41;
}

#admin-panel .approved-requests .request-status .declined, #admin-panel .declined-requests .request-status .declined {
  color: #f22f31;
}

#admin-panel .approved-requests .request-status i, #admin-panel .declined-requests .request-status i {
  padding-left: 10px;
}

#admin-panel .approved-requests .request-status .fa-edit, #admin-panel .declined-requests .request-status .fa-edit {
  padding-left: 0;
}

#admin-panel .enrollment-panel .enrollment-search-result {
  margin-top: 50px;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session-header .session-title {
  font-weight: bold;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session-header .session-seats {
  padding: 0 10px;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .session-title, #admin-panel .enrollment-panel .enrollment-search-result .session-container .session .session-seats, #admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session {
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #cecece;
  border-radius: 8px;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .session-seats {
  width: 20px;
  height: 20px;
  text-align: center;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .session-title {
  display: flex;
  justify-content: space-between;
  margin-right: 10px;
  width: 100%;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expired-session {
  background-color: #cecece;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session {
  margin-right: 10px;
  width: 100%;
  border-radius: 25px;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .expanded-session-title {
  display: flex;
  justify-content: space-between;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment {
  font-size: 14px;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  margin: 50px 100px;
  padding: 20px 50px;
  border-radius: 8px;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll {
  display: flex;
  justify-content: end;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button:hover, #admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button.active {
  text-decoration: none;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button .icon, #admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button .fa, #admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button .fas, #admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button .far, #admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button .fal {
  margin-right: 5px;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button:hover, #admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button[disabled], #admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button.disabled, #admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button:disabled, #admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .enroll button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list .identifier-checkbox {
  display: inline-block;
  width: 33%;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment .name-checkbox-list label {
  font-style: normal;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment h3 {
  font-weight: bold;
  margin-bottom: 10px;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .bulk-enrollment p {
  margin-bottom: 20px;
}

#admin-panel .enrollment-panel .enrollment-search-result .session-container .session .expanded-session .fold-session {
  text-align: center;
  font-size: 25px;
}

.select2-dropdown {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  width: auto;
}

.select2-dropdown:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

.select2-container--open .select2-dropdown--below {
  width: auto !important;
  min-width: 180px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  outline: none;
  border: 1px solid #f4f4f4;
}

.select2-search--dropdown {
  border: none;
  font-size: 14px;
}

.select2-results__option {
  height: 35px;
  line-height: 35px;
  padding: 0 10px 0 20px;
  color: #09092d;
  white-space: nowrap;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: transparent;
}

.select2-container--default .select2-results__message {
  font-size: 14px;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  height: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: transparent;
  color: #4c4c4c;
}

.modal, .leanModal_box {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
}

.modal:hover, .leanModal_box:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

.modal .close-button-wrapper, .leanModal_box .close-button-wrapper {
  text-align: right;
}

.modal .close-button-wrapper i, .leanModal_box .close-button-wrapper i {
  font-size: 18px;
  cursor: pointer;
  margin-right: 6px;
}

.modal .inner-wrapper, .leanModal_box .inner-wrapper {
  border: 0;
  display: flex;
  flex-direction: column;
  height: calc(100% - 22px);
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  justify-content: center;
}

.modal .inner-wrapper header, .leanModal_box .inner-wrapper header {
  text-align: center;
  padding-top: 0;
}

.modal .inner-wrapper header::before, .leanModal_box .inner-wrapper header::before {
  content: none;
}

.modal .inner-wrapper header .icon-wrapper, .leanModal_box .inner-wrapper header .icon-wrapper {
  text-align: center;
}

.modal .inner-wrapper header .icon-wrapper i, .leanModal_box .inner-wrapper header .icon-wrapper i {
  color: #5959eb;
  font-size: 34px;
}

.modal .inner-wrapper header h2, .leanModal_box .inner-wrapper header h2 {
  color: #09092d;
}

.modal .inner-wrapper form, .leanModal_box .inner-wrapper form {
  margin-top: 30px;
}

.modal .inner-wrapper form label, .leanModal_box .inner-wrapper form label {
  font-size: 14px;
}

.modal .inner-wrapper form input[type="text"], .leanModal_box .inner-wrapper form input[type="text"] {
  border-radius: 8px;
}

.modal .inner-wrapper form .submit, .leanModal_box .inner-wrapper form .submit {
  text-align: center;
}

.modal .inner-wrapper form .submit button[name="submit"], .leanModal_box .inner-wrapper form .submit button[name="submit"] {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-weight: 600;
}

.modal .inner-wrapper form .submit button[name="submit"]:hover, .leanModal_box .inner-wrapper form .submit button[name="submit"]:hover, .modal .inner-wrapper form .submit button[name="submit"].active, .leanModal_box .inner-wrapper form .submit button[name="submit"].active {
  text-decoration: none;
}

.modal .inner-wrapper form .submit button[name="submit"] .icon, .leanModal_box .inner-wrapper form .submit button[name="submit"] .icon, .modal .inner-wrapper form .submit button[name="submit"] .fa, .leanModal_box .inner-wrapper form .submit button[name="submit"] .fa, .modal .inner-wrapper form .submit button[name="submit"] .fas, .leanModal_box .inner-wrapper form .submit button[name="submit"] .fas, .modal .inner-wrapper form .submit button[name="submit"] .far, .leanModal_box .inner-wrapper form .submit button[name="submit"] .far, .modal .inner-wrapper form .submit button[name="submit"] .fal, .leanModal_box .inner-wrapper form .submit button[name="submit"] .fal {
  margin-right: 5px;
}

.modal .inner-wrapper form .submit button[name="submit"]:hover, .leanModal_box .inner-wrapper form .submit button[name="submit"]:hover, .modal .inner-wrapper form .submit button[name="submit"].active, .leanModal_box .inner-wrapper form .submit button[name="submit"].active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.modal .inner-wrapper form .submit button[name="submit"]:focus, .leanModal_box .inner-wrapper form .submit button[name="submit"]:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.modal .inner-wrapper form .submit button[name="submit"][disabled], .leanModal_box .inner-wrapper form .submit button[name="submit"][disabled], .modal .inner-wrapper form .submit button[name="submit"].disabled, .leanModal_box .inner-wrapper form .submit button[name="submit"].disabled, .modal .inner-wrapper form .submit button[name="submit"]:disabled, .leanModal_box .inner-wrapper form .submit button[name="submit"]:disabled, .modal .inner-wrapper form .submit button[name="submit"].is-disabled, .leanModal_box .inner-wrapper form .submit button[name="submit"].is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.modal .inner-wrapper div.staff_info, .leanModal_box .inner-wrapper div.staff_info {
  background-color: #f3f3f7;
  font-size: 12px;
  padding: 10px;
  flex: 1;
  overflow-y: auto;
  margin-top: 0;
}

.history-modal header h2, .history-modal header h3 {
  font-size: 18px !important;
  font-weight: 600 !important;
}

.staff-modal header {
  margin-bottom: 0;
  padding-bottom: 0;
}

.staff-modal header h2, .staff-modal header h3 {
  font-size: 18px !important;
  font-weight: 600 !important;
}

.staff-modal header + hr {
  width: 12px;
  border-top: 2px solid #4c4c4c;
  margin: 5px auto 0;
}

.staff-modal .staff_actions {
  width: 350px;
  margin: 0 auto;
  margin-top: 5px;
  padding-bottom: 10px;
}

.staff-modal .staff_actions h3 {
  text-align: center;
  font-size: 16px;
}

.staff-modal .staff_actions h3 + div {
  margin-top: 20px;
}

.staff-modal .staff_actions h3 + div input[type=text] {
  width: 100%;
  height: 45px;
}

.staff-modal .staff_actions h3 + div, .staff-modal .staff_actions h3 + div + div {
  display: block;
  align-items: center;
}

.staff-modal .staff_actions h3 + div label, .staff-modal .staff_actions h3 + div + div label {
  font-size: 14px;
  margin-bottom: 0;
}

.staff-modal .staff_actions h3 + div label:first-child, .staff-modal .staff_actions h3 + div + div label:first-child {
  display: block;
  width: auto;
  text-align: left;
}

.staff-modal .staff_actions h3 + div label:last-child, .staff-modal .staff_actions h3 + div + div label:last-child {
  margin-left: 5px;
  line-height: 45px;
}

.staff-modal .staff_actions h3 + div input[type=text], .staff-modal .staff_actions h3 + div + div input[type=text] {
  margin-left: 0;
  border-radius: 4px;
  height: 45px;
}

.staff-modal .staff_actions h3 + div + div {
  margin-top: 10px;
}

.staff-modal .staff_actions h3 + div + div input {
  width: 80px;
}

.staff-modal .staff_actions h3 + div + div + div {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.staff-modal .staff_actions h3 + div + div + div button {
  min-width: 300px;
  justify-content: center;
}

.staff-modal .staff_actions .btn-link {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  margin: 0 5px 5px 0;
  font-weight: 600;
}

.staff-modal .staff_actions .btn-link:hover, .staff-modal .staff_actions .btn-link.active {
  text-decoration: none;
}

.staff-modal .staff_actions .btn-link .icon, .staff-modal .staff_actions .btn-link .fa, .staff-modal .staff_actions .btn-link .fas, .staff-modal .staff_actions .btn-link .far, .staff-modal .staff_actions .btn-link .fal {
  margin-right: 5px;
}

.staff-modal .staff_actions .btn-link:hover, .staff-modal .staff_actions .btn-link.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.staff-modal .staff_actions .btn-link:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.staff-modal .staff_actions .btn-link[disabled], .staff-modal .staff_actions .btn-link.disabled, .staff-modal .staff_actions .btn-link:disabled, .staff-modal .staff_actions .btn-link.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.staff-modal .staff_actions .btn-link:hover, .staff-modal .staff_actions .btn-link:focus {
  text-decoration: none !important;
}

.staff-modal .staff_actions div[id^=result_] .success, .staff-modal .staff_actions div[id^=result_] .error {
  margin-bottom: 0;
  height: 50px;
  display: flex;
  align-items: center;
  margin-top: 27px;
}

.staff-modal .staff_actions div[id^=result_] .success:before, .staff-modal .staff_actions div[id^=result_] .error:before {
  content: '';
  width: 3px;
  height: 100%;
}

.staff-modal .staff_actions div[id^=result_] .success i, .staff-modal .staff_actions div[id^=result_] .error i {
  margin-left: 20px;
  font-size: 17px;
}

.staff-modal .staff_actions div[id^=result_] .success span, .staff-modal .staff_actions div[id^=result_] .error span {
  color: black;
  font-size: 12px;
  margin-left: 20px;
  padding-right: 20px;
}

.staff-modal .staff_actions div[id^=result_] .error {
  background-color: #ffdede;
}

.staff-modal .staff_actions div[id^=result_] .error i {
  color: #aa0608;
}

.staff-modal .staff_actions div[id^=result_] .error:before {
  border-left: 3px solid #aa0608;
}

.staff-modal .staff_actions div[id^=result_] .success {
  background-color: #d7ffe0;
}

.staff-modal .staff_actions div[id^=result_] .success i {
  color: #007018;
  font-weight: 400;
}

.staff-modal .staff_actions div[id^=result_] .success:before {
  border-left: 3px solid #007018;
}

.staff-modal .inner-wrapper div.staff_info {
  display: none !important;
}

.pdf_block h2 {
  position: relative;
  padding-left: 45px;
  font-weight: 400;
  margin-bottom: 6px;
}

.pdf_block h2:before {
  position: absolute;
  margin-left: -25px;
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 7 Pro";
}

.pdf_block .settings-list .field .setting-help span {
  padding-right: 6px;
}

.pdf_block ul {
  padding-top: 15px;
  margin: 0;
}

.pdf_block ul .pdf-download-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  margin-right: 10px;
}

.pdf_block ul .pdf-download-button:hover, .pdf_block ul .pdf-download-button.active {
  text-decoration: none;
}

.pdf_block ul .pdf-download-button .icon, .pdf_block ul .pdf-download-button .fa, .pdf_block ul .pdf-download-button .fas, .pdf_block ul .pdf-download-button .far, .pdf_block ul .pdf-download-button .fal {
  margin-right: 5px;
}

.pdf_block ul .pdf-download-button, .pdf_block ul .pdf-download-button:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

.pdf_block ul .pdf-download-button:hover, .pdf_block ul .pdf-download-button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.pdf_block ul .pdf-download-button[disabled], .pdf_block ul .pdf-download-button.disabled, .pdf_block ul .pdf-download-button:disabled, .pdf_block ul .pdf-download-button.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

.pdf_block ul .pdf-download-button[disabled]:focus, .pdf_block ul .pdf-download-button.disabled:focus, .pdf_block ul .pdf-download-button:disabled:focus, .pdf_block ul .pdf-download-button.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

.pdf_block ul .pdf-download-button a {
  position: relative;
  padding-left: 25px;
  font-weight: 400;
  color: inherit;
}

.pdf_block ul .pdf-download-button a:before {
  position: absolute;
  margin-left: -25px;
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 7 Pro";
}

.pdf_block ul .pdf-download-button a:before {
  margin-left: -18px;
}

.pdf_block ul .pdf-download-button a:hover {
  color: #09092d;
  text-shadow: none;
}

.pdf_block .pdf-h5-container, .pdf_block .pdf-embed-container {
  display: none;
}

.pdf_block .h5 .pdf-h5-container {
  display: block;
}

.pdf_block .embed .pdf-embed-container {
  display: block;
}

#leader-board .headline-lists .lists .rank table, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table {
  width: 100%;
  border-collapse: separate;
}

#leader-board .headline-lists .lists .rank table thead tr th:last-child, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table thead tr th:last-child,
#leader-board .headline-lists .lists .rank table tbody tr td:last-child,
.dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td:last-child {
  text-align: right;
}

#leader-board .headline-lists .lists .rank table thead tr th, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table thead tr th {
  color: #09092d;
  font-size: 14px;
  line-height: 19px;
}

#leader-board .headline-lists .lists .rank table thead tr th:first-child, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table thead tr th:first-child {
  text-align: left;
}

#leader-board .headline-lists .lists .rank table thead tr th:nth-child(2), .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table thead tr th:nth-child(2) {
  text-align: left;
}

#leader-board .headline-lists .lists .rank table tbody tr:last-child td:first-child, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

#leader-board .headline-lists .lists .rank table tbody tr:last-child td:last-child, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

#leader-board .headline-lists .lists .rank table tbody tr td, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td {
  height: 60px;
  vertical-align: middle;
  font-size: 16px;
}

@media (max-width: 992px) {
  #leader-board .headline-lists .lists .rank table tbody tr td, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td {
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  #leader-board .headline-lists .lists .rank table tbody tr td, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td {
    font-size: 12px;
  }
}

#leader-board .headline-lists .lists .rank table tbody tr td:first-child, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td:first-child {
  font-weight: 600;
}

#leader-board .headline-lists .lists .rank table tbody tr td:first-child strong, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td:first-child strong {
  vertical-align: middle;
}

#leader-board .headline-lists .lists .rank table tbody tr td:first-child:after, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td:first-child:after {
  content: ' ';
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-left: 12px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

#leader-board .headline-lists .lists .rank table tbody tr td:nth-child(2) img, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td:nth-child(2) img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  float: left;
}

#leader-board .headline-lists .lists .rank table tbody tr td:nth-child(3), .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr td:nth-child(3) {
  color: #23ab41;
  white-space: nowrap;
}

#leader-board .headline-lists .lists .rank table tbody tr:nth-child(1) td:first-child:after, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr:nth-child(1) td:first-child:after {
  background-image: url("/static/images/leader-board/gold-trophy.2b481eb2a351.png");
}

#leader-board .headline-lists .lists .rank table tbody tr:nth-child(2) td:first-child:after, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr:nth-child(2) td:first-child:after {
  background-image: url("/static/images/leader-board/silver-trophy.c5bcd708c87f.png");
}

#leader-board .headline-lists .lists .rank table tbody tr:nth-child(3) td:first-child:after, .dashboard .main-container .last-activity-and-leader-board #leader-side-board .board-content table tbody tr:nth-child(3) td:first-child:after {
  background-image: url("/static/images/leader-board/copper-trophy.cbcc1554a9fe.png");
}

#leader-board {
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

#leader-board .banner {
  position: relative;
  flex: 100%;
  height: 150px;
  background-image: url("/static/hawthorn/images/dashboard-illustration.cbb1d3a9e3b2.jpg");
  background-size: cover;
  background-position: center center;
  height: auto;
}

#leader-board .banner::before {
  background: #09092d;
  opacity: 0.7;
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#leader-board .banner h2 {
  font-weight: 600;
  font-size: 36px;
  color: #ffffff;
}

#leader-board .banner .welcome-wrapper {
  padding: 50px 60px 20px 60px;
  position: relative;
}

@media (max-width: 992px) {
  #leader-board .banner .welcome-wrapper {
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  #leader-board .banner .welcome-wrapper {
    padding-left: 20px;
  }
}

#leader-board .banner .welcome-wrapper h3 {
  font-weight: 300;
  font-size: 16px;
  color: #ffffff;
}

#leader-board .banner:before {
  background: #5959eb;
}

#leader-board .banner .welcome-wrapper {
  min-height: 140px;
  box-sizing: border-box;
}

#leader-board .headline-lists {
  padding: 30px 60px;
}

#leader-board .headline-lists .se-react-dropdown .select {
  height: auto;
}

@media (max-width: 992px) {
  #leader-board .headline-lists {
    padding: 20px 23px;
    padding-left: 23px;
  }
}

@media (max-width: 768px) {
  #leader-board .headline-lists {
    padding: 20px 21px;
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  #leader-board .headline-lists {
    padding: 20px 8px;
    padding-left: 8px;
  }
}

@media (max-width: 992px) {
  #leader-board .headline-lists {
    flex-direction: column;
  }
}

#leader-board .headline-lists .headline {
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 400px;
  padding-bottom: 30px;
}

@media (max-width: 992px) {
  #leader-board .headline-lists .headline {
    padding-right: 0;
    padding-bottom: 15px;
  }
}

#leader-board .headline-lists .headline h2 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 24px;
  font-weight: 600;
  color: #09092d;
  margin-bottom: 0;
}

@media (max-width: 992px) {
  #leader-board .headline-lists .headline h2 {
    font-size: 16px;
  }
}

#leader-board .headline-lists .headline .period {
  display: flex;
  align-items: center;
}

#leader-board .headline-lists .headline .period > span {
  font-weight: bold;
  font-size: 12px;
  color: #4c4c8e;
  padding-right: 10px;
}

@media (max-width: 768px) {
  #leader-board .headline-lists .headline .period > span {
    display: none;
  }
}

#leader-board .headline-lists .headline .period > i {
  color: #afafaf;
}

#leader-board .headline-lists .headline .period .lt-react-dropdown .select {
  border: none;
  font-weight: bold;
  font-size: 12px;
  display: flex;
}

#leader-board .headline-lists .headline .period .lt-react-dropdown .panel {
  border-radius: 4px;
}

#leader-board .headline-lists .headline .period .lt-react-dropdown .panel li {
  white-space: nowrap;
  font-size: 14px;
}

#leader-board .headline-lists .headline .period .lt-react-dropdown .panel li:not(:first-child) {
  margin-top: 2px;
}

#leader-board .headline-lists .headline .period .lt-react-dropdown .panel li.active, #leader-board .headline-lists .headline .period .lt-react-dropdown .panel li:hover {
  background-color: transparent;
}

#leader-board .headline-lists .headline .period .lt-react-dropdown .panel li.active {
  color: #5959eb;
}

#leader-board .headline-lists .headline .period .lt-react-dropdown .panel li:hover {
  color: #4c4c4c;
}

#leader-board .headline-lists .lists {
  display: flex;
  align-items: flex-start;
  gap: 17px;
}

@media (max-width: 992px) {
  #leader-board .headline-lists .lists {
    flex-direction: column;
  }
}

#leader-board .headline-lists .lists .rank {
  flex: 1;
}

@media (max-width: 992px) {
  #leader-board .headline-lists .lists .rank {
    width: 100%;
  }
}

#leader-board .headline-lists .lists .rank table thead tr th:first-child,
#leader-board .headline-lists .lists .rank table tbody tr td:first-child {
  padding-left: 30px;
}

#leader-board .headline-lists .lists .rank table thead tr th:last-child,
#leader-board .headline-lists .lists .rank table tbody tr td:last-child {
  padding-right: 40px;
}

#leader-board .headline-lists .lists .rank table thead {
  background-color: #f4f4f4;
}

#leader-board .headline-lists .lists .rank table thead tr th {
  height: 40px;
}

#leader-board .headline-lists .lists .rank table thead tr th:first-child {
  -webkit-border-top-left-radius: 8px;
  -moz-border-topleft-radius: 8px;
  border-top-left-radius: 8px;
  width: 120px;
}

#leader-board .headline-lists .lists .rank table thead tr th:last-child {
  -webkit-border-top-right-radius: 8px;
  -moz-border-topright-radius: 8px;
  border-top-right-radius: 8px;
}

#leader-board .headline-lists .lists .rank table tbody tr:nth-of-type(odd) {
  background: #ffffff;
}

#leader-board .headline-lists .lists .rank table tbody tr:nth-of-type(even) {
  background: #f3f3f7;
}

#leader-board .headline-lists .lists .rank table tbody tr:hover {
  background: unset;
}

#leader-board .headline-lists .lists .rank table tbody tr td:first-child {
  display: flex;
  align-items: center;
  padding-left: 40px;
  font-size: 14px;
  font-weight: 700;
}

#leader-board .headline-lists .lists .rank table tbody tr td:first-child:after {
  padding-left: 52px;
}

#leader-board .headline-lists .lists .rank table tbody tr td:nth-child(2) img {
  float: left;
}

#leader-board .headline-lists .lists .rank table tbody tr td:nth-child(2) b {
  display: block;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: #5959eb;
}

#leader-board .headline-lists .lists .rank table tbody tr td:nth-child(2) time {
  float: left;
  font-weight: 300;
  font-size: 10px;
  line-height: 14px;
  color: #09092d;
}

#leader-board .headline-lists .lists .rank table tbody tr td.up:before, #leader-board .headline-lists .lists .rank table tbody tr td.down:before, #leader-board .headline-lists .lists .rank table tbody tr td.eq:before {
  content: ' ';
  display: inline-block;
  position: absolute;
  width: 9px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: -12px;
}

#leader-board .headline-lists .lists .rank table tbody tr td.up:before {
  background-image: url("/static/images/leader-board/up.fbc8943036e9.png");
}

#leader-board .headline-lists .lists .rank table tbody tr td.down:before {
  background-image: url("/static/images/leader-board/down.be6ab78cc87f.png");
}

#leader-board .headline-lists .lists .rank table tbody tr td.eq:before {
  background-image: url("/static/images/leader-board/eq.233d575fd7e7.png");
}

#leader-board .headline-lists .lists .rank table tbody tr.active {
  background: unset;
}

#leader-board .headline-lists .lists .rank table tbody tr.active td {
  border-top: 2px solid rgba(89, 89, 235, 0.1);
  border-bottom: 2px solid rgba(89, 89, 235, 0.1);
}

#leader-board .headline-lists .lists .rank table tbody tr.active td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-left: 2px solid rgba(89, 89, 235, 0.1);
}

#leader-board .headline-lists .lists .rank table tbody tr.active td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-right: 2px solid rgba(89, 89, 235, 0.1);
}

#leader-board .headline-lists .lists .rank table tbody tr.active:hover td {
  background: #f4f4f4;
}

#leader-board .headline-lists .lists .rank .loading-block {
  display: none;
}

#leader-board .headline-lists .lists .rank .last-update {
  display: flex;
  align-items: center;
  margin-top: 23px;
}

@media (max-width: 992px) {
  #leader-board .headline-lists .lists .rank .last-update {
    margin-top: 18px;
  }
}

#leader-board .headline-lists .lists .rank .last-update i {
  color: #5959eb;
}

#leader-board .headline-lists .lists .rank .last-update small {
  font-size: 12px;
  line-height: 16px;
  color: #09092d;
  margin-left: 16px;
}

#leader-board .headline-lists .lists .loading table {
  display: none;
}

#leader-board .headline-lists .lists .loading .loading-block {
  display: flex;
  justify-content: center;
  height: 130px;
  align-items: center;
  background-color: #f4f4f4;
  border-radius: 8px;
}

#leader-board .headline-lists .lists .mission {
  box-shadow: none;
  background-color: transparent;
  width: 400px;
}

@media (max-width: 992px) {
  #leader-board .headline-lists .lists .mission {
    width: 100%;
    width: 100%;
    margin-top: 30px;
  }
}

#leader-board .headline-lists .lists .mission .table-wrapper {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
}

#leader-board .headline-lists .lists .mission .table-wrapper:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

#leader-board .headline-lists .lists .mission h2 {
  display: none;
}

@media (max-width: 992px) {
  #leader-board .headline-lists .lists .mission h2 {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-size: 24px;
    font-weight: 600;
    color: #09092d;
    margin-bottom: 0;
    display: block;
  }
}

@media (max-width: 992px) and (max-width: 992px) {
  #leader-board .headline-lists .lists .mission h2 {
    font-size: 16px;
  }
}

#leader-board .headline-lists .lists .mission table {
  width: 100%;
}

#leader-board .headline-lists .lists .mission table thead tr th:first-child,
#leader-board .headline-lists .lists .mission table tbody tr td:first-child {
  padding-left: 20px;
}

#leader-board .headline-lists .lists .mission table thead tr th:last-child,
#leader-board .headline-lists .lists .mission table tbody tr td:last-child {
  padding-right: 20px;
}

@media (max-width: 992px) {
  #leader-board .headline-lists .lists .mission table {
    margin-top: 15px;
  }
}

#leader-board .headline-lists .lists .mission table thead tr th {
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
  color: #09092d;
  height: 40px;
  border-bottom: 1px solid #ececec;
}

#leader-board .headline-lists .lists .mission table thead tr th:first-child {
  text-align: left;
}

#leader-board .headline-lists .lists .mission table thead tr th:last-child {
  text-align: right;
}

#leader-board .headline-lists .lists .mission table tbody tr td:first-child {
  font-size: 12px;
  color: #09092d;
  height: 55px;
  display: flex;
  align-items: center;
  gap: 10px;
}

#leader-board .headline-lists .lists .mission table tbody tr td:first-child .mission__icon-wrapper {
  display: flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  flex-shrink: 0;
}

#leader-board .headline-lists .lists .mission table tbody tr td:first-child .mission__text-wrapper {
  color: #09092d;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

#leader-board .headline-lists .lists .mission table tbody tr td:first-child small {
  color: #4c4c8e;
  font-size: 12px;
}

#leader-board .headline-lists .lists .mission table tbody tr td:last-child {
  color: #23ab41;
  font-weight: bold;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
}

#leader-board .headline-lists .lists .mission table tbody tr:first-child td {
  margin-top: 10px;
}

#leader-board .headline-lists .lists .mission table tbody tr:last-child td {
  margin-bottom: 10px;
}

#leader-board .headline-lists .lists .mission table tbody tr .mission__icon-wrapper {
  background-color: #5959eb;
  color: #ffffff;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper {
  margin: 18px 0;
  display: flex;
  position: relative;
  justify-content: end;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  padding: 0;
  font-size: 12px;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary:hover, #leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary.active {
  text-decoration: none;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary .icon, #leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary .fa, #leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary .fas, #leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary .far, #leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary .fal {
  margin-right: 5px;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary:hover, #leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary[disabled], #leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary.disabled, #leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary:disabled, #leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary .button-text {
  padding: 10px 16px;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-primary .button-icon {
  padding: 10px 12px;
  border-left: #ffffff 1px solid;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-dropdown-list {
  position: absolute;
  width: 78px;
  top: 55px;
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-dropdown-list:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-dropdown-list.is-hidden {
  display: none;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-dropdown-list .action-item {
  font-size: 12px;
  text-align: left;
  padding: 12px;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-dropdown-list .action-item:nth-child(1) {
  padding-bottom: 6px;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-dropdown-list .action-item:nth-child(2) {
  padding-top: 6px;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-dropdown-list .action-item .is-disabled {
  color: #cecece;
}

#leader-board .headline-lists .lists .mission .download-actions-wrapper .action-dropdown-list .action-item:hover {
  background-color: #fafafa;
}

#leader-board .headline-lists .lists .mission .export-info {
  font-size: 14px;
  line-height: 19px;
  color: #09092d;
  margin-bottom: 24px;
}

#leader-board .headline-lists .lists .mission .dropdown-download-menu {
  min-width: 201px;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border-radius: 6px;
  border-color: #e3e3e3;
  border-width: 0;
  background-color: #ffffff;
  padding: 10px;
  right: 0;
}

#leader-board .headline-lists .lists .mission .dropdown-download-menu h3 {
  font-size: 14px;
  font-weight: 400;
  margin: 10px;
  color: #09092d;
}

#leader-board .headline-lists .lists .mission .dropdown-download-menu .dropdown-download-item {
  border-bottom: 0;
  white-space: nowrap;
}

#leader-board .headline-lists .lists .mission .dropdown-download-menu .dropdown-download-item:not(:last-child) {
  border-bottom: 1px solid #e3e3e3;
}

#leader-board .headline-lists .lists .mission .dropdown-download-menu .dropdown-download-item a {
  font-size: 14px;
  font-weight: 400;
  padding: 10px 15px;
  display: block;
}

#leader-board .headline-lists .lists .mission .dropdown-download-menu .dropdown-download-item a i {
  margin-right: 10px;
}

#leader-board .headline-lists .lists .mission .dropdown-download-menu .dropdown-download-item a:focus {
  background-color: transparent;
  color: #5959eb;
}

#leader-board .headline-lists .lists .mission .dropdown-download-menu .dropdown-download-item:hover, #leader-board .headline-lists .lists .mission .dropdown-download-menu .dropdown-download-item:active {
  background-color: transparent;
}

#leader-board .headline-lists .lists .mission .dropdown-download-menu .dropdown-download-item:hover a, #leader-board .headline-lists .lists .mission .dropdown-download-menu .dropdown-download-item:active a {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
}

.leaderboard-download {
  padding: 0 60px 30px;
}

.leaderboard-download .download-wrapper {
  padding: 20px 40px;
  margin-right: 417px;
  background-color: #ffffff;
}

.leaderboard-download .download-wrapper .toolbar {
  display: flex;
  justify-content: space-between;
}

.leaderboard-download .download-wrapper .toolbar h4 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

.leaderboard-download .download-wrapper .toolbar i {
  padding: 6px 12px;
  background-color: #e3e3e3;
  color: #09092d;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  max-width: 14px;
  overflow: hidden;
  white-space: nowrap;
}

.leaderboard-download .download-wrapper .actions .download-item {
  visibility: hidden;
}

.leaderboard-download .download-wrapper .actions .dropdown-download-item i {
  margin-right: 5px;
}

@media (max-width: 768px) {
  #leader-board .headline-lists .lists .rank table thead tr th:first-child,
#leader-board .headline-lists .lists .rank table tbody tr td:first-child {
    padding-left: 10px;
  }
  #leader-board .headline-lists .lists .rank table thead tr th:last-child,
#leader-board .headline-lists .lists .rank table tbody tr td:last-child {
    padding-right: 10px;
  }
  #leader-board .headline-lists .lists .rank table tbody tr td:first-child {
    padding-left: 10px;
  }
  #leader-board .headline-lists .lists .rank table tbody tr td:first-child:after {
    padding-left: 12px;
  }
  #leader-board .headline-lists .lists .rank table tbody tr td:nth-child(2) {
    width: 100%;
  }
  #leader-board .headline-lists .lists .mission table thead tr th:first-child,
#leader-board .headline-lists .lists .mission table tbody tr td:first-child {
    padding-left: 10px;
  }
  #leader-board .headline-lists .lists .mission table thead tr th:last-child,
#leader-board .headline-lists .lists .mission table tbody tr td:last-child {
    padding-right: 10px;
  }
  #leader-board .headline-lists .lists .mission table thead {
    display: none;
  }
  #leader-board .headline-lists .lists .mission table tbody tr:first-child td {
    margin-top: 0;
  }
  #leader-board .headline-lists .lists .mission table tbody tr:last-child td {
    margin-bottom: 0;
  }
}

.view-in-course .course-updates, .view-updates .course-updates {
  padding-top: auto;
  padding-bottom: auto;
}

.view-in-course .course-updates article, .view-updates .course-updates article {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  padding: 20px 30px;
}

.view-in-course .course-updates article:hover, .view-updates .course-updates article:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

@media (max-width: 768px) {
  .view-in-course .course-updates article, .view-updates .course-updates article {
    padding: 10px 15px;
  }
}

.view-in-course .course-updates article:not(:first-child), .view-updates .course-updates article:not(:first-child) {
  margin-top: 30px;
}

.view-in-course .course-updates article .article-header span, .view-updates .course-updates article .article-header span {
  font-size: 12px;
  font-weight: 600;
  color: #5959eb;
  text-transform: uppercase;
}

.view-in-course .course-updates article .article-header h2, .view-updates .course-updates article .article-header h2 {
  font-size: 20px;
  color: #09092d;
  margin-top: 5px;
}

.view-in-course .course-updates article .article-content, .view-updates .course-updates article .article-content {
  font-size: 14px;
  color: #09092d;
  line-height: 24px;
}

.view-in-course .course-updates article .article-footer, .view-updates .course-updates article .article-footer {
  font-size: 12px;
  color: #09092d;
  margin-top: 10px;
}

.view-in-course .course-updates article .article-footer small, .view-updates .course-updates article .article-footer small {
  color: #4c4c8e;
  font-size: inherit;
  margin-left: 10px;
}

.view-in-course .course-updates .all-updates + div, .view-updates .course-updates .all-updates + div {
  margin-top: 20px;
}

@media (max-width: 768px) {
  .view-in-course .course-updates .all-updates + div, .view-updates .course-updates .all-updates + div {
    margin-top: 10px;
    padding-left: 10px;
  }
}

.view-in-course .course-updates .all-updates + div span > *, .view-updates .course-updates .all-updates + div span > * {
  display: table-cell;
  vertical-align: middle;
}

.view-in-course .course-updates .all-updates + div span i, .view-updates .course-updates .all-updates + div span i {
  font-size: 22px;
  color: #ffffff;
  background-color: #5959eb;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  text-align: center;
  vertical-align: middle;
}

.view-in-course .course-updates .all-updates + div span a, .view-updates .course-updates .all-updates + div span a {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  font-size: 16px;
  padding-left: 15px;
  color: #09092d;
  font-weight: 600;
}

.view-in-course .course-updates .all-updates + div span a:hover, .view-in-course .course-updates .all-updates + div span a:active, .view-in-course .course-updates .all-updates + div span a:focus, .view-updates .course-updates .all-updates + div span a:hover, .view-updates .course-updates .all-updates + div span a:active, .view-updates .course-updates .all-updates + div span a:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

.view-in-course .course-updates .all-updates .updates-article, .view-updates .course-updates .all-updates .updates-article {
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border-radius: 4px;
  border: 1px solid #d7d7e4;
  color: #09092d;
}

.view-in-course .course-updates .add-course-button, .view-updates .course-updates .add-course-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-course .course-updates .add-course-button:hover, .view-in-course .course-updates .add-course-button.active, .view-updates .course-updates .add-course-button:hover, .view-updates .course-updates .add-course-button.active {
  text-decoration: none;
}

.view-in-course .course-updates .add-course-button .icon, .view-in-course .course-updates .add-course-button .fa, .view-in-course .course-updates .add-course-button .fas, .view-in-course .course-updates .add-course-button .far, .view-in-course .course-updates .add-course-button .fal, .view-updates .course-updates .add-course-button .icon, .view-updates .course-updates .add-course-button .fa, .view-updates .course-updates .add-course-button .fas, .view-updates .course-updates .add-course-button .far, .view-updates .course-updates .add-course-button .fal {
  margin-right: 5px;
}

.view-in-course .course-updates .add-course-button:hover, .view-in-course .course-updates .add-course-button.active, .view-updates .course-updates .add-course-button:hover, .view-updates .course-updates .add-course-button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-in-course .course-updates .add-course-button:focus, .view-updates .course-updates .add-course-button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.view-in-course .course-updates .add-course-button[disabled], .view-in-course .course-updates .add-course-button.disabled, .view-in-course .course-updates .add-course-button:disabled, .view-in-course .course-updates .add-course-button.is-disabled, .view-updates .course-updates .add-course-button[disabled], .view-updates .course-updates .add-course-button.disabled, .view-updates .course-updates .add-course-button:disabled, .view-updates .course-updates .add-course-button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#course-updates {
  padding-top: 30px;
  padding-bottom: 80px;
}

@media (max-width: 768px) {
  #course-updates {
    padding: 32px 0;
  }
}

#course-updates .page-header {
  border-bottom: none;
  padding: 20px 0;
}

@media (max-width: 768px) {
  #course-updates .page-header {
    padding: 20px 8px;
  }
}

#course-updates .page-header .page-header-main h2 {
  font-size: 24px;
  color: #09092d;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
}

@media (max-width: 768px) {
  #course-updates .page-header .page-header-main h2 {
    margin-bottom: 0;
  }
}

@media (max-width: 768px) {
  #course-updates .page-content {
    padding: 0px 8px;
  }
}

@media (max-width: 768px) {
  #course-updates .page-content article:not(:first-child) {
    margin-top: 10px;
  }
}

#admin-panel .management-container .edit-search .search-wrapper .search-result li.search-result-item {
  border: 1px solid rgba(114, 114, 114, 0.2);
  box-sizing: border-box;
  border-radius: 30px;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .username, #admin-panel #update-skill-modal .modal-content .content .tab-users .username, #admin-panel .skill-modal .skill-translations .skill-translation input, #admin-panel #update-skill-modal .tab-details > input, #admin-panel #create-privilege-flag-modal .modal-content input, #admin-panel #create-skill-modal .modal-content input, #admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title input, #admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title textarea, #admin-panel .skill-modal .modal-content .modal-header .modal-title input, #admin-panel .skill-modal .modal-content .modal-header .modal-title textarea, #admin-panel .management-container .user-info .info-detail .permissions > li > label + input:not([type=checkbox]), #admin-panel .management-container .user-info .info-detail .permissions > li > label ~ div input:not([type=checkbox]), #admin-panel .management-container .user-info .info-detail .permissions > li > label ~ div textarea, #admin-panel .management-container .user-info .info-detail .personal-info > li > label + input:not([type=checkbox]), #admin-panel .management-container .user-info .info-detail .personal-info > li > label ~ div input:not([type=checkbox]), #admin-panel .management-container .user-info .info-detail .personal-info > li > label ~ div textarea, #admin-panel .management-container .user-info .username-active .username-field input#username {
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  padding: 9px 11px;
  border: 1px solid rgba(114, 114, 114, 0.2);
  box-sizing: border-box;
  border-radius: 4px;
  color: rgba(114, 114, 114, 0.8);
}

#admin-panel select {
  padding: 8px 16px;
}

#admin-panel .api-wrapper, #admin-panel .management-container {
  padding: 0 80px;
}

#admin-panel .action-group, #admin-panel .management-container {
  padding: 0 80px;
}

#admin-panel input[type=checkbox] + span, #admin-panel input[type=checkbox] + label {
  margin-left: 1ch;
}

#admin-panel input[type=checkbox] + label {
  font-style: normal;
}

#admin-panel .user-search {
  position: relative;
}

#admin-panel .select-action-status {
  width: 240px;
  z-index: auto;
}

@media (max-width: 768px) {
  #admin-panel .select-action-status {
    width: calc((100vw - 110px)/2);
  }
}

#admin-panel .select-wrapper .lt-react-dropdown {
  width: auto;
}

#admin-panel .select-wrapper .lt-react-dropdown .select {
  border-radius: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: flex;
  font-size: 12px;
}

#admin-panel .select-wrapper .lt-react-dropdown .select .text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

#admin-panel .select-wrapper .lt-react-dropdown .panel {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  z-index: 7;
  max-width: 100%;
}

#admin-panel .select-wrapper .lt-react-dropdown .panel:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

#admin-panel .select-wrapper .lt-react-dropdown .panel input[type=text] {
  box-shadow: none;
  width: 100%;
  border: none;
  font-style: normal;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 12px;
  font-weight: 600;
  color: #09092d;
}

#admin-panel .select-wrapper .lt-react-dropdown .panel > ul > li {
  font-size: 10px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}

#admin-panel .select-wrapper .lt-react-dropdown .panel > ul > li:not(:first-child) {
  margin-top: 2px;
}

#admin-panel .select-wrapper .lt-react-dropdown .panel > ul > li.active, #admin-panel .select-wrapper .lt-react-dropdown .panel > ul > li:hover {
  background-color: transparent;
}

#admin-panel .select-wrapper .lt-react-dropdown .panel > ul > li.active {
  color: #5959eb;
}

#admin-panel .select-wrapper .lt-react-dropdown .panel > ul > li:hover {
  color: #4c4c4c;
}

#admin-panel .select-wrapper .lt-react-dropdown .select {
  border: 1px solid rgba(114, 114, 114, 0.2);
  border-radius: 4px;
  font-size: 16px;
  height: 40px;
  box-sizing: border-box;
  padding: 0;
}

#admin-panel .select-wrapper .lt-react-dropdown .select .text {
  width: 100px;
  line-height: 40px;
  margin-left: 10px;
}

#admin-panel .select-wrapper .lt-react-dropdown .select > svg {
  margin: 0 10px;
}

#admin-panel .select-wrapper .lt-react-dropdown .panel {
  border-radius: 0;
}

#admin-panel .select-wrapper .lt-react-dropdown .panel ul li {
  color: #09092d;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
}

#admin-panel .select-wrapper .lt-react-dropdown .panel ul li:hover {
  color: #5959eb;
}

@media (max-width: 768px) {
  #admin-panel .select-wrapper .lt-react-dropdown {
    width: calc((100vw - 110px)/2);
  }
  #admin-panel .select-wrapper .lt-react-dropdown ul {
    padding-left: 10px;
    padding-right: 0px;
  }
}

#admin-panel .tabs-wrapper .tabs li {
  text-transform: none;
}

#admin-panel .action-group {
  display: flex;
  justify-content: space-between;
  margin: 60px 0 28px;
  align-items: center;
}

#admin-panel .action-group .actions {
  display: flex;
  gap: 8px;
}

#admin-panel .action-group .buttons {
  flex: 0.95;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

#admin-panel .action-group .btn-import-export {
  display: none;
  position: relative;
  padding: 8px;
  justify-content: center;
  align-items: center;
  text-align: center;
  user-select: none;
  border-radius: var(--fds-global-border-radius-md);
  transition: background-color 0.2s ease, color 0.2s ease;
  color: var(--fds-global-color-neutral-140);
  background-color: var(--background-color);
  --background-color: var(--fds-global-color-neutral-10);
  --hover-background-color: var(--fds-global-color-neutral-20);
  --active-background-color: var(--fds-global-color-neutral-30);
}

#admin-panel .action-group .btn-import-export:hover {
  background-color: var(--hover-background-color);
}

#admin-panel .action-group .btn-import-export:active {
  background-color: var(--active-background-color);
}

#admin-panel .action-group .btn-import-export > i {
  font-size: 20px;
  width: 1em;
}

#admin-panel .action-group .btn-import-export .action-dropdown-list {
  z-index: 1;
  position: absolute;
  top: 100%;
  right: 0;
  transform: translate(0px, var(--fds-global-space-xs));
  display: flex;
  flex-direction: column;
  padding: var(--fds-global-space-xs) var(--fds-global-border-radius-sharp);
  gap: var(--fds-global-space-xxxs);
  border-radius: var(--fds-global-border-radius-md);
  background: var(--fds-global-color-neutral-0);
  box-shadow: var(--fds-global-shadow-sm);
}

#admin-panel .action-group .btn-import-export .action-dropdown-list .ds-button {
  border-radius: 0;
  background: var(--fds-global-color-neutral-0);
  white-space: nowrap;
  justify-content: flex-start;
  width: 100%;
}

#admin-panel .action-group .btn-import-export .action-dropdown-list .ds-button:hover, #admin-panel .action-group .btn-import-export .action-dropdown-list .ds-button:not(:disabled):hover {
  background-color: var(--hover-background-color);
}

#admin-panel .action-group .btn-import-export .action-dropdown-list .ds-button:active, #admin-panel .action-group .btn-import-export .action-dropdown-list .ds-button:not(:disabled):active {
  background-color: var(--active-background-color);
}

#admin-panel .api-wrapper {
  display: flex;
  justify-content: space-between;
  margin: 34px 0px 28px;
  align-items: center;
}

#admin-panel .api-wrapper .api-header {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #09092d;
  text-align: left;
  padding-bottom: 2px;
  margin-bottom: 0px;
}

#admin-panel .api-wrapper .button-api button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-size: 12px;
  font-weight: 300;
  padding: 5px 25px;
}

#admin-panel .api-wrapper .button-api button:hover, #admin-panel .api-wrapper .button-api button.active {
  text-decoration: none;
}

#admin-panel .api-wrapper .button-api button .icon, #admin-panel .api-wrapper .button-api button .fa, #admin-panel .api-wrapper .button-api button .fas, #admin-panel .api-wrapper .button-api button .far, #admin-panel .api-wrapper .button-api button .fal {
  margin-right: 5px;
}

#admin-panel .api-wrapper .button-api button:hover, #admin-panel .api-wrapper .button-api button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .api-wrapper .button-api button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#admin-panel .api-wrapper .button-api button[disabled], #admin-panel .api-wrapper .button-api button.disabled, #admin-panel .api-wrapper .button-api button:disabled, #admin-panel .api-wrapper .button-api button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#admin-panel .api-wrapper .button-api .btn-add-api-user {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-size: 14px;
  line-height: 20px;
  padding: 8px 16px;
  font-weight: 400;
  border-radius: 4px;
  box-shadow: none;
}

#admin-panel .api-wrapper .button-api .btn-add-api-user:hover, #admin-panel .api-wrapper .button-api .btn-add-api-user.active {
  text-decoration: none;
}

#admin-panel .api-wrapper .button-api .btn-add-api-user .icon, #admin-panel .api-wrapper .button-api .btn-add-api-user .fa, #admin-panel .api-wrapper .button-api .btn-add-api-user .fas, #admin-panel .api-wrapper .button-api .btn-add-api-user .far, #admin-panel .api-wrapper .button-api .btn-add-api-user .fal {
  margin-right: 5px;
}

#admin-panel .api-wrapper .button-api .btn-add-api-user:hover, #admin-panel .api-wrapper .button-api .btn-add-api-user.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .api-wrapper .button-api .btn-add-api-user:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#admin-panel .api-wrapper .button-api .btn-add-api-user[disabled], #admin-panel .api-wrapper .button-api .btn-add-api-user.disabled, #admin-panel .api-wrapper .button-api .btn-add-api-user:disabled, #admin-panel .api-wrapper .button-api .btn-add-api-user.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#admin-panel .api-wrapper .button-api .btn-add-api-user i {
  margin-right: 5px;
  font-weight: 400;
}

#admin-panel .management-container {
  display: flex;
  padding-bottom: 100px;
  gap: 27px;
  color: #09092d;
  padding-top: 16px;
}

@media (max-width: 768px) {
  #admin-panel .management-container {
    padding: 16px;
  }
}

#admin-panel .management-container.column-container {
  flex-direction: column;
}

#admin-panel .management-container.listing-container {
  flex-direction: column;
}

#admin-panel .management-container .rows-number {
  text-align: left;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

#admin-panel .management-container .footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#admin-panel .management-container .edit-search {
  margin-top: 40px;
  width: 300px;
}

@media (max-width: 768px) {
  #admin-panel .management-container .edit-search {
    display: none;
  }
}

#admin-panel .management-container .edit-search .search-wrapper {
  border: 1px solid #ececec;
  border-radius: 15px;
  box-shadow: none;
  background: #ffffff;
  padding: 20px;
}

#admin-panel .management-container .edit-search .search-wrapper .user-search .search-input {
  background: rgba(114, 114, 114, 0.1);
  width: 100%;
}

#admin-panel .management-container .edit-search .search-wrapper .search-result {
  margin-top: 17px;
}

#admin-panel .management-container .edit-search .search-wrapper .search-result li.search-result-item {
  display: flex;
  margin-bottom: 13px;
  padding: 12px 10px;
  cursor: pointer;
}

#admin-panel .management-container .edit-search .search-wrapper .search-result li.search-result-item.selected {
  border: 1px solid #5959eb;
}

#admin-panel .management-container .edit-search .search-wrapper .search-result li.search-result-item.selected .user-names p.user-first-name {
  display: flex;
  justify-content: space-between;
}

#admin-panel .management-container .edit-search .search-wrapper .search-result li.search-result-item.selected .user-names p.user-first-name i {
  display: block;
}

#admin-panel .management-container .edit-search .search-wrapper .search-result li.search-result-item .init-letter {
  margin-right: 10px;
}

#admin-panel .management-container .edit-search .search-wrapper .search-result li.search-result-item .init-letter span {
  line-height: 30px;
  width: 34px;
  height: 34px;
  display: inline-block;
  text-align: center;
  background: #e4e4ff;
  border-radius: 50%;
  color: #5959eb;
}

#admin-panel .management-container .edit-search .search-wrapper .search-result li.search-result-item .user-names {
  width: 190px;
}

#admin-panel .management-container .edit-search .search-wrapper .search-result li.search-result-item .user-names p {
  font-size: 12px;
  line-height: 19.6px;
  color: #1f1f59;
  overflow: hidden;
  text-overflow: ellipsis;
}

#admin-panel .management-container .edit-search .search-wrapper .search-result li.search-result-item .user-names p.user-first-name {
  color: #5959eb;
  font-weight: bold;
}

#admin-panel .management-container .edit-search .search-wrapper .search-result li.search-result-item .user-names p.user-first-name i {
  display: none;
}

#admin-panel .management-container .edit-search .search-wrapper .search-result li.search-result-item .user-names p + p {
  margin-top: 5px;
}

#admin-panel .management-container .edit-search .search-wrapper .view-more {
  display: flex;
  justify-content: end;
  font-size: 14px;
  line-height: 14px;
  color: #09092d;
}

#admin-panel .management-container .edit-search .search-wrapper .view-more a, #admin-panel .management-container .edit-search .search-wrapper .view-more a:visited, #admin-panel .management-container .edit-search .search-wrapper .view-more a:focus, #admin-panel .management-container .edit-search .search-wrapper .view-more a:hover {
  text-decoration: underline;
}

#admin-panel .management-container .user-info {
  max-width: 1260px;
  margin-top: 40px;
  flex: 1;
  padding-bottom: 88px;
}

#admin-panel .management-container .user-info .username-label {
  color: #09092d;
}

#admin-panel .management-container .user-info .field-input {
  display: flex;
  flex-direction: column;
}

#admin-panel .management-container .user-info .field-input.required-field input {
  border: 1px solid #f22f31 !important;
}

#admin-panel .management-container .user-info .field-input.required-field .help {
  color: #f22f31;
}

#admin-panel .management-container .user-info .field-input .help {
  font-size: 10px;
  line-height: 16px;
  color: rgba(114, 114, 114, 0.8);
  font-weight: normal;
  margin: 5px 0 0 15px;
}

#admin-panel .management-container .user-info .username-active {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

#admin-panel .management-container .user-info .username-active .username-field {
  width: 680px;
}

#admin-panel .management-container .user-info .username-active .username-field label {
  margin-bottom: 0;
}

#admin-panel .management-container .user-info .username-active .username-field #username {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  color: #59599a;
  max-width: 1026px;
  width: 100%;
  background-color: #ffffff;
}

#admin-panel .management-container .user-info .username-active .active-field {
  display: flex;
  align-items: center;
  justify-content: right;
  gap: 12px;
}

#admin-panel .management-container .user-info .username-active .active-field .active-label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #12123F;
  margin: 0;
  white-space: nowrap;
}

@media (max-width: 576px) {
  #admin-panel .management-container .user-info .username-active {
    flex-direction: column;
  }
  #admin-panel .management-container .user-info .username-active .active-field {
    align-self: flex-start;
  }
}

#admin-panel .management-container .user-info .info-detail .admin-panel-details-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 24px 0;
}

#admin-panel .management-container .user-info .info-detail .admin-panel-details-header ul {
  flex: 1;
  margin: 0;
}

#admin-panel .management-container .user-info .info-detail .admin-panel-details-header ul .ds-tab {
  padding: 8px 12px 6px 12px;
}

#admin-panel .management-container .user-info .info-detail .admin-panel-details-header #view_user_transcript {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  background-color: #ffffff;
  color: #12123F;
  border: 1px solid #D9D9DE;
  border-radius: 8px;
  padding: 6px 12px;
}

#admin-panel .management-container .user-info .info-detail .details {
  border-top: 1px solid #ececec;
}

#admin-panel .management-container .user-info .info-detail .details > li #gender, #admin-panel .management-container .user-info .info-detail .details > li #year-of-birth, #admin-panel .management-container .user-info .info-detail .details > li #country, #admin-panel .management-container .user-info .info-detail .details > li #language, #admin-panel .management-container .user-info .info-detail .details > li #analytics-access {
  display: none;
}

#admin-panel .management-container .user-info .info-detail .ds-tabs {
  margin: 24px 0;
}

#admin-panel .management-container .user-info .info-detail .personal-info > li {
  justify-content: flex-start;
  display: flex;
  align-items: center;
  margin: 15px 0;
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > label {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  color: #09092d;
}

@media (max-width: 768px) {
  #admin-panel .management-container .user-info .info-detail .personal-info > li > label {
    width: 120px;
    margin-bottom: 0;
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
    line-height: inherit;
    /*flex: initial;*/
  }
  #admin-panel .management-container .user-info .info-detail .personal-info > li > label p {
    display: none;
  }
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > label ~ div {
  display: inline-block;
  min-width: 0;
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > label ~ div input:not([type=checkbox]), #admin-panel .management-container .user-info .info-detail .personal-info > li > label ~ div textarea {
  margin: 0;
}

@media (max-width: 768px) {
  #admin-panel .management-container .user-info .info-detail .personal-info > li > label ~ div input:not([type=checkbox]), #admin-panel .management-container .user-info .info-detail .personal-info > li > label ~ div textarea {
    margin: 0;
  }
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > label ~ div input:not([type=checkbox]):hover, #admin-panel .management-container .user-info .info-detail .personal-info > li > label ~ div input:not([type=checkbox]):focus, #admin-panel .management-container .user-info .info-detail .personal-info > li > label ~ div textarea:hover, #admin-panel .management-container .user-info .info-detail .personal-info > li > label ~ div textarea:focus {
  outline: none;
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > label ~ div.select-wrapper .lt-react-dropdown {
  width: 100%;
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > label + input:not([type=checkbox]) {
  margin: 0;
}

@media (max-width: 768px) {
  #admin-panel .management-container .user-info .info-detail .personal-info > li > label + input:not([type=checkbox]) {
    margin: 0;
  }
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > label + input:not([type=checkbox]):hover, #admin-panel .management-container .user-info .info-detail .personal-info > li > label + input:not([type=checkbox]):focus {
  outline: none;
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > label {
  flex: 0.3;
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > label + div {
  flex: 0.7;
}

@media (max-width: 768px) {
  #admin-panel .management-container .user-info .info-detail .personal-info > li > label + div {
    flex: 1;
  }
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > label + div input:not(.ds-switch), #admin-panel .management-container .user-info .info-detail .personal-info > li > label + div textarea {
  width: 100%;
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > label + div .help {
  margin: 5px 0 0 0;
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > label + div.button-wrapper .update-password {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  background-color: #ffffff;
  color: #12123F;
  border: 1px solid #D9D9DE;
  border-radius: 8px;
  padding: 6px 12px;
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > label + div input#lt-hire-date {
  width: 46%;
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > label + div .hire_date-wrapper input#lt-hire-date {
  width: 45%;
  margin: 0;
}

#admin-panel .management-container .user-info .info-detail .personal-info > li > input, #admin-panel .management-container .user-info .info-detail .personal-info > li > textarea {
  flex: 0.7;
}

@media (max-width: 768px) {
  #admin-panel .management-container .user-info .info-detail .personal-info > li > input, #admin-panel .management-container .user-info .info-detail .personal-info > li > textarea {
    flex: 1;
  }
}

#admin-panel .management-container .user-info .info-detail .personal-info > li input[type="password"] {
  height: unset;
}

#admin-panel .management-container .user-info .info-detail .personal-info > li input[type="password"]::placeholder {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
}

#admin-panel .management-container .user-info .info-detail .personal-info .time_span {
  margin-left: 10px;
  font-size: 12px;
  font-weight: normal;
  color: #09092d;
}

#admin-panel .management-container .user-info .info-detail .personal-info-actions {
  margin-top: 32px;
  padding-top: 18px;
  border-top: 1px solid #ececec;
}

#admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  line-height: 1.6rem;
  margin-right: 8px;
}

#admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data:hover, #admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data.active {
  text-decoration: none;
}

#admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data .icon, #admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data .fa, #admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data .fas, #admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data .far, #admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data .fal {
  margin-right: 5px;
}

#admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data:hover, #admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data[disabled], #admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data.disabled, #admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data:disabled, #admin-panel .management-container .user-info .info-detail .personal-info-actions .export-personal-data.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  background-color: #f22f31;
  line-height: 1.6rem;
}

#admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user:hover, #admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user.active {
  text-decoration: none;
}

#admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user .icon, #admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user .fa, #admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user .fas, #admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user .far, #admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user .fal {
  margin-right: 5px;
}

#admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user:hover, #admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user[disabled], #admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user.disabled, #admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user:disabled, #admin-panel .management-container .user-info .info-detail .personal-info-actions .delete-user.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#admin-panel .management-container .user-info .info-detail .permissions {
  border-top: none;
}

#admin-panel .management-container .user-info .info-detail .permissions > li {
  justify-content: flex-start;
  display: flex;
  align-items: center;
  margin: 15px 0;
  align-items: self-start;
}

#admin-panel .management-container .user-info .info-detail .permissions > li > label {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  color: #09092d;
}

@media (max-width: 768px) {
  #admin-panel .management-container .user-info .info-detail .permissions > li > label {
    width: 120px;
    margin-bottom: 0;
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
    line-height: inherit;
    /*flex: initial;*/
  }
  #admin-panel .management-container .user-info .info-detail .permissions > li > label p {
    display: none;
  }
}

#admin-panel .management-container .user-info .info-detail .permissions > li > label ~ div {
  display: inline-block;
  min-width: 0;
}

#admin-panel .management-container .user-info .info-detail .permissions > li > label ~ div input:not([type=checkbox]), #admin-panel .management-container .user-info .info-detail .permissions > li > label ~ div textarea {
  margin: 0;
}

@media (max-width: 768px) {
  #admin-panel .management-container .user-info .info-detail .permissions > li > label ~ div input:not([type=checkbox]), #admin-panel .management-container .user-info .info-detail .permissions > li > label ~ div textarea {
    margin: 0;
  }
}

#admin-panel .management-container .user-info .info-detail .permissions > li > label ~ div input:not([type=checkbox]):hover, #admin-panel .management-container .user-info .info-detail .permissions > li > label ~ div input:not([type=checkbox]):focus, #admin-panel .management-container .user-info .info-detail .permissions > li > label ~ div textarea:hover, #admin-panel .management-container .user-info .info-detail .permissions > li > label ~ div textarea:focus {
  outline: none;
}

#admin-panel .management-container .user-info .info-detail .permissions > li > label ~ div.select-wrapper .lt-react-dropdown {
  width: 100%;
}

#admin-panel .management-container .user-info .info-detail .permissions > li > label + input:not([type=checkbox]) {
  margin: 0;
}

@media (max-width: 768px) {
  #admin-panel .management-container .user-info .info-detail .permissions > li > label + input:not([type=checkbox]) {
    margin: 0;
  }
}

#admin-panel .management-container .user-info .info-detail .permissions > li > label + input:not([type=checkbox]):hover, #admin-panel .management-container .user-info .info-detail .permissions > li > label + input:not([type=checkbox]):focus {
  outline: none;
}

#admin-panel .management-container .user-info .info-detail .permissions > li > label {
  flex: 0.45;
  font-size: 18px;
  font-weight: bold;
}

#admin-panel .management-container .user-info .info-detail .permissions > li > label p {
  padding-inline-end: 12px;
  padding-top: 8px;
}

#admin-panel .management-container .user-info .info-detail .permissions > li > label .mandatory {
  margin-bottom: 14px;
  color: #d40d0f;
  padding-left: 4px;
}

#admin-panel .management-container .user-info .info-detail .permissions > li > label ~ div {
  flex: 0.55;
}

#admin-panel .management-container .user-info .info-detail .permissions > li p {
  font-size: 14px;
  line-height: 16px;
  color: #09092d;
  font-weight: normal;
}

@media (max-width: 576px) {
  #admin-panel .management-container .user-info .info-detail .permissions > li {
    flex-direction: column;
    gap: 8px;
  }
  #admin-panel .management-container .user-info .info-detail .permissions > li label {
    width: 100%;
    text-align: start;
  }
}

#admin-panel .management-container .user-info .info-detail .permissions .new-line {
  border-top: 1px solid #d7d7e4;
  padding: 15px 0;
}

#admin-panel .management-container .user-info .info-detail .permissions .new-line .checkbox-container {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #5959eb;
}

#admin-panel .management-container .user-info .info-detail .permissions .lock-switch {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #5959eb;
}

#admin-panel .management-container .user-info .info-detail .permissions .country-privileges .select-country-privileges .all-countries {
  font-weight: bold;
  color: #5959eb;
}

#admin-panel .management-container .user-info .info-detail .permissions .country-privileges,
#admin-panel .management-container .user-info .info-detail .permissions .content-privilege-flags {
  display: flex;
  flex-direction: column;
}

#admin-panel .management-container .user-info .info-detail .permissions .country-privileges ds-dropdown,
#admin-panel .management-container .user-info .info-detail .permissions .content-privilege-flags ds-dropdown {
  width: 300px;
}

#admin-panel .management-container .user-info .info-detail .permissions .country-privileges ds-dropdown + div,
#admin-panel .management-container .user-info .info-detail .permissions .content-privilege-flags ds-dropdown + div {
  margin-top: 12px;
}

#admin-panel .management-container .user-info .info-detail .permissions .country-privileges ds-dropdown + div i,
#admin-panel .management-container .user-info .info-detail .permissions .content-privilege-flags ds-dropdown + div i {
  cursor: pointer;
}

#admin-panel .management-container .user-info .info-detail .permissions .country-privileges ds-dropdown + div ds-tag,
#admin-panel .management-container .user-info .info-detail .permissions .content-privilege-flags ds-dropdown + div ds-tag {
  margin: 10px 10px 0 0;
}

@media (max-width: 576px) {
  #admin-panel .management-container .user-info .info-detail .permissions .country-privileges,
#admin-panel .management-container .user-info .info-detail .permissions .content-privilege-flags {
    width: 100%;
  }
  #admin-panel .management-container .user-info .info-detail .permissions .country-privileges ds-dropdown,
#admin-panel .management-container .user-info .info-detail .permissions .content-privilege-flags ds-dropdown {
    width: 100%;
  }
}

#admin-panel .management-container .user-info .info-detail .permissions ds-dropdown {
  flex: 0.55;
  cursor: pointer;
  z-index: auto;
}

#admin-panel .management-container .user-info .info-detail .permissions #platform-level {
  display: flex;
  flex-direction: column;
}

#admin-panel .management-container .user-info .info-detail .permissions #platform-level .platform-level-option {
  padding: 16px;
  background-color: #ffffff;
  border: 1px solid #d7d7e4;
  border-radius: 4px;
  box-sizing: border-box;
}

#admin-panel .management-container .user-info .info-detail .permissions #platform-level .platform-level-option span {
  font-size: 16px;
  color: #09092d;
  font-weight: bold;
  padding-left: 8px;
}

#admin-panel .management-container .user-info .info-detail .permissions #platform-level .platform-level-option p {
  font-size: 14px;
  padding: 6px 0 0 24px;
}

#admin-panel .management-container .user-info .info-detail .permissions #platform-level .disabled {
  background-color: #ebebf1;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration {
  border: 1px solid #E9E9EC;
  border-radius: 12px;
  padding: 16px;
  background-color: #ffffff;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .registration-tab-nav {
  display: flex;
  gap: 16px;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .registration-tab-nav span {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.01em;
  text-indent: 0px;
  background-color: #fafafa;
  box-sizing: border-box;
  padding: 6px 12px;
  min-width: 80px;
  text-align: center;
  color: #09092d;
  border: 1px solid #D9D9DE;
  border-radius: 9999px;
  cursor: pointer;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .registration-tab-nav span.active {
  background: #5959eb;
  color: #ffffff;
}

@media (max-width: 576px) {
  #admin-panel .management-container .user-info .info-detail .bulk-registration .registration-tab-nav span {
    flex: 1;
    min-width: 0;
  }
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .registration-tab-contents {
  margin-top: 15px;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .registration-tab-contents > div {
  display: none;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .registration-tab-contents > div.active {
  display: block;
}

@media (max-width: 576px) {
  #admin-panel .management-container .user-info .info-detail .bulk-registration .registration-tab-contents .user-search {
    width: 100%;
  }
  #admin-panel .management-container .user-info .info-detail .bulk-registration .registration-tab-contents .user-search .ds-search {
    width: 100%;
  }
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .registration-tabs {
  display: flex;
  justify-content: center;
  margin: 24px 0 18px 0;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .registration-tabs span {
  text-align: center;
  padding: 13px 153px;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  color: #09092d;
  border: 1px solid #ececec;
  box-sizing: border-box;
  cursor: pointer;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .registration-tabs span.active {
  color: #5959eb;
  border: 1px solid #5959eb;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .registration-tabs .course-tab {
  border-radius: 5px 0px 0px 5px;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .registration-tabs .program-tab {
  border-radius: 0px 5px 5px 0px;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .search-wrapper {
  display: flex;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments {
  display: flex;
  border: 1px solid #d7d7e4;
  border-radius: 8px;
}

@media (max-width: 768px) {
  #admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments {
    margin-top: 10px;
    flex-direction: column;
  }
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul {
  flex: 0.5;
  padding: 16px;
}

@media (max-width: 768px) {
  #admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul {
    flex: 1;
    max-height: max-content;
  }
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul .archive-flag {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  background: #ffdede;
  padding: 2px 4px;
  border: 1px solid #feb9ba;
  border-radius: 4px;
  color: #850305;
  display: inline-block;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.currently-enrolled .loading-indicator, #admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.not-enrolled .loading-indicator {
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.currently-enrolled .filter-group, #admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.not-enrolled .filter-group {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.currently-enrolled .filter-group .enrollment-count-group, #admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.not-enrolled .filter-group .enrollment-count-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.currently-enrolled .filter-group .enrollment-count-group .enrollment-count, #admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.not-enrolled .filter-group .enrollment-count-group .enrollment-count {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.01em;
  text-indent: 0px;
  background-color: #f3f3f7;
  color: #09092d;
  padding: 2px 4px;
  border: 1px solid #ebebf1;
  border-radius: 4px;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.currently-enrolled .filter-group .search-wrapper, #admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.not-enrolled .filter-group .search-wrapper {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.currently-enrolled .filter-group .search-wrapper .ds-search, #admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.not-enrolled .filter-group .search-wrapper .ds-search {
  width: 130px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #d7d7e4;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.currently-enrolled {
  border-right: 1px solid #d7d7e4;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.currently-enrolled .enrollment-info .title-group p, #admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.currently-enrolled .enrollment-info .enrollment-dates-group p {
  margin: 0;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.currently-enrolled .enrollment-info .title-group {
  display: flex;
  gap: 4px;
  margin-bottom: 4px;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.currently-enrolled .enrollment-info .enrollment-dates-group {
  display: flex;
  gap: 8px;
  align-items: center;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments ul.currently-enrolled .enrollment-info .enrollment-dates-group .icon {
  font-size: 4px;
  color: #747481;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments .class-list-wrapper {
  max-height: 600px;
  overflow-y: auto;
  padding: 2px;
}

@media (max-width: 768px) {
  #admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments .class-list-wrapper {
    max-height: max-content;
  }
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments h3 {
  font-size: 16px;
  line-height: 19.5px;
  font-weight: bold;
  color: #09092d;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments li {
  background: #ffffff;
  border-radius: 12px;
  width: auto;
  height: auto;
  padding: 8px 12px;
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments li .enrollment-button i {
  font-size: 16px;
  cursor: pointer;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments li .enrollment-button i.fa-times-circle {
  color: #5959eb;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments li .enrollment-button i.fa-plus-circle {
  color: #23ab41;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments p {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  display: flex;
  align-items: center;
  color: #57576B;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments p.display-name {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #5959eb;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments p:not(:last-child) {
  margin-bottom: 5px;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .enrollments p + p {
  margin-top: unset;
}

#admin-panel .management-container .user-info .info-detail .bulk-registration .result-number {
  display: block;
  width: 364px;
  text-align: center;
  margin: 16px auto;
  font-size: 12px;
  line-height: 16px;
  color: #09092d;
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons {
  margin-top: 32px;
  padding: 18px 0;
  position: sticky;
  bottom: 0;
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  width: 100vw;
  box-sizing: border-box;
  margin-left: -80px;
  padding-left: 80px;
  padding-right: 80px;
  background-color: #ffffff;
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons .delete-button {
  font-size: 16px;
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  float: none;
  box-shadow: none;
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button:hover, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button.active {
  text-decoration: none;
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button .icon, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button .fa, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button .fas, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button .far, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button .fal {
  margin-right: 5px;
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button:hover, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button[disabled], #admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button.disabled, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button:disabled, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .save-button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  float: none;
  font-size: 12px;
  margin-right: 0;
  box-shadow: none;
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button:hover, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button.active {
  text-decoration: none;
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button .icon, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button .fa, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button .fas, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button .far, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button .fal {
  margin-right: 5px;
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button:hover, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button[disabled], #admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button.disabled, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button:disabled, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

#admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button[disabled]:focus, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button.disabled:focus, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button:disabled:focus, #admin-panel .management-container .user-info .info-detail .confirmation-buttons .cancel-button.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

@media (max-width: 768px) {
  #admin-panel .management-container .user-info .info-detail .confirmation-buttons {
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

#admin-panel .management-container .user-info label {
  font-size: 14px;
  line-height: 22px;
  color: #59599a;
  font-weight: normal;
  font-style: normal;
}

@media (max-width: 576px) {
  #admin-panel .management-container .user-info {
    max-width: 100%;
  }
}

#admin-panel .management-container .users {
  width: 100%;
  min-height: 135px;
  padding: 0;
  border: 1px solid #b0b0cd;
  border-radius: 8px;
  overflow-x: auto;
}

#admin-panel .management-container .users table th a.order-link {
  color: #1f1f59;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  display: flex;
  align-items: center;
}

#admin-panel .management-container .users table th a.order-link:hover, #admin-panel .management-container .users table th a.order-link:active, #admin-panel .management-container .users table th a.order-link:focus {
  text-shadow: 0.25px 0.25px 0 #1f1f59;
  color: #1f1f59;
  text-decoration: none;
  border-bottom: 0;
}

#admin-panel .management-container .users table th a.order-link .toggle {
  background: url("/static/admin/img/sorting-icons.3a097b59f104.svg") 0 0 no-repeat;
  margin-left: 20px;
  width: 14px;
  height: 14px;
  display: none;
}

#admin-panel .management-container .users table th a.order-link.descending .toggle {
  top: 1px;
  background-position: 0 -56px;
  display: block;
}

#admin-panel .management-container .users table th a.order-link.ascending .toggle {
  background-position: 0 -28px;
  display: block;
}

#admin-panel .management-container .users table .user-row a.user-link, #admin-panel .management-container .users table .user-row a.edit-link {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  font-weight: bold;
}

#admin-panel .management-container .users table .user-row a.user-link:hover, #admin-panel .management-container .users table .user-row a.user-link:active, #admin-panel .management-container .users table .user-row a.user-link:focus, #admin-panel .management-container .users table .user-row a.edit-link:hover, #admin-panel .management-container .users table .user-row a.edit-link:active, #admin-panel .management-container .users table .user-row a.edit-link:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

#admin-panel .management-container .users table .column-status i, #admin-panel .management-container .users table .column-level i {
  font-size: 8px;
  margin-right: 5px;
}

#admin-panel .management-container .users table .column-edit i {
  padding: 0 6px;
  color: #1f1f59;
  cursor: pointer;
  border-radius: 5px;
  font-size: 16px;
}

#admin-panel .management-container .delete-user-page {
  flex: 1;
  display: flex;
}

#admin-panel .management-container .delete-user-page aside {
  flex: 0.5;
}

#admin-panel .management-container .delete-user-page aside img {
  width: 100%;
  height: auto;
}

#admin-panel .management-container .delete-user-page article {
  flex: 0.5;
  padding: 40px 60px 100px;
  position: relative;
}

#admin-panel .management-container .delete-user-page article h1 {
  font-size: 80px;
  line-height: 88px;
  text-align: unset;
  font-weight: 600;
  color: #09092d;
  text-transform: capitalize;
}

#admin-panel .management-container .delete-user-page article p, #admin-panel .management-container .delete-user-page article ul li {
  font-size: 20px;
  line-height: 30px;
  color: #09092d;
}

#admin-panel .management-container .delete-user-page article ul {
  margin-bottom: 32px;
  font-size: 1em;
  list-style: initial;
  padding-left: 1.5em;
}

#admin-panel .management-container .delete-user-page article h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  color: #09092d;
}

#admin-panel .management-container .delete-user-page article .cancel-delete {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-size: 16px;
  padding: 14.5px 52px;
  margin-right: 35px;
}

#admin-panel .management-container .delete-user-page article .cancel-delete:hover, #admin-panel .management-container .delete-user-page article .cancel-delete.active {
  text-decoration: none;
}

#admin-panel .management-container .delete-user-page article .cancel-delete .icon, #admin-panel .management-container .delete-user-page article .cancel-delete .fa, #admin-panel .management-container .delete-user-page article .cancel-delete .fas, #admin-panel .management-container .delete-user-page article .cancel-delete .far, #admin-panel .management-container .delete-user-page article .cancel-delete .fal {
  margin-right: 5px;
}

#admin-panel .management-container .delete-user-page article .cancel-delete, #admin-panel .management-container .delete-user-page article .cancel-delete:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

#admin-panel .management-container .delete-user-page article .cancel-delete:hover, #admin-panel .management-container .delete-user-page article .cancel-delete.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .management-container .delete-user-page article .cancel-delete[disabled], #admin-panel .management-container .delete-user-page article .cancel-delete.disabled, #admin-panel .management-container .delete-user-page article .cancel-delete:disabled, #admin-panel .management-container .delete-user-page article .cancel-delete.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

#admin-panel .management-container .delete-user-page article .cancel-delete[disabled]:focus, #admin-panel .management-container .delete-user-page article .cancel-delete.disabled:focus, #admin-panel .management-container .delete-user-page article .cancel-delete:disabled:focus, #admin-panel .management-container .delete-user-page article .cancel-delete.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

#admin-panel .management-container .delete-user-page article .confirm-delete {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-size: 16px;
  padding: 14.5px 52px;
}

#admin-panel .management-container .delete-user-page article .confirm-delete:hover, #admin-panel .management-container .delete-user-page article .confirm-delete.active {
  text-decoration: none;
}

#admin-panel .management-container .delete-user-page article .confirm-delete .icon, #admin-panel .management-container .delete-user-page article .confirm-delete .fa, #admin-panel .management-container .delete-user-page article .confirm-delete .fas, #admin-panel .management-container .delete-user-page article .confirm-delete .far, #admin-panel .management-container .delete-user-page article .confirm-delete .fal {
  margin-right: 5px;
}

#admin-panel .management-container .delete-user-page article .confirm-delete:hover, #admin-panel .management-container .delete-user-page article .confirm-delete.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .management-container .delete-user-page article .confirm-delete:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#admin-panel .management-container .delete-user-page article .confirm-delete[disabled], #admin-panel .management-container .delete-user-page article .confirm-delete.disabled, #admin-panel .management-container .delete-user-page article .confirm-delete:disabled, #admin-panel .management-container .delete-user-page article .confirm-delete.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#admin-panel .management-container .credential-container {
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  padding: 32px;
  width: 100%;
  margin-bottom: 30px;
  background: #ffffff;
}

#admin-panel .management-container .credential-container header h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #09092d;
  margin-bottom: 4px;
}

#admin-panel .management-container .credential-container header p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #09092d;
}

#admin-panel .management-container .credential-container .api-name {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #09092d;
  margin: 30px 0px 8px;
}

#admin-panel .management-container .credential-container .credential-item.client-id {
  margin: 8px 0;
}

#admin-panel .management-container .credential-container .credential-item h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #09092d;
  margin-bottom: 8px;
}

#admin-panel .management-container .credential-container .credential-item .copy-container {
  box-sizing: border-box;
  display: flex;
  padding: 12px 16px;
  border: 1px solid #b0b0cd;
  border-radius: 4px;
  justify-content: space-between;
}

#admin-panel .management-container .credential-container .credential-item .copy-container p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: rgba(114, 114, 114, 0.8);
  overflow: hidden;
  text-overflow: ellipsis;
}

#admin-panel .management-container .credential-container .credential-item .copy-container a {
  color: #09092d;
  color: #09092d;
  border-bottom: 0 !important;
  padding: 0;
}

#admin-panel .management-container .credential-container .credential-item .copy-container a:hover, #admin-panel .management-container .credential-container .credential-item .copy-container a:active, #admin-panel .management-container .credential-container .credential-item .copy-container a:focus {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  text-decoration: none;
  border-bottom: 0;
}

#admin-panel .management-container .credential-container .credential-item .copy-container a.active {
  color: #09092d;
  font-weight: 600;
  border-bottom: 0;
}

#admin-panel .management-container .credential-container .credential-item .copy-container a.active:hover {
  text-shadow: 0.25px 0.25px 0 #09092d;
}

#admin-panel .management-container .credential-container .credential-item .copy-container a.active:hover:before {
  text-shadow: none;
}

#admin-panel .management-container .api-column {
  border: 1px solid #d7d7e4;
  border-radius: 4px;
  padding: 32px;
  background: #ffffff;
  margin-bottom: 30px;
}

#admin-panel .management-container .api-column .api-header {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
}

#admin-panel .management-container .api-column .api-header h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #09092d;
  margin-bottom: 4px;
}

#admin-panel .management-container .api-column .api-items {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}

#admin-panel .management-container .api-column .api-items .api-input {
  box-sizing: border-box;
  padding: 8px 12px;
  border: 1px solid #ebebf1;
  border-radius: 4px;
  height: 39px;
  width: 65%;
  height: 36px;
  font-size: 14px;
  color: #7a7aae;
  border-color: #b0b0cd;
}

#admin-panel .management-container .api-column .api-items h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #09092d;
  margin-bottom: 8px;
}

#admin-panel .management-container .api-column .api-items .help {
  font-size: 10px;
  line-height: 16px;
  color: rgba(114, 114, 114, 0.8);
  font-weight: normal;
}

#admin-panel .management-container .api-column .privilege-items h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #09092d;
  margin-bottom: 8px;
}

#admin-panel .management-container .api-column .privilege-items .filter-group {
  display: flex;
  gap: 10px;
}

#admin-panel .management-container .api-column .privilege-items .filter-group .group-item {
  border: 1px solid #d7d7e4;
  padding: 16px 5px;
  border-radius: 4px;
}

#admin-panel .management-container .api-column .privilege-items .filter-group .group-item input {
  display: none;
}

#admin-panel .management-container .api-column .privilege-items .filter-group .group-item input:checked + label::before {
  content: "\f192";
  font-weight: 400;
  color: #5959eb;
  padding: 6px;
}

#admin-panel .management-container .api-column .privilege-items .filter-group .group-item label {
  color: #09092d;
  padding-right: 40px;
  margin: 0;
  font: inherit;
  font-size: 16px;
  font-weight: 700;
}

#admin-panel .management-container .api-column .privilege-items .filter-group .group-item label::before {
  font-family: "Font Awesome 7 Pro";
  font-size: 16px;
  line-height: 1;
  content: "\f111";
  font-weight: 300;
  color: #b0b0cd;
  margin-right: 4px;
  padding: 6px;
}

#admin-panel .management-container .api-column .endpoint-grid {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}

#admin-panel .management-container .api-column .endpoint-grid .category-fieldset {
  border: none;
  padding: 0;
}

#admin-panel .management-container .api-column .endpoint-grid .category-fieldset .category-header {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  margin-bottom: 8px;
}

#admin-panel .management-container .api-column .endpoint-grid .category-fieldset .category-header .category-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 4px;
}

#admin-panel .management-container .api-column .endpoint-grid .category-fieldset .category-header .category-field {
  display: flex;
  gap: 8px;
  align-items: center;
}

#admin-panel .management-container .api-column .endpoint-grid .category-fieldset .category-header legend {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

#admin-panel .management-container .api-column .endpoint-grid .category-fieldset .category-endpoints {
  margin-left: 16px;
  position: relative;
  padding-left: 16px;
  display: none;
}

#admin-panel .management-container .api-column .endpoint-grid .category-fieldset .category-endpoints .endpoint-item {
  padding: 4px 2px;
  position: relative;
}

#admin-panel .management-container .api-column .endpoint-grid .category-fieldset .category-endpoints .endpoint-item::after {
  content: '';
  position: absolute;
  left: -16px;
  top: 0;
  width: 1px;
  background: #b0b0cd;
  height: 100%;
}

#admin-panel .management-container .api-column .endpoint-grid .category-fieldset .category-endpoints .endpoint-item::before {
  content: '';
  position: absolute;
  left: -16px;
  top: 50%;
  width: 16px;
  height: 1px;
  background: #b0b0cd;
  transform: translateY(-50%);
}

#admin-panel .management-container .api-column .endpoint-grid .category-fieldset .category-endpoints .endpoint-item label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #1f1f59;
  background-color: #ebebf1;
  padding: 2px;
  border-radius: 4px;
}

#admin-panel .management-container .api-column .endpoint-grid .category-fieldset .category-endpoints .endpoint-item.last-visible::after {
  bottom: 50%;
  height: 50%;
}

#admin-panel .management-container .api-column .confirmation-buttons {
  margin-bottom: 15px;
  padding-top: 18px;
}

#admin-panel .management-container .api-column .confirmation-buttons .save-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  float: right;
  font-size: 14px;
  box-shadow: none;
}

#admin-panel .management-container .api-column .confirmation-buttons .save-button:hover, #admin-panel .management-container .api-column .confirmation-buttons .save-button.active {
  text-decoration: none;
}

#admin-panel .management-container .api-column .confirmation-buttons .save-button .icon, #admin-panel .management-container .api-column .confirmation-buttons .save-button .fa, #admin-panel .management-container .api-column .confirmation-buttons .save-button .fas, #admin-panel .management-container .api-column .confirmation-buttons .save-button .far, #admin-panel .management-container .api-column .confirmation-buttons .save-button .fal {
  margin-right: 5px;
}

#admin-panel .management-container .api-column .confirmation-buttons .save-button:hover, #admin-panel .management-container .api-column .confirmation-buttons .save-button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .management-container .api-column .confirmation-buttons .save-button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#admin-panel .management-container .api-column .confirmation-buttons .save-button[disabled], #admin-panel .management-container .api-column .confirmation-buttons .save-button.disabled, #admin-panel .management-container .api-column .confirmation-buttons .save-button:disabled, #admin-panel .management-container .api-column .confirmation-buttons .save-button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#admin-panel .management-container .api-column .confirmation-buttons button.cancel-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  float: right;
  font-size: 14px;
  color: #1f1f59;
  background-color: #ebebf1;
  margin-right: 15px;
  box-shadow: none;
}

#admin-panel .management-container .api-column .confirmation-buttons button.cancel-button:hover, #admin-panel .management-container .api-column .confirmation-buttons button.cancel-button.active {
  text-decoration: none;
}

#admin-panel .management-container .api-column .confirmation-buttons button.cancel-button .icon, #admin-panel .management-container .api-column .confirmation-buttons button.cancel-button .fa, #admin-panel .management-container .api-column .confirmation-buttons button.cancel-button .fas, #admin-panel .management-container .api-column .confirmation-buttons button.cancel-button .far, #admin-panel .management-container .api-column .confirmation-buttons button.cancel-button .fal {
  margin-right: 5px;
}

#admin-panel .management-container .api-column .confirmation-buttons button.cancel-button, #admin-panel .management-container .api-column .confirmation-buttons button.cancel-button:focus {
  color: #ffffff;
  background-color: rgba(9, 9, 45, 0.5);
}

#admin-panel .management-container .api-column .confirmation-buttons button.cancel-button:hover, #admin-panel .management-container .api-column .confirmation-buttons button.cancel-button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .management-container .api-column .confirmation-buttons button.cancel-button[disabled], #admin-panel .management-container .api-column .confirmation-buttons button.cancel-button.disabled, #admin-panel .management-container .api-column .confirmation-buttons button.cancel-button:disabled, #admin-panel .management-container .api-column .confirmation-buttons button.cancel-button.is-disabled {
  color: #09092d;
  background-color: #4c4c8e;
}

#admin-panel .management-container .api-column .confirmation-buttons button.cancel-button[disabled]:focus, #admin-panel .management-container .api-column .confirmation-buttons button.cancel-button.disabled:focus, #admin-panel .management-container .api-column .confirmation-buttons button.cancel-button:disabled:focus, #admin-panel .management-container .api-column .confirmation-buttons button.cancel-button.is-disabled:focus {
  color: #09092d;
  background-color: #4c4c8e;
}

#admin-panel .management-container .api-container {
  min-width: 530px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  padding: 32px;
  background: #ffffff;
  margin-bottom: 30px;
}

#admin-panel .management-container .api-container header {
  margin-bottom: 32px;
}

#admin-panel .management-container .api-container header .contact-wrapper p {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
  margin-bottom: 8px;
}

#admin-panel .management-container .api-container .api-header {
  display: flex;
  align-items: center;
}

#admin-panel .management-container .api-container .api-header h3 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
  margin-bottom: 4px;
}

#admin-panel .management-container .api-container .api-header .api-group {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.01em;
  text-indent: 0px;
  min-width: 30px;
  border: none;
  padding: 4px;
  margin-left: 8px;
  pointer-events: initial;
  border-radius: 2px;
}

#admin-panel .management-container .api-container .api-header .api-group-reader {
  background: #ffeca9;
  color: #967500;
}

#admin-panel .management-container .api-container .api-header .api-group-writer {
  background: #ccccff;
  color: #1717ab;
}

#admin-panel .management-container .api-container .api-header .api-buttons {
  justify-content: space-between;
  display: flex;
  align-items: center;
  gap: 10px;
}

#admin-panel .management-container .api-container .api-header .api-buttons .button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  padding: 4px 8px;
  height: 24px;
  border-radius: 4px;
  box-shadow: none;
}

#admin-panel .management-container .api-container .api-header .api-buttons .button:hover, #admin-panel .management-container .api-container .api-header .api-buttons .button.active {
  text-decoration: none;
}

#admin-panel .management-container .api-container .api-header .api-buttons .button .icon, #admin-panel .management-container .api-container .api-header .api-buttons .button .fa, #admin-panel .management-container .api-container .api-header .api-buttons .button .fas, #admin-panel .management-container .api-container .api-header .api-buttons .button .far, #admin-panel .management-container .api-container .api-header .api-buttons .button .fal {
  margin-right: 5px;
}

#admin-panel .management-container .api-container .api-header .api-buttons .button:hover, #admin-panel .management-container .api-container .api-header .api-buttons .button.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#admin-panel .management-container .api-container .api-header .api-buttons .button:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#admin-panel .management-container .api-container .api-header .api-buttons .button[disabled], #admin-panel .management-container .api-container .api-header .api-buttons .button.disabled, #admin-panel .management-container .api-container .api-header .api-buttons .button:disabled, #admin-panel .management-container .api-container .api-header .api-buttons .button.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#admin-panel .management-container .api-container .api-header .api-buttons .update-permissions {
  background-color: #ebebf1;
  color: #1f1f59;
}

#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal .modal-content {
  background-color: #fefefe;
  border: 1px solid #888;
  width: 1144px;
  border-radius: 8px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: left;
}

#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal .modal-content .modal-header {
  background-color: #5959eb;
  color: #ffffff;
  padding: 16px 24px;
  border-radius: 8px 8px 0 0;
}

#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal .modal-content .modal-header .modal-title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal .modal-content .modal-header .modal-title i {
  margin-left: 24px;
  cursor: pointer;
}

#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal .modal-content .modal-header .modal-title .icon {
  border-radius: 4px;
  padding: 6px 10px 6px 10px;
  visibility: hidden;
  transition-duration: 0.3s;
}

#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal .modal-content .modal-header .modal-title .icon:hover {
  color: #ffffff;
  background-color: #5959eb;
}

#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal .modal-content .modal-header .modal-title:hover > .icon {
  visibility: visible;
}

#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal .modal-content .modal-header .close {
  color: #aaa;
  float: right;
  font-weight: bold;
}

#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal .modal-content .modal-header .close:hover,
#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal .modal-content .modal-header .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal .modal-content .content {
  display: flex;
  flex-direction: column;
  padding: 16px 24px;
}

#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal .modal-content .content .api-column {
  padding: 0;
  border: 0;
}

#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal .modal-content .content .api-column .privilege-items h3 {
  margin-bottom: 16px;
}

#admin-panel .management-container .api-container .api-header .api-buttons .api-update-permissions-modal .modal-content .buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid #d7d7e4;
  margin-top: 15px;
  padding: 15px 20px;
  cursor: pointer;
}

#admin-panel .management-container .api-container .api-header .api-buttons .delete-button {
  cursor: pointer;
}

#admin-panel .management-container .api-container .api-credential-item.client-id {
  margin: 8px 0;
  align-items: center;
  gap: 35px;
}

#admin-panel .management-container .api-container .api-credential-item.client-secret {
  margin: 8px 0;
  align-items: center;
  gap: 10px;
}

#admin-panel .management-container .api-container .api-credential-item h3 {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #09092d;
  margin-bottom: 8px;
}

#admin-panel .management-container .api-container .api-credential-item .copy-container {
  box-sizing: border-box;
  display: flex;
  padding: 8px 12px;
  border: 1px solid #b0b0cd;
  border-radius: 4px;
  justify-content: space-between;
  width: 65%;
}

#admin-panel .management-container .api-container .api-credential-item .copy-container p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #09092d;
  overflow: hidden;
  text-overflow: ellipsis;
}

#admin-panel .management-container .api-container .api-credential-item .copy-container a {
  color: #09092d;
  color: #09092d;
  border-bottom: 0 !important;
  cursor: pointer;
  padding: 0;
  cursor: pointer;
}

#admin-panel .management-container .api-container .api-credential-item .copy-container a:hover, #admin-panel .management-container .api-container .api-credential-item .copy-container a:active, #admin-panel .management-container .api-container .api-credential-item .copy-container a:focus {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  text-decoration: none;
  border-bottom: 0;
}

#admin-panel .management-container .api-container .api-credential-item .copy-container a.active {
  color: #09092d;
  font-weight: 600;
  border-bottom: 0;
}

#admin-panel .management-container .api-container .api-credential-item .copy-container a.active:hover {
  text-shadow: 0.25px 0.25px 0 #09092d;
}

#admin-panel .management-container .api-container .api-credential-item .copy-container a.active:hover:before {
  text-shadow: none;
}

#admin-panel .tabs-wrapper .actions {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  margin: 0;
}

#admin-panel .tabs-wrapper .actions li {
  position: relative;
  display: inherit;
  align-items: inherit;
}

#admin-panel .tabs-wrapper .actions li:not(:last-child) {
  margin-right: 20px;
}

#admin-panel .tabs-wrapper .actions li a {
  display: inherit;
  align-items: center;
}

#admin-panel .tabs-wrapper .actions li a.download-item {
  padding-left: 55px;
}

#admin-panel .tabs-wrapper .actions li a.download-item i {
  font-size: 18px;
}

#admin-panel .tabs-wrapper .actions li a.download-item.red-dot::after {
  content: "";
  position: absolute;
  right: 0;
  top: 33%;
  width: 8px;
  height: 8px;
  background: #f22f31;
  border-radius: 100%;
}

#admin-panel .tabs-wrapper .actions li a.active {
  color: #5959eb;
  font-weight: 600;
}

#admin-panel .tabs-wrapper .actions li div.dropdown-download-menu .dropdown-download-item a {
  font-size: 14px;
}

@media (max-width: 767px) {
  #admin-panel .tabs-wrapper .actions li div.dropdown-download-menu .dropdown-download-item a {
    color: #09092d;
  }
}

#admin-panel .tabs-wrapper .actions li div.dropdown-download-menu .dropdown-download-item a .fal, #admin-panel .tabs-wrapper .actions li div.dropdown-download-menu .dropdown-download-item a .far {
  margin-right: 10px;
}

#admin-panel .tabs-wrapper .actions li .dropdown-download-menu {
  transition: all 0.2s ease-in-out;
  display: none;
  visibility: hidden;
  min-width: 201px;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-color: #e3e3e3;
  border-width: 0;
  top: 55px;
  position: absolute;
  z-index: 10;
  background-color: #ffffff;
  right: 0;
}

#admin-panel .tabs-wrapper .actions li .dropdown-download-menu h3 {
  font-size: 14px;
  font-weight: 400;
  margin: 10px;
  color: #09092d;
}

#admin-panel .tabs-wrapper .actions li .dropdown-download-menu .dropdown-download-item {
  border-bottom: 0;
  white-space: nowrap;
}

#admin-panel .tabs-wrapper .actions li .dropdown-download-menu .dropdown-download-item:not(:last-child) {
  border-bottom: 1px solid #e3e3e3;
}

#admin-panel .tabs-wrapper .actions li .dropdown-download-menu .dropdown-download-item a {
  font-weight: 400;
  padding: 10px 15px;
  display: block;
}

#admin-panel .tabs-wrapper .actions li .dropdown-download-menu .dropdown-download-item a:focus {
  background-color: transparent;
  color: #5959eb;
}

#admin-panel .tabs-wrapper .actions li .dropdown-download-menu .dropdown-download-item:hover, #admin-panel .tabs-wrapper .actions li .dropdown-download-menu .dropdown-download-item:active {
  background-color: transparent;
}

#admin-panel .tabs-wrapper .actions li .dropdown-download-menu .dropdown-download-item:hover a, #admin-panel .tabs-wrapper .actions li .dropdown-download-menu .dropdown-download-item:active a {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
}

#admin-panel .tabs-wrapper .actions li.download-item-container {
  position: relative;
}

#admin-panel .tabs-wrapper .actions li.download-item-container:hover .dropdown-download-menu {
  display: block;
  visibility: visible;
}

@media (max-width: 768px) {
  #admin-panel .tabs-wrapper .actions {
    position: absolute;
    right: 16px;
    top: 24px;
    transform: translateY(-50%);
  }
}

#admin-panel .enrollment-buttons-portal {
  left: 0;
  right: 0;
  z-index: 100;
  background: #ffffff;
  padding: 16px 24px;
  position: sticky;
  bottom: 0;
  border-bottom: 1px solid #d7d7e4;
}

#admin-panel .enrollment-buttons-portal .enrollment-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.admin-panel-passwordreset button.action-update:first-child {
  display: none;
}

.admin-panel-passwordreset button.action-update:last-child {
  display: block;
}

.admin-panel-passwordreset h2.section-title span.text:first-child {
  display: none;
}

.admin-panel-passwordreset h2.section-title span.text:last-child {
  display: block;
}

#page-notification .wrapper-notification {
  box-shadow: none;
  width: 530px;
  right: 0;
  border-radius: 10px;
  padding: 20px 15px;
  transform: translateY(100%);
  right: 60px;
}

#page-notification .wrapper-notification .feedback-symbol {
  background-color: white;
  height: auto;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#page-notification .wrapper-notification .feedback-symbol:before {
  color: #f3c316;
}

#page-notification .wrapper-notification .copy {
  width: 390px;
  float: none;
  margin-right: 0;
}

#page-notification .wrapper-notification .copy h2, #page-notification .wrapper-notification .copy p {
  color: #ffffff;
}

#page-notification .wrapper-notification .copy h2 {
  font-weight: 600;
  font-size: 18px;
  overflow: visible;
}

#page-notification .wrapper-notification .copy p {
  font-weight: 400;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  margin-top: 10px;
}

@media (max-width: 768px) {
  #page-notification .wrapper-notification {
    width: 430px;
    bottom: 40% !important;
    left: calc((100% - 430px) / 2);
    box-shadow: 1px 1px 4px #e3e3e3;
  }
}

#page-notification .wrapper-notification .nav-actions {
  display: block;
  float: none;
  width: 100%;
  margin-top: 10px;
  text-align: right;
}

#page-notification .wrapper-notification .nav-actions .nav-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

#page-notification .wrapper-notification .nav-actions .nav-item button {
  line-height: initial;
}

#page-notification .wrapper-notification .nav-actions .action-secondary {
  color: #ffffff;
  font-size: 12px;
  background-color: transparent !important;
  background-image: none;
  border: none;
  box-shadow: none;
  text-shadow: none;
  font-weight: 600;
}

#page-notification .wrapper-notification .nav-actions .action-secondary:focus {
  outline: none;
}

#page-notification .wrapper-notification .nav-actions .action-primary {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-weight: 600;
  color: #09092d !important;
  background-color: #ffffff !important;
  font-size: 12px;
}

#page-notification .wrapper-notification .nav-actions .action-primary:hover, #page-notification .wrapper-notification .nav-actions .action-primary.active {
  text-decoration: none;
}

#page-notification .wrapper-notification .nav-actions .action-primary .icon, #page-notification .wrapper-notification .nav-actions .action-primary .fa, #page-notification .wrapper-notification .nav-actions .action-primary .fas, #page-notification .wrapper-notification .nav-actions .action-primary .far, #page-notification .wrapper-notification .nav-actions .action-primary .fal {
  margin-right: 5px;
}

#page-notification .wrapper-notification .nav-actions .action-primary:hover, #page-notification .wrapper-notification .nav-actions .action-primary.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#page-notification .wrapper-notification .nav-actions .action-primary:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#page-notification .wrapper-notification .nav-actions .action-primary[disabled], #page-notification .wrapper-notification .nav-actions .action-primary.disabled, #page-notification .wrapper-notification .nav-actions .action-primary:disabled, #page-notification .wrapper-notification .nav-actions .action-primary.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

@media (max-width: 768px) {
  #page-notification .wrapper-notification .notification .copy {
    width: 280px !important;
  }
}

#page-notification .wrapper-notification .notification .action-close {
  position: absolute;
  right: 30px;
  top: 20px;
  color: #ffffff;
  font-family: "Font Awesome 7 Pro";
}

#page-notification .wrapper-notification .notification {
  padding: 0;
}

#page-notification .wrapper-notification-info {
  background-color: #23ab41;
}

#page-notification .wrapper-notification-info .feedback-symbol:before {
  color: #23ab41;
}

#page-notification .wrapper-notification-error {
  background-color: #f22f31;
}

#page-notification .wrapper-notification-error .feedback-symbol:before {
  color: #f22f31;
}

#page-notification .wrapper-notification-warning {
  background-color: #f3c316;
}

#page-notification .wrapper-notification-mini {
  background-color: #23ab41;
  border: none;
  width: 380px;
}

#page-notification .wrapper-notification-mini .feedback-symbol:before {
  color: #23ab41;
}

#page-notification .wrapper-notification-mini .copy {
  width: auto;
}

#page-notification .wrapper-notification-mini .notification.mini .feedback-symbol {
  transform-origin: initial;
}

#page-notification .wrapper-notification-mini .nav-actions {
  display: block;
  float: none;
  width: 100%;
  margin-top: 10px;
}

#page-notification .wrapper-notification-mini .nav-actions .action-secondary {
  color: #ffffff;
  font-size: 12px;
}

#page-notification .wrapper-notification-mini .nav-actions .action-primary {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  color: #09092d;
  background-color: #ffffff;
  font-weight: 600;
  color: #09092d;
  font-size: 12px;
}

#page-notification .wrapper-notification-mini .nav-actions .action-primary:hover, #page-notification .wrapper-notification-mini .nav-actions .action-primary.active {
  text-decoration: none;
}

#page-notification .wrapper-notification-mini .nav-actions .action-primary .icon, #page-notification .wrapper-notification-mini .nav-actions .action-primary .fa, #page-notification .wrapper-notification-mini .nav-actions .action-primary .fas, #page-notification .wrapper-notification-mini .nav-actions .action-primary .far, #page-notification .wrapper-notification-mini .nav-actions .action-primary .fal {
  margin-right: 5px;
}

#page-notification .wrapper-notification-mini .nav-actions .action-primary:hover, #page-notification .wrapper-notification-mini .nav-actions .action-primary.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#page-notification .wrapper-notification-mini .nav-actions .action-primary:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#page-notification .wrapper-notification-mini .nav-actions .action-primary[disabled], #page-notification .wrapper-notification-mini .nav-actions .action-primary.disabled, #page-notification .wrapper-notification-mini .nav-actions .action-primary:disabled, #page-notification .wrapper-notification-mini .nav-actions .action-primary.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

#page-notification .wrapper-notification-mini .action-close {
  position: absolute;
  right: 30px;
  top: 20px;
  color: white;
}

#page-notification .wrapper-notification-mini .action-close .label {
  display: none;
}

@-webkit-keyframes notificationSlideUp {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

@-moz-keyframes notificationSlideUp {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

@keyframes notificationSlideUp {
  0% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

@-webkit-keyframes notificationSlideDown {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@-moz-keyframes notificationSlideDown {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}

@keyframes notificationSlideDown {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}

#page-notification .wrapper-notification.is-shown {
  animation: notificationSlideUp 0.5s ease-in-out 1;
  animation-fill-mode: forwards;
}

#page-notification .wrapper-notification.is-hiding {
  animation: notificationSlideDown 0.5s ease-in-out 1;
  animation-fill-mode: forwards;
}

#admin-panel .management-container.csv_registration .header,
#admin-panel .management-container.batch-enrollment .header {
  margin-top: 30px;
}

#admin-panel .management-container.csv_registration .header .header-wrapper h2,
#admin-panel .management-container.batch-enrollment .header .header-wrapper h2 {
  font-size: 36px;
  color: #09092d;
}

#admin-panel .management-container.csv_registration .settings,
#admin-panel .management-container.batch-enrollment .settings {
  background: #ffffff;
  padding: 24px 32px;
  border: 1px solid #ececec;
  border-radius: 15px;
}

#admin-panel .management-container.csv_registration .settings .setting .description,
#admin-panel .management-container.batch-enrollment .settings .setting .description {
  background: #fff8de;
  color: #967500;
  font-size: 14px;
  line-height: 24px;
  padding: 20px 40px;
  border-radius: 5px;
}

#admin-panel .management-container.csv_registration .settings .setting.batch-enrollment .description,
#admin-panel .management-container.batch-enrollment .settings .setting.batch-enrollment .description {
  color: #09092d;
}

#admin-panel .management-container.csv_registration .settings .setting .field,
#admin-panel .management-container.batch-enrollment .settings .setting .field {
  margin: 32px 0;
}

#admin-panel .management-container.csv_registration .settings .setting .upload-field,
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field {
  display: flex;
  align-items: center;
}

#admin-panel .management-container.csv_registration .settings .setting .upload-field .upload,
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field .upload {
  flex: 1;
}

#admin-panel .management-container.csv_registration .settings .setting .upload-field .upload [role="input"],
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field .upload [role="input"] {
  color: #09092d;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px dashed rgba(9, 9, 45, 0.35);
  border-radius: 10px;
  padding: 30px;
  font-style: normal;
  position: relative;
}

#admin-panel .management-container.csv_registration .settings .setting .upload-field .upload [role="input"] .csv-file,
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field .upload [role="input"] .csv-file {
  font-size: 40px;
}

#admin-panel .management-container.csv_registration .settings .setting .upload-field .upload [role="input"] .lt-btn,
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field .upload [role="input"] .lt-btn {
  padding: 6px 20px;
  box-shadow: none;
  pointer-events: none;
}

#admin-panel .management-container.csv_registration .settings .setting .upload-field .upload [role="input"] .lt-btn .far,
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field .upload [role="input"] .lt-btn .far {
  margin-right: 15px;
}

#admin-panel .management-container.csv_registration .settings .setting .upload-field .upload--has-file [role="input"],
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field .upload--has-file [role="input"] {
  border-style: solid;
  color: #1f1f59;
  align-items: flex-start;
  gap: 10px;
}

#admin-panel .management-container.csv_registration .settings .setting .upload-field .upload--has-file [role="input"] .check,
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field .upload--has-file [role="input"] .check {
  color: #23ab41;
}

#admin-panel .management-container.csv_registration .settings .setting .upload-field .upload--has-file [role="input"] .check i,
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field .upload--has-file [role="input"] .check i {
  margin-right: 10px;
}

#admin-panel .management-container.csv_registration .settings .setting .upload-field .upload--has-file [role="input"] .reset,
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field .upload--has-file [role="input"] .reset {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #09092d;
}

#admin-panel .management-container.csv_registration .settings .setting .upload-field .actions-wrapper,
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field .actions-wrapper {
  flex-basis: 20%;
  margin: 0 80px;
  display: flex;
  justify-content: center;
}

#admin-panel .management-container.csv_registration .settings .setting .upload-field .actions,
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field .actions {
  display: flex;
  flex-direction: column;
}

#admin-panel .management-container.csv_registration .settings .setting .upload-field .actions button,
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field .actions button {
  margin: 4px;
  box-shadow: none;
}

#admin-panel .management-container.csv_registration .settings .setting .results:not(:empty),
#admin-panel .management-container.batch-enrollment .settings .setting .results:not(:empty) {
  margin: 30px 0;
}

#admin-panel .management-container.csv_registration .settings .setting .results > div,
#admin-panel .management-container.batch-enrollment .settings .setting .results > div {
  font-size: 12px;
  line-height: 24px;
  padding: 20px 40px;
  border-radius: 5px;
}

#admin-panel .management-container.csv_registration .settings .setting .results > div strong,
#admin-panel .management-container.batch-enrollment .settings .setting .results > div strong {
  font-size: 14px;
}

#admin-panel .management-container.csv_registration .settings .setting .results .errors,
#admin-panel .management-container.batch-enrollment .settings .setting .results .errors {
  background: rgba(242, 47, 49, 0.2);
}

#admin-panel .management-container.csv_registration .settings .setting .results .errors strong,
#admin-panel .management-container.batch-enrollment .settings .setting .results .errors strong {
  color: #f22f31;
}

#admin-panel .management-container.csv_registration .settings .setting .results .infos,
#admin-panel .management-container.batch-enrollment .settings .setting .results .infos {
  background: rgba(35, 171, 65, 0.2);
}

#admin-panel .management-container.csv_registration .settings .setting .results .infos strong,
#admin-panel .management-container.batch-enrollment .settings .setting .results .infos strong {
  color: #23ab41;
}

#admin-panel .management-container.csv_registration .settings .setting .results .infos p + p,
#admin-panel .management-container.batch-enrollment .settings .setting .results .infos p + p {
  margin-top: 0px;
}

#admin-panel .management-container.csv_registration .settings .setting.batch-enrollment,
#admin-panel .management-container.batch-enrollment .settings .setting.batch-enrollment {
  display: flex;
  flex-direction: column;
}

#admin-panel .management-container.csv_registration .settings .setting.batch-enrollment legend,
#admin-panel .management-container.batch-enrollment .settings .setting.batch-enrollment legend {
  font-weight: bold;
}

#admin-panel .management-container.csv_registration .settings .setting.batch-enrollment .description,
#admin-panel .management-container.batch-enrollment .settings .setting.batch-enrollment .description {
  background: none;
  padding: 10px 0;
}

#admin-panel .management-container.csv_registration .settings .setting.batch-enrollment textarea,
#admin-panel .management-container.batch-enrollment .settings .setting.batch-enrollment textarea {
  margin: 10px 0 25px;
  padding: 14px 26px;
  height: auto;
  font-style: normal;
  font-size: 16px;
}

#admin-panel .management-container.csv_registration .settings .setting.batch-enrollment .actions,
#admin-panel .management-container.batch-enrollment .settings .setting.batch-enrollment .actions {
  align-self: flex-end;
}

@media (max-width: 576px) {
  #admin-panel .management-container.csv_registration .settings .setting .description,
#admin-panel .management-container.batch-enrollment .settings .setting .description {
    padding: 10px;
  }
  #admin-panel .management-container.csv_registration .settings .setting .upload-field,
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field {
    flex-direction: column;
  }
  #admin-panel .management-container.csv_registration .settings .setting .upload-field .upload,
#admin-panel .management-container.batch-enrollment .settings .setting .upload-field .upload {
    width: 100%;
  }
  #admin-panel .management-container.csv_registration .settings .setting .results > div,
#admin-panel .management-container.batch-enrollment .settings .setting .results > div {
    padding: 10px;
  }
}

#admin-panel .management-container.batch-enrollment .settings {
  padding: 0;
  border: none;
  background: none;
}

#admin-panel .management-container.batch-enrollment .settings .setting .selector, #admin-panel .management-container.batch-enrollment .settings .setting .checkbox {
  display: flex;
  align-items: center;
}

#admin-panel .management-container.batch-enrollment .settings .setting .selector label, #admin-panel .management-container.batch-enrollment .settings .setting .checkbox label {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #09092d;
  margin: 0;
}

#admin-panel .management-container.batch-enrollment .settings .setting .selector {
  padding: 20px 50px;
  border: 1px solid #ececec;
  border-radius: 10px;
}

#admin-panel .management-container.batch-enrollment .settings .setting .selector + .selector {
  margin-top: 24px;
}

#admin-panel .management-container.batch-enrollment .settings .setting .selector label {
  flex-basis: 30%;
}

#admin-panel .management-container.batch-enrollment .settings .setting .selector ds-dropdown {
  z-index: unset;
  width: 100%;
}

#admin-panel .management-container.batch-enrollment .settings .setting .selector .lt-react-dropdown {
  flex: 1;
}

#admin-panel .management-container.batch-enrollment .settings .setting .checkbox .react-switch-handle {
  height: 18px !important;
  width: 18px !important;
  margin: 4px !important;
}

#admin-panel .management-container.batch-enrollment .settings .setting .checkbox + .checkbox {
  margin-top: 24px;
}

#admin-panel .management-container.batch-enrollment .settings .setting .checkbox label {
  flex-basis: 20%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

#admin-panel .management-container.batch-enrollment .settings .setting .checkbox .wrapper {
  margin-left: 1em;
}

#admin-panel .management-container.batch-enrollment .settings .setting .select-wrapper .lt-react-dropdown .select {
  height: 36px;
}

#admin-panel .management-container.batch-enrollment .settings .setting .actions {
  margin-top: 24px;
}

#admin-panel .management-container.batch-enrollment .settings .setting .actions button {
  box-shadow: none;
}

#admin-panel .management-container.batch-enrollment .settings .setting .actions button + button {
  margin-left: 10px;
}

#admin-panel .management-container.batch-enrollment .settings .setting.batch-enrollment {
  margin-top: 32px;
}

#admin-panel .management-container.batch-enrollment .settings .setting.batch-enrollment textarea {
  margin: 24px 0;
}

#admin-panel .management-container.batch-enrollment .settings .setting.batch-enrollment .errors p + p {
  margin-top: 0;
}

#admin-panel .management-container.batch-enrollment .settings .setting.batch-enrollment .actions button {
  box-shadow: none;
}

#admin-panel .management-container.batch-enrollment .settings .batch-enrollment-container .ds-table {
  color: #3f3f82;
}

#admin-panel .management-container.batch-enrollment .settings .batch-enrollment-container .ds-table thead {
  color: #6767a5;
}

#admin-panel .management-container.batch-enrollment .settings .batch-enrollment-container .confirmation-modal {
  background: #ffffff;
  border-radius: 4px;
  min-width: Min(400px, 80vw);
  max-width: 678px;
}

#admin-panel .management-container.batch-enrollment .settings .batch-enrollment-container .confirmation-modal > * {
  padding: 16px 24px;
}

#admin-panel .management-container.batch-enrollment .settings .batch-enrollment-container .confirmation-modal h3 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

#admin-panel .management-container.batch-enrollment .settings .batch-enrollment-container .confirmation-modal p {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

#admin-panel .management-container.batch-enrollment .settings .batch-enrollment-container .confirmation-modal .warning-message {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #967500;
  background-color: #ffeca9;
  border-radius: 4px;
  padding: 8px 12px;
  margin: 0 20px 20px 20px;
}

#admin-panel .management-container.batch-enrollment .settings .batch-enrollment-container .confirmation-modal .modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  border-top: 1px solid #d7d7e4;
}

#admin-panel .management-container.batch-enrollment .settings .batch-enrollment-container .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

#admin-panel .management-container.batch-enrollment .settings .batch-enrollment-container .lt-btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container {
  display: flex;
  gap: 16px;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel {
  flex: 1;
  border: 1px solid #ebebf1;
  border-radius: 4px;
  box-shadow: none;
  background: #ffffff;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 600px;
  overflow: hidden;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel h3 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  margin-bottom: 16px;
  flex-shrink: 0;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .content-type-toggle {
  flex-shrink: 0;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .content-list {
  flex: 1;
  overflow-y: auto;
  padding-right: 8px;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .content-list::-webkit-scrollbar {
  width: 8px;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .content-list::-webkit-scrollbar-track {
  background: #ebebf1;
  border-radius: 4px;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .content-list::-webkit-scrollbar-thumb {
  background: #b0b0cd;
  border-radius: 4px;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .content-list::-webkit-scrollbar-thumb:hover {
  background: #8b8bb8;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .results-count {
  flex-shrink: 0;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  text-align: center;
  color: #7a7aae;
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .selected-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 16px;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .selected-content h3 {
  flex-shrink: 0;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .selected-content .content-list {
  flex: 1;
  overflow-y: auto;
  padding-right: 8px;
  margin: 0;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .selected-content .content-list::-webkit-scrollbar {
  width: 8px;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .selected-content .content-list::-webkit-scrollbar-track {
  background: #ebebf1;
  border-radius: 4px;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .selected-content .content-list::-webkit-scrollbar-thumb {
  background: #b0b0cd;
  border-radius: 4px;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .selected-content .content-list::-webkit-scrollbar-thumb:hover {
  background: #8b8bb8;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .panel .selected-content .results-count {
  flex-shrink: 0;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .content-type-toggle {
  display: flex;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .content-type-toggle button {
  flex: 1;
  background: #ffffff;
  border: 1px solid #4c4c8e;
  border-radius: 0;
  height: 40px;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .content-type-toggle button.active {
  background: rgba(89, 89, 235, 0.2);
  color: #5959eb;
  font-weight: 700;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .content-type-toggle button:first-child {
  border-start-start-radius: 8px;
  border-right: none;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .content-type-toggle button:last-child {
  border-start-end-radius: 8px;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .content-item {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #d7d7e4;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .content-item .text {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #5959eb;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .content-item button {
  padding: 0;
  background: none;
  color: #23ab41;
  font-size: 20px;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .content-item.selected-item button {
  color: #f22f31;
}

#admin-panel .management-container.batch-enrollment .settings .select-content-container .results-count {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  text-align: center;
  color: #7a7aae;
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

#admin-panel .management-container.batch-enrollment .settings .ds-tabs {
  justify-content: center;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: max-content;
  margin: 0 auto;
}

#admin-panel .management-container.batch-enrollment .settings .ds-tabs .ds-tab {
  counter-increment: tab;
  border-bottom: none;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  position: relative;
}

#admin-panel .management-container.batch-enrollment .settings .ds-tabs .ds-tab::before {
  content: counter(tab);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  border-radius: 50%;
  background: #d7d7e4;
  z-index: 1;
  margin-bottom: 16px;
}

#admin-panel .management-container.batch-enrollment .settings .ds-tabs .ds-tab:not(:last-child)::after {
  content: "";
  display: block;
  visibility: visible;
  position: absolute;
  left: 50%;
  top: calc(var(--padding-block) + calc(var(--fds-global-space-xl) / 2));
  width: 100%;
  border-bottom: 1px solid #d7d7e4;
}

#admin-panel .management-container.batch-enrollment .settings .ds-tabs .ds-tab.active {
  font-weight: 400;
  color: #09092d;
}

#admin-panel .management-container.batch-enrollment .settings .ds-tabs .ds-tab.active::before {
  color: #ffffff;
  background: #5959eb;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container,
#admin-panel .management-container.batch-enrollment .settings .task-monitor-container {
  padding: 16px 24px;
  background: #ffffff;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .container-header,
#admin-panel .management-container.batch-enrollment .settings .task-monitor-container .container-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .container-header h3,
#admin-panel .management-container.batch-enrollment .settings .task-monitor-container .container-header h3 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .table-wrapper,
#admin-panel .management-container.batch-enrollment .settings .task-monitor-container .table-wrapper {
  width: 100%;
  padding: 0;
  border: 1px solid #b0b0cd;
  border-radius: 8px;
  overflow-x: auto;
}

#admin-panel .management-container.batch-enrollment .settings .notification-box {
  padding: 16px;
  margin: 16px 0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

#admin-panel .management-container.batch-enrollment .settings .notification-box.success {
  background-color: #d7ffe0;
  color: #007018;
}

#admin-panel .management-container.batch-enrollment .settings .notification-box.error {
  background-color: #ffdede;
  color: #aa0608;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .filters-container {
  margin-bottom: 1.5rem;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .filters-container .filters-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  align-items: flex-end;
  justify-self: stretch;
  gap: 8px;
  --datepicker-width: 100%;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .filters-container .filters-row .ds-search {
  grid-column-start: 1;
  grid-column-end: 3;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .filters-container .filters-row ds-dropdown,
#admin-panel .management-container.batch-enrollment .settings .select-users-container .filters-container .filters-row .ds-search input {
  width: 100%;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .filters-container .filters-row ds-dropdown {
  z-index: unset;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .users-table .table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .users-table .table-header .selected-count {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .users-table .table-header .show-selected label {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .users-table .pagination-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .users-table .pagination-wrapper .users-count {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .selected-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0;
  align-items: center;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .selected-filters ds-tag {
  margin-right: 10px;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .selected-filters ds-tag .fa-xmark {
  cursor: pointer;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  padding: 8px 16px 8px 16px;
  margin: 20px 0px;
  position: relative;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
  #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification {
    flex-direction: column;
  }
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .message {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #59599a;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .message span {
  color: #5959eb;
  margin-right: 10px;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions {
  display: flex;
  align-items: center;
  cursor: pointer;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .select-all-btn, #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .unselect-all-btn {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  color: #09092d;
  background-color: #ffffff;
  font-weight: 500;
  color: #59599a;
  font-size: 14px;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .select-all-btn:hover, #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .select-all-btn.active, #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .unselect-all-btn:hover, #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .unselect-all-btn.active {
  text-decoration: none;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .select-all-btn .icon, #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .select-all-btn .fa, #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .select-all-btn .fas, #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .select-all-btn .far, #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .select-all-btn .fal, #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .unselect-all-btn .icon, #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .unselect-all-btn .fa, #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .unselect-all-btn .fas, #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .unselect-all-btn .far, #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .unselect-all-btn .fal {
  margin-right: 5px;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .select-all-btn:hover, #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .unselect-all-btn:hover {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .close-btn {
  color: #7a7aae;
}

#admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions .close-btn:hover {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
}

@media (max-width: 768px) {
  #admin-panel .management-container.batch-enrollment .settings .select-users-container .select-all-notification .actions {
    width: 100%;
    text-align: right;
    margin-top: 5px;
  }
}

#admin-panel .privilege_flags_tab .privilege-flags, #admin-panel .privilege_flags_tab .skills, #admin-panel .skills_tab .privilege-flags, #admin-panel .skills_tab .skills {
  width: 100%;
  overflow-x: auto;
  padding: 0;
  border: 1px solid var(--fds-global-color-neutral-40);
  border-radius: var(--fds-global-border-radius-lg);
}

#admin-panel .privilege_flags_tab .privilege-flags .ds-table tbody tr:last-child td, #admin-panel .privilege_flags_tab .skills .ds-table tbody tr:last-child td, #admin-panel .skills_tab .privilege-flags .ds-table tbody tr:last-child td, #admin-panel .skills_tab .skills .ds-table tbody tr:last-child td {
  border-bottom: 0;
}

#admin-panel .privilege_flags_tab .privilege-flags .ds-table:has(tbody:empty) thead th, #admin-panel .privilege_flags_tab .skills .ds-table:has(tbody:empty) thead th, #admin-panel .skills_tab .privilege-flags .ds-table:has(tbody:empty) thead th, #admin-panel .skills_tab .skills .ds-table:has(tbody:empty) thead th {
  border-bottom: 0;
}

#admin-panel .privilege_flags_tab .privilege-flags .column-edit i, #admin-panel .privilege_flags_tab .skills .column-edit i, #admin-panel .skills_tab .privilege-flags .column-edit i, #admin-panel .skills_tab .skills .column-edit i {
  padding: 0 6px;
  color: #1f1f59;
  cursor: pointer;
}

#admin-panel .privilege_flags_tab .privilege-flags .column-edit .delete-link i, #admin-panel .privilege_flags_tab .skills .column-edit .delete-link i, #admin-panel .skills_tab .privilege-flags .column-edit .delete-link i, #admin-panel .skills_tab .skills .column-edit .delete-link i {
  color: #f22f31;
  cursor: pointer;
}

#admin-panel .external_content_tab {
  margin: 60px;
  padding: 15px;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #d7d7e4;
  color: #09092d;
}

@media (max-width: 992px) {
  #admin-panel .external_content_tab {
    margin: 30px 10px;
  }
}

#admin-panel .external_content_tab .toolbar-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 25px 0px 15px 0px;
}

#admin-panel .external_content_tab .rule-filters-modal-container {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

#admin-panel .external_content_tab .rule-filters-modal-container .rule-filters-windows {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-height: 350px;
  max-width: 620px;
  width: 100% !important;
  background-color: white;
  border-radius: 8px;
  border: 0px;
  padding: 20px;
}

@media (max-width: 992px) {
  #admin-panel .external_content_tab .rule-filters-modal-container .rule-filters-windows {
    width: calc(100% - 20px);
    min-width: 300px;
  }
}

#admin-panel .external_content_tab .rule-filters-modal-container .rule-filters-windows .title-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: #09092d;
}

#admin-panel .external_content_tab .rule-filters-modal-container .rule-filters-windows .title-bar .title-bar-close {
  font-size: 20px;
  cursor: pointer;
}

#admin-panel .external_content_tab .rule-filters-modal-container .rule-filters-windows .content-filter-title {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

#admin-panel .external_content_tab .rule-filters-modal-container .rule-filters-windows .content-filter-item {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  width: 100%;
}

#admin-panel .external_content_tab .rule-filters-modal-container .rule-filters-windows .content-filter-item .select-language {
  z-index: 103;
}

#admin-panel .external_content_tab .rule-filters-modal-container .rule-filters-windows .content-filter-item .select-category {
  z-index: 102;
}

#admin-panel .external_content_tab .rule-filters-modal-container .rule-filters-windows .content-filter-item .select-type-of-content {
  z-index: 101;
}

#admin-panel .external_content_tab .rule-filters-modal-container .rule-filters-windows .content-filter-item ds-dropdown {
  width: 100%;
}

#admin-panel .external_content_tab .rule-filters-modal-container .rule-filters-windows .toolbar-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
}

#admin-panel .external_content_tab .rule-filters-modal-container .rule-filters-windows .toolbar-container .rule-cancel-button {
  margin-right: 10px;
  background-color: white;
  color: #09092d;
  border: 1px solid #d7d7e4;
  cursor: pointer;
  transition: background-color 0.25s, border-color 0.25s;
}

#admin-panel .external_content_tab .rule-filters-modal-container .rule-filters-windows .toolbar-container .rule-cancel-button:hover, #admin-panel .external_content_tab .rule-filters-modal-container .rule-filters-windows .toolbar-container .rule-cancel-button.active {
  background-color: #1717ab;
  border-color: white;
  color: white;
}

#admin-panel .external_content_tab .rule-removal-modal-container {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-height: 480px;
  max-width: 730px;
  width: 100% !important;
  background-color: white;
  border-radius: 8px;
  border: 0px;
  padding: 20px;
}

@media (max-width: 992px) {
  #admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows {
    width: calc(100% - 20px);
    min-width: 300px;
  }
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .title-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: #09092d;
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .title-bar .title-bar-close {
  font-size: 20px;
  cursor: pointer;
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .rule-removal-content {
  height: 350px;
  margin: 50px 0px 20px 0px;
  overflow-y: auto;
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .rule-removal-content .related-rules-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .rule-removal-content .related-rules-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .rule-removal-content .related-rule-item {
  margin: 0px 0px 30px 0px;
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .rule-removal-content .related-rule-item .ds-checkbox:disabled {
  background: #f3f3f7;
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .rule-removal-content .related-rule-item .rule-item-checkbox {
  margin-right: 5px;
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .rule-removal-content .related-rule-item .related-rule-item-text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #09092d;
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .toolbar-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .toolbar-container .rule-cancel-button {
  margin-right: 10px;
  background-color: white;
  color: #09092d;
  border: 1px solid #d7d7e4;
  cursor: pointer;
  transition: background-color 0.25s, border-color 0.25s;
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .toolbar-container .rule-cancel-button:hover, #admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .toolbar-container .rule-cancel-button.active {
  background-color: #1717ab;
  border-color: white;
  color: white;
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .toolbar-container .rule-removal-button {
  background-color: #f22f31;
}

#admin-panel .external_content_tab .rule-removal-modal-container .rule-removal-windows .toolbar-container .rule-removal-button:hover {
  background-color: #d40d0f;
}

#admin-panel .external_content_tab .summary-container {
  display: flex;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  padding: 15px;
  margin-bottom: 15px;
  background-color: #fafafa;
  border-radius: 8px;
  border: 1px solid #d7d7e4;
}

#admin-panel .external_content_tab .summary-container .summary-icon {
  margin: 0 10px;
}

#admin-panel .external_content_tab .summary-container .summary-content .title {
  color: #09092d;
}

#admin-panel .external_content_tab .summary-container .summary-content .content {
  margin-top: 5px;
  font-weight: 400;
  color: #09092d;
}

#admin-panel .external_content_tab .select_profiles {
  padding: 15px;
  margin-bottom: 15px;
  border-radius: 8px;
  border: 1px solid #d7d7e4;
}

#admin-panel .external_content_tab .select_profiles .select_profiles_content {
  display: flex;
  align-items: center;
  height: 35px;
}

@media (max-width: 768px) {
  #admin-panel .external_content_tab .select_profiles .select_profiles_content {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--fds-global-space-md);
    height: auto;
  }
}

#admin-panel .external_content_tab .select_profiles .select_profiles_content .select_profiles_title {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #09092d;
  margin-right: 20px;
  min-width: 120px;
}

#admin-panel .external_content_tab .select_profiles .select_profiles_content .filter-item {
  margin-right: 10px;
  border-radius: 8px;
}

@media (max-width: 768px) {
  #admin-panel .external_content_tab .select_profiles .select_profiles_content .filter-item {
    width: 100%;
  }
}

#admin-panel .external_content_tab .select_profiles .select_profiles_content .select-country {
  z-index: 90;
}

#admin-panel .external_content_tab .select_profiles .select_profiles_content .select-learning-group {
  z-index: 89;
}

#admin-panel .external_content_tab .select_profiles .select_profiles_content .select-job-description {
  z-index: 88;
}

#admin-panel .external_content_tab .select_profiles .select_profiles_content .select-company {
  z-index: 87;
}

#admin-panel .external_content_tab .select_profiles .selected_options_bar {
  display: flex;
  margin-top: 10px;
}

#admin-panel .external_content_tab .select_profiles .selected_options_bar ds-tag {
  margin-right: 5px;
  border-radius: 4px;
  background-color: #59599a;
  color: white;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  cursor: pointer;
}

#admin-panel .external_content_tab .external-content-results {
  border-radius: 8px;
  border: 1px solid #d7d7e4;
}

#admin-panel .external_content_tab .external-content-results .selected-user {
  display: flex;
  padding: 15px;
  color: #000066;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  border-radius: 8px 8px 0 0;
  background-color: #e4e4ff;
}

#admin-panel .external_content_tab .external-content-results .selected-user .filter-selected-employees {
  font-weight: 700;
  margin-left: 10px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container {
  display: flex;
  padding: 0px 15px;
}

@media (max-width: 768px) {
  #admin-panel .external_content_tab .external-content-results .rules-management-container {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--fds-global-space-md);
    height: auto;
  }
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules {
  width: 50%;
  padding: 15px 0px;
}

@media (max-width: 768px) {
  #admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules {
    width: 100%;
    border-bottom: 1px solid #ebebf1;
  }
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-header {
  display: flex;
  align-items: center;
  height: 35px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-header .promoted-info-bar {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #09092d;
  width: fit-content;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-header .count {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  background-color: #f3f3f7;
  border-radius: 4px;
  border: 1px solid #ebebf1;
  padding: 2px 4px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list {
  margin: 20px 25px;
  height: 300px;
  overflow-y: auto;
}

@media (max-width: 768px) {
  #admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list {
    margin: 20px 0px;
  }
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list .promoted-rule-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  padding: 10px 10px 10px 0px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list .promoted-rule-item .promoted-rule-item-title {
  display: flex;
  width: 100%;
  align-items: center;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list .promoted-rule-item .promoted-rule-item-title ds-tooltip {
  z-index: 2000;
  max-width: 350px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list .promoted-rule-item .promoted-rule-item-title .promoted-rule-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list .promoted-rule-item .promoted-rule-item-title .promoted-rule-item-title-text {
  margin-right: 8px;
  cursor: pointer;
  max-width: 470px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list .promoted-rule-item .promoted-rule-item-title .promoted-rule-item-title-language {
  color: #59599a;
  cursor: pointer;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list .promoted-rule-item .promoted-rule-item-title .content-item-type-course {
  color: white;
  background-color: #5959eb;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list .promoted-rule-item .promoted-rule-item-title .content-item-type-lesson {
  color: white;
  background-color: #f3c316;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list .promoted-rule-item .promoted-rule-item-title .content-item-type-assessment {
  color: white;
  background-color: #23ab41;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list .promoted-rule-item .promoted-rule-item-title .content-item-type-activity {
  color: white;
  background-color: #0383c3;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list .promoted-rule-item .promoted-rule-item-tools {
  display: flex;
  width: fit-content;
  margin-left: 20px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list .promoted-rule-item .promoted-rule-item-tools .promoted-rule-item-tools-filter {
  margin-right: 10px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #59599a;
  font-size: 13px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .promoted-rules .promoted-rules-list .promoted-rule-item .promoted-rule-item-tools .promoted-rule-item-tools-remove {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #59599a;
  font-size: 21px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules {
  width: 50%;
  border-left: 1px solid #ebebf1;
  padding: 15px 0px 15px 10px;
}

@media (max-width: 768px) {
  #admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules {
    width: 100%;
    border-left: none;
    padding: 15px 0px 15px 0px;
  }
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 35px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-header .candidate-info-bar {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #09092d;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-header .rules-filter-tools {
  display: flex;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-header .rules-filter-tools .search-container {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin-right: 10px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-header .rules-filter-tools .search-container .ds-search {
  width: 130px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid #d7d7e4;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-header .rules-filter-tools .rules-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid #d7d7e4;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .selected_catalog_filters_bar {
  display: flex;
  align-items: center;
  height: 35px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .selected_catalog_filters_bar ds-tag {
  border-radius: 4px;
  background-color: #59599a;
  color: white;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  cursor: pointer;
  margin-right: 5px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list {
  margin: 20px 25px;
  height: 300px;
  overflow-y: auto;
}

@media (max-width: 768px) {
  #admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list {
    margin: 20px 0px;
  }
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list .candidate-rule-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  padding: 10px 10px 10px 0px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list .candidate-rule-item .candidate-rule-item-title {
  display: flex;
  width: 100%;
  align-items: center;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list .candidate-rule-item .candidate-rule-item-title ds-tooltip {
  z-index: 2000;
  max-width: 350px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list .candidate-rule-item .candidate-rule-item-title .candidate-rule-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list .candidate-rule-item .candidate-rule-item-title .candidate-rule-item-title-text {
  margin-right: 8px;
  cursor: pointer;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list .candidate-rule-item .candidate-rule-item-title .candidate-rule-item-title-language {
  color: #59599a;
  cursor: pointer;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list .candidate-rule-item .candidate-rule-item-title .content-item-type-course {
  color: white;
  background-color: #5959eb;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list .candidate-rule-item .candidate-rule-item-title .content-item-type-lesson {
  color: white;
  background-color: #f3c316;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list .candidate-rule-item .candidate-rule-item-title .content-item-type-assessment {
  color: white;
  background-color: #23ab41;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list .candidate-rule-item .candidate-rule-item-title .content-item-type-activity {
  color: white;
  background-color: #0383c3;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list .candidate-rule-item-tools {
  display: flex;
  width: fit-content;
  margin-left: 20px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list .candidate-rule-item-tools .candidate-rule-item-tools-filter {
  margin-right: 10px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #59599a;
  font-size: 13px;
}

#admin-panel .external_content_tab .external-content-results .rules-management-container .candidate-rules .candidate-rules-list .candidate-rule-item-tools .candidate-rule-item-tools-add {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #59599a;
  font-size: 21px;
}

#admin-panel .privilege-flag-modal, #admin-panel .skill-modal {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

#admin-panel .privilege-flag-modal .modal-content, #admin-panel .skill-modal .modal-content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

#admin-panel .privilege-flag-modal .modal-content .modal-header, #admin-panel .skill-modal .modal-content .modal-header {
  padding: 20px;
}

#admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title, #admin-panel .skill-modal .modal-content .modal-header .modal-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  transition-duration: 0.3s;
}

#admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title input, #admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title textarea, #admin-panel .skill-modal .modal-content .modal-header .modal-title input, #admin-panel .skill-modal .modal-content .modal-header .modal-title textarea {
  margin: 0;
}

@media (max-width: 768px) {
  #admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title input, #admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title textarea, #admin-panel .skill-modal .modal-content .modal-header .modal-title input, #admin-panel .skill-modal .modal-content .modal-header .modal-title textarea {
    margin: 0;
  }
}

#admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title input:hover, #admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title input:focus, #admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title textarea:hover, #admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title textarea:focus, #admin-panel .skill-modal .modal-content .modal-header .modal-title input:hover, #admin-panel .skill-modal .modal-content .modal-header .modal-title input:focus, #admin-panel .skill-modal .modal-content .modal-header .modal-title textarea:hover, #admin-panel .skill-modal .modal-content .modal-header .modal-title textarea:focus {
  outline: none;
}

#admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title input, #admin-panel .skill-modal .modal-content .modal-header .modal-title input {
  width: 300px;
}

#admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title i, #admin-panel .skill-modal .modal-content .modal-header .modal-title i {
  margin-left: 24px;
  cursor: pointer;
}

#admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title .icon, #admin-panel .skill-modal .modal-content .modal-header .modal-title .icon {
  border-radius: 4px;
  padding: 6px 10px 6px 10px;
  visibility: hidden;
  transition-duration: 0.3s;
}

#admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title .icon:hover, #admin-panel .skill-modal .modal-content .modal-header .modal-title .icon:hover {
  color: white;
  background-color: #5959eb;
}

#admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title .privilege_flag_name_title, #admin-panel .skill-modal .modal-content .modal-header .modal-title .privilege_flag_name_title {
  margin-left: 10px;
  line-height: 46px;
}

#admin-panel .privilege-flag-modal .modal-content .modal-header .modal-title:hover > .icon, #admin-panel .skill-modal .modal-content .modal-header .modal-title:hover > .icon {
  visibility: visible;
}

#admin-panel .privilege-flag-modal .modal-content .modal-header .close, #admin-panel .skill-modal .modal-content .modal-header .close {
  color: #aaa;
  float: right;
  font-weight: bold;
}

#admin-panel .privilege-flag-modal .modal-content .modal-header .close:hover,
#admin-panel .privilege-flag-modal .modal-content .modal-header .close:focus, #admin-panel .skill-modal .modal-content .modal-header .close:hover,
#admin-panel .skill-modal .modal-content .modal-header .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#admin-panel .privilege-flag-modal .modal-content .content, #admin-panel .skill-modal .modal-content .content {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  max-height: calc(100vh - 180px);
}

#admin-panel .privilege-flag-modal .modal-content .content .user-search, #admin-panel .skill-modal .modal-content .content .user-search {
  margin-top: 24px;
}

#admin-panel .privilege-flag-modal .modal-content .content .user-search label, #admin-panel .skill-modal .modal-content .content .user-search label {
  width: 100%;
}

#admin-panel .privilege-flag-modal .modal-content .content .user-search input[type='text'], #admin-panel .skill-modal .modal-content .content .user-search input[type='text'] {
  box-shadow: none;
  width: auto;
}

#admin-panel .privilege-flag-modal .modal-content .buttons, #admin-panel .skill-modal .modal-content .buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid #d7d7e4;
  margin-top: 15px;
  padding: 15px 20px;
}

#admin-panel #create-privilege-flag-modal .modal-content, #admin-panel #create-skill-modal .modal-content {
  background-color: #fefefe;
  border: 1px solid #888;
  width: 506px;
  height: 216px;
  border-radius: 8px;
}

@media (max-width: 576px) {
  #admin-panel #create-privilege-flag-modal .modal-content, #admin-panel #create-skill-modal .modal-content {
    width: calc(100vw - 32px);
  }
}

#admin-panel #create-skill-modal .modal-content {
  height: auto;
  max-height: calc(100vh - 32px);
  display: flex;
  flex-direction: column;
}

#admin-panel #create-skill-modal .modal-content .content {
  overflow-y: auto;
  min-height: 0;
}

#admin-panel #create-skill-modal .modal-content .buttons {
  margin-top: 0;
}

#admin-panel #update-skill-modal .tab-details {
  max-height: calc(100vh - 320px);
  overflow-y: auto;
}

#admin-panel #update-skill-modal .tab-details > label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  display: block;
  margin: 24px 0 4px;
}

#admin-panel #update-skill-modal .tab-details > input {
  width: 100%;
  margin: 0;
}

#admin-panel .skill-modal .skill-translations {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 24px 0;
  padding-top: 16px;
  border-top: 1px solid #d7d7e4;
}

#admin-panel .skill-modal .skill-translations > label {
  font-weight: 700;
}

#admin-panel .skill-modal .skill-translations .skill-translation {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

#admin-panel .skill-modal .skill-translations .skill-translation label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  margin: 0;
}

#admin-panel .skill-modal .skill-translations .skill-translation input {
  width: 100%;
  margin: 0;
}

#admin-panel #create-skill-modal .modal-content .content input:hover,
#admin-panel #update-skill-modal .tab-details > input:hover,
#admin-panel .skill-modal .skill-translation input:hover {
  border-color: #6767a5;
}

#admin-panel #create-skill-modal .modal-content .content input:active, #admin-panel #create-skill-modal .modal-content .content input:focus,
#admin-panel #update-skill-modal .tab-details > input:active,
#admin-panel #update-skill-modal .tab-details > input:focus,
#admin-panel .skill-modal .skill-translation input:active,
#admin-panel .skill-modal .skill-translation input:focus {
  border-color: #5959eb;
  outline: none;
  box-shadow: none;
}

#admin-panel #update-privilege-flag-modal .modal-content, #admin-panel #update-skill-modal .modal-content {
  background-color: #fefefe;
  border: 1px solid #888;
  width: 796px;
  border-radius: 8px;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .content-tabs, #admin-panel #update-skill-modal .modal-content .content .content-tabs {
  display: flex;
}

@media (max-width: 768px) {
  #admin-panel #update-privilege-flag-modal .modal-content .content .content-tabs, #admin-panel #update-skill-modal .modal-content .content .content-tabs {
    width: auto;
    flex-direction: row;
  }
}

#admin-panel #update-privilege-flag-modal .modal-content .content .content-tabs li, #admin-panel #update-skill-modal .modal-content .content .content-tabs li {
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #09092d;
  padding: 0 15px 10px;
  cursor: pointer;
  border-bottom: 1px solid #d7d7e4;
  border-right: none;
}

@media (max-width: 768px) {
  #admin-panel #update-privilege-flag-modal .modal-content .content .content-tabs li, #admin-panel #update-skill-modal .modal-content .content .content-tabs li {
    padding-bottom: 0;
  }
}

#admin-panel #update-privilege-flag-modal .modal-content .content .content-tabs li.active, #admin-panel #update-skill-modal .modal-content .content .content-tabs li.active {
  font-weight: bold;
  color: #5959eb;
  border-bottom: 3px solid #5959eb;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths, #admin-panel #update-skill-modal .modal-content .content .tab-courses,
#admin-panel #update-skill-modal .modal-content .content .tab-paths {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .desc,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .desc, #admin-panel #update-skill-modal .modal-content .content .tab-courses .desc,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .desc {
  font-size: 14px;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .courses,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .paths,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .courses,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .paths, #admin-panel #update-skill-modal .modal-content .content .tab-courses .courses,
#admin-panel #update-skill-modal .modal-content .content .tab-courses .paths,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .courses,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .paths {
  width: 100%;
  min-height: 135px;
  height: 392px;
  overflow-x: hidden;
  margin-top: 12px;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .courses .course,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .courses .path,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .paths .course,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .paths .path,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .courses .course,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .courses .path,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .paths .course,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .paths .path, #admin-panel #update-skill-modal .modal-content .content .tab-courses .courses .course,
#admin-panel #update-skill-modal .modal-content .content .tab-courses .courses .path,
#admin-panel #update-skill-modal .modal-content .content .tab-courses .paths .course,
#admin-panel #update-skill-modal .modal-content .content .tab-courses .paths .path,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .courses .course,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .courses .path,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .paths .course,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .paths .path {
  padding: 12px 10px;
  border-top: 0;
  border-bottom: 1px solid #d7d7e4;
  width: 94%;
  margin-left: 14px;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .courses .course a,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .courses .path a,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .paths .course a,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .paths .path a,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .courses .course a,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .courses .path a,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .paths .course a,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .paths .path a, #admin-panel #update-skill-modal .modal-content .content .tab-courses .courses .course a,
#admin-panel #update-skill-modal .modal-content .content .tab-courses .courses .path a,
#admin-panel #update-skill-modal .modal-content .content .tab-courses .paths .course a,
#admin-panel #update-skill-modal .modal-content .content .tab-courses .paths .path a,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .courses .course a,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .courses .path a,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .paths .course a,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .paths .path a {
  color: #3535cd;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .courses .course a span,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .courses .path a span,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .paths .course a span,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-courses .paths .path a span,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .courses .course a span,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .courses .path a span,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .paths .course a span,
#admin-panel #update-privilege-flag-modal .modal-content .content .tab-paths .paths .path a span, #admin-panel #update-skill-modal .modal-content .content .tab-courses .courses .course a span,
#admin-panel #update-skill-modal .modal-content .content .tab-courses .courses .path a span,
#admin-panel #update-skill-modal .modal-content .content .tab-courses .paths .course a span,
#admin-panel #update-skill-modal .modal-content .content .tab-courses .paths .path a span,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .courses .course a span,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .courses .path a span,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .paths .course a span,
#admin-panel #update-skill-modal .modal-content .content .tab-paths .paths .path a span {
  margin-left: 4px;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users, #admin-panel #update-skill-modal .modal-content .content .tab-users {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .add-user, #admin-panel #update-skill-modal .modal-content .content .tab-users .add-user {
  margin-bottom: 5px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .desc-user, #admin-panel #update-skill-modal .modal-content .content .tab-users .desc-user {
  color: #7a7aae;
  font-size: 10px;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .actions, #admin-panel #update-skill-modal .modal-content .content .tab-users .actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 1em;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users, #admin-panel #update-skill-modal .modal-content .content .tab-users .users {
  width: 100%;
  min-height: 135px;
  overflow-x: scroll;
  margin-top: 24px;
  border: 1px solid #b0b0cd;
  border-radius: 8px;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table th a.order-link, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table th a.order-link {
  color: #1f1f59;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  display: flex;
  align-items: center;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table th a.order-link:hover, #admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table th a.order-link:active, #admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table th a.order-link:focus, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table th a.order-link:hover, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table th a.order-link:active, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table th a.order-link:focus {
  text-shadow: 0.25px 0.25px 0 #1f1f59;
  color: #1f1f59;
  text-decoration: none;
  border-bottom: 0;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table th a.order-link .toggle, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table th a.order-link .toggle {
  background: url("/static/admin/img/sorting-icons.3a097b59f104.svg") 0 0 no-repeat;
  margin-left: 20px;
  width: 14px;
  height: 14px;
  display: none;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table th a.order-link.descending .toggle, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table th a.order-link.descending .toggle {
  top: 1px;
  background-position: 0 -56px;
  display: block;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table th a.order-link.ascending .toggle, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table th a.order-link.ascending .toggle {
  background-position: 0 -28px;
  display: block;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table .user-row a.user-link, #admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table .user-row a.edit-link, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table .user-row a.user-link, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table .user-row a.edit-link {
  color: #4c4c8e;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  font-weight: bold;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table .user-row a.user-link:hover, #admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table .user-row a.user-link:active, #admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table .user-row a.user-link:focus, #admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table .user-row a.edit-link:hover, #admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table .user-row a.edit-link:active, #admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table .user-row a.edit-link:focus, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table .user-row a.user-link:hover, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table .user-row a.user-link:active, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table .user-row a.user-link:focus, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table .user-row a.edit-link:hover, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table .user-row a.edit-link:active, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table .user-row a.edit-link:focus {
  text-shadow: 0.25px 0.25px 0 #5959eb;
  color: #5959eb;
  text-decoration: none;
  border-bottom: 0;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table .column-status i, #admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table .column-level i, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table .column-status i, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table .column-level i {
  font-size: 8px;
  margin-right: 5px;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table .column-edit i, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table .column-edit i {
  padding: 0 6px;
  color: #1f1f59;
  cursor: pointer;
  border-radius: 5px;
  font-size: 16px;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table .column-edit .delete-link, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table .column-edit .delete-link {
  display: flex;
  justify-content: end;
}

#admin-panel #update-privilege-flag-modal .modal-content .content .tab-users .users table .column-edit .delete-link i, #admin-panel #update-skill-modal .modal-content .content .tab-users .users table .column-edit .delete-link i {
  color: #f22f31;
}

#admin-panel #update-privilege-flag-modal .modal-content .buttons, #admin-panel #update-skill-modal .modal-content .buttons {
  margin-top: 0 !important;
  border-top: none !important;
}

@media (max-width: 576px) {
  #admin-panel #update-privilege-flag-modal .modal-content, #admin-panel #update-skill-modal .modal-content {
    width: calc(100vw - 32px);
  }
}

#admin-panel #delete-privilege-flag-modal .modal-content, #admin-panel #delete-skill-modal .modal-content {
  background-color: #fefefe;
  border: 1px solid #888;
  width: 506px;
  height: 196px;
  border-radius: 8px;
}

#admin-panel #delete-privilege-flag-modal .modal-content .content, #admin-panel #delete-skill-modal .modal-content .content {
  display: flex;
  flex-direction: column;
  padding: 0 20px !important;
}

#admin-panel #delete-privilege-flag-modal .modal-content .content input[type=checkbox], #admin-panel #delete-skill-modal .modal-content .content input[type=checkbox] {
  margin-bottom: 28px;
}

#admin-panel #delete-skill-modal .modal-content {
  height: auto;
  display: flex;
  flex-direction: column;
}

#admin-panel #delete-skill-modal .modal-content .content {
  padding: 4px 20px 0 !important;
}

#admin-panel #delete-skill-modal .modal-content .content label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  width: 100%;
  cursor: pointer;
}

#admin-panel #delete-skill-modal .modal-content .content input[type=checkbox] {
  flex: 0 0 auto;
  margin: 3px 0 0;
}

#admin-panel #delete-skill-modal .modal-content .content span {
  flex: 1 1 auto;
}

#admin-panel #delete-skill-modal .modal-content .buttons {
  margin-top: 16px;
}

#admin-panel .show-inactive-user-field {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 8px 0;
  padding: 0 80px;
  gap: 8px;
}

#admin-panel .show-inactive-user-field .show-inactive-user-label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  font-style: normal;
  text-align: left;
  color: #4c4c8e;
  margin: 0;
}

@media (max-width: 768px) {
  #admin-panel .action-group {
    gap: 8px;
    padding: 0;
    margin: 16px;
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  #admin-panel .action-group > form,
#admin-panel .action-group .select-action-status {
    flex-basis: calc(50% - 8px / 2);
  }
  #admin-panel .action-group .buttons {
    flex-basis: 100%;
    align-items: flex-end;
    gap: 8px;
  }
  #admin-panel .action-group .btn-apply {
    color: var(--fds-global-color-neutral-140);
    --background-color: var(--fds-global-color-neutral-10);
    --hover-background-color: var(--fds-global-color-neutral-20);
    --active-background-color: var(--fds-global-color-neutral-30);
  }
  #admin-panel .action-group .btn-import,
#admin-panel .action-group .btn-export {
    display: none;
  }
  #admin-panel .action-group .btn-import-export {
    display: inline-flex;
  }
  #admin-panel .action-group .btn-import-export .btn-import,
#admin-panel .action-group .btn-import-export .btn-export {
    display: block;
  }
  #admin-panel .privilege_flags_tab .action-group > form {
    flex-basis: 100%;
  }
  #admin-panel .privilege_flags_tab .action-group > form .ds-search {
    width: 100%;
  }
  #admin-panel .action-group,
#admin-panel .show-inactive-user-field {
    padding: 0;
    margin: 16px;
  }
}

@media (max-width: 576px) {
  #admin-panel .management-container.batch-enrollment .settings {
    margin: var(--fds-global-space-md) 0;
  }
  #admin-panel .management-container.batch-enrollment .settings .ds-tabs .ds-tab {
    --padding-block: var(--fds-global-space-xs);
    --padding-inline: var(--fds-global-space-sm);
  }
  #admin-panel .management-container.batch-enrollment .settings .select-content-container {
    flex-direction: column;
  }
  #admin-panel .management-container.batch-enrollment .settings .select-users-container .filters-container .filters-row {
    display: flex;
    flex-direction: column;
  }
  #admin-panel .management-container.batch-enrollment .settings .select-users-container .filters-container .filters-row .ds-search {
    width: 100%;
  }
  #admin-panel .management-container.batch-enrollment .settings .setting .selector {
    padding: 0px;
    border: none;
  }
  #admin-panel .management-container.batch-enrollment .settings .setting .selector label {
    flex-basis: 45%;
  }
  #admin-panel .management-container.batch-enrollment .settings .setting .checkbox label {
    flex-basis: 60%;
  }
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.modal-overlay .modal-content {
  background: #ffffff;
  border-radius: 4px;
  width: 600px;
  max-width: 90%;
}

.modal-overlay .modal-content .modal-header,
.modal-overlay .modal-content .modal-body,
.modal-overlay .modal-content .modal-footer {
  padding: 16px 24px;
}

.modal-overlay .modal-content .modal-header {
  background: #ffffff;
  border-bottom: 1px solid #d7d7e4;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-overlay .modal-content .modal-header h3 {
  margin: 0;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.modal-overlay .modal-content .modal-body .ds-textarea {
  width: 100%;
}

.modal-overlay .modal-content .modal-body textarea {
  width: 100%;
  height: auto;
  border: 1px solid #b0b0cd;
  border-radius: 4px;
  box-shadow: none;
}

.modal-overlay .modal-content .modal-body .error-messages {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.01em;
  text-indent: 0px;
  color: #f22f31;
  margin-top: 0.5rem;
}

.modal-overlay .modal-content .modal-footer {
  border-top: 1px solid #d7d7e4;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

:root {
  --card-padding: 24px;
  --card-height: 300px;
  --card-skeleton: linear-gradient(lightgrey var(--card-height), transparent 0);
  --avatar-size: 32px;
  --avatar-position: var(--card-padding) var(--card-padding);
  --avatar-skeleton: radial-gradient(circle 16px at center, white 99%, transparent 0
  );
  --image-height: 182px;
  --image-width: 290px;
  --image-position: 5px 5px;
  --image-skeleton: linear-gradient(white var(--image-height), transparent 0);
  --tags-height: 22px;
  --tags-skeleton: linear-gradient(white var(--tags-height), transparent 0);
  --tags-width:130px;
  --tags-position: 5px 202px;
  --score-height: 22px;
  --score-skeleton: linear-gradient(white var(--tags-height), transparent 0);
  --score-width:50px;
  --score-position: 245px 202px;
  --title-height: 45px;
  --title-width: 290px;
  --title-position: 5px 230px;
  --title-skeleton: linear-gradient(white var(--title-height), transparent 0);
  --subinfo-height: 16px;
  --subinfo-width: 210px;
  --subinfo-position: 5px 280px;
  --subinfo-skeleton: linear-gradient(white var(--subinfo-height), transparent 0);
  --blur-width: 200px;
  --blur-size: var(--blur-width) calc(var(--image-height) + 5px);
}

@keyframes loading {
  to {
    background-position: 350% 0, var(--image-position), var(--tags-position), var(--score-position), var(--title-position), var(--subinfo-position), 0 0;
  }
}

/*@mixin list-container-padding($top-bottom: 30px) {
  @include media-down($lg) {
    padding: $top-bottom 80px;
  }

  @include media-down($md) {
    padding: $top-bottom 40px;
  }

  @include media-down($sm) {
    padding: $top-bottom 20px;
  }
}*/
.view-external-catalog .find-courses {
  background-color: #f3f3f7;
}

.view-external-catalog .find-courses .courses-wrapper {
  display: flex;
  padding: 0;
}

@media (max-width: 768px) {
  .view-external-catalog .find-courses .courses-wrapper {
    display: flex;
    flex-direction: column;
  }
}

.view-external-catalog .find-courses .courses-wrapper .sidebar {
  width: 280px;
  padding: 30px 20px;
  opacity: 1;
  margin-right: 0;
  background-color: #f4f4f4;
  box-shadow: inset 0 1px 4px -1px rgba(9, 9, 45, 0.25);
  box-sizing: border-box;
  transition: width 1s, max-height 1s, opacity 1s, padding 1s;
  overflow: hidden;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li h4 span, .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li h4, .view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper h4, .view-external-catalog .find-courses .courses-wrapper .sidebar .filters-wrapper h4, .view-external-catalog .find-courses .courses-wrapper .sidebar .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header #customized_report_title, .view-in-analytics .main-container .analytics-wrapper .report-wrapper .analytics-header .view-external-catalog .find-courses .courses-wrapper .sidebar #customized_report_title, .view-external-catalog .find-courses .courses-wrapper .sidebar .courses-container .search-form .wrapper-search-context .filter-header-wrapper .filter-title, .view-external-catalog .find-courses .courses-container .search-form .wrapper-search-context .filter-header-wrapper .courses-wrapper .sidebar .filter-title {
  font-weight: 600;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  color: #09092d;
}

@media (max-width: 768px) {
  .view-external-catalog .find-courses .courses-wrapper .sidebar {
    width: calc(100% - 20px);
    background-color: #ffffff;
    padding: 0 12px;
    margin: 20px 10px;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #e3e3e3;
    max-height: 999px;
  }
}

.view-external-catalog .find-courses .courses-wrapper .sidebar.hide-status {
  display: block;
  width: 0;
  padding: 30px 0;
  opacity: 0;
}

@media (max-width: 768px) {
  .view-external-catalog .find-courses .courses-wrapper .sidebar.hide-status {
    display: block;
    width: auto;
    float: left;
    padding: 0 12px;
    opacity: 1;
    max-height: 46px;
  }
}

@media (max-width: 768px) {
  .view-external-catalog .find-courses .courses-wrapper .sidebar.hide-status .searching-field, .view-external-catalog .find-courses .courses-wrapper .sidebar.hide-status .topic-wrapper, .view-external-catalog .find-courses .courses-wrapper .sidebar.hide-status ul, .view-external-catalog .find-courses .courses-wrapper .sidebar.hide-status .actions {
    display: block;
  }
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .filters-wrapper {
  color: #09092d;
  padding: 0 0 10px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}

@media (max-width: 768px) {
  .view-external-catalog .find-courses .courses-wrapper .sidebar .filters-wrapper {
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding-top: 13px;
    align-items: center;
    padding-bottom: 13px;
  }
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .filters-wrapper h4 {
  text-transform: uppercase;
  padding-bottom: 0;
}

@media (max-width: 768px) {
  .view-external-catalog .find-courses .courses-wrapper .sidebar .filters-wrapper h4 {
    margin-left: 10px;
  }
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .filters-wrapper i {
  font-size: 16px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .view-external-catalog .find-courses .courses-wrapper .sidebar .filters-wrapper i.fa-indent:before {
    content: '\f078';
  }
  .view-external-catalog .find-courses .courses-wrapper .sidebar .filters-wrapper i.fa-outdent:before {
    content: '\f077';
  }
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper {
  margin-top: 15px;
  border-top: 1px solid #4c4c8e;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper h4 {
  padding: 15px 0;
}

@media (max-width: 768px) {
  .view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper h4 {
    padding: 10px 0;
  }
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics {
  width: 100%;
  margin-top: 8px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics .select {
  border-radius: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: flex;
  font-size: 12px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics .select .text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics .panel {
  border: none;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  background-color: #ffffff;
  border-radius: 8px;
  z-index: 7;
  max-width: 100%;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics .panel:hover {
  background: #ffffff;
  box-shadow: 0 5px 10px -2px rgba(9, 9, 45, 0.15);
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics .panel input[type=text] {
  box-shadow: none;
  width: 100%;
  border: none;
  font-style: normal;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-size: 12px;
  font-weight: 600;
  color: #09092d;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics .panel > ul > li {
  font-size: 10px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics .panel > ul > li:not(:first-child) {
  margin-top: 2px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics .panel > ul > li.active, .view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics .panel > ul > li:hover {
  background-color: transparent;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics .panel > ul > li.active {
  color: #5959eb;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics .panel > ul > li:hover {
  color: #4c4c4c;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics .select {
  background-color: #e3e3e3;
  border: none;
  border-radius: 5px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics .panel ul li {
  color: #09092d;
  font-size: 13px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .topic-wrapper .topics .panel ul li:hover {
  color: #5959eb;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .searching-field .input-wrapper {
  display: flex;
  align-items: center;
  background-color: #e3e3e3;
  padding: 0 15px;
  border-radius: 5px;
  height: 31px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .searching-field .input-wrapper i {
  color: #09092d;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .searching-field .input-wrapper input {
  border: none;
  background-color: transparent;
  box-shadow: none;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  padding: 0;
  font-size: 12px;
  font-style: normal;
  color: #09092d;
  flex: 1;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .searching-field .input-wrapper input ::placeholder {
  font-size: 12px;
  color: #4c4c8e;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .searching-field .input-wrapper i {
  font-size: 14px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .searching-field .tags li {
  display: inline-block;
  padding: 2px 10px;
  background-color: #e3e3e3;
  border-radius: 10px;
  margin-top: 10px;
  color: #09092d;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .searching-field .tags li:not(:last-child) {
  margin-right: 5px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .searching-field .tags li span {
  font-size: 10px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .searching-field .tags li i {
  font-size: 12px;
  margin-left: 5px;
  cursor: pointer;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .searching-field .input-wrapper {
  margin-top: 0;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul {
  border-top: 1px solid #4c4c8e;
  margin-top: 15px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li {
  border-bottom: 1px solid #4c4c8e;
  padding: 5px 0;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li h4 {
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  font-size: 15px;
  align-items: center;
  padding: 10px 0;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li h4 i {
  color: #4c4c8e;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper {
  transition: all 1s;
  max-height: 260px;
  overflow: hidden;
  overflow-y: auto;
  opacity: 1;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper.hide-status {
  max-height: 0px;
  overflow-y: hidden;
  opacity: 0;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul {
  padding: 0 0 10px 15px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li {
  position: relative;
  display: flex;
  width: 100%;
  margin-top: 10px;
  justify-content: space-between;
  align-items: flex-start;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox] {
  visibility: hidden;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox] + span, .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox] + label {
  font-size: 14px;
  position: relative;
  color: #09092d;
  padding-left: 11px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox] + span:before, .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox] + label:before {
  position: absolute;
  content: "";
  font-family: "Font Awesome 7 Pro";
  font-weight: 300;
  z-index: 9;
  margin-left: -29px;
  font-size: 21px;
  color: #4c4c8e;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox]:checked + span:before, .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox]:checked + label:before {
  content: "";
  color: #5959eb;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox][disabled] + span:before, .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox][disabled] + label:before, .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox].disabled + span:before, .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox].disabled + label:before, .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox]:disabled + span:before, .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox]:disabled + label:before, .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox].is-disabled + span:before, .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox].is-disabled + label:before {
  color: #4c4c8e;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox]:checked + label + span {
  color: #5959eb;
  background-color: rgba(231, 65, 60, 0.2);
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox] + label {
  font-style: normal;
  margin-bottom: 0;
  color: #09092d;
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;
  text-transform: capitalize;
  word-break: break-word;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox] + label:before {
  z-index: 4;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox] + label[title="0 - 2 hours"] {
  text-transform: lowercase;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox] + label[title="2 - 6 hours"] {
  text-transform: lowercase;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox] + label[title="6 - 16 hours"] {
  text-transform: lowercase;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li input[type=checkbox] + label[title="16 + hours"] {
  text-transform: lowercase;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li label, .view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li span {
  font-weight: 600;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li label {
  margin-right: auto;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .component-wrapper > ul > li span {
  font-size: 10px;
  color: #09092d;
  background-color: #dcdcdc;
  border-radius: 5px;
  width: auto;
  min-width: 25px;
  text-align: center;
  padding: 2px 3px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar > ul > li .lt-react-dropdown .panel {
  z-index: 6;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .actions {
  padding: 15px 0;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .actions .apply-button {
  display: none;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .actions .reset-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  color: #09092d;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  font-size: 15px;
  font-weight: 600;
  color: #09092d;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .actions .reset-button:hover, .view-external-catalog .find-courses .courses-wrapper .sidebar .actions .reset-button.active {
  text-decoration: none;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .actions .reset-button .icon, .view-external-catalog .find-courses .courses-wrapper .sidebar .actions .reset-button .fa, .view-external-catalog .find-courses .courses-wrapper .sidebar .actions .reset-button .fas, .view-external-catalog .find-courses .courses-wrapper .sidebar .actions .reset-button .far, .view-external-catalog .find-courses .courses-wrapper .sidebar .actions .reset-button .fal {
  margin-right: 5px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .actions .reset-button.hover {
  box-shadow: none !important;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .actions .reset-button i {
  font-size: 14px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar .actions .reset-button span {
  margin-left: 5px;
}

.view-external-catalog .find-courses .courses-wrapper .sidebar + a {
  display: none;
}

.view-external-catalog .find-courses .courses-wrapper .course-container {
  flex: 1;
  padding: 50px 60px 50px;
}

@media (max-width: 768px) {
  .view-external-catalog .find-courses .courses-wrapper .course-container {
    padding: 20px 20px 50px 20px;
    clear: both;
  }
}

@media (max-width: 576px) {
  .view-external-catalog .find-courses .courses-wrapper .course-container {
    padding: 10px 10px 50px 10px;
  }
}

.view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons {
  text-align: right;
  margin-top: -20px;
  margin-bottom: 10px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  position: relative;
  padding-left: 45px;
  font-weight: 400;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a:hover, .view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a.active {
  text-decoration: none;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a .icon, .view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a .fa, .view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a .fas, .view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a .far, .view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a .fal {
  margin-right: 5px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a:hover, .view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a[disabled], .view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a.disabled, .view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a:disabled, .view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a:before {
  position: absolute;
  margin-left: -25px;
  content: "";
  font-weight: 300;
  font-family: "Font Awesome 7 Pro";
}

@media (max-width: 768px) {
  .view-external-catalog .find-courses .courses-wrapper .course-container .open-external-catalog-buttons a {
    margin: auto;
  }
}

.view-external-catalog .find-courses .courses-wrapper .course-container .show_more_button_container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.view-external-catalog .find-courses .courses-wrapper .course-container #id_show_loading {
  margin: 12px 80px 12px 0px;
  padding: 12px;
  font-size: 14px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .show_more_button {
  display: inline-block;
  margin: 12px 80px 12px 0px;
  padding: 12px;
  cursor: pointer;
  color: #09092d;
  background-color: #f3f3f7;
  width: auto;
  height: auto;
  border-radius: 12px 12px 12px 12px;
  border: 1px solid #ebebf1;
  text-align: center;
  vertical-align: middle;
}

.view-external-catalog .find-courses .courses-wrapper .course-container > div {
  font-weight: bold;
  font-size: 16px;
  color: #09092d;
}

.view-external-catalog .find-courses .courses-wrapper .course-container > div > i {
  cursor: pointer;
  margin-right: 20px;
}

@media (max-width: 768px) {
  .view-external-catalog .find-courses .courses-wrapper .course-container > div > i {
    display: none;
  }
}

.view-external-catalog .find-courses .courses-wrapper .course-container .category_name {
  color: #09092d;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  font-size: 24px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .view_all_button {
  float: right;
  font-weight: normal;
  font-size: 14px;
  color: #09092d;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .discovery-sort-options, .view-external-catalog .find-courses .courses-wrapper .course-container .crehana-discovery-sort-options {
  position: relative;
  float: right;
  display: flex;
  justify-content: flex-end;
  font-weight: 700;
  font-size: 12px;
  align-self: flex-end;
  align-items: center;
  color: rgba(114, 114, 114, 0.53);
  padding: 0px 0px 21px 0px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .discovery-sort-options .discovery-selected-item, .view-external-catalog .find-courses .courses-wrapper .course-container .crehana-discovery-sort-options .discovery-selected-item {
  margin-left: 5px;
  color: #09092d;
  display: flex;
  align-items: center;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .discovery-sort-options .discovery-selected-item .sort_icon, .view-external-catalog .find-courses .courses-wrapper .course-container .crehana-discovery-sort-options .discovery-selected-item .sort_icon {
  padding: 3px;
  margin-left: 6px;
  font-family: "Font Awesome 7 Pro";
  font-size: 15px;
  font-weight: 600;
  color: #1f1f59;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .discovery-sort-options .discovery-selected-item .sort_icon:after, .view-external-catalog .find-courses .courses-wrapper .course-container .crehana-discovery-sort-options .discovery-selected-item .sort_icon:after {
  content: "\f0d7";
}

.view-external-catalog .find-courses .courses-wrapper .course-container .discovery-sort-options .discovery-sort-menu, .view-external-catalog .find-courses .courses-wrapper .course-container .crehana-discovery-sort-options .discovery-sort-menu {
  float: none;
  position: absolute;
  top: 0;
  margin: 26px 0px 0px 0px;
  padding: 8px;
  transition: all 0.5s ease-in-out;
  max-height: 0;
  border-radius: 8px;
  border: 1px solid #e3e3e3;
  z-index: 10;
  background-color: #ffffff;
  visibility: hidden;
  overflow: hidden;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .discovery-sort-options .discovery-sort-menu .discovery-sort-item, .view-external-catalog .find-courses .courses-wrapper .course-container .crehana-discovery-sort-options .discovery-sort-menu .discovery-sort-item {
  margin: 0px;
  padding: 6px;
  color: #09092d;
  text-align: center;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .discovery-sort-options .discovery-sort-menu .discovery-sort-item:hover, .view-external-catalog .find-courses .courses-wrapper .course-container .crehana-discovery-sort-options .discovery-sort-menu .discovery-sort-item:hover {
  color: #5959eb;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .discovery-sort-options:hover .discovery-sort-menu, .view-external-catalog .find-courses .courses-wrapper .course-container .crehana-discovery-sort-options:hover .discovery-sort-menu {
  visibility: visible;
  max-height: 500px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .discovery-sort-options:hover .discovery-selected-item .sort_icon:after, .view-external-catalog .find-courses .courses-wrapper .course-container .crehana-discovery-sort-options:hover .discovery-selected-item .sort_icon:after {
  content: "\f0d8";
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing {
  display: inline-block;
  margin-top: 25px;
  overflow: hidden !important;
  width: 100%;
  /*
           * Card Skeleton for Loading
           */
}

@media (max-width: 768px) {
  .view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing {
    text-align: center;
  }
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing h5 {
  text-align: center;
  font-size: 16px;
  /*position: absolute;
            left: calc((100% - 108px) / 2);*/
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing h5 i, .view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing h5 span {
  vertical-align: middle;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing h5 i {
  font-size: 24px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing h5 span {
  margin-left: 10px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .skeleton {
  display: inline-block;
  margin: 0 16px 40px 0;
  width: 301px;
  height: var(--card-height);
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .skeleton:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  box-shadow: 0 25px 50px -12px rgba(9, 9, 45, 0.24);
  background-image: linear-gradient(90deg, rgba(211, 211, 211, 0) 0, rgba(211, 211, 211, 0.8) 50%, rgba(211, 211, 211, 0) 100%), var(--image-skeleton), var(--tags-skeleton), var(--score-skeleton), var(--title-skeleton), var(--subinfo-skeleton), var(--card-skeleton);
  background-size: var(--blur-size), var(--image-width) var(--image-height), var(--tags-width) var(--tags-height), var(--score-width) var(--score-height), var(--title-width) var(--title-height), var(--subinfo-width) var(--subinfo-height), 100% 100%;
  background-position: -150% 0, var(--image-position), var(--tags-position), var(--score-position), var(--title-position), var(--subinfo-position), 0 0;
  background-repeat: no-repeat;
  animation: loading 1.5s infinite;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item {
  display: inline-block;
  text-align: left;
  width: 301px;
  margin: 0 16px 40px 0;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a {
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .card-image-wrapper {
  width: 301px;
  height: 202px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row-reverse;
  align-items: left;
  justify-content: flex-end;
  background-color: #ececec;
  background-size: 301px 202px;
  background-repeat: no-repeat;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .card-image-wrapper > img {
  margin: 7.5px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #ffffff;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .card-image-wrapper > img:not(:first-child) {
  margin-right: -12px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .extra {
  font-size: 14px;
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .extra ul {
  display: inline-block;
  color: #09092d;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .extra ul .active_crehana {
  color: #6f4ef6;
  border: 1px solid #6f4ef6;
  border-radius: 4px;
  padding: 2px 6px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .extra ul .active_anderspink {
  color: #f50057;
  border: 1px solid #f50057;
  border-radius: 4px;
  padding: 2px 6px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .extra ul .active {
  color: #19a8d9;
  border: 1px solid #19a8d9;
  border-radius: 4px;
  padding: 2px 6px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .extra ul li {
  display: inline-block;
  text-transform: capitalize;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .extra ul li:not(:first-child) {
  margin-left: 10px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .extra .star-score i {
  color: #f9cc2b;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .extra .star-score .score {
  color: #09092d;
  font-weight: 600;
  margin-left: 5px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .extra .author {
  white-Space: nowrap;
  overflow: hidden;
  text-Overflow: ellipsis;
  max-width: 150px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .extra .author i {
  color: grey;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .extra .author .name {
  color: #09092d;
  font-weight: 600;
  margin-left: 5px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a h4 {
  font-weight: 600;
  font-size: 16px;
  height: 40px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .sub-info {
  color: #4c4c8e;
  font-size: 12px;
  font-weight: 400;
  margin-top: 5px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .sub-info > span:not(:first-child) {
  margin-left: 10px;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .sub-info > span i {
  font-size: 16px;
  vertical-align: middle;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .sub-info > span span {
  margin-left: 5px;
  vertical-align: middle;
}

.view-external-catalog .find-courses .courses-wrapper .course-container .courses-listing .courses-listing-item a .sub-info .language span:not(:last-child)::after {
  content: "/";
  margin-left: 5px;
}

.view-explore .confirm-modal,
.view-external-catalog .confirm-modal, .view-catalog .confirm-modal, .view-explore-overview .confirm-modal, .view-explore-programs .confirm-modal {
  position: absolute;
  left: calc((100% - 528px) / 2);
  top: calc((100% - 200px) / 2);
  z-index: 102;
  width: 528px;
  background-color: #ffffff;
  border-top: 9px solid #5959eb;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .view-explore .confirm-modal,
.view-external-catalog .confirm-modal, .view-catalog .confirm-modal, .view-explore-overview .confirm-modal, .view-explore-programs .confirm-modal {
    width: 328px;
    left: calc((100% - 328px) / 2);
  }
}

.view-explore .confirm-modal.hide-status,
.view-external-catalog .confirm-modal.hide-status, .view-catalog .confirm-modal.hide-status, .view-explore-overview .confirm-modal.hide-status, .view-explore-programs .confirm-modal.hide-status {
  display: none;
}

.view-explore .confirm-modal.hide-status + .cover-bg,
.view-external-catalog .confirm-modal.hide-status + .cover-bg, .view-catalog .confirm-modal.hide-status + .cover-bg, .view-explore-overview .confirm-modal.hide-status + .cover-bg, .view-explore-programs .confirm-modal.hide-status + .cover-bg {
  display: none;
}

.view-explore .confirm-modal .content-area,
.view-external-catalog .confirm-modal .content-area, .view-catalog .confirm-modal .content-area, .view-explore-overview .confirm-modal .content-area, .view-explore-programs .confirm-modal .content-area {
  display: flex;
  padding: 20px 20px 10px;
}

.view-explore .confirm-modal .content-area i,
.view-external-catalog .confirm-modal .content-area i, .view-catalog .confirm-modal .content-area i, .view-explore-overview .confirm-modal .content-area i, .view-explore-programs .confirm-modal .content-area i {
  font-size: 36px;
  color: #5959eb;
}

.view-explore .confirm-modal .content-area > div,
.view-external-catalog .confirm-modal .content-area > div, .view-catalog .confirm-modal .content-area > div, .view-explore-overview .confirm-modal .content-area > div, .view-explore-programs .confirm-modal .content-area > div {
  margin-left: 15px;
}

.view-explore .confirm-modal .content-area > div h4,
.view-external-catalog .confirm-modal .content-area > div h4, .view-catalog .confirm-modal .content-area > div h4, .view-explore-overview .confirm-modal .content-area > div h4, .view-explore-programs .confirm-modal .content-area > div h4 {
  font-weight: 600;
  font-size: 14px;
  color: #09092d;
}

.view-explore .confirm-modal .content-area > div p,
.view-external-catalog .confirm-modal .content-area > div p, .view-catalog .confirm-modal .content-area > div p, .view-explore-overview .confirm-modal .content-area > div p, .view-explore-programs .confirm-modal .content-area > div p {
  font-size: 12px;
  color: #09092d;
  margin-top: 5px;
}

.view-explore .confirm-modal .actions,
.view-external-catalog .confirm-modal .actions, .view-catalog .confirm-modal .actions, .view-explore-overview .confirm-modal .actions, .view-explore-programs .confirm-modal .actions {
  text-align: right;
  padding: 10px 18px;
}

.view-explore .confirm-modal .actions .confirm, .view-explore .confirm-modal .actions .cancel,
.view-external-catalog .confirm-modal .actions .confirm,
.view-external-catalog .confirm-modal .actions .cancel, .view-catalog .confirm-modal .actions .confirm, .view-catalog .confirm-modal .actions .cancel, .view-explore-overview .confirm-modal .actions .confirm, .view-explore-overview .confirm-modal .actions .cancel, .view-explore-programs .confirm-modal .actions .confirm, .view-explore-programs .confirm-modal .actions .cancel {
  display: inline-block;
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
  padding: 12px 26px;
  font-weight: 600;
}

.view-explore .confirm-modal .actions .confirm,
.view-external-catalog .confirm-modal .actions .confirm, .view-catalog .confirm-modal .actions .confirm, .view-explore-overview .confirm-modal .actions .confirm, .view-explore-programs .confirm-modal .actions .confirm {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  border-radius: 10px;
}

.view-explore .confirm-modal .actions .confirm:hover, .view-explore .confirm-modal .actions .confirm.active,
.view-external-catalog .confirm-modal .actions .confirm:hover,
.view-external-catalog .confirm-modal .actions .confirm.active, .view-catalog .confirm-modal .actions .confirm:hover, .view-catalog .confirm-modal .actions .confirm.active, .view-explore-overview .confirm-modal .actions .confirm:hover, .view-explore-overview .confirm-modal .actions .confirm.active, .view-explore-programs .confirm-modal .actions .confirm:hover, .view-explore-programs .confirm-modal .actions .confirm.active {
  text-decoration: none;
}

.view-explore .confirm-modal .actions .confirm .icon, .view-explore .confirm-modal .actions .confirm .fa, .view-explore .confirm-modal .actions .confirm .fas, .view-explore .confirm-modal .actions .confirm .far, .view-explore .confirm-modal .actions .confirm .fal,
.view-external-catalog .confirm-modal .actions .confirm .icon,
.view-external-catalog .confirm-modal .actions .confirm .fa,
.view-external-catalog .confirm-modal .actions .confirm .fas,
.view-external-catalog .confirm-modal .actions .confirm .far,
.view-external-catalog .confirm-modal .actions .confirm .fal, .view-catalog .confirm-modal .actions .confirm .icon, .view-catalog .confirm-modal .actions .confirm .fa, .view-catalog .confirm-modal .actions .confirm .fas, .view-catalog .confirm-modal .actions .confirm .far, .view-catalog .confirm-modal .actions .confirm .fal, .view-explore-overview .confirm-modal .actions .confirm .icon, .view-explore-overview .confirm-modal .actions .confirm .fa, .view-explore-overview .confirm-modal .actions .confirm .fas, .view-explore-overview .confirm-modal .actions .confirm .far, .view-explore-overview .confirm-modal .actions .confirm .fal, .view-explore-programs .confirm-modal .actions .confirm .icon, .view-explore-programs .confirm-modal .actions .confirm .fa, .view-explore-programs .confirm-modal .actions .confirm .fas, .view-explore-programs .confirm-modal .actions .confirm .far, .view-explore-programs .confirm-modal .actions .confirm .fal {
  margin-right: 5px;
}

.view-explore .confirm-modal .actions .confirm:hover, .view-explore .confirm-modal .actions .confirm.active,
.view-external-catalog .confirm-modal .actions .confirm:hover,
.view-external-catalog .confirm-modal .actions .confirm.active, .view-catalog .confirm-modal .actions .confirm:hover, .view-catalog .confirm-modal .actions .confirm.active, .view-explore-overview .confirm-modal .actions .confirm:hover, .view-explore-overview .confirm-modal .actions .confirm.active, .view-explore-programs .confirm-modal .actions .confirm:hover, .view-explore-programs .confirm-modal .actions .confirm.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-explore .confirm-modal .actions .confirm:focus,
.view-external-catalog .confirm-modal .actions .confirm:focus, .view-catalog .confirm-modal .actions .confirm:focus, .view-explore-overview .confirm-modal .actions .confirm:focus, .view-explore-programs .confirm-modal .actions .confirm:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.view-explore .confirm-modal .actions .confirm[disabled], .view-explore .confirm-modal .actions .confirm.disabled, .view-explore .confirm-modal .actions .confirm:disabled, .view-explore .confirm-modal .actions .confirm.is-disabled,
.view-external-catalog .confirm-modal .actions .confirm[disabled],
.view-external-catalog .confirm-modal .actions .confirm.disabled,
.view-external-catalog .confirm-modal .actions .confirm:disabled,
.view-external-catalog .confirm-modal .actions .confirm.is-disabled, .view-catalog .confirm-modal .actions .confirm[disabled], .view-catalog .confirm-modal .actions .confirm.disabled, .view-catalog .confirm-modal .actions .confirm:disabled, .view-catalog .confirm-modal .actions .confirm.is-disabled, .view-explore-overview .confirm-modal .actions .confirm[disabled], .view-explore-overview .confirm-modal .actions .confirm.disabled, .view-explore-overview .confirm-modal .actions .confirm:disabled, .view-explore-overview .confirm-modal .actions .confirm.is-disabled, .view-explore-programs .confirm-modal .actions .confirm[disabled], .view-explore-programs .confirm-modal .actions .confirm.disabled, .view-explore-programs .confirm-modal .actions .confirm:disabled, .view-explore-programs .confirm-modal .actions .confirm.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.view-explore .confirm-modal .actions .cancel,
.view-external-catalog .confirm-modal .actions .cancel, .view-catalog .confirm-modal .actions .cancel, .view-explore-overview .confirm-modal .actions .cancel, .view-explore-programs .confirm-modal .actions .cancel {
  color: #09092d;
}

.view-explore .confirm-modal .actions .cancel:hover,
.view-external-catalog .confirm-modal .actions .cancel:hover, .view-catalog .confirm-modal .actions .cancel:hover, .view-explore-overview .confirm-modal .actions .cancel:hover, .view-explore-programs .confirm-modal .actions .cancel:hover {
  color: #5959eb;
}

.view-explore .cover-bg,
.view-external-catalog .cover-bg, .view-catalog .cover-bg, .view-explore-overview .cover-bg, .view-explore-programs .cover-bg {
  position: fixed;
  display: block;
  z-index: 101;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5));
}

.explore-block {
  position: relative;
  text-align: center;
  padding: 20px 0;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  border-radius: 10px;
}

.explore-block.star-wall {
  background-color: #252730;
  background-image: url("/static/hawthorn/images/curved-triangular.78446d9c289d.svg");
  background-position: bottom;
  background-repeat: repeat-x;
}

.explore-block.star-wall > small {
  color: #4c4c8e;
}

.explore-block.triboo-flag {
  background-image: linear-gradient(90.49deg, #5959eb 1.36%, rgba(89, 89, 235, 0.8) 101.89%);
}

.explore-block.triboo-flag > small {
  color: #ffffff;
}

.explore-block.triboo-flag > small i {
  background-color: #ffffff;
}

.explore-block > * {
  display: block;
  font-weight: bold;
}

.explore-block > small {
  font-size: 16px;
}

.explore-block > small i {
  display: inline-block;
  border-radius: 4px;
  width: 8px;
  height: 8px;
  background-color: #4c4c8e;
}

.explore-block > small span {
  margin: 0 20px;
}

.explore-block > h4 {
  margin: 10px 0;
  font-size: 24px;
  color: #ffffff;
}

.explore-block > a {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  color: #09092d;
  background-color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  color: #09092d;
}

.explore-block > a:hover, .explore-block > a.active {
  text-decoration: none;
}

.explore-block > a .icon, .explore-block > a .fa, .explore-block > a .fas, .explore-block > a .far, .explore-block > a .fal {
  margin-right: 5px;
}

.my-training-banner .welcome-wrapper,
.view-external-catalog .banner .welcome-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.my-training-banner h2,
.view-external-catalog .banner h2 {
  display: inline-block;
}

@media (max-width: 768px) {
  .my-training-banner h2,
.view-external-catalog .banner h2 {
    display: block;
    margin-bottom: 10px;
  }
}

@media (max-width: 992px) {
  .view-my-training-programs .course-container {
    padding: 40px 23px;
    padding-left: 23px;
  }
}

@media (max-width: 768px) {
  .view-my-training-programs .course-container {
    padding: 40px 21px;
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  .view-my-training-programs .course-container {
    padding: 40px 8px;
    padding-left: 8px;
  }
}

.view-my-training-programs .course-container .category_tabs {
  margin-block-end: 32px;
}

.view-my-training-programs .course-container .my-programs-nav {
  border-bottom: 1px solid #d7d7e4;
  margin: 0;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
  font-size: 0;
}

.view-my-training-programs .course-container .my-programs-nav .searching-field {
  position: relative;
}

.view-my-training-programs .course-container .my-programs-nav .searching-field .input-wrapper input {
  width: 448px;
  height: auto;
  padding: 8px 12px;
  text-indent: 24px;
  border: solid 1px #b0b0cd;
  border-radius: 4px;
  font: inherit;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #7a7aae;
  background: #ffffff;
}

@media (max-width: 768px) {
  .view-my-training-programs .course-container .my-programs-nav .searching-field .input-wrapper input {
    width: auto;
  }
}

.view-my-training-programs .course-container .my-programs-nav .searching-field .input-wrapper i {
  font-size: 16px;
  color: #7a7aae;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translate(0%, -50%);
}

.view-my-training-programs .course-container .my-programs-nav #programs-filter {
  display: flex;
  align-items: center;
}

.view-my-training-programs .course-container .category_name-wrapper {
  font-weight: bold;
  font-size: 16px;
  color: #09092d;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}

.view-my-training-programs .course-container .category_name-wrapper .category_name {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #4c4c8e;
}

@media (max-width: 992px) {
  .view-my-training-programs .course-container .category_name-wrapper .category_name {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

@media (max-width: 768px) {
  .view-my-training-programs .course-container .category_name-wrapper .category_name {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.view-my-training-programs .course-container .category_name-wrapper > i {
  cursor: pointer;
  margin-right: 20px;
}

@media (max-width: 768px) {
  .view-my-training-programs .course-container .category_name-wrapper > i {
    display: none;
  }
}

.view-my-training-programs .course-container .empty-message-wrapper {
  margin-top: 20px;
}

@media (max-width: 576px) {
  .view-my-training-programs .course-container {
    padding: 0;
  }
  .view-my-training-programs .course-container .category_tabs {
    margin-block-end: 16px;
  }
  .view-my-training-programs .course-container .category_tabs .ds-tabs {
    margin: 0 calc(-1 * var(--fds-global-space-md));
  }
  .view-my-training-programs .course-container .my-programs-nav {
    flex-direction: column;
  }
  .view-my-training-programs .course-container .my-programs-nav #programs-filter {
    justify-content: flex-end;
  }
}

.view-my-courses-2 .main-container .my-courses {
  padding-top: 32px;
}

.view-my-courses-2 .main-container .my-courses .listing-courses {
  margin-top: var(--fds-global-space-md);
  background: var(--fds-global-color-neutral-0);
  padding: var(--fds-global-space-xl) var(--fds-global-space-2xl);
  border-radius: var(--fds-global-border-radius-md);
}

#register-learning-activity-modal, #learning-activity-approval-modal {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(9, 9, 45, 0.7);
}

#register-learning-activity-modal .modal-content, #learning-activity-approval-modal .modal-content {
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 8px;
  box-shadow: 0 15px 22px -6px rgba(9, 9, 45, 0.18);
  transform: translateX(-50%) translateY(-50%);
  text-align: left;
}

#register-learning-activity-modal .modal-content .modal-header, #learning-activity-approval-modal .modal-content .modal-header {
  padding: 16px 24px;
}

#register-learning-activity-modal .modal-content .modal-header .modal-title, #learning-activity-approval-modal .modal-content .modal-header .modal-title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

#register-learning-activity-modal .modal-content .modal-header .modal-title i, #learning-activity-approval-modal .modal-content .modal-header .modal-title i {
  margin-left: 24px;
  cursor: pointer;
}

#register-learning-activity-modal .modal-content .modal-header .modal-title .icon, #learning-activity-approval-modal .modal-content .modal-header .modal-title .icon {
  border-radius: 4px;
  padding: 6px 10px 6px 10px;
  visibility: hidden;
  transition-duration: 0.3s;
}

#register-learning-activity-modal .modal-content .modal-header .modal-title .icon:hover, #learning-activity-approval-modal .modal-content .modal-header .modal-title .icon:hover {
  color: #ffffff;
  background-color: #5959eb;
}

#register-learning-activity-modal .modal-content .modal-header .modal-title:hover > .icon, #learning-activity-approval-modal .modal-content .modal-header .modal-title:hover > .icon {
  visibility: visible;
}

#register-learning-activity-modal .modal-content .modal-header .close, #learning-activity-approval-modal .modal-content .modal-header .close {
  color: #1f1f59;
  float: right;
  font-weight: bold;
  cursor: pointer;
}

#register-learning-activity-modal .modal-content .modal-header .close:hover, #register-learning-activity-modal .modal-content .modal-header .close:focus, #learning-activity-approval-modal .modal-content .modal-header .close:hover, #learning-activity-approval-modal .modal-content .modal-header .close:focus {
  color: #09092d;
  text-decoration: none;
}

#register-learning-activity-modal .modal-content .content, #learning-activity-approval-modal .modal-content .content {
  display: flex;
  flex-direction: column;
  padding: 16px 24px;
  gap: 16px;
}

#register-learning-activity-modal .modal-content .content .message, #learning-activity-approval-modal .modal-content .content .message {
  width: 569px;
}

#register-learning-activity-modal .modal-content .content .label-group, #learning-activity-approval-modal .modal-content .content .label-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

#register-learning-activity-modal .modal-content .content .label-group .ds-label, #learning-activity-approval-modal .modal-content .content .label-group .ds-label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

#register-learning-activity-modal .modal-content .content .label-group .ds-label .star-rating, #learning-activity-approval-modal .modal-content .content .label-group .ds-label .star-rating {
  margin-top: 8px;
  font-size: 30px;
  color: #f3c316;
}

#register-learning-activity-modal .modal-content .content .label-group .ds-label .star-rating .fa-star, #learning-activity-approval-modal .modal-content .content .label-group .ds-label .star-rating .fa-star {
  cursor: pointer;
}

#register-learning-activity-modal .modal-content .content .label-group .ds-dropdown, #register-learning-activity-modal .modal-content .content .label-group .ds-input, #register-learning-activity-modal .modal-content .content .label-group .ds-textarea, #learning-activity-approval-modal .modal-content .content .label-group .ds-dropdown, #learning-activity-approval-modal .modal-content .content .label-group .ds-input, #learning-activity-approval-modal .modal-content .content .label-group .ds-textarea {
  width: auto;
}

#register-learning-activity-modal .modal-content .content .label-group .date-group, #learning-activity-approval-modal .modal-content .content .label-group .date-group {
  font-size: 12px;
  padding: 8px 12px;
  display: flex;
  gap: 4px;
  align-items: center;
  border: 1px solid #b0b0cd;
  border-radius: 4px;
  width: 100px;
}

#register-learning-activity-modal .modal-content .content .label-group .date-group input, #learning-activity-approval-modal .modal-content .content .label-group .date-group input {
  padding: 0;
  height: auto;
  border: none;
  box-shadow: none;
  width: 90px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

#register-learning-activity-modal .modal-content .content .activity-info, #register-learning-activity-modal .modal-content .content .activity-comment, #learning-activity-approval-modal .modal-content .content .activity-info, #learning-activity-approval-modal .modal-content .content .activity-comment {
  display: flex;
  flex-direction: column;
  width: 569px;
  padding: 16px;
  gap: 16px;
  background-color: #f3f3f7;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

#register-learning-activity-modal .modal-content .content .activity-info .field-row, #register-learning-activity-modal .modal-content .content .activity-comment .field-row, #learning-activity-approval-modal .modal-content .content .activity-info .field-row, #learning-activity-approval-modal .modal-content .content .activity-comment .field-row {
  display: flex;
}

#register-learning-activity-modal .modal-content .content .activity-info .field-row .field-title, #register-learning-activity-modal .modal-content .content .activity-comment .field-row .field-title, #learning-activity-approval-modal .modal-content .content .activity-info .field-row .field-title, #learning-activity-approval-modal .modal-content .content .activity-comment .field-row .field-title {
  width: 161px;
  font-weight: 500;
  color: #4c4c8e;
}

#register-learning-activity-modal .modal-content .content .activity-info .field-row .activity-link-container, #register-learning-activity-modal .modal-content .content .activity-info .field-row .activity-date, #register-learning-activity-modal .modal-content .content .activity-comment .field-row .activity-link-container, #register-learning-activity-modal .modal-content .content .activity-comment .field-row .activity-date, #learning-activity-approval-modal .modal-content .content .activity-info .field-row .activity-link-container, #learning-activity-approval-modal .modal-content .content .activity-info .field-row .activity-date, #learning-activity-approval-modal .modal-content .content .activity-comment .field-row .activity-link-container, #learning-activity-approval-modal .modal-content .content .activity-comment .field-row .activity-date {
  display: flex;
  gap: 4px;
  align-items: center;
}

#register-learning-activity-modal .modal-content .content .activity-info .field-row .activity-link-container a, #register-learning-activity-modal .modal-content .content .activity-info .field-row .activity-link-container i, #register-learning-activity-modal .modal-content .content .activity-comment .field-row .activity-link-container a, #register-learning-activity-modal .modal-content .content .activity-comment .field-row .activity-link-container i, #learning-activity-approval-modal .modal-content .content .activity-info .field-row .activity-link-container a, #learning-activity-approval-modal .modal-content .content .activity-info .field-row .activity-link-container i, #learning-activity-approval-modal .modal-content .content .activity-comment .field-row .activity-link-container a, #learning-activity-approval-modal .modal-content .content .activity-comment .field-row .activity-link-container i {
  color: #3535cd;
}

#register-learning-activity-modal .modal-content .content .activity-info .field-row .activity-link-container a, #register-learning-activity-modal .modal-content .content .activity-comment .field-row .activity-link-container a, #learning-activity-approval-modal .modal-content .content .activity-info .field-row .activity-link-container a, #learning-activity-approval-modal .modal-content .content .activity-comment .field-row .activity-link-container a {
  text-decoration: underline;
}

#register-learning-activity-modal .modal-content .content .activity-info .field-row .activity-date, #register-learning-activity-modal .modal-content .content .activity-comment .field-row .activity-date, #learning-activity-approval-modal .modal-content .content .activity-info .field-row .activity-date, #learning-activity-approval-modal .modal-content .content .activity-comment .field-row .activity-date {
  color: #09092d;
}

#register-learning-activity-modal .modal-content .content .activity-info .field-row .activity-date .fa-calendar, #register-learning-activity-modal .modal-content .content .activity-comment .field-row .activity-date .fa-calendar, #learning-activity-approval-modal .modal-content .content .activity-info .field-row .activity-date .fa-calendar, #learning-activity-approval-modal .modal-content .content .activity-comment .field-row .activity-date .fa-calendar {
  font-size: 10px;
}

#register-learning-activity-modal .modal-content .content .activity-info .field-row #activity-rating, #register-learning-activity-modal .modal-content .content .activity-comment .field-row #activity-rating, #learning-activity-approval-modal .modal-content .content .activity-info .field-row #activity-rating, #learning-activity-approval-modal .modal-content .content .activity-comment .field-row #activity-rating {
  font-size: 16px;
  color: #f3c316;
}

#register-learning-activity-modal .modal-content .content .activity-comment, #learning-activity-approval-modal .modal-content .content .activity-comment {
  border-top: 1px solid #d7d7e4;
}

#register-learning-activity-modal .modal-content .buttons, #learning-activity-approval-modal .modal-content .buttons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  border-top: 1px solid #d7d7e4;
  padding: 16px 24px;
}

#register-learning-activity-modal .modal-content {
  width: 448px;
}

#other-activities .section-header {
  overflow: hidden;
  padding: 0 0 16px;
}

#other-activities .section-header .banner {
  position: relative;
  flex: 100%;
  height: 150px;
  background-image: url("/static/hawthorn/images/dashboard-illustration.cbb1d3a9e3b2.jpg");
  background-size: cover;
  background-position: center center;
  margin-bottom: 0px;
}

#other-activities .section-header .banner::before {
  background: #09092d;
  opacity: 0.7;
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#other-activities .section-header .banner h2 {
  font-weight: 600;
  font-size: 36px;
  color: #ffffff;
}

#other-activities .section-header .banner .welcome-wrapper {
  padding: 50px 60px 20px 60px;
  position: relative;
}

@media (max-width: 992px) {
  #other-activities .section-header .banner .welcome-wrapper {
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  #other-activities .section-header .banner .welcome-wrapper {
    padding-left: 20px;
  }
}

#other-activities .section-header .banner .welcome-wrapper h3 {
  font-weight: 300;
  font-size: 16px;
  color: #ffffff;
}

@media (max-width: 992px) {
  #other-activities .section-header .banner {
    margin-bottom: 0px;
  }
}

#other-activities .section-header .tabs-wrapper {
  padding: 32px 60px 0px;
}

@media (max-width: 576px) {
  #other-activities .section-header .banner {
    margin-bottom: 0px;
  }
  #other-activities .section-header .tabs-wrapper {
    padding-inline: 0;
  }
}

#other-activities .section-header .alert-wrapper {
  margin: 16px 60px;
}

#other-activities .section-header .alert-wrapper .alert-info-box {
  display: flex;
  gap: 8px;
  background-color: #def4ff;
  padding: 16px;
  border-radius: 8px;
}

#other-activities .section-header .alert-wrapper .alert-info-box .alert-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

#other-activities .section-header .alert-wrapper .alert-info-box .alert-text label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  cursor: unset;
  color: #00476a;
}

#other-activities .section-header .alert-wrapper .alert-info-box .alert-text label .bolder {
  font-weight: 700;
}

#other-activities .section-header .alert-wrapper .alert-info-box .alert-text label .email {
  color: #3535cd;
}

#other-activities .section-header .alert-wrapper .alert-info-box .alert-close-btn {
  display: none;
  color: #1f1f59;
  cursor: pointer;
}

@media (max-width: 576px) {
  #other-activities .section-header .alert-wrapper {
    margin-inline: 16px;
  }
}

#other-activities .section-header .action-group {
  display: flex;
  justify-content: space-between;
  margin: 0 60px;
  align-items: center;
}

@media (max-width: 768px) {
  #other-activities .section-header .action-group {
    padding: 0 5px;
    flex-wrap: wrap;
  }
  #other-activities .section-header .action-group .user-search .search-input {
    width: calc((100vw - 110px)/2);
    padding-left: 5px;
  }
}

#other-activities .section-header .action-group .buttons {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 768px) {
  #other-activities .section-header .action-group .buttons {
    position: relative;
    flex-basis: 100%;
    margin-top: 10px;
  }
}

@media (max-width: 576px) {
  #other-activities .section-header .action-group {
    margin-inline: 16px;
  }
  #other-activities .section-header .action-group .buttons {
    justify-content: flex-end;
  }
}

#other-activities .section-content {
  display: flex;
  flex-direction: column;
  padding-bottom: 100px;
  gap: 27px;
  color: #09092d;
  padding: 0 60px 60px 60px;
}

#other-activities .section-content .activities-list-container {
  width: 100%;
  overflow-x: auto;
  padding: 1px;
  border-radius: 8px;
}

#other-activities .section-content .activities-list-container #activities-table th .sort-icon {
  color: #9f9fc1;
  cursor: pointer;
}

#other-activities .section-content .activities-list-container #activities-table th.sorted .sort-icon {
  color: #5959eb;
}

#other-activities .section-content .activities-list-container #activities-table .column-link {
  width: 10%;
}

#other-activities .section-content .activities-list-container #activities-table .column-link a {
  display: flex;
  gap: 4px;
  align-items: center;
  color: #3535cd;
}

#other-activities .section-content .activities-list-container #activities-table .column-link a span {
  text-decoration: underline;
}

#other-activities .section-content .activities-list-container #activities-table .column-rating i.star {
  color: #f3c316;
}

#other-activities .section-content .activities-list-container #activities-table .column-action a.action-resend-email {
  color: #1f1f59;
}

#other-activities .section-content .activities-list-container #activities-table .column-action a.action-delete {
  color: #d40d0f;
}

#other-activities .section-content .activities-list-container #activities-table .column-action a.disabled-action {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

#other-activities .section-content .activities-list-container #activities-table .column-action a:hover {
  text-shadow: unset !important;
}

@media (max-width: 576px) {
  #other-activities .section-content {
    padding-inline: 16px;
  }
}

.ui-datepicker {
  background: #ffffff !important;
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  background-color: #5959eb;
  border-radius: 4px;
  color: #ffffff;
}

.ui-datepicker .ui-datepicker-header > a .ui-icon {
  display: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  position: absolute;
  top: 5px;
  width: 1.8em;
  height: 1.8em;
  color: inherit;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  display: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  font-family: "Font Awesome 7 Pro";
  font-size: 16px;
  font-weight: 600;
  vertical-align: middle;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
  top: 6px;
  border: 0 !important;
  background: #5959eb !important;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 5px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
  content: '\f32e';
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
  left: 4px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 6px;
  text-align: end;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
  content: '\f330';
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
  right: 5px;
}

.ui-datepicker .ui-datepicker-header .ui-corner-all {
  height: auto;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  font-size: 12px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker .ui-widget-header {
  border: 0;
  background: #5959eb;
}

.ui-datepicker .ui-datepicker-calendar thead tr th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: 400;
  font-size: 12px;
  border: 0;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td {
  border: 0;
  padding: 1px;
  font-size: 12px;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td a,
.ui-datepicker .ui-datepicker-calendar tbody tr td span {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td a {
  background-image: none;
  background-color: #ffffff;
  border-color: #e3e3e3;
  color: #1f1f59;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today a {
  border-color: #cecece;
  background-color: #cecece;
  color: #ffffff;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a {
  border-color: #5959eb;
  background-color: #5959eb;
  color: #ffffff;
}

.ui-datepicker .ui-widget-content .ui-datepicker-current,
.ui-datepicker .ui-widget-content .ui-datepicker-close {
  border-width: 0;
  color: #5959eb;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.view-program-about .content-wrapper {
  padding-bottom: 40px;
}

@media (max-width: 768px) {
  .view-program-about .content-wrapper {
    padding-bottom: 30px;
  }
}

.view-program-about #program-details-hero .main-banner {
  padding: 0;
}

.view-program-about #program-details-hero .main-banner .container, .view-program-about #program-details-hero .main-banner section.outside-app, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections {
  position: relative;
  display: flex;
  width: 100%;
  gap: 32px;
  align-items: center;
  padding: 32px 0;
  justify-content: initial;
  max-width: none;
  margin-top: 80px;
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container, .view-program-about #program-details-hero .main-banner section.outside-app, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections {
    padding: 60px 0;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    width: initial;
    padding-bottom: 0px;
    margin-top: 0px;
  }
}

.view-program-about #program-details-hero .main-banner .container > img, .view-program-about #program-details-hero .main-banner section.outside-app > img, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy > img, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy > img, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections > img, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections > img {
  position: absolute;
  z-index: 2;
  display: block;
  width: 717px;
  height: 458px;
  left: calc(-717px / 6 * 2);
  top: calc((100% - 458px) / 2);
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container > img, .view-program-about #program-details-hero .main-banner section.outside-app > img, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy > img, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy > img, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections > img, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections > img {
    display: none;
  }
}

.view-program-about #program-details-hero .main-banner .container .rectangle, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: initial;
  z-index: 1;
  display: flex;
  align-items: center;
  align-self: flex-start;
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .rectangle, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle {
    height: 226px;
    width: 100%;
    padding-top: 0px;
    margin-top: 0px;
  }
}

.view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper {
  position: initial;
  background-size: cover;
  aspect-ratio: 400 / 310;
  left: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 480px;
  height: auto;
}

.view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper::after, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper::after, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper::after, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper::after, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper::after, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper::after {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper::after, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper::after, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper::after, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper::after, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper::after, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper::after {
  content: '';
  position: initial;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
}

.view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper .mask, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper .mask, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper .mask, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper .mask, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper .mask, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper .mask {
  position: unset;
  border-radius: 10px;
  height: 100%;
}

.view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper .mask i, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper .mask i, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper .mask i, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper .mask i, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper .mask i, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper .mask i {
  font-size: 50px;
}

.view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper .mask .localized-date, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper .mask .localized-date, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper .mask .localized-date, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper .mask .localized-date, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper .mask .localized-date, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper .mask .localized-date {
  font-size: 36px;
  color: #ffffff;
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    top: 60px;
    height: 226px;
    position: absolute;
    width: auto;
    margin-right: 0;
    justify-content: flex-end;
    aspect-ratio: auto;
  }
}

@media (max-width: 768px) and (max-width: 992px) {
  .view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper {
    padding: 0 23px;
    padding-left: 23px;
  }
}

@media (max-width: 768px) and (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper {
    padding: 0 21px;
    padding-left: 21px;
  }
}

@media (max-width: 768px) and (max-width: 576px) {
  .view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper {
    padding: 0 8px;
    padding-left: 8px;
  }
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper::after, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper::after, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper::after, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper::after, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper::after, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper::after {
    content: none;
  }
  .view-program-about #program-details-hero .main-banner .container .rectangle .program-process-wrapper .mask, .view-program-about #program-details-hero .main-banner section.outside-app .rectangle .program-process-wrapper .mask, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .rectangle .program-process-wrapper .mask, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .rectangle .program-process-wrapper .mask, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .rectangle .program-process-wrapper .mask, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .rectangle .program-process-wrapper .mask {
    display: none;
  }
}

.view-program-about #program-details-hero .main-banner .container a[class$="button"], .view-program-about #program-details-hero .main-banner section.outside-app a[class$="button"], .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy a[class$="button"], .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy a[class$="button"], .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections a[class$="button"], .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections a[class$="button"] {
  text-decoration: none;
}

.view-program-about #program-details-hero .main-banner .container .program_info, .view-program-about #program-details-hero .main-banner section.outside-app .program_info, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info {
  position: relative;
  display: flex;
  flex-grow: 1;
  margin-right: 62px;
  gap: 32px;
  align-items: center;
  padding: 0;
  justify-content: initial;
  max-width: none;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary {
  flex: 1;
  padding: 0;
  color: #09092d;
  position: relative;
  z-index: 8;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 992px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary {
    padding: 0 23px;
    padding-left: 23px;
  }
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary {
    padding: 0 21px;
    padding-left: 21px;
  }
}

@media (max-width: 576px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary {
    padding: 0 8px;
    padding-left: 8px;
  }
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .non-started-info, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .non-started-info, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .non-started-info, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .non-started-info, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .non-started-info, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .non-started-info {
  display: none;
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary {
    flex: 1;
    max-height: 100%;
    min-height: unset;
    margin-left: 0px;
    padding-left: 24px;
  }
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .non-started-info, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .non-started-info, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .non-started-info, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .non-started-info, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .non-started-info, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .non-started-info {
    display: flex;
    margin-top: 50px;
  }
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .non-started-info i, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .non-started-info i, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .non-started-info i, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .non-started-info i, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .non-started-info i, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .non-started-info i {
    font-size: 30px;
    margin-right: 20px;
  }
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .non-started-info .localized-date, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .non-started-info .localized-date, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .non-started-info .localized-date, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .non-started-info .localized-date, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .non-started-info .localized-date, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .non-started-info .localized-date {
    font-size: 14px;
    flex: 0.6;
  }
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_state, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_state, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_state, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_state, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_state, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_state {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
  }
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_state small > i, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_state small > i, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_state small > i, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_state small > i, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_state small > i, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_state small > i {
  font-size: 13px;
  font-weight: 300;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_state small > span, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_state small > span, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_state small > span, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_state small > span, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_state small > span, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_state small > span {
  font-size: 13px;
  font-weight: 300;
  margin-left: 4px;
  color: #09092d;
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_state small > span, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_state small > span, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_state small > span, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_state small > span, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_state small > span, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_state small > span {
    font-size: 10px;
    margin-left: 5px;
  }
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_state small + i, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_state small + i, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_state small + i, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_state small + i, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_state small + i, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_state small + i {
  display: inline-block;
  width: 1px;
  height: 10px;
  color: 1px solid #d7d7e4;
  margin: 0 16px;
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_state small + i, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_state small + i, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_state small + i, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_state small + i, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_state small + i, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_state small + i {
    margin: 0 8px;
  }
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_state small + i, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_state small + i, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_state small + i, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_state small + i, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_state small + i, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_state small + i {
  display: none;
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_state small, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_state small, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_state small, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_state small, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_state small, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_state small {
    display: block;
    margin-top: 10px;
  }
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_state small i, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_state small i, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_state small i, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_state small i, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_state small i, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_state small i {
    font-size: 12px;
  }
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_state small span, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_state small span, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_state small span, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_state small span, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_state small span, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_state small span {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0em;
    text-indent: 0px;
    color: #09092d;
  }
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_state .sub-info, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_state .sub-info, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_state .sub-info, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_state .sub-info, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_state .sub-info, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_state .sub-info {
  min-width: 115px;
  display: inline-block;
  white-space: nowrap;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_state .sub-info:not(:last-child), .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_state .sub-info:not(:last-child), .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_state .sub-info:not(:last-child), .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_state .sub-info:not(:last-child), .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_state .sub-info:not(:last-child), .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_state .sub-info:not(:last-child) {
  border-right: 1px solid #d7d7e4;
  padding-right: 16px;
  min-width: initial;
  margin-right: 16px;
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_state .sub-info:not(:last-child), .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_state .sub-info:not(:last-child), .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_state .sub-info:not(:last-child), .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_state .sub-info:not(:last-child), .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_state .sub-info:not(:last-child), .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_state .sub-info:not(:last-child) {
    padding-right: 16px;
  }
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .course-tags-list, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .course-tags-list, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .course-tags-list, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .course-tags-list, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .course-tags-list, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .course-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 8px;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .buttons .recommend-button, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .buttons .recommend-button, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .buttons .recommend-button, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .buttons .recommend-button, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .buttons .recommend-button, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .buttons .recommend-button {
  margin-right: 12px;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .buttons .enroll-button, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .buttons .enroll-button, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .buttons .enroll-button, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .buttons .enroll-button, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 700;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  color: #09092d;
  background-color: #ffffff;
  background: #5959eb;
  color: #ffffff;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .buttons .enroll-button:hover, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .buttons .enroll-button:hover, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .buttons .enroll-button:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .buttons .enroll-button:hover, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button:hover, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button:hover, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .buttons .enroll-button.active, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .buttons .enroll-button.active, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .buttons .enroll-button.active, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .buttons .enroll-button.active, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button.active, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button.active {
  text-decoration: none;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .buttons .enroll-button .icon, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .buttons .enroll-button .icon, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .buttons .enroll-button .icon, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .buttons .enroll-button .icon, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button .icon, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button .icon, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .buttons .enroll-button .fa, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .buttons .enroll-button .fa, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .buttons .enroll-button .fa, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .buttons .enroll-button .fa, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button .fa, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button .fa, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .buttons .enroll-button .fas, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .buttons .enroll-button .fas, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .buttons .enroll-button .fas, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .buttons .enroll-button .fas, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button .fas, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button .fas, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .buttons .enroll-button .far, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .buttons .enroll-button .far, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .buttons .enroll-button .far, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .buttons .enroll-button .far, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button .far, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button .far, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .buttons .enroll-button .fal, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .buttons .enroll-button .fal, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .buttons .enroll-button .fal, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .buttons .enroll-button .fal, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button .fal, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button .fal {
  margin-right: 5px;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .buttons .enroll-button:hover, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .buttons .enroll-button:hover, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .buttons .enroll-button:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .buttons .enroll-button:hover, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button:hover, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button:hover {
  box-shadow: 0 8px 15px -4px rgba(9, 9, 45, 0.13);
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .buttons .disable-enroll-button, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .buttons .disable-enroll-button, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .buttons .disable-enroll-button, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .buttons .disable-enroll-button, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .buttons .disable-enroll-button, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .buttons .disable-enroll-button {
  pointer-events: none;
  color: #cecece;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .buttons .enroll-button, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .buttons .enroll-button, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .buttons .enroll-button, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .buttons .enroll-button, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button {
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .buttons .enroll-button, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .buttons .enroll-button, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .buttons .enroll-button, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .buttons .enroll-button, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .buttons .enroll-button {
    padding: 6px 12px;
    font-size: 14px;
  }
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 35px;
  margin-bottom: 8px;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper {
  display: flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper input[type=text], .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper input[type=text], .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper input[type=text], .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper input[type=text], .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper input[type=text], .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper input[type=text] {
  padding: 3px 12px;
  font-size: 36px;
  border: 1px solid #4c4c8e;
  outline: none;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  line-height: inherit;
  box-shadow: none;
  font-style: initial;
  width: 280px;
  height: auto;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper h1, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper h1, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper h1, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper h1, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper h1, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper h1 {
  margin: 0;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper h1, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper h1, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper h1, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper h1, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper h1, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper h1 {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > span, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > span, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > span, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > span, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > span, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > span, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a {
  margin-left: 15px;
  font-size: 19px;
  cursor: pointer;
  color: #09092d;
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > span, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > span, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > span, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > span, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > span, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > span, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a {
    font-size: 16px;
  }
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper .fa-print, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper .fa-print, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper .fa-print, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper .fa-print, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper .fa-print, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper .fa-print {
  display: none;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a {
  margin-left: 30px;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a .fa-pen, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a .fa-pen, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a .fa-pen, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a .fa-pen, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a .fa-pen, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .title-wrapper > a .fa-pen {
  display: inline-block;
  margin-left: 0;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars {
  display: flex;
  align-items: center;
  gap: 4px;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .star, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .star, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .star, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .star, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .star, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .star {
  font-size: 20px;
  color: #f3c316;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .rating-count, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .rating-count, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .rating-count, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .rating-count, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .rating-count, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .rating-count {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  margin-left: 4px;
  color: #4c4c8e;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .rating-count.underline, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .rating-count.underline, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .rating-count.underline, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .rating-count.underline, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .rating-count.underline, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-title-rating-wrapper .rating-stars .rating-count.underline {
  text-decoration: underline;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-instructors, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-instructors, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-instructors, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-instructors, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-instructors, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-instructors {
  display: flex;
  margin-bottom: 32px;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-instructors .program-instructor, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-instructors .program-instructor, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-instructors .program-instructor, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-instructors .program-instructor, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-instructors .program-instructor, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-instructors .program-instructor {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-instructors .program-instructor .instructor-image, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-instructors .program-instructor .instructor-image, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-instructors .program-instructor .instructor-image, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-instructors .program-instructor .instructor-image, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-instructors .program-instructor .instructor-image, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-instructors .program-instructor .instructor-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-instructors .program-instructor .instructor-name.instructor-name--clickable, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-instructors .program-instructor .instructor-name.instructor-name--clickable, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-instructors .program-instructor .instructor-name.instructor-name--clickable, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-instructors .program-instructor .instructor-name.instructor-name--clickable, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-instructors .program-instructor .instructor-name.instructor-name--clickable, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-instructors .program-instructor .instructor-name.instructor-name--clickable {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
  text-decoration: underline;
  cursor: pointer;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program_summary_head .program-instructors .program-instructor:not(:last-child)::after, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program_summary_head .program-instructors .program-instructor:not(:last-child)::after, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program_summary_head .program-instructors .program-instructor:not(:last-child)::after, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program_summary_head .program-instructors .program-instructor:not(:last-child)::after, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-instructors .program-instructor:not(:last-child)::after, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program_summary_head .program-instructors .program-instructor:not(:last-child)::after {
  content: "";
  width: 4px;
  height: 4px;
  background: #09092d;
  border-radius: 50%;
  display: inline-block;
  margin: 0 8px;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #09092d;
  -webkit-font-smoothing: antialiased;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description__toggle, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description__toggle, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description__toggle, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description__toggle, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description__toggle, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description__toggle {
  color: #fafafa;
  transition-property: color, text-shadow;
  transition-duration: 0.1s;
  text-decoration: none;
  display: none;
  cursor: pointer;
  margin-top: 10px;
  font-size: 13px;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description__toggle:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description__toggle:hover, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description__toggle:active, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description__toggle:active, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description__toggle:active, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description__toggle:active, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description__toggle:active, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description__toggle:active, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description__toggle:focus, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description__toggle:focus, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description__toggle:focus, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description__toggle:focus, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description__toggle:focus, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description__toggle:focus {
  text-shadow: 0.25px 0.25px 0 #ffffff;
  color: #ffffff;
  text-decoration: none;
  border-bottom: 0;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description__content, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description__content, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description__content, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description__content, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description__content, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description__content {
  overflow-y: hidden;
  transition: max-height 1s;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description__content *, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description__content *, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description__content *, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description__content *, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description__content *, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description__content * {
  width: auto !important;
  background: transparent !important;
  white-space: break-spaces !important;
  white-space: normal !important;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  color: #09092d;
  border: 1px solid #4c4c8e;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  width: auto;
  margin: 0;
  border: 0;
  padding: 9px 0px;
  text-decoration: underline;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle.active {
  text-decoration: none;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle .icon, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle .icon, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .icon, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .icon, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .icon, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .icon, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle .fa, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle .fa, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .fa, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .fa, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .fa, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .fa, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle .fas, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle .fas, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .fas, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .fas, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .fas, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .fas, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle .far, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle .far, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .far, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .far, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .far, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .far, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle .fal, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle .fal, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .fal, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .fal, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .fal, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .fal {
  margin-right: 5px;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle:focus, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle:focus, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle:focus, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle:focus, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle:focus, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle:focus {
  color: #09092d;
  border: 1px solid #4c4c8e;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle.active {
  color: #5959eb;
  border-color: #5959eb;
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle {
    border: 0;
    background-image: none;
    text-transform: none;
    border-radius: 8px;
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-weight: 400;
    text-shadow: none;
    cursor: pointer;
    outline: none;
    display: inline-flex;
    align-items: center;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    color: #09092d;
    border: 1px solid #4c4c8e;
    border: 0;
    padding: 0;
  }
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle.active {
    text-decoration: none;
  }
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle .icon, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle .icon, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .icon, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .icon, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .icon, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .icon, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle .fa, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle .fa, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .fa, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .fa, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .fa, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .fa, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle .fas, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle .fas, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .fas, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .fas, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .fas, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .fas, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle .far, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle .far, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .far, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .far, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .far, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .far, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle .fal, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle .fal, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .fal, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle .fal, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .fal, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle .fal {
    margin-right: 5px;
  }
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle:focus, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle:focus, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle:focus, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle:focus, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle:focus, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle:focus {
    color: #09092d;
    border: 1px solid #4c4c8e;
  }
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle:hover, .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle.active, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description--need-toggle .program-description__toggle.active {
    color: #5959eb;
    border-color: #5959eb;
  }
}

@media (max-width: 768px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0em;
    text-indent: 0px;
    width: auto;
    padding: 0;
    gap: 16px;
  }
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_summary .program-description p, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_summary .program-description p, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_summary .program-description p, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_summary .program-description p, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_summary .program-description p, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_summary .program-description p {
  margin-top: 0;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_progress, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_progress, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_progress, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_progress, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_progress, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_progress {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  min-height: 400px;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_progress .progress-ring0, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_progress .progress-ring0, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_progress .progress-ring0, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_progress .progress-ring0, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_progress .progress-ring0, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_progress .progress-ring0 {
  z-index: 1;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_progress .progress-ring0 .step, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_progress .progress-ring0 .step, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_progress .progress-ring0 .step, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_progress .progress-ring0 .step, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_progress .progress-ring0 .step, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_progress .progress-ring0 .step {
  color: #5959eb;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_progress .progress-ring0 .progress-ring .progress-ring__circle-bg, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_progress .progress-ring0 .progress-ring .progress-ring__circle-bg, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_progress .progress-ring0 .progress-ring .progress-ring__circle-bg, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_progress .progress-ring0 .progress-ring .progress-ring__circle-bg, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_progress .progress-ring0 .progress-ring .progress-ring__circle-bg, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_progress .progress-ring0 .progress-ring .progress-ring__circle-bg {
  stroke: #d7d7e4;
  opacity: 0.5;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_progress .progress-ring0 .progress-ring .progress-ring__circle, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_progress .progress-ring0 .progress-ring .progress-ring__circle, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_progress .progress-ring0 .progress-ring .progress-ring__circle, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_progress .progress-ring0 .progress-ring .progress-ring__circle, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_progress .progress-ring0 .progress-ring .progress-ring__circle, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_progress .progress-ring0 .progress-ring .progress-ring__circle {
  stroke: #5959eb;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_progress .progress-ring-ordinary .step, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_progress .progress-ring-ordinary .step, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_progress .progress-ring-ordinary .step, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_progress .progress-ring-ordinary .step, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_progress .progress-ring-ordinary .step, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_progress .progress-ring-ordinary .step {
  font-size: 36px;
  top: calc((100% - 10px) / 2);
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_progress .mask, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_progress .mask, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_progress .mask, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_progress .mask, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_progress .mask, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_progress .mask {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #09092d;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_progress .mask i, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_progress .mask i, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_progress .mask i, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_progress .mask i, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_progress .mask i, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_progress .mask i {
  font-size: 20px;
}

.view-program-about #program-details-hero .main-banner .container .program_info .program_progress .mask h2, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_progress .mask h2, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_progress .mask h2, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_progress .mask h2, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_progress .mask h2, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_progress .mask h2 {
  margin: 0;
}

@media (max-width: 576px) {
  .view-program-about #program-details-hero .main-banner .container .program_info .program_progress, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_progress, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_progress, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_progress, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_progress, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_progress {
    min-height: unset;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0.5);
    transform-origin: top center;
  }
  .view-program-about #program-details-hero .main-banner .container .program_info .program_progress .mask, .view-program-about #program-details-hero .main-banner section.outside-app .program_info .program_progress .mask, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info .program_progress .mask, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info .program_progress .mask, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info .program_progress .mask, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info .program_progress .mask {
    display: none;
  }
}

@media (max-width: 992px) {
  .view-program-about #program-details-hero .main-banner .container .program_info, .view-program-about #program-details-hero .main-banner section.outside-app .program_info, .view-program-about #program-details-hero .main-banner .view-profile .profile-self .wrapper-profile-field-account-privacy .u-field-account_privacy .program_info, .view-profile .profile-self .wrapper-profile-field-account-privacy .view-program-about #program-details-hero .main-banner .u-field-account_privacy .program_info, .view-program-about #program-details-hero .main-banner .view-profile .wrapper-profile-sections .program_info, .view-profile .view-program-about #program-details-hero .main-banner .wrapper-profile-sections .program_info {
    flex: 1;
    width: 100%;
    max-height: 100%;
    min-height: unset;
    margin-left: 0px;
    margin-right: 16px;
    gap: 0;
  }
}

.view-program-about .program-details-page-container {
  display: flex;
  justify-content: center;
  margin: 60px 152px 0 152px;
  flex-direction: column;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container {
    margin: 0px;
    padding: 0 16px;
  }
}

.view-program-about .program-details-page-container .courses-list-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  margin: auto;
  border-top: 1px solid #d7d7e4;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container {
    width: 100%;
    padding-top: 24px;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course {
  display: flex;
  width: 100%;
  margin-top: 32px;
  flex-direction: row-reverse;
  align-items: center;
  gap: 32px;
  align-self: stretch;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: initial;
    box-sizing: border-box;
    gap: 24px;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course > a[name] {
  display: none;
  position: relative;
  top: -80px;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  padding: 8px 16px;
  border-radius: 4px;
  line-height: 20px;
  text-decoration: none;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link:hover, .view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link.active {
  text-decoration: none;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link .icon, .view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link .fa, .view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link .fas, .view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link .far, .view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link .fal {
  margin-right: 5px;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link:hover, .view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link[disabled], .view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link.disabled, .view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link:disabled, .view-program-about .program-details-page-container .courses-list-container .row-course .start_resume_button .nav-link.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container {
  flex: 0;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container {
    width: 100%;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 400 / 310;
  width: 347px;
  height: auto;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .mask {
  position: unset;
  border-radius: 4px;
  height: 100%;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .mask i {
  font-size: 40px;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .mask .localized-date {
  font-size: 24px;
  color: #ffffff;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image {
    height: 237px;
    width: 100%;
  }
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .mask {
    z-index: unset;
    justify-content: unset;
  }
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .mask i {
    font-size: 30px;
    margin-top: 50px;
  }
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .mask .localized-date {
    font-size: 14px;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image:has(> .start_resume_button)::before {
  display: none;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image:hover:has(> .start_resume_button)::before {
  display: block;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image:hover .start_resume_button {
  opacity: 1;
  z-index: 1;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .start_resume_button {
  transition: 0.3s;
  opacity: 0;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .start_resume_button {
    display: none;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image #image-link {
  width: inherit;
  height: inherit;
  border-radius: inherit;
  display: inherit;
  justify-content: inherit;
  align-items: inherit;
  z-index: 1;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .lock-wrapper {
    position: absolute;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .lock-wrapper > span {
  font-size: 100px;
  color: #ffffff;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-image-container .course-image .lock-wrapper > span {
    color: #ececec;
    font-size: 88px;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .course-title.disabled a h2 {
    opacity: 0.6;
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .course-title a {
  text-decoration: none;
  font-weight: 700;
  color: #09092d;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .course-title a h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 24px;
  line-height: 32px;
  margin: 0;
  color: inherit;
  font-weight: inherit;
  word-break: break-word;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .course-title a h2 {
    font-size: 24px;
    font-weight: bold;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description {
  width: 100%;
  color: #09092d;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description.displaying-all .text {
  display: block;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .text {
    font-size: 14px;
  }
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .text :first-child {
    margin-top: 0 !important;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  color: #09092d;
  border: 1px solid #4c4c8e;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  width: auto;
  margin: 0;
  border: 0;
  padding: 9px 0px;
  text-decoration: underline;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button:hover, .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button.active {
  text-decoration: none;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button .icon, .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button .fa, .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button .fas, .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button .far, .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button .fal {
  margin-right: 5px;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button:focus {
  color: #09092d;
  border: 1px solid #4c4c8e;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button:hover, .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button.active {
  color: #5959eb;
  border-color: #5959eb;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button {
    border: 0;
    background-image: none;
    text-transform: none;
    border-radius: 8px;
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-weight: 400;
    text-shadow: none;
    cursor: pointer;
    outline: none;
    display: inline-flex;
    align-items: center;
    -webkit-font-smoothing: antialiased;
    padding: 6px 12px;
    font-size: 14px;
    color: #09092d;
    border: 1px solid #4c4c8e;
    border: 0;
    padding: 0;
  }
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button:hover, .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button.active {
    text-decoration: none;
  }
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button .icon, .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button .fa, .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button .fas, .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button .far, .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button .fal {
    margin-right: 5px;
  }
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button:focus {
    color: #09092d;
    border: 1px solid #4c4c8e;
  }
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button:hover, .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .description .see_more_button.active {
    color: #5959eb;
    border-color: #5959eb;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .sub-info-wrapper {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .sub-info-wrapper .sub-info {
  color: #09092d;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .sub-info-wrapper .sub-info > i {
  font-size: 13px;
  font-weight: 300;
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .sub-info-wrapper .sub-info > span {
  font-size: 13px;
  font-weight: 300;
  margin-left: 4px;
  color: #09092d;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .sub-info-wrapper .sub-info > span {
    font-size: 10px;
    margin-left: 5px;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .sub-info-wrapper .sub-info + i {
  display: inline-block;
  width: 1px;
  height: 10px;
  color: 1px solid #d7d7e4;
  margin: 0 14px;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .sub-info-wrapper .sub-info + i {
    margin: 0 7px;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .sub-info-wrapper .sub-info > span {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
  margin-left: 4px;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .sub-info-wrapper .sub-info > span {
    font-size: 14px;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .sub-info-wrapper .sub-info:not(:last-child) {
  border-right: 1px solid #d7d7e4;
  padding-right: 16px;
  min-width: initial;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .sub-info-wrapper .sub-info:not(:last-child) {
    padding-right: 16px;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .sub-info-wrapper .sub-info:not(:first-child) {
  margin-left: 16px;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .sub-info-wrapper .sub-info:not(:first-child) {
    margin-left: 16px;
  }
}

.view-program-about .program-details-page-container .courses-list-container .row-course .course-info .start_resume_button {
  display: none;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .start_resume_button {
    display: block;
    margin-bottom: 15px;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .courses-list-container .row-course .course-info .start_resume_button .nav-link {
    padding: 6px 12px;
    font-size: 14px;
  }
}

.view-program-about .program-details-page-container .unenroll_container {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .unenroll_container {
    margin-top: 30px;
  }
}

.view-program-about .program-details-page-container .unenroll_container > a {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 400;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 6px 12px;
  font-size: 14px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  padding: 8px 16px;
  border-radius: 4px;
  line-height: 20px;
  text-decoration: none;
}

.view-program-about .program-details-page-container .unenroll_container > a:hover, .view-program-about .program-details-page-container .unenroll_container > a.active {
  text-decoration: none;
}

.view-program-about .program-details-page-container .unenroll_container > a .icon, .view-program-about .program-details-page-container .unenroll_container > a .fa, .view-program-about .program-details-page-container .unenroll_container > a .fas, .view-program-about .program-details-page-container .unenroll_container > a .far, .view-program-about .program-details-page-container .unenroll_container > a .fal {
  margin-right: 5px;
}

.view-program-about .program-details-page-container .unenroll_container > a:hover, .view-program-about .program-details-page-container .unenroll_container > a.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

.view-program-about .program-details-page-container .unenroll_container > a:focus {
  color: #ffffff;
  background-color: #5959eb;
}

.view-program-about .program-details-page-container .unenroll_container > a[disabled], .view-program-about .program-details-page-container .unenroll_container > a.disabled, .view-program-about .program-details-page-container .unenroll_container > a:disabled, .view-program-about .program-details-page-container .unenroll_container > a.is-disabled {
  color: #ffffff;
  text-shadow: none;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .unenroll_container > a {
    padding: 6px 12px;
    font-size: 14px;
  }
}

.view-program-about .program-details-page-container .unenroll_container .disable-unenroll-button {
  background-color: #cecece;
  pointer-events: none;
}

.view-program-about .program-details-page-container .learner-reviews-wrapper {
  padding-bottom: 30px;
}

@media (max-width: 768px) {
  .view-program-about .program-details-page-container .learner-reviews-wrapper {
    margin-top: 25px;
  }
}

.separation_container {
  display: flex;
  color: #09092d;
  cursor: pointer;
  margin: 50px 0px 30px 0px;
}

.separation_container .separation_title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal;
  border: none;
  white-space: nowrap;
}

.separation_container .programs_counter {
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  margin-left: 10px;
  margin-right: 5px;
  padding: 1px 5px 1px 5px;
  box-sizing: border-box;
  width: fit-content;
  border-radius: 2px;
  background: rgba(114, 114, 114, 0.2);
}

.separation_container .extending_button {
  margin-left: 10px;
}

.separation_container .separation_line {
  margin: 8px 10px 0px 10px;
  border-top: 1px solid #d7d7e4;
  width: 85%;
}

.nav_programs_counter {
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
  margin-left: 10px;
  padding: 1px 5px 1px 5px;
  box-sizing: border-box;
  width: fit-content;
  border-radius: 2px;
  color: #09092d;
  background: rgba(114, 114, 114, 0.2);
}

.container-for-program-cards {
  background: var(--fds-global-color-neutral-0);
  padding: var(--fds-global-space-xl) var(--fds-global-space-2xl);
  border-radius: var(--fds-global-border-radius-md);
}

.find-courses {
  background-color: #f3f3f7;
}

.find-courses .centrical_iframe {
  width: 100%;
  height: 1000px;
}

.find-courses {
  background: #f3f3f7;
}

.find-courses .welcome-wrapper h2 {
  line-height: 1.4;
}

.find-courses .explore-panels,
.find-courses .courses-wrapper {
  margin: 40px 60px 0px 60px;
  padding: 0;
}

@media (max-width: 768px) {
  .find-courses .explore-panels,
.find-courses .courses-wrapper {
    margin: 16px 0;
    padding: 16px;
  }
}

.find-courses .courses-wrapper .container-for-program-cards {
  margin: 0;
  margin-top: 16px;
}

.find-courses .courses-wrapper .program-list-wrapper .catalog_name-wrapper {
  font-weight: bold;
  font-size: 16px;
  color: #09092d;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.find-courses .courses-wrapper .program-list-wrapper .catalog_name-wrapper .category_name {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #4c4c8e;
}

@media (max-width: 992px) {
  .find-courses .courses-wrapper .program-list-wrapper .catalog_name-wrapper .category_name {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

@media (max-width: 768px) {
  .find-courses .courses-wrapper .program-list-wrapper .catalog_name-wrapper .category_name {
    font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0em;
    text-indent: 0px;
  }
}

.find-courses .courses-wrapper .program-list-wrapper .catalog_name-wrapper > i {
  cursor: pointer;
  margin-right: 20px;
}

@media (max-width: 768px) {
  .find-courses .courses-wrapper .program-list-wrapper .catalog_name-wrapper > i {
    display: none;
  }
}

.find-courses .courses-wrapper .program-list-wrapper .catalog_name-wrapper + .explore-block {
  margin-top: 20px;
}

.find-courses .search-filters {
  display: flex;
}

.find-courses .search-filters .search-filters-wrapper {
  color: #1f1f59;
  font-size: 12px;
  line-height: 20px;
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--fds-global-space-md);
}

.find-courses .search-filters .search-filters-wrapper .search-filters-actions {
  display: flex;
  width: 100%;
  gap: var(--fds-global-space-xs);
}

.find-courses .search-filters .search-filters-wrapper .search-filters-actions .reset-button {
  align-self: flex-start;
}

.find-courses .search-filters .search-filters-wrapper .search-filters-actions .submit-button {
  flex: 1;
}

.find-courses .search-filters .search-filters-items {
  margin-top: calc(-1 * var(--fds-global-space-xs));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  border-radius: 4px;
  background: #ffffff;
  overflow-x: hidden;
}

.find-courses .search-filters .search-filters-items .filter-item {
  width: 100%;
}

.find-courses .search-filters .search-filters-items .filter-item:not(:first-of-type) {
  border-top: 1px solid #ebebf1;
}

.find-courses .search-filters .search-filters-items .filter-item .select {
  width: 100%;
  color: #09092d;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  border: none;
  border-radius: var(--fds-global-border-radius-md);
  height: 42px;
}

.find-courses .search-filters .search-filters-items .filter-item .select .text {
  font-size: 14px;
  line-height: 20px;
}

.find-courses .search-filters .search-filters-items .filter-item .select .text .value {
  color: #4c4c8e;
}

.find-courses .search-filters .search-filters-items .filter-item .panel {
  z-index: 9999;
  border: none;
  border-radius: var(--fds-global-border-radius-md);
  position: static;
  padding-block-end: var(--fds-global-space-xs);
}

.find-courses .search-filters .search-filters-items .filter-item .panel ul {
  padding: 0;
}

.find-courses .search-filters .search-filters-items .filter-item .panel li {
  padding: var(--fds-global-space-xs) 0;
  height: auto;
  position: relative;
}

.find-courses .search-filters .search-filters-items .filter-item .panel li label {
  display: inline-block;
  font: inherit;
  margin-bottom: 0;
  flex-basis: 100%;
}

.find-courses .search-filters .search-filters-items .filter-item .panel li,
.find-courses .search-filters .search-filters-items .filter-item .panel li .dropdown-item {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
}

.find-courses .search-filters .search-filters-items .filter-item .panel li .item-label,
.find-courses .search-filters .search-filters-items .filter-item .panel li .dropdown-item .item-label {
  color: #09092d;
  font-size: 14px;
  line-height: 20px;
  flex-basis: 100%;
  overflow-wrap: anywhere;
  margin-right: 10px;
  white-space: normal;
}

.find-courses .search-filters .search-filters-items .filter-item .panel li .item-number,
.find-courses .search-filters .search-filters-items .filter-item .panel li .dropdown-item .item-number {
  background: #c4c4d8;
  color: #09092d;
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  border-radius: var(--fds-global-border-radius-sm);
  padding: 4px;
  margin-right: 32px;
}

.find-courses .search-filters .search-filters-items .filter-item .panel li.active {
  background: #ffffff;
}

.find-courses .search-filters .search-filters-items .filter-item.multiple .panel li {
  padding: 8px 0;
}

.find-courses .search-filters .search-filters-items .filter-item.multiple .panel li .dropdown-item .item-label {
  text-indent: 1ch;
}

.find-courses .search-filters .search-filters-items .filter-item.skill-filter .panel li input.ds-checkbox {
  border-radius: 9999px;
}

.find-courses .search-filters .search-filters-items .filter-item.default .select {
  color: #7a7aae;
}

.view-explore .find-courses .explore-search-bar-filter {
  width: Max(60%, 300px);
}

.view-explore .find-courses .explore-search-bar-filter .search-bar-filter {
  margin: 0;
  display: flex;
}

.view-explore .find-courses .explore-search-bar-filter .search-bar-filter .ds-search {
  background: var(--fds-global-color-neutral-0);
}

.view-explore .find-courses .explore-panels {
  display: flex;
  flex-direction: column;
}

.view-explore .find-courses .explore-panels .explore-panel {
  min-height: 200px;
  border-radius: var(--fds-global-border-radius-xxl);
  padding: var(--fds-global-space-md) 0px 0px 0px;
}

.view-explore .find-courses .explore-panels .explore-panel .explore-title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #09092d;
}

.view-explore .find-courses .explore-panels .explore-panel.illustration {
  display: flex;
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  align-items: center;
  cursor: pointer;
}

.view-explore .find-courses .explore-panels .explore-panel.illustration > h2 {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: var(--fds-global-color-neutral-0);
  margin: 0 var(--fds-global-space-4xl);
  max-width: 800px;
}

.view-explore .find-courses .explore-panels .explore-panel .goodhabitz-cards-container {
  position: relative;
  background-color: var(--fds-global-color-neutral-0);
  overflow: hidden;
}

.view-explore .find-courses .explore-panels .explore-panel .goodhabitz-cards-container .title-container {
  display: flex;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
  top: var(--fds-global-space-sm);
  inset-inline-end: var(--fds-global-space-2xl);
}

.view-explore .find-courses .explore-panels .explore-panel .goodhabitz-cards-container .title-container .view-all-button {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: #3535cd;
}

.view-explore .find-courses .explore-panels .explore-panel .goodhabitz-cards-container .title-container .view-all-button a {
  text-decoration: underline;
}

.view-explore .find-courses .explore-panels .explore-panel .goodhabitz-cards-container .courses-listing {
  padding: var(--fds-global-space-xl) var(--fds-global-space-2xl);
}

.view-explore .find-courses .explore-panels .explore-panel .goodhabitz-cards-container .courses-listing .item-card .title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.view-explore .find-courses .explore-panels .explore-panel .goodhabitz-cards-container .ds-swiper-button-prev,
.view-explore .find-courses .explore-panels .explore-panel .goodhabitz-cards-container .ds-swiper-button-next {
  width: 200px;
  padding: 0 var(--fds-global-space-2xl);
}

@media (max-width: 768px) {
  .view-explore .find-courses .explore-panels .explore-panel .goodhabitz-cards-container .ds-swiper-button-prev,
.view-explore .find-courses .explore-panels .explore-panel .goodhabitz-cards-container .ds-swiper-button-next {
    display: none;
  }
}

.view-explore .find-courses .explore-panels .explore-panel .goodhabitz-cards-container + hr {
  margin-block-start: 40px;
  margin-block-end: 0;
}

.view-explore .find-courses .courses-wrapper {
  display: flex;
  gap: var(--fds-global-space-md);
}

.view-explore .find-courses .courses-wrapper .explore-sidebar {
  flex-basis: 300px;
  width: 300px;
  flex-grow: 0;
}

.view-explore .find-courses .courses-wrapper .explore-sidebar .search-bar {
  display: flex;
  gap: var(--fds-global-space-xs);
}

.view-explore .find-courses .courses-wrapper .explore-sidebar .search-bar .ds-search {
  width: 100%;
}

.view-explore .find-courses .courses-wrapper .explore-sidebar .search-strings {
  display: flex;
  flex-wrap: wrap;
  gap: var(--fds-global-space-xs);
  margin-block-start: var(--fds-global-space-xs);
}

.view-explore .find-courses .courses-wrapper .explore-sidebar .search-strings:empty {
  display: none;
}

.view-explore .find-courses .courses-wrapper .explore-sidebar .search-filters {
  margin-block-start: var(--fds-global-space-md);
  background: var(--fds-global-color-neutral-0);
  border-radius: var(--fds-global-border-radius-md);
  padding: var(--fds-global-space-md);
}

.view-explore .find-courses .courses-wrapper .explore-sidebar .search-filters-dialog {
  width: Max(300px, 75vw);
  max-height: 80vh;
  border: none;
  border-radius: var(--fds-global-border-radius-lg) 0 0 var(--fds-global-border-radius-lg);
  margin: 0 0 auto auto;
  padding: 0;
  background: var(--fds-global-color-neutral-0);
}

.view-explore .find-courses .courses-wrapper .explore-sidebar .search-filters-dialog::backdrop {
  background: color-mix(in srgb, var(--fds-global-color-neutral-170), transparent 30%);
}

.view-explore .find-courses .courses-wrapper .explore-sidebar .search-filters-dialog:open .search-filters {
  display: flex;
  margin-block-start: 0;
}

.view-explore .find-courses .courses-wrapper .explore-sidebar .search-filters-dialog:open .search-filters .search-filters-items {
  height: 100%;
}

.view-explore .find-courses .courses-wrapper .explore-sidebar .search-filters-dialog:open .search-filters .search-filters-actions {
  position: sticky;
  bottom: var(--fds-global-space-md);
}

.view-explore .find-courses .courses-wrapper .course-container {
  flex: 1;
  padding: var(--fds-global-space-xl) var(--fds-global-space-2xl);
  background: var(--fds-global-color-neutral-0);
}

.view-explore .find-courses .courses-wrapper .course-container .search-result {
  margin-block-end: var(--fds-global-space-md);
  color: #09092d;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.view-explore .find-courses .courses-wrapper .course-container .search-result:empty {
  display: none;
}

.view-explore .find-courses .courses-wrapper .course-container ds-pagination {
  width: fit-content;
  margin-block-start: var(--fds-global-space-md);
  margin-inline-start: auto;
}

@media (max-width: 1200px) {
  .view-explore .find-courses .explore-panels .explore-panel.illustration {
    background-image: none !important;
    justify-content: center;
  }
}

@media (max-width: 992px) {
  .view-explore .find-courses .explore-panels .explore-panel.illustration > h2 {
    margin: var(--fds-global-space-md);
  }
}

@media (max-width: 576px) {
  .view-explore .find-courses .explore-search-bar-filter {
    width: 100%;
  }
  .view-explore .find-courses .explore-search-bar-filter .search-bar-filter {
    flex-basis: 100%;
  }
  .view-explore .find-courses .courses-wrapper {
    flex-direction: column;
  }
  .view-explore .find-courses .courses-wrapper .explore-sidebar {
    flex-basis: auto;
    width: 100%;
  }
  .view-explore .find-courses .courses-wrapper .explore-sidebar .search-filters {
    display: none;
  }
}

.courses-listing {
  display: flex;
  flex-direction: column;
  gap: var(--fds-global-space-md);
  container-type: inline-size;
}

.courses-listing .item-card:not(:last-of-type) {
  padding-block-end: var(--fds-global-space-md);
  border-bottom: var(--fds-global-border-width);
}

.item-card {
  display: flex;
  gap: var(--fds-global-space-xl);
}

.item-card .cover {
  width: 295px;
  height: auto;
  aspect-ratio: 295 / 153;
  cursor: pointer;
}

.item-card .cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--fds-global-border-radius-md);
  box-shadow: var(--fds-global-shadow-xs);
  background: var(--fds-global-color-neutral-5);
}

.item-card .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}

.item-card .details .title {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0em;
  text-indent: 0px;
  margin: var(--fds-global-space-xs) 0;
}

.item-card .details .title a {
  color: var(--fds-global-color-neutral-170);
}

.item-card .details .information {
  display: flex;
  flex-wrap: wrap;
  gap: var(--fds-global-space-xs);
  row-gap: var(--fds-global-space-xxs);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: var(--fds-global-color-neutral-100);
}

.item-card .details .information .information-item {
  display: flex;
  align-items: center;
  gap: var(--fds-global-space-xxs);
}

.item-card .details .information .information-item:not(:last-of-type)::after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 100%;
  margin: 0 var(--fds-global-space-xxs);
  background-color: var(--fds-global-color-neutral-100);
}

.item-card .details .information + .information {
  margin-block-start: var(--fds-global-space-xxs);
}

.item-card .details .bottom-wrapper {
  width: 100%;
}

.item-card .details .certificate {
  display: flex;
  flex-direction: column;
  gap: var(--fds-global-space-xs);
  width: 600px;
}

.item-card .details .certificate .certificate-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item-card .details .certificate .certificate-header a {
  display: flex;
  align-items: center;
  gap: var(--fds-global-space-xxs);
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: var(--fds-global-color-primary-40);
}

.item-card .details .certificate .certificate-header .certificate-percent {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  margin-inline-start: auto;
}

.item-card .details .rating {
  display: flex;
  align-items: baseline;
  gap: var(--fds-global-space-xxs);
}

.item-card .details .rating .rating-score,
.item-card .details .rating .rating-count {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: var(--fds-global-color-neutral-100);
  line-height: 1;
}

.item-card .details .rating .rating-count {
  font-weight: 400;
}

.item-card .details .rating .stars {
  color: var(--fds-global-color-caution-40);
}

.item-card.skeleton {
  pointer-events: none;
}

.item-card.skeleton .image .cover,
.item-card.skeleton ds-tag,
.item-card.skeleton .title a,
.item-card.skeleton .information-item span {
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.5s infinite ease-in-out;
  color: transparent;
  border-radius: 4px;
}

.item-card.skeleton .image .cover img {
  visibility: hidden;
}

.item-card.skeleton .details,
.item-card.skeleton .details .title,
.item-card.skeleton .details .information-item {
  width: 100%;
}

.item-card.skeleton .details .title a,
.item-card.skeleton .details .information-item span {
  display: inline-block;
  width: 100%;
  text-decoration: none;
}

.courses-listing.courses-listing--compact .item-card,
.item-card.item-card--compact {
  flex-direction: column;
}

.courses-listing.courses-listing--compact .item-card .cover,
.item-card.item-card--compact .cover {
  width: 100%;
}

.courses-listing.courses-listing--compact .item-card .bottom-wrapper,
.item-card.item-card--compact .bottom-wrapper {
  margin-block-start: var(--fds-global-space-xs);
}

.courses-listing.courses-listing--compact .item-card .bottom-wrapper,
.courses-listing.courses-listing--compact .item-card .bottom-wrapper .certificate,
.item-card.item-card--compact .bottom-wrapper,
.item-card.item-card--compact .bottom-wrapper .certificate {
  width: 100%;
}

.courses-listing.courses-listing--compact {
  flex-direction: row;
  overflow-x: auto;
  gap: var(--fds-global-space-2xl);
}

.courses-listing.courses-listing--compact.ds-swiper-wrapper {
  overflow-x: visible;
}

.courses-listing.courses-listing--compact .item-card {
  flex-basis: calc(25% - calc(var(--fds-global-space-2xl) / 4 * 3));
  flex-shrink: 0;
  border: none;
  padding-block-end: 0;
}

.courses-listing.courses-listing--compact .item-card .details {
  flex: 1;
}

.courses-listing.courses-listing--compact .item-card .details .bottom-wrapper {
  margin-block-start: auto;
}

@media (max-width: 768px) {
  .courses-listing.courses-listing--compact {
    flex-direction: column;
    gap: var(--fds-global-space-md);
  }
  .courses-listing.courses-listing--compact .item-card {
    flex-basis: auto;
  }
}

@supports (container-type: inline-size) {
  @container (max-width: 620px) {
    .item-card {
      flex-direction: column;
    }
    .item-card .cover {
      width: 100%;
    }
    .item-card .bottom-wrapper {
      margin-block-start: var(--fds-global-space-xs);
    }
    .item-card .bottom-wrapper,
.item-card .bottom-wrapper .certificate {
      width: 100%;
    }
  }
  @container (max-width: 920px) {
    .item-card .details .certificate {
      width: 100%;
    }
  }
}

@supports not (container-type: inline-size) {
  @media (max-width: 992px) {
    .item-card {
      flex-direction: column;
    }
    .item-card .cover {
      width: 100%;
    }
    .item-card .bottom-wrapper {
      margin-block-start: var(--fds-global-space-xs);
    }
    .item-card .bottom-wrapper,
.item-card .bottom-wrapper .certificate {
      width: 100%;
    }
  }
  @media (max-width: 1200px) {
    .item-card .details .certificate {
      width: 100%;
    }
  }
}

.goodhabitz-dialog .content img {
  border-radius: var(--fds-global-border-radius-lg);
}

.goodhabitz-dialog .content p {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

.goodhabitz-dialog .content p + p {
  margin: 0;
}

.goodhabitz-dialog .footer > label {
  margin: 0;
  margin-inline-end: auto;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
}

body.view-api-credentials .wrapper-footer footer#footer-openedx .colophon .wrapper-logo {
  flex: 0.8;
}

#api-access-wrapper.renew-credentials {
  padding-top: 80px;
}

#api-access-wrapper.renew-credentials .api-access-container {
  padding: 80px;
}

#api-access-wrapper.renew-credentials .api-access-container .api-access-card {
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  padding: 80px;
  margin-bottom: 30px;
  background: #ffffff;
}

#api-access-wrapper.renew-credentials .api-access-container .api-access-card #api-header {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0em;
  text-indent: 0px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  color: #09092d;
  text-align: left;
  padding-bottom: 2px;
  margin-bottom: 0px;
}

#api-access-wrapper.renew-credentials .api-access-container .api-access-card .request-status {
  display: flex;
  flex-direction: column;
  padding: 20px;
  margin: 0;
  color: #09092d;
  box-shadow: unset;
}

#api-access-wrapper.renew-credentials .api-access-container .api-access-card .request-status p {
  margin: 20px 0;
}

#api-access-wrapper.renew-credentials .api-access-container .api-access-card .request-status .application-row {
  display: flex;
  align-items: center;
}

#api-access-wrapper.renew-credentials .api-access-container .api-access-card .request-status .application-row .copy-container {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  justify-content: space-between;
  width: 65%;
}

#api-access-wrapper.renew-credentials .api-access-container .api-access-card .request-status .application-row .copy-container p {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  color: rgba(114, 114, 114, 0.8);
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

#api-access-wrapper.renew-credentials .api-access-container .api-access-card .request-status .application-row .copy-container a {
  color: #09092d;
  border-bottom: 0;
  padding: 0;
  cursor: pointer;
}

#api-access-wrapper.renew-credentials .api-access-container .api-access-card .request-status .application-row .copy-container a:hover, #api-access-wrapper.renew-credentials .api-access-container .api-access-card .request-status .application-row .copy-container a:active, #api-access-wrapper.renew-credentials .api-access-container .api-access-card .request-status .application-row .copy-container a:focus {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  text-decoration: none;
  border-bottom: 0;
}

#api-access-wrapper.renew-credentials .api-access-container .api-access-card .request-status .application-row .copy-container a.active {
  color: #09092d;
  font-weight: 600;
  border-bottom: 0;
}

#api-access-wrapper.renew-credentials .api-access-container .api-access-card .request-status .application-row .copy-container a.active:hover {
  text-shadow: 0.25px 0.25px 0 #09092d;
}

#api-access-wrapper.renew-credentials .api-access-container .api-access-card .request-status .application-row .copy-container a.active:hover:before {
  text-shadow: none;
}

#api-access-wrapper.renew-credentials .api-access-container .api-access-card .request-status .application-label {
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0em;
  text-indent: 0px;
  margin: 20px 0;
  width: 120px;
  font-style: normal;
  color: #09092d;
}

#api-access-wrapper.renew-credentials .api-access-container #api-form-fields {
  padding: 0;
}

#api-access-wrapper.renew-credentials #api-generate-client-submit {
  border: 0;
  background-image: none;
  text-transform: none;
  border-radius: 8px;
  font-family: "Noto Sans", sans-serif, 黑体, SimHei, 华文黑体, STHeiti, Helvetica, Arial;
  font-weight: 600;
  text-shadow: none;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  padding: 9px 17px;
  font-size: 16px;
  transition-duration: 0.25s;
  color: #ffffff;
  background-color: #5959eb;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
  line-height: 22px;
  padding: 6px 12px;
  font-weight: 300;
  justify-content: center;
}

#api-access-wrapper.renew-credentials #api-generate-client-submit:hover, #api-access-wrapper.renew-credentials #api-generate-client-submit.active {
  text-decoration: none;
}

#api-access-wrapper.renew-credentials #api-generate-client-submit .icon, #api-access-wrapper.renew-credentials #api-generate-client-submit .fa, #api-access-wrapper.renew-credentials #api-generate-client-submit .fas, #api-access-wrapper.renew-credentials #api-generate-client-submit .far, #api-access-wrapper.renew-credentials #api-generate-client-submit .fal {
  margin-right: 5px;
}

#api-access-wrapper.renew-credentials #api-generate-client-submit:hover, #api-access-wrapper.renew-credentials #api-generate-client-submit.active {
  text-shadow: 0.25px 0.25px 0 #09092d;
  color: #09092d;
  background-image: none;
  background-color: #ffffff;
  box-shadow: 0 2px 5px -1px rgba(9, 9, 45, 0.2);
}

#api-access-wrapper.renew-credentials #api-generate-client-submit:focus {
  color: #ffffff;
  background-color: #5959eb;
}

#api-access-wrapper.renew-credentials #api-generate-client-submit[disabled], #api-access-wrapper.renew-credentials #api-generate-client-submit.disabled, #api-access-wrapper.renew-credentials #api-generate-client-submit:disabled, #api-access-wrapper.renew-credentials #api-generate-client-submit.is-disabled {
  color: #ffffff;
  text-shadow: none;
}