@charset "UTF-8";
@import "https://min.gamelearn.io/gl-style-dictionary/css/variables.css";
@import "https://min.gamelearn.io/gl-style-dictionary/css/fonts.css";
@import "https://min.gamelearn.io/gl-style-dictionary/fonticons/fonticons.css";

/* src/styles.scss */
@media screen {
  .print-logo {
    display: none;
  }
}
@media print {
  .btn,
  .btn-floating,
  .btn-large,
  lms-breadcrumb,
  lms-header,
  lms-list-paginator,
  lms-nav,
  lms-range,
  lms-toolbar {
    display: none !important;
  }
  .tabs .tab {
    text-align: center;
  }
  .tabs .tab a:not(.active) {
    display: none !important;
  }
  html {
    font-size: 10px;
  }
  .main {
    margin: 0 !important;
    padding: 0 !important;
  }
  .main .print-logo {
    width: 100px;
    margin: 0 auto 20px;
    display: block;
  }
  .main .h1 {
    position: initial;
    top: 0;
    left: 0;
    padding: 30px 0;
    text-align: center;
  }
  .main .table-heading {
    page-break-inside: avoid;
  }
  .main .table-row {
    page-break-inside: avoid;
  }
  .main lms-chart {
    page-break-inside: avoid;
  }
}
.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}
.col .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.section.no-pad {
  padding: 0;
}
.section.no-pad-bot {
  padding-bottom: 0;
}
.section.no-pad-top {
  padding-top: 0;
}
.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row .col {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}
.row .col[class*=push-],
.row .col[class*=pull-] {
  position: relative;
}
.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.offset-s1 {
  margin-left: 8.3333333333%;
}
.row .col.pull-s1 {
  right: 8.3333333333%;
}
.row .col.push-s1 {
  left: 8.3333333333%;
}
.row .col.offset-s2 {
  margin-left: 16.6666666667%;
}
.row .col.pull-s2 {
  right: 16.6666666667%;
}
.row .col.push-s2 {
  left: 16.6666666667%;
}
.row .col.offset-s3 {
  margin-left: 25%;
}
.row .col.pull-s3 {
  right: 25%;
}
.row .col.push-s3 {
  left: 25%;
}
.row .col.offset-s4 {
  margin-left: 33.3333333333%;
}
.row .col.pull-s4 {
  right: 33.3333333333%;
}
.row .col.push-s4 {
  left: 33.3333333333%;
}
.row .col.offset-s5 {
  margin-left: 41.6666666667%;
}
.row .col.pull-s5 {
  right: 41.6666666667%;
}
.row .col.push-s5 {
  left: 41.6666666667%;
}
.row .col.offset-s6 {
  margin-left: 50%;
}
.row .col.pull-s6 {
  right: 50%;
}
.row .col.push-s6 {
  left: 50%;
}
.row .col.offset-s7 {
  margin-left: 58.3333333333%;
}
.row .col.pull-s7 {
  right: 58.3333333333%;
}
.row .col.push-s7 {
  left: 58.3333333333%;
}
.row .col.offset-s8 {
  margin-left: 66.6666666667%;
}
.row .col.pull-s8 {
  right: 66.6666666667%;
}
.row .col.push-s8 {
  left: 66.6666666667%;
}
.row .col.offset-s9 {
  margin-left: 75%;
}
.row .col.pull-s9 {
  right: 75%;
}
.row .col.push-s9 {
  left: 75%;
}
.row .col.offset-s10 {
  margin-left: 83.3333333333%;
}
.row .col.pull-s10 {
  right: 83.3333333333%;
}
.row .col.push-s10 {
  left: 83.3333333333%;
}
.row .col.offset-s11 {
  margin-left: 91.6666666667%;
}
.row .col.pull-s11 {
  right: 91.6666666667%;
}
.row .col.push-s11 {
  left: 91.6666666667%;
}
.row .col.offset-s12 {
  margin-left: 100%;
}
.row .col.pull-s12 {
  right: 100%;
}
.row .col.push-s12 {
  left: 100%;
}
@media only screen and (min-width: 601px) {
  .row .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-m1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-m1 {
    right: 8.3333333333%;
  }
  .row .col.push-m1 {
    left: 8.3333333333%;
  }
  .row .col.offset-m2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-m2 {
    right: 16.6666666667%;
  }
  .row .col.push-m2 {
    left: 16.6666666667%;
  }
  .row .col.offset-m3 {
    margin-left: 25%;
  }
  .row .col.pull-m3 {
    right: 25%;
  }
  .row .col.push-m3 {
    left: 25%;
  }
  .row .col.offset-m4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-m4 {
    right: 33.3333333333%;
  }
  .row .col.push-m4 {
    left: 33.3333333333%;
  }
  .row .col.offset-m5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-m5 {
    right: 41.6666666667%;
  }
  .row .col.push-m5 {
    left: 41.6666666667%;
  }
  .row .col.offset-m6 {
    margin-left: 50%;
  }
  .row .col.pull-m6 {
    right: 50%;
  }
  .row .col.push-m6 {
    left: 50%;
  }
  .row .col.offset-m7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-m7 {
    right: 58.3333333333%;
  }
  .row .col.push-m7 {
    left: 58.3333333333%;
  }
  .row .col.offset-m8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-m8 {
    right: 66.6666666667%;
  }
  .row .col.push-m8 {
    left: 66.6666666667%;
  }
  .row .col.offset-m9 {
    margin-left: 75%;
  }
  .row .col.pull-m9 {
    right: 75%;
  }
  .row .col.push-m9 {
    left: 75%;
  }
  .row .col.offset-m10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-m10 {
    right: 83.3333333333%;
  }
  .row .col.push-m10 {
    left: 83.3333333333%;
  }
  .row .col.offset-m11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-m11 {
    right: 91.6666666667%;
  }
  .row .col.push-m11 {
    left: 91.6666666667%;
  }
  .row .col.offset-m12 {
    margin-left: 100%;
  }
  .row .col.pull-m12 {
    right: 100%;
  }
  .row .col.push-m12 {
    left: 100%;
  }
}
@media only screen and (min-width: 993px) {
  .row .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-l1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-l1 {
    right: 8.3333333333%;
  }
  .row .col.push-l1 {
    left: 8.3333333333%;
  }
  .row .col.offset-l2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-l2 {
    right: 16.6666666667%;
  }
  .row .col.push-l2 {
    left: 16.6666666667%;
  }
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  .row .col.pull-l3 {
    right: 25%;
  }
  .row .col.push-l3 {
    left: 25%;
  }
  .row .col.offset-l4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-l4 {
    right: 33.3333333333%;
  }
  .row .col.push-l4 {
    left: 33.3333333333%;
  }
  .row .col.offset-l5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-l5 {
    right: 41.6666666667%;
  }
  .row .col.push-l5 {
    left: 41.6666666667%;
  }
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  .row .col.pull-l6 {
    right: 50%;
  }
  .row .col.push-l6 {
    left: 50%;
  }
  .row .col.offset-l7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-l7 {
    right: 58.3333333333%;
  }
  .row .col.push-l7 {
    left: 58.3333333333%;
  }
  .row .col.offset-l8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-l8 {
    right: 66.6666666667%;
  }
  .row .col.push-l8 {
    left: 66.6666666667%;
  }
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  .row .col.pull-l9 {
    right: 75%;
  }
  .row .col.push-l9 {
    left: 75%;
  }
  .row .col.offset-l10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-l10 {
    right: 83.3333333333%;
  }
  .row .col.push-l10 {
    left: 83.3333333333%;
  }
  .row .col.offset-l11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-l11 {
    right: 91.6666666667%;
  }
  .row .col.push-l11 {
    left: 91.6666666667%;
  }
  .row .col.offset-l12 {
    margin-left: 100%;
  }
  .row .col.pull-l12 {
    right: 100%;
  }
  .row .col.push-l12 {
    left: 100%;
  }
}
@media only screen and (min-width: 1201px) {
  .row .col.xl1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-xl1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-xl1 {
    right: 8.3333333333%;
  }
  .row .col.push-xl1 {
    left: 8.3333333333%;
  }
  .row .col.offset-xl2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-xl2 {
    right: 16.6666666667%;
  }
  .row .col.push-xl2 {
    left: 16.6666666667%;
  }
  .row .col.offset-xl3 {
    margin-left: 25%;
  }
  .row .col.pull-xl3 {
    right: 25%;
  }
  .row .col.push-xl3 {
    left: 25%;
  }
  .row .col.offset-xl4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-xl4 {
    right: 33.3333333333%;
  }
  .row .col.push-xl4 {
    left: 33.3333333333%;
  }
  .row .col.offset-xl5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-xl5 {
    right: 41.6666666667%;
  }
  .row .col.push-xl5 {
    left: 41.6666666667%;
  }
  .row .col.offset-xl6 {
    margin-left: 50%;
  }
  .row .col.pull-xl6 {
    right: 50%;
  }
  .row .col.push-xl6 {
    left: 50%;
  }
  .row .col.offset-xl7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-xl7 {
    right: 58.3333333333%;
  }
  .row .col.push-xl7 {
    left: 58.3333333333%;
  }
  .row .col.offset-xl8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-xl8 {
    right: 66.6666666667%;
  }
  .row .col.push-xl8 {
    left: 66.6666666667%;
  }
  .row .col.offset-xl9 {
    margin-left: 75%;
  }
  .row .col.pull-xl9 {
    right: 75%;
  }
  .row .col.push-xl9 {
    left: 75%;
  }
  .row .col.offset-xl10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-xl10 {
    right: 83.3333333333%;
  }
  .row .col.push-xl10 {
    left: 83.3333333333%;
  }
  .row .col.offset-xl11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-xl11 {
    right: 91.6666666667%;
  }
  .row .col.push-xl11 {
    left: 91.6666666667%;
  }
  .row .col.offset-xl12 {
    margin-left: 100%;
  }
  .row .col.pull-xl12 {
    right: 100%;
  }
  .row .col.push-xl12 {
    left: 100%;
  }
}
@-moz-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    -moz-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    -o-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    -moz-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    -o-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    -moz-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    -o-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    -moz-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    -o-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes loom {
  0% {
    -webkit-transform: translate(-70px, 0);
    -moz-transform: translate(-70px, 0);
    -ms-transform: translate(-70px, 0);
    -o-transform: translate(-70px, 0);
    transform: translate(-70px, 0);
  }
}
@-webkit-keyframes loom {
  0% {
    -webkit-transform: translate(-70px, 0);
    -moz-transform: translate(-70px, 0);
    -ms-transform: translate(-70px, 0);
    -o-transform: translate(-70px, 0);
    transform: translate(-70px, 0);
  }
}
@-o-keyframes loom {
  0% {
    -webkit-transform: translate(-70px, 0);
    -moz-transform: translate(-70px, 0);
    -ms-transform: translate(-70px, 0);
    -o-transform: translate(-70px, 0);
    transform: translate(-70px, 0);
  }
}
@keyframes loom {
  0% {
    -webkit-transform: translate(-70px, 0);
    -moz-transform: translate(-70px, 0);
    -ms-transform: translate(-70px, 0);
    -o-transform: translate(-70px, 0);
    transform: translate(-70px, 0);
  }
  100% {
    -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    transform: translate(0px, 0);
  }
}
@-moz-keyframes vanish {
  100% {
    -webkit-transform: translate(-70px, 0);
    -moz-transform: translate(-70px, 0);
    -ms-transform: translate(-70px, 0);
    -o-transform: translate(-70px, 0);
    transform: translate(-70px, 0);
  }
}
@-webkit-keyframes vanish {
  100% {
    -webkit-transform: translate(-70px, 0);
    -moz-transform: translate(-70px, 0);
    -ms-transform: translate(-70px, 0);
    -o-transform: translate(-70px, 0);
    transform: translate(-70px, 0);
  }
}
@-o-keyframes vanish {
  100% {
    -webkit-transform: translate(-70px, 0);
    -moz-transform: translate(-70px, 0);
    -ms-transform: translate(-70px, 0);
    -o-transform: translate(-70px, 0);
    transform: translate(-70px, 0);
  }
}
@keyframes vanish {
  100% {
    -webkit-transform: translate(-70px, 0);
    -moz-transform: translate(-70px, 0);
    -ms-transform: translate(-70px, 0);
    -o-transform: translate(-70px, 0);
    transform: translate(-70px, 0);
  }
}
@-webkit-keyframes animation_fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes animation_fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animation_fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animation_fade-in {
  animation-name: animation_fade-in;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-direction: normal;
  -o-animation-name: animation_fade-in;
  -o-animation-duration: 1s;
  -o-animation-fill-mode: both;
  -o-animation-iteration-count: 1;
  -o-animation-timing-function: linear;
  -o-animation-direction: normal;
  -moz-animation-name: animation_fade-in;
  -moz-animation-duration: 1s;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: linear;
  -moz-animation-direction: normal;
  -webkit-animation-name: animation_fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  -webkit-animation-direction: normal;
  animation-delay: 2s;
  -o-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -webkit-animation-delay: 2s;
}
@keyframes animation_badge-ring {
  0% {
    transform: scale(0.33);
  }
  80%, 100% {
    opacity: 0;
  }
}
@keyframes animation_badge-dot {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
.hideComponent {
  display: none;
}
.errorMessage {
  position: relative;
  top: 12px;
  color: var(--error);
  font-size: 18px;
  text-align: center;
  padding: 6px;
}
.h1,
h1 {
  font-size: 22px;
  line-height: 22px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.h3,
h3 {
  font-size: 20px;
}
.h4,
h4 {
  font-size: 18px;
}
.h5,
h5 {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 16px 0;
}
.heading-5 {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 12px;
}
.heading-6 {
  font-size: var(--medium);
  font-weight: 500;
  padding: var(--gutterwidth) 0 16px;
  margin: 0;
}
.heading-form {
  font-weight: 300;
  font-size: var(--small);
  color: var(--dusk);
  display: inline-flex;
  align-items: center;
}
.heading-section {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport {
  width: device-width;
}
@-o-viewport { width: device-width; }
@viewport {
  width: device-width;
}
.wrapper-layout {
  width: 100%;
  overflow-x: hidden;
}
.header {
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: solid 0.8px #e1e4e8;
  padding-right: var(--gutterwidth);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7;
  width: 100%;
  background: #fff;
}
.main {
  position: relative;
  min-height: calc(100vh - 100px);
  margin: 0 0 0 240px;
  -webkit-transition: 0.45s;
  -moz-transition: 0.45s;
  -ms-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}
.main__pad {
  padding: 112px var(--gutterwidth) var(--gutterwidth);
}
@media only screen and (max-width: 992px) {
  .main__pad {
    padding: 112px calc(var(--gutterwidth) / 2) var(--gutterwidth);
    margin: 0;
  }
}
.main__pad.main__pad-iframe {
  padding: 0;
}
.main__pad-course {
  padding: 60px 0 0;
}
@media only screen and (max-width: 992px) {
  .dashboard {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 65vh;
  }
}
.menu .menu-item {
  display: inline-block;
  vertical-align: middle;
  margin-left: calc(var(--gap) * 2);
  position: relative;
}
.menu .menu-item .whats-new {
  display: flex;
  transition: var(--transition);
}
.menu .menu-item .whats-new:hover {
  color: var(--primary);
}
.menu .menu-item .whats-new i {
  cursor: pointer;
  font-size: 24px;
}
.menu .menu-separator {
  height: 30px;
  border: solid 0.5px var(--light-grey-blue);
  display: inline-block;
  vertical-align: middle;
}
.footer {
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
}
.footer p {
  margin: 0 auto;
}
.pale-grey-wrapper {
  background-color: var(--pale-grey);
  margin-left: -24px;
  margin-right: -24px;
  padding: 24px;
  min-height: calc(100vh - 180px);
}
.pale-grey-wrapper.courses {
  padding-top: 0;
}
.main-heading {
  width: 100%;
  position: fixed;
  top: 60px;
  height: 52px;
  display: flex;
  align-items: center;
  box-shadow: var(--shadow-card);
  background-color: var(--white);
  padding: 0 var(--gutterwidth);
  margin-left: calc(var(--gutterwidth) * -1);
  margin-right: calc(var(--gutterwidth) * -1);
  z-index: 4;
}
@media only screen and (max-width: 992px) {
  .main-heading {
    margin-left: -12px;
    margin-right: 0;
  }
}
.main-heading .link-feedback {
  position: absolute;
  right: 92px;
  top: 17px;
  font-size: 12px;
  visibility: hidden;
}
.navigation-completed .main-heading .link-feedback {
  right: 263px;
}
.main-heading .link-feedback:hover {
  color: #035fbe;
}
.main-heading__title {
  display: flex;
  align-items: center;
  color: var(--charcoal-grey);
  font-size: 20px;
  font-weight: 300;
}
.main-heading__title [class*=" glicon-"],
.main-heading__title [class^=glicon-] {
  margin-right: 10px;
  font-size: 30px;
}
.main-heading__subtitle {
  font-size: 14px;
  border-left: 1px solid var(--pale-blue);
  padding-left: var(--gutterwidth);
  margin-left: var(--gutterwidth);
}
.gl-panel-accounts {
  position: absolute;
  display: none;
  min-width: 170px;
  max-width: 250px;
  height: auto;
  background: white;
  border-radius: 6px;
  border: solid 1px var(--pale-grey-two);
  box-shadow: 0 32px 40px -2px rgba(10, 22, 70, 0.12), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  font-size: 12px;
  font-weight: 200;
}
.gl-panel-accounts.visible {
  display: block;
  top: calc(100% + 3px);
  left: 0;
}
.gl-panel-accounts .gl-panel-accounts__item {
  cursor: pointer;
  font-weight: 300;
  height: 34px;
  padding: 9px 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: var(--transition);
}
.gl-panel-accounts .gl-panel-accounts__item:first-child {
  border-radius: 6px 6px 0 0;
}
.gl-panel-accounts .gl-panel-accounts__item:last-child {
  border-radius: 0 0 6px 6px;
}
.gl-panel-accounts .gl-panel-accounts__item.active,
.gl-panel-accounts .gl-panel-accounts__item:hover {
  background-color: var(--pale-blue);
}
.background-solid {
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 997;
  background: #fff;
}
.login-wrapper {
  position: fixed;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 9999;
}
.login-container {
  width: 100%;
  height: calc(100vh - 100px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  z-index: 999;
  background: url(/public/img/darkgrey-logo.png) no-repeat center 40px;
  background-size: 180px auto;
}
@media only screen and (max-width: 992px) {
  .login-container {
    background: url(/public/img/darkgrey-logo.png) no-repeat center 0;
    background-size: 34% auto;
  }
}
.login-content {
  width: 100%;
  max-width: 480px;
}
.login-content label {
  height: auto !important;
}
.login-content label:before {
  border: 1px solid #9e9e9e;
}
.login-content input[type=checkbox] + label {
  padding-left: calc(var(--gutterwidth) / 6);
}
.login-content a {
  cursor: default;
}
.auth {
  padding: 0;
  margin: 0;
}
.small-bar .auth.main {
  padding: 0;
  margin: 0;
}
input,
select,
textarea {
  -webkit-appearance: none !important;
}
.search-box {
  position: relative;
}
.search-box .glicon-search {
  position: absolute;
  left: calc(var(--gap) * 2);
  top: 7px;
  font-size: 16px;
  font-weight: 500;
  color: var(--charcoal-grey);
}
.search-box input[type=search] {
  width: 164px;
  height: 30px;
  padding: 6px 15px 6px 35px;
  border-radius: 15px;
  border: solid 1px var(--light-grey-blue);
  background-color: var(--white);
  box-sizing: border-box;
  font-size: 14px;
  color: var(--charcoal-grey);
  margin-bottom: 0;
  transition: all 0.6s;
}
.courses .search-box input[type=search] {
  width: 248px;
  margin-right: calc(var(--gutterwidth) / 2);
}
.search-box input[type=search]::placeholder {
  color: var(--bluey-grey);
}
.search-box input[type=search].active,
.search-box input[type=search]:focus,
.search-box input[type=search]:not(.browser-default):focus:not([readonly]) {
  border-bottom: 1px solid var(--light-grey-blue);
  box-shadow: none;
  border-color: var(--deep-sky-blue);
  width: 464px;
  max-width: auto;
}
.courses .search-box input[type=search].active,
.courses .search-box input[type=search]:focus,
.courses .search-box input[type=search]:not(.browser-default):focus:not([readonly]) {
  width: 248px;
}
.search-box input[type=search].active ~ .glicon-search,
.search-box input[type=search]:focus ~ .glicon-search,
.search-box input[type=search]:not(.browser-default):focus:not([readonly]) ~ .glicon-search {
  color: var(--deep-sky-blue);
}
.search-box .account-submenu {
  width: 464px;
  opacity: 0;
  transition: all 0.6s;
}
.search-box .account-submenu.visible {
  overflow-y: auto;
  max-height: 600px;
  opacity: 1;
}
.search-box .account-submenu lms-search-dropdown-child:not(.empty) {
  border-bottom: 1px solid var(--pale-blue);
  display: block;
}
.search-box .account-submenu lms-search-dropdown-child:not(.empty):last-child {
  border-bottom: 0;
}
.search-box .account-submenu li {
  min-height: initial;
  color: var(--charcoal-grey);
  padding: 7px 10px;
  font-size: 12px;
  transition: background-color 0.2s linear;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.search-box .account-submenu li div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
.search-box .account-submenu li:hover {
  background-color: var(--pale-blue);
}
.search-box .account-submenu i:first-child {
  color: var(--bluey-grey);
  flex-shrink: 0;
  margin-right: var(--gap);
  font-size: 16px;
}
.tabs-content {
  width: 100%;
  padding: 0;
  border-radius: var(--gap);
}
.tabs-content .text {
  width: 100%;
  display: block;
  font-weight: bold;
  text-align: center;
  font-size: 20px;
}
.tabs-content .dashboard-card-item {
  min-height: 175px;
}
.tabs {
  position: absolute;
  left: 0;
  top: 112px;
  width: 100%;
  height: 62px;
  display: flex !important;
  align-items: center;
  background-color: var(--white);
  padding: 0 24px !important;
  white-space: normal;
  overflow: visible;
}
.tabs.border {
  border-bottom: 1px solid var(--pale-blue);
}
.login-content .tabs {
  position: static;
  background-color: transparent;
  padding: 0;
}
.tabs .tab {
  position: relative;
  height: auto;
  line-height: 36px;
  margin-right: 16px;
}
.login-content .tabs .tab {
  height: 48px;
  line-height: 48px;
  margin: 0;
  display: flex;
  justify-content: center;
}
.tabs .tab.disabled,
.tabs .enrollment-disabled a.tab,
.enrollment-disabled .tabs a.tab {
  cursor: not-allowed;
}
.tabs .tab.disabled a,
.tabs .enrollment-disabled a.tab a,
.enrollment-disabled .tabs a.tab a {
  color: rgba(0, 126, 255, 0.4);
}
.tabs .tab.disabled a:after,
.tabs .enrollment-disabled a.tab a:after,
.enrollment-disabled .tabs a.tab a:after {
  background: transparent;
}
.tabs .tab.disabled a:hover,
.tabs .enrollment-disabled a.tab a:hover,
.enrollment-disabled .tabs a.tab a:hover {
  color: rgba(0, 126, 255, 0.4);
}
.tabs .tab a {
  color: #858a94;
  font-size: 14px;
  font-weight: 300;
  text-transform: none;
  padding: 0 4px;
  transition: var(--transition);
}
.tabs .tab a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--primary);
  width: 0;
  height: 4px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.login-content .tabs .tab a:after {
  height: 2px;
}
.tabs .tab a:hover {
  color: var(--primary);
}
.tabs .tab a.active {
  background-color: transparent;
  border-radius: 0;
  color: var(--primary);
}
.tabs .tab a.active:after {
  width: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (max-width: 600px) {
  .tabs .tab {
    border-radius: 0;
    width: 100%;
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  .tabs {
    width: 100%;
    height: auto;
    display: block;
  }
}
#notifications.tabs-content {
  padding-top: 0;
}
.list {
  width: 100%;
}
.list__heading {
  width: 100%;
  display: flex;
  align-items: center;
  color: var(--blue-grey);
  font-size: var(--normal);
  font-weight: 300;
  margin: 0;
  padding: var(--gutterwidth) 0 0;
}
.list__heading li {
  position: relative;
  padding-right: var(--gutterlarge);
}
.list__heading li:after {
  content: "";
  position: absolute;
  right: 16px;
  top: 2px;
  width: 1px;
  height: 20px;
  background-color: var(--light-blue-grey-two);
}
.list__heading li:last-child:after {
  display: none;
}
.list__heading li b {
  color: var(--charcoal-grey);
  font-weight: 500;
}
.list-user {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin: 0 calc(var(--gutterwidth) / 2) 0 0;
  padding: 0;
}
.list-user li {
  padding-left: var(--gap);
}
.list-user img {
  width: 40px;
  height: 40px;
  margin-top: calc(var(--gap) / 2);
}
.list-user .title {
  font-weight: 300;
}
.list-user .circle {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  font-size: 14px;
  background: var(--charcoal-grey);
  color: white;
  cursor: pointer;
}
.list-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list-info li {
  border-radius: var(--gap);
  background: #f8f9fa;
  padding: calc(var(--gutterwidth) / 2);
  margin: 0 var(--gutterwidth) var(--gutterwidth) 0;
}
.list-chart {
  width: 100%;
  max-width: 350px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: var(--gutterwidth);
}
.list-chart .chart-lightgreen:before {
  background-color: #33c9c0;
}
.list-chart .chart-blue:before {
  background-color: #007eff;
}
.list-chart .chart-red:before {
  background-color: #e65100;
}
.list-chart .chart-darkgreen:before {
  background-color: #18544e;
}
.list-chart .chart-e65100:before {
  background-color: #e65100;
}
.list-chart .chart-FF5A00:before {
  background-color: #ff5a00;
}
.list-chart .chart-FF6B1A:before {
  background-color: #ff6b1a;
}
.list-chart .chart-FE9A2E:before {
  background-color: #fe9a2e;
}
.list-chart .chart-F7D358:before {
  background-color: #f7d358;
}
.list-chart .chart-F4FA58:before {
  background-color: #f4fa58;
}
.list-chart .chart-D0FA58:before {
  background-color: #d0fa58;
}
.list-chart .chart-33c9c0:before {
  background-color: #33c9c0;
}
.list-chart .chart-2eb5ad:before {
  background-color: #2eb5ad;
}
.list-chart .chart-29a099:before {
  background-color: #29a099;
}
.list-chart .chart-248c86:before {
  background-color: #248c86;
}
.bar-chart .list-chart {
  max-width: 200px;
}
.list-chart-item {
  width: 100%;
}
.list-chart-item:before {
  content: "";
  width: 15px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
}
.list-paginator {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.list-paginator .lms-paginator {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #8c8c8c;
  font-size: 12px;
  font-weight: 300;
  padding: 0;
  margin-right: -6px;
}
.list-paginator .lms-paginator [class^=glicon-],
.list-paginator .lms-paginator [class*=" glicon-"] {
  color: var(--primary);
  cursor: pointer;
  font-size: 26px;
  transition: var(--transition);
}
.list-paginator .lms-paginator [class^=glicon-].disabled,
.list-paginator .lms-paginator .enrollment-disabled a[class^=glicon-],
.enrollment-disabled .list-paginator .lms-paginator a[class^=glicon-],
.list-paginator .lms-paginator [class*=" glicon-"].disabled,
.list-paginator .lms-paginator .enrollment-disabled a[class*=" glicon-"],
.enrollment-disabled .list-paginator .lms-paginator a[class*=" glicon-"] {
  color: #d2d5d9;
  cursor: not-allowed;
}
.table-container {
  width: 100%;
  min-height: calc(100vh - 360px);
  display: block;
  padding-top: calc(var(--gutterwidth) / 2);
}
.table-container .pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 var(--gutterwidth);
}
@media (min-width: 18em) {
  .table-container .pagination {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
}
@media (min-width: 60em) {
  .table-container .pagination {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }
}
.table-container .pagination li {
  padding: 0;
}
.table-container .pagination .pages {
  padding: calc(var(--gap) / 2) calc(var(--gap) * 2);
  border: none;
}
.table-container .pagination .pages.last {
  padding-left: calc(var(--gap) / 2);
}
.table-container .pagination i {
  cursor: pointer;
}
.table-students .table-container {
  padding-top: 0;
}
.table {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-spacing: 0;
  margin-bottom: 16px;
}
.table-heading {
  width: 100%;
  display: table;
  table-layout: fixed;
  background-color: var(--charcoal-grey);
  min-height: 40px;
  font-size: 10px;
  font-weight: 600;
}
.table-heading .table-item {
  font-weight: 300;
  color: white;
  padding: 10px calc(var(--gap) * 2);
  line-height: 10px;
}
.table-heading .table-item a {
  display: inline-flex;
  align-items: center;
  color: white;
  cursor: pointer;
}
.table-heading .table-item a [class^=glicon-],
.table-heading .table-item a [class*=" glicon-"] {
  padding: 0 0 0 var(--gap);
  color: var(--bluey-grey);
  font-size: var(--medium);
}
.table-heading .table-item a [class^=glicon-].asc,
.table-heading .table-item a [class*=" glicon-"].asc {
  color: var(--deep-sky-blue);
}
.table-filter-row {
  width: 100%;
  display: table;
  table-layout: fixed;
  min-height: 41px;
  border-bottom: 1px solid var(--light-blue-grey-two);
  border-spacing: 0;
  font-size: 11px;
  font-weight: 300;
  padding: 3px 0;
  height: 0;
  background: white;
  transition: var(--transition);
  position: relative;
  outline: 0;
}
.table-filter-row .table-item input {
  margin: 0;
  border: 0;
}
.table-filter-row .table-item span [class^=glicon-],
.table-filter-row .table-item span [class*=" glicon-"],
.table-filter-row .table-item span [class*=glicon-] {
  vertical-align: middle;
}
.table-row {
  width: 100%;
  display: table;
  table-layout: fixed;
  min-height: 41px;
  border-bottom: 1px solid var(--light-blue-grey-two);
  border-spacing: 0;
  font-size: 11px;
  font-weight: 300;
  padding: 3px 0;
  height: 0;
  background: white;
  cursor: pointer;
  transition: var(--transition);
  position: relative;
  outline: 0;
}
.table-row:hover {
  box-shadow: 0 2px 6px 0 rgba(157, 165, 180, 0.5);
  z-index: 1;
}
.table-row.selected {
  background-color: #e1e4e8;
}
.table-row .table-item input {
  margin: 0;
  border: 0;
}
.table-row .table-item span [class^=glicon-],
.table-row .table-item span [class*=" glicon-"] {
  vertical-align: middle;
}
.table-item {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  line-height: 18px;
  padding: 0 10px;
  word-wrap: break-word;
}
.table-item.pointer-events-all {
  pointer-events: all;
}
.table-item.select-cell {
  width: 45px;
  line-height: 0;
}
.table-item.options-cell {
  width: 55px;
}
.table-item__ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-item .btn-floating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 35px;
  height: 35px;
  line-height: 35px;
  z-index: 0;
}
.table-item .btn-floating i {
  font-size: 1.1rem;
}
.table-filters {
  width: 100%;
  background: #f8f9fa;
  border-radius: var(--gap);
  margin: var(--gap) 0 var(--gutterwidth);
}
.table-filters .table-filters-content {
  padding: calc(var(--gutterwidth) / 2) var(--gutterwidth) var(--gutterwidth);
}
.table-filters .table-filters-content .form-container {
  padding: 0;
}
.table-filters .table-filters-content .form-container .select-dropdown {
  max-height: 250px;
}
.table-row-content {
  width: 100%;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  background: #f8f9fa;
  border-radius: var(--gap);
  padding: var(--gutterwidth);
  margin: var(--gap) 0 0;
}
.table-row-content .img {
  width: 100%;
  max-width: 50%;
  display: block;
  margin: 0 auto;
}
.table-row-content .chip {
  width: 100%;
}
.table-row-content .langs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.table-row-content .langs .chip {
  width: 100%;
  max-width: 100px;
  background: transparent;
}
.table-row-content .langs .circle {
  color: #757575;
  background: transparent;
}
.table-row-content .btn {
  margin-top: calc(var(--gutterwidth) / 2);
}
.heading {
  width: 100%;
  padding: var(--gap) 0;
  color: var(--charcoal-grey);
  font-weight: bold;
  text-transform: uppercase;
}
.material-tooltip {
  z-index: 20000;
  max-width: 250px;
}
.material-tooltip .backdrop {
  background-color: #111;
}
.table-item-tooltip {
  position: relative;
}
.table-item-tooltip .form-question-info {
  position: static !important;
  display: inline-block;
}
.table-counter {
  font-size: 12px;
  font-weight: 300;
  color: var(--charcoal-grey);
}
.table-auto-width .table {
  table-layout: auto;
}
.table-auto-width .table .table-heading {
  display: table-row;
  table-layout: auto;
  background-color: transparent;
}
.table-auto-width .table .table-heading .table-item {
  background-color: #e9eef0;
}
.table-auto-width .table .table-heading .table-item:first-child {
  border-radius: 10px 0 0 0;
}
.table-auto-width .table .table-heading .table-item:last-child {
  border-radius: 0 10px 0 0;
}
.table-auto-width .table .table-row {
  display: table-row;
  table-layout: auto;
}
.table-item-truncated {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
}
.table-students .table-row [type=checkbox] + label,
.table-students .table-row [type=checkbox]:not(:checked) + label {
  left: 1px;
  top: 3px;
}
lms-itineraries-card:last-child .table-row {
  border-bottom: none;
}
.gl-table__scroll {
  overflow: auto;
}
.gl-table__scroll.marsQuestions {
  max-height: 300px;
  min-height: 300px;
  background-color: var(--white);
}
.gl-table__toolbar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gl-table__toolbar .text {
  font-size: 12px;
  font-weight: 300;
  color: var(--charcoal-grey);
}
.gl-table__buttons {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: var(--gutterwidth);
}
.gl-table__buttons gl-button {
  margin-left: var(--gutterwidth);
}
.tools {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 0;
  padding-top: var(--gutterwidth);
}
@media only screen and (max-width: 992px) {
  .tools {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.tools .tools-actions {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .tools .tools-actions {
    padding-bottom: var(--gutterwidth);
  }
}
.tools .tools-actions .tools-item {
  padding-left: 0;
}
.tools .tools-controls {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.tools .tools-controls .tools-item {
  padding-left: 10px;
}
.tools .tools-controls .tools-item .input-field {
  min-width: 160px;
  position: relative;
  margin: 0;
  padding: calc(var(--gutterwidth) / 2) 0 0 0;
}
@media only screen and (max-width: 992px) {
  .tools .tools-controls .tools-item .input-field {
    min-width: 100px;
  }
}
.tools .tools-controls .tools-item .tool-search {
  position: absolute;
  top: 18px;
  right: 0;
  font-size: 24px;
}
.tools .tools-controls .tools-item .tool-search.advanced {
  transform: scale(0.9);
}
.tools .tools-controls .list-paginator {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  padding-left: var(--gutterwidth);
}
.tools .tools-controls .list-paginator span {
  text-align: center;
  min-width: 100px;
  padding: 0;
}
.tools .tools-controls .pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: 0;
  cursor: pointer;
}
.tools .tools-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-left: var(--gutterwidth);
}
.tools .tools-item .tool-search {
  position: absolute;
  top: 6px;
  right: 0;
  font-size: 24px;
}
.wrapper-nav {
  width: 240px;
  height: 100vh;
  position: fixed;
  z-index: 998;
  background: #fff;
  box-shadow: 3px 0 16px -1px rgba(10, 22, 70, 0.04), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  -webkit-transition: 0.45s;
  -moz-transition: 0.45s;
  -ms-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}
@media only screen and (max-width: 992px) {
  .wrapper-nav {
    width: 56px;
    min-height: 730px;
    height: 100vh;
    -webkit-animation-name: vanish;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-name: vanish;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
  }
}
.button-navigation {
  font-size: 24px;
  width: 24px;
  height: 27px;
  line-height: 27px;
  padding: 2px;
  color: var(--deep-sky-blue);
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.small-bar .button-navigation {
  margin-left: 10px;
}
@media only screen and (max-width: 992px) {
  .small-bar .button-navigation {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
.button-navigation:hover {
  color: #035fbe;
}
.button-navigation:active,
.button-navigation:focus {
  border: 0;
}
.button-navigation--close {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.button-navigation--inheader {
  margin-left: calc(var(--gutterwidth) / 2);
  display: none;
}
@media only screen and (max-width: 992px) {
  .button-navigation--inheader {
    position: absolute;
    left: 12px;
    top: 16px;
    display: block;
  }
  .small-bar:not(.navigation-completed) .button-navigation--inheader {
    display: none;
  }
  .navigation-completed .button-navigation--inheader {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
.button-navigation .glicon-burger-menu {
  height: auto;
  line-height: initial;
}
.header-gamelearn-logo {
  margin-left: calc(var(--gutterwidth) + 240px);
  margin-right: auto;
  -webkit-transition: 0.45s;
  -moz-transition: 0.45s;
  -ms-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}
.small-bar .header-gamelearn-logo {
  margin-left: calc(var(--gutterwidth) + 56px);
}
@media only screen and (max-width: 992px) {
  .navigation-completed .header-gamelearn-logo {
    margin-left: calc(var(--gutterlarge) / 2);
  }
}
.side-nav-app {
  width: 100%;
  display: block;
  box-shadow: none;
  background: transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.side-nav-app__top {
  height: 60px;
  line-height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0 7px 0 16px;
  transition: padding 0.2s linear;
}
.small-bar .side-nav-app__top {
  padding: 0 7px 0 8px;
}
.list-nav {
  max-height: calc(100vh - 165px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  overflow-y: auto;
}
.list-nav li {
  float: none;
  background: transparent;
}
.list-nav-link {
  position: relative;
  border-radius: 0;
  font-size: 14px;
  font-weight: normal;
  color: var(--charcoal-grey);
  outline: 0;
  width: 100%;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0 16px 0 18px;
}
@media only screen and (max-width: 992px) {
  .list-nav-link {
    padding: 0 calc(var(--gutterlarge) / 2);
  }
}
.list-nav-link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: #f8f9fa;
  width: 4px;
  height: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.list-nav-link:hover {
  background-color: var(--pale-blue);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.list-nav-link.active {
  background-color: var(--ice-blue);
}
.list-nav-link.active {
  color: var(--deep-sky-blue);
}
.list-nav-link.active [class^=glicon-],
.list-nav-link.active [class*=" glicon-"] {
  color: var(--deep-sky-blue);
}
.list-nav-link.active:after {
  height: 100%;
  background: var(--deep-sky-blue);
}
.list-nav-link--withchilds {
  padding-right: 6px;
}
.list-nav-link--withchilds + ul {
  display: none;
}
.list-nav-link--withchilds.active {
  background-color: transparent;
  color: var(--deep-sky-blue);
}
.list-nav-link--withchilds.active [class^=glicon-],
.list-nav-link--withchilds.active [class*=" glicon-"] {
  color: var(--deep-sky-blue);
}
.list-nav-link--withchilds.active [class^=glicon-]:last-child,
.list-nav-link--withchilds.active [class*=" glicon-"]:last-child {
  color: var(--deep-sky-blue);
}
.list-nav-link--withchilds.active:after {
  display: none;
}
.list-nav-link--withchilds.active + ul {
  display: block;
  background-color: var(--pale-grey-three);
}
.list-nav-link [class^=glicon-],
.list-nav-link [class*=" glicon-"] {
  height: auto;
  line-height: 1;
  display: inline-block;
  color: var(--bluey-grey);
  font-size: 20px;
  vertical-align: middle;
  padding-right: var(--gap);
  -webkit-transition: 0.45s;
  -moz-transition: 0.45s;
  -ms-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}
.list-nav-link [class^=glicon-]:last-child,
.list-nav-link [class*=" glicon-"]:last-child {
  color: var(--charcoal-grey);
}
.small-bar .list-nav-link [class^=glicon-]:last-child,
.small-bar .list-nav-link [class*=" glicon-"]:last-child {
  display: none;
}
.list-nav-link--indent {
  padding-left: calc(var(--gutterlarge) + 4px);
  height: 40px;
}
.list-nav-link span {
  word-wrap: break-word;
  line-height: 16px;
}
@media only screen and (max-width: 992px) {
  .list-nav-link span {
    display: none;
  }
}
.list-nav-link span::selection {
  background: transparent;
}
.list-nav-link__toggle {
  margin-left: auto;
}
.active .list-nav-link__toggle:before {
  display: inline-block;
  -webkit-transition: 0.45s;
  -moz-transition: 0.45s;
  -ms-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
  transform: rotate(-180deg);
}
.side-nav-app-logo {
  height: 27px;
  line-height: 27px;
}
.small-bar .side-nav-app-logo {
  display: none;
}
.small-bar .side-nav-app-logo > *:first-child {
  display: none;
}
.small-bar .side-nav-app-logo > *:last-child {
  display: block;
}
.small-bar .main {
  margin-left: 56px;
}
@media only screen and (max-width: 992px) {
  .small-bar .fixed-action-btn {
    margin-left: 56px;
  }
}
.small-bar .wrapper-nav {
  width: 56px;
  display: block;
  -webkit-transition: 0.45s;
  -moz-transition: 0.45s;
  -ms-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}
@media only screen and (max-width: 992px) {
  .small-bar .wrapper-nav {
    -webkit-animation-name: loom;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-name: loom;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
  }
}
.small-bar .side-nav-app .list-nav {
  -webkit-transition: 0.45s;
  -moz-transition: 0.45s;
  -ms-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}
.small-bar .side-nav-app .list-nav a {
  padding-left: calc(var(--gap) * 3);
  max-height: 40px;
}
.small-bar .side-nav-app .list-nav a span {
  display: none;
}
@media only screen and (max-width: 992px) {
  .navigation-completed .main {
    margin-left: 0;
  }
}
@media only screen and (max-width: 992px) {
  .navigation-completed .side-nav-app,
  .navigation-completed .side-nav-app__top,
  .navigation-completed .wrapper-nav {
    -webkit-animation-name: vanish;
    -webkit-animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-name: vanish;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
  }
}
.nav-logo {
  position: absolute;
  left: calc(50% - 61px);
  bottom: 24px;
  width: 100%;
  max-width: 122px;
  min-height: 25px;
  margin: 0 auto;
  background-image: url(/public/img/logo-gl-hor-grey.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.small-bar .nav-logo {
  display: none;
}
.breadcrumb-platform {
  display: flex;
  align-items: center;
  padding: 5px 0 2px 16px !important;
  margin-left: 16px;
  border-left: 1px solid #e1e4e8;
}
.breadcrumb-platform__item {
  display: flex;
  align-items: center;
}
.breadcrumb-platform__item [class*=" glicon-"],
.breadcrumb-platform__item [class^=glicon-] {
  padding-left: 8px;
  padding-right: 8px;
  font-size: 10px;
  color: #858a94;
}
.breadcrumb-platform__item:last-child a,
.breadcrumb-platform__item:last-child .last-level {
  color: #3f4146;
  font-weight: 500;
  cursor: default;
}
.breadcrumb-platform__item a,
.breadcrumb-platform__item .last-level {
  display: block;
  font-family: var(--basefont);
  font-size: 12px;
  font-weight: 300;
  color: #858a94;
}
.breadcrumb-platform__item a:hover,
.breadcrumb-platform__item .last-level:hover {
  color: #3f4146;
}
.nav-wrapper {
  width: 100%;
  float: left;
  padding-top: calc(var(--gutterwidth) * 4);
  padding-left: calc(var(--gap) / 3);
}
@media only screen and (max-width: 992px) {
  .nav-wrapper {
    padding-top: calc(var(--gutterwidth) * 3);
  }
}
.breadcrumb {
  font-size: 15px;
  color: #757575;
  text-transform: lowercase;
  cursor: pointer;
}
.breadcrumb:last-child {
  color: var(--primary);
}
.breadcrumb:before {
  color: #757575;
  vertical-align: top;
  position: relative;
  top: calc(var(--gap) * -1);
}
.select-block {
  width: 100%;
  border-bottom: 1px solid var(--pale-blue);
  padding: var(--gap) 0;
  position: relative;
}
.select-block.inline {
  border-bottom: none;
}
.select-block .chip {
  margin-top: calc(var(--gutterwidth) / 3);
}
.select-block-title {
  width: 100%;
  cursor: pointer;
}
.select-block-content {
  width: 100%;
  position: absolute;
  z-index: 999;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background: white;
  overflow: hidden;
  max-height: 0;
}
.select-block-content.visible {
  overflow: auto;
  max-height: 245px;
  margin-top: var(--gap);
}
.select-block-content.visible label {
  width: 100%;
  top: 0;
}
.select-block-inline {
  width: 100%;
  z-index: 999;
  background: white;
  overflow-y: scroll;
  max-height: 245px;
  margin-top: var(--gap);
}
.select-block-inline label {
  width: 100%;
  top: 0;
}
.select-block-item {
  padding: calc(var(--gap) * 2);
}
.select-block-item:hover {
  background: #f8f9fa;
}
.select-block-item p {
  padding: 0;
  margin: 0;
}
@media (min-width: 18em) {
  .block-credits {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (min-width: 60em) {
  .block-credits {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
}
.block-credits .card {
  margin: var(--gutterwidth);
}
@media (min-width: 18em) {
  .block-credits .card {
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
@media (min-width: 48em) {
  .block-credits .card {
    -webkit-flex-basis: 40%;
    -moz-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
  }
}
@media (min-width: 60em) {
  .block-credits .card {
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
}
.block-credits .card .pack-name {
  background-color: var(--primary);
  padding: calc(var(--gutterwidth) / 2);
  color: white;
  text-align: center;
  text-transform: uppercase;
}
.block-credits .card .pack-item {
  padding: var(--gutterwidth) var(--gutterwidth) 0;
  text-align: center;
}
.block-credits .card .btn {
  display: block;
  margin: var(--gutterwidth) auto;
}
.block-credits .card [class^=glicon-],
.block-credits .card [class*=" glicon-"] {
  vertical-align: bottom;
}
.block-charts-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media (min-width: 18em) {
  .block-charts-container {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
  }
}
@media (min-width: 60em) {
  .block-charts-container {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    padding-left: var(--gutterwidth);
  }
}
.wrap-content .block-charts-container {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 410px;
}
.wrap-content-half .block-charts-container {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 200px;
}
.block-charts {
  width: 100%;
  max-width: 300px;
  padding-bottom: var(--gutterwidth);
}
.bar-chart .block-charts {
  max-width: 500px;
}
.block-home {
  width: 100%;
  padding: var(--gutterwidth);
  margin: var(--gutterwidth) 0 var(--gutterwidth) 0;
  -webkit-box-shadow: 0px 0px 5px 1px rgb(208, 209, 217);
  box-shadow: 0px 0px 5px 1px rgb(208, 209, 217);
  border-radius: 6px;
  background-color: #f0f4f7;
}
.block-home [class^=table-container] {
  min-height: 0;
}
.account-submenu {
  position: absolute;
  z-index: 999;
  background: white;
  overflow: hidden;
  right: 0;
  height: 0;
}
.account-submenu .account-submenu__item {
  cursor: pointer;
}
.account-submenu__user .account-submenu__item {
  display: flex;
  align-items: center;
  height: 34px;
}
.account-submenu__user .account-submenu__item .un-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-family: var(--basefont);
}
.account-submenu form .row .margin-top {
  margin-top: 0 !important;
}
.account-submenu lms-dynamic-form-question-info {
  display: none !important;
}
.account-submenu lms-question .col {
  padding: 0 !important;
}
.account-submenu lms-question label {
  left: 0 !important;
}
.account-submenu .select-dropdown {
  margin-bottom: 5px !important;
}
.account-submenu.visible {
  height: auto;
  overflow: inherit;
  top: calc(100% + 3px);
  border-radius: 6px;
  box-shadow: 0 32px 40px -2px rgba(10, 22, 70, 0.12), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  border: solid 1px var(--pale-grey-two);
}
.account-submenu.visible.left-position {
  right: auto;
  left: 0;
}
.account-submenu.visible.large {
  width: 220px;
}
.account-submenu.visible.large .form-container {
  padding: 0;
}
.account-submenu__heading {
  border-bottom: solid 1px var(--pale-blue);
  padding: 0 calc(var(--gutterlarge) / 2);
  margin: 0;
  font-weight: 500;
  line-height: 34px;
  font-size: 12px;
}
.account-submenu__list {
  margin: 0;
  min-width: 160px;
}
.account-submenu__item {
  transition: var(--transition);
}
.account-submenu__item:hover {
  background-color: var(--pale-blue);
}
.account-submenu__item:first-child {
  border-radius: 6px 6px 0 0;
}
.account-submenu__item:first-child a {
  border-radius: 6px 6px 0 0;
}
.account-submenu__item:last-child {
  border-radius: 0 0 6px 6px;
}
.account-submenu__item:last-child a {
  border-radius: 0 0 6px 6px;
}
.account-submenu__item--padding {
  padding: 4px 14px;
}
.account-submenu__item--border {
  border-top: 0.5px solid var(--pale-blue);
}
.account-submenu__item a {
  font-size: 12px;
  font-weight: 300;
  color: var(--charcoal-grey);
  height: 100%;
  display: block;
  padding: 10px 14px;
  transition: background 0.2s linear;
}
.account-submenu__item a:hover {
  background: var(--pale-blue);
}
.account-submenu__help.visible {
  width: 320px;
  border-radius: 6px;
  box-shadow: 0 32px 40px -2px rgba(10, 22, 70, 0.12), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  border: solid 1px var(--pale-grey-two);
  background-color: var(--white);
}
.account-submenu__help .account-submenu__item {
  display: flex;
  align-items: center;
  height: 56px;
  font-size: var(--small);
}
.account-submenu__help .account-submenu__item:first-child {
  height: 34px;
  color: var(--primary);
  font-weight: 500;
  border-bottom: solid 1px var(--pale-blue);
  cursor: default;
  padding: 0 16px;
}
.account-submenu__help .account-submenu__item:first-child:hover {
  background-color: transparent;
}
.account-submenu__help .account-submenu__item a {
  display: flex;
  align-items: center;
  padding: 0 16px;
}
.account-submenu__help .account-submenu__item a [class^=glicon-],
.account-submenu__help .account-submenu__item a [class*=" glicon-"] {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--medium);
  line-height: 0;
  background-color: #f1f2f4;
  color: var(--primary);
  border-radius: 6px;
  margin-right: 10px;
}
.account-submenu__help .account-submenu__item a > div {
  display: flex;
  flex-direction: column;
  line-height: 17px;
}
.account-submenu__help .account-submenu__item a > div span:first-child {
  font-weight: 500;
}
.account__tooltip {
  position: absolute;
  top: calc(100% + 12px);
  right: -6px;
  min-width: 175px;
  display: none;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 0 3px 1px rgba(10, 22, 70, 0.16), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  border-radius: 6px;
  background-color: var(--charcoal-grey);
  color: var(--pale-blue);
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  padding: 14px 16px;
}
.account__tooltip:before {
  content: "";
  position: absolute;
  right: 22px;
  top: -16px;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 8px solid transparent;
  border-bottom: 8px solid var(--charcoal-grey);
}
.account__tooltip-name {
  width: 100%;
  color: var(--white);
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 3px;
}
.tutorization--block__column {
  width: 100%;
  margin: 0;
  padding: calc(var(--gutterwidth) - 8px) 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.tutorization--block__row {
  width: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.tutorization--block__item {
  width: 100%;
  padding: 0 0 0 var(--gutterwidth);
}
.tutorization--block__item:first-child {
  padding: 0;
}
.mars-tutorization {
  width: 100%;
}
.mars-tutorization__body {
  width: 100%;
  padding: 0 12px;
}
.mars-tutorization__head {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 32px 0 0 0;
}
.mars-tutorization__head-create {
  width: 100%;
  padding: 32px 0 0 0;
}
.mars-tutorization__title {
  display: inline-flex;
  align-items: center;
  font-size: var(--normal);
  font-weight: 500;
}
.mars-tutorization__title gl-tooltip {
  margin: 1px 0 0 8px;
}
.mars-tutorization__text.mandatory {
  font-size: var(--small);
  color: var(--steel);
  font-weight: 300;
}
.mars-tutorization .lms-toolbar {
  padding-top: 32px;
}
.tutorization__message {
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 32px;
}
.tutorization__message gl-textarea {
  width: 100%;
  display: block;
  margin-bottom: 12px;
}
.gl-notifications {
  display: flex;
  flex-direction: column;
}
.gl-notifications__container {
  position: fixed;
  bottom: 24px;
  left: 24px;
  display: flex;
  flex-direction: column;
  z-index: 999999;
}
.gl-notifications__item {
  position: relative;
  width: 340px;
  min-height: 114px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 6px;
  border: solid 1px var(--light-grey-blue);
  background-color: #262a31;
  font-size: var(--x-small);
  margin-top: 12px;
  padding: 16px;
}
.gl-notifications__item--feedback [class^=glicon-],
.gl-notifications__item--feedback [class*=" glicon-"],
.gl-notifications__item--title [class^=glicon-],
.gl-notifications__item--title [class*=" glicon-"] {
  position: relative;
  font-size: var(--normal);
  margin-right: 6px;
  align-self: flex-start;
}
.gl-notifications__item--feedback [class^=glicon-]:before,
.gl-notifications__item--feedback [class*=" glicon-"]:before,
.gl-notifications__item--title [class^=glicon-]:before,
.gl-notifications__item--title [class*=" glicon-"]:before {
  position: relative;
  z-index: 1;
}
.gl-notifications__item--feedback [class^=glicon-]:after,
.gl-notifications__item--feedback [class*=" glicon-"]:after,
.gl-notifications__item--title [class^=glicon-]:after,
.gl-notifications__item--title [class*=" glicon-"]:after {
  content: "";
  width: 16px;
  height: 16px;
  background: white;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.gl-notifications__item--feedback [class^=glicon-].success,
.gl-notifications__item--feedback [class*=" glicon-"].success,
.gl-notifications__item--title [class^=glicon-].success,
.gl-notifications__item--title [class*=" glicon-"].success {
  color: var(--success);
}
.gl-notifications__item--feedback [class^=glicon-].failed,
.gl-notifications__item--feedback [class*=" glicon-"].failed,
.gl-notifications__item--title [class^=glicon-].failed,
.gl-notifications__item--title [class*=" glicon-"].failed {
  color: var(--orange);
}
.gl-notifications__item--title {
  display: flex;
  align-items: center;
  color: white;
  font-weight: 500;
  padding-bottom: 5px;
  width: calc(100% - 25px);
  line-height: 18px;
}
.gl-notifications__item--message {
  width: 100%;
  display: block;
  color: var(--pale-blue);
  font-weight: 300;
  line-height: 20px;
  padding-bottom: 5px;
}
.gl-notifications__item--message:last-child {
  padding-bottom: 0;
}
.gl-notifications__item--link {
  width: 100%;
  justify-content: flex-end;
  font-weight: 400;
  text-align: right;
  padding-top: var(--gutterwidth);
  transition: var(--transition);
}
.gl-notifications__item--link__success {
  color: var(--success);
  text-decoration: none;
  padding-left: 12px;
  cursor: pointer;
}
.gl-notifications__item--link__success:hover {
  color: var(--success);
  opacity: 0.7;
}
.gl-notifications__item--link__error {
  color: var(--orange);
  text-decoration: none;
  padding-left: 12px;
  cursor: pointer;
}
.gl-notifications__item--link__error:hover {
  color: var(--orange);
  opacity: 0.7;
}
.gl-notifications__item--close {
  position: absolute;
  top: 8px;
  right: 8px;
  color: white;
  cursor: pointer;
  font-size: 28px;
  line-height: 0;
  transition: var(--transition);
}
.gl-notifications__item--close:hover {
  opacity: 0.6;
}
.gl-notifications__item--feedback {
  display: flex;
  align-items: center;
  color: white;
  font-size: 12px;
  font-weight: 500;
  padding-top: 6px;
}
.gl-notifications__item--feedback.success {
  color: var(--success);
}
.notifications-close {
  position: absolute;
  right: calc(var(--gutterlarge) / 2);
  top: calc(var(--gutterlarge) / 2);
  cursor: pointer;
}
.padding {
  padding: var(--gutterwidth);
}
.padding-none {
  padding: 0 !important;
}
.padding-gap {
  padding: var(--gap);
}
.padding-top {
  padding-top: var(--gutterlarge);
}
.padding-top-16 {
  padding-top: calc(var(--gutterlarge) / 2);
}
.padding-left-16 {
  padding-left: calc(var(--gutterlarge) / 2);
}
.padding-left-20 {
  padding-left: calc(var(--gutterwidth) - 4px);
}
.padding-bottom {
  padding-bottom: var(--gutterlarge);
}
.padding-bottom-gap {
  padding-bottom: var(--gap);
}
.padding-left {
  padding-left: var(--gutterwidth);
}
.padding-left-none {
  padding-left: 0 !important;
}
.padding-right {
  padding-right: var(--gutterwidth);
}
.padding-right-gap {
  padding-right: var(--gap);
}
.padding-top-gap {
  padding-top: var(--gap);
}
.padding-top-none {
  padding-top: 0;
}
.gap-right {
  padding-right: calc(var(--gutterwidth) / 2) !important;
}
.gap-left {
  padding-left: calc(var(--gutterwidth) / 2) !important;
}
.gap-left-right {
  padding-right: calc(var(--gutterwidth) / 2) !important;
  padding-left: calc(var(--gutterwidth) / 2) !important;
}
.margin {
  margin: var(--gutterwidth);
}
.margin-half {
  margin: calc(var(--gutterwidth) / 2);
}
.margin-half-left {
  margin-left: calc(var(--gutterwidth) / 2);
}
.margin-half-right {
  margin-right: calc(var(--gutterwidth) / 2);
}
.margin-top {
  margin-top: var(--gutterwidth);
}
.margin-top-16 {
  margin-top: calc(var(--gutterlarge) / 2);
}
.margin-top-24 {
  margin-top: var(--gutterwidth);
}
.margin-top__xl {
  margin-top: calc(var(--gutterwidth) * 2);
}
.margin-top__form {
  margin-top: 20px;
}
.margin-right {
  margin-right: var(--gutterwidth);
}
.margin-right-gap {
  margin-right: var(--gap);
}
.margin-left-gap {
  margin-left: var(--gap);
}
.margin-left {
  margin-left: var(--gutterwidth);
}
.margin-left-8 {
  margin-left: calc(var(--gutterwidth) / 3);
}
.margin-top-half {
  margin-top: calc(var(--gutterwidth) / 2);
}
.margin-top-double {
  margin-top: calc(var(--gutterwidth) * 2) !important;
}
.margin-top-quarter {
  margin-top: calc(var(--gutterwidth) * 4) !important;
}
.margin-top-gap {
  margin-top: var(--gap);
}
.margin-bottom {
  margin-bottom: var(--gutterwidth);
}
.margin-bottom-double {
  margin-bottom: calc(var(--gutterwidth) * 2) !important;
}
.margin-bottom-none {
  margin-bottom: 0;
}
.margin-bottom-gap {
  margin-bottom: var(--gap);
}
.margin-bottom-half {
  margin-bottom: calc(var(--gutterwidth) / 2);
}
.margin-bottom-x-half {
  margin-bottom: calc(var(--gutterlarge) / 2);
}
.margin-none {
  margin: 0;
}
.waves-effect .waves-ripple {
  background: #f8f9fa;
}
.separator {
  border-bottom: 1px solid var(--pale-blue);
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.hidden {
  visibility: hidden !important;
}
.display-none {
  display: none;
}
.display-grid {
  display: grid;
}
.img {
  max-width: 100%;
}
.z-index-1000 {
  z-index: 1000;
}
.btn-centered {
  display: block;
  margin: var(--gutterwidth) auto;
}
.greylight {
  background-color: #f8f9fa;
}
.chip .circle {
  display: inline-block;
  float: left;
  margin: 0 8px 0 -12px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  background: #757575;
  color: white;
}
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.flex-start {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.flex-end {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.flex-center {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.flex-between,
.block-credits {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.table-layout-fixed {
  table-layout: fixed;
}
.word-wrap {
  word-wrap: break-word;
}
.font-bold {
  font-weight: bold;
}
.font-small {
  font-size: 12px;
  font-size: 0.75rem;
}
.font-x-small {
  font-size: 13.92px;
  font-size: 0.87rem;
}
.font-normal {
  font-size: 16px;
  font-size: 1rem;
}
.font-big {
  font-size: 20px;
  font-size: 1.25rem;
}
.font-20 {
  font-size: 21.3328px;
  font-size: 1.3333rem;
}
.font-s-big {
  font-size: 28.16px;
  font-size: 1.76rem;
}
.font-x-big {
  font-size: 32px;
  font-size: 2rem;
}
.font-icon-huge {
  font-size: 35.2px;
  font-size: 2.2rem;
}
.small-shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.medium-shadow {
  -webkit-box-shadow: 0 0 30px 3px rgb(208, 209, 217);
  box-shadow: 0 0 30px 3px rgb(208, 209, 217);
}
.large-shadow {
  -webkit-box-shadow: 0 0 63px 12px rgb(208, 209, 217);
  box-shadow: 0 0 63px 12px rgb(208, 209, 217);
}
.line-through {
  text-decoration: line-through;
}
.line-through:before {
  text-decoration: line-through;
}
.line-through:after {
  text-decoration: line-through;
}
.position-fixed {
  position: fixed;
}
.position-relative {
  position: relative;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-pointer:hover {
  color: var(--primary);
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.tooltipDisabled {
  pointer-events: auto !important;
}
.width-small {
  width: 25%;
}
.width-third {
  width: 33%;
}
.width-medium {
  width: 50%;
}
.width-large {
  width: 100%;
}
.width-auto {
  width: auto;
}
.green-text {
  color: #33c9c0 !important;
}
.grey-text {
  color: #9e9e9e;
}
.error-text {
  color: var(--error) !important;
}
.error-background {
  background-color: var(--error) !important;
}
.success-text {
  color: var(--success) !important;
}
.finish-text {
  color: var(--green);
}
.success-background {
  background-color: var(--success) !important;
}
.border-grey {
  border: 1px solid #ccc;
}
.border-right-grey {
  border-right: 1px solid #ccc;
}
.border-green {
  border: 1px solid #33c9c0;
}
.border-red {
  border: 1px solid #f44336;
}
.border-bottom-pale-blue {
  border-bottom: 1px solid var(--pale-blue);
}
.border-left {
  border-left: 1px solid #e1e4e8;
}
.radius-small {
  border-radius: var(--gap);
}
.text-centered {
  text-align: center;
}
.float-right {
  float: right;
}
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.overflow-hidden {
  overflow: hidden;
}
.color-deep-sky-blue {
  color: var(--deep-sky-blue);
}
.color-green {
  color: var(--green);
}
.color-red {
  color: var(--red);
}
.clearfix {
  clear: both;
}
.center,
.center-align {
  text-align: center;
}
[class^=flag-icon-],
[class*=flag-icon-] {
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}
.flag-text {
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.flag-icon-es {
  background-image: url(/public/img/flags/es.svg);
}
.flag-icon-zh {
  background-image: url(/public/img/flags/zh.svg);
}
.flag-icon-nl {
  background-image: url(/public/img/flags/nl.svg);
}
.flag-icon-de {
  background-image: url(/public/img/flags/de.svg);
}
.flag-icon-tr {
  background-image: url(/public/img/flags/tr.svg);
}
.flag-icon-fr {
  background-image: url(/public/img/flags/fr.svg);
}
.flag-icon-en {
  background-image: url(/public/img/flags/en.svg);
}
.flag-icon-it {
  background-image: url(/public/img/flags/it.svg);
}
.flag-icon-pt {
  background-image: url(/public/img/flags/pt.svg);
}
.flag-icon-ar {
  background-image: url(/public/img/flags/ar.svg);
}
.flag-icon-ru {
  background-image: url(/public/img/flags/ru.svg);
}
.flag-icon-br {
  background-image: url(/public/img/flags/br.svg);
}
.fixed-action-btn {
  width: 58px;
  left: 235px;
  bottom: 21px;
  -webkit-transition: 0.45s;
  -moz-transition: 0.45s;
  -ms-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
}
@media only screen and (max-width: 992px) {
  .fixed-action-btn {
    left: 0;
  }
}
.fixed-action-btn .btn-floating {
  border-radius: 4px;
}
.small-bar .fixed-action-btn {
  left: 65px;
}
@media only screen and (max-width: 992px) {
  .small-bar .fixed-action-btn {
    left: 0;
  }
}
.disabled [class^=glicon-],
.enrollment-disabled a [class^=glicon-],
.disabled [class*=" glicon-"],
.enrollment-disabled a [class*=" glicon-"],
[disabled] [class^=glicon-],
[disabled] [class*=" glicon-"] {
  color: #9f9f9f !important;
}
.btn {
  border-radius: 10rem;
  text-transform: none;
}
.btn,
.btn-flat,
.btn-floating,
.btn-large,
.btn-large {
  font-size: 1rem;
}
.btn-floating {
  box-shadow: none;
  background: transparent;
}
.btn-floating:hover {
  box-shadow: none;
  background: var(--pale-blue);
}
.un-btn {
  background: transparent;
  border: 1px solid transparent;
  padding: 0;
  cursor: pointer;
}
.un-btn:focus {
  background-color: transparent;
  outline: none;
}
.btn-client,
.btn-help,
.btn-language {
  transition: color 0.2s linear;
}
.btn-client.active,
.btn-client:hover,
.btn-help.active,
.btn-help:hover,
.btn-language.active,
.btn-language:hover {
  color: var(--deep-sky-blue);
}
.btn-client,
.btn-language {
  position: relative;
  cursor: pointer;
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--charcoal-grey);
  display: flex;
  align-items: center;
}
.btn-client > *:first-child ~ *,
.btn-language > *:first-child ~ * {
  margin-left: 6px;
}
.btn-client .glicon-account-multiple-check,
.btn-client .glicon-language,
.btn-language .glicon-account-multiple-check,
.btn-language .glicon-language {
  font-size: 20px;
}
.btn-language .gl-language-icon {
  display: block;
  width: 28px;
  height: 28px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 100%;
}
.btn-language .gl-language-icon.es {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/spanish-flag.svg);
}
.btn-language .gl-language-icon.fr {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/french-flag.svg);
}
.btn-language .gl-language-icon.en {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/english-flag.svg);
}
.btn-language .gl-language-icon.de {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/german-flag.svg);
}
.btn-language [class^=glicon-] {
  font-weight: bold;
}
.btn-help {
  color: var(--charcoal-grey);
  font-size: 24px;
  display: flex;
  align-items: center;
}
.btn-help.font-size-large {
  font-size: 30px;
}
.btn-user {
  display: flex;
  font-size: 14px;
  line-height: 1;
  text-align: left;
  color: var(--charcoal-grey);
}
.btn-user__circle {
  flex-shrink: 0;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  background: var(--charcoal-grey);
  color: white;
  cursor: pointer;
  margin-right: 8px;
  transition: var(--transition);
}
.btn-user__circle:hover {
  background: #262a31;
}
.btn-user__circle:hover ~ .account__tooltip {
  display: flex;
}
.not-hover .btn-user__circle:hover ~ .account__tooltip {
  display: none;
}
.btn-user__tiny {
  margin-top: 5px;
  font-size: 10px;
  font-weight: 300;
}
.btn-logout {
  display: flex;
  align-items: center;
}
.btn-logout > i {
  color: #82868e;
  font-size: 16px;
  margin-right: 8px;
}
.btn-logout span {
  font-size: 12px;
  font-weight: 300;
}
.btn--primary,
.btn--secondary {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  padding-left: 16px;
  padding-right: 16px;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  box-shadow: none;
}
.btn--primary:hover,
.btn--secondary:hover {
  box-shadow: none;
}
.btn--primary.disabled,
.enrollment-disabled a.btn--primary,
.btn--primary[disabled],
.btn--secondary.disabled,
.enrollment-disabled a.btn--secondary,
.btn--secondary[disabled] {
  background-color: var(--pale-blue);
  color: var(--light-grey-blue-two);
}
.btn--primary [class^=glicon-],
.btn--secondary [class^=glicon-] {
  font-size: 20px;
}
.btn--primary > [class^=glicon-]:first-child,
.btn--secondary > [class^=glicon-]:first-child {
  margin-right: 8px;
}
.btn--primary > [class^=glicon-]:last-child,
.btn--secondary > [class^=glicon-]:last-child {
  margin-left: 8px;
}
.btn--primary--withdropdown,
.btn--secondary--withdropdown {
  min-width: 205px;
  line-height: 36px;
  padding-right: 0;
}
.btn--primary--withdropdown .glicon-down-arrow,
.btn--secondary--withdropdown .glicon-down-arrow {
  width: 36px;
  border-left: 1px solid #fff;
}
.btn--primary--withdropdown > [class^=glicon-]:last-child,
.btn--secondary--withdropdown > [class^=glicon-]:last-child {
  margin-left: 16px;
}
.btn--primary--block,
.btn--secondary--block {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.btn--primary {
  background-color: var(--deep-sky-blue);
  border: 1px solid transparent;
}
.btn--primary:focus,
.btn--primary:hover {
  background-color: var(--cerulean);
}
.btn--secondary {
  color: var(--deep-sky-blue);
  background-color: #fff;
  border: 1px solid var(--deep-sky-blue);
}
.btn--secondary:focus,
.btn--secondary:hover {
  color: var(--cerulean);
  background-color: var(--very-light-pink-lms);
  border-color: var(--cerulean);
}
.btn--secondary.disabled,
.enrollment-disabled a.btn--secondary,
.btn--secondary[disabled] {
  border-width: 1px;
  border-color: var(--pale-blue);
}
.btn--secondary.small {
  height: 30px;
  font-size: var(--small);
}
.un-btn-likelink {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: var(--deep-sky-blue);
}
.un-btn-likelink:hover {
  color: var(--cerulean);
}
.un-btn-likelink [class^=glicon-] {
  font-size: 20px;
}
.gl-language-button {
  display: flex;
  align-items: center;
  color: var(--charcoal-grey);
  border: none;
  outline: 0;
}
.gl-language-button .gl-language-icon {
  display: block;
  width: 28px;
  height: 28px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 100%;
}
.gl-language-button .gl-language-icon.es {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/spanish-flag.svg);
}
.gl-language-button .gl-language-icon.fr {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/french-flag.svg);
}
.gl-language-button .gl-language-icon.en {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/english-flag.svg);
}
.gl-language-button .gl-language-icon.de {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/german-flag.svg);
}
.gl-language-button .gl-language-initials {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 4px;
}
.gl-language-button [class*=" glicon-"],
.gl-language-button [class^=glicon-] {
  font-weight: 600;
}
.gl-client-button {
  position: relative;
  display: flex;
  align-items: center;
  color: var(--charcoal-grey);
  font-size: 14px;
  font-weight: 500;
  border: none;
  outline: 0;
  background: transparent;
}
.gl-client-button.active {
  color: #007eff;
}
.gl-client-button:focus {
  background-color: transparent;
}
.gl-client-button [class*=" glicon-"],
.gl-client-button [class^=glicon-] {
  font-weight: 600;
  margin-left: 6px;
}
.gl-client-button .text--ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  max-width: 160px;
  min-width: 160px;
}
.btn--actions {
  position: relative;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: none;
  border-radius: 100%;
  color: var(--deep-sky-blue);
  margin: 0 4px;
  cursor: pointer;
  transition: var(--transition);
}
.btn--actions:hover {
  background-color: #e1e4e8;
  color: #005fbf;
}
.btn--actions:active,
.btn--actions:focus {
  background-color: #e1e4e8;
  color: #005fbf;
}
.btn--actions.active .btn--actions__menu {
  display: flex;
}
.btn--actions > .normal {
  font-size: 22px;
  font-weight: normal;
}
.btn--actions > .small {
  font-size: 1.1rem;
  font-weight: normal;
}
.btn--actions .btn--actions__menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 3;
  width: 210px;
  display: none;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 6px;
  box-shadow: var(--shadow-bottom-actions);
  background-color: var(--white);
  font-size: 12px;
  line-height: 14px;
  color: var(--charcoal-grey);
  text-align: left;
  transition: var(--transition);
}
.btn--actions .btn--actions__menu span {
  width: 100%;
  height: 36px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  transition: var(--transition);
}
.btn--actions .btn--actions__menu span.alert {
  color: var(--error);
}
.btn--actions .btn--actions__menu span:first-child {
  border-radius: 4px 4px 0 0;
}
.btn--actions .btn--actions__menu span:last-child {
  border-radius: 4px;
}
.btn--actions .btn--actions__menu span:hover {
  background-color: #e1e4e8;
}
.btn-withTooltip {
  position: relative;
  transition: var(--transition);
}
.btn-withTooltip .btn-withTooltip__item {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: max-content;
  min-width: 80px;
  max-width: 284px;
  height: 32px;
  display: none;
  justify-content: center;
  align-items: center;
  box-shadow: 0 3px 3px -1px rgba(10, 22, 70, 0.16), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  background-color: #82868e;
  color: white;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  text-align: center;
  padding: 8px;
  z-index: 2;
}
.btn-withTooltip .btn-withTooltip__item:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 6px solid #82868e;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  left: 50%;
  top: -12px;
  transform: translate(-50%, 0);
}
.btn-withTooltip:hover .btn-withTooltip__item {
  display: flex;
}
.btn-withTooltip.notHover:hover .btn-withTooltip__item {
  display: none;
}
.gl-dropdown-content {
  min-width: 200px;
  border-radius: 6px;
  box-shadow: var(--common-shadow);
  border: solid 1px var(--pale-grey-two);
  background: #fff;
  margin: 0;
  overflow-y: auto;
  position: absolute;
  transform-origin: 0 0;
  z-index: 9999;
  display: none;
  opacity: 0;
}
.gl-dropdown-content li {
  min-height: 38px;
}
.gl-dropdown-content li:hover {
  background: var(--pale-blue);
}
.gl-dropdown-content li > a,
.gl-dropdown-content li > span {
  font-size: 12px;
  font-weight: 300;
  color: var(--charcoal-grey);
  padding: 10px 14px;
  transition: background 0.2s linear;
  display: flex;
  align-items: flex-start;
}
.gl-dropdown-content.showed {
  display: block;
  opacity: initial;
}
.modal-visor-image__contain {
  position: relative;
  width: 100%;
  max-width: 1024px;
  height: 640px;
}
.modal-visor-image__contain img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modal-visor-image .modal {
  width: 100%;
  height: 100vh;
  background-color: transparent;
  box-shadow: none;
  top: 0 !important;
  overflow: hidden;
}
.modal-visor-image .modal .gl-popup__close {
  position: absolute;
  color: var(--charcoal-grey);
  cursor: pointer;
  top: 24px;
  right: 24px;
  font-size: 26px;
  font-weight: bold;
  z-index: 2;
  width: 36px;
  height: 36px;
  background-color: white;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  transition: var(--transition);
}
.modal-visor-image .modal .gl-popup__close:hover {
  color: var(--primary);
}
.modal-visor-image .modal .modal-content {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
.modal-customization-visualizer .modal {
  z-index: 10000 !important;
  min-width: 900px;
  min-height: 600px;
  width: 85%;
  height: 98%;
  top: 2% !important;
  bottom: initial !important;
}
.modal-overlay {
  border: solid 1px #979797;
  background-color: #262a31;
  opacity: 0.6 !important;
  z-index: 9999 !important;
}
.gl-modal__small lms-dynamic-form-question-info,
.gl-modal__small p.required-text {
  display: none;
}
.gl-modal__small .right-align {
  display: flex;
  justify-content: center;
}
.gl-modal__small .modal {
  max-width: 424px;
}
.gl-modal__title {
  color: var(--charcoal-grey);
  font-size: 16px;
  font-weight: 500;
}
.gl-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--gutterwidth);
}
.gl-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  cursor: pointer;
  line-height: 0;
  font-size: 30px;
  font-weight: bold;
  transition: var(--transition);
}
.gl-modal__close:hover {
  color: var(--primary);
}
.wizard {
  width: 100%;
  clear: both;
  counter-reset: wizard-step;
}
.wizard-header {
  padding: 0;
  font-size: 1.25rem;
}
.wizard-block {
  padding: 0 var(--gutterwidth);
}
.wizard-footer {
  background-color: white;
  border-top: 0 none;
  margin-top: var(--gutterwidth);
}
.wizard-nav-item {
  position: relative;
  padding: calc(var(--gap) * 3) 0;
  border-bottom: 2px solid #ccc;
}
.wizard-nav-item.active .step-title {
  color: var(--primary);
  font-weight: bold;
}
.wizard-nav-item.disabled .step-title,
.enrollment-disabled a.wizard-nav-item .step-title {
  color: #ccc;
}
.wizard-nav-item .step-title {
  color: #4da5ff;
}
.wizard-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.wizard-nav-justified .wizard-nav-item {
  width: 100%;
  text-align: center;
}
.wizard-info {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  padding-bottom: calc(var(--gap) * 2);
  border-bottom: 1px solid #ccc;
}
.wizard-delete-item {
  padding: 32px 0 !important;
}
.wizard-delete-item:first-child {
  padding-top: 42px !important;
}
.wizard-alert {
  width: 100%;
  display: block;
  padding: 32px 0 !important;
}
.wizard-alert:first-child {
  padding-top: 42px !important;
}
.breadcrumb-container {
  position: relative;
  width: 75%;
  margin: 30px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-left: 0;
  list-style-type: none;
}
.breadcrumb-container .breadcrumb-item {
  margin-right: calc(var(--gutterwidth) / 2);
}
.breadcrumb-container .breadcrumb-item:first-child .steps:before {
  border: none;
}
.breadcrumb-container .breadcrumb-item:first-child .steps .step-number {
  padding: 0 calc(var(--gutterwidth) / 2) 0 0;
}
.breadcrumb-container .steps {
  width: 100%;
  height: 50px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: var(--primary);
  color: white;
  cursor: pointer;
  padding: 0 var(--gutterwidth);
}
.breadcrumb-container .steps:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 27px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 25px solid white;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
}
.breadcrumb-container .steps:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 24px solid var(--primary);
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  position: absolute;
  top: 0;
  right: -24px;
  z-index: 1;
}
.breadcrumb-container .steps.active {
  background-color: var(--primary);
  cursor: pointer;
}
.breadcrumb-container .steps.done {
  background-color: var(--green);
  cursor: pointer;
}
.breadcrumb-container .steps.done:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 24px solid var(--green);
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.breadcrumb-container .steps.disabled,
.breadcrumb-container .enrollment-disabled a.steps,
.enrollment-disabled .breadcrumb-container a.steps {
  background-color: #e6e6e6;
  cursor: not-allowed;
}
.breadcrumb-container .steps.disabled:after,
.breadcrumb-container .enrollment-disabled a.steps:after,
.enrollment-disabled .breadcrumb-container a.steps:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 24px solid #e6e6e6;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.breadcrumb-container .steps .step-text {
  font-size: 1rem;
  text-transform: uppercase;
}
.breadcrumb-container .steps .step-number {
  position: relative;
  top: -3px;
  font-size: 1.76rem;
  padding: 0 calc(var(--gutterwidth) / 2);
}
.breadcrumb-container .steps [class^=glicon-],
.breadcrumb-container .steps [class*=" glicon-"] {
  font-size: 14px;
  margin-left: var(--gap);
}
.wizard-text-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: var(--primary);
  font-size: 11px;
  padding-bottom: var(--gutterwidth);
}
.wizard-text-info i {
  font-size: 1.76rem;
  margin-right: var(--gap);
}
.dashboard {
  width: 100%;
}
.dashboard-content {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dashboard-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
  margin: 0 calc(var(--gutterwidth) / 2);
}
@media only screen and (max-width: 992px) {
  .dashboard-card {
    margin: 0 0 var(--gutterwidth);
  }
}
.dashboard-card:first-child {
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  width: 100%;
}
.dashboard-card:first-child .dashboard-card-item.video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.dashboard-card-item-info {
  padding-left: 0;
  text-align: center;
  width: 25%;
}
.dashboard-card-item-step {
  color: #fff;
  font-size: 20px;
  width: 30px;
  height: 30px;
  background-color: #757575;
  border-radius: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}
.dashboard-widget {
  width: 100%;
}
.dashboard-widget-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dashboard-data,
.dashboard-data-progress {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin: var(--gap) 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 6px;
}
.dashboard-data .dashboard-data-title,
.dashboard-data-progress .dashboard-data-title {
  color: #757575;
  font-size: 16px;
  margin-right: 24px;
}
.dashboard-data .dashboard-data-info,
.dashboard-data-progress .dashboard-data-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: white;
  font-size: 16px;
  padding: var(--gap);
  background-color: var(--primary);
  border-radius: 6px;
  min-width: 80px;
}
.dashboard-card-item {
  padding: 16px;
  border-radius: 6px;
  box-shadow: 0 3px 8px 0 rgba(0, 76, 255, 0.06);
  background-color: var(--white);
  margin-bottom: var(--gutterwidth);
}
.dashboard-card-item.widget-height {
  min-height: 175px;
}
.dashboard-card-item-title {
  color: var(--primary);
  font-size: 18px;
  font-weight: 300;
  margin-bottom: var(--gap);
  line-height: 24px;
}
.dashboard-card-item-text {
  color: var(--blue-grey);
  font-size: 18px;
  font-weight: 400;
  margin-top: calc(var(--gap) * 2);
  line-height: 24px;
}
.dashboard-card-item-label {
  color: var(--charcoal-grey);
  font-size: 14px;
  font-weight: 300;
  margin-top: calc(var(--gap) * 2);
  line-height: 20px;
  text-align: center;
}
.dashboard-card-item-button {
  background-color: #007eff;
  font-size: 14px;
  display: table;
  padding: 4px;
  line-height: 18px;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
  width: 100%;
  margin-top: calc(var(--gap) * 2);
}
.dashboard-card-item-button span {
  color: white;
  display: table-cell;
  vertical-align: middle;
}
.dashboard-card-item-button span [class^=glicon-],
.dashboard-card-item-button span [class*=" glicon-"] {
  vertical-align: middle;
}
.dashboard-list {
  font-size: 16px;
  margin: 0;
  padding-left: 18px;
}
.dashboard-data-progress {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  padding: 28px 0;
  margin: calc(var(--gutterwidth) * 2) 0 0 0;
  border-top: 1px solid #ccc;
}
.dashboard-data-progress--column {
  border: 0;
  margin: 0;
}
.dashboard-data-progress .dashboard-data-progress-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.dashboard-data-progress .dashboard-data-progress-item--column {
  flex-direction: column;
}
.dashboard-data-progress .dashboard-data-progress-item .value {
  font-size: 2.2rem;
  padding-right: var(--gap);
  color: var(--charcoal-grey);
}
.dashboard-carrousel {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.dashboard-carrousel .dashboard-container-text {
  width: 100%;
  position: relative;
  max-width: 60%;
  -webkit-flex-basis: 60%;
  -moz-flex-basis: 60%;
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
  min-height: 100px;
}
@media only screen and (max-width: 992px) {
  .dashboard-carrousel .dashboard-container-text {
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.dashboard-carrousel .dashboard-carrousel-text {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 1.26rem;
  line-height: 1.76rem;
  padding: 0 calc(var(--gutterlarge) / 2);
  text-align: center;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.dashboard-carrousel .dashboard-carrousel-text .subtext {
  font-style: normal;
  font-size: 1rem;
  font-weight: 500;
  padding: calc(var(--gutterwidth) / 2);
}
.dashboard-carrousel .dashboard-carrousel-text.active {
  opacity: 1;
}
.dashboard-carrousel .dashboard-carrousel-arrow i {
  font-size: 3.3rem;
  font-weight: bold;
  cursor: pointer;
}
.chart-title {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border-bottom: 2px solid #bdc6d0;
  padding: var(--gutterwidth) 0 calc(var(--gutterwidth) / 2);
  font-weight: 400;
}
.chart-title .form-question-info {
  position: static !important;
  padding-left: var(--gap);
}
.chart-title gl-tooltip {
  padding-left: var(--gap);
}
.chart-title.padding-top_half {
  padding-top: calc(var(--gutterwidth) / 4);
}
.chart-title.margin-none,
.chart-title.margin-top-none {
  margin-top: 0;
}
.chart-title--thin {
  border-bottom-width: 1px;
}
.chart-subtitle,
.chart-notice {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding-bottom: calc(var(--gutterwidth) / 2);
}
.chart-subtitle.padding-bottom_none,
.padding-bottom_none.chart-notice {
  padding-bottom: 0;
}
.chart-subtitle i,
.chart-notice i {
  padding-left: var(--gap);
}
.chart-subtitle .form-question-info,
.chart-notice .form-question-info {
  position: static !important;
}
.chart-subtitle gl-tooltip,
.chart-notice gl-tooltip {
  padding-left: var(--gap);
}
.chart-notice {
  font-weight: normal;
  padding: var(--gap) 0 0;
}
.chart-rect-auto,
.chart.chart100 .chart-slice,
.chart.chart99 .chart-slice,
.chart.chart98 .chart-slice,
.chart.chart97 .chart-slice,
.chart.chart96 .chart-slice,
.chart.chart95 .chart-slice,
.chart.chart94 .chart-slice,
.chart.chart93 .chart-slice,
.chart.chart92 .chart-slice,
.chart.chart91 .chart-slice,
.chart.chart90 .chart-slice,
.chart.chart89 .chart-slice,
.chart.chart88 .chart-slice,
.chart.chart87 .chart-slice,
.chart.chart86 .chart-slice,
.chart.chart85 .chart-slice,
.chart.chart84 .chart-slice,
.chart.chart83 .chart-slice,
.chart.chart82 .chart-slice,
.chart.chart81 .chart-slice,
.chart.chart80 .chart-slice,
.chart.chart79 .chart-slice,
.chart.chart78 .chart-slice,
.chart.chart77 .chart-slice,
.chart.chart76 .chart-slice,
.chart.chart75 .chart-slice,
.chart.chart74 .chart-slice,
.chart.chart73 .chart-slice,
.chart.chart72 .chart-slice,
.chart.chart71 .chart-slice,
.chart.chart70 .chart-slice,
.chart.chart69 .chart-slice,
.chart.chart68 .chart-slice,
.chart.chart67 .chart-slice,
.chart.chart66 .chart-slice,
.chart.chart65 .chart-slice,
.chart.chart64 .chart-slice,
.chart.chart63 .chart-slice,
.chart.chart62 .chart-slice,
.chart.chart61 .chart-slice,
.chart.chart60 .chart-slice,
.chart.chart59 .chart-slice,
.chart.chart58 .chart-slice,
.chart.chart57 .chart-slice,
.chart.chart56 .chart-slice,
.chart.chart55 .chart-slice,
.chart.chart54 .chart-slice,
.chart.chart53 .chart-slice,
.chart.chart52 .chart-slice,
.chart.chart51 .chart-slice {
  clip: rect(auto, auto, auto, auto);
}
.chart-pie,
.chart.chart100 .chart-fill,
.chart.chart99 .chart-fill,
.chart.chart98 .chart-fill,
.chart.chart97 .chart-fill,
.chart.chart96 .chart-fill,
.chart.chart95 .chart-fill,
.chart.chart94 .chart-fill,
.chart.chart93 .chart-fill,
.chart.chart92 .chart-fill,
.chart.chart91 .chart-fill,
.chart.chart90 .chart-fill,
.chart.chart89 .chart-fill,
.chart.chart88 .chart-fill,
.chart.chart87 .chart-fill,
.chart.chart86 .chart-fill,
.chart.chart85 .chart-fill,
.chart.chart84 .chart-fill,
.chart.chart83 .chart-fill,
.chart.chart82 .chart-fill,
.chart.chart81 .chart-fill,
.chart.chart80 .chart-fill,
.chart.chart79 .chart-fill,
.chart.chart78 .chart-fill,
.chart.chart77 .chart-fill,
.chart.chart76 .chart-fill,
.chart.chart75 .chart-fill,
.chart.chart74 .chart-fill,
.chart.chart73 .chart-fill,
.chart.chart72 .chart-fill,
.chart.chart71 .chart-fill,
.chart.chart70 .chart-fill,
.chart.chart69 .chart-fill,
.chart.chart68 .chart-fill,
.chart.chart67 .chart-fill,
.chart.chart66 .chart-fill,
.chart.chart65 .chart-fill,
.chart.chart64 .chart-fill,
.chart.chart63 .chart-fill,
.chart.chart62 .chart-fill,
.chart.chart61 .chart-fill,
.chart.chart60 .chart-fill,
.chart.chart59 .chart-fill,
.chart.chart58 .chart-fill,
.chart.chart57 .chart-fill,
.chart.chart56 .chart-fill,
.chart.chart55 .chart-fill,
.chart.chart54 .chart-fill,
.chart.chart53 .chart-fill,
.chart.chart52 .chart-fill,
.chart.chart51 .chart-fill,
.chart .chart-bar {
  position: absolute;
  border: 0.08em solid var(--primary);
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.chart-pie-fill,
.chart.chart100 .chart-fill,
.chart.chart100 .chart-bar:after,
.chart.chart99 .chart-fill,
.chart.chart99 .chart-bar:after,
.chart.chart98 .chart-fill,
.chart.chart98 .chart-bar:after,
.chart.chart97 .chart-fill,
.chart.chart97 .chart-bar:after,
.chart.chart96 .chart-fill,
.chart.chart96 .chart-bar:after,
.chart.chart95 .chart-fill,
.chart.chart95 .chart-bar:after,
.chart.chart94 .chart-fill,
.chart.chart94 .chart-bar:after,
.chart.chart93 .chart-fill,
.chart.chart93 .chart-bar:after,
.chart.chart92 .chart-fill,
.chart.chart92 .chart-bar:after,
.chart.chart91 .chart-fill,
.chart.chart91 .chart-bar:after,
.chart.chart90 .chart-fill,
.chart.chart90 .chart-bar:after,
.chart.chart89 .chart-fill,
.chart.chart89 .chart-bar:after,
.chart.chart88 .chart-fill,
.chart.chart88 .chart-bar:after,
.chart.chart87 .chart-fill,
.chart.chart87 .chart-bar:after,
.chart.chart86 .chart-fill,
.chart.chart86 .chart-bar:after,
.chart.chart85 .chart-fill,
.chart.chart85 .chart-bar:after,
.chart.chart84 .chart-fill,
.chart.chart84 .chart-bar:after,
.chart.chart83 .chart-fill,
.chart.chart83 .chart-bar:after,
.chart.chart82 .chart-fill,
.chart.chart82 .chart-bar:after,
.chart.chart81 .chart-fill,
.chart.chart81 .chart-bar:after,
.chart.chart80 .chart-fill,
.chart.chart80 .chart-bar:after,
.chart.chart79 .chart-fill,
.chart.chart79 .chart-bar:after,
.chart.chart78 .chart-fill,
.chart.chart78 .chart-bar:after,
.chart.chart77 .chart-fill,
.chart.chart77 .chart-bar:after,
.chart.chart76 .chart-fill,
.chart.chart76 .chart-bar:after,
.chart.chart75 .chart-fill,
.chart.chart75 .chart-bar:after,
.chart.chart74 .chart-fill,
.chart.chart74 .chart-bar:after,
.chart.chart73 .chart-fill,
.chart.chart73 .chart-bar:after,
.chart.chart72 .chart-fill,
.chart.chart72 .chart-bar:after,
.chart.chart71 .chart-fill,
.chart.chart71 .chart-bar:after,
.chart.chart70 .chart-fill,
.chart.chart70 .chart-bar:after,
.chart.chart69 .chart-fill,
.chart.chart69 .chart-bar:after,
.chart.chart68 .chart-fill,
.chart.chart68 .chart-bar:after,
.chart.chart67 .chart-fill,
.chart.chart67 .chart-bar:after,
.chart.chart66 .chart-fill,
.chart.chart66 .chart-bar:after,
.chart.chart65 .chart-fill,
.chart.chart65 .chart-bar:after,
.chart.chart64 .chart-fill,
.chart.chart64 .chart-bar:after,
.chart.chart63 .chart-fill,
.chart.chart63 .chart-bar:after,
.chart.chart62 .chart-fill,
.chart.chart62 .chart-bar:after,
.chart.chart61 .chart-fill,
.chart.chart61 .chart-bar:after,
.chart.chart60 .chart-fill,
.chart.chart60 .chart-bar:after,
.chart.chart59 .chart-fill,
.chart.chart59 .chart-bar:after,
.chart.chart58 .chart-fill,
.chart.chart58 .chart-bar:after,
.chart.chart57 .chart-fill,
.chart.chart57 .chart-bar:after,
.chart.chart56 .chart-fill,
.chart.chart56 .chart-bar:after,
.chart.chart55 .chart-fill,
.chart.chart55 .chart-bar:after,
.chart.chart54 .chart-fill,
.chart.chart54 .chart-bar:after,
.chart.chart53 .chart-fill,
.chart.chart53 .chart-bar:after,
.chart.chart52 .chart-fill,
.chart.chart52 .chart-bar:after,
.chart.chart51 .chart-fill,
.chart.chart51 .chart-bar:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.chart {
  position: relative;
  font-size: 160px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 0 0.1em 0.1em 0;
  background-color: #dae0e5;
}
.chart *,
.chart *:after,
.chart *:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.chart.center {
  margin: 0 auto;
}
@media only screen and (max-width: 992px) {
  .chart.center {
    margin: 0 auto var(--gutterlarge);
  }
}
.chart .chart-value {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: var(--chart-value);
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.chart:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #f8f9fa;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.chart .chart-slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.chart .chart-bar {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.chart.chart1 .chart-bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.chart.chart2 .chart-bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.chart.chart3 .chart-bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.chart.chart4 .chart-bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.chart.chart5 .chart-bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.chart.chart6 .chart-bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.chart.chart7 .chart-bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.chart.chart8 .chart-bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.chart.chart9 .chart-bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.chart.chart10 .chart-bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.chart.chart11 .chart-bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.chart.chart12 .chart-bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.chart.chart13 .chart-bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.chart.chart14 .chart-bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.chart.chart15 .chart-bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.chart.chart16 .chart-bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.chart.chart17 .chart-bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.chart.chart18 .chart-bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.chart.chart19 .chart-bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.chart.chart20 .chart-bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.chart.chart21 .chart-bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.chart.chart22 .chart-bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.chart.chart23 .chart-bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.chart.chart24 .chart-bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.chart.chart25 .chart-bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.chart.chart26 .chart-bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.chart.chart27 .chart-bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.chart.chart28 .chart-bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.chart.chart29 .chart-bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.chart.chart30 .chart-bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.chart.chart31 .chart-bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.chart.chart32 .chart-bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.chart.chart33 .chart-bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.chart.chart34 .chart-bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.chart.chart35 .chart-bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.chart.chart36 .chart-bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.chart.chart37 .chart-bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.chart.chart38 .chart-bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.chart.chart39 .chart-bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.chart.chart40 .chart-bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.chart.chart41 .chart-bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.chart.chart42 .chart-bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.chart.chart43 .chart-bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.chart.chart44 .chart-bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.chart.chart45 .chart-bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.chart.chart46 .chart-bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.chart.chart47 .chart-bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.chart.chart48 .chart-bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.chart.chart49 .chart-bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.chart.chart50 .chart-bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.chart.chart51 .chart-bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.chart.chart52 .chart-bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.chart.chart53 .chart-bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.chart.chart54 .chart-bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.chart.chart55 .chart-bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.chart.chart56 .chart-bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.chart.chart57 .chart-bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.chart.chart58 .chart-bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.chart.chart59 .chart-bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.chart.chart60 .chart-bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.chart.chart61 .chart-bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.chart.chart62 .chart-bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.chart.chart63 .chart-bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.chart.chart64 .chart-bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.chart.chart65 .chart-bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.chart.chart66 .chart-bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.chart.chart67 .chart-bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.chart.chart68 .chart-bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.chart.chart69 .chart-bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.chart.chart70 .chart-bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.chart.chart71 .chart-bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.chart.chart72 .chart-bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.chart.chart73 .chart-bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.chart.chart74 .chart-bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.chart.chart75 .chart-bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.chart.chart76 .chart-bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.chart.chart77 .chart-bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.chart.chart78 .chart-bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.chart.chart79 .chart-bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.chart.chart80 .chart-bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.chart.chart81 .chart-bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.chart.chart82 .chart-bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.chart.chart83 .chart-bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.chart.chart84 .chart-bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.chart.chart85 .chart-bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.chart.chart86 .chart-bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.chart.chart87 .chart-bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.chart.chart88 .chart-bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.chart.chart89 .chart-bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.chart.chart90 .chart-bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.chart.chart91 .chart-bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.chart.chart92 .chart-bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.chart.chart93 .chart-bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.chart.chart94 .chart-bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.chart.chart95 .chart-bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.chart.chart96 .chart-bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.chart.chart97 .chart-bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.chart.chart98 .chart-bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.chart.chart99 .chart-bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.chart.chart100 .chart-bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.chart-list-colors {
  min-width: 96px;
  margin: 0;
  padding: 0;
  font-size: 0.73rem;
}
.chart-list-colors li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-bottom: var(--gap);
}
.chart-list-colors li .color {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: var(--gap);
  flex-shrink: 0;
}
.chart-list-colors li .label {
  font-weight: 500;
}
.color-game-1 {
  background-color: #00f690;
}
.color-game-2 {
  background-color: #497fc5;
}
.color-game-3 {
  background-color: #49b2c3;
}
.color-game-4 {
  background-color: #216ca7;
}
.color-game-5 {
  background-color: #f7b431;
}
.color-game-6 {
  background-color: #f08475;
}
.color-game-7 {
  background-color: #e94730;
}
.color-game-8 {
  background-color: var(--primary);
}
.color-game-9 {
  background-color: #757575;
}
.color-game-10 {
  background-color: var(--pale-blue);
}
.color-game-11 {
  background-color: #50b3df;
}
.color-game-12 {
  background-color: #66b2ff;
}
.color-game-13 {
  background-color: #b3d8ff;
}
.color-game-14 {
  background-color: #e6f2ff;
}
.color-game-15 {
  background-color: #f0f7ff;
}
.color-game-others {
  background-color: color("grey", "darken-4");
}
.color-grey-darken-1 {
  background-color: color("grey", "darken-1");
}
.color-grey-darken-2 {
  background-color: color("grey", "darken-2");
}
.color-grey-darken-3 {
  background-color: color("grey", "darken-3");
}
.color-grey-darken-4 {
  background-color: color("grey", "darken-4");
}
.chart-progress {
  max-width: 100px;
  height: 10px;
  overflow: hidden;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.chart-progress:hover {
  display: flex;
  opacity: initial;
  z-index: 9999;
}
.charts-canvas.block-charts {
  max-width: 500px;
  padding-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .charts-canvas.block-charts {
    max-width: 350px;
  }
}
.charts-canvas.block-charts.big {
  max-width: 600px;
}
@media only screen and (max-width: 992px) {
  .charts-canvas.block-charts.big {
    max-width: 400px;
  }
}
.charts-canvas.block-charts.normal {
  max-width: 350px;
}
.chart-color-notstart {
  background-color: #e94730;
}
.chart-color-playing {
  background-color: #f7b431;
}
.chart-color-finished {
  background-color: #00f690;
}
.doughnut-chart-middle .doughnut-chart-middle-text {
  font-size: 2em;
  color: #9fadba;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin-top: -30%;
}
.color-game-16 {
  background-color: #dae0e5;
}
.no-templatestrings .not-supported {
  width: 100%;
  max-width: 50%;
  margin: 0 auto;
  display: flex !important;
  align-items: center;
  font-size: 24px;
  padding: 30px;
  color: #fff;
  border-radius: 12px;
  background-color: var(--primary);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.not-supported {
  display: none;
}
html {
  font-family: var(--basefont);
  color: var(--charcoal-grey);
  background-color: var(--pale-grey);
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}
body {
  margin: 0;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
ul:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}
ul:not(.browser-default) > li {
  list-style-type: none;
}
a {
  color: var(--primary);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
.choose-first-enrollment .btn {
  line-height: 16px;
}
.choose-first-enrollment .mdi {
  margin-right: 2px;
}
.main__pad.courses {
  padding-left: 0;
  padding-right: 0;
}
.main__void {
  position: relative;
  height: calc(100vh - 200px);
  display: flex;
  align-items: center;
  flex-direction: column;
  color: var(--charcoal-grey);
  font-weight: 300;
  padding-top: 140px;
}
.main__void--title {
  font-size: 24px;
  margin: 24px 0 10px;
}
.main__void--subtitle {
  font-size: 16px;
  margin-bottom: 32px;
}
.main__void--icon {
  color: var(--deep-sky-blue);
  font-size: 80px;
  line-height: 0;
}
.mars-sessions-list {
  height: 315px;
  overflow: auto;
}
.range--graphic {
  position: relative;
}
.range--graphic__bars,
.range--graphic__percents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.range--graphic__bars {
  font-size: 0.75rem;
  height: 1.4rem;
  line-height: 1.4rem;
  font-weight: bold;
  color: white;
}
.range--graphic__bars > * {
  -webkit-flex-basis: 12.5%;
  -moz-flex-basis: 12.5%;
  -ms-flex-preferred-size: 12.5%;
  flex-basis: 12.5%;
  padding-left: 0.5rem;
}
.range--graphic__bars > :first-child {
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  background: #007eff;
}
.range--graphic__bars > :last-child {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  background: #007eff;
}
.range--graphic__bars > :nth-child(2) {
  background: #cce5ff;
  color: #007eff;
}
.range--graphic__bars > :nth-child(3) {
  background: #66b2ff;
}
.range--graphic__percents {
  margin-top: 0.5rem;
  font-size: 0.87rem;
}
.range--graphic__percents > :first-child {
  -webkit-flex-basis: 55%;
  -moz-flex-basis: 55%;
  -ms-flex-preferred-size: 55%;
  flex-basis: 55%;
}
.range--graphic__percents > * {
  -webkit-flex-basis: 12.5%;
  -moz-flex-basis: 12.5%;
  -ms-flex-preferred-size: 12.5%;
  flex-basis: 12.5%;
}
.range--graphic__percents > :last-child {
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.range--graphic__tooltip {
  position: absolute;
  display: block;
  top: -1.8rem;
  white-space: nowrap;
  color: #fff;
  font-size: 14px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #007eff;
  border-radius: 4px;
  margin-left: -24px;
  width: 52px;
  text-align: center;
}
.range--graphic__tooltip:after {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #007eff;
}
.courses-cards-container {
  position: relative;
}
.courses-cards-container .table-container {
  margin: 0;
  padding: 0;
}
.courses-cards-container .table-heading {
  margin-top: 16px;
}
.courses-body {
  position: relative;
}
.courses-body.void {
  height: calc(100vh - 250px);
  display: flex;
  align-items: center;
  flex-direction: column;
  color: var(--charcoal-grey);
  font-weight: 300;
  padding-top: 140px;
}
.courses-body.void [class*=" glicon-"],
.courses-body.void [class^=glicon-] {
  color: var(--deep-sky-blue);
  font-size: 76px;
}
.courses-body.void [class*=" glicon-"].courses-icon,
.courses-body.void [class^=glicon-].courses-icon {
  font-size: 70px;
}
.courses-void__title {
  font-size: 24px;
  margin: 24px 0 10px;
}
.courses-void__subtitle {
  font-size: 16px;
  margin-bottom: 32px;
}
.courses-toolbar {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.courses-toolbar .gl-select,
.courses-toolbar gl-select,
.courses-toolbar lms-select-dropdown {
  min-width: 200px;
}
.courses-tabs {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  color: var(--light-grey-blue);
  font-size: var(--x-small);
  font-weight: 300;
  text-align: center;
}
.courses-tabs__item {
  height: 28px;
  margin-right: var(--gutterwidth);
  padding: 0 4px;
  border-bottom: 4px solid transparent;
  font-weight: 400;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.courses-tabs__item:hover {
  border-bottom: 4px solid transparent;
  color: var(--deep-sky-blue);
}
.courses-tabs__item.active {
  color: var(--deep-sky-blue);
  border-bottom: 4px solid var(--deep-sky-blue);
}
.courses-toolbar__actions {
  display: flex;
  align-items: center;
}
.courses-toolbar__actions--item {
  margin-left: 16px;
}
.courses-toolbar__actions .search-box input[type=search] {
  width: 248px;
}
.courses-view {
  display: flex;
  align-items: center;
  font-size: 20px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.courses-view [class*=" glicon-"],
.courses-view [class^=glicon-] {
  margin-right: 20px;
}
.courses-view [class*=" glicon-"]:first-child,
.courses-view [class^=glicon-]:first-child {
  margin-left: 9px;
}
.courses-view [class*=" glicon-"].active,
.courses-view [class*=" glicon-"]:hover,
.courses-view [class^=glicon-].active,
.courses-view [class^=glicon-]:hover {
  color: var(--deep-sky-blue);
}
.courses-settings {
  position: relative;
  font-size: 26px;
  color: var(--deep-sky-blue);
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.courses-settings [class*=" glicon-"]:hover ~ .courses-settings__tooltip,
.courses-settings [class^=glicon-]:hover ~ .courses-settings__tooltip {
  display: flex;
}
.courses-settings__tooltip {
  position: absolute;
  top: 100%;
  right: 0;
  width: 160px;
  height: 36px;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  box-shadow: 0 0 20px -1px rgba(10, 22, 70, 0.24);
  background-color: var(--white);
  color: var(--charcoal-grey);
  font-size: 12px;
  font-weight: 200;
}
.courses-cards {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(236px, 236px));
  gap: 16px;
  padding: 16px 0;
}
.courses-cards.modal-cards {
  grid-template-columns: repeat(4, minmax(236px, 236px));
}
.courses-cards__item {
  position: relative;
  width: 100%;
  height: 290px;
  border-radius: 4px;
  box-shadow: var(--shadow-card);
  background-color: var(--white);
  color: var(--charcoal-grey);
}
.courses-cards__item:hover {
  box-shadow: var(--shadow-card-elevation);
}
.courses-cards__item:hover .courses-cards__actions {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
  z-index: 2;
}
.courses-cards__item:hover .courses-cards__selectable {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}
.courses-cards__item.checked:hover .courses-cards__actions {
  opacity: 0;
}
.courses-cards__item.selected {
  background-color: rgba(63, 65, 70, 0.2);
  border: solid 3px var(--deep-sky-blue);
}
.courses-cards__item.itineraryType {
  height: 280px;
}
.courses-cards__item.selectorType {
  height: 260px;
}
.courses-cards__block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--light-grey-blue-two);
  font-size: 11px;
  font-weight: 400;
  padding-bottom: 8px;
}
.courses-cards__block .duration {
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border-radius: 4px;
  background-color: var(--pale-grey-two);
  color: var(--azure);
  font-weight: 500;
}
.courses-cards__check {
  position: absolute;
  left: 14px;
  top: 14px;
  width: 20px;
  height: 20px;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--white);
  font-size: var(--medium);
  color: var(--primary);
  z-index: 1;
}
.courses-cards__check.active {
  display: flex;
}
.courses-cards__actions {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: rgba(63, 65, 70, 0.85);
  opacity: 0;
}
.courses-cards__actions .btn {
  border: none;
}
.courses-cards__actions .btn:hover {
  background-color: var(--deep-sky-blue);
  color: var(--white);
}
.courses-cards__actions--delete {
  cursor: pointer;
  color: var(--white);
  font-size: 20px;
  line-height: 0;
  position: absolute;
  top: 14px;
  right: 14px;
  transition: var(--transition);
}
.courses-cards__actions--delete:hover {
  opacity: 0.8;
}
.courses-cards__actions .courses-cards__publish-button {
  margin-top: var(--gutterwidth);
}
.courses-cards__image {
  position: relative;
  width: 100%;
  height: 130px;
  border-radius: 4px 4px 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/campus/game-cards/bg_game_card_default01.jpg);
}
.courses-cards__item:nth-child(2n) .courses-cards__image {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/campus/game-cards/bg_game_card_default02.jpg);
}
.courses-cards__item:nth-child(3n) .courses-cards__image {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/campus/game-cards/bg_game_card_default03.jpg);
}
.courses-cards__item:nth-child(4n) .courses-cards__image {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/campus/game-cards/bg_game_card_default04.jpg);
}
.courses-cards__item:nth-child(5n) .courses-cards__image {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/campus/game-cards/bg_game_card_default05.jpg);
}
.courses-cards__item:nth-child(6n) .courses-cards__image {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/campus/game-cards/bg_game_card_default06.jpg);
}
.courses-cards__image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  border-radius: 4px 4px 0 0;
}
.courses-cards__label {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--coral);
  color: var(--white);
  font-size: 10px;
  font-weight: 300;
  text-align: center;
  line-height: 12px;
  padding: 6px 8px;
}
.courses-cards__status-label {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  min-width: 80px;
  height: 24px;
  display: flex;
  align-items: center;
  border-radius: 4px 0;
  color: var(--white);
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  padding: var(--gap);
}
.courses-cards__status-label [class*=" glicon-"],
.courses-cards__status-label [class^=glicon-] {
  font-size: var(--x-small);
  font-weight: 700;
  margin-right: 4px;
}
.courses-cards__publish-label {
  background-color: var(--success);
}
.courses-cards__draft-label {
  background-color: var(--yellowish-orange);
}
.courses-cards__withdrawn-label {
  background-color: var(--charcoal-grey);
}
.courses-cards__withdrawn-label.notItinerary {
  width: 100%;
  height: 32px;
  bottom: 0;
  left: 0;
  top: auto;
  background-color: rgba(38, 42, 49, 0.8);
  border-radius: 0;
  font-size: var(--x-small);
  font-weight: 300;
  text-align: center;
  line-height: 14px;
  justify-content: center;
}
.courses-cards__access-label {
  background-color: var(--charcoal-grey);
  line-height: 10px;
}
.courses-cards__data {
  width: 100%;
  padding: 14px;
}
.courses-cards__title {
  min-height: 22px;
  font-weight: 500;
  font-size: var(--x-small);
  padding-bottom: var(--gap);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.courses-cards__topic {
  min-height: 22px;
  font-weight: 400;
  font-size: 11px;
  padding-bottom: var(--gap);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.courses-cards__originator {
  min-height: 22px;
  font-weight: 400;
  font-size: 11px;
  color: var(--light-grey-blue-two);
  padding-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.courses-cards__description {
  height: 70px;
  font-weight: 300;
  font-size: var(--small);
  padding-bottom: var(--gap);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.itineraryType .courses-cards__description {
  height: 58px;
  -webkit-line-clamp: 3;
}
.courses-cards__visible {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--orange);
  font-weight: 400;
  font-size: 11px;
  padding-top: 8px;
}
.courses-cards__info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  color: var(--orange);
  font-weight: 400;
  font-size: 11px;
  line-height: 15px;
  padding: 0 14px 14px;
}
.courses-cards__settings:hover {
  width: 100%;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.courses-cards__settings:hover [class*=" glicon-"],
.courses-cards__settings:hover [class^=glicon-] {
  color: var(--deep-sky-blue);
}
.courses-cards__settings:hover ul {
  display: block;
}
.courses-cards__settings [class*=" glicon-"],
.courses-cards__settings [class^=glicon-] {
  position: absolute;
  right: 16px;
  top: 16px;
  color: white;
  font-size: var(--s-big);
  cursor: pointer;
}
.courses-cards__settings ul {
  position: absolute;
  right: 16px;
  top: 32px;
  width: 160px;
  height: 66px;
  border-radius: 6px;
  box-shadow: 0 0 20px -1px rgba(10, 22, 70, 0.24);
  background-color: var(--white);
  font-size: var(--small);
  font-weight: 300;
  padding: 0 16px;
  display: none;
}
.courses-cards__settings ul li {
  display: flex;
  align-items: center;
  height: 32px;
}
.courses-cards__selectable {
  position: absolute;
  left: 0;
  top: 0;
  border: 3px solid transparent;
  opacity: 0;
  padding: 14px;
  z-index: 3;
}
.checked .courses-cards__selectable {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: 3px solid #007eff;
  background-color: rgba(63, 65, 70, 0.85);
  opacity: 1;
}
.courses-detail__header {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.courses-detail__name {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: var(--gutterwidth);
}
.itineraries-detail .courses-detail__name {
  max-width: 80%;
  line-height: 26px;
  padding-bottom: 18px;
}
.courses-detail__info {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 300;
  margin: 0;
  padding: 0 0 var(--gutterwidth);
}
.itineraries-detail .courses-detail__info {
  padding: 0 0 32px;
}
.courses-detail__info.description {
  font-size: 14px;
  padding: 0 0 40px;
}
.courses-detail__info li {
  padding-right: 40px;
  min-height: 36px;
}
.courses-detail__info li div:first-child {
  font-weight: 500;
  margin-bottom: 5px;
}
.courses-detail__title {
  font-size: 16px;
  font-weight: 500;
}
.courses-detail__title.label-description {
  margin-bottom: 8px !important;
}
.courses-detail__dynamic-form {
  margin-left: -12px;
}
.courses-detail__dynamic-form h4.h4 {
  font-size: 14px;
  font-weight: 500;
}
.courses-notification-row {
  border-bottom: solid 1px var(--pale-blue);
  color: var(--charcoal-grey);
  font-size: 14px;
  font-weight: 200;
  display: flex;
  align-items: center;
  height: 37px;
}
.courses-notification-row lms-question:first-child {
  min-width: 25%;
}
.courses-detail__config {
  position: relative;
  align-self: flex-start;
}
.courses-detail__draw {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border-radius: 4px;
  border: solid 1px #e1e4e8;
  background-color: rgba(0, 126, 255, 0.08);
  color: var(--charcoal-grey);
  font-size: 12px;
  font-weight: 300;
  line-height: 17px;
  padding: 12px;
  margin-bottom: 24px;
}
.courses-detail__draw .text {
  padding-bottom: 16px;
}
.courses-detail__draw a {
  cursor: pointer;
  font-weight: 400;
}
.courses-detail__draw a:hover {
  color: #005fbf;
}
.gl-menu {
  border-radius: 6px;
  box-shadow: 0 32px 40px -2px rgba(10, 22, 70, 0.12), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  border: solid 1px var(--pale-grey-three);
  background-color: #ffffff;
  font-size: var(--small);
}
.gl-menu__toggleicon.v-icon:hover {
  color: var(--primary) !important;
}
.gl-menu__title {
  font-weight: 500;
  border-bottom: solid 1px var(--pale-blue);
  padding: 8px 16px;
}
.gl-menu .gl-menu__appslist,
.gl-menu .gl-menu__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.gl-menu .gl-menu__appslist {
  display: flex;
  justify-content: space-around;
}
.gl-menu__appitem {
  padding: 8px 10px;
}
.gl-menu__appitem.active,
.gl-menu__appitem:hover {
  border-radius: 4px;
  background-color: var(--pale-blue);
}
.gl-menu__languages {
  display: flex;
  align-items: center;
  color: var(--charcoal-grey);
  cursor: pointer;
  font-size: 12px;
  font-weight: 300;
  height: 34px;
  padding: 8px 12px;
  transition: var(--transition);
  min-width: 160px;
}
.gl-menu__languages:first-child {
  border-radius: 6px 6px 0 0;
}
.gl-menu__languages:last-child {
  border-radius: 0 0 6px 6px;
}
.gl-menu__languages.active,
.gl-menu__languages:hover {
  background-color: var(--pale-blue);
}
.gl-menu__languages .flag-circle {
  width: 20px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 8px;
}
.gl-menu__languages .flag-circle.es {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/spanish-flag.svg);
}
.gl-menu__languages .flag-circle.fr {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/french-flag.svg);
}
.gl-menu__languages .flag-circle.en {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/english-flag.svg);
}
.gl-menu__languages .flag-circle.de {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/german-flag.svg);
}
.gl-menu__client {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  top: 20px;
  left: 252px;
}
.small-bar .gl-menu__client {
  left: 83px;
}
.gl-menu__client--item {
  transition: var(--transition);
}
.gl-menu__client--item .lang {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
.gl-menu__link {
  padding: 8px 16px;
  font-weight: 300;
  transition: var(--transition);
}
.profile-type .gl-menu__link {
  border-bottom: 0.5px solid var(--pale-blue);
}
.profile-type .gl-menu__link:last-child {
  border-bottom: none;
}
.profile-type .gl-menu__link a {
  color: var(--charcoal-grey);
}
.profile-type .gl-menu__link [class*=" glicon-"],
.profile-type .gl-menu__link [class^=glicon-] {
  color: #9da5b4;
}
.gl-menu__link--pointer {
  cursor: pointer;
}
.gl-menu__link--pointer:hover {
  background-color: var(--pale-blue);
}
.gl-select {
  min-width: 64px;
  max-width: 600px;
}
.gl-select.min {
  max-width: 80px;
}
.gl-select.small .gl-select-item {
  height: 30px;
}
.gl-select.large .gl-select-item {
  height: 48px;
}
.gl-select__label {
  width: 100%;
  color: var(--dusk);
  font-size: 12px;
  font-weight: 200;
  text-align: left;
  padding-bottom: 6px;
}
.gl-select-item {
  position: relative;
  width: 100%;
  height: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: var(--transition);
  border-radius: 4px;
  border: solid 1px #e1e4e8;
  background-color: white;
  color: var(--charcoal-grey);
  line-height: 14px;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
  padding: 0 12px;
}
.gl-select-item:hover [class^=glicon-],
.gl-select-item:hover [class*=" glicon-"] {
  color: var(--primary);
}
.gl-select-item.disabled,
.enrollment-disabled a.gl-select-item {
  background-color: #e1e4e8;
  border: solid 1px #e1e4e8;
  color: var(--charcoal-grey);
  cursor: not-allowed;
}
.gl-select-item.disabled [class^=glicon-],
.enrollment-disabled a.gl-select-item [class^=glicon-],
.gl-select-item.disabled [class*=" glicon-"],
.enrollment-disabled a.gl-select-item [class*=" glicon-"] {
  color: #b0b7c3;
}
.gl-select-item.open {
  border: solid 1px var(--primary);
  color: var(--charcoal-grey);
}
.gl-select-item.open [class^=glicon-],
.gl-select-item.open [class*=" glicon-"] {
  color: var(--primary);
  font-size: 20px;
  transform: rotate(-180deg);
}
.gl-select-item.open .gl-dropdown {
  display: block;
  z-index: 3;
}
.gl-select-item [class^=glicon-],
.gl-select-item [class*=" glicon-"] {
  color: var(--charcoal-grey);
  font-size: var(--medium);
  line-height: 0;
  margin-left: 8px;
  transition: var(--transition);
}
.gl-selected-item {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
}
.gl-selected-item.placeholder {
  color: #b0b7c3;
  font-size: 14px;
  font-weight: 300;
}
.gl-dropdown {
  position: absolute;
  left: 0;
  top: calc(100% + 1px);
  z-index: 1;
  display: none;
  width: 100%;
  max-height: 216px;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 32px 40px -2px rgba(10, 22, 70, 0.12), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  background-color: white;
  color: var(--charcoal-grey);
  font-size: 0.75rem;
  transition: var(--transition);
  overflow-y: auto;
}
.gl-dropdown.open {
  display: block;
}
.gl-dropdown__option {
  width: 100%;
  height: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  transition: var(--transition);
  font-size: 14px;
  font-weight: 300;
  padding: 0 12px;
}
.gl-dropdown__option.disabled,
.enrollment-disabled a.gl-dropdown__option {
  background-color: transparent;
  cursor: not-allowed;
  color: #cdd0d4;
}
.gl-dropdown__option.selected,
.gl-dropdown__option:hover {
  background-color: #e1e4e8;
}
.gl-dropdown__option:last-child {
  border-bottom: none;
}
.gl-dropdown__option.separator {
  border-bottom: 1px solid var(--pale-blue);
}
.gl-menu-subseccion {
  width: 100%;
  position: absolute;
  left: 0;
  top: 112px;
}
.gl-menu-subseccion__list {
  width: 100%;
  height: 62px;
  display: flex;
  align-items: center;
  background-color: var(--white);
  padding: 0 24px;
}
.gl-menu-subseccion__list--item {
  margin-right: 24px;
}
.gl-menu-subseccion__list--item a {
  color: #858a94;
  font-size: 14px;
  font-weight: 300;
  transition: var(--transition);
}
.gl-menu-subseccion__list--item a:hover {
  color: var(--primary);
}
.lms-toolbar {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 16px 0 0;
}
.lms-toolbar.void {
  padding: 0;
}
.lms-toolbar__item {
  display: flex;
  align-items: center;
  padding-left: 16px;
}
.lms-toolbar__secondary {
  width: 100%;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  padding: 0 24px;
}
.lms-toolbar__secondary .list-counter {
  font-size: 12px;
  font-weight: 300;
  color: var(--charcoal-grey);
}
.lms-toolbar__secondary .actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}
.lms-toolbar__secondary.translate {
  margin-top: 24px;
}
.lms-toolbar__secondary.translate a:last-child {
  padding-left: 20px;
  position: relative;
}
.lms-toolbar__secondary.translate a:last-child:before {
  content: "";
  position: absolute;
  left: 0;
  top: -4px;
  width: 1px;
  height: 23px;
  background-color: var(--pale-blue);
}
.lms-toolbar__secondary a {
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  margin-left: 20px;
  transition: var(--transition);
}
.lms-toolbar__secondary a.cancel {
  margin-left: 10px;
  border-left: 1px solid var(--pale-blue);
  padding-left: 10px;
}
.lms-toolbar__secondary a:hover {
  color: #005fbf;
}
.lms-toolbar__secondary.hidden {
  display: none;
}
.lms-toolbar.hidden {
  display: none;
}
.lms-toolbar__block {
  display: flex;
  align-items: center;
}
.lms-toolbar__block.myAccount {
  margin-top: 16px;
}
.lms-toolbar__void {
  padding-bottom: 16px;
}
.lms-toolbar .list-counter {
  font-size: 12px;
  font-weight: 300;
  color: var(--charcoal-grey);
}
.lms-toolbar .search-box input[type=search],
.lms-toolbar .search-box input[type=search].active,
.lms-toolbar .search-box input[type=search]:focus,
.lms-toolbar .search-box input[type=search]:not(.browser-default):focus:not([readonly]) {
  width: 248px;
}
.lms-toolbar gl-context-menu {
  cursor: pointer;
}
.lms-toolbar__info {
  font-size: var(--small);
  font-weight: 300;
}
.lms-toolbar__info.position-left {
  position: absolute;
  left: 0;
  bottom: 0;
}
.lms-toolbar__info b {
  font-weight: 500;
}
.lms-toolbar__showItems {
  display: flex;
  align-items: center;
}
.lms-toolbar__showItems--label {
  color: #82868e;
  font-size: 12px;
  font-weight: 300;
  margin-right: 8px;
}
.lms-toolbar__selector {
  min-width: 200px;
  padding-top: 16px;
}
.itinerary-translations__toolbar {
  padding: 19px 0 16px;
}
.lms-labels {
  display: grid;
  grid-template-columns: 72px 72px;
  gap: 5px;
  padding-right: 10px;
}
.lms-labels__item {
  width: 72px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 0;
  background-color: #c3ccdc;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lms-labels__item:nth-child(2) {
  background-color: rgba(0, 126, 255, 0.24);
}
.lms-labels__item:nth-child(3) {
  background-color: #c3dcd7;
}
.lms-labels__item:nth-child(4) {
  background-color: #ff824d;
}
.lms-labels__item:nth-child(5) {
  background-color: #005fbf;
}
.itineraries-detail {
  width: 100%;
  padding: 28px 38px;
}
.itineraries-detail__courses {
  max-width: 916px;
  margin-top: 16px;
  background-color: var(--white);
}
.itineraries-detail__courses--item {
  border-bottom: solid 0.8px var(--light-blue-grey-two);
}
.itineraries-detail__courses--item:last-child {
  border-bottom: none;
}
.itineraries-detail__courses--item:last-child .itinerary-course-item {
  border-bottom: none;
}
.itineraries-form {
  width: 100%;
  padding: 24px 6px;
}
.itineraries-form__switch {
  position: absolute;
  top: 0;
  right: -6px;
  font-weight: 300;
  font-size: 14px;
  color: var(--charcoal-grey);
}
.itineraries-form__title {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.itineraries-form__title [class*=" glicon-"],
.itineraries-form__title [class^=glicon-] {
  color: #82868e;
}
.itineraries-form__title button {
  margin-left: 6px;
  top: 1px;
}
.itineraries-form__cards {
  width: 100%;
}
.itineraries-form__cards > div {
  background-color: var(--pale-grey);
}
.itineraries-form__cards--item {
  max-width: 916px;
  border-top: solid 0.1px transparent;
  border-bottom: solid 0.8px var(--light-blue-grey-two);
}
.itineraries-form__cards--item:hover {
  background-color: var(--ice-blue);
  border-top: solid 0.8px var(--primary);
  border-bottom: solid 0.8px var(--primary);
}
.itineraries-form__cards--item.cdk-drag-disabled:hover {
  background-color: transparent;
  border-color: transparent;
  border-bottom: solid 0.8px var(--light-blue-grey-two);
}
.itineraries-form__cards--item.cdk-drag-disabled:first-child {
  border-top: solid 0.8px var(--light-blue-grey-two);
}
.itineraries-form__cards--item.cdk-drag-disabled:first-child:hover {
  border-top: solid 0.8px var(--light-blue-grey-two);
}
.itineraries-form__cards--item:first-child {
  border-top: solid 0.8px var(--light-blue-grey-two);
}
.itineraries-form__cards--item:first-child:hover {
  border-top: solid 0.8px var(--primary);
}
.itineraries-form__button {
  padding-bottom: var(--gutterwidth);
}
.form-container .itineraries-form__button {
  margin: 0;
}
.itineraries-form__image--title {
  color: var(--dusk);
  font-size: 12px;
  font-weight: 300;
  padding-bottom: 10px;
}
.itineraries-form__image--title .mandatory {
  color: var(--coral);
}
.itineraries-form textarea {
  width: 100%;
  height: 179px;
  resize: none;
}
.itineraries-form .form-container {
  padding-top: 24px;
}
.itineraries-form .form-container .select-wrapper {
  max-width: 400px;
}
.itineraries-form .row .col {
  padding: 0;
}
.itineraries-no-result-search {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
}
.itineraries-no-result-search__icon {
  width: 140px;
  height: 88px;
  background-image: url(/public/img/no-result-search.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.itineraries-no-result-search__message {
  color: var(--charcoal-grey);
  font-size: 24px;
  font-weight: 300;
  padding-top: 32px;
}
.itineraries__gl-form {
  position: relative;
  width: 100%;
  max-width: 864px;
  margin: 0 auto;
}
.itineraries__gl-form__switch {
  position: absolute;
  top: 40px;
  right: 32px;
  z-index: 1;
}
.gl-forms-new .form__group {
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  padding-top: var(--gutterwidth);
}
.gl-forms-new .form__group.small {
  max-width: 200px;
}
.gl-forms-new .form__group.x-small {
  max-width: 240px;
}
.gl-forms-new .form__group.medium {
  max-width: 400px;
}
.gl-forms-new .form__group.large {
  max-width: 800px;
}
.gl-forms-new .form__group label {
  font-weight: 300;
  font-size: var(--small);
  color: var(--dusk);
  padding-bottom: var(--gap);
}
.gl-forms-new .form__group label .mandatory {
  color: var(--error);
  padding: 0 6px 0 3px;
}
.gl-forms-new .form__group .required {
  color: red;
}
.gl-forms-new .form__group input {
  width: 100%;
  border-radius: 2px;
  border: solid 1px var(--pale-blue);
  background-color: var(--white);
  box-sizing: border-box;
  color: var(--charcoal-grey);
  font-size: var(--x-small);
  font-weight: 400;
  margin: 0;
  padding: 0 calc(var(--gutterwidth) / 2);
  transition: var(--transition);
}
@media (min-width: 18em) {
  .gl-forms-new .form__group input {
    height: 48px;
  }
}
@media (min-width: 60em) {
  .gl-forms-new .form__group input {
    height: 36px;
  }
}
.gl-forms-new .form__group input:disabled {
  background-color: #e1e4e8;
  border: solid 1px #e1e4e8;
  color: var(--charcoal-grey);
  cursor: not-allowed;
}
.gl-forms-new .form__group input:read-only:focus {
  border: solid 1px var(--pale-blue);
}
.gl-forms-new .form__group input:focus {
  border: 1px solid var(--primary);
}
.gl-forms-new .form__group input.failed {
  background-color: rgba(255, 99, 77, 0.16);
  border: 1px solid var(--error);
}
.gl-forms-new .form__group input.failed--withshadow {
  box-shadow: 0 4px 10px 0 rgba(255, 99, 77, 0.24), inset 0 4px 6px 0 rgba(255, 99, 77, 0.32);
}
.gl-forms-new .form__group input::placeholder {
  color: var(--bluey-grey);
}
.gl-forms-new .form__group textarea {
  width: 100%;
  border-radius: 4px;
  border: solid 1px var(--pale-blue);
  background-color: var(--white);
  box-sizing: border-box;
  color: var(--charcoal-grey);
  font-size: var(--x-small);
  font-weight: 400;
  margin: 0;
  padding: calc(var(--gutterwidth) / 2);
  outline: 0;
}
.gl-forms-new .form__group textarea:disabled {
  background-color: #e1e4e8;
  border: solid 1px #e1e4e8;
  color: var(--charcoal-grey);
  cursor: not-allowed;
}
.gl-forms-new .form__group textarea::placeholder {
  color: var(--bluey-grey);
}
.gl-forms-new .form__group textarea:focus {
  border: 1px solid var(--primary);
}
.gl-forms-new .form__group .form__field--icon {
  position: relative;
}
.gl-forms-new .form__group .form__field--icon [class^=glicon-],
.gl-forms-new .form__group .form__field--icon [class*=" glicon-"] {
  position: absolute;
  right: 10px;
  cursor: pointer;
  transition: var(--transition);
}
@media (min-width: 18em) {
  .gl-forms-new .form__group .form__field--icon [class^=glicon-],
  .gl-forms-new .form__group .form__field--icon [class*=" glicon-"] {
    top: 12px;
    font-size: var(--s-big);
  }
}
@media (min-width: 60em) {
  .gl-forms-new .form__group .form__field--icon [class^=glicon-],
  .gl-forms-new .form__group .form__field--icon [class*=" glicon-"] {
    top: 7px;
    font-size: var(--medium);
  }
}
.gl-forms-new .form__group .form__field--icon [class^=glicon-]:hover,
.gl-forms-new .form__group .form__field--icon [class*=" glicon-"]:hover {
  color: var(--primary);
}
.gl-forms-new .form__group .form__field--label {
  position: relative;
}
.gl-forms-new .form__group .form__field--label .maxlength-label {
  position: absolute;
  bottom: 8px;
  right: 6px;
  color: #b0b7c3;
  font-size: 10px;
  font-weight: 300;
}
.gl-forms-new .form__error {
  display: flex;
  align-items: center;
  color: var(--error);
  font-size: var(--small);
  padding-top: var(--gap);
}
.gl-forms-new .form__error [class^=glicon-],
.gl-forms-new .form__error [class*=" glicon-"] {
  font-size: var(--normal);
  padding-right: calc(var(--gap));
}
.gl-forms-new .mandatory {
  color: var(--error);
  padding-left: 3px;
}
.gl-forms-new .radio {
  margin: calc(var(--gutterwidth) / 2) 0;
}
.gl-forms-new .radio label {
  color: var(--color-text);
  cursor: pointer;
  font-size: var(--x-small);
}
.gl-forms-new [type=radio]:checked,
.gl-forms-new [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.gl-forms-new [type=radio]:checked + label,
.gl-forms-new [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  color: var(--color-text);
  cursor: pointer;
  display: inline-block;
}
@media (min-width: 18em) {
  .gl-forms-new [type=radio]:checked + label,
  .gl-forms-new [type=radio]:not(:checked) + label {
    line-height: 19px;
  }
}
@media (min-width: 60em) {
  .gl-forms-new [type=radio]:checked + label,
  .gl-forms-new [type=radio]:not(:checked) + label {
    line-height: 18px;
  }
}
.gl-forms-new [type=radio]:checked + label:before,
.gl-forms-new [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  background: var(--white);
}
@media (min-width: 18em) {
  .gl-forms-new [type=radio]:checked + label:before,
  .gl-forms-new [type=radio]:not(:checked) + label:before {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 60em) {
  .gl-forms-new [type=radio]:checked + label:before,
  .gl-forms-new [type=radio]:not(:checked) + label:before {
    width: 18px;
    height: 18px;
  }
}
.gl-forms-new [type=radio]:checked + label:before {
  border: 1px solid var(--primary);
}
.gl-forms-new [type=radio]:not(:checked) + label:before {
  border: 1px solid var(--light-blue-grey);
}
.gl-forms-new [type=radio]:checked + label:after,
.gl-forms-new [type=radio]:not(:checked) + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--primary);
  position: absolute;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 18em) {
  .gl-forms-new [type=radio]:checked + label:after,
  .gl-forms-new [type=radio]:not(:checked) + label:after {
    top: 5px;
    left: 5px;
  }
}
@media (min-width: 60em) {
  .gl-forms-new [type=radio]:checked + label:after,
  .gl-forms-new [type=radio]:not(:checked) + label:after {
    top: 4px;
    left: 4px;
  }
}
.gl-forms-new [type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.gl-forms-new [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.gl-forms-new .checkbox {
  display: block;
}
.gl-forms-new .checkbox [type=checkbox] {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
  transition: var(--transition);
}
.gl-forms-new .checkbox label {
  position: relative;
  cursor: pointer;
}
@media (min-width: 18em) {
  .gl-forms-new .checkbox label {
    font-size: var(--small);
  }
}
@media (min-width: 60em) {
  .gl-forms-new .checkbox label {
    font-size: var(--normal);
  }
}
.gl-forms-new .checkbox label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid var(--primary);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: var(--gap);
  transition: var(--transition);
}
.gl-forms-new .checkbox [type=checkbox]:checked + label:before {
  border: 1px solid var(--primary);
  background-color: var(--primary);
  transition: var(--transition);
}
.gl-forms-new .checkbox [type=checkbox]:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid var(--white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: var(--transition);
}
@media (min-width: 18em) {
  .gl-forms-new .checkbox [type=checkbox]:checked + label:after {
    top: 1px;
  }
}
@media (min-width: 60em) {
  .gl-forms-new .checkbox [type=checkbox]:checked + label:after {
    top: 3px;
  }
}
.gl-forms-new .checkbox.small-check label {
  font-size: var(--x-small);
  transition: var(--transition);
}
@media (min-width: 60em) {
  .gl-forms-new .checkbox.small-check label:hover:before {
    border: 1px solid var(--primary);
  }
}
.gl-forms-new .checkbox.small-check label:before {
  border: 1px solid var(--light-grey-blue);
  border-radius: 2px;
  padding: 8px;
}
.gl-forms-new .checkbox.small-check [type=checkbox]:checked + label:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 11px;
}
.gl-forms-new .form__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 60px;
  padding-right: 24px;
}
.gl-forms-new input:not([type]):focus:not([readonly]),
.gl-forms-new input[type=date]:not(.browser-default):focus:not([readonly]),
.gl-forms-new input[type=datetime]:not(.browser-default):focus:not([readonly]),
.gl-forms-new input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
.gl-forms-new input[type=email]:not(.browser-default):focus:not([readonly]),
.gl-forms-new input[type=number]:not(.browser-default):focus:not([readonly]),
.gl-forms-new input[type=password]:not(.browser-default):focus:not([readonly]),
.gl-forms-new input[type=search]:not(.browser-default):focus:not([readonly]),
.gl-forms-new input[type=tel]:not(.browser-default):focus:not([readonly]),
.gl-forms-new input[type=text]:not(.browser-default):focus:not([readonly]),
.gl-forms-new input[type=time]:not(.browser-default):focus:not([readonly]),
.gl-forms-new input[type=url]:not(.browser-default):focus:not([readonly]),
.gl-forms-new textarea.materialize-textarea:focus:not([readonly]) {
  border: 1px solid var(--primary);
  box-shadow: none;
}
.gl-forms-new .table-row:last-child {
  border-bottom: none;
}
.gl-forms__wysiwyg {
  background-color: var(--white);
  width: 100%;
}
.gl-forms__wysiwyg.readonly {
  background-color: var(--pale-blue);
}
.gl-forms__wysiwyg.previewMode {
  border-color: transparent !important;
}
.gl-forms__container {
  width: 100%;
  max-width: 640px;
  display: block;
  margin: 0 auto;
}
.gl-forms__container.large {
  max-width: 864px;
}
.gl-forms__container.full-width {
  max-width: 100%;
}
.gl-forms__section {
  position: relative;
  width: 100%;
  display: inline-block;
  border-radius: 8px;
  box-shadow: var(--shadow-bottom);
  background-color: var(--white);
  margin-top: 8px;
  padding: 32px;
  transition: var(--transition);
}
.gl-forms__collapsible {
  position: relative;
}
.collapsed .gl-forms__collapsible--body {
  height: 0px;
  overflow: hidden;
}
.gl-forms__dropdown {
  position: absolute;
  color: var(--primary);
  font-size: var(--big);
  font-weight: 600;
  cursor: pointer;
  transition: var(--transition);
}
.collapsed .gl-forms__dropdown {
  color: var(--charcoal-grey);
}
.gl-forms__dropdown:hover {
  color: var(--primary);
}
.gl-forms__section .gl-forms__collapsible .gl-forms__dropdown {
  right: -5px;
  top: -5px;
}
.gl-forms__section .gl-forms__dropdown {
  right: 24px;
  top: 24px;
}
.gl-forms__disable-section {
  width: 100%;
}
.gl-forms__buttons {
  width: 100%;
  max-width: 640px;
  display: block;
  margin: 32px auto 0;
}
.gl-forms__title {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: var(--normal);
  font-weight: 500;
  padding-bottom: var(--gutterwidth);
}
.gl-forms__collapsible .gl-forms__title {
  padding-bottom: var(--gutterwidth);
}
.gl-forms__collapsible.collapsed .gl-forms__title {
  padding-bottom: 0;
}
.gl-forms__title gl-tooltip {
  margin-left: 8px;
}
.gl-forms__subtitle {
  font-size: var(--small);
  line-height: var(--gutterwidth);
  color: var(--charcoal-grey);
  font-weight: 400;
  padding-bottom: var(--gutterwidth);
}
.collapsed .gl-forms__subtitle {
  display: none;
}
.gl-forms__text {
  width: 100%;
  display: block;
  color: var(--charcoal-grey);
  font-size: var(--x-small);
  font-weight: 300;
  line-height: 20px;
  margin: -8px 0 -16px;
}
.gl-forms__decorator {
  width: 100%;
  display: inline-flex;
  align-items: center;
  font-weight: 300;
  margin: 8px 0;
}
.no-margin .gl-forms__decorator {
  margin: 0;
}
.gl-forms__decorator--separator {
  width: 100%;
  height: 1px;
  background-color: var(--pale-blue);
}
.gl-forms__decorator--alert {
  position: relative;
  font-size: var(--x-small);
  font-weight: 400;
  color: var(--charcoal-grey);
}
.gl-forms__decorator--alert:last-child {
  order: -1;
  font-size: var(--normal);
  margin-right: var(--gap);
  line-height: 0;
}
.gl-forms__decorator gl-tooltip {
  margin-left: 8px;
}
.gl-forms__alert--decorator {
  width: 100%;
  min-height: 66px;
  display: flex;
  align-items: center;
  padding: 16px;
  margin: -8px 0;
  border-radius: 4px;
  border: solid 1px #e1e4e8;
  background-color: rgba(0, 126, 255, 0.06);
  color: var(--charcoal-grey);
  font-size: var(--small);
  font-weight: 400;
  line-height: 17px;
}
.gl-forms__alert--decorator [class^=glicon-],
.gl-forms__alert--decorator [class*=" glicon-"] {
  font-size: var(--medium);
  margin-right: 8px;
  align-self: flex-start;
}
.gl-forms__position--topRight {
  position: absolute;
  top: 32px;
  right: 32px;
}
.gl-forms__error {
  display: flex;
  align-items: center;
  color: var(--coral);
  font-size: var(--x-small);
  font-weight: 400;
  margin-top: 6px;
}
.gl-forms__error [class^=glicon-],
.gl-forms__error [class*=" glicon-"] {
  font-size: var(--normal);
  font-weight: 600;
  line-height: 0;
  margin-right: 6px;
}
.gl-forms__input--title {
  font-family: inherit;
  font-weight: 300;
  font-size: var(--small);
  color: var(--dusk);
  display: flex;
  align-items: center;
}
.gl-forms__input--title .mandatory {
  color: var(--coral);
  padding-left: 3px;
}
.gl-forms__card {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  padding: 14px 16px;
  margin: 0 0 16px;
  border-radius: 8px;
  border: solid 1px #e1e4e8;
  background-color: var(--pale-grey);
  font-size: var(--x-small);
  font-weight: 300;
}
.gl-forms__card--actions {
  margin-top: -12px;
}
.gl-forms__info {
  width: calc(100% + 64px);
  padding: 14px 24px;
  background-color: #f1f2f4;
  font-size: var(--small);
  font-weight: 400;
  line-height: 1.42;
  margin: -20px calc(var(--gutterlarge) * -1) -8px;
  display: flex;
}
.gl-forms__info.no-decorator-margin {
  margin-top: -8px;
  margin-bottom: -8px;
}
.gl-forms__info [class^=glicon-],
.gl-forms__info [class*=" glicon-"] {
  color: var(--coral);
  font-size: var(--medium);
  font-weight: 600;
  margin-right: 10px;
  align-self: center;
}
.info-box {
  background: var(--ice-blue);
  border-radius: 10px;
  padding: 20px !important;
  margin-left: 10px;
  margin-top: 10px;
}
.info-box i {
  vertical-align: top;
  padding-right: 0.3rem;
}
lms-dynamic-form {
  display: block;
  margin-top: var(--gutterwidth);
}
.gl-popup__content lms-dynamic-form {
  margin: 0;
}
.hidden-group-question {
  display: none;
}
.col-2-offset gl-select {
  max-width: 276px;
}
gl-select.min {
  max-width: 75px;
}
.form-custom-grid {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.form-custom-grid--item {
  flex-basis: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}
.form-custom-grid--item.align-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.form-custom-grid--item.col-1 {
  flex-basis: 8.3333333333%;
}
.form-custom-grid--item.col-2 {
  flex-basis: 16.6666666667%;
}
.form-custom-grid--item.col-3 {
  flex-basis: 25%;
}
.form-custom-grid--item.col-4 {
  flex-basis: 33.3333333333%;
}
.form-custom-grid--item.col-5 {
  flex-basis: 41.6666666667%;
}
.form-custom-grid--item.col-6 {
  flex-basis: 50%;
}
.form-custom-grid--item.col-6-offset {
  flex-basis: 50%;
  margin-right: calc(50% + 12px);
}
.form-custom-grid--item.col-7 {
  flex-basis: 58.3333333333%;
}
.form-custom-grid--item.col-8 {
  flex-basis: 66.6666666667%;
}
.form-custom-grid--item.col-9 {
  flex-basis: 75%;
}
.form-custom-grid--item.col-10 {
  flex-basis: 83.3333333333%;
}
.form-custom-grid--item.col-11 {
  flex-basis: 91.6666666667%;
}
.form-custom-grid--item.col-12 {
  flex-basis: 100%;
}
.form-custom-grid--item gl-select {
  max-width: 197px;
}
.itinerary-course-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  font-size: 14px;
  font-weight: 300;
  position: relative;
}
.itinerary-course-item--withalert {
  background-color: rgba(255, 99, 77, 0.16);
}
.itinerary-course-item__ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 240px;
  max-width: 240px;
}
.itinerary-course-item__drag {
  font-size: 20px;
  align-self: center;
  visibility: hidden;
  color: var(--light-grey-blue);
}
.itinerary-course-item:hover .itinerary-course-item__drag {
  visibility: visible;
}
.itinerary-course-item__main {
  margin-right: 32px;
  flex-grow: 1;
  padding-bottom: 8px;
}
.itinerary-course-item__main {
  margin-left: 16px;
  display: flex;
  padding-bottom: 0;
}
.itinerary-course-item__image {
  margin: 0 16px 0 0;
  position: relative;
  min-width: 87px;
  max-width: 87px;
  height: 80px;
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: top;
  background-size: cover;
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/campus/game-cards/bg_game_card_default01.jpg);
}
lms-itinerary-course-item:nth-child(2n) .itinerary-course-item__image {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/campus/game-cards/bg_game_card_default02.jpg);
}
lms-itinerary-course-item:nth-child(3n) .itinerary-course-item__image {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/campus/game-cards/bg_game_card_default03.jpg);
}
lms-itinerary-course-item:nth-child(4n) .itinerary-course-item__image {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/campus/game-cards/bg_game_card_default04.jpg);
}
lms-itinerary-course-item:nth-child(5n) .itinerary-course-item__image {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/campus/game-cards/bg_game_card_default05.jpg);
}
lms-itinerary-course-item:nth-child(6n) .itinerary-course-item__image {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/campus/game-cards/bg_game_card_default06.jpg);
}
.itinerary-course-item__data {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}
.itinerary-course-item__content {
  display: flex;
}
.itinerary-course-item__title {
  flex-basis: 100%;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
}
.itinerary-course-item__strong {
  font-size: 12px;
  font-weight: 500;
}
.itinerary-course-item__actions {
  position: absolute;
  right: 16px;
  margin-left: 16px;
  align-self: flex-start;
  display: flex;
  justify-content: flex-end;
}
.itinerary-course-item__alert,
.itinerary-course-item__delete {
  margin-left: 16px;
  font-size: 20px;
}
.itinerary-course-item__delete {
  color: var(--deep-sky-blue);
  transition: var(--transition);
}
.itinerary-course-item__delete:hover {
  color: var(--primary-darken);
}
.itinerary-course-item__alert {
  color: var(--error);
}
.itinerary-course-image {
  position: relative;
  width: 176px;
  height: 98px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  box-shadow: 0 3px 3px -1px rgba(10, 22, 70, 0.16), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  background-color: var(--steel);
  transition: var(--transition);
}
.itinerary-course-image.large {
  width: 800px;
  height: 140px;
  background-color: rgba(63, 65, 70, 0.24);
  background-image:
    linear-gradient(
      to right,
      rgba(38, 42, 49, 0.7),
      rgba(38, 42, 49, 0) 100%);
}
.itinerary-course-image.selected:hover__actions {
  opacity: 1;
}
.itinerary-course-image__button {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--primary);
  cursor: pointer;
  font-size: 18px;
  line-height: 0;
  box-shadow: var(--shadow-card);
  border: none;
  background-color: var(--white);
  transition: var(--transition);
}
.itinerary-course-image__button__actions .itinerary-course-image__button {
  margin: 0 8px;
}
.itinerary-course-image__button:hover {
  background-color: var(--primary);
  color: white;
}
.itinerary-course-image__button:focus {
  background-color: var(--white);
  color: var(--primary);
}
.itinerary-course-image__actions {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(63, 65, 70, 0.85);
  border-radius: 4px;
  cursor: pointer;
  opacity: 0;
  transition: var(--transition);
  z-index: 1;
}
.itinerary-course-image__actions button {
  margin: 0 8px;
}
.itinerary-course-image__actions:hover {
  opacity: 1;
}
.itinerary-course-image__crop {
  display: flex;
}
.itinerary-course-image__crop--item {
  width: 206px;
  height: 191px;
  background-color: rgba(63, 65, 70, 0.24);
  background-image:
    linear-gradient(
      to right,
      rgba(38, 42, 49, 0.7),
      rgba(38, 42, 49, 0) 100%);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: var(--gutterwidth);
}
.itinerary-course-image__crop--grid {
  position: relative;
  cursor: grab;
}
.itinerary-course-image__crop--grid:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 3px var(--deep-sky-blue);
  background-color: transparent;
  background-image:
    linear-gradient(white 0.5px, transparent 2px),
    linear-gradient(
      90deg,
      white 0.5px,
      transparent 2px);
  background-size:
    25% 25%,
    25% 25%,
    20px 20px,
    20px 20px;
  background-position: -0.5px -0.5px, -0.5px -0.5px;
}
.itinerary-course-image__crop--grid:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.45;
  z-index: 4;
  background-image:
    linear-gradient(
      to right,
      rgba(38, 42, 49, 0.7),
      rgba(38, 42, 49, 0) 100%);
}
.itinerary-course-image__crop--info {
  display: flex;
  align-items: center;
  align-self: flex-start;
  max-width: 546px;
  font-size: var(--x-small);
  font-weight: 200;
  color: var(--charcoal-grey);
}
.itinerary-course-image__crop--info [class*=" glicon-"],
.itinerary-course-image__crop--info [class^=glicon-] {
  color: var(--steel);
  margin-right: 10px;
  font-size: 30px;
  cursor: pointer;
}
.itinerary-course-image__crop--info span:hover {
  color: var(--primary);
}
.account-iframe__wrapper {
  position: relative;
  width: 100%;
  height: calc(100vh - 60px);
}
.account-iframe__object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[lmstooltip],
.lmstooltip {
  position: relative;
}
[lmstooltip]:hover .lms-tooltip,
.lmstooltip:hover .lms-tooltip {
  display: block;
}
[lmstooltip] [class^=glicon-],
[lmstooltip] [class*=" glicon-"],
.lmstooltip [class^=glicon-],
.lmstooltip [class*=" glicon-"] {
  cursor: pointer;
}
[lmstooltip] [class^=glicon-].alert,
[lmstooltip] [class*=" glicon-"].alert,
.lmstooltip [class^=glicon-].alert,
.lmstooltip [class*=" glicon-"].alert {
  color: var(--coral);
}
.lms-tooltip {
  position: absolute;
  width: max-content;
  min-width: 80px;
  max-width: 284px;
  display: none;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 0 3px 1px rgba(10, 22, 70, 0.16), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  border-radius: 6px;
  background-color: var(--charcoal-grey);
  color: var(--white);
  font-size: 12px;
  font-family: var(--basefont);
  font-weight: 300;
  line-height: 14px;
  padding: 14px 16px;
  text-align: left;
  z-index: 9999;
}
.lms-tooltip.small {
  min-width: 175px;
}
.lms-tooltip.top {
  bottom: calc(100% + 12px);
}
.lms-tooltip.bottom {
  top: calc(100% + 12px);
}
.lms-tooltip.right {
  right: -18px;
}
.lms-tooltip.left {
  left: -18px;
}
.lms-tooltip.center {
  left: 50%;
  transform: translate(-50%, 0);
}
.lms-tooltip:before {
  content: "";
  position: absolute;
}
.lms-tooltip.top:before {
  bottom: -8px;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 8px solid var(--charcoal-grey);
}
.lms-tooltip.bottom:before {
  top: -8px;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid var(--charcoal-grey);
}
.lms-tooltip.right:before {
  right: 22px;
}
.lms-tooltip.left:before {
  left: 22px;
}
.lms-tooltip.center:before {
  left: 50%;
  transform: translate(-50%, 0);
}
.gl-visor-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image:
    linear-gradient(
      to bottom,
      var(--charcoal-grey-two),
      rgba(38, 42, 49, 0.7) 97%);
  display: none;
  align-items: center;
  justify-content: center;
}
.gl-visor-image.open {
  display: flex;
}
.gl-visor-image__close {
  position: absolute;
  top: 24px;
  right: 24px;
  color: var(--white);
  cursor: pointer;
  font-size: var(--big);
  transition: var(--transition);
}
.gl-visor-image__close:hover {
  color: var(--primary);
}
.gl-visor-image__item {
  position: relative;
  width: 100%;
  max-width: 1024px;
  height: 640px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gl-visor-image__item img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.gl-dashboard {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(361px, 1fr));
  grid-auto-rows: 218px;
  grid-auto-flow: dense;
  grid-gap: 24px;
  font-family: var(--basefont);
  margin: 0 auto;
  max-width: 750px;
  padding-top: 16px;
}
@media (min-width: 80em) {
  .gl-dashboard {
    max-width: 1132px;
  }
}
.gl-dashboard__npsChart {
  position: relative;
  width: 100%;
  height: 8px;
  display: flex;
  align-content: stretch;
  margin-top: var(--gutterwidth);
}
.gl-dashboard__npsChart--state {
  width: 50%;
  display: flex;
}
.gl-dashboard__npsChart--state > span:last-child {
  border-radius: 0 5px 5px 0;
}
.gl-dashboard__npsChart--state:first-child > span {
  width: 100%;
  border-radius: 5px 0 0 5px;
}
.gl-dashboard__npsChart--handle {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  border-radius: 5px;
}
.gl-dashboard__npsChart--handle:before {
  content: "";
  position: absolute;
  left: -5px;
  top: -11px;
  width: 30px;
  height: 30px;
  background: url(/public/img/circle-chart.svg) no-repeat left top;
  background-size: contain;
}
.gl-dashboard__npsChart--values {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  font-weight: 400;
  color: #858a94;
  padding-top: 10px;
}
.gl-dashboard__npsChart--values > div:first-child {
  width: 50%;
}
.gl-dashboard__npsChart--values > div:last-child {
  width: 50%;
}
.gl-dashboard__npsChart--values .nps-improved {
  display: flex;
}
.gl-dashboard__npsChart--values .nps-improved > span {
  width: 30%;
  text-align: right;
}
.gl-dashboard__npsChart--values .nps-improved > span:nth-child(1) {
  width: 32%;
}
.gl-dashboard__npsChart--values .nps-improved > span:nth-child(2) {
  width: 41%;
}
.gl-dashboard__npsChart--values .nps-improved > span:nth-child(3) {
  width: 27%;
}
.gl-dashboard__npsChart--indicator {
  position: relative;
  width: 100%;
  color: var(--blue-grey);
  font-size: var(--small);
  font-weight: 400;
  padding: 0 0 0 20%;
}
.gl-dashboard__npsChart--indicator b {
  font-size: var(--x-small);
  font-weight: 600;
}
.gl-dashboard__npsChart--indicator:before {
  content: "";
  position: absolute;
  left: 36%;
  top: -40px;
  width: 5px;
  height: 40px;
  background: url(/public/img/dashed-border-circle.svg) no-repeat left top;
  background-size: contain;
}
.gl-dashboard__npsChart--legend {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap);
  align-items: center;
  justify-content: space-between;
  margin: 0 0 0 4px;
  padding: 14px 0 0;
}
.gl-dashboard__npsChart--legend li {
  display: flex;
  align-items: center;
  font-size: 11px;
  color: var(--charcoal-grey);
  font-weight: 300;
}
.gl-dashboard__npsChart--legend li .circle {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  margin-right: 6px;
}
.gl-dashboard__npsInfo {
  position: relative;
  width: 100%;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--pale-grey-two);
  border: 1px solid var(--pale-blue);
  border-radius: 4px;
  padding: 10px;
  margin-top: 14px;
}
.gl-dashboard__npsInfo--indicatorArrow {
  position: absolute;
  top: 100%;
}
.gl-dashboard__npsInfo--indicatorArrow:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid var(--pale-blue);
}
.gl-dashboard__npsInfo--indicatorArrow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-top: 9px solid var(--pale-grey-two);
  z-index: 1;
}
.gl-dashboard__npsInfo .nps-data {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0;
}
.gl-dashboard__npsInfo .nps-data__number {
  min-width: 44px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  border-radius: 4px;
  color: var(--white);
  font-size: 26px;
  font-weight: 400;
  line-height: 0;
}
.gl-dashboard__npsInfo .nps-data__number.default {
  background-color: var(--white);
  color: var(--primary);
}
.gl-dashboard__npsInfo .nps-data__medium {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--charcoal-grey);
  font-size: 24px;
  font-weight: 600;
  padding-left: 10px;
}
.gl-dashboard__npsInfo .nps-data__medium span:last-child {
  font-size: var(--small);
  font-weight: 400;
  line-height: var(--x-small);
  padding: 6px 0 0 6px;
}
.gl-dashboard__grid {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  box-sizing: border-box;
  justify-content: space-between;
  padding-top: 19px;
}
.gl-dashboard__grid.metric {
  padding-top: 8px;
}
.gl-dashboard__item {
  position: relative;
  border-radius: 6px;
  box-shadow: 0 3px 8px 0 rgba(0, 76, 255, 0.06);
  background-color: var(--white);
  padding: 16px;
}
.gl-dashboard__item--void {
  min-width: 297px;
  font-size: var(--medium);
  line-height: 28px;
  color: #b0b7c3;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.gl-dashboard__item.metrics {
  grid-row: span 2;
}
.gl-dashboard__item.autoevaluation {
  min-height: 670px;
  grid-row: span 3;
  grid-column: span 2;
}
.gl-dashboard__item.students {
  grid-row: span 2;
}
.gl-dashboard__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.gl-dashboard__title {
  position: relative;
  display: flex;
  align-items: center;
  font-size: var(--normal);
  font-weight: 600;
}
.gl-dashboard__title.small {
  width: 100%;
  justify-content: center;
  font-size: var(--small);
  font-weight: 500;
  padding-bottom: 10px;
  padding-top: 4px;
}
.gl-dashboard__title.x-small {
  font-size: var(--x-small);
  padding-bottom: 16px;
}
.gl-dashboard__title.group {
  width: 100%;
  border-bottom: solid 1px #bdc6d0;
  font-weight: 400;
  margin: 24px 0 8px;
  padding: 0 0 12px;
}
.gl-dashboard__title.group gl-tooltip {
  margin-left: 8px;
  line-height: 0;
}
.gl-dashboard__title .positionR {
  position: absolute;
  right: 45px;
  top: 0;
}
.gl-dashboard__title button {
  margin: 4px 0 0 5px;
}
.gl-dashboard__subtitle {
  font-size: var(--small);
  font-weight: 500;
  padding-top: 12px;
}
.gl-dashboard__label {
  font-size: var(--small);
  color: var(--blue-grey);
  padding-top: 8px;
}
.gl-dashboard__label b {
  font-weight: 400;
  color: var(--primary);
}
.gl-dashboard__numWithText {
  display: flex;
  align-items: flex-end;
  color: var(--primary);
  font-size: 28px;
  font-weight: 300;
  line-height: 28px;
  padding-top: 12px;
}
.gl-dashboard__numWithText .void {
  color: #b0b7c3;
}
.gl-dashboard__numWithText .text {
  color: var(--charcoal-grey);
  font-size: var(--x-small);
  line-height: 21px;
  padding-left: 5px;
}
.gl-dashboard__dropdown {
  position: relative;
  display: flex;
  align-items: center;
  font-size: var(--small);
  font-weight: 300;
  -webkit-user-select: none;
  user-select: none;
}
.gl-dashboard__dropdown > span {
  font-weight: 400;
  cursor: pointer;
}
.gl-dashboard__dropdown [class^=glicon-] {
  cursor: pointer;
  font-size: var(--normal);
  font-weight: 500;
  padding-left: 6px;
}
.gl-dashboard__dropdown.activeDropdown > span {
  color: var(--primary);
}
.gl-dashboard__dropdown--options {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  width: 172px;
  display: none;
  border-radius: 6px;
  box-shadow: 0 32px 40px -2px rgba(10, 22, 70, 0.12), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  border: solid 1px var(--pale-grey-three);
  background-color: var(--white);
  z-index: 4;
}
.activeDropdown .gl-dashboard__dropdown--options {
  display: block;
}
.gl-dashboard__dropdown--options span {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  display: block;
  cursor: pointer;
  padding: 9px 16px;
  transition: var(--transition);
}
.gl-dashboard__dropdown--options span:hover {
  background-color: var(--pale-blue);
}
.gl-dashboard__dropdown--options span.active {
  background-color: var(--pale-blue);
}
.gl-dashboard__dropdown--options span:last-child {
  border-radius: 0 0 6px 6px;
}
.gl-dashboard__list {
  width: 100%;
  font-size: var(--small);
  font-weight: 300;
  line-height: 18px;
}
.gl-dashboard__list li {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--pale-blue);
}
.gl-dashboard__list li span:first-child {
  font-weight: 400;
}
.gl-dashboard__list li:last-child {
  border: none;
}
.gl-dashboard__list .value {
  color: var(--primary);
  font-size: var(--medium);
  font-weight: 400;
  text-align: right;
}
.gl-dashboard__list .value.void {
  color: #b0b7c3;
  font-size: var(--normal);
}
.gl-dashboard__carousel {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  padding: 42px 16px 0;
  transition: var(--transition);
}
.gl-dashboard__carousel.active {
  display: block;
}
.gl-dashboard__comments {
  width: 100%;
  font-size: var(--small);
  font-weight: 300;
}
.gl-dashboard__comments--title {
  width: 100%;
  color: var(--orange);
  font-size: var(--small);
  padding-top: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gl-dashboard__comments--text {
  min-height: 80px;
  font-size: var(--x-small);
  line-height: 20px;
  margin: 7px 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gl-dashboard__comments--name {
  max-width: 190px;
  font-size: var(--small);
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gl-dashboard__comments--date {
  position: relative;
  max-width: 90px;
  color: #858a94;
  font-size: var(--small);
  font-weight: 300;
  margin-left: 12px;
}
.gl-dashboard__comments--date:before {
  content: "";
  position: absolute;
  left: -12px;
  top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--pale-blue);
}
.gl-dashboard__comments--navigation {
  display: flex;
  align-items: center;
  color: var(--primary);
  font-size: var(--s-big);
  font-weight: 600;
  line-height: 0;
  margin-right: -8px;
}
.gl-dashboard__comments--navigation [class*=" glicon-"],
.gl-dashboard__comments--navigation [class^=glicon-] {
  cursor: pointer;
  padding-left: 8px;
  transition: var(--transition);
}
.gl-dashboard__comments--navigation [class*=" glicon-"].disabled,
.gl-dashboard__comments--navigation .enrollment-disabled a[class*=" glicon-"],
.enrollment-disabled .gl-dashboard__comments--navigation a[class*=" glicon-"],
.gl-dashboard__comments--navigation [class^=glicon-].disabled,
.gl-dashboard__comments--navigation .enrollment-disabled a[class^=glicon-],
.enrollment-disabled .gl-dashboard__comments--navigation a[class^=glicon-] {
  color: #e1e4e8;
  cursor: not-allowed;
}
.gl-dashboard__comments--navigation [class*=" glicon-"].disabled:hover,
.gl-dashboard__comments--navigation .enrollment-disabled a[class*=" glicon-"]:hover,
.enrollment-disabled .gl-dashboard__comments--navigation a[class*=" glicon-"]:hover,
.gl-dashboard__comments--navigation [class^=glicon-].disabled:hover,
.gl-dashboard__comments--navigation .enrollment-disabled a[class^=glicon-]:hover,
.enrollment-disabled .gl-dashboard__comments--navigation a[class^=glicon-]:hover {
  color: #e1e4e8;
}
.gl-dashboard__comments--navigation [class*=" glicon-"]:hover,
.gl-dashboard__comments--navigation [class^=glicon-]:hover {
  color: #005fbf;
}
.gl-dashboard__comments--footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: default;
}
.gl-dashboard__row {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 12px;
  padding-right: 24px;
}
.gl-dashboard__row.space-between {
  justify-content: space-between;
}
.gl-dashboard__row--grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, auto);
  align-content: space-around;
  justify-content: space-between;
}
.gl-dashboard__row--grid .gl-dashboard__info {
  padding-top: 12px;
}
.gl-dashboard__info {
  display: inline-flex;
  align-items: flex-start;
  flex-direction: column;
}
.gl-dashboard__info .title {
  font-size: var(--small);
  font-weight: 300;
  color: var(--charcoal-grey);
  padding-bottom: 3px;
}
.gl-dashboard__info .value {
  font-size: var(--s-big);
  font-weight: 400;
  color: var(--primary);
}
.gl-dashboard__info .value.success {
  background-color: rgba(68, 215, 171, 0.2);
  color: var(--aqua-marine);
  border-radius: 4px;
  font-weight: 500;
  padding: 0 6px;
  text-align: center;
}
.gl-dashboard__info .value.failed {
  background-color: rgba(253, 99, 76, 0.1);
  color: var(--coral);
  border-radius: 4px;
  font-weight: 500;
  padding: 0 6px;
  text-align: center;
}
.courses .gl-dashboard__info {
  padding-right: 40px;
}
.gl-dashboard__lastModified {
  display: flex;
  align-items: center;
  font-size: var(--x-small);
  font-weight: 300;
}
.gl-dashboard__lastModified b {
  font-weight: 500;
}
.gl-dashboard__lastModified gl-tooltip {
  margin-left: var(--gap);
}
.gl-dashboard__select {
  width: 100%;
  max-width: 300px;
  padding: 16px 0 12px;
}
.gl-dashboard__select.readonly lms-select-dropdown {
  pointer-events: none;
}
.gl-dashboard__chart {
  position: absolute;
  width: 100%;
  height: calc(100% - 180px);
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gl-dashboard__chart--labels {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.gl-dashboard__chart--labels .radar-chart-question {
  position: absolute;
  width: 26%;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  color: var(--charcoal-grey);
  cursor: pointer;
}
.gl-dashboard__chart--labels .radar-chart-question__item {
  width: 100%;
  height: 34px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gl-dashboard__void {
  width: 100%;
  max-width: 390px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #b0b7c3;
  text-align: center;
  padding: 0 12px;
}
.gl-dashboard__survey--answers {
  width: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--pale-blue);
  font-weight: 400;
  padding: 20px 0 16px;
  margin-bottom: var(--gutterwidth);
}
.gl-dashboard__survey--answers .label {
  width: 100%;
  max-width: 240px;
  font-size: var(--small);
}
.gl-dashboard__survey--answers .value {
  width: 100%;
  max-width: 60px;
  color: var(--primary);
  font-size: var(--s-big);
  text-align: right;
}
.gl-dashboard__survey--results {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 400;
  padding-bottom: var(--gutterlarge);
}
.gl-dashboard__survey--results > div {
  display: flex;
  align-items: center;
}
.gl-dashboard__survey--results .label {
  position: relative;
  width: 100%;
  max-width: 248px;
  height: 54px;
  display: flex;
  align-items: center;
  padding: 12px 14px;
  border-radius: 27px;
  background-color: var(--bgcolor);
  font-size: var(--small);
  z-index: 1;
}
.gl-dashboard__survey--results .value {
  position: relative;
  min-width: 78px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 12px 14px 12px 40px;
  border-radius: 0 27px 27px 0;
  background-color: rgba(0, 126, 255, 0.12);
  color: var(--primary);
  font-size: var(--s-big);
  left: -24px;
}
.gl-dashboard__cards {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(227px, 227px));
  gap: 16px;
}
.gl-dashboard__cards--item {
  width: 227px;
  height: 132px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 10px;
  box-shadow: 0 3px 3px -1px rgba(10, 22, 70, 0.1);
  border: solid 1px #e1e4e8;
  background-color: var(--white);
  padding: 14px 16px 16px;
}
.gl-dashboard__cards--item .label {
  width: 100%;
  font-size: var(--small);
  line-height: 16px;
}
.gl-dashboard__circleChart {
  display: flex;
  align-items: center;
}
.gl-dashboard__circleChart--item {
  position: relative;
  width: 58px;
  height: 58px;
}
.gl-dashboard__circleChart--icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
}
.gl-dashboard__circleChart--icon.svg-1 {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/admin/dashboard/icon-aplicability-1.svg);
}
.gl-dashboard__circleChart--icon.svg-2 {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/admin/dashboard/icon-aplicability-2.svg);
}
.gl-dashboard__circleChart--icon.svg-3 {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/admin/dashboard/icon-aplicability-3.svg);
}
.gl-dashboard__circleChart--icon.svg-4 {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/admin/dashboard/icon-aplicability-4.svg);
}
.gl-dashboard__circleChart--icon.svg-5 {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/admin/dashboard/icon-aplicability-5.svg);
}
.gl-dashboard__circleChart--icon.svg-6 {
  background-image: url(https://min.gamelearn.io/css-resources/gamelearn/resources/admin/dashboard/icon-aplicability-6.svg);
}
.gl-dashboard__circleChart--progress {
  color: var(--primary);
  font-size: 28px;
  font-weight: 300;
  padding-left: 16px;
}
.gl-dashboard__links {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.gl-dashboard__links.positionFixed {
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.gl-dashboard__links.metrics {
  padding-top: 12px;
}
.gl-dashboard__links--item {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  color: var(--primary);
  font-size: var(--small);
  font-weight: 500;
  transition: var(--transition);
}
.gl-dashboard__links--item:hover {
  color: var(--primary-darken);
}
.gl-dashboard__links--item [class^=glicon-],
.gl-dashboard__links--item [class*=" glicon-"] {
  padding-left: 8px;
  font-weight: 600;
}
.gl-dashboard__block {
  position: relative;
  width: 100%;
}
.gl-dashboard__block.autoevaluations {
  min-height: 670px;
}
.gl-dashboard__toolbar {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding: var(--gutterlarge) 0 0 0;
  position: relative;
  z-index: 2;
}
@media (min-width: 80em) {
  .gl-dashboard__toolbar {
    max-width: 1132px;
  }
}
.gl-dashboard__toolbar.full-width {
  max-width: 100%;
}
.gl-dashboard__selector {
  position: relative;
  width: 100%;
  max-width: 300px;
  margin-bottom: var(--guttermargin);
}
.gl-dashboard__selector .gl-select {
  width: 100%;
}
.gl-dashboard-legend {
  width: 100%;
  font-size: var(--small);
  font-weight: 400;
  padding: 0;
  margin: 0;
}
.gl-dashboard-legend li {
  display: flex;
  align-content: flex-start;
}
.gl-dashboard-legend li.gap {
  padding: 6px 0;
}
.gl-dashboard-legend b {
  font-weight: 600;
}
.gl-dashboard-legend__bullet {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: var(--pale-blue);
  margin: 2px 5px 0 0;
}
.gl-dashboard-legend__bullet.b-green {
  background-color: #44d7cb;
}
.gl-dashboard-legend__bullet.b-lightgreen {
  background-color: #c3f2ee;
}
.gl-dashboard-legend__bullet.b-grey {
  background-color: var(--pale-blue);
}
.gl-dashboard-legend__bullet.b-orange {
  background-color: var(--orange);
}
.gl-dashboard-legend__bullet.b-aqua {
  background-color: var(--aqua-marine);
}
.gl-dashboard__chart--labels span:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.gl-dashboard__chart--labels span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.gl-dashboard__chart--labels span:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.gl-dashboard__chart--labels span:nth-child(4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.gl-dashboard__chart--labels span:nth-child(5) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.gl-dashboard__chart--labels span:nth-child(6) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.gl-dashboard__chart--labels span:nth-child(7) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.gl-dashboard__chart--labels span:nth-child(8) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.gl-dashboard__chart--labels span:nth-child(9) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.gl-dashboard__chart--labels span:nth-child(10) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.coral {
  background-color: var(--coral);
}
.green-light {
  background-color: #57fcca;
}
.green {
  background-color: var(--green);
}
.greeny-blue {
  background-color: var(--greeny-blue);
}
.nps-30 {
  width: 30%;
}
.nps-40 {
  width: 40%;
}
.gl-chart__double {
  display: flex;
  align-items: center;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  background-color: var(--pale-blue);
  margin: 16px 0 14px;
  transition: var(--transition);
}
.gl-chart__double .primary {
  position: relative;
  width: 0;
  height: 8px;
  background-color: #44d7cb;
  border-radius: 5px;
  z-index: 1;
}
.gl-chart__double .secondary {
  position: relative;
  width: 0;
  height: 8px;
  background-color: #c3f2ee;
  border-radius: 5px;
  margin: 0 -4px;
}
.gl-chart__basic {
  display: flex;
  align-items: center;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  background-color: rgba(0, 126, 255, 0.24);
  margin: 8px 0 0;
  transition: var(--transition);
}
.gl-chart__basic--item {
  width: 0;
  height: 8px;
  background-color: var(--primary);
  border-radius: 5px;
}
.gl-chart__circle {
  position: relative;
  width: 152px;
  height: 152px;
  border-radius: 50%;
}
.gl-chart__circle:before {
  content: "";
  width: 112px;
  height: 112px;
  background-image: url(/public/img/oval-points.svg);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 2;
}
.gl-chart__circle:after {
  content: "";
  width: 136px;
  height: 136px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 1;
}
.gl-chart__circle--label {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: -0.33px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.gl-chart__circle--label .label {
  font-size: var(--small);
  letter-spacing: -0.15px;
  line-height: 6px;
}
.gl-chart__circle--gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url(/public/img/oval-gradient.svg);
  background-position: left top;
  background-repeat: no-repeat;
}
.gl-chart__circle--gradient.nps {
  background-image: url(/public/img/oval-gradient-nps.svg);
}
.gl-chart__circle--cursor {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.gl-chart__circle--cursor:before {
  content: "";
  position: absolute;
  left: 8px;
  bottom: 16px;
  width: 30px;
  height: 30px;
  background-image: url(/public/img/oval-cursor.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(-130deg);
}
.gl-chart__circle--canvas {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.gl-chart__circle--canvas:before {
  content: "";
  position: absolute;
  right: 23px;
  bottom: 19px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--pale-blue);
}
.gl-chart__circle--canvas canvas {
  display: block;
}
.gl-chart__circle--void {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url(/public/img/oval-void.svg);
  background-position: left top;
  background-repeat: no-repeat;
  z-index: 3;
}
.gl-chart__circle--void span {
  color: #b0b7c3;
  font-size: var(--normal);
  letter-spacing: -0.2px;
  line-height: 18px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.gl-chart__range {
  position: absolute;
  width: 100%;
  max-width: 102px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #858a94;
  font-size: 8px;
  bottom: 6px;
  left: 24px;
  z-index: 9999;
}
.rotate-1 {
  -webkit-transform: rotate(2.7deg);
  -moz-transform: rotate(2.7deg);
  -ms-transform: rotate(2.7deg);
  -o-transform: rotate(2.7deg);
  transform: rotate(2.7deg);
}
.rotate-2 {
  -webkit-transform: rotate(5.4deg);
  -moz-transform: rotate(5.4deg);
  -ms-transform: rotate(5.4deg);
  -o-transform: rotate(5.4deg);
  transform: rotate(5.4deg);
}
.rotate-3 {
  -webkit-transform: rotate(8.1deg);
  -moz-transform: rotate(8.1deg);
  -ms-transform: rotate(8.1deg);
  -o-transform: rotate(8.1deg);
  transform: rotate(8.1deg);
}
.rotate-4 {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.rotate-5 {
  -webkit-transform: rotate(13.5deg);
  -moz-transform: rotate(13.5deg);
  -ms-transform: rotate(13.5deg);
  -o-transform: rotate(13.5deg);
  transform: rotate(13.5deg);
}
.rotate-6 {
  -webkit-transform: rotate(16.2deg);
  -moz-transform: rotate(16.2deg);
  -ms-transform: rotate(16.2deg);
  -o-transform: rotate(16.2deg);
  transform: rotate(16.2deg);
}
.rotate-7 {
  -webkit-transform: rotate(18.9deg);
  -moz-transform: rotate(18.9deg);
  -ms-transform: rotate(18.9deg);
  -o-transform: rotate(18.9deg);
  transform: rotate(18.9deg);
}
.rotate-8 {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.rotate-9 {
  -webkit-transform: rotate(24.3deg);
  -moz-transform: rotate(24.3deg);
  -ms-transform: rotate(24.3deg);
  -o-transform: rotate(24.3deg);
  transform: rotate(24.3deg);
}
.rotate-10 {
  -webkit-transform: rotate(27deg);
  -moz-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  -o-transform: rotate(27deg);
  transform: rotate(27deg);
}
.rotate-11 {
  -webkit-transform: rotate(29.7deg);
  -moz-transform: rotate(29.7deg);
  -ms-transform: rotate(29.7deg);
  -o-transform: rotate(29.7deg);
  transform: rotate(29.7deg);
}
.rotate-12 {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.rotate-13 {
  -webkit-transform: rotate(35.1deg);
  -moz-transform: rotate(35.1deg);
  -ms-transform: rotate(35.1deg);
  -o-transform: rotate(35.1deg);
  transform: rotate(35.1deg);
}
.rotate-14 {
  -webkit-transform: rotate(37.8deg);
  -moz-transform: rotate(37.8deg);
  -ms-transform: rotate(37.8deg);
  -o-transform: rotate(37.8deg);
  transform: rotate(37.8deg);
}
.rotate-15 {
  -webkit-transform: rotate(40.5deg);
  -moz-transform: rotate(40.5deg);
  -ms-transform: rotate(40.5deg);
  -o-transform: rotate(40.5deg);
  transform: rotate(40.5deg);
}
.rotate-16 {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.rotate-17 {
  -webkit-transform: rotate(45.9deg);
  -moz-transform: rotate(45.9deg);
  -ms-transform: rotate(45.9deg);
  -o-transform: rotate(45.9deg);
  transform: rotate(45.9deg);
}
.rotate-18 {
  -webkit-transform: rotate(48.6deg);
  -moz-transform: rotate(48.6deg);
  -ms-transform: rotate(48.6deg);
  -o-transform: rotate(48.6deg);
  transform: rotate(48.6deg);
}
.rotate-19 {
  -webkit-transform: rotate(51.3deg);
  -moz-transform: rotate(51.3deg);
  -ms-transform: rotate(51.3deg);
  -o-transform: rotate(51.3deg);
  transform: rotate(51.3deg);
}
.rotate-20 {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.rotate-21 {
  -webkit-transform: rotate(56.7deg);
  -moz-transform: rotate(56.7deg);
  -ms-transform: rotate(56.7deg);
  -o-transform: rotate(56.7deg);
  transform: rotate(56.7deg);
}
.rotate-22 {
  -webkit-transform: rotate(59.4deg);
  -moz-transform: rotate(59.4deg);
  -ms-transform: rotate(59.4deg);
  -o-transform: rotate(59.4deg);
  transform: rotate(59.4deg);
}
.rotate-23 {
  -webkit-transform: rotate(62.1deg);
  -moz-transform: rotate(62.1deg);
  -ms-transform: rotate(62.1deg);
  -o-transform: rotate(62.1deg);
  transform: rotate(62.1deg);
}
.rotate-24 {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.rotate-25 {
  -webkit-transform: rotate(67.5deg);
  -moz-transform: rotate(67.5deg);
  -ms-transform: rotate(67.5deg);
  -o-transform: rotate(67.5deg);
  transform: rotate(67.5deg);
}
.rotate-26 {
  -webkit-transform: rotate(70.2deg);
  -moz-transform: rotate(70.2deg);
  -ms-transform: rotate(70.2deg);
  -o-transform: rotate(70.2deg);
  transform: rotate(70.2deg);
}
.rotate-27 {
  -webkit-transform: rotate(72.9deg);
  -moz-transform: rotate(72.9deg);
  -ms-transform: rotate(72.9deg);
  -o-transform: rotate(72.9deg);
  transform: rotate(72.9deg);
}
.rotate-28 {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.rotate-29 {
  -webkit-transform: rotate(78.3deg);
  -moz-transform: rotate(78.3deg);
  -ms-transform: rotate(78.3deg);
  -o-transform: rotate(78.3deg);
  transform: rotate(78.3deg);
}
.rotate-30 {
  -webkit-transform: rotate(81deg);
  -moz-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  -o-transform: rotate(81deg);
  transform: rotate(81deg);
}
.rotate-31 {
  -webkit-transform: rotate(83.7deg);
  -moz-transform: rotate(83.7deg);
  -ms-transform: rotate(83.7deg);
  -o-transform: rotate(83.7deg);
  transform: rotate(83.7deg);
}
.rotate-32 {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.rotate-33 {
  -webkit-transform: rotate(89.1deg);
  -moz-transform: rotate(89.1deg);
  -ms-transform: rotate(89.1deg);
  -o-transform: rotate(89.1deg);
  transform: rotate(89.1deg);
}
.rotate-34 {
  -webkit-transform: rotate(91.8deg);
  -moz-transform: rotate(91.8deg);
  -ms-transform: rotate(91.8deg);
  -o-transform: rotate(91.8deg);
  transform: rotate(91.8deg);
}
.rotate-35 {
  -webkit-transform: rotate(94.5deg);
  -moz-transform: rotate(94.5deg);
  -ms-transform: rotate(94.5deg);
  -o-transform: rotate(94.5deg);
  transform: rotate(94.5deg);
}
.rotate-36 {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.rotate-37 {
  -webkit-transform: rotate(99.9deg);
  -moz-transform: rotate(99.9deg);
  -ms-transform: rotate(99.9deg);
  -o-transform: rotate(99.9deg);
  transform: rotate(99.9deg);
}
.rotate-38 {
  -webkit-transform: rotate(102.6deg);
  -moz-transform: rotate(102.6deg);
  -ms-transform: rotate(102.6deg);
  -o-transform: rotate(102.6deg);
  transform: rotate(102.6deg);
}
.rotate-39 {
  -webkit-transform: rotate(105.3deg);
  -moz-transform: rotate(105.3deg);
  -ms-transform: rotate(105.3deg);
  -o-transform: rotate(105.3deg);
  transform: rotate(105.3deg);
}
.rotate-40 {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.rotate-41 {
  -webkit-transform: rotate(110.7deg);
  -moz-transform: rotate(110.7deg);
  -ms-transform: rotate(110.7deg);
  -o-transform: rotate(110.7deg);
  transform: rotate(110.7deg);
}
.rotate-42 {
  -webkit-transform: rotate(113.4deg);
  -moz-transform: rotate(113.4deg);
  -ms-transform: rotate(113.4deg);
  -o-transform: rotate(113.4deg);
  transform: rotate(113.4deg);
}
.rotate-43 {
  -webkit-transform: rotate(116.1deg);
  -moz-transform: rotate(116.1deg);
  -ms-transform: rotate(116.1deg);
  -o-transform: rotate(116.1deg);
  transform: rotate(116.1deg);
}
.rotate-44 {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.rotate-45 {
  -webkit-transform: rotate(121.5deg);
  -moz-transform: rotate(121.5deg);
  -ms-transform: rotate(121.5deg);
  -o-transform: rotate(121.5deg);
  transform: rotate(121.5deg);
}
.rotate-46 {
  -webkit-transform: rotate(124.2deg);
  -moz-transform: rotate(124.2deg);
  -ms-transform: rotate(124.2deg);
  -o-transform: rotate(124.2deg);
  transform: rotate(124.2deg);
}
.rotate-47 {
  -webkit-transform: rotate(126.9deg);
  -moz-transform: rotate(126.9deg);
  -ms-transform: rotate(126.9deg);
  -o-transform: rotate(126.9deg);
  transform: rotate(126.9deg);
}
.rotate-48 {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.rotate-49 {
  -webkit-transform: rotate(132.3deg);
  -moz-transform: rotate(132.3deg);
  -ms-transform: rotate(132.3deg);
  -o-transform: rotate(132.3deg);
  transform: rotate(132.3deg);
}
.rotate-50 {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.rotate-51 {
  -webkit-transform: rotate(137.7deg);
  -moz-transform: rotate(137.7deg);
  -ms-transform: rotate(137.7deg);
  -o-transform: rotate(137.7deg);
  transform: rotate(137.7deg);
}
.rotate-52 {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.rotate-53 {
  -webkit-transform: rotate(143.1deg);
  -moz-transform: rotate(143.1deg);
  -ms-transform: rotate(143.1deg);
  -o-transform: rotate(143.1deg);
  transform: rotate(143.1deg);
}
.rotate-54 {
  -webkit-transform: rotate(145.8deg);
  -moz-transform: rotate(145.8deg);
  -ms-transform: rotate(145.8deg);
  -o-transform: rotate(145.8deg);
  transform: rotate(145.8deg);
}
.rotate-55 {
  -webkit-transform: rotate(148.5deg);
  -moz-transform: rotate(148.5deg);
  -ms-transform: rotate(148.5deg);
  -o-transform: rotate(148.5deg);
  transform: rotate(148.5deg);
}
.rotate-56 {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.rotate-57 {
  -webkit-transform: rotate(153.9deg);
  -moz-transform: rotate(153.9deg);
  -ms-transform: rotate(153.9deg);
  -o-transform: rotate(153.9deg);
  transform: rotate(153.9deg);
}
.rotate-58 {
  -webkit-transform: rotate(156.6deg);
  -moz-transform: rotate(156.6deg);
  -ms-transform: rotate(156.6deg);
  -o-transform: rotate(156.6deg);
  transform: rotate(156.6deg);
}
.rotate-59 {
  -webkit-transform: rotate(159.3deg);
  -moz-transform: rotate(159.3deg);
  -ms-transform: rotate(159.3deg);
  -o-transform: rotate(159.3deg);
  transform: rotate(159.3deg);
}
.rotate-60 {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.rotate-61 {
  -webkit-transform: rotate(164.7deg);
  -moz-transform: rotate(164.7deg);
  -ms-transform: rotate(164.7deg);
  -o-transform: rotate(164.7deg);
  transform: rotate(164.7deg);
}
.rotate-62 {
  -webkit-transform: rotate(167.4deg);
  -moz-transform: rotate(167.4deg);
  -ms-transform: rotate(167.4deg);
  -o-transform: rotate(167.4deg);
  transform: rotate(167.4deg);
}
.rotate-63 {
  -webkit-transform: rotate(170.1deg);
  -moz-transform: rotate(170.1deg);
  -ms-transform: rotate(170.1deg);
  -o-transform: rotate(170.1deg);
  transform: rotate(170.1deg);
}
.rotate-64 {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.rotate-65 {
  -webkit-transform: rotate(175.5deg);
  -moz-transform: rotate(175.5deg);
  -ms-transform: rotate(175.5deg);
  -o-transform: rotate(175.5deg);
  transform: rotate(175.5deg);
}
.rotate-66 {
  -webkit-transform: rotate(178.2deg);
  -moz-transform: rotate(178.2deg);
  -ms-transform: rotate(178.2deg);
  -o-transform: rotate(178.2deg);
  transform: rotate(178.2deg);
}
.rotate-67 {
  -webkit-transform: rotate(180.9deg);
  -moz-transform: rotate(180.9deg);
  -ms-transform: rotate(180.9deg);
  -o-transform: rotate(180.9deg);
  transform: rotate(180.9deg);
}
.rotate-68 {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.rotate-69 {
  -webkit-transform: rotate(186.3deg);
  -moz-transform: rotate(186.3deg);
  -ms-transform: rotate(186.3deg);
  -o-transform: rotate(186.3deg);
  transform: rotate(186.3deg);
}
.rotate-70 {
  -webkit-transform: rotate(189deg);
  -moz-transform: rotate(189deg);
  -ms-transform: rotate(189deg);
  -o-transform: rotate(189deg);
  transform: rotate(189deg);
}
.rotate-71 {
  -webkit-transform: rotate(191.7deg);
  -moz-transform: rotate(191.7deg);
  -ms-transform: rotate(191.7deg);
  -o-transform: rotate(191.7deg);
  transform: rotate(191.7deg);
}
.rotate-72 {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.rotate-73 {
  -webkit-transform: rotate(197.1deg);
  -moz-transform: rotate(197.1deg);
  -ms-transform: rotate(197.1deg);
  -o-transform: rotate(197.1deg);
  transform: rotate(197.1deg);
}
.rotate-74 {
  -webkit-transform: rotate(199.8deg);
  -moz-transform: rotate(199.8deg);
  -ms-transform: rotate(199.8deg);
  -o-transform: rotate(199.8deg);
  transform: rotate(199.8deg);
}
.rotate-75 {
  -webkit-transform: rotate(202.5deg);
  -moz-transform: rotate(202.5deg);
  -ms-transform: rotate(202.5deg);
  -o-transform: rotate(202.5deg);
  transform: rotate(202.5deg);
}
.rotate-76 {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.rotate-77 {
  -webkit-transform: rotate(207.9deg);
  -moz-transform: rotate(207.9deg);
  -ms-transform: rotate(207.9deg);
  -o-transform: rotate(207.9deg);
  transform: rotate(207.9deg);
}
.rotate-78 {
  -webkit-transform: rotate(210.6deg);
  -moz-transform: rotate(210.6deg);
  -ms-transform: rotate(210.6deg);
  -o-transform: rotate(210.6deg);
  transform: rotate(210.6deg);
}
.rotate-79 {
  -webkit-transform: rotate(213.3deg);
  -moz-transform: rotate(213.3deg);
  -ms-transform: rotate(213.3deg);
  -o-transform: rotate(213.3deg);
  transform: rotate(213.3deg);
}
.rotate-80 {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.rotate-81 {
  -webkit-transform: rotate(218.7deg);
  -moz-transform: rotate(218.7deg);
  -ms-transform: rotate(218.7deg);
  -o-transform: rotate(218.7deg);
  transform: rotate(218.7deg);
}
.rotate-82 {
  -webkit-transform: rotate(221.4deg);
  -moz-transform: rotate(221.4deg);
  -ms-transform: rotate(221.4deg);
  -o-transform: rotate(221.4deg);
  transform: rotate(221.4deg);
}
.rotate-83 {
  -webkit-transform: rotate(224.1deg);
  -moz-transform: rotate(224.1deg);
  -ms-transform: rotate(224.1deg);
  -o-transform: rotate(224.1deg);
  transform: rotate(224.1deg);
}
.rotate-84 {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.rotate-85 {
  -webkit-transform: rotate(229.5deg);
  -moz-transform: rotate(229.5deg);
  -ms-transform: rotate(229.5deg);
  -o-transform: rotate(229.5deg);
  transform: rotate(229.5deg);
}
.rotate-86 {
  -webkit-transform: rotate(232.2deg);
  -moz-transform: rotate(232.2deg);
  -ms-transform: rotate(232.2deg);
  -o-transform: rotate(232.2deg);
  transform: rotate(232.2deg);
}
.rotate-87 {
  -webkit-transform: rotate(234.9deg);
  -moz-transform: rotate(234.9deg);
  -ms-transform: rotate(234.9deg);
  -o-transform: rotate(234.9deg);
  transform: rotate(234.9deg);
}
.rotate-88 {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.rotate-89 {
  -webkit-transform: rotate(240.3deg);
  -moz-transform: rotate(240.3deg);
  -ms-transform: rotate(240.3deg);
  -o-transform: rotate(240.3deg);
  transform: rotate(240.3deg);
}
.rotate-90 {
  -webkit-transform: rotate(243deg);
  -moz-transform: rotate(243deg);
  -ms-transform: rotate(243deg);
  -o-transform: rotate(243deg);
  transform: rotate(243deg);
}
.rotate-91 {
  -webkit-transform: rotate(245.7deg);
  -moz-transform: rotate(245.7deg);
  -ms-transform: rotate(245.7deg);
  -o-transform: rotate(245.7deg);
  transform: rotate(245.7deg);
}
.rotate-92 {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.rotate-93 {
  -webkit-transform: rotate(251.1deg);
  -moz-transform: rotate(251.1deg);
  -ms-transform: rotate(251.1deg);
  -o-transform: rotate(251.1deg);
  transform: rotate(251.1deg);
}
.rotate-94 {
  -webkit-transform: rotate(253.8deg);
  -moz-transform: rotate(253.8deg);
  -ms-transform: rotate(253.8deg);
  -o-transform: rotate(253.8deg);
  transform: rotate(253.8deg);
}
.rotate-95 {
  -webkit-transform: rotate(256.5deg);
  -moz-transform: rotate(256.5deg);
  -ms-transform: rotate(256.5deg);
  -o-transform: rotate(256.5deg);
  transform: rotate(256.5deg);
}
.rotate-96 {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.rotate-97 {
  -webkit-transform: rotate(261.9deg);
  -moz-transform: rotate(261.9deg);
  -ms-transform: rotate(261.9deg);
  -o-transform: rotate(261.9deg);
  transform: rotate(261.9deg);
}
.rotate-98 {
  -webkit-transform: rotate(264.6deg);
  -moz-transform: rotate(264.6deg);
  -ms-transform: rotate(264.6deg);
  -o-transform: rotate(264.6deg);
  transform: rotate(264.6deg);
}
.rotate-99 {
  -webkit-transform: rotate(267.3deg);
  -moz-transform: rotate(267.3deg);
  -ms-transform: rotate(267.3deg);
  -o-transform: rotate(267.3deg);
  transform: rotate(267.3deg);
}
.rotate-100 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.gl-notice__position {
  position: fixed;
  right: 0;
  top: 60px;
  height: 52px;
  z-index: 6;
}
@media (min-width: 18em) {
  .gl-notice__position {
    width: 100%;
  }
}
@media (min-width: 80em) {
  .gl-notice__position {
    width: calc(100% - 240px);
  }
}
.small-bar .gl-notice__position {
  width: calc(100% - 56px);
}
.gl-grid-form {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutterwidth);
  align-items: center;
  justify-content: space-between;
}
.gl-grid-form.gap-none {
  gap: 0;
}
.gl-grid-form.grid-columns-12 {
  grid-template-columns: repeat(12, 1fr);
}
.gl-grid-form__buttons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: var(--gutterlarge);
}
.gl-grid-form__buttons.section {
  margin-top: 40px;
}
.gl-grid-form__buttons gl-button {
  margin-left: var(--gutterwidth);
}
.gl-grid-form__cols {
  position: relative;
  width: 100%;
  display: flex;
  gap: 0;
  margin-top: 2px;
}
.gl-grid-form__cols:before {
  content: "";
  position: absolute;
  left: -24px;
  top: -1px;
  width: 24px;
  height: calc(100% + 1px);
  background-color: var(--white);
  border-bottom: 1px solid var(--pale-blue);
  border-top: 1px solid var(--pale-blue);
  box-sizing: border-box;
}
.gl-grid-form__cols:after {
  content: "";
  position: absolute;
  right: -24px;
  top: -1px;
  width: 24px;
  height: calc(100% + 1px);
  background-color: var(--pale-grey-three);
  border-bottom: 1px solid var(--pale-blue);
  border-top: 1px solid var(--pale-blue);
  box-sizing: border-box;
}
.gl-grid-form__cols .cols-item {
  width: 100%;
  flex-grow: 1;
  box-shadow: 6px 0 6px -1px rgba(10, 22, 70, 0.04), 0 0 1px 0 rgba(10, 22, 70, 0.06);
}
.gl-grid-form__cols .cols-item:first-child {
  position: relative;
  background-color: var(--white);
  border-bottom: 1px solid var(--pale-blue);
  box-shadow: 6px 0 6px -1px rgba(10, 22, 70, 0.04), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  padding: 32px 24px 24px 4px;
}
.gl-grid-form__cols .cols-item:last-child {
  background-color: var(--pale-grey-three);
  border-bottom: 1px solid var(--pale-blue);
  padding: 32px 24px 24px;
}
.gl-grid-form__popup {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gutterwidth);
  justify-content: space-between;
}
[class^=col-].col-1,
[class*=" col-"].col-1 {
  grid-area: auto/auto/auto/span 2;
}
[class^=col-].col-2,
[class*=" col-"].col-2 {
  grid-area: auto/auto/auto/span 1;
}
[class^=col-].col-2-offset,
[class*=" col-"].col-2-offset {
  grid-area: auto/auto/auto/span 2;
  padding-right: calc(50% + 12px);
}
[class^=col-].col-3-offset,
[class*=" col-"].col-3-offset {
  grid-area: auto/auto/auto/span 2;
  padding-right: calc(66.6% + 12px);
}
[class^=col-].col-4-offset,
[class*=" col-"].col-4-offset {
  grid-area: auto/auto/auto/span 2;
  padding-right: calc(75% + 12px);
}
.grid-columns-area-1 {
  grid-area: auto/auto/auto/span 1;
}
.grid-columns-area-2 {
  grid-area: auto/auto/auto/span 2;
}
.grid-columns-area-3 {
  grid-area: auto/auto/auto/span 3;
}
.grid-columns-area-3-offset {
  grid-area: auto/auto/auto/span 12;
  padding-right: calc(75% + 12px);
}
.grid-columns-area-4 {
  grid-area: auto/auto/auto/span 4;
}
.grid-columns-area-4-offset {
  grid-area: auto/auto/auto/span 12;
  padding-right: calc(66.6% + 12px);
}
.grid-columns-area-5 {
  grid-area: auto/auto/auto/span 5;
}
.grid-columns-area-6 {
  grid-area: auto/auto/auto/span 6;
}
.grid-columns-area-6-offset {
  grid-area: auto/auto/auto/span 12;
  padding-right: calc(50% + 12px);
}
.grid-columns-area-7 {
  grid-area: auto/auto/auto/span 7;
}
.grid-columns-area-8 {
  grid-area: auto/auto/auto/span 8;
}
.grid-columns-area-9 {
  grid-area: auto/auto/auto/span 9;
}
.grid-columns-area-10 {
  grid-area: auto/auto/auto/span 10;
}
.grid-columns-area-11 {
  grid-area: auto/auto/auto/span 11;
}
.grid-columns-area-12 {
  grid-area: auto/auto/auto/span 12;
}
.not-found-page {
  position: fixed;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: contain;
  padding: 0 24px;
}
@media (min-width: 18em) {
  .not-found-page {
    background: url(https://min.gamelearn.io/css-resources/gamelearn/resources/background-error.png) no-repeat center;
  }
}
@media (min-width: 60em) {
  .not-found-page {
    background: url(https://min.gamelearn.io/css-resources/gamelearn/resources/background-error.png) no-repeat left top;
    background-size: contain;
  }
}
.not-found-page__image {
  width: 95px;
  background: url(https://min.gamelearn.io/css-resources/gamelearn/resources/character-error.png) no-repeat left top;
  background-size: contain;
}
@media (min-width: 18em) {
  .not-found-page__image {
    min-height: 380px;
  }
}
@media (min-width: 38em) {
  .not-found-page__image {
    min-height: 340px;
  }
}
@media (min-width: 60em) {
  .not-found-page__image {
    min-height: 383px;
  }
}
.not-found-page__message {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 18em) {
  .not-found-page__message {
    max-width: 240px;
    padding-left: 16px;
  }
}
@media (min-width: 38em) {
  .not-found-page__message {
    max-width: 300px;
  }
}
@media (min-width: 60em) {
  .not-found-page__message {
    max-width: 400px;
    padding-left: 40px;
  }
}
.not-found-page__title {
  width: 100%;
  color: #3f4146;
  line-height: 30px;
  font-weight: 500;
  padding-bottom: 16px;
}
@media (min-width: 18em) {
  .not-found-page__title {
    font-size: 26px;
  }
}
@media (min-width: 60em) {
  .not-found-page__title {
    font-size: 32px;
  }
}
.not-found-page__text {
  color: #3f4146;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  padding-bottom: 40px;
}
.not-found-page__logo {
  position: absolute;
  left: 48px;
  bottom: 48px;
  width: 100%;
  max-width: 150px;
  height: 30px;
  background: url(https://min.gamelearn.io/css-resources/gamelearn/resources/logo-gl.png) no-repeat left top;
  background-size: contain;
}
.not-found-page .btn {
  min-width: 124px;
  height: 48px;
  justify-content: center;
  font-size: 16px;
}
.personalized-email__layer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(133, 138, 148, 0.8);
  overflow-y: auto;
  z-index: 1;
}
.personalized-email__wrapper {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  background-color: #f5f7fa;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-family: var(--basefont);
}
.personalized-email__wrapper td {
  padding: 0;
  border-radius: 0;
}
.personalized-email__header {
  width: 100%;
}
.personalized-email__logo {
  width: 100%;
  max-width: 180px;
  margin: 48px auto 0;
  display: block;
}
.personalized-email__footer {
  width: 100%;
  display: block;
  background-color: #eceff4;
  padding: 0 48px 32px;
}
.personalized-email__footer--logo {
  width: 100%;
  max-width: 120px;
  margin: 24px auto;
  display: block;
}
.personalized-email__footer--text {
  width: 100%;
  font-size: 12px;
  color: #3f4146;
  text-align: center;
  padding-bottom: 16px;
}
.personalized-email__footer--social {
  width: 167px;
  display: block;
  margin: 0 auto 21px;
}
.personalized-email__footer--social a {
  width: 32px;
  height: 32px;
  display: inline-block;
  background-color: #ffffff;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  margin: 0 3px;
}
.facebook {
  background-image: url(https://min.gamelearn.io/css-resources/email-templates/icon-facebook.png);
}
.linkedin {
  background-image: url(https://min.gamelearn.io/css-resources/email-templates/icon-linkedin.png);
}
.twitter {
  background-image: url(https://min.gamelearn.io/css-resources/email-templates/icon-twitter.png);
}
.youtube {
  background-image: url(https://min.gamelearn.io/css-resources/email-templates/icon-youtube.png);
}
.personalized-email__footer--list__centered {
  display: block;
  margin: 0 auto;
  max-width: 255px;
}
.personalized-email__footer--list {
  width: 100%;
  max-width: 255px;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #3f4146;
  padding-bottom: 24px;
  padding-left: 16px;
}
.personalized-email__footer--list a {
  color: #3f4146;
  display: flex;
  align-items: center;
}
.personalized-email__separator {
  width: 1px;
  height: 15px;
  float: left;
  background-color: #3f4146;
  margin: 0 7px;
}
.personalized-email__footer--legend {
  width: 100%;
  text-align: center;
  font-size: 11px;
  line-height: 17px;
  color: #858a94;
  margin-bottom: 10px;
}
.personalized-email__footer--legend a {
  color: #007eff;
  text-decoration: none;
  display: inline;
}
.personalized-email__image {
  width: 100%;
  height: 160px;
  background-image: url(https://min.gamelearn.io/css-resources/email-templates/personalized-email.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  margin: 32px 0;
}
.personalized-email__text {
  width: 100%;
  max-width: 504px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  color: #3f4146;
  padding-bottom: 40px;
}
.personalized-email__text ul:not(.browser-default) {
  padding-left: 40px;
}
.personalized-email__text ul:not(.browser-default) > li {
  list-style-type: disc;
}
.personalized-email__text ol li[data-list=ordered],
.personalized-email__text ul li[data-list=ordered] {
  list-style-type: numeric;
}
.personalized-email__text ol li[data-list=bullet],
.personalized-email__text ul li[data-list=bullet] {
  list-style-type: disc;
}
.personalized-email__text p {
  margin: 0;
}
.personalized-email__legend {
  width: 100%;
  max-width: 504px;
  margin: 0 auto;
  font-size: 12px;
  font-weight: 300;
  line-height: 17px;
  color: #858a94;
  padding-bottom: 56px;
}
.rect-auto,
.gl-circle-chart.progress-100 .gl-circle-chart__slice,
.gl-circle-chart.progress-99 .gl-circle-chart__slice,
.gl-circle-chart.progress-98 .gl-circle-chart__slice,
.gl-circle-chart.progress-97 .gl-circle-chart__slice,
.gl-circle-chart.progress-96 .gl-circle-chart__slice,
.gl-circle-chart.progress-95 .gl-circle-chart__slice,
.gl-circle-chart.progress-94 .gl-circle-chart__slice,
.gl-circle-chart.progress-93 .gl-circle-chart__slice,
.gl-circle-chart.progress-92 .gl-circle-chart__slice,
.gl-circle-chart.progress-91 .gl-circle-chart__slice,
.gl-circle-chart.progress-90 .gl-circle-chart__slice,
.gl-circle-chart.progress-89 .gl-circle-chart__slice,
.gl-circle-chart.progress-88 .gl-circle-chart__slice,
.gl-circle-chart.progress-87 .gl-circle-chart__slice,
.gl-circle-chart.progress-86 .gl-circle-chart__slice,
.gl-circle-chart.progress-85 .gl-circle-chart__slice,
.gl-circle-chart.progress-84 .gl-circle-chart__slice,
.gl-circle-chart.progress-83 .gl-circle-chart__slice,
.gl-circle-chart.progress-82 .gl-circle-chart__slice,
.gl-circle-chart.progress-81 .gl-circle-chart__slice,
.gl-circle-chart.progress-80 .gl-circle-chart__slice,
.gl-circle-chart.progress-79 .gl-circle-chart__slice,
.gl-circle-chart.progress-78 .gl-circle-chart__slice,
.gl-circle-chart.progress-77 .gl-circle-chart__slice,
.gl-circle-chart.progress-76 .gl-circle-chart__slice,
.gl-circle-chart.progress-75 .gl-circle-chart__slice,
.gl-circle-chart.progress-74 .gl-circle-chart__slice,
.gl-circle-chart.progress-73 .gl-circle-chart__slice,
.gl-circle-chart.progress-72 .gl-circle-chart__slice,
.gl-circle-chart.progress-71 .gl-circle-chart__slice,
.gl-circle-chart.progress-70 .gl-circle-chart__slice,
.gl-circle-chart.progress-69 .gl-circle-chart__slice,
.gl-circle-chart.progress-68 .gl-circle-chart__slice,
.gl-circle-chart.progress-67 .gl-circle-chart__slice,
.gl-circle-chart.progress-66 .gl-circle-chart__slice,
.gl-circle-chart.progress-65 .gl-circle-chart__slice,
.gl-circle-chart.progress-64 .gl-circle-chart__slice,
.gl-circle-chart.progress-63 .gl-circle-chart__slice,
.gl-circle-chart.progress-62 .gl-circle-chart__slice,
.gl-circle-chart.progress-61 .gl-circle-chart__slice,
.gl-circle-chart.progress-60 .gl-circle-chart__slice,
.gl-circle-chart.progress-59 .gl-circle-chart__slice,
.gl-circle-chart.progress-58 .gl-circle-chart__slice,
.gl-circle-chart.progress-57 .gl-circle-chart__slice,
.gl-circle-chart.progress-56 .gl-circle-chart__slice,
.gl-circle-chart.progress-55 .gl-circle-chart__slice,
.gl-circle-chart.progress-54 .gl-circle-chart__slice,
.gl-circle-chart.progress-53 .gl-circle-chart__slice,
.gl-circle-chart.progress-52 .gl-circle-chart__slice,
.gl-circle-chart.progress-51 .gl-circle-chart__slice {
  clip: rect(auto, auto, auto, auto);
}
.pie,
.gl-circle-chart.progress-100 .gl-circle-chart__fill,
.gl-circle-chart.progress-99 .gl-circle-chart__fill,
.gl-circle-chart.progress-98 .gl-circle-chart__fill,
.gl-circle-chart.progress-97 .gl-circle-chart__fill,
.gl-circle-chart.progress-96 .gl-circle-chart__fill,
.gl-circle-chart.progress-95 .gl-circle-chart__fill,
.gl-circle-chart.progress-94 .gl-circle-chart__fill,
.gl-circle-chart.progress-93 .gl-circle-chart__fill,
.gl-circle-chart.progress-92 .gl-circle-chart__fill,
.gl-circle-chart.progress-91 .gl-circle-chart__fill,
.gl-circle-chart.progress-90 .gl-circle-chart__fill,
.gl-circle-chart.progress-89 .gl-circle-chart__fill,
.gl-circle-chart.progress-88 .gl-circle-chart__fill,
.gl-circle-chart.progress-87 .gl-circle-chart__fill,
.gl-circle-chart.progress-86 .gl-circle-chart__fill,
.gl-circle-chart.progress-85 .gl-circle-chart__fill,
.gl-circle-chart.progress-84 .gl-circle-chart__fill,
.gl-circle-chart.progress-83 .gl-circle-chart__fill,
.gl-circle-chart.progress-82 .gl-circle-chart__fill,
.gl-circle-chart.progress-81 .gl-circle-chart__fill,
.gl-circle-chart.progress-80 .gl-circle-chart__fill,
.gl-circle-chart.progress-79 .gl-circle-chart__fill,
.gl-circle-chart.progress-78 .gl-circle-chart__fill,
.gl-circle-chart.progress-77 .gl-circle-chart__fill,
.gl-circle-chart.progress-76 .gl-circle-chart__fill,
.gl-circle-chart.progress-75 .gl-circle-chart__fill,
.gl-circle-chart.progress-74 .gl-circle-chart__fill,
.gl-circle-chart.progress-73 .gl-circle-chart__fill,
.gl-circle-chart.progress-72 .gl-circle-chart__fill,
.gl-circle-chart.progress-71 .gl-circle-chart__fill,
.gl-circle-chart.progress-70 .gl-circle-chart__fill,
.gl-circle-chart.progress-69 .gl-circle-chart__fill,
.gl-circle-chart.progress-68 .gl-circle-chart__fill,
.gl-circle-chart.progress-67 .gl-circle-chart__fill,
.gl-circle-chart.progress-66 .gl-circle-chart__fill,
.gl-circle-chart.progress-65 .gl-circle-chart__fill,
.gl-circle-chart.progress-64 .gl-circle-chart__fill,
.gl-circle-chart.progress-63 .gl-circle-chart__fill,
.gl-circle-chart.progress-62 .gl-circle-chart__fill,
.gl-circle-chart.progress-61 .gl-circle-chart__fill,
.gl-circle-chart.progress-60 .gl-circle-chart__fill,
.gl-circle-chart.progress-59 .gl-circle-chart__fill,
.gl-circle-chart.progress-58 .gl-circle-chart__fill,
.gl-circle-chart.progress-57 .gl-circle-chart__fill,
.gl-circle-chart.progress-56 .gl-circle-chart__fill,
.gl-circle-chart.progress-55 .gl-circle-chart__fill,
.gl-circle-chart.progress-54 .gl-circle-chart__fill,
.gl-circle-chart.progress-53 .gl-circle-chart__fill,
.gl-circle-chart.progress-52 .gl-circle-chart__fill,
.gl-circle-chart.progress-51 .gl-circle-chart__fill,
.gl-circle-chart__bar {
  position: absolute;
  border: 0.12em solid transparent;
  width: 0.76em;
  height: 0.76em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg);
}
.pie__fill,
.gl-circle-chart.progress-100 .gl-circle-chart__fill,
.gl-circle-chart.progress-100 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-99 .gl-circle-chart__fill,
.gl-circle-chart.progress-99 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-98 .gl-circle-chart__fill,
.gl-circle-chart.progress-98 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-97 .gl-circle-chart__fill,
.gl-circle-chart.progress-97 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-96 .gl-circle-chart__fill,
.gl-circle-chart.progress-96 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-95 .gl-circle-chart__fill,
.gl-circle-chart.progress-95 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-94 .gl-circle-chart__fill,
.gl-circle-chart.progress-94 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-93 .gl-circle-chart__fill,
.gl-circle-chart.progress-93 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-92 .gl-circle-chart__fill,
.gl-circle-chart.progress-92 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-91 .gl-circle-chart__fill,
.gl-circle-chart.progress-91 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-90 .gl-circle-chart__fill,
.gl-circle-chart.progress-90 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-89 .gl-circle-chart__fill,
.gl-circle-chart.progress-89 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-88 .gl-circle-chart__fill,
.gl-circle-chart.progress-88 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-87 .gl-circle-chart__fill,
.gl-circle-chart.progress-87 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-86 .gl-circle-chart__fill,
.gl-circle-chart.progress-86 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-85 .gl-circle-chart__fill,
.gl-circle-chart.progress-85 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-84 .gl-circle-chart__fill,
.gl-circle-chart.progress-84 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-83 .gl-circle-chart__fill,
.gl-circle-chart.progress-83 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-82 .gl-circle-chart__fill,
.gl-circle-chart.progress-82 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-81 .gl-circle-chart__fill,
.gl-circle-chart.progress-81 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-80 .gl-circle-chart__fill,
.gl-circle-chart.progress-80 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-79 .gl-circle-chart__fill,
.gl-circle-chart.progress-79 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-78 .gl-circle-chart__fill,
.gl-circle-chart.progress-78 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-77 .gl-circle-chart__fill,
.gl-circle-chart.progress-77 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-76 .gl-circle-chart__fill,
.gl-circle-chart.progress-76 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-75 .gl-circle-chart__fill,
.gl-circle-chart.progress-75 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-74 .gl-circle-chart__fill,
.gl-circle-chart.progress-74 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-73 .gl-circle-chart__fill,
.gl-circle-chart.progress-73 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-72 .gl-circle-chart__fill,
.gl-circle-chart.progress-72 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-71 .gl-circle-chart__fill,
.gl-circle-chart.progress-71 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-70 .gl-circle-chart__fill,
.gl-circle-chart.progress-70 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-69 .gl-circle-chart__fill,
.gl-circle-chart.progress-69 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-68 .gl-circle-chart__fill,
.gl-circle-chart.progress-68 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-67 .gl-circle-chart__fill,
.gl-circle-chart.progress-67 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-66 .gl-circle-chart__fill,
.gl-circle-chart.progress-66 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-65 .gl-circle-chart__fill,
.gl-circle-chart.progress-65 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-64 .gl-circle-chart__fill,
.gl-circle-chart.progress-64 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-63 .gl-circle-chart__fill,
.gl-circle-chart.progress-63 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-62 .gl-circle-chart__fill,
.gl-circle-chart.progress-62 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-61 .gl-circle-chart__fill,
.gl-circle-chart.progress-61 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-60 .gl-circle-chart__fill,
.gl-circle-chart.progress-60 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-59 .gl-circle-chart__fill,
.gl-circle-chart.progress-59 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-58 .gl-circle-chart__fill,
.gl-circle-chart.progress-58 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-57 .gl-circle-chart__fill,
.gl-circle-chart.progress-57 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-56 .gl-circle-chart__fill,
.gl-circle-chart.progress-56 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-55 .gl-circle-chart__fill,
.gl-circle-chart.progress-55 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-54 .gl-circle-chart__fill,
.gl-circle-chart.progress-54 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-53 .gl-circle-chart__fill,
.gl-circle-chart.progress-53 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-52 .gl-circle-chart__fill,
.gl-circle-chart.progress-52 .gl-circle-chart__bar:after,
.gl-circle-chart.progress-51 .gl-circle-chart__fill,
.gl-circle-chart.progress-51 .gl-circle-chart__bar:after {
  transform: rotate(180deg);
}
.gl-circle-chart {
  position: relative;
  font-size: 58px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  background-color: var(--pale-blue);
}
.gl-circle-chart *,
.gl-circle-chart *:before,
.gl-circle-chart *:after {
  box-sizing: content-box;
}
.gl-circle-chart:after {
  position: absolute;
  top: 0.12em;
  left: 0.12em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: var(--white);
  width: 0.76em;
  height: 0.76em;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}
.gl-circle-chart__slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.gl-circle-chart.progress-1 .gl-circle-chart__bar {
  transform: rotate(3.6deg);
}
.gl-circle-chart.progress-2 .gl-circle-chart__bar {
  transform: rotate(7.2deg);
}
.gl-circle-chart.progress-3 .gl-circle-chart__bar {
  transform: rotate(10.8deg);
}
.gl-circle-chart.progress-4 .gl-circle-chart__bar {
  transform: rotate(14.4deg);
}
.gl-circle-chart.progress-5 .gl-circle-chart__bar {
  transform: rotate(18deg);
}
.gl-circle-chart.progress-6 .gl-circle-chart__bar {
  transform: rotate(21.6deg);
}
.gl-circle-chart.progress-7 .gl-circle-chart__bar {
  transform: rotate(25.2deg);
}
.gl-circle-chart.progress-8 .gl-circle-chart__bar {
  transform: rotate(28.8deg);
}
.gl-circle-chart.progress-9 .gl-circle-chart__bar {
  transform: rotate(32.4deg);
}
.gl-circle-chart.progress-10 .gl-circle-chart__bar {
  transform: rotate(36deg);
}
.gl-circle-chart.progress-11 .gl-circle-chart__bar {
  transform: rotate(39.6deg);
}
.gl-circle-chart.progress-12 .gl-circle-chart__bar {
  transform: rotate(43.2deg);
}
.gl-circle-chart.progress-13 .gl-circle-chart__bar {
  transform: rotate(46.8deg);
}
.gl-circle-chart.progress-14 .gl-circle-chart__bar {
  transform: rotate(50.4deg);
}
.gl-circle-chart.progress-15 .gl-circle-chart__bar {
  transform: rotate(54deg);
}
.gl-circle-chart.progress-16 .gl-circle-chart__bar {
  transform: rotate(57.6deg);
}
.gl-circle-chart.progress-17 .gl-circle-chart__bar {
  transform: rotate(61.2deg);
}
.gl-circle-chart.progress-18 .gl-circle-chart__bar {
  transform: rotate(64.8deg);
}
.gl-circle-chart.progress-19 .gl-circle-chart__bar {
  transform: rotate(68.4deg);
}
.gl-circle-chart.progress-20 .gl-circle-chart__bar {
  transform: rotate(72deg);
}
.gl-circle-chart.progress-21 .gl-circle-chart__bar {
  transform: rotate(75.6deg);
}
.gl-circle-chart.progress-22 .gl-circle-chart__bar {
  transform: rotate(79.2deg);
}
.gl-circle-chart.progress-23 .gl-circle-chart__bar {
  transform: rotate(82.8deg);
}
.gl-circle-chart.progress-24 .gl-circle-chart__bar {
  transform: rotate(86.4deg);
}
.gl-circle-chart.progress-25 .gl-circle-chart__bar {
  transform: rotate(90deg);
}
.gl-circle-chart.progress-26 .gl-circle-chart__bar {
  transform: rotate(93.6deg);
}
.gl-circle-chart.progress-27 .gl-circle-chart__bar {
  transform: rotate(97.2deg);
}
.gl-circle-chart.progress-28 .gl-circle-chart__bar {
  transform: rotate(100.8deg);
}
.gl-circle-chart.progress-29 .gl-circle-chart__bar {
  transform: rotate(104.4deg);
}
.gl-circle-chart.progress-30 .gl-circle-chart__bar {
  transform: rotate(108deg);
}
.gl-circle-chart.progress-31 .gl-circle-chart__bar {
  transform: rotate(111.6deg);
}
.gl-circle-chart.progress-32 .gl-circle-chart__bar {
  transform: rotate(115.2deg);
}
.gl-circle-chart.progress-33 .gl-circle-chart__bar {
  transform: rotate(118.8deg);
}
.gl-circle-chart.progress-34 .gl-circle-chart__bar {
  transform: rotate(122.4deg);
}
.gl-circle-chart.progress-35 .gl-circle-chart__bar {
  transform: rotate(126deg);
}
.gl-circle-chart.progress-36 .gl-circle-chart__bar {
  transform: rotate(129.6deg);
}
.gl-circle-chart.progress-37 .gl-circle-chart__bar {
  transform: rotate(133.2deg);
}
.gl-circle-chart.progress-38 .gl-circle-chart__bar {
  transform: rotate(136.8deg);
}
.gl-circle-chart.progress-39 .gl-circle-chart__bar {
  transform: rotate(140.4deg);
}
.gl-circle-chart.progress-40 .gl-circle-chart__bar {
  transform: rotate(144deg);
}
.gl-circle-chart.progress-41 .gl-circle-chart__bar {
  transform: rotate(147.6deg);
}
.gl-circle-chart.progress-42 .gl-circle-chart__bar {
  transform: rotate(151.2deg);
}
.gl-circle-chart.progress-43 .gl-circle-chart__bar {
  transform: rotate(154.8deg);
}
.gl-circle-chart.progress-44 .gl-circle-chart__bar {
  transform: rotate(158.4deg);
}
.gl-circle-chart.progress-45 .gl-circle-chart__bar {
  transform: rotate(162deg);
}
.gl-circle-chart.progress-46 .gl-circle-chart__bar {
  transform: rotate(165.6deg);
}
.gl-circle-chart.progress-47 .gl-circle-chart__bar {
  transform: rotate(169.2deg);
}
.gl-circle-chart.progress-48 .gl-circle-chart__bar {
  transform: rotate(172.8deg);
}
.gl-circle-chart.progress-49 .gl-circle-chart__bar {
  transform: rotate(176.4deg);
}
.gl-circle-chart.progress-50 .gl-circle-chart__bar {
  transform: rotate(180deg);
}
.gl-circle-chart.progress-51 .gl-circle-chart__bar {
  transform: rotate(183.6deg);
}
.gl-circle-chart.progress-52 .gl-circle-chart__bar {
  transform: rotate(187.2deg);
}
.gl-circle-chart.progress-53 .gl-circle-chart__bar {
  transform: rotate(190.8deg);
}
.gl-circle-chart.progress-54 .gl-circle-chart__bar {
  transform: rotate(194.4deg);
}
.gl-circle-chart.progress-55 .gl-circle-chart__bar {
  transform: rotate(198deg);
}
.gl-circle-chart.progress-56 .gl-circle-chart__bar {
  transform: rotate(201.6deg);
}
.gl-circle-chart.progress-57 .gl-circle-chart__bar {
  transform: rotate(205.2deg);
}
.gl-circle-chart.progress-58 .gl-circle-chart__bar {
  transform: rotate(208.8deg);
}
.gl-circle-chart.progress-59 .gl-circle-chart__bar {
  transform: rotate(212.4deg);
}
.gl-circle-chart.progress-60 .gl-circle-chart__bar {
  transform: rotate(216deg);
}
.gl-circle-chart.progress-61 .gl-circle-chart__bar {
  transform: rotate(219.6deg);
}
.gl-circle-chart.progress-62 .gl-circle-chart__bar {
  transform: rotate(223.2deg);
}
.gl-circle-chart.progress-63 .gl-circle-chart__bar {
  transform: rotate(226.8deg);
}
.gl-circle-chart.progress-64 .gl-circle-chart__bar {
  transform: rotate(230.4deg);
}
.gl-circle-chart.progress-65 .gl-circle-chart__bar {
  transform: rotate(234deg);
}
.gl-circle-chart.progress-66 .gl-circle-chart__bar {
  transform: rotate(237.6deg);
}
.gl-circle-chart.progress-67 .gl-circle-chart__bar {
  transform: rotate(241.2deg);
}
.gl-circle-chart.progress-68 .gl-circle-chart__bar {
  transform: rotate(244.8deg);
}
.gl-circle-chart.progress-69 .gl-circle-chart__bar {
  transform: rotate(248.4deg);
}
.gl-circle-chart.progress-70 .gl-circle-chart__bar {
  transform: rotate(252deg);
}
.gl-circle-chart.progress-71 .gl-circle-chart__bar {
  transform: rotate(255.6deg);
}
.gl-circle-chart.progress-72 .gl-circle-chart__bar {
  transform: rotate(259.2deg);
}
.gl-circle-chart.progress-73 .gl-circle-chart__bar {
  transform: rotate(262.8deg);
}
.gl-circle-chart.progress-74 .gl-circle-chart__bar {
  transform: rotate(266.4deg);
}
.gl-circle-chart.progress-75 .gl-circle-chart__bar {
  transform: rotate(270deg);
}
.gl-circle-chart.progress-76 .gl-circle-chart__bar {
  transform: rotate(273.6deg);
}
.gl-circle-chart.progress-77 .gl-circle-chart__bar {
  transform: rotate(277.2deg);
}
.gl-circle-chart.progress-78 .gl-circle-chart__bar {
  transform: rotate(280.8deg);
}
.gl-circle-chart.progress-79 .gl-circle-chart__bar {
  transform: rotate(284.4deg);
}
.gl-circle-chart.progress-80 .gl-circle-chart__bar {
  transform: rotate(288deg);
}
.gl-circle-chart.progress-81 .gl-circle-chart__bar {
  transform: rotate(291.6deg);
}
.gl-circle-chart.progress-82 .gl-circle-chart__bar {
  transform: rotate(295.2deg);
}
.gl-circle-chart.progress-83 .gl-circle-chart__bar {
  transform: rotate(298.8deg);
}
.gl-circle-chart.progress-84 .gl-circle-chart__bar {
  transform: rotate(302.4deg);
}
.gl-circle-chart.progress-85 .gl-circle-chart__bar {
  transform: rotate(306deg);
}
.gl-circle-chart.progress-86 .gl-circle-chart__bar {
  transform: rotate(309.6deg);
}
.gl-circle-chart.progress-87 .gl-circle-chart__bar {
  transform: rotate(313.2deg);
}
.gl-circle-chart.progress-88 .gl-circle-chart__bar {
  transform: rotate(316.8deg);
}
.gl-circle-chart.progress-89 .gl-circle-chart__bar {
  transform: rotate(320.4deg);
}
.gl-circle-chart.progress-90 .gl-circle-chart__bar {
  transform: rotate(324deg);
}
.gl-circle-chart.progress-91 .gl-circle-chart__bar {
  transform: rotate(327.6deg);
}
.gl-circle-chart.progress-92 .gl-circle-chart__bar {
  transform: rotate(331.2deg);
}
.gl-circle-chart.progress-93 .gl-circle-chart__bar {
  transform: rotate(334.8deg);
}
.gl-circle-chart.progress-94 .gl-circle-chart__bar {
  transform: rotate(338.4deg);
}
.gl-circle-chart.progress-95 .gl-circle-chart__bar {
  transform: rotate(342deg);
}
.gl-circle-chart.progress-96 .gl-circle-chart__bar {
  transform: rotate(345.6deg);
}
.gl-circle-chart.progress-97 .gl-circle-chart__bar {
  transform: rotate(349.2deg);
}
.gl-circle-chart.progress-98 .gl-circle-chart__bar {
  transform: rotate(352.8deg);
}
.gl-circle-chart.progress-99 .gl-circle-chart__bar {
  transform: rotate(356.4deg);
}
.gl-circle-chart.progress-100 .gl-circle-chart__bar {
  transform: rotate(360deg);
}
.gl-circle-chart.primary .gl-circle-chart__bar,
.gl-circle-chart.primary .gl-circle-chart__fill {
  border-color: var(--primary) !important;
}
.gl-context-menu__options--item {
  width: 100%;
  height: 36px;
  display: flex;
  align-items: center;
  background-color: var(--white);
  font-size: var(--small);
  line-height: 14px;
  color: var(--charcoal-grey);
  cursor: pointer;
  text-align: left;
  padding: 0 16px;
  transition: var(--transition);
}
.gl-context-menu__options--item.alert {
  color: var(--error);
}
.gl-context-menu__options--item:first-child {
  border-radius: 4px 4px 0 0;
}
.gl-context-menu__options--item:last-child {
  border-radius: 4px;
}
.gl-context-menu__options--item:hover {
  background-color: #e1e4e8;
}
.gl-context-menu__options--item a {
  color: var(--charcoal-grey);
}
.gl-context-menu__position {
  position: fixed;
  top: 125px;
  right: 24px;
  z-index: 3;
}
.gl-context-menu__position.tabGroup {
  top: -49px;
  right: 0;
}
.gl-context-menu__position.reports {
  position: fixed;
  top: 66px;
  right: 26px;
  z-index: 4;
}
.feature-discovery__content p {
  margin: 0;
}
.feature-discovery__buttons {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: var(--gutterwidth);
}
.gl-popup__content {
  padding: var(--gutterlarge);
}
.gl-popup__content.fullHeight {
  max-height: calc(100vh - 48px);
}
.padding-none .gl-popup__content,
.gl-popup__content.padding-none {
  padding: 0;
}
.gl-popup__content .gl-grid-form__buttons {
  justify-content: center;
  margin-top: var(--gutterbig);
}
.gl-popup__content .gl-grid-form__buttons gl-button {
  margin: 0 12px;
}
.gl-popup__scroll {
  max-height: calc(100vh - 156px);
  overflow: auto;
}
.fullHeight .gl-popup__scroll {
  max-height: calc(100vh - 112px);
}
.gl-popup__scroll--iframe {
  max-height: calc(100vh - 256px);
  overflow: auto;
}
.gl-popup__scroll--iframe.noWidthOverflow {
  padding: 0 var(--gutterlarge);
  margin-left: -32px;
  margin-right: -32px;
}
.gl-popup__scroll--content {
  max-height: calc(100vh - 356px);
  overflow: auto;
}
.gl-popup__form {
  margin-top: 16px;
}
.gl-popup__notice {
  position: absolute;
  width: 100%;
  height: 52px;
  z-index: 6;
}
.gl-popup__close {
  position: absolute;
  top: 24px;
  right: 16px;
  font-size: var(--big);
  line-height: 0;
  color: var(--charcoal-grey);
  cursor: pointer;
  transition: var(--transition);
}
.gl-popup__header .gl-popup__close {
  top: 24px;
}
.gl-popup__close:hover {
  color: var(--primary);
}
.gl-popup__close [class*=" glicon-"],
.gl-popup__close [class^=glicon-] {
  line-height: var(--medium);
}
.gl-popup__header {
  position: relative;
  width: 100%;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-shadow: var(--shadow-bottom);
  background-color: var(--white);
  z-index: 1;
}
.gl-popup__header .title {
  font-size: var(--normal);
  font-weight: 500;
  color: var(--charcoal-grey);
}
.gl-popup__header .subtitle {
  font-size: var(--x-small);
  font-weight: 200;
  color: var(--steel);
  padding-left: 12px;
}
.gl-popup__header gl-search {
  position: absolute;
  right: 70px;
  top: 20px;
}
.gl-popup__body {
  min-height: 506px;
  max-height: 506px;
  background-color: #f5f7fa;
  padding: 16px 24px;
  overflow-y: auto;
}
.gl-popup__footer {
  position: relative;
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-radius: 4px;
  box-shadow: var(--shadow-top);
  background-color: var(--white);
  padding: 0 var(--gutterwidth);
}
.gl-popup__title {
  width: calc(100% - 24px);
  font-size: var(--normal);
  line-height: 20px;
  font-weight: 500;
  padding-bottom: 8px;
}
.gl-popup__title.gap-bottom {
  padding-bottom: 8px;
}
.gl-popup__title.centered {
  width: 100%;
  text-align: center;
  padding-bottom: 0;
}
.gl-popup__title.text-centered {
  width: 100%;
  text-align: center;
}
.gl-popup__title.blue-text {
  color: var(--charcoal-grey) !important;
}
.gl-popup__heading--data {
  font-size: var(--x-small);
  font-weight: 300;
  color: var(--blue-grey);
  padding-bottom: 16px;
}
.gl-popup__heading--data b {
  color: var(--charcoal-grey);
  font-weight: 500;
}
.gl-popup__icon {
  color: var(--primary);
  font-size: var(--icon-huge);
  font-weight: 200;
  line-height: 0;
  padding-bottom: 16px;
}
.gl-popup__icon.error {
  color: var(--error);
}
.gl-popup__icon.success {
  color: var(--success);
}
.gl-popup__icon.warning {
  color: var(--orange);
}
.gl-popup__icon.centered {
  text-align: center;
}
.gl-popup__text {
  font-size: var(--x-small);
  font-weight: 300;
  line-height: 20px;
  padding-top: 16px;
}
.gl-popup__text:first-child {
  padding-top: 24px;
}
.gl-popup__text.padding-none {
  padding: 0;
}
.gl-popup__text b {
  font-weight: 500;
}
.gl-popup__text.alert {
  color: var(--error);
  font-weight: 400;
}
.gl-popup__text.decorator {
  margin: -8px 0;
}
.gl-popup__list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.gl-popup__list li {
  position: relative;
  padding: 0 0 var(--gap) calc(var(--gutterwidth) / 2);
}
.gl-popup__list li::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}
.gl-popup__list li:last-child {
  padding-bottom: 0;
}
.gl-popup__field {
  padding-top: 16px;
}
.gl-popup__buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: var(--gutterbig);
}
.gl-popup__buttons.position-static {
  position: static;
}
.gl-popup__buttons.padding-top__large {
  padding-top: var(--gutterlarge);
}
.gl-popup__buttons.padding-top__big {
  padding-top: var(--gutterbig);
}
.gl-popup__buttons.padding-top__none {
  padding-top: 0;
}
.gl-popup__buttons .btn,
.gl-popup__buttons gl-button {
  justify-content: center;
  margin: 0 calc(var(--gutterwidth) / 2);
}
.gl-popup__upload {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px dashed var(--light-grey-blue);
  padding: 32px;
  margin-top: 8px;
}
.gl-popup__upload.higher {
  height: 300px;
}
.gl-popup__upload.active {
  border: dashed 1px var(--deep-sky-blue);
  background-color: #e5f2ff;
}
.gl-popup__upload .label {
  font-size: var(--x-small);
  font-weight: 300;
  padding: 3px 0;
}
.gl-popup__upload .label.small {
  font-size: 11px;
}
.gl-popup__upload .label.size-file {
  padding-bottom: 24px;
}
.gl-popup__upload .label.size-file.kepler {
  padding-bottom: 0;
}
.gl-popup__upload .link {
  cursor: pointer;
  font-weight: 300;
  font-size: var(--small);
}
.gl-popup__upload .link a {
  font-weight: 400;
}
.gl-popup__upload .link a:hover {
  color: #005fbf;
}
.gl-popup__upload .separator {
  position: relative;
  width: 100%;
  border-bottom: none;
  margin: 10px 0 6px;
}
.gl-popup__upload .separator:before {
  content: "";
  position: absolute;
  left: calc(50% - 32px);
  top: 0;
  width: 64px;
  height: 1px;
  background-color: #e1e4e8;
}
.gl-popup__upload [class^=glicon-],
.gl-popup__upload [class*=" glicon-"] {
  color: var(--primary);
  font-size: var(--big);
  margin-bottom: 10px;
}
.gl-popup__upload image-cropper,
.gl-popup__upload img {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: contain;
}
.gl-popup__upload--selected {
  position: relative;
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px dashed var(--light-grey-blue);
  margin-top: calc(var(--gutterlarge) / 2);
}
.gl-popup__file--upload {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.gl-popup__file--upload__loader {
  position: relative;
  width: 100%;
  height: 3px;
  border-radius: 2.5px;
  background-color: var(--pale-blue);
}
.gl-popup__file--upload__loader span {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 2.5px;
  background-color: var(--primary);
}
.gl-popup__file--upload__progress {
  width: 100%;
  max-width: 275px;
}
.gl-popup__file--upload__info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--steel);
  font-weight: 300;
  padding-bottom: 8px;
}
.gl-popup__file--upload__info .name {
  display: flex;
  align-items: center;
  font-size: var(--x-small);
}
.gl-popup__file--upload__info .name span:last-child {
  max-width: 192px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.gl-popup__file--upload__info .name [class^=glicon-],
.gl-popup__file--upload__info .name [class*=" glicon-"] {
  color: var(--primary);
  font-size: var(--medium);
  padding-right: var(--gap);
}
.gl-popup__file--upload__info .load {
  display: flex;
  align-items: center;
  font-size: var(--small);
  color: var(--charcoal-grey);
}
.gl-popup__file--upload__info .load.success {
  color: var(--success);
}
.gl-popup__file--upload__info .load.success [class^=glicon-],
.gl-popup__file--upload__info .load.success [class*=" glicon-"] {
  color: var(--success);
}
.gl-popup__file--upload__info .load [class^=glicon-],
.gl-popup__file--upload__info .load [class*=" glicon-"] {
  color: var(--red);
  font-size: var(--normal);
  padding-left: var(--gap);
}
.gl-popup__file--upload a {
  cursor: pointer;
  font-weight: 400;
  transition: var(--transition);
}
.gl-popup__file--upload a:hover {
  color: #005fbf;
}
.gl-popup__file--upload label {
  position: relative;
  transition: var(--transition);
  z-index: 101;
}
.gl-popup__file--upload label.link a {
  text-transform: lowercase;
}
.gl-popup__file--upload__delete {
  font-size: var(--medium);
  color: var(--coral);
  cursor: pointer;
  border-left: 1px solid var(--pale-blue);
  padding-left: 16px;
  margin-left: 16px;
}
.gl-popup__radioButtons {
  width: 100%;
  display: grid;
  justify-content: space-between;
  margin: 16px 0;
}
.gl-popup__radioButtons.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.gl-popup__checkbox {
  padding-top: var(--gutterwidth);
}
.gl-popup__checkbox [type=checkbox] + label,
.gl-popup__checkbox [type=checkbox]:not(:checked) + label,
.gl-popup__checkbox [type=radio]:checked + label,
.gl-popup__checkbox [type=radio]:not(:checked) + label {
  color: var(--dusk);
  font-size: 12px;
  font-weight: 300;
  padding-left: var(--gutterwidth);
}
.gl-popup__checkbox input[type=checkbox]:not(.filled-in) + label:after {
  border-width: 2px;
}
.gl-popup__link--icon {
  position: relative;
  top: 24px;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #007eff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 4px;
  transition: var(--transition);
}
.gl-popup__link--icon:hover {
  color: #005fbf;
}
.gl-popup__link--icon [class*=" glicon-"],
.gl-popup__link--icon [class^=glicon-] {
  font-size: 20px;
  font-weight: 500;
  margin-right: 8px;
}
.gl-popup__link--icon.disabledPreview {
  color: var(--pale-blue);
  pointer-events: none;
}
.gl-popup__customHeadContent {
  font-weight: 300;
  font-size: var(--x-small);
  color: var(--charcoal-grey);
}
.gl-popup__customHeadContent div {
  padding-bottom: 8px;
}
.gl-popup__customHeadContent div:first-child {
  padding: 16px 0;
}
.gl-popup__customHeadContent a {
  font-weight: 500;
  cursor: pointer;
}
.gl-popup__customHeadContent a:hover {
  color: var(--primary-darken);
}
.gl-popup__block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
}
.gl-popup__block .form__group {
  width: auto;
}
.gl-popup-upload,
.gl-popup__file--upload {
  width: 100%;
  max-width: 564px;
  max-height: 370px;
}
.select-img-text {
  color: var(--primary);
  font-weight: 400;
  cursor: pointer;
}
.select-img-text b {
  font-weight: 300;
  color: var(--charcoal-grey);
  padding-right: 3px;
}
.select-img-text b:hover {
  color: var(--charcoal-grey);
}
.select-img-text:hover {
  color: #005fbf;
}
.selected-image {
  width: 100%;
  height: 200px;
}
.upload-img {
  opacity: 0;
  position: absolute;
  z-index: 100;
  cursor: pointer;
}
.upload-img:hover ~ .link .linkUpload {
  color: var(--primary-darken);
}
.gl-table__container {
  width: 100%;
  padding-top: 16px;
}
.gl-table__container.selected {
  padding-top: 0;
}
.gl-table__tabs {
  position: relative;
  width: 100%;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  padding: 16px;
  margin-top: 16px;
}
.gl-table__tabs--selector {
  position: absolute;
  left: 16px;
  top: 9px;
  width: 100%;
  max-width: 290px;
  display: inline-flex;
  align-items: center;
}
.gl-table__tabs--selector gl-select {
  min-width: 240px;
}
.gl-table__tabs--selector gl-tooltip,
.gl-table__tabs--selector gl-button {
  margin-left: 8px;
}
.gl-table__tabs--selector gl-button {
  margin-top: -2px;
}
.gl-table__tabs--item {
  color: var(--blue-grey);
  font-size: var(--x-small);
  font-weight: 400;
  padding: 0 12px;
  transition: var(--transition);
  cursor: pointer;
}
.gl-table__tabs--item:hover,
.gl-table__tabs--item.active {
  color: var(--primary);
  font-weight: 400;
}
.gl-tabs {
  width: 100%;
}
.gl-tabs__options {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.gl-tabs__options--item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  height: 48px;
  border: 1px solid var(--primary);
  color: var(--primary);
  font-size: var(--normal);
  font-weight: 300;
  cursor: pointer;
}
.gl-tabs__options--item.active {
  background-color: var(--primary);
  color: var(--white);
}
.gl-tabs__content {
  width: 100%;
  display: none;
}
.gl-tabs__content.active {
  display: block;
}
.cards {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(auto, 314px) minmax(auto, 314px) minmax(auto, 314px);
  grid-gap: 24px;
  justify-content: flex-start;
  margin-top: var(--gutterwidth);
}
@media (min-width: 100em) {
  .cards {
    grid-template-columns: minmax(auto, 317px) minmax(auto, 317px) minmax(auto, 317px) minmax(auto, 317px);
  }
}
.cards__item {
  position: relative;
  width: 100%;
  max-width: 352px;
  height: 225px;
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  box-shadow: 0 3px 3px -1px rgba(10, 22, 70, 0.1), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  background-color: var(--white);
  padding: 14px;
}
.cards__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cards__heading {
  font-size: var(--normal);
  font-weight: 500;
}
.cards__block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--x-small);
  line-height: var(--x-small);
  padding-top: 14px;
}
.cards__block > div {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.cards__subtitle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  padding-bottom: 5px;
}
.cards__text {
  font-weight: 300;
  line-height: 20px;
}
.cards__void {
  width: 18px;
  height: 2px;
  display: block;
  background-color: var(--charcoal-grey);
}
.cards__single {
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 3px 3px -1px rgba(10, 22, 70, 0.1), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  background-color: var(--white);
  padding: 32px;
}
.resources-grid {
  display: grid;
  grid-auto-rows: 164px;
  grid-auto-flow: dense;
  gap: 16px;
}
@media (min-width: 18em) {
  .resources-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 48em) {
  .resources-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 60em) {
  .resources-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.resources-grid .card-content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 4px;
  background-color: rgba(63, 65, 70, 0.56);
  color: #fff;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left;
  font-size: var(--x-small);
  font-weight: 400;
  line-height: var(--normal);
}
.resources-grid-item {
  position: relative;
}
.resources-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.resources-placeholder-icon {
  height: 100%;
  font-size: 6em !important;
}
.resources-placeholder-icon .mdi {
  vertical-align: middle;
}
.resources-tooltip {
  top: 58px;
  left: 15px;
  position: relative;
  font-family: var(--basefont);
}
.resources-filter {
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 6px 6px -1px rgba(10, 22, 70, 0.1), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  background-color: var(--white);
  padding: var(--gutterlarge);
  margin-top: var(--gutterwidth);
}
.resources-filter__grid {
  width: 100%;
  display: flex;
  align-items: center;
}
.resources-filter__title {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: var(--normal);
  font-weight: 500;
  margin-bottom: var(--gutterwidth);
}
.resources-filter__title gl-tooltip {
  margin-left: 8px;
}
.resources-filter__item {
  width: 100%;
  max-width: 33.3333333333%;
  padding-left: 24px;
}
.resources-filter__item:first-child {
  padding: 0;
}
.resources-toolbar {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: var(--gutterwidth) 0 4px;
}
.resources-void {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 80px;
}
.resources-void__icon {
  color: var(--primary);
  font-size: 85px;
  line-height: 0;
}
.resources-void__message {
  color: var(--charcoal-grey);
  font-size: 24px;
  font-weight: 300;
  line-height: 16px;
  padding-top: var(--gutterwidth);
}
.card-topbar {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.card-topbar .card-topbar-action {
  color: var(--white);
  font-size: var(--s-big);
  font-weight: bold;
  transition: var(--transition);
}
.card-topbar .card-topbar-action:hover {
  opacity: 0.8;
}
.card-topbar span {
  margin: 5px;
}
.card-topbar .mdi {
  cursor: pointer;
}
.gl-reports {
  width: 100%;
}
.gl-reports__containerCards {
  width: 100%;
  max-width: 986px;
  margin: 0 auto;
}
.gl-reports__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(318px, 1fr));
  grid-auto-rows: 107px;
  grid-auto-flow: dense;
  grid-gap: 16px;
}
.gl-reports__cards--item {
  position: relative;
  width: 100%;
  height: 107px;
  padding: 16px;
  border-radius: 6px;
  box-shadow: 0 3px 8px 0 rgba(0, 76, 255, 0.06);
  background-color: var(--white);
  font-size: var(--x-small);
  cursor: pointer;
}
.gl-reports__cards--item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 6px;
  box-shadow: 0 3px 8px 0 rgba(0, 76, 255, 0.06);
  background-color: #3f4146;
  transition: var(--transition);
}
.gl-reports__cards--item:hover:before {
  opacity: 0.85;
}
.gl-reports__cards--item:hover .actions {
  opacity: 1;
}
.gl-reports__cards--item .title {
  width: 100%;
  display: flex;
  align-items: center;
  font-weight: 500;
  padding-bottom: 12px;
}
.gl-reports__cards--item .title [class^=glicon-],
.gl-reports__cards--item .title [class*=" glicon-"] {
  font-size: var(--medium);
  margin-right: 10px;
}
.gl-reports__cards--item .text {
  font-weight: 300;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gl-reports__cards--item .actions {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.gl-reports__title {
  color: var(--charcoal-grey);
  font-size: var(--normal);
  font-weight: 500;
  padding: var(--gutterwidth) 0 calc(var(--gutterlarge) / 2);
}
.gl-reports__title.tableType {
  padding-bottom: 0;
}
.gl-documents-upload {
  position: relative;
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: var(--white);
  border: 1px dashed var(--light-grey-blue);
}
.gl-documents-upload.disabled,
.enrollment-disabled a.gl-documents-upload {
  border-color: var(--pale-blue);
  pointer-events: none;
  color: var(--pale-blue);
  cursor: not-allowed;
}
.gl-documents-upload.disabled [class^=glicon-],
.enrollment-disabled a.gl-documents-upload [class^=glicon-],
.gl-documents-upload.disabled [class*=" glicon-"],
.enrollment-disabled a.gl-documents-upload [class*=" glicon-"],
.gl-documents-upload.disabled .select-img-text,
.enrollment-disabled a.gl-documents-upload .select-img-text {
  color: var(--pale-blue);
}
.gl-documents-upload.higher {
  height: 300px;
}
.gl-documents-upload.active {
  border: dashed 1px var(--deep-sky-blue);
  background-color: #e5f2ff;
}
.gl-documents-upload.loading {
  border-color: var(--primary);
}
.gl-documents-upload .label {
  font-size: var(--x-small);
  font-weight: 300;
  padding: 3px 0;
}
.gl-documents-upload .label.small {
  font-size: 11px;
}
.gl-documents-upload .label.size-file {
  padding-bottom: 24px;
}
.gl-documents-upload .link {
  cursor: pointer;
  font-weight: 300;
  font-size: var(--small);
}
.gl-documents-upload .link a:hover {
  color: #005fbf;
}
.gl-documents-upload .separator {
  position: relative;
  width: 100%;
  border-bottom: none;
  margin: 10px 0 8px;
}
.gl-documents-upload .separator:before {
  content: "";
  position: absolute;
  left: calc(50% - 32px);
  top: 0;
  width: 64px;
  height: 1px;
  background-color: #e1e4e8;
}
.gl-documents-upload [class^=glicon-],
.gl-documents-upload [class*=" glicon-"] {
  color: var(--primary);
  font-size: var(--big);
  margin-bottom: 10px;
}
.gl-documents-upload image-cropper,
.gl-documents-upload img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: contain;
}
.gl-documents-upload__file {
  width: 100%;
  max-width: 330px;
  display: flex;
  align-items: center;
}
.gl-documents-upload__file--loader {
  position: relative;
  width: 100%;
  height: 3px;
  border-radius: 2.5px;
  background-color: var(--pale-blue);
}
.gl-documents-upload__file--loader span {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 2.5px;
  background-color: var(--primary);
}
.gl-documents-upload__file--progress {
  width: 100%;
  max-width: 275px;
}
.gl-documents-upload__file--info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--steel);
  font-weight: 300;
  padding-bottom: 8px;
}
.gl-documents-upload__file--info .name {
  max-width: 80%;
  display: flex;
  align-items: center;
  font-size: var(--x-small);
}
.gl-documents-upload__file--info .name [class^=glicon-],
.gl-documents-upload__file--info .name [class*=" glicon-"] {
  color: var(--primary);
  font-size: var(--medium);
  padding-right: var(--gap);
}
.gl-documents-upload__file--info .load {
  display: flex;
  align-items: center;
  font-size: var(--small);
  color: var(--charcoal-grey);
}
.gl-documents-upload__file--info .load.success {
  color: var(--success);
}
.gl-documents-upload__file--info .load.success [class^=glicon-],
.gl-documents-upload__file--info .load.success [class*=" glicon-"] {
  color: var(--success);
}
.gl-documents-upload__file--info .load [class^=glicon-],
.gl-documents-upload__file--info .load [class*=" glicon-"] {
  color: var(--red);
  font-size: var(--normal);
  padding-left: var(--gap);
}
.gl-documents-upload__file--delete {
  display: flex;
  align-items: center;
  border-left: 1px solid var(--pale-blue);
  margin-left: 12px;
  padding: 16px 12px;
  cursor: pointer;
}
.gl-documents-upload__file--delete [class^=glicon-],
.gl-documents-upload__file--delete [class*=" glicon-"] {
  color: var(--coral);
  font-size: var(--medium);
  line-height: 0;
}
.gl-documents-upload__file a {
  cursor: pointer;
  font-weight: 400;
  transition: var(--transition);
}
.gl-documents-upload__file a:hover {
  color: #005fbf;
}
.gl-documents-upload__file label {
  position: relative;
  transition: var(--transition);
  z-index: 101;
}
.gl-documents-upload__file label.link a {
  text-transform: lowercase;
}
.not-result-search {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
}
.not-result-search__icon {
  width: 140px;
  height: 88px;
  background-image: url(/public/img/no-result-search.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.not-result-search__message {
  color: var(--charcoal-grey);
  font-size: 24px;
  font-weight: 300;
  padding-top: 32px;
}
.filters__container {
  position: relative;
  width: 100%;
  max-width: 936px;
}
.filters__form {
  position: absolute;
  left: 0;
  top: 12px;
  width: 100%;
  border-radius: 6px;
  box-shadow: 0 32px 40px -2px rgba(10, 22, 70, 0.12), 0 0 1px 0 rgba(10, 22, 70, 0.06);
  border: solid 1px var(--pale-grey-two);
  background-color: var(--white);
  padding: var(--gutterlarge) var(--gutterwidth);
  z-index: 4;
}
.filters__form .gl-grid-form__buttons {
  margin-top: 8px;
  padding: 0 8px;
}
.filters__form lms-dynamic-form {
  margin: 0;
}
.badge__circle {
  position: absolute;
  right: -10px;
  top: 0;
  width: 14px;
  height: 14px;
}
.badge__circle:before {
  content: "";
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 100%;
  background-color: rgba(255, 99, 77, 0.34);
  animation: animation_badge-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.badge__circle:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: var(--coral);
  animation: animation_badge-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
.badge__circle--icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  color: white;
  font-size: 9px;
  font-weight: 700;
  line-height: 0;
}
.gl-skeleton {
  position: fixed;
  width: 100%;
  height: 100vh;
  display: flex;
  background-color: var(--pale-grey);
  overflow: hidden;
  z-index: 99999;
}
.gl-skeleton__nav {
  position: relative;
  width: 286px;
  height: 100vh;
  background-color: var(--white);
  background-image: url(/public/img/admin-logo.svg);
  background-position: 16px 16px;
  background-repeat: no-repeat;
  box-shadow: 3px 0 16px -1px rgba(10, 22, 70, 0.04), 0 0 1px 0 rgba(10, 22, 70, 0.06);
}
.gl-skeleton__topBar {
  width: 100%;
}
.gl-skeleton__header {
  position: relative;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: solid 0.8px #e1e4e8;
  background-color: var(--white);
  padding: 0 16px;
}
.gl-skeleton__breadcrumb {
  position: relative;
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  box-shadow: var(--shadow-card);
  background-color: var(--white);
  padding: 0 24px;
}
.gl-skeleton__circle {
  min-width: 30px;
  min-height: 30px;
  border-radius: 50%;
}
.gl-skeleton__circle.small {
  min-width: 20px;
  min-height: 20px;
}
.gl-skeleton__circle.medium {
  min-width: 25px;
  min-height: 25px;
}
.gl-skeleton__line {
  width: 100%;
  height: 24px;
  border-radius: 12px;
}
.gl-skeleton__line.small {
  width: 25%;
}
.gl-skeleton__line.medium {
  width: 50%;
}
.gl-skeleton__line.large {
  width: 75%;
}
.gl-skeleton__line.thin {
  height: 14px;
  border-radius: 7px;
}
.gl-skeleton__list {
  width: 100%;
  max-width: 420px;
  display: flex;
  align-items: center;
}
.gl-skeleton__list--item {
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 16px;
}
.gl-skeleton__list .flex-end {
  justify-content: flex-end;
}
.gl-skeleton__list .gap {
  margin-left: 16px;
}
.gl-skeleton__list.navMenu {
  max-width: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 16px;
  margin-top: 80px;
}
.gl-skeleton__body {
  width: 100%;
  max-width: 600px;
  padding: 24px;
}
.gl-skeleton__body > div {
  margin-bottom: 16px;
}
.animation {
  background: rgba(231, 231, 231, 0.8);
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(231, 231, 231, 0.8)), color-stop(18%, rgba(231, 231, 231, 0.3)), color-stop(33%, rgba(231, 231, 231, 0.8)));
  background:
    linear-gradient(
      to right,
      rgba(231, 231, 231, 0.8) 8%,
      rgba(231, 231, 231, 0.9) 18%,
      rgb(231, 231, 231) 33%);
  background-size: 800px 100px;
  animation: skeleton 1s infinite ease-out;
}
@keyframes skeleton {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.gl-reports__surveys--card {
  display: flex;
  align-items: center;
  margin: var(--gutterbig) 0 var(--gutterwidth);
}
.gl-reports__surveys--card__item {
  width: 100%;
  min-width: 264px;
  max-width: 288px;
  height: 276px;
  border-radius: 6px;
  box-shadow: 0 3px 8px 0 rgba(0, 76, 255, 0.06);
  background-color: var(--white);
  padding: 20px 24px 16px;
}
.gl-reports__surveys--card__item:nth-child(2) {
  max-width: 100%;
  margin: 0 var(--gutterwidth);
}
.gl-reports__surveys--title {
  width: 100%;
  color: var(--charcoal-grey);
  font-size: var(--x-small);
  font-weight: 600;
  text-align: center;
}
.gl-reports__surveys--chart {
  width: 100%;
  display: flex;
  justify-content: center;
}
.gl-reports__surveys--gap {
  display: block;
  margin-bottom: var(--gutterwidth);
}
.padding-top-gap {
  padding-top: var(--gap);
}
.padding-top-big {
  padding-top: var(--gutterbig);
}
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: var(--basefont);
}
.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}
.irs-line-left,
.irs-line-mid,
.irs-line-right {
  position: absolute;
  display: block;
  top: 0;
}
.irs-line-left {
  left: 0;
  width: 11%;
}
.irs-line-mid {
  left: 9%;
  width: 82%;
}
.irs-line-right {
  right: 0;
  width: 11%;
}
.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}
.irs-bar-edge {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}
.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1;
}
.irs-slider.type_last {
  z-index: 2;
}
.irs-min {
  position: absolute;
  display: block;
  left: 0;
  cursor: default;
}
.irs-max {
  position: absolute;
  display: block;
  right: 0;
  cursor: default;
}
.irs-from,
.irs-single,
.irs-to {
  position: absolute;
  display: block;
  top: -12px;
  left: 0;
  cursor: default;
  white-space: nowrap;
}
.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}
.irs-with-grid .irs-grid {
  display: block;
}
.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}
.irs-grid-pol.small {
  height: 4px;
}
.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  padding: 0 3px;
  color: #82868e;
}
.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}
.irs-disabled {
  opacity: 0.4;
}
.lt-ie9 .irs-disabled {
  filter: alpha(opacity=40);
}
.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}
.irs {
  height: 40px;
}
.irs-with-grid {
  height: 60px;
}
.irs-line {
  height: 8px;
  top: 25px;
  background-color: var(--pale-blue);
  border-radius: 4px;
}
.irs-bar {
  background: var(--primary);
}
.red-range .irs-bar {
  background: var(--error);
}
.red-range .irs-max,
.red-range .irs-min {
  background: var(--success);
}
.red-range .irs-from,
.red-range .irs-single,
.red-range .irs-to {
  background: var(--error);
}
.open-close-range .irs-disabled {
  opacity: 1;
}
.open-close-range .irs-line {
  background: var(--primary);
}
.open-close-range .irs-bar {
  background: var(--error);
}
.open-close-range .irs-max,
.open-close-range .irs-min {
  background: var(--primary);
}
.open-close-range .irs-from,
.open-close-range .irs-single,
.open-close-range .irs-to {
  background: var(--error);
}
.progress-range {
  align-self: center;
  width: 100%;
  margin: 32px auto;
}
.progress-range .irs-disabled {
  opacity: 1;
}
.progress-range .irs-bar,
.progress-range .irs-line {
  height: 8px;
}
.progress-range .irs-grid {
  bottom: -5px;
}
.progress-range .irs-grid-text {
  bottom: -10px;
}
.irs-line-left {
  height: 12px;
  background-position: 0 -30px;
}
.irs-line-mid {
  height: 12px;
  background-position: 0 0;
}
.irs-line-right {
  height: 12px;
  background-position: 100% -30px;
}
.irs-bar {
  height: 8px;
  top: 25px;
  background-position: 0 -60px;
  border-radius: 4px;
}
.irs-bar-edge {
  top: 25px;
  height: 12px;
  width: 9px;
  background-position: 0 -90px;
}
.irs-shadow {
  height: 3px;
  top: 34px;
  background: #000;
  opacity: 0.25;
}
.lt-ie9 .irs-shadow {
  filter: alpha(opacity=25);
}
.irs-slider {
  width: 16px;
  height: 18px;
  top: 22px;
  background-position: 0 -120px;
}
.irs-slider.state_hover,
.irs-slider:hover {
  background-position: 0 -150px;
}
.irs-max,
.irs-min {
  color: var(--charcoal-grey);
  font-size: 12px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 3px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: none;
}
.irs-from,
.irs-single,
.irs-to {
  min-width: 50px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--charcol-grey);
  font-size: 12px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: var(--pale-grey-two);
  border: solid 1px var(--pale-blue);
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  visibility: visible;
}
.irs-from > span,
.irs-single > span,
.irs-to > span {
  font-size: 12px !important;
}
.irs-from:after,
.irs-single:after,
.irs-to:after {
  position: absolute;
  display: block;
  content: "";
  bottom: -12px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  overflow: hidden;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--pale-grey-two);
  border-bottom: 6px solid transparent;
  z-index: 1;
}
.irs-from:before,
.irs-single:before,
.irs-to:before {
  content: "";
  position: absolute;
  bottom: -29px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 25px;
  height: 25px;
  background: url(/public/img/circle-chart.svg) no-repeat left top;
  background-size: contain;
  z-index: 1;
}
.irs-grid-pol {
  background: #e1e4e9;
}
.irs-grid-text {
  color: #82868e;
}
.irs-mark {
  display: block;
  position: absolute;
  top: 45px;
  background: var(--primary);
  padding: 1px 3px;
  border-radius: 3px;
  color: #fff;
  margin-left: -25px;
}
.irs-mark:before {
  content: "";
  width: 0;
  height: 0;
  border-right: 7px solid transparent;
  border-top: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid var(--primary);
  position: absolute;
  top: -14px;
  left: calc(50% - 7px);
}
.contentful--welcome__head {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
}
.contentful--title {
  position: absolute;
  left: 25px;
  top: 90px;
  color: #898989;
  font-size: 20px;
}
.contentful--logo {
  width: auto;
  height: 35px;
}
.contentful--avatar {
  width: auto;
  height: 100px;
}
.contentful--welcome__body .title {
  font-weight: bold;
  color: #000;
  margin-bottom: 0;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-drag-preview .mat-ripple-element,
.cdk-drag-placeholder .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}
.mat-elevation-z0,
.mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}
.mat-elevation-z1,
.mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}
.mat-elevation-z2,
.mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}
.mat-elevation-z3,
.mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}
.mat-elevation-z4,
.mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}
.mat-elevation-z5,
.mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}
.mat-elevation-z6,
.mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}
.mat-elevation-z7,
.mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}
.mat-elevation-z8,
.mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}
.mat-elevation-z9,
.mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}
.mat-elevation-z10,
.mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}
.mat-elevation-z11,
.mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}
.mat-elevation-z12,
.mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}
.mat-elevation-z13,
.mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}
.mat-elevation-z14,
.mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}
.mat-elevation-z15,
.mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}
.mat-elevation-z16,
.mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}
.mat-elevation-z17,
.mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}
.mat-elevation-z18,
.mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}
.mat-elevation-z19,
.mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}
.mat-elevation-z20,
.mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}
.mat-elevation-z21,
.mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}
.mat-elevation-z22,
.mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}
.mat-elevation-z23,
.mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}
.mat-elevation-z24,
.mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}
.mat-theme-loaded-marker {
  display: none;
}
html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
html {
  --mat-option-selected-state-label-text-color: #2196f3;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-accent {
  --mat-option-selected-state-label-text-color: #ffeb3b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #2196f3;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #2196f3;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color: #ffeb3b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffeb3b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #ffeb3b;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffeb3b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}
html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #2196f3;
  --mdc-linear-progress-track-color: rgba(33, 150, 243, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #ffeb3b;
  --mdc-linear-progress-track-color: rgba(255, 235, 59, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
html {
  --mdc-filled-text-field-caret-color: #2196f3;
  --mdc-filled-text-field-focus-active-indicator-color: #2196f3;
  --mdc-filled-text-field-focus-label-text-color: rgba(33, 150, 243, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #2196f3;
  --mdc-outlined-text-field-focus-outline-color: #2196f3;
  --mdc-outlined-text-field-focus-label-text-color: rgba(33, 150, 243, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: rgba(33, 150, 243, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #ffeb3b;
  --mdc-filled-text-field-focus-active-indicator-color: #ffeb3b;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 235, 59, 0.87);
  --mdc-outlined-text-field-caret-color: #ffeb3b;
  --mdc-outlined-text-field-focus-outline-color: #ffeb3b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 235, 59, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 235, 59, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}
html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}
html {
  --mat-select-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(33, 150, 243, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 235, 59, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform: translateY(-8px);
}
html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color: white;
}
html {
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}
html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #2196f3;
  --mdc-chip-elevated-selected-container-color: #2196f3;
  --mdc-chip-elevated-disabled-container-color: #2196f3;
  --mdc-chip-flat-disabled-selected-container-color: #2196f3;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color: #ffeb3b;
  --mdc-chip-elevated-selected-container-color: #ffeb3b;
  --mdc-chip-elevated-disabled-container-color: #ffeb3b;
  --mdc-chip-flat-disabled-selected-container-color: #ffeb3b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color: #1e88e5;
  --mdc-switch-selected-handle-color: #1e88e5;
  --mdc-switch-selected-hover-state-layer-color: #1e88e5;
  --mdc-switch-selected-pressed-state-layer-color: #1e88e5;
  --mdc-switch-selected-focus-handle-color: #0d47a1;
  --mdc-switch-selected-hover-handle-color: #0d47a1;
  --mdc-switch-selected-pressed-handle-color: #0d47a1;
  --mdc-switch-selected-focus-track-color: #64b5f6;
  --mdc-switch-selected-hover-track-color: #64b5f6;
  --mdc-switch-selected-pressed-track-color: #64b5f6;
  --mdc-switch-selected-track-color: #64b5f6;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #fdd835;
  --mdc-switch-selected-handle-color: #fdd835;
  --mdc-switch-selected-hover-state-layer-color: #fdd835;
  --mdc-switch-selected-pressed-state-layer-color: #fdd835;
  --mdc-switch-selected-focus-handle-color: #f57f17;
  --mdc-switch-selected-hover-handle-color: #f57f17;
  --mdc-switch-selected-pressed-handle-color: #f57f17;
  --mdc-switch-selected-focus-track-color: #fff176;
  --mdc-switch-selected-hover-track-color: #fff176;
  --mdc-switch-selected-pressed-track-color: #fff176;
  --mdc-switch-selected-track-color: #fff176;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}
html {
  --mdc-switch-state-layer-size: 40px;
}
html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #2196f3;
  --mdc-radio-selected-hover-icon-color: #2196f3;
  --mdc-radio-selected-icon-color: #2196f3;
  --mdc-radio-selected-pressed-icon-color: #2196f3;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #2196f3;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ffeb3b;
  --mdc-radio-selected-hover-icon-color: #ffeb3b;
  --mdc-radio-selected-icon-color: #ffeb3b;
  --mdc-radio-selected-pressed-icon-color: #ffeb3b;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ffeb3b;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}
html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}
html {
  --mdc-slider-handle-color: #2196f3;
  --mdc-slider-focus-handle-color: #2196f3;
  --mdc-slider-hover-handle-color: #2196f3;
  --mdc-slider-active-track-color: #2196f3;
  --mdc-slider-inactive-track-color: #2196f3;
  --mdc-slider-with-tick-marks-inactive-container-color: #2196f3;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-slider-ripple-color: #2196f3;
  --mat-slider-hover-state-layer-color: rgba(33, 150, 243, 0.05);
  --mat-slider-focus-state-layer-color: rgba(33, 150, 243, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #ffeb3b;
  --mdc-slider-focus-handle-color: #ffeb3b;
  --mdc-slider-hover-handle-color: #ffeb3b;
  --mdc-slider-active-track-color: #ffeb3b;
  --mdc-slider-inactive-track-color: #ffeb3b;
  --mdc-slider-with-tick-marks-inactive-container-color: #ffeb3b;
  --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color: #ffeb3b;
  --mat-slider-hover-state-layer-color: rgba(255, 235, 59, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 235, 59, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}
html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-base-elevation-level: 8;
}
html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #2196f3;
  --mdc-radio-selected-hover-icon-color: #2196f3;
  --mdc-radio-selected-icon-color: #2196f3;
  --mdc-radio-selected-pressed-icon-color: #2196f3;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ffeb3b;
  --mdc-radio-selected-hover-icon-color: #ffeb3b;
  --mdc-radio-selected-icon-color: #ffeb3b;
  --mdc-radio-selected-pressed-icon-color: #ffeb3b;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #2196f3;
  --mdc-checkbox-selected-hover-icon-color: #2196f3;
  --mdc-checkbox-selected-icon-color: #2196f3;
  --mdc-checkbox-selected-pressed-icon-color: #2196f3;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2196f3;
  --mdc-checkbox-selected-hover-state-layer-color: #2196f3;
  --mdc-checkbox-selected-pressed-state-layer-color: #2196f3;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #ffeb3b;
  --mdc-checkbox-selected-hover-icon-color: #ffeb3b;
  --mdc-checkbox-selected-icon-color: #ffeb3b;
  --mdc-checkbox-selected-pressed-icon-color: #ffeb3b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ffeb3b;
  --mdc-checkbox-selected-hover-state-layer-color: #ffeb3b;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffeb3b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #2196f3;
}
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}
html {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #2196f3;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #2196f3;
  --mat-tab-header-active-ripple-color: #2196f3;
  --mat-tab-header-inactive-ripple-color: #2196f3;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #2196f3;
  --mat-tab-header-active-hover-label-text-color: #2196f3;
  --mat-tab-header-active-focus-indicator-color: #2196f3;
  --mat-tab-header-active-hover-indicator-color: #2196f3;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #ffeb3b;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ffeb3b;
  --mat-tab-header-active-ripple-color: #ffeb3b;
  --mat-tab-header-inactive-ripple-color: #ffeb3b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ffeb3b;
  --mat-tab-header-active-hover-label-text-color: #ffeb3b;
  --mat-tab-header-active-focus-indicator-color: #ffeb3b;
  --mat-tab-header-active-hover-indicator-color: #ffeb3b;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #2196f3;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #ffeb3b;
  --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: black;
  --mdc-checkbox-selected-focus-icon-color: #ffeb3b;
  --mdc-checkbox-selected-hover-icon-color: #ffeb3b;
  --mdc-checkbox-selected-icon-color: #ffeb3b;
  --mdc-checkbox-selected-pressed-icon-color: #ffeb3b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ffeb3b;
  --mdc-checkbox-selected-hover-state-layer-color: #ffeb3b;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffeb3b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #2196f3;
  --mdc-checkbox-selected-hover-icon-color: #2196f3;
  --mdc-checkbox-selected-icon-color: #2196f3;
  --mdc-checkbox-selected-pressed-icon-color: #2196f3;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2196f3;
  --mdc-checkbox-selected-hover-state-layer-color: #2196f3;
  --mdc-checkbox-selected-pressed-state-layer-color: #2196f3;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}
html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #2196f3;
  --mat-text-button-state-layer-color: #2196f3;
  --mat-text-button-ripple-color: rgba(33, 150, 243, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ffeb3b;
  --mat-text-button-state-layer-color: #ffeb3b;
  --mat-text-button-ripple-color: rgba(255, 235, 59, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #2196f3;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ffeb3b;
  --mdc-filled-button-label-text-color: black;
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #2196f3;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ffeb3b;
  --mdc-protected-button-label-text-color: black;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #2196f3;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #2196f3;
  --mat-outlined-button-ripple-color: rgba(33, 150, 243, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ffeb3b;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ffeb3b;
  --mat-outlined-button-ripple-color: rgba(255, 235, 59, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}
html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}
html {
  --mdc-icon-button-icon-size: 24px;
}
html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #2196f3;
  --mat-icon-button-state-layer-color: #2196f3;
  --mat-icon-button-ripple-color: rgba(33, 150, 243, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ffeb3b;
  --mat-icon-button-state-layer-color: #ffeb3b;
  --mat-icon-button-ripple-color: rgba(255, 235, 59, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}
html {
  --mat-icon-button-touch-target-display: block;
}
.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-fab-container-color: white;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #2196f3;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #ffeb3b;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #2196f3;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #ffeb3b;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}
html {
  --mdc-snackbar-container-shape: 4px;
}
html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #ffeb3b;
}
html {
  --mat-table-row-item-outline-width: 1px;
}
html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
html {
  --mdc-circular-progress-active-indicator-color: #2196f3;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #ffeb3b;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}
html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}
html {
  --mat-badge-background-color: #2196f3;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color: #ffeb3b;
  --mat-badge-text-color: rgba(0, 0, 0, 0.87);
}
.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
html {
  --mat-bottom-sheet-container-shape: 4px;
}
html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}
html {
  --mat-standard-button-toggle-height: 48px;
}
html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #2196f3;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(33, 150, 243, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(33, 150, 243, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(33, 150, 243, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #2196f3;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(33, 150, 243, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color: #ffeb3b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 235, 59, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 235, 59, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 235, 59, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 235, 59, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #ffeb3b;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-divider-width: 1px;
}
html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}
html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
html {
  --mat-icon-color: inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color: #2196f3;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ffeb3b;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}
html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #2196f3;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #2196f3;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #2196f3;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color: #ffeb3b;
  --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color: #ffeb3b;
  --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color: #ffeb3b;
  --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87);
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html {
  --mat-stepper-header-height: 72px;
}
html {
  --mat-sort-arrow-color: #757575;
}
html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #2196f3;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ffeb3b;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mat-tree-node-min-height: 48px;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px var(--basefont);
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px / 32px var(--basefont);
  letter-spacing: 0.0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px / 28px var(--basefont);
  letter-spacing: 0.009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 500 16px / 24px var(--basefont);
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px var(--basefont);
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px var(--basefont);
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px var(--basefont);
  letter-spacing: 0.0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px var(--basefont);
  letter-spacing: 0.0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px var(--basefont);
  letter-spacing: 0.0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 700 32px / 48px var(--basefont);
  letter-spacing: normal;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px var(--basefont);
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px var(--basefont);
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px var(--basefont);
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}
.tab-group .mat-ripple {
  --mat-tab-header-pagination-icon-color: var(--primary);
}
.tab-group .mat-mdc-tab-header {
  position: fixed;
  max-width: calc(100% - 325px);
  z-index: 2;
  border-bottom: none;
}
@media only screen and (max-width: 992px) {
  .tab-group .mat-mdc-tab-header {
    max-width: calc(100% - 100px);
  }
}
.tab-group .mat-mdc-tab-header:after {
  content: "";
  position: inherit;
  right: 0;
  background: var(--white);
  width: 100%;
  height: 62px;
  z-index: -1;
  border-top: solid 3px #e1e4e8;
  border-bottom: solid 0.1px #eaedf0;
}
.tab-group .mat-mdc-tab {
  min-width: 36px;
  height: 62px;
  margin-right: 16px;
  opacity: 1;
  white-space: normal;
  line-height: 36px;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  padding: 0 4px !important;
  transition: var(--transition);
  --mat-tab-header-active-ripple-color: var(--white);
  --mat-tab-header-active-label-text-color: var(--primary);
  --mat-tab-header-pagination-icon-color: var(--primary);
  --mat-tab-header-inactive-hover-label-text-color: var(--primary);
  --mat-tab-header-inactive-label-text-color: #626875;
}
.tab-group .mat-mdc-tab .mdc-tab__ripple:before {
  background-color: var(--white);
}
.tab-group .mat-mdc-tab .mdc-tab-indicator__content {
  position: absolute;
  min-width: 36px !important;
  visibility: visible;
  background-color: var(--primary) !important;
  height: 4px !important;
  bottom: 12px !important;
}
.tab-group .mat-mdc-tab:first-child {
  margin-left: 5px;
}
.tab-group .mat-mdc-tab:last-child {
  margin-right: 60px;
}
.tab-group .mat-mdc-tab-header-pagination {
  position: relative;
  color: var(--primary);
  transition: var(--transition);
}
.tab-group .mat-mdc-tab-header-pagination:hover {
  color: var(--primary-darken);
}
.tab-group .mat-mdc-tab-header-pagination-before:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 3px;
  width: 29px;
  height: 58px;
  background:
    linear-gradient(
      270deg,
      rgba(255, 255, 255, 0) 0,
      #fff 90%,
      #fff);
  pointer-events: none;
  z-index: 1;
}
.tab-group .mat-mdc-tab-header-pagination-before.mat-ripple {
  overflow: visible;
}
.tab-group .mat-mdc-tab-header-pagination-after:before {
  content: "";
  position: absolute;
  left: -35px;
  top: 10px;
  width: 35px;
  height: 40px;
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0,
      #fff 90%,
      #fff);
  pointer-events: none;
  z-index: 1;
}
.tab-group .mat-mdc-tab-header-pagination-after.mat-ripple {
  overflow: visible;
}
.tab-group .mat-mdc-tab-list {
  flex-grow: 0;
}
.tab-group .gl-mat-tab-label {
  min-width: 80px;
}
.tab-group .mat-mdc-tab-body.mat-mdc-tab-body-active {
  display: block !important;
  overflow-x: visible !important;
  overflow-y: hidden !important;
  min-height: calc(100vh - 240px);
  margin-top: 62px;
}
.tab-group .mat-mdc-tab-body-content,
.tab-group .mat-mdc-tab-body-wrapper {
  overflow: visible !important;
}
.tab-group__preloader {
  min-width: 0;
  padding: 0 !important;
  margin: 0;
}
.sub-tab-group .mat-mdc-tab {
  height: 48px;
  margin-right: 0;
  line-height: 48px;
  background: transparent;
  border: 1px solid var(--deep-sky-blue);
  border-radius: 0;
  padding: 0 24px !important;
  text-transform: uppercase;
  --mat-tab-header-inactive-label-text-color: var(--primary);
}
.sub-tab-group .mat-mdc-tab:hover,
.sub-tab-group .mat-mdc-tab:focus {
  --mat-tab-header-active-hover-label-text-color: var(--white);
  --mat-tab-header-inactive-focus-label-text-color: var(--white);
  --mat-tab-header-inactive-hover-label-text-color: var(--white);
  --mat-tab-header-active-focus-label-text-color: var(--white);
  background-color: var(--primary);
}
.sub-tab-group .mat-mdc-tab .mdc-tab-indicator__content {
  visibility: hidden;
}
.sub-tab-group .mdc-tab--active {
  --mat-tab-header-active-label-text-color: var(--white);
  background-color: var(--primary);
}
.sub-tab-group .mat-mdc-tab-header {
  position: absolute;
  width: 100%;
  max-width: 100%;
  z-index: 2;
  border-bottom: none;
}
.sub-tab-group .mat-mdc-tab-header:after {
  content: none;
}
.sub-tab-group .mat-mdc-tab-label-container {
  width: 100%;
  justify-content: center;
  background-color: var(--light-grey);
  padding-top: 24px;
}
.sub-tab-group .mat-mdc-tab-list {
  flex-grow: 0;
}
.embeddedServiceSidebarFormField .uiInputSelect > select.select {
  display: block;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */