@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, [type=button], [type=reset], [type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.lds-roller {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #5086c6;
  margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: Aileron;
  font-weight: normal;
  src: url(/public/components/Aileron/Aileron-Regular.otf);
}
@font-face {
  font-family: Aileron;
  font-weight: 200;
  src: url(/public/components/Aileron/Aileron-Light.otf);
}
@font-face {
  font-family: Aileron;
  font-weight: bold;
  src: url(/public/components/Aileron/Aileron-Bold.otf);
}
@font-face {
  font-family: Lato;
  font-weight: normal;
  src: url(/public/components/Lato/Lato-Regular.ttf);
}
@font-face {
  font-family: Lato;
  font-weight: 200;
  src: url(/public/components/Lato/Lato-Thin.ttf);
}
@font-face {
  font-family: Lato;
  font-weight: bold;
  src: url(/public/components/Lato/Lato-Medium.ttf);
}
@font-face {
  font-family: NunitoSans;
  font-weight: normal;
  src: url(/public/components/nunito-sans/NunitoSans-Regular.ttf);
}
@font-face {
  font-family: NunitoSans;
  font-weight: 200;
  src: url(/public/components/nunito-sans/NunitoSans-Light.ttf);
}
@font-face {
  font-family: NunitoSans;
  font-weight: bold;
  src: url(/public/components/nunito-sans/NunitoSans-Bold.ttf);
}
@font-face {
  font-family: OpenSans;
  font-weight: normal;
  src: url(/public/components/open-sans/OpenSans-Regular.ttf);
}
@font-face {
  font-family: OpenSans;
  font-weight: bold;
  src: url(/public/components/open-sans/OpenSans-SemiBold.ttf);
}
@font-face {
  font-family: FontAwesome;
  src: url(/public/components/font-awesome/fonts/FontAwesome.otf), url(/public/components/font-awesome/fonts/fontawesome-webfont.eot), url(/public/components/font-awesome/fonts/fontawesome-webfont.woff);
}
@font-face {
  font-family: Axiforma;
  src: url(/public/components/axiforma/Axiforma-Regular.otf) format("opentype");
}
.img-wrapper {
  height: auto;
  width: 100%;
  margin: 0 auto;
}

.img-wrapper img {
  height: auto;
  width: 100%;
  max-height: 100%;
}

.img-wrapper .account-logo {
  height: 80px;
}

.img-wrapper .avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
}

.img-wrapper .img-video {
  height: 10rem;
  margin: -0.7rem auto auto auto;
}

.img-wrapper .img-pdf, .img-wrapper .img-image, .img-wrapper .img-audio {
  height: 9rem;
  margin: -0.7rem auto auto auto;
}

.img {
  background: no-repeat center;
  background-size: contain;
}

.img-dashboard-grey {
  background-image: url("../../dist/icons/dashboard-grey.svg");
}

.img-team {
  background-image: url("../../dist/icons/team-view.svg");
}

.img-user-grey {
  background-image: url("../../dist/icons/user-grey.svg");
}

.img-career {
  background-image: url("../../dist/images/career.png");
}

.img-logo-lmc {
  background-image: url("../../dist/images/logos/lmc-logo.svg");
}

.img-logo-lmc-2 {
  background-image: url("../../dist/images/logos/lmc-logo-2.svg");
}

.img-logo-medspecialized-grey {
  background-image: url("../../dist/images/logos/logo-medspecialized-grey.svg");
}

.img-logo-meditab-grey {
  background-image: url("../../dist/images/logos/logo-meditab-grey.svg");
}

.img-logo-medvision-grey {
  background-image: url("../../dist/images/logos/logo-medvision-grey.svg");
}

.img-logo-medspecialized {
  background-image: url("../../dist/images/logos/medspecialized-logo.svg");
  background-size: 52% !important;
}

.img-logo-ims {
  background-image: url("../../dist/images/logos/logo-ims.svg");
}

.img-logo-caremechanix {
  background-image: url("../../dist/images/logos/logo-cmx.svg");
}

.img-logo-ips {
  background-image: url("../../dist/images/logos/logo-app-ips.svg");
  background-size: 70% !important;
}

.img-logo-healthsentry {
  background-image: url("../../dist/images/logos/logo-app-healthsentry-white.svg");
  background-size: 85% !important;
}

.img-logo-ERTechpros {
  background-image: url("../../dist/images/logos/logo-app-ERTechpros.svg");
  background-size: 85% !important;
}

.img-logo-meditab {
  background-image: url("../../dist/images/logos/logo-app-meditab.svg");
  background-size: 90% !important;
}

.img-logo-quickcap {
  background-image: url("../../dist/images/logos/logo-app-qc.svg");
}

.img-logo-apollo {
  background-image: url("../../dist/images/logos/logo-app-apollo.svg");
}

.img-logo-app-quickcap-light {
  background-image: url("../../dist/images/logos/logo-app-qc.svg");
  background-size: 55% !important;
  margin-left: -95px;
}

.img-logo-app-ims-light {
  background-image: url("../../dist/images/logos/logo-app-ims.svg");
  background-size: 55% !important;
  margin-left: -75px;
}

.img-logo-app-caremechanix-light {
  background-image: url("../../dist/images/logos/logo-app-cmx.svg");
}

.img-logo-app-medspecialized-light {
  background-image: url("../../dist/images/logos/logo-app-ms.svg");
  background-size: 97% !important;
  margin-left: -28px;
}

.img-logo-app-apollomanagedcare-light {
  background-image: url("../../dist/images/logos/logo-app-apollo.svg");
}

.img-logo-app-ips-light {
  background-image: url("../../dist/images/logos/logo-app-ips-white.svg");
  background-size: 44% !important;
}

.img-logo-app-drcatalyst-light {
  background-image: url("../../dist/images/logos/logo-app-drcat-white.svg");
  background-size: 12% !important;
  margin-left: -125px;
}

.img-logo-app-healthsentry-light {
  background-image: url("../../dist/images/logos/logo-app-healthsentry-white.svg");
  background-size: 60% !important;
  margin-left: -55px;
}

.img-logo-app-ertechpros-light {
  background-image: url("../../dist/images/logos/logo-app-ertechpros.svg");
  background-size: 62% !important;
  margin-left: -55px;
}

.img-logo-app-meditab-light {
  background-image: url("../../dist/images/logos/logo-app-meditab-white.svg");
  background-size: 70% !important;
  margin-left: -50px;
}

.img-logo-app-ims {
  background-image: url("../../dist/images/logos/logo-ims.svg");
  background-size: 65% !important;
  margin-left: -65px;
}

.img-logo-app-quickcap {
  background-image: url("../../dist/images/logos/logo-app-qc.svg");
  background-size: 55% !important;
  margin-left: -95px;
}

.img-logo-app-caremechanix {
  background-image: url("../../dist/images/logos/logo-cmx.svg");
}

.img-logo-app-medspecialized {
  background-image: url("../../dist/images/logos/logo-app-ms.svg");
  background-size: 97% !important;
  margin-left: -20px;
}

.img-logo-app-apollomanagedcare {
  background-image: url("../../dist/images/logos/logo-app-apollo.svg");
  margin-left: -90;
}

.img-logo-app-ips {
  background-image: url("../../dist/images/logos/logo-ips.svg");
  background-size: 44% !important;
}

.img-logo-app-drcatalyst {
  background-image: url("../../dist/images/logos/logo-app-drcat.svg");
  background-size: 12% !important;
  margin-left: -125px;
}

.img-logo-app-healthsentry {
  background-image: url("../../dist/images/logos/logo-healthsentry.svg");
  background-size: 60% !important;
  margin-left: -55px;
}

.img-logo-app-ertechpros {
  background-image: url("../../dist/images/logos/logo-app-ertechpros.svg");
  background-size: 62% !important;
  margin-left: -55px;
}

.img-logo-app-meditab {
  background-image: url("../../dist/images/logos/logo-meditab.svg");
  background-size: 70% !important;
  margin-left: -45px;
}

.img-logo-drcat {
  background-image: url("../../dist/images/logos/logo-app-drcat.svg");
  background-size: 30% !important;
}

.img-logo-app-quickcap-small {
  background-image: url("../../dist/images/logos/logo-app-qc-small.svg");
}

.img-logo-app-ims-small {
  background-image: url("../../dist/images/logos/logo-app-ims-small.svg");
}

.img-logo-app-caremechanix-small {
  background-image: url("../../dist/images/logos/logo-app-cmx-small.svg");
}

.img-logo-app-medspecialized-small {
  background-image: url("../../dist/images/logos/logo-app-ms-small.svg");
}

.img-logo-apollo-small, .img-logo-app-apollomanagedcare-small {
  background-image: url("../../dist/images/logos/logo-app-apollo-small.svg");
}

.img-logo-app-ips-small {
  background-image: url("../../dist/images/logos/logo-app-ips-small.svg");
  background-size: 55% !important;
}

.img-logo-app-drcatalyst-small {
  background-image: url("../../dist/images/logos/logo-app-drcat-white.svg");
  background-size: 52% !important;
}

.img-logo-app-healthsentry-small {
  background-image: url("../../dist/images/logos/logo-app-healthsentry-small.svg");
  background-size: 43% !important;
}

.img-logo-app-ertechpros-small {
  background-image: url("../../dist/images/logos/logo-app-ertechpros-small2.svg");
  background-size: 43% !important;
}

.img-logo-app-meditab-small {
  background-image: url("../../dist/images/logos/logo-app-meditab-small.svg");
  background-size: 43% !important;
}

.img-logo-lmc-beta-blue {
  background-image: url("../../dist/images/logos/logo-lmc-beta-blue.svg");
}

.img- {
  background-image: url("../../dist/images/courseReports.svg");
}

.img-moduleReports {
  background-image: url("../../dist/images/moduleReports.svg");
}

.img-teamReports {
  background-image: url("../../dist/images/teamReports.svg");
}

.img-userReports {
  background-image: url("../../dist/images/userReports.svg");
}

.img-quizReports {
  background-image: url("../../dist/images/quiz-reports.svg");
}

.img-accrReports {
  background-image: url("../../dist/images/accReports.svg");
}

.img-formReports {
  background-image: url("../../dist/images/formReports.svg");
}

.img-template-01 {
  background-image: url "../../dist/images/plain template_01.jpg";
}

.img-template-02 {
  background-image: url "../../dist/images/plain template_02.jpg";
}

.ico {
  height: 20px;
  width: 20px;
  display: inline-block;
  background: no-repeat center;
  background-size: contain;
  text-align: center;
  line-height: 20px;
}

.ico.ico-infield {
  position: absolute;
  top: 0;
  left: 15px;
  height: 100%;
}

.ico.ico-infield ~ input {
  padding-left: 50px;
}

.ico.ico-infield.-right {
  right: 15px;
  left: auto;
}

.ico.ico-infield .-right ~ input {
  padding-right: 50px;
}

.ico.ico-label {
  margin-right: 5px;
}

.ico.ico-label, .ico.ico-label + span, .ico.ico-label + p {
  display: inline-block;
  vertical-align: middle;
}

.ico-btn {
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  cursor: pointer;
}

.ico-btn:hover, .ico-btn.--active {
  transform: scale(1.2, 1.2);
}

.ico-btn.--disable {
  cursor: not-allowed;
  transform: none;
}

.ico-arrow-up {
  background-image: url("../../dist/icons/arrow-up.png");
}

.ico-large {
  font-size: 2em;
}

.ico-view {
  -webkit-mask: url("../../dist/icons/view-black.svg");
  mask: url("../../dist/icons/view-black.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #1a1a1a;
}

.ico-user {
  -webkit-mask: url("../../dist/icons/profile-white.svg");
  mask: url("../../dist/icons/profile-white.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #ececec;
}

.ico-edit {
  background-image: url("../../dist/icons/edit.svg");
}

.ico-plus {
  background-image: url("../../dist/icons/plus.svg");
  background-size: 80%;
}

.ico-quiz {
  background-image: url("../../dist/icons/quiz.svg");
  background-size: 150%;
}

.ico-trash {
  background-image: url("../../dist/icons/trash.svg");
}

.ico-archive {
  background-image: url("../icons/archive.svg");
  opacity: 60%;
}

.ico-unarchive {
  background-image: url("../icons/unarchive.svg");
  opacity: 60%;
}

.ico-check-green {
  background-image: url("../../dist/icons/check-green.svg");
}

.ico-book-white {
  background-image: url("../../dist/icons/book-white.svg");
}

.ico-dashboard-white {
  background-image: url("../../dist/icons/dashboard-white.svg");
}

.ico-course-white, .ico-course-btn {
  background-image: url("../../dist/icons/course-white.svg");
}

.ico-assessment-white {
  background-image: url("../../dist/icons/assessment-white.svg");
}

.ico-accreditation-white {
  background-image: url("../../dist/icons/accreditation-white.svg");
}

.ico-module-white, .ico-module-btn {
  background-image: url("../../dist/icons/module-white.svg");
}

.ico-content-white, .ico-content-btn {
  background-image: url("../icons/content-white.svg");
}

.ico-contentLib-white, .ico-content-btn {
  background-image: url("../icons/content-lib-white.svg");
}

.ico-quiz-white, .ico-quiz-btn {
  background-image: url("../../dist/icons/quiz-white.svg");
}

.ico-form-white {
  background-image: url("../../dist/icons/form-white.svg");
}

.ico-calendar-white, .ico-calendar-white {
  background-image: url("../../dist/icons/calendar-white.svg");
}

.ico-team-white, .ico-team-btn {
  background-image: url("../../dist/icons/team-white.svg");
}

.ico-user-white, .ico-user-btn {
  background-image: url("../../dist/icons/user-white.svg");
}

.ico-question-white, .ico-question-btn {
  background-image: url("../../dist/icons/question-white.svg");
}

.ico-settings-white {
  background-image: url("../../dist/icons/settings-white.svg");
}

.ico-help-white {
  background-image: url("../../dist/icons/help-white.svg");
}

.ico-report-white {
  background-image: url("../../dist/icons/report-white.svg");
}

.ico-form-white {
  background-image: url("../../dist/icons/form-white.svg");
}

.ico-questionbank-white {
  background-image: url("../../dist/icons/questionbank-white.svg");
}

.ico-interactive-white {
  background-image: url("../../dist/icons/interactive-white.svg");
}

.ico-circle {
  background-image: url("../../dist/icons/circle.svg");
}

.ico-edit-profile {
  background-image: url("../../dist/icons/edit-profile.svg");
}

.ico-task {
  background-image: url("../../dist/icons/task-icon.svg");
}

.ico-career-white {
  background-image: url("../../dist/icons/career-white.svg");
}

.ico-exercise-white {
  background-image: url("../../dist/icons/exercise-white.svg");
}

.ico-profile-white {
  background-image: url("../../dist/icons/profile-white.svg");
}

.ico-whatsnew-white {
  background-image: url("../../icons/whatsnew-white.svg");
}

.ico-course-blue {
  background-image: url("../../dist/icons/home/course-blue.svg");
}

.ico-module-blue {
  background-image: url("../../dist/icons/home/module-blue.svg");
}

.ico-team-blue {
  background-image: url("../../dist/icons/home/team-blue.svg");
}

.ico-user-blue {
  background-image: url("../../dist/icons/home/user-blue.svg");
}

.ico-file-blue {
  background-image: url("../../dist/icons/home/file-blue.svg");
}

.ico-users-blue {
  background-image: url("../../dist/icons/users-blue.svg");
}

.ico-team1-blue {
  background-image: url("../../dist/icons/team-blue1.svg");
}

.ico-career-blue {
  background-image: url("../../dist/icons/career-blue.svg");
}

.ico-quiz-blue {
  background-image: url("../../dist/icons/quiz-blue.svg");
}

.ico-interface {
  background-image: url("../../dist/icons/interface.svg");
}

.ico-dashboard-grey {
  background-image: url("../../dist/icons/dashboard-grey.svg");
}

.ico-edit-grey {
  background-image: url("../../dist/icons/edit-grey.svg");
  background-size: 82%;
}

.ico-minus-gray, .ico-plus-gray {
  -webkit-box-shadow: 0px 0px 1px 0px #cecece;
  -moz-box-shadow: 0px 0px 1px 0px #cecece;
  box-shadow: 0px 0px 1px 0px #cecece;
}

.ico-minus-gray {
  background-image: url("../../dist/icons/minus-sfull-gray.svg");
}

.ico-plus-gray {
  background-image: url("../../dist/icons/plus-sfull-gray.svg");
}

.ico-trash-grey {
  background-image: url("../../dist/icons/trash-grey.svg");
  background-size: 82%;
}

.ico-user-grey {
  background-image: url("../../dist/icons/user-grey.svg");
}

.ico-quiz-grey {
  background-image: url("../../dist/icons/quiz-grey.svg");
}

.ico-module-grey {
  background-image: url("../../dist/icons/module-grey.svg");
}

.ico-team-grey {
  background-image: url("../../dist/icons/team-grey.svg");
}

.ico-course-grey {
  background-image: url("../../dist/icons/course-grey.svg");
}

.ico-share-grey {
  background-image: url("../../dist/icons/share-grey.svg");
  background-size: 82%;
}

.ico-download-grey {
  background-image: url("../../dist/icons/download-grey.svg");
  background-size: 82%;
}

.ico-settings-grey {
  background-image: url("../../dist/icons/settings-grey.svg");
  background-size: 82%;
}

.ico-plus-grey {
  background-image: url("../../dist/icons/plus-grey.svg");
  background-size: 82%;
}

.ico-close-btn {
  background-image: url("../../dist/icons/close-btn.svg");
}

.ico-empty-grey {
  background-image: url("../../dist/icons/empty-grey.svg");
}

.ico-plus-empty {
  background-image: url("../../dist/icons/plus-empty.svg");
}

.ico-video-grey {
  background-image: url("../../dist/icons/video-grey.svg");
  background-size: 120%;
}

.ico-pdf-grey {
  background-image: url("../../dist/icons/pdf-grey.svg");
  background-size: 66%;
}

.ico-html-grey {
  background-image: url("../../dist/icons/html-grey.svg");
  background-size: 66%;
}

.ico-search-grey {
  background-image: url("../../dist/icons/search-grey.svg");
  background-size: 66%;
}

.ico-career-grey {
  background-image: url("../../dist/icons/career-grey.svg");
}

.ico-search-blue {
  background-image: url("../../dist/icons/search-blue.svg");
  background-size: 66%;
}

.ico-search-white {
  background-image: url("../../dist/icons/search-white.svg");
  background-size: 66%;
}

.ico-edit-black {
  background-image: url("../../dist/icons/edit-black.svg");
  background-size: 82%;
}

.ico-trash-black {
  background-image: url("../../dist/icons/trash-black.svg");
  background-size: 82%;
}

.ico-view-black {
  background-image: url("../../dist/icons/view-black.svg");
  background-size: 150%;
}

.ico-favorites-white {
  background-image: url("../../dist/icons/heartblack.svg");
  filter: brightness(0) invert(1);
  cursor: pointer;
}

.ico-send-mail {
  background-image: url("../../dist/icons/send-mail.svg");
  background-size: 100%;
}

.ico-embed {
  background-image: url("../../dist/icons/embed.svg");
  background-size: 100%;
  height: 50px;
  width: 50px;
}

.ico-user-plus {
  background-image: url("../../dist/icons/user+.svg");
  background-size: 100%;
  height: 50px;
  width: 50px;
}

.ico-link {
  background-image: url("../../dist/icons/link.svg");
  background-size: 100%;
  height: 50px;
  width: 50px;
}

.ico-course-black {
  background-image: url("../../dist/icons/course-black.svg");
}

.ico-accreditation-black {
  background-image: url("../../dist/icons/accreditation-black.svg");
}

.ico-module-black {
  background-image: url("../../dist/icons/module-black.svg");
}

.ico-content-black {
  background-image: url("../../dist/icons/content-black.svg");
}

.ico-interactive-grey {
  background-image: url("../../dist/icons/interactive-grey.svg");
}

.ico-interactive-black {
  background-image: url("../../dist/icons/interactive-grey.svg");
}

.ico-image-gray {
  background-image: url("../../dist/icons/image-gray.svg");
}

.ico-pdf-gray {
  background-image: url("../../dist/icons/pdf-gray.svg");
}

.ico-video-gray {
  background-image: url("../../dist/icons/video-gray.svg");
}

.ico-audio-gray {
  background-image: url("../../dist/icons/audio-gray.svg");
}

.ico-history-black {
  background-image: url("../../dist/icons/history-black.svg");
}

.ico-search-black {
  background-image: url("../../dist/icons/search-black.svg");
}

.ico-pdf-black {
  background-image: url("../../dist/icons/pdf-grey.svg");
}

.ico-image-black {
  background-image: url("../../dist/icons/image-grey.svg");
}

.ico-video-black {
  background-image: url("../../dist/icons/video-grey.svg");
}

.ico-audio-black {
  background-image: url("../../dist/icons/audio-grey.svg");
}

.ico-team-black {
  background-image: url("../../dist/icons/team-black.svg");
}

.ico-quiz-black {
  background-image: url("../../dist/icons/quiz-black.svg");
}

.ico-user-black {
  background-image: url("../../dist/icons/user-black.svg");
}

.ico-question-black {
  background-image: url("../../dist/icons/question-black.svg");
}

.ico-settings-black {
  background-image: url("../../dist/icons/settings-black.svg");
}

.ico-check-black {
  background-image: url("../../dist/icons/saveChecked.svg");
}

.ico-close-black {
  background-image: url("../../dist/icons/i-close.svg");
  background-size: 80%;
}

.ico-form-black {
  background-image: url("../../dist/icons/form-black.svg");
}

.ico-certificate-black {
  background-image: url("../../dist/icons/certificate-black.svg");
}

.ico-certificate-yellow {
  background-image: url("../../dist/icons/certificate-yellow.svg");
}

.ico-check-color {
  background-image: url("../../icons/check-color.svg");
}

.ico-quiz-color {
  background-image: url("../../icons/quiz-color.svg");
}

.ico-module-color {
  background-image: url("../../icons/module-color.svg");
}

.ico-content-color {
  background-image: url("../../icons/content-color.svg");
}

.ico-interactive-color {
  background-image: url("../../icons/interactive-color.svg");
}

.ico-locked {
  background-image: url("../../icons/lock.svg");
}

.ico-dot {
  background-image: url("../../icons/dot.svg");
}

.ico-done {
  background-image: url("../../icons/done.svg");
}

.ico-wait {
  background-image: url("../../icons/i-wait.svg");
}

.ico-dashboard {
  background-image: url("../../dist/icons/dashboard.svg");
}

.ico-course {
  background-image: url("../../dist/icons/course.svg");
}

.ico-users {
  background-image: url("../../dist/icons/users.svg");
}

.ico-settings {
  background-image: url("../../dist/icons/settings.svg");
}

.ico-help {
  background-image: url("../../dist/icons/help.svg");
}

.ico-warning {
  background-image: url("../../dist/icons/warning.svg");
}

.img-error {
  background-image: url("../../dist/icons/error.svg");
}

.ico-mail {
  background-image: url("../../dist/icons/home/message.svg");
}

.ico-lock {
  background-image: url("../../dist/icons/home/lock.svg");
}

.ico-checked {
  background-image: url("../../dist/icons/home/checked.svg");
}

.ico-checked-white {
  background-image: url("../../dist/icons/home/checked-white.svg");
}

.ico-login {
  background-image: url("../../dist/icons/home/web-log-in.svg");
}

.ico-google {
  background-image: url("../../dist/icons/google.svg");
}

.ico-mem {
  background-image: url("../../dist/icons/mem.png");
}

.ico-switch-light {
  background-image: url("../../dist/icons/switch.svg");
}

.ico-switch {
  background-image: url("../../dist/icons/switch-black.svg");
}

.ico-logout-light {
  background-image: url("../../dist/icons/logout.svg");
  background-position: top;
}

.ico-logout {
  background-image: url("../../dist/icons/logout-black.svg");
  background-position: top;
}

.ico-bell-light {
  background-image: url("../../dist/icons/notification.svg");
}

.ico-bell {
  background-image: url("../../dist/icons/notification-black.svg");
}

.ico-paper-plane {
  background-image: url("../../dist/icons/paper-plane.svg");
}

.ico-open-book {
  background-image: url("../../dist/icons/open-book.svg");
  margin-right: 10px;
}

.ico-walkthrough {
  background-image: url("../../dist/icons/walkthrough.svg");
}

.ico-walkthrough-square {
  background-image: url("../../dist/icons/walkthrough_square.svg");
  background-size: 85%;
}

.ico-walkthrough-circle {
  background-image: url("../../dist/icons/walkthrough-circle.svg");
}

.ico-walkthrough-cursor {
  background-image: url("../../dist/icons/walkthrough-cursor.svg");
}

.ico-walkthrough-cursor-square {
  background-image: url("../../dist/icons/walkthrough-cursor-square.svg");
  background-size: 96%;
}

.ico-stop {
  background-image: url("../../dist/icons/stop.svg");
  background-size: 75%;
}

.ico-download {
  background-image: url("../../dist/icons/download.svg");
  background-size: 75%;
}

.ico-play {
  background-image: url("../../dist/icons/media-play-symbol.svg");
  background-size: 75%;
}

.ico-logo {
  background-image: url("../../dist/icons/Logo.svg");
}

.ico-spinner {
  background-image: url("../../dist/icons/spinner.svg");
}

.ico-star {
  background-image: url("../../dist/icons/star.svg");
}

.ico-star-blue {
  background-image: url("../../dist/icons/star-blue.svg");
}

.ico-star-empty {
  background-image: url("../../dist/icons/star-empty.svg");
}

.ico-flag {
  background-image: url("../../dist/icons/flag.svg");
}

.ico-flag-fill {
  background-image: url("../../dist/icons/flag-fill.svg");
}

.ico-flag-fill1 {
  background-image: url("../../dist/icons/flag-fill1.svg");
}

.ico-question {
  font-size: 2em;
  text-align: center;
}

.ico-question:before {
  content: "\e085";
}

.ico-question.ico-label {
  margin-right: 10px;
}

.ico-draghandle {
  display: flex;
  color: #4d4d4d;
}

.ico-draghandle:before, .ico-draghandle:after {
  content: "\e235";
  width: 0.45rem;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.25em;
}

.ico-heart-red, .ico-heart {
  cursor: pointer;
}

.-noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.-highlight {
  color: #5086c6 !important;
}

.-red, .--error {
  color: #d65861 !important;
}

.-green {
  color: #39b54a !important;
}

.-yellow {
  color: #fc0 !important;
}

.-blue {
  color: #3498db !important;
}

.-clickable {
  cursor: pointer;
}

.-title-case {
  text-transform: capitalize;
}

.-underline {
  text-decoration: underline;
}

input.input-error {
  border: 1px solid #f95f5e !important;
}

.-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}

.flex-row, .btn-group, .form-row label {
  align-items: center;
  display: flex;
  position: relative;
}

.flex-row .ico, .btn-group .ico, .form-row label .ico {
  flex: 0 0 20px;
}

.flex-row > .-right, .btn-group > .-right, .form-row label > .-right {
  margin-left: auto;
}

.flex-row > .-left, .btn-group > .-left, .form-row label > .-left {
  margin-right: auto;
}

.grid-row {
  display: grid;
  grid-template-columns: auto;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
}

.form-row {
  display: grid;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
}

.form-row label input {
  margin-right: 0.5em;
}

.form-row .btn-submit {
  margin-left: auto;
  grid-column: 2;
}

.form-row .input-info {
  grid-column: 2;
}

.form-row span, .form-row small {
  cursor: default !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.apart-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.apart-row > .inbetween {
  border-bottom: 1px dotted #cecece;
  flex: 1 1 auto;
  margin: 0 0.5em;
}

.apart-row > .-right {
  margin-left: auto;
}

.apart-row > .-left {
  margin-right: auto;
}

.center-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.center-row .btn-google {
  display: block;
  cursor: pointer;
}

.center-row .btn-continue {
  display: block;
  cursor: pointer;
  background-color: #5086c6;
  color: #fff;
}

.end-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.scrollbar-dark {
  overflow: hidden auto;
  scrollbar-width: auto;
  scrollbar-color: #24262d #1e2027;
}

.scrollbar-dark::-webkit-scrollbar {
  background-color: #1e2027;
  width: 16px;
}

.scrollbar-dark::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #24262d;
}

.scrollbar-dark::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #575f68;
}

.scrollbar-white {
  margin-right: -16px !important;
  padding-right: 16px !important;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: auto;
  scrollbar-color: #fff #f2f2f2;
}

.scrollbar-white::-webkit-scrollbar {
  width: 16px;
  background-color: #fff;
  border-radius: 10px;
}

.scrollbar-white::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.scrollbar-white::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f2f2f2;
}

.scrollbar-grey {
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
}

.scrollbar-grey::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
  border-radius: 10px;
}

.scrollbar-grey::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5db;
}

.scrollbar-grey::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.scrollbar-invisible {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.scrollbar-invisible::-webkit-scrollbar {
  display: none;
}

.scrollbar-invisible::-webkit-scrollbar-thumb {
  display: none;
}

.scrollbar-invisible::-webkit-scrollbar-track {
  display: none;
}

.scrollbar-dark-thin {
  overflow: hidden scroll;
  padding-right: 10px;
  scrollbar-width: thin;
  scrollbar-color: #f2f2f2 #636c76;
}

.scrollbar-dark-thin::-webkit-scrollbar {
  width: 6px;
  background-color: #636c76;
  border-radius: 10px;
}

.scrollbar-dark-thin::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f2f2f2;
}

.scrollbar-dark-thin::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #636c76;
}

.long-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

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

.drop-box {
  height: 6rem;
  width: 12rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-transition: border 0.8s, color 0.8s;
  -moz-transition: border 0.8s, color 0.8s;
  -ms-transition: border 0.8s, color 0.8s;
  -o-transition: border 0.8s, color 0.8s;
  transition: border 0.8s, color 0.8s;
  border: 4px solid #ececec;
  position: relative;
}

.drop-box:before {
  content: attr(data-label);
  font-size: 1rem;
}

.drop-box.--dragover {
  border: 4px dotted #fbb03b;
  color: #fbb03b;
}

.interactive {
  height: 95%;
  width: 100%;
  margin-top: 50px;
}

input.gray, select.gray, textarea.gray {
  border: 1px solid #cecece;
  box-shadow: none;
}

input[type=range] {
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
  width: 100%;
  max-width: 22rem;
}

input[type=range]::-webkit-slider-thumb {
  height: 12px;
  width: 12px;
  border: none;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: 2px;
}

input[type=range]::-moz-range-thumb {
  height: 12px;
  width: 12px;
  border: none;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}

input[type=range]::-ms-thumb {
  height: 12px;
  width: 12px;
  border: none;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  margin: -1px 2px auto;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 16px;
  cursor: pointer;
  background: #39b54a;
  border-radius: 8px;
  padding: 0 2px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #2d8e3a;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 16px;
  cursor: pointer;
  background: #39b54a;
  border-radius: 8px;
  padding: 0 2px;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 16px;
  cursor: pointer;
  background: #39b54a;
  border-radius: 8px;
  padding: 0 2px;
  width: calc(100% - 6px);
  border-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
}

input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper {
  background: #39b54a;
  border: 2px solid #39b54a;
  border-radius: 8px;
}

input[disabled], select[disabled] {
  cursor: default !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[disabled].form-control, select[disabled].form-control {
  background-color: #f2f2f2;
}

.no-focus {
  box-shadow: none !important;
}

.select-wrapper {
  position: relative;
}

.select-wrapper select {
  padding-right: 2.2em;
  border-radius: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: clip;
}

.select-wrapper select:not(:focus):invalid, .select-wrapper select:disabled {
  color: #9191a0;
}

.select-wrapper:after {
  border-radius: 10px;
  position: absolute;
  top: 50%;
  right: 1.1em;
  height: 0;
  width: 0;
  content: "";
  display: block;
  border-left: 0.6em solid rgba(0, 0, 0, 0);
  border-right: 0.6em solid rgba(0, 0, 0, 0);
  border-top: 0.6em solid #cecece;
  transform: translate(50%, -50%);
  pointer-events: none;
}

.select-wrapper option[disabled] {
  display: none;
}

.search-wrapper {
  position: relative;
  flex: 1 1 auto;
  margin: 0 10px 0 0;
  max-width: 400px;
  min-width: 100px;
  font-weight: normal;
}

.search-wrapper i {
  position: absolute;
  top: 24%;
  right: 0;
  bottom: 25%;
  position: absolute;
  width: 30px;
  cursor: pointer;
}

.search-wrapper input {
  padding-right: 30px;
  box-shadow: none;
  border-radius: 10px;
}

.search-wrapper input.__course-input.ng-invalid-pattern {
  border: 1px solid red;
}

.search-wrapper input.__course-input.ng-invalid-pattern + .__error {
  max-height: 2em;
}

.search-wrapper input.__course-input.ng-invalid-pattern.ng-invalid-pattern + .__error:after {
  color: red;
  content: "Invalid characters detected";
}

.search-wrapper input.__course-input.ng-invalid-pattern.ng-empty + .__error:after {
  content: "Can not be empty";
}

.switch-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.switch-box {
  height: 22px;
  width: 38px;
  border-radius: 30%/50%;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  position: relative;
}

.switch-box.true {
  background-color: #39b54a;
}

.switch-box.true .switch-toggle {
  left: 26px;
}

.switch-box.false {
  background-color: #d65861;
}

.switch-box.false .switch-toggle {
  left: 12px;
}

.switch-box .switch-toggle {
  height: 15px;
  width: 15px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.check-wrapper input, .check-wrapper .checkmark {
  display: none;
}

.check-wrapper .checkbox {
  border: 1px solid #9191a0;
  border-radius: 3px;
  background-color: #fff;
  color: #fff;
  height: 18px;
  margin: 0 10px 0 0;
  opacity: 0.8;
  text-align: center;
  width: 18px;
}

.check-wrapper input:hover + .checkbox {
  background-color: #9191a0;
}

.check-wrapper input:checked + .checkbox {
  background-color: #5086c6;
}

.check-wrapper input:checked + .checkbox > .checkmark {
  display: block;
}

.check-wrapper2 {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.check-wrapper2:hover input[type=checkbox] ~ .__checkbox {
  border-color: #9dbbdf;
}

.check-wrapper2:hover input[type=checkbox] ~ span {
  color: #5086c6;
}

.check-wrapper2 input[type=checkbox] {
  display: none;
}

.check-wrapper2 input[type=checkbox] + .__checkbox {
  height: 1.25em;
  width: 1.25em;
  -webkit-transition: border-color 0.4s;
  -moz-transition: border-color 0.4s;
  -ms-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
  border: 1px solid #cecece;
  border-radius: 4px;
  position: relative;
}

.check-wrapper2 input[type=checkbox] + .__checkbox:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: translate(50%, -50%) rotate(45deg);
  -moz-transform: translate(50%, -50%) rotate(45deg);
  -ms-transform: translate(50%, -50%) rotate(45deg);
  -o-transform: translate(50%, -50%) rotate(45deg);
  transform: translate(50%, -50%) rotate(45deg);
  position: absolute;
  top: 40%;
  right: 50%;
  -webkit-transition: all, 0.2s;
  -moz-transition: all, 0.2s;
  -ms-transition: all, 0.2s;
  -o-transition: all, 0.2s;
  transition: all, 0.2s;
  border: solid rgba(0, 0, 0, 0);
  border-width: 0 4px 4px 0;
}

.check-wrapper2 input[type=checkbox] ~ span {
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -ms-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.check-wrapper2 input[type=checkbox]:checked + .__checkbox:after {
  height: 1em;
  width: 0.5em;
  border-color: #5086c6;
}

.check-select-wrapper {
  width: 100%;
}

.check-select-wrapper.--closed > .__label {
  border-radius: 4px;
}

.check-select-wrapper.--closed > .__label:after {
  border-top: 0em solid #cecece;
  border-bottom: 0.6em solid #cecece;
}

.check-select-wrapper.--closed .__options {
  max-height: 0;
  opacity: 0;
}

.check-select-wrapper > .__label {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  -webkit-transition: border-radius 0.8s;
  -moz-transition: border-radius 0.8s;
  -ms-transition: border-radius 0.8s;
  -o-transition: border-radius 0.8s;
  transition: border-radius 0.8s;
  font-weight: normal;
  color: #4d4d4d;
  cursor: pointer;
  border: 1px solid #cecece;
  border-radius: 4px 4px 0 0;
  padding: 0.5em 1em;
}

.check-select-wrapper > .__label:after {
  height: 0;
  width: 0;
  -webkit-transition: border 0.4s;
  -moz-transition: border 0.4s;
  -ms-transition: border 0.4s;
  -o-transition: border 0.4s;
  transition: border 0.4s;
  content: "";
  border-left: 0.6em solid rgba(0, 0, 0, 0);
  border-right: 0.6em solid rgba(0, 0, 0, 0);
  border-top: 0.6em solid #cecece;
  pointer-events: none;
}

.check-select-wrapper > .__label:hover {
  color: #5086c6;
}

.check-select-wrapper > .__label:hover:after {
  border-top-color: #9dbbdf;
  border-bottom-color: #9dbbdf;
}

.check-select-wrapper .__options {
  -webkit-transition: opacity 0.4s, max-height 0.4s;
  -moz-transition: opacity 0.4s, max-height 0.4s;
  -ms-transition: opacity 0.4s, max-height 0.4s;
  -o-transition: opacity 0.4s, max-height 0.4s;
  transition: opacity 0.4s, max-height 0.4s;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  border: 1px solid #cecece;
  border-top: none;
  border-radius: 0 0 4px 4px;
  padding: 0.5em 1em;
  height: 100%;
  max-height: 6.5em;
  opacity: 1;
}

.check-select-wrapper .check-wrapper2 {
  gap: 1em;
}

duration-input {
  display: block;
}

.duration-input {
  display: grid;
  grid-template-columns: minmax(3em, 1fr) 1em minmax(3em, 1fr);
  align-items: center;
  grid-gap: 0 5px;
  text-align: center;
}

.duration-input input {
  text-align: right;
}

.duration-input .mm-col {
  grid-column: 1;
}

.duration-input .ss-col {
  grid-column: 3;
}

.duration-input .separator {
  grid-column: 2;
}

.radio-wrapper .__radio-option {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.radio-wrapper input[type=radio] {
  display: none;
}

.radio-wrapper input[type=radio] + .__radio {
  height: 1.25em;
  width: 1.25em;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -ms-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
  position: relative;
  display: inline-block;
  border: 1px solid #cecece;
  border-radius: 50%;
}

.radio-wrapper input[type=radio] + .__radio > span {
  height: 0;
  width: 0;
  -webkit-transition: width 0.3s, height 0.3s, background-color 0.2s;
  -moz-transition: width 0.3s, height 0.3s, background-color 0.2s;
  -ms-transition: width 0.3s, height 0.3s, background-color 0.2s;
  -o-transition: width 0.3s, height 0.3s, background-color 0.2s;
  transition: width 0.3s, height 0.3s, background-color 0.2s;
}

.radio-wrapper input[type=radio]:hover + .__radio {
  border-color: #9dbbdf;
}

.radio-wrapper input[type=radio]:checked + .__radio {
  border-color: #5086c6;
}

.radio-wrapper input[type=radio]:checked + .__radio > span {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 75%;
  width: 75%;
  transform: translate(-50%, -50%);
  background-color: #5086c6;
  border-radius: 50%;
}

.choose-file-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.choose-file-wrapper label {
  display: flex;
  align-items: center;
  padding: 4px 12px;
}

.choose-file-wrapper span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.choose-file-wrapper input[type=file] {
  display: none;
}

.moment-picker {
  display: flex;
  place-content: center;
  font-size: 1em;
}

.moment-picker input {
  position: relative;
  padding: 0;
  height: auto;
  border: 1px solid #b9b6b6;
  background-color: #e6e6e6;
}

._720kb-datepicker-calendar {
  top: 100%;
  left: 0;
  margin-top: 6px;
}

button img {
  height: 30px;
  width: 30px;
  margin-right: 1em;
}

.a-btn {
  display: inline-block;
}

.a-btn button {
  width: 100%;
}

.accessory-btn:last-child {
  margin-left: -4px;
  border-radius: 0 4px 4px 0;
}

.accessory-btn:last-child:focus {
  outline: none;
}

.btn {
  -webkit-transition: background-color 0.6s, border-color 0.6s, color 0.6s;
  -moz-transition: background-color 0.6s, border-color 0.6s, color 0.6s;
  -ms-transition: background-color 0.6s, border-color 0.6s, color 0.6s;
  -o-transition: background-color 0.6s, border-color 0.6s, color 0.6s;
  transition: background-color 0.6s, border-color 0.6s, color 0.6s;
  border: none;
  border-radius: 5px;
  color: inherit;
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  font-size: inherit;
  height: 35px;
  padding: 4px 25px;
  text-shadow: none;
}

.btn:focus, .btn:active:focus {
  outline: none;
}

.btn.--green, .btn.--yellow, .btn.--blue, .btn.--red, .btn.--grey {
  color: #fff;
}

.btn.--green:hover, .btn.--green:focus, .btn.--green:active, .btn.--yellow:hover, .btn.--yellow:focus, .btn.--yellow:active, .btn.--blue:hover, .btn.--blue:focus, .btn.--blue:active, .btn.--red:hover, .btn.--red:focus, .btn.--red:active, .btn.--grey:hover, .btn.--grey:focus, .btn.--grey:active {
  color: #fff;
}

.btn.--white {
  background-color: #fff;
  border: 1px solid #cecece;
}

.btn.--white:hover, .btn.--white:focus, .btn.--white:active {
  color: #5086c6;
  border-color: #9dbbdf;
}

.btn.--dark {
  color: #5086c6;
  background-color: #1e2027;
  border: 1px solid #5086c6;
}

.btn.--dark:hover, .btn.--dark:focus, .btn.--dark:active {
  color: #ececec;
  border-color: #9dbbdf;
}

.btn.--bottom {
  position: fixed;
  right: 4rem;
  top: 1rem;
  z-index: 101;
  margin-top: -0.5rem;
}

.btn.--green {
  background-color: #39b54a;
}

.btn.--green:hover, .btn.--green:focus, .btn.--green:active {
  background-color: #388742;
}

.btn.--yellow {
  background-color: #fbb03b;
}

.btn.--yellow:hover, .btn.--yellow:focus, .btn.--yellow:active {
  background-color: #db911d;
}

.btn.--blue {
  background-color: #5086c6;
}

.btn.--blue:hover, .btn.--blue:focus, .btn.--blue:active {
  background-color: #426b9c;
}

.btn.--red {
  background-color: #d65861;
}

.btn.--red:hover, .btn.--red:focus, .btn.--red:active {
  background-color: #b33e47;
}

.btn.--grey {
  background-color: #9191a0;
}

.btn.--grey:hover, .btn.--grey:focus, .btn.--grey:active {
  background-color: #737381;
}

.btn.--grey-light {
  background-color: #f2f2f2;
  border: solid 0.7px #d2d2d2;
}

.btn.--grey-light:hover, .btn.--grey-light:focus, .btn.--grey-light:active {
  background-color: #dadada;
}

.btn.--white {
  background-color: #fff;
  border: solid 0.7px #5086c6;
  color: #5086c6;
}

.btn.--white:hover, .btn.--white:focus, .btn.--white:active {
  background-color: #ccc;
}

.btn.--ghost {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ececec;
  color: inherit;
}

.btn.--ghost:hover, .btn.--ghost:focus, .btn.--ghost:active {
  background-color: #fff;
  border: 1px solid #5086c6;
  color: #5086c6;
}

.btn.--ghost:hover .ico, .btn.--ghost:focus .ico, .btn.--ghost:active .ico {
  background-color: #5086c6;
}

.btn.--small {
  font-size: smaller;
  height: auto;
  padding: 2px 6px;
}

.btn .ico {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}

.btn span {
  flex: 1;
}

.btn-small {
  padding: 2px 15px;
  font-size: 0.75em;
}

.btn-white {
  background-color: #fff;
  border: 1px solid #cecece;
  color: #4d4d4d;
}

.btn-add {
  height: 28px;
  width: 28px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background: url(../../dist/icons/plus-black.svg) no-repeat center;
  background-size: auto 22px;
  border-radius: 4px;
  display: inline-block;
}

.btn-add:hover {
  background-image: url("../../dist/icons/plus-white.svg");
  background-color: #6ad078;
}

.btn-trash {
  height: 28px;
  width: 28px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background: url(../../dist/icons/trash-black.svg) no-repeat center;
  background-size: auto 22px;
  border-radius: 4px;
  display: inline-block;
}

.btn-trash:hover {
  background-image: url("../../dist/icons/trash-white.svg");
  background-color: #d65861;
}

.text-angular {
  color: #4d4d4d;
}

.text-angular .btn-toolbar {
  background-color: #eaeaea;
  border-radius: 5px 5px 0px 0;
  padding: 5px 5px 8px;
  margin: 0 0 -5px;
}

.text-angular .btn-group {
  margin: 0 0 2px 0;
}

.text-angular .btn {
  border: 1px solid #cecece;
  padding: 4px 12px;
}

.text-angular div[contenteditable=true] * {
  all: revert !important;
}

.datetime-picker-dropdown table {
  table-layout: fixed;
  width: auto;
}

.datetime-picker-dropdown tr:nth-child(even) {
  background-color: initial;
}

.datetime-picker-dropdown td, .datetime-picker-dropdown th {
  background: none;
  color: #4d4d4d;
  overflow: visible;
  padding: 0;
  position: static;
  z-index: initial;
}

.datetime-picker-dropdown .uib-increment .btn, .datetime-picker-dropdown .uib-decrement .btn {
  border: none;
  color: #5086c6;
  line-height: 34px;
}

.datetime-picker-dropdown .uib-day .btn {
  height: auto;
  padding: 1px 2px;
}

.datetime-picker-dropdown .btn-group .btn {
  height: auto;
}

.datetime-picker-dropdown .btn {
  background: none;
  border: 1px solid #ececec;
  color: #4d4d4d;
  font-size: 12px;
  padding: 2px 4px;
}

.datetime-picker-dropdown .btn:hover {
  border-color: #9dbbdf;
}

.datetime-picker-dropdown .btn-small {
  padding: 5px 10px;
}

* {
  box-sizing: border-box;
}

html, body {
  text-rendering: optimizeLegibility;
  height: 100%;
  min-width: 768px;
  font-family: "NunitoSans", sans-serif;
  font-size: 14px;
  color: #1a1a1a;
  background-color: #f5f5f5;
}

h1, h2, h3, h4, h5, h6, p, span, a, label {
  color: inherit;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

h1 {
  font-size: 2.125em;
}

h2 {
  font-size: 1.875em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.425em;
}

a {
  text-decoration: none;
}

a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}

b, strong {
  font-weight: bold;
}

textarea {
  resize: none;
  margin: 0;
}

hr {
  margin: 0 auto 5px;
  width: 100%;
  border: 0 none;
  border-bottom: 2px solid #ececec;
}

input[type=checkbox], input[type=radio], select, button {
  cursor: pointer;
  white-space: nowrap;
}

input:focus, select:focus, button:focus, textarea:focus {
  outline: none;
}

input[type=checkbox], input[type=radio] {
  margin: 0.125em 0;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

table {
  table-layout: fixed;
  width: 100%;
}

table thead {
  background: #5086c6 !important;
}

table thead th {
  background: #5086c6 !important;
}

.modal-table-container {
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
  max-height: 10rem;
}

.modal-table-container .table-items.invite-modal {
  margin-top: -1.1rem;
}

.modal-table-container .table-items.invite-modal th {
  text-align: center;
  width: 33.33%;
}

ui-view {
  height: inherit;
}

.form-control {
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #cecece;
  padding: 6px 18px;
  font-size: inherit;
}

.main-container {
  display: grid;
  grid-template-columns: min-content auto;
  grid-template-rows: 50px auto;
  grid-template-areas: "sidenav header" "sidenav main";
  height: inherit;
  min-height: 100vh;
}

.main-container .container-ui {
  height: 100%;
}

.main-container .main {
  grid-area: main;
  height: calc(100vh - 50px);
}

.content {
  display: grid;
  height: inherit;
  grid-template-rows: 5rem min-content minmax(0, 1fr) min-content;
  grid-template-columns: 1fr min-content;
  grid-template-areas: "title title" "toolrow extra" "body body" "pagination pagination";
  padding: 0 30px 30px;
  position: relative;
  width: 100%;
  -webkit-transition: width 0.6s;
  -moz-transition: width 0.6s;
  -ms-transition: width 0.6s;
  -o-transition: width 0.6s;
  transition: width 0.6s;
}

@media (min-width: 992px) {
  .content.docked-panel {
    width: calc(100% - 350px);
  }
}
.content.--with-sidepanel {
  grid-template-columns: 4fr 1fr;
  grid-template-areas: "title title" "toolrow sidepanel" "body sidepanel" "pagination sidepanel";
  padding-left: 0;
}

.content.--with-sidepanel .__title {
  margin-left: 30px;
}

.content .__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #4d4d4d;
  border-bottom: 1px solid #cecece;
  grid-area: title;
  height: 5rem;
  font-weight: bold;
}

.content .__title h4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  flex: 1;
}

.content .__title a:not(.a-btn):not(.results-link) {
  color: #5086c6;
  margin-right: 23px;
}

.content .__title a:not(.a-btn):not(.results-link):hover {
  color: #9dbbdf;
  text-decoration: underline;
}

.content .__title a:not(.a-btn):not(.results-link):after {
  content: "⏵";
  color: #4d4d4d;
  margin-left: 5px;
  position: absolute;
}

.content .__title a:not(.a-btn):not(.results-link):hover:after {
  color: #4d4d4d;
}

.content .__title a:not(.a-btn):not(.results-link):last-child {
  content: "";
  text-decoration: none;
}

.content .__title > .a-btn, .content .__title > .btn {
  margin-left: 10px;
  text-transform: capitalize;
}

.content .__title .--arrow {
  color: #4d4d4d;
  margin-right: 23px;
}

.content .__title .--arrow:after {
  content: "⏵";
  color: #4d4d4d;
  margin-left: 5px;
  position: absolute;
}

.content .__to-start {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  height: 80vh;
}

.content .__to-start-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 80vh;
  filter: blur(7px) brightness(0.75);
  -webkit-filter: blur(7px) brightness(0.75);
  -moz-filter: blur(7px) brightness(0.75);
  -ms-filter: blur(7px) brightness(0.75);
  -o-filter: blur(7px) brightness(0.75);
}

.content .__to-start .__panel {
  box-shadow: 0 0 11px 4px rgba(206, 206, 206, 0.4);
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.5);
  color: #000;
  border: 3px solid #f1f1f1;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 50%;
  padding: 20px;
  text-align: center;
  margin-top: 10px;
}

.content .__to-start .__center {
  padding-top: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content .__extra {
  grid-area: extra;
  display: flex;
  gap: 0.5rem;
  padding: 0.75rem 0;
}

.content .__pagination {
  grid-area: pagination;
  padding: 15px 0px 0px 0px;
  transform: translateY(0.5rem);
  margin-bottom: -10px;
}

.content.--with-sidepanel .__pagination {
  padding-left: 30px;
}

.content .__toolrow {
  display: flex;
  grid-area: toolrow;
  gap: 1em;
  z-index: 1;
  padding-top: 0.75rem;
}

.content .__toolrow input[type=text] {
  flex: 0 1 30%;
}

.content .__toolrow .select-wrapper {
  margin-right: 10px;
  min-width: 12em;
}

.content .__toolrow .list-view-control {
  display: flex;
  margin-left: auto;
  gap: 0.5rem;
}

.content .__toolgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(34px, auto);
  grid-gap: 0 10px;
}

.content .__toolgrid > .__col-right {
  grid-column: 2;
  justify-content: flex-end;
}

.content .__description {
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  flex-grow: 0;
  grid-area: toolrow;
  padding-top: 0.75rem;
}

.content .__description::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}

.content .__description::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5db;
}

.content .__description::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.__notification-container {
  overflow-y: auto;
}

.interactive {
  position: fixed;
  top: -50px;
  right: 0;
  bottom: 0;
  left: 0;
}

.content .__body {
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
  grid-area: body;
  position: relative;
  margin-top: 0.75rem;
  border-radius: 0 5px 5px 0;
}

.content .__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}

.content .__body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5db;
}

.content .__body::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.content .__body.-limitwidth {
  max-width: 600px;
}

.content .__body .table-items th {
  top: 0;
}

.content .__body .content {
  flex: 1 1 0;
  grid-template-rows: min-content 1fr;
  grid-template-areas: "toolrow" "body";
  padding: 0;
}

.content .__body .empty-wrapper {
  cursor: default !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  min-height: 200px;
}

.content .__body.--essay {
  width: 100%;
  margin: 0 auto;
  padding-right: 5px;
}

.content .__body.--essay .essay-row {
  margin-bottom: 10px;
}

.content .__body.--essay .essay-answer {
  background-color: #efefef;
  outline: 1px solid silver;
  margin: 0 1px;
  border-radius: 5px;
  padding: 20px;
  min-height: 100px;
  height: min-content;
}

.content .__body.--essay .essay-answer * {
  all: revert !important;
}

.content .__body.--essay .essay-score-tile {
  margin-top: 10px;
  gap: 10px;
}

.content .__body.--essay .essay-score-tile .group {
  display: flex;
  gap: 10px;
}

.content .__body.--essay .essay-score-tile .group span {
  align-self: center;
}

.content .__body.--essay .essay-score-tile .group input {
  width: 100px;
}

.content .__body.--essay .essay-rationale {
  width: 100%;
  height: 150px;
  outline: none;
}

.content .__sidepanel {
  margin: 10px 0px 0px 15px;
  grid-area: sidepanel;
}

.content .__sidepanel li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-bottom: 10px;
  padding: 0 10px 0 10px;
  line-height: 30px;
  background-color: #fff;
  border-radius: 20px;
}

.content .__sidepanel li:hover, .content .__sidepanel li:active, .content .__sidepanel li:focus, .content .__sidepanel li.active {
  background-color: #5087c7;
  color: #fff;
}

.content .__sidepanel li > *:first-child {
  flex: 1;
  margin-right: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content .__sidepanel li > *:last-child {
  display: flex;
  align-items: center;
}

.content .__sidepanel ~ .__body, .content .__sidepanel ~ .__toolrow {
  margin-left: 30px;
}

.content .__sidepanel.--labels {
  width: 200px;
}

.content .__endrow {
  display: flex;
  flex-direction: flex;
  justify-content: center;
  width: 100%;
}

.table-items tbody tr:nth-child(even) {
  background-color: #efefef;
}

.table-items td, .table-items th {
  overflow: hidden;
  padding: 5px;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.table-items td:not(:first-of-type), .table-items th:not(:first-of-type) {
  text-align: center;
}

.table-items td:first-of-type, .table-items th:first-of-type {
  padding-left: 15px;
}

.table-items td:first-of-type > span, .table-items th:first-of-type > span {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 992px) {
  .table-items td:first-of-type, .table-items th:first-of-type {
    width: 300px;
  }
}
@media screen and (max-width: 992px) {
  .table-items td:first-of-type, .table-items th:first-of-type {
    width: 220px;
  }
}
@media screen and (max-width: 768px) {
  .table-items td:first-of-type, .table-items th:first-of-type {
    width: 120px;
  }
  .table-items td:first-of-type > span, .table-items th:first-of-type > span {
    flex-direction: column;
    justify-content: center;
  }
}
.table-items td:last-of-type, .table-items th:last-of-type {
  padding-right: 15px;
}

.table-items td span, .table-items td .ico, .table-items th span, .table-items th .ico {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table-items th {
  position: sticky;
  top: 0;
  background-color: #5086c6;
  color: #fff;
  font-weight: normal;
  z-index: 1;
}

.table-items ~ .__empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.table-items ~ .__empty i {
  height: 7.125rem;
  width: 7.125rem;
}

.table-items ~ .__empty h1 {
  color: #9191a0;
  font-weight: bold;
}

.panel {
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  border: none;
  border-radius: 0;
}

.panel-heading {
  background: #5086c6;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
  font-weight: bold;
}

.panel-heading div {
  display: flex;
  flex-direction: flex;
  justify-content: space-between;
  align-items: center;
}

.panel-body {
  flex: 1;
}

.panel-body:before, .panel-body:after {
  content: none;
}

.panel-foot {
  padding: 10px 15px;
  justify-self: flex-end;
}

.img-thumb-user {
  height: 40px;
  width: 40px;
  object-fit: cover;
  border-radius: 50%;
}

.img-thumb-list {
  margin-right: 0.5em;
  flex: 0 0 40px;
}

.hide {
  display: none;
}

.box-foot {
  height: 40px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-top: 1px solid #ececec;
  padding: 8px 15px;
}

.box-foot:empty {
  display: none;
}

.box-foot > .btn-group {
  padding: 0 0 0 10px;
  vertical-align: bottom;
}

.box-foot > .btn-group .ico-btn {
  height: 22px;
  width: 22px;
}

.box-foot .a-btn {
  flex: 1 1 auto;
}

.item-row, .drop-down-notifications .notification-item {
  border-bottom: 2px solid #ececec;
  display: flex;
  margin: 0 0 20px;
  padding: 5px 0 5px;
}

.item-row .a-btn, .drop-down-notifications .notification-item .a-btn {
  margin: 0 5px;
}

.item-row .__desc, .drop-down-notifications .notification-item .__desc {
  margin-left: 35px;
}

.completion-bar {
  position: relative;
  margin-top: 4px;
  min-width: 200px;
  background-color: #e7e7e7;
  border-radius: 10px;
  height: 13px;
  overflow: hidden;
  line-height: 15px;
  text-align: center;
  color: #000;
  font-size: 12px;
  z-index: 0;
}

.completion-bar > div {
  height: 100%;
  width: 0;
  position: absolute;
  background-color: #5086c6;
  z-index: -1;
}

.filter-box {
  align-self: stretch;
  border: 1px solid #ececec;
  border-radius: 4px;
  margin: 0 10px 0 0;
  padding: 0 12px;
}

.filter-box.-check, .filter-box label {
  color: #4d4d4d;
  margin-right: 1em;
}

.analysis {
  margin: 22px;
}

.label-wrapper {
  background-color: #f2f2f2;
  height: 120px;
}

.label-wrapper input[type=checkbox]:checked {
  background-color: #d65861;
}

.modulelabel-wrapper {
  position: relative;
}

.modulelabel-wrapper button {
  position: absolute;
  right: 0;
}

.overview-tile {
  display: flex;
  align-items: center;
  -webkit-box-shadow: 0px 0px 10px 0px #9191a0;
  -moz-box-shadow: 0px 0px 10px 0px #9191a0;
  box-shadow: 0px 0px 10px 0px #9191a0;
  justify-content: space-between;
  border-radius: 10px;
  padding: 10px 25px;
  background-color: #fff;
}

.overview-tile > *:not(:last-child) {
  margin-right: 5px;
}

.overview-tile span {
  font-size: 2.6em;
}

.overview-tile strong {
  flex: 1 1 auto;
}

.overview-tile a {
  color: #5086c6;
}

.overview-tile .ico {
  height: 50px;
  width: 50px;
  flex: 0 0 50px;
  margin-right: 10x;
}

.legend {
  display: inline-grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(10px, max-content));
  justify-content: center;
  text-align: center;
  width: 100%;
}

.moment-picker td, .moment-picker th {
  border-radius: 0;
}

.moment-picker-specific-views thead {
  background-color: #5086c6;
}

.errormessage {
  position: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.result-content-body {
  margin: 40px;
  height: 100%;
}

.result-content-body .viewVideo {
  height: 440px;
}

.result-content-body .viewVideo .-preview-video {
  height: 100%;
}

.result-content-body .viewVideo .-preview-video iframe {
  height: 100%;
  width: 50%;
}

.result-content-body .viewPdf {
  width: 100%;
}

.result-content-body .section-details {
  position: sticky;
  top: -30px;
  margin: 0;
  padding: 10px 0;
  z-index: 90;
  width: 50%;
}

.result-content-body .-preview-doc {
  min-height: 300px;
  background-color: #fff;
  color: #1a1a1a;
  padding: 90px 30px 30px;
  background-image: url(../../dist/images/template-user-guide.png);
  background-repeat: no-repeat;
  background-position: left -1px;
  margin-bottom: 20px;
  box-shadow: 0 1px 10px 0 #a09e9e;
}

.tip-text {
  word-break: break-word;
}

.errormsg {
  color: #d65861;
}

.course-tile {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 300px;
  box-shadow: 0 0 6px #cecece;
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0px 5px 15px -10px rgba(0, 0, 0, 0.8);
}

.course-tile.--horizontal {
  flex-direction: row;
  border-radius: 10px;
  margin-bottom: 20px;
  min-height: 150px;
}

.course-tile.--horizontal .img {
  flex: 0 0 24em;
}

.course-tile.--horizontal .__details {
  padding: 1em 2em 1em;
  width: 70%;
}

.course-tile .img {
  flex: 0 0 50%;
  background-color: #5086c6;
  background-size: 11em;
}

.course-tile .__details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.5em 0.5em 1em;
  flex: 1 0 50%;
}

.course-tile .__details .__tile-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  max-width: 100%;
  max-width: -webkit-fill-available;
}

.course-tile .__details .__owner {
  color: #8e8e8e;
  font-weight: bold;
}

.course-tile .__details .__tile-description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.course-tile .__details .btn {
  margin-top: auto;
}

.new-course-tile {
  display: grid;
  min-height: 400px;
  box-shadow: 0 0 6px #cecece;
  border-radius: 8px;
  grid-template-rows: 45% 55%;
}

.new-course-tile.--horizontal {
  grid-template-rows: unset;
  grid-template-columns: 40% 60%;
  min-height: 300px;
}

.new-course-tile.--horizontal .img {
  border-radius: 8px 0 0 8px;
}

.new-course-tile.--horizontal .img p {
  top: 2rem;
  right: 2rem;
}

.new-course-tile.--horizontal .img .ico {
  height: 150px;
  width: 150px;
}

.new-course-tile.--horizontal .__details {
  padding: 4rem 2rem;
}

.new-course-tile .img {
  background-color: #c1deff;
  display: grid;
  place-items: center;
  position: relative;
  border-radius: 8px 8px 0 0;
}

.new-course-tile .img p {
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 0.5rem 1rem;
  background-color: #94a1af;
  color: #fff;
  border-radius: 1rem;
}

.new-course-tile .img .star {
  position: absolute;
  right: 2rem;
  bottom: -2rem;
  background-color: #fff;
  color: #1d2027;
  box-shadow: 0 0 6px #cecece;
  border-radius: 50%;
  height: 4rem;
  width: 4rem;
  display: grid;
  place-items: center;
  text-align: center;
}

.new-course-tile .img .star .ico {
  height: 2em;
  width: 2em;
}

.new-course-tile .img .star h5 {
  font-weight: 600;
  letter-spacing: 1px;
}

.new-course-tile .img .ico {
  height: 120px;
  width: 120px;
}

.new-course-tile .__details {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.new-course-tile .__details h4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: bold;
  max-width: 100%;
  max-width: -webkit-fill-available;
}

.new-course-tile .__details h5 {
  padding-top: 0.5rem;
  color: #9c9da0;
}

.new-course-tile .__details p {
  padding-top: 1rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.5;
  font-size: 16px;
}

.new-course-tile .__details h4, .new-course-tile .__details p {
  color: #1d2027;
}

.new-course-tile .btn {
  width: min-content;
  border-radius: 1rem;
}

.ico-image {
  -webkit-mask: url("../../dist/icons/image.svg");
  mask: url("../../dist/icons/image.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #4d4d4d;
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  cursor: default;
}

.thumb-image {
  -webkit-mask: url("../../dist/icons/image.svg");
  mask: url("../../dist/icons/image.svg");
  -webkit-mask-size: auto 75%;
  mask-size: auto 75%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.ico-pdf {
  -webkit-mask: url("../../dist/icons/pdf.svg");
  mask: url("../../dist/icons/pdf.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #4d4d4d;
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  cursor: default;
}

.thumb-pdf {
  -webkit-mask: url("../../dist/icons/pdf.svg");
  mask: url("../../dist/icons/pdf.svg");
  -webkit-mask-size: auto 75%;
  mask-size: auto 75%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.ico-video {
  -webkit-mask: url("../../dist/icons/video.svg");
  mask: url("../../dist/icons/video.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #4d4d4d;
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  cursor: default;
}

.thumb-video {
  -webkit-mask: url("../../dist/icons/video.svg");
  mask: url("../../dist/icons/video.svg");
  -webkit-mask-size: auto 75%;
  mask-size: auto 75%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.ico-audio {
  -webkit-mask: url("../../dist/icons/audio.svg");
  mask: url("../../dist/icons/audio.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #4d4d4d;
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  cursor: default;
}

.thumb-audio {
  -webkit-mask: url("../../dist/icons/audio.svg");
  mask: url("../../dist/icons/audio.svg");
  -webkit-mask-size: auto 75%;
  mask-size: auto 75%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.ico-html {
  -webkit-mask: url("../../dist/icons/html.svg");
  mask: url("../../dist/icons/html.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #4d4d4d;
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  cursor: default;
}

.thumb-html {
  -webkit-mask: url("../../dist/icons/html.svg");
  mask: url("../../dist/icons/html.svg");
  -webkit-mask-size: auto 75%;
  mask-size: auto 75%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.ico-team {
  -webkit-mask: url("../../dist/icons/team-black.svg");
  mask: url("../../dist/icons/team-black.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #4d4d4d;
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  cursor: default;
}

.thumb-team {
  -webkit-mask: url("../../dist/icons/team-black.svg");
  mask: url("../../dist/icons/team-black.svg");
  -webkit-mask-size: auto 75%;
  mask-size: auto 75%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.ico-module {
  -webkit-mask: url("../../dist/icons/module-black.svg");
  mask: url("../../dist/icons/module-black.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #4d4d4d;
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  cursor: default;
}

.thumb-module {
  -webkit-mask: url("../../dist/icons/module-black.svg");
  mask: url("../../dist/icons/module-black.svg");
  -webkit-mask-size: auto 75%;
  mask-size: auto 75%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.ico-content {
  -webkit-mask: url("../../dist/icons/content-black.svg");
  mask: url("../../dist/icons/content-black.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #4d4d4d;
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  cursor: default;
}

.thumb-content {
  -webkit-mask: url("../../dist/icons/content-black.svg");
  mask: url("../../dist/icons/content-black.svg");
  -webkit-mask-size: auto 75%;
  mask-size: auto 75%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.ico-interactive {
  -webkit-mask: url("../../dist/icons/interactive-black.svg");
  mask: url("../../dist/icons/interactive-black.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #4d4d4d;
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  cursor: default;
}

.thumb-interactive {
  -webkit-mask: url("../../dist/icons/interactive-black.svg");
  mask: url("../../dist/icons/interactive-black.svg");
  -webkit-mask-size: auto 75%;
  mask-size: auto 75%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.ico-quiz {
  -webkit-mask: url("../../dist/icons/quiz.svg");
  mask: url("../../dist/icons/quiz.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #4d4d4d;
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  cursor: default;
}

.thumb-quiz {
  -webkit-mask: url("../../dist/icons/quiz.svg");
  mask: url("../../dist/icons/quiz.svg");
  -webkit-mask-size: auto 75%;
  mask-size: auto 75%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.ico-history {
  -webkit-mask: url("../../dist/icons/history.svg");
  mask: url("../../dist/icons/history.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #4d4d4d;
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  cursor: default;
}

.thumb-history {
  -webkit-mask: url("../../dist/icons/history.svg");
  mask: url("../../dist/icons/history.svg");
  -webkit-mask-size: auto 75%;
  mask-size: auto 75%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.ico-search-blue {
  -webkit-mask: url("../../dist/icons/search-blue.svg");
  mask: url("../../dist/icons/search-blue.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #4d4d4d;
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  cursor: default;
}

.thumb-search-blue {
  -webkit-mask: url("../../dist/icons/search-blue.svg");
  mask: url("../../dist/icons/search-blue.svg");
  -webkit-mask-size: auto 75%;
  mask-size: auto 75%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.i-edit {
  -webkit-mask: url("../../dist/icons/i-edit.svg");
  mask: url("../../dist/icons/i-edit.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-edit:hover, .i-edit.--active {
  transform: scale(1.2, 1.2);
}

.i-edit:focus, .i-edit:active {
  background-color: #5086c6;
}

.i-edit[disabled], .i-edit .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-remove {
  -webkit-mask: url("../../dist/icons/i-remove.svg");
  mask: url("../../dist/icons/i-remove.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-remove:hover, .i-remove.--active {
  transform: scale(1.2, 1.2);
}

.i-remove:focus, .i-remove:active {
  background-color: #5086c6;
}

.i-remove[disabled], .i-remove .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-close {
  -webkit-mask: url("../../dist/icons/i-close.svg");
  mask: url("../../dist/icons/i-close.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-close:hover, .i-close.--active {
  transform: scale(1.2, 1.2);
}

.i-close:focus, .i-close:active {
  background-color: #5086c6;
}

.i-close[disabled], .i-close .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-module {
  -webkit-mask: url("../../dist/icons/i-module.svg");
  mask: url("../../dist/icons/i-module.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-module:hover, .i-module.--active {
  transform: scale(1.2, 1.2);
}

.i-module:focus, .i-module:active {
  background-color: #5086c6;
}

.i-module[disabled], .i-module .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-team {
  -webkit-mask: url("../../dist/icons/i-team.svg");
  mask: url("../../dist/icons/i-team.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-team:hover, .i-team.--active {
  transform: scale(1.2, 1.2);
}

.i-team:focus, .i-team:active {
  background-color: #5086c6;
}

.i-team[disabled], .i-team .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-user {
  -webkit-mask: url("../../dist/icons/i-user.svg");
  mask: url("../../dist/icons/i-user.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-user:hover, .i-user.--active {
  transform: scale(1.2, 1.2);
}

.i-user:focus, .i-user:active {
  background-color: #5086c6;
}

.i-user[disabled], .i-user .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-course {
  -webkit-mask: url("../../dist/icons/i-course.svg");
  mask: url("../../dist/icons/i-course.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-course:hover, .i-course.--active {
  transform: scale(1.2, 1.2);
}

.i-course:focus, .i-course:active {
  background-color: #5086c6;
}

.i-course[disabled], .i-course .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-quiz {
  -webkit-mask: url("../../dist/icons/i-quiz.svg");
  mask: url("../../dist/icons/i-quiz.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-quiz:hover, .i-quiz.--active {
  transform: scale(1.2, 1.2);
}

.i-quiz:focus, .i-quiz:active {
  background-color: #5086c6;
}

.i-quiz[disabled], .i-quiz .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-content {
  -webkit-mask: url("../../dist/icons/i-content.svg");
  mask: url("../../dist/icons/i-content.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-content:hover, .i-content.--active {
  transform: scale(1.2, 1.2);
}

.i-content:focus, .i-content:active {
  background-color: #5086c6;
}

.i-content[disabled], .i-content .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-interactive {
  -webkit-mask: url("../../dist/icons/i-interactive.svg");
  mask: url("../../dist/icons/i-interactive.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-interactive:hover, .i-interactive.--active {
  transform: scale(1.2, 1.2);
}

.i-interactive:focus, .i-interactive:active {
  background-color: #5086c6;
}

.i-interactive[disabled], .i-interactive .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-star {
  -webkit-mask: url("../../dist/icons/i-star.svg");
  mask: url("../../dist/icons/i-star.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-star:hover, .i-star.--active {
  transform: scale(1.2, 1.2);
}

.i-star:focus, .i-star:active {
  background-color: #5086c6;
}

.i-star[disabled], .i-star .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-wait {
  -webkit-mask: url("../../dist/icons/i-wait.svg");
  mask: url("../../dist/icons/i-wait.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-wait:hover, .i-wait.--active {
  transform: scale(1.2, 1.2);
}

.i-wait:focus, .i-wait:active {
  background-color: #5086c6;
}

.i-wait[disabled], .i-wait .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-pdf {
  -webkit-mask: url("../../dist/icons/i-pdf.svg");
  mask: url("../../dist/icons/i-pdf.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-pdf:hover, .i-pdf.--active {
  transform: scale(1.2, 1.2);
}

.i-pdf:focus, .i-pdf:active {
  background-color: #5086c6;
}

.i-pdf[disabled], .i-pdf .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-embededVideo {
  -webkit-mask: url("../../dist/icons/i-embededVideo.svg");
  mask: url("../../dist/icons/i-embededVideo.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-embededVideo:hover, .i-embededVideo.--active {
  transform: scale(1.2, 1.2);
}

.i-embededVideo:focus, .i-embededVideo:active {
  background-color: #5086c6;
}

.i-embededVideo[disabled], .i-embededVideo .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-uploadedVideo {
  -webkit-mask: url("../../dist/icons/i-uploadedVideo.svg");
  mask: url("../../dist/icons/i-uploadedVideo.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-uploadedVideo:hover, .i-uploadedVideo.--active {
  transform: scale(1.2, 1.2);
}

.i-uploadedVideo:focus, .i-uploadedVideo:active {
  background-color: #5086c6;
}

.i-uploadedVideo[disabled], .i-uploadedVideo .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-image {
  -webkit-mask: url("../../dist/icons/i-image.svg");
  mask: url("../../dist/icons/i-image.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-image:hover, .i-image.--active {
  transform: scale(1.2, 1.2);
}

.i-image:focus, .i-image:active {
  background-color: #5086c6;
}

.i-image[disabled], .i-image .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-audio {
  -webkit-mask: url("../../dist/icons/i-audio.svg");
  mask: url("../../dist/icons/i-audio.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-audio:hover, .i-audio.--active {
  transform: scale(1.2, 1.2);
}

.i-audio:focus, .i-audio:active {
  background-color: #5086c6;
}

.i-audio[disabled], .i-audio .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-trash {
  -webkit-mask: url("../../dist/icons/i-trash.svg");
  mask: url("../../dist/icons/i-trash.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-trash:hover, .i-trash.--active {
  transform: scale(1.2, 1.2);
}

.i-trash:focus, .i-trash:active {
  background-color: #5086c6;
}

.i-trash[disabled], .i-trash .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.i-plus-black {
  -webkit-mask: url("../../dist/icons/i-plus-black.svg");
  mask: url("../../dist/icons/i-plus-black.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 1.48rem;
  width: 1.48rem;
  -webkit-transition: transform 0.2s, background 0.2s;
  -moz-transition: transform 0.2s, background 0.2s;
  -ms-transition: transform 0.2s, background 0.2s;
  -o-transition: transform 0.2s, background 0.2s;
  transition: transform 0.2s, background 0.2s;
  display: inline-block;
  background-color: #4d4d4d;
  cursor: pointer;
}

.i-plus-black:hover, .i-plus-black.--active {
  transform: scale(1.2, 1.2);
}

.i-plus-black:focus, .i-plus-black:active {
  background-color: #5086c6;
}

.i-plus-black[disabled], .i-plus-black .--disable {
  cursor: not-allowed;
  transform: none;
  background-color: #8e8e8e;
}

.ico-heart {
  background-image: url("../../dist/icons/ico-heart.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ico-heart-red {
  background-image: url("../../dist/icons/ico-heart-red.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ico-heart, .ico-heart-red {
  height: 1.4rem;
  width: 1.4rem;
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -ms-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  display: inline-block;
  cursor: pointer;
}

.ico-heart:hover, .ico-heart.--active, .ico-heart-red:hover, .ico-heart-red.--active {
  transform: scale(1.2, 1.2);
}

.ico-heart:focus, .ico-heart:active, .ico-heart-red:focus, .ico-heart-red:active {
  transform: none;
}

.ico-heart[disabled], .ico-heart .--disable, .ico-heart-red[disabled], .ico-heart-red .--disable {
  cursor: not-allowed !important;
  pointer-events: none;
  transform: none;
  opacity: 0.6;
}

.ico-list {
  background-image: url("../../dist/icons/ico-list.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ico-grid {
  background-image: url("../../dist/icons/ico-grid.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ico-list, .ico-grid {
  height: 1.4rem;
  width: 1.4rem;
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -ms-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  display: inline-block;
  cursor: pointer;
}

.ico-list:hover, .ico-list.--active, .ico-grid:hover, .ico-grid.--active {
  transform: scale(1.2, 1.2);
}

.ico-list:focus, .ico-list:active, .ico-grid:focus, .ico-grid:active {
  transform: none;
}

.ico-list[disabled], .ico-list .--disable, .ico-grid[disabled], .ico-grid .--disable {
  cursor: not-allowed !important;
  pointer-events: none;
  transform: none;
  opacity: 0.6;
}

.ico-az {
  background-image: url("../../dist/icons/ico-az.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ico-za {
  background-image: url("../../dist/icons/ico-za.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ico-az, .ico-za {
  height: 1.4rem;
  width: 1.4rem;
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -ms-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  display: inline-block;
  cursor: pointer;
}

.ico-az:hover, .ico-az.--active, .ico-za:hover, .ico-za.--active {
  transform: scale(1.2, 1.2);
}

.ico-az:focus, .ico-az:active, .ico-za:focus, .ico-za:active {
  transform: none;
}

.ico-az[disabled], .ico-az .--disable, .ico-za[disabled], .ico-za .--disable {
  cursor: not-allowed !important;
  pointer-events: none;
  transform: none;
  opacity: 0.6;
}

.ico-bookmark {
  background-image: url("../../dist/icons/ico-bookmark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ico-bookmark-filled {
  background-image: url("../../dist/icons/ico-bookmark-filled.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ico-bookmark, .ico-bookmark-filled {
  height: 1.4rem;
  width: 1.4rem;
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -ms-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  display: inline-block;
  cursor: pointer;
}

.ico-bookmark:hover, .ico-bookmark.--active, .ico-bookmark-filled:hover, .ico-bookmark-filled.--active {
  transform: scale(1.2, 1.2);
}

.ico-bookmark:focus, .ico-bookmark:active, .ico-bookmark-filled:focus, .ico-bookmark-filled:active {
  transform: none;
}

.ico-bookmark[disabled], .ico-bookmark .--disable, .ico-bookmark-filled[disabled], .ico-bookmark-filled .--disable {
  cursor: not-allowed !important;
  pointer-events: none;
  transform: none;
  opacity: 0.6;
}

.img-book {
  background-image: url("../../dist/images/book.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.img-team {
  background-image: url("../../dist/images/team.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.img-clipboard {
  background-image: url("../../dist/images/clipboard.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.img-fail {
  background-image: url("../../dist/images/failed.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.img-pass {
  background-image: url("../../dist/images/pass.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.img-partial {
  background-image: url("../../dist/images/partial.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-size: auto 88%;
}

.img-empty {
  background-image: url("../../dist/images/empty.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.thumb-courseReports {
  -webkit-mask: url("../../dist/images/courseReports.svg");
  mask: url("../../dist/images/courseReports.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.thumb-courseReports:hover, .thumb-courseReports:focus, .thumb-courseReports:active {
  background-color: #9dbbdf;
}

.thumb-moduleReports {
  -webkit-mask: url("../../dist/images/moduleReports.svg");
  mask: url("../../dist/images/moduleReports.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.thumb-moduleReports:hover, .thumb-moduleReports:focus, .thumb-moduleReports:active {
  background-color: #9dbbdf;
}

.thumb-teamReports {
  -webkit-mask: url("../../dist/images/teamReports.svg");
  mask: url("../../dist/images/teamReports.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.thumb-teamReports:hover, .thumb-teamReports:focus, .thumb-teamReports:active {
  background-color: #9dbbdf;
}

.thumb-userReports {
  -webkit-mask: url("../../dist/images/userReports.svg");
  mask: url("../../dist/images/userReports.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.thumb-userReports:hover, .thumb-userReports:focus, .thumb-userReports:active {
  background-color: #9dbbdf;
}

.thumb-quizReports {
  -webkit-mask: url("../../dist/images/quizReports.svg");
  mask: url("../../dist/images/quizReports.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.thumb-quizReports:hover, .thumb-quizReports:focus, .thumb-quizReports:active {
  background-color: #9dbbdf;
}

.thumb-contentReports {
  -webkit-mask: url("../../dist/images/contentReports.svg");
  mask: url("../../dist/images/contentReports.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.thumb-contentReports:hover, .thumb-contentReports:focus, .thumb-contentReports:active {
  background-color: #9dbbdf;
}

.thumb-interactiveReports {
  -webkit-mask: url("../../dist/images/interactiveReports.svg");
  mask: url("../../dist/images/interactiveReports.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.thumb-interactiveReports:hover, .thumb-interactiveReports:focus, .thumb-interactiveReports:active {
  background-color: #9dbbdf;
}

.thumb-accReports {
  -webkit-mask: url("../../dist/images/accReports.svg");
  mask: url("../../dist/images/accReports.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.thumb-accReports:hover, .thumb-accReports:focus, .thumb-accReports:active {
  background-color: #9dbbdf;
}

.thumb-formReports {
  -webkit-mask: url("../../dist/images/formReports.svg");
  mask: url("../../dist/images/formReports.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: #8e8e8e;
}

.thumb-formReports:hover, .thumb-formReports:focus, .thumb-formReports:active {
  background-color: #9dbbdf;
}

.header {
  position: sticky;
  grid-area: header;
  height: 50px;
  padding-right: 25px;
  top: 0;
  z-index: 3;
}

.header-light {
  background-color: #f5f5f5;
  color: #3e3e3e;
}

.header-dark {
  background-color: #24262d;
  color: #fff;
}

.header .header-inner {
  padding: 0;
}

.header-logo {
  margin-right: auto;
  width: 250px;
  margin-left: 30px;
  padding: 5px 0px 5px 0px;
  display: block;
  flex: 0 0.5 280px;
  height: 50px;
}

.header-logo .product-logo {
  height: 100%;
  width: 100%;
  -webkit-transition: background 0.4s ease-out;
  -moz-transition: background 0.4s ease-out;
  -ms-transition: background 0.4s ease-out;
  -o-transition: background 0.4s ease-out;
  transition: background 0.4s ease-out;
}

.header-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  position: relative;
}

.header-row .ico, .header-row .switch-role {
  margin-left: 15px;
  position: relative;
}

.header-row .ico.--active, .header-row .switch-role.--active {
  -webkit-box-shadow: 0px 0px 10px #2b5485;
  -moz-box-shadow: 0px 0px 10px #2b5485;
  box-shadow: 0px 0px 10px #2b5485;
  border-radius: 50%;
}

.header-row .ico {
  flex: 0 0 20px;
}

.header-row .ico-bell.--active:after {
  position: absolute;
  top: 14px;
  right: 2px;
  content: "";
  display: block;
  border: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 12px solid #fff;
  opacity: 0.7;
}

.header-row .switch-role {
  -webkit-transition: transform 0.15s;
  -moz-transition: transform 0.15s;
  -ms-transition: transform 0.15s;
  -o-transition: transform 0.15s;
  transition: transform 0.15s;
  white-space: nowrap;
}

.header-row .switch-role:hover {
  transform: scale(1.1, 1.1);
}

.notification-count {
  height: 7px;
  width: 7px;
  position: absolute;
  top: -3px;
  right: 0px;
  color: #fff;
  background-color: #5086c6;
  border-radius: 50%;
  line-height: 16px;
  vertical-align: middle;
  text-align: center;
  font-size: 1px;
}

.drop-down-notifications {
  position: absolute;
  top: 100%;
  right: 0;
  -webkit-transition: max-height 0.25s ease-out, opacity 0.25s ease-out 0.1s;
  -moz-transition: max-height 0.25s ease-out, opacity 0.25s ease-out 0.1s;
  -ms-transition: max-height 0.25s ease-out, opacity 0.25s ease-out 0.1s;
  -o-transition: max-height 0.25s ease-out, opacity 0.25s ease-out 0.1s;
  transition: max-height 0.25s ease-out, opacity 0.25s ease-out 0.1s;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
  color: #1a1a1a;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  width: 300px;
  z-index: 88;
  border-radius: 15px;
}

.drop-down-notifications.slide-open {
  border-color: #ccc;
  max-height: 100vh;
  opacity: 1;
}

.drop-down-notifications > div {
  max-height: 400px;
  position: relative;
  width: 100%;
}

.drop-down-notifications .notification-item {
  cursor: pointer;
  margin: 0;
  padding: 10px 10px 10px 51px;
  text-indent: -51px;
}

.drop-down-notifications .notification-item:hover {
  background-color: #eaf0f8;
  color: #5086c6;
  border-left: 2px solid #5086c6;
}

.drop-down-notifications .no-notifications {
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #ececec;
}

.drop-down-notifications .mark-read {
  color: #2b5485;
  padding: 5px 15px;
  text-align: right;
}

.drop-down-notifications .mark-read a {
  cursor: pointer;
}

.drop-down-notifications .mark-read a:hover {
  color: #9dbbdf;
}

.smartsearch {
  display: flex;
  justify-content: end;
  position: relative;
}

.smartsearch .search-result-content, .smartsearch .search-setting-content {
  visibility: hidden;
  padding: 9px 25px 25px;
  position: absolute;
  z-index: 101;
  top: 65%;
  right: -3%;
  width: min-content;
}

.smartsearch .container-result {
  -webkit-box-shadow: 0 2px 4px #cecece;
  -moz-box-shadow: 0 2px 4px #cecece;
  box-shadow: 0 2px 4px #cecece;
  width: 500px;
  padding: 5px;
  background: #fff;
  border-radius: 8px;
  color: #1a1a1a;
}

.smartsearch .container-result i {
  margin-left: 0px;
}

.smartsearch .container-result p {
  display: flex;
  cursor: pointer;
  padding: 4px;
}

.smartsearch .container-result p:hover {
  background-color: #eaf0f8;
  color: #9dbbdf;
}

.smartsearch .container-setting {
  padding: 20px;
  border-radius: 7px;
  width: 400px;
  background-color: #fff;
  border: 1px solid #6f7070;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
  color: #333;
}

.smartsearch .container-setting h4 {
  color: #6f7070;
}

.smartsearch .container-setting p {
  font-weight: 600;
}

.smartsearch .container-setting input, .smartsearch .container-setting select {
  height: 34px;
  padding: 0 30px 0 18px;
}

.smartsearch .container-setting .input {
  display: flex;
  gap: 5px;
}

.smartsearch .container-setting .input.--align-center {
  align-items: center;
}

.smartsearch .container-setting .input.--row-reverse {
  flex-direction: row-reverse;
}

.smartsearch .container-setting .input.--grid {
  display: grid;
  grid-template-columns: 100px 1fr;
}

.smartsearch .search-setting:hover .search-setting-content {
  visibility: visible;
}

.smartsearch #input-search {
  transition: all 1s;
  border-radius: 8px;
  height: 30px;
  width: 10px;
  padding: 0 10px;
  display: block;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
  max-width: 500px;
}

.smartsearch #input-search::placeholder {
  color: rgba(0, 0, 0, 0);
}

.smartsearch .ico-search {
  cursor: pointer;
  background: url("../../dist/icons/search-white.svg") no-repeat;
  background-size: 20px;
  background-position: 0px;
}

.smartsearch .ico-settings-grey {
  top: 5px;
  right: 30px;
  width: 0;
  cursor: pointer;
  position: absolute;
}

.smartsearch.--active {
  flex: 1;
}

.smartsearch.--active .search-result-content {
  visibility: visible;
}

.smartsearch.--active #input-search {
  width: 100%;
  border: 1px solid #878787;
  background-color: #fff;
  padding: 0 1rem 0 3rem;
  color: #000;
}

.smartsearch.--active #input-search::placeholder {
  color: #878787;
}

.smartsearch.--active .ico-search {
  background: url("../../dist/icons/search-black.svg") no-repeat left;
  background-position: 15px;
  background-size: 20px;
}

.smartsearch.--active .ico-search-white {
  cursor: pointer;
  background: url("../../dist/icons/search-white.svg") no-repeat;
  background-size: 20px;
  background-position: 0px;
}

.smartsearch.--active .ico-settings-grey {
  width: 20px;
}

.smart-search {
  position: relative;
  width: 22px;
  height: 30px;
  max-width: 500px;
  transition: width 1s;
}

.smart-search hr {
  display: none;
  margin: 0;
}

.smart-search.--active {
  width: 100%;
}

.smart-search.--active hr {
  display: block;
  border-bottom: 1px solid #333;
}

.smart-search.--active #input-search {
  width: 100%;
  background-color: #fff;
  padding: 0 1rem 0 3rem;
  color: #000;
}

.smart-search.--active #input-search::placeholder {
  color: #878787;
}

.smart-search.--active .ico-search {
  background: url("../../dist/icons/search-black.svg") no-repeat left;
  background-position: 15px;
  background-size: 20px;
}

.smart-search.--active .ico-search-white {
  cursor: pointer;
  background: url("../../dist/icons/search-white.svg") no-repeat;
  background-size: 20px;
  background-position: 0px;
}

.smart-search.--active .ico-settings-grey {
  width: 20px;
}

.smart-search.--active .smartsearchinner {
  max-height: 900px;
  transition: 0.25s ease-in-out 0s;
  border: 1px solid #878787;
  background-color: #fff;
}

.smart-search .smartsearchinner {
  position: absolute;
  border-radius: 7px;
  transition: all 0.5s ease-in-out 1s;
  z-index: 10;
  max-height: 30px;
  width: 100%;
  display: flex;
  justify-content: end;
  flex-direction: column;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.smart-search .smartsearchinner::-webkit-scrollbar {
  display: none;
}

.smart-search .smart-container i {
  margin-left: 0px;
}

.smart-search .smart-container p {
  display: flex;
  cursor: pointer;
  padding: 4px 8px;
}

.smart-search .smart-container p:hover {
  background-color: #eaf0f8;
  color: #9dbbdf;
}

.smart-search #input-search {
  transition: all 1s;
  border-radius: 8px;
  height: 30px;
  width: 10px;
  padding: 0 10px;
  display: block;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
}

.smart-search #input-search::placeholder {
  color: rgba(0, 0, 0, 0);
}

.smart-search .ico-search {
  cursor: pointer;
  background: url("../../dist/icons/search-black.svg") no-repeat;
  background-size: 20px;
  background-position: 0px;
}

.smart-search .ico-search-white {
  cursor: pointer;
  background: url("../../dist/icons/search-white.svg") no-repeat;
  background-size: 20px;
  background-position: 0px;
}

.smart-search .ico-settings-grey {
  top: 5px;
  right: 30px;
  width: 0;
  cursor: pointer;
  position: absolute;
}

.smart-search .item {
  display: flex;
  height: min-content;
  gap: 8px;
  padding: 2px 8px;
  align-items: center;
}

.smart-search .item .ico {
  margin-left: unset;
  height: 18px;
  width: 18px;
}

.smart-search .item p, .smart-search .item .glyphicon {
  cursor: pointer;
}

.smart-search .item p {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smart-search .item .glyphicon:hover {
  color: #d65861;
}

.smart-search .clear {
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.smart-search .loading {
  height: 100px;
  display: block;
  position: relative;
}

smart-search-bar .__btn-close {
  position: absolute;
  display: inline-block;
  height: 1em;
  width: 1em;
  top: 0;
  right: 0;
  border-radius: 4px;
  cursor: pointer;
}

smart-search-bar .__search-bar input[type=text] {
  border-radius: 8px;
  height: 30px;
  width: 10px;
  padding: 0 10px;
  display: block;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  transition: all 1s;
  color: #000;
}

smart-search-bar .__search-bar input[type=text]::placeholder {
  color: rgba(0, 0, 0, 0);
}

smart-search-bar .__search-bar .ico-search {
  cursor: pointer;
  background: url("../../dist/icons/search-white.svg") no-repeat;
  background-size: 20px;
  background-position: 0px;
}

smart-search-bar .__search-bar.--active input[type=text] {
  width: 500px;
  border: 1px solid #878787;
  background-color: #fff;
  padding: 0 1rem 0 3rem;
}

smart-search-bar .__search-bar.--active input[type=text]::placeholder {
  color: #878787;
}

smart-search-bar .__search-bar.--active .ico-search {
  background: url("../../dist/icons/search-blue.svg") no-repeat left;
  background-position: 15px;
  background-size: 20px;
}

smart-search-bar .__suggestions {
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
  -webkit-box-shadow: 0 2px 4px #cecece;
  -moz-box-shadow: 0 2px 4px #cecece;
  box-shadow: 0 2px 4px #cecece;
  max-height: 30vh;
  padding: 10px;
  background: #fff;
  border-radius: 0 0 4px 4px;
  color: #1a1a1a;
}

smart-search-bar .__suggestions i {
  float: right;
}

smart-search-bar .__suggestions p {
  cursor: pointer;
  padding: 4px;
}

smart-search-bar .__suggestions p:hover {
  background-color: #eaf0f8;
  color: #9dbbdf;
}

.sidebar {
  height: 100%;
  grid-area: sidenav;
  z-index: 99;
}

.sidebar .__wrapper {
  -webkit-transition: width 0.4s;
  -moz-transition: width 0.4s;
  -ms-transition: width 0.4s;
  -o-transition: width 0.4s;
  transition: width 0.4s;
  background-color: #575f68;
  color: #ececec;
  height: 100%;
  max-height: 100vh;
  position: relative;
  width: 220px;
}

.sidebar .__wrapper .__user-info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0px;
  flex-direction: column;
  padding: 10px;
  position: relative;
}

.sidebar .__wrapper .__user-info .__text-desc {
  -webkit-transition: opacity 0.4s, margin-left 0.4s;
  -moz-transition: opacity 0.4s, margin-left 0.4s;
  -ms-transition: opacity 0.4s, margin-left 0.4s;
  -o-transition: opacity 0.4s, margin-left 0.4s;
  transition: opacity 0.4s, margin-left 0.4s;
  overflow: hidden;
  text-align: center;
}

.sidebar .__wrapper .__user-info .__text-desc p {
  font-weight: bold;
}

.sidebar .__wrapper .__user-info p {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sidebar .__wrapper .__user-info small {
  text-transform: capitalize;
}

.sidebar .__wrapper .__user-info .img-thumb-user {
  height: 70px;
  width: 70px;
  flex: 0 0 auto;
}

.sidebar .__wrapper .__body {
  height: calc(100vh - 0px);
  display: flex;
  flex-direction: column;
  box-shadow: -20px 27px 10px 20px rgba(0, 0, 0, 0.8);
}

.sidebar .__wrapper .sidebar-nav {
  overflow: hidden auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: #2b5485 #636c76;
  padding-right: 0;
  padding-bottom: 2rem;
  flex: 1;
  padding: 0px 10px 15px 10px;
}

.sidebar .__wrapper .sidebar-nav::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #636c76;
  border-radius: 10px;
}

.sidebar .__wrapper .sidebar-nav::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #2b5485;
}

.sidebar .__wrapper .sidebar-nav::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #1e2027;
}

.sidebar .__wrapper .__subnav {
  -webkit-transition: max-height 0.6s ease-in-out;
  -moz-transition: max-height 0.6s ease-in-out;
  -ms-transition: max-height 0.6s ease-in-out;
  -o-transition: max-height 0.6s ease-in-out;
  transition: max-height 0.6s ease-in-out;
  position: relative;
  max-height: 0;
  overflow: hidden;
  border-radius: 20px;
}

.sidebar .__wrapper .__subnav.--slide-open {
  max-height: 240px;
  animation: 0.8s delay-overflow;
  background-color: #474d55;
}

.sidebar .__wrapper .__subnav .__nav-link {
  background-color: #474d55;
}

@keyframes delay-overflow {
  from {
    overflow: hidden;
  }
}
.sidebar .__wrapper .__nav-link {
  cursor: pointer !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 25px;
  height: 40px;
  width: 100%;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
  position: relative;
  padding: 0 20px 0 15px;
  background-color: #575f68;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;
}

.sidebar .__wrapper .__nav-link:after {
  content: "";
  height: 100%;
  width: 0;
  -webkit-transition: width 0.8s, border-radius 0.8s ease-in 0.4s;
  -moz-transition: width 0.8s, border-radius 0.8s ease-in 0.4s;
  -ms-transition: width 0.8s, border-radius 0.8s ease-in 0.4s;
  -o-transition: width 0.8s, border-radius 0.8s ease-in 0.4s;
  transition: width 0.8s, border-radius 0.8s ease-in 0.4s;
  cursor: !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #5086c6;
  opacity: 15%;
}

.sidebar .__wrapper .__nav-link:hover:after {
  width: 100%;
  border-radius: 0;
}

.sidebar .__wrapper .__nav-link.--active {
  background-color: #5086c6;
  border-radius: 25px;
}

.sidebar .__wrapper .__nav-link.--parent {
  position: relative;
}

.sidebar .__wrapper .__nav-link.--parent:before {
  content: "";
  cursor: !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  right: 0;
  height: 10px;
  width: 10px;
  -webkit-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -ms-transition: transform 0.4s;
  -o-transition: transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  border: solid rgba(0, 0, 0, 0);
  border-right-color: #fff;
  border-width: 6px;
  pointer-events: none;
}

.sidebar .__wrapper .__nav-link.--parent.--open:before {
  -webkit-transform: translate(-25%, -25%) rotate(-90deg);
  -moz-transform: translate(-25%, -25%) rotate(-90deg);
  -ms-transform: translate(-25%, -25%) rotate(-90deg);
  -o-transform: translate(-25%, -25%) rotate(-90deg);
  transform: translate(-25%, -25%) rotate(-90deg);
}

.sidebar .__wrapper .__nav-link .__ico {
  flex: 0 0 25px;
}

.sidebar .__wrapper .__nav-link .__text {
  -webkit-transition: opacity 0.4s, margin-left 0.4s;
  -moz-transition: opacity 0.4s, margin-left 0.4s;
  -ms-transition: opacity 0.4s, margin-left 0.4s;
  -o-transition: opacity 0.4s, margin-left 0.4s;
  transition: opacity 0.4s, margin-left 0.4s;
}

.sidebar .__wrapper.--mini {
  width: 75px;
}

.sidebar .__wrapper.--mini .__user-info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0;
}

.sidebar .__wrapper.--mini .__user-info .img-thumb-user {
  height: 55px;
  width: 55px;
  margin-top: 10px;
}

.toggle-parent {
  height: 40px;
  width: 10px;
  -webkit-box-shadow: 0 0 2px #fff;
  -moz-box-shadow: 0 0 2px #fff;
  box-shadow: 0 0 2px #fff;
  position: absolute;
  top: 65px;
  right: -10px;
  -webkit-transition: all 0.4s ease-out, right 0.4s;
  -moz-transition: all 0.4s ease-out, right 0.4s;
  -ms-transition: all 0.4s ease-out, right 0.4s;
  -o-transition: all 0.4s ease-out, right 0.4s;
  transition: all 0.4s ease-out, right 0.4s;
  cursor: pointer;
  background: #474d55;
  border-radius: 10px;
  z-index: 100;
  transform: translateX(-50%);
}

.toggle-parent .sidenav-toggle:not(.arrowed) {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  padding: 2px;
  overflow: hidden;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.toggle-parent .sidenav-toggle:not(.arrowed) > span {
  height: 2px;
  width: 100%;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #e6e6e6;
  border-radius: 4px;
  display: block;
}

.toggle-parent .sidenav-toggle:not(.arrowed) > span:not(:last-child) {
  margin-bottom: 4px;
}

.toggle-parent .sidenav-toggle:not(.arrowed) > span:nth-child(3) {
  transform: rotate(45deg) translate(1px, -5px);
}

.toggle-parent .sidenav-toggle:not(.arrowed) > span:first-child {
  transform: rotate(-45deg) translate(-4px, -2px);
}

.toggle-parent .sidenav-toggle:not(.arrowed) > span:nth-child(2) {
  transform: rotate(-45deg) translate(6px, -1px);
}

.toggle-parent .sidenav-toggle:not(.arrowed) > span:last-child {
  transform: rotate(45deg) translate(-9px, -4px);
}

.toggle-parent .sidenav-toggle.arrowed {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  padding: 2px;
  overflow: hidden;
  cursor: pointer;
  transform: translate(-50%, -50%);
  width: 22px;
}

.toggle-parent .sidenav-toggle.arrowed > span {
  height: 2px;
  width: 100%;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #e6e6e6;
  border-radius: 4px;
  display: block;
}

.toggle-parent .sidenav-toggle.arrowed > span:not(:last-child) {
  margin-bottom: 4px;
}

.toggle-parent .sidenav-toggle.arrowed > span:nth-child(3) {
  transform: rotate(45deg) translate(1px, -5px);
}

.toggle-parent .sidenav-toggle.arrowed > span:nth-child(3) {
  opacity: 0;
}

.toggle-parent .sidenav-toggle.arrowed > span:last-child {
  margin-top: -6px;
}

.toggle-parent:hover {
  width: 40px;
  transform: translateX(25px);
}

.toggle-parent:not(.burgered):not(:hover) .sidenav-toggle {
  transform: translate(-35%, -50%) scaleX(0.65);
}

.toggle-parent:not(.burgered):not(:hover) .sidenav-toggle span:nth-child(3), .toggle-parent:not(.burgered):not(:hover) .sidenav-toggle span:nth-child(2) {
  opacity: 0;
  margin-left: -7px;
}

.toggle-parent.burgered .sidenav-toggle {
  width: 10px;
}

.toggle-parent.burgered:hover .sidenav-toggle {
  width: 22px;
}

.sliding-wrapper {
  position: fixed;
  top: 0;
  right: -350px;
  height: 100vh;
  width: 350px;
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  -webkit-transition: right, 0.6s;
  -moz-transition: right, 0.6s;
  -ms-transition: right, 0.6s;
  -o-transition: right, 0.6s;
  transition: right, 0.6s;
  z-index: 99;
  background: #fff;
  color: #1a1a1a;
}

.sliding-wrapper.--open {
  right: 0;
}

.sliding-wrapper .__header {
  background-color: #575f68;
  height: 50px;
  font-weight: bold;
  color: #ececec;
}

.sliding-wrapper .__header .__close {
  line-height: 50px;
  padding: 10px 15px;
}

.sliding-wrapper .__title {
  border-bottom: 2px solid #ececec;
  height: 5rem;
  line-height: 5rem;
  margin: 0 30px;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sliding-wrapper .__title:not(.--lowercase) {
  text-transform: capitalize;
}

.sliding-wrapper .__body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.75rem 2rem 0.75rem 1.5rem;
  height: calc(100vh - 50px - 5rem);
}

.sliding-wrapper .__body .__toolrow {
  display: flex;
  gap: 1rem;
}

.sliding-wrapper .__body .__toolrow button {
  padding: 4px 8px;
}

.sliding-wrapper .__body .__toolrow button:only-child {
  margin: 0 auto 40px;
}

.sliding-wrapper .__body .__options {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.sliding-wrapper .__body .__options .__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sliding-wrapper .__body .__options .__item .__label {
  padding-top: 3px;
  font-size: 12px;
}

.sliding-wrapper .__body .__options .__item .--selected {
  color: #5086c6;
}

.sliding-wrapper .__body > .__label {
  font-weight: bold;
  cursor: default;
  -webkit-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -ms-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}

.sliding-wrapper .__body > .__input {
  width: 100%;
}

.sliding-wrapper .__body > .__list {
  flex: 1;
}

.sliding-wrapper .__body > .__list .__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em;
  cursor: default;
  margin: 1px 0;
  padding: 8px;
  width: 100%;
}

.sliding-wrapper .__body > .__list .__item:nth-child(even) {
  background-color: #efefef;
  background-image: -moz-linear-gradient(left, #efefef 0%, transparent 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #efefef), color-stop(100%, transparent));
  background-image: -webkit-linear-gradient(left, #efefef 0%, transparent 100%);
  background-image: -o-linear-gradient(left, #efefef 0%, transparent 100%);
  background: -ms-linear-gradient(left, #efefef 0%, transparent 100%);
  background: linear-gradient(to right, #efefef 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
}

.sliding-wrapper .__body > .__list .__item:hover {
  background-color: #d7e3f2;
  background-image: -moz-linear-gradient(left, #d7e3f2 0%, transparent 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d7e3f2), color-stop(100%, transparent));
  background-image: -webkit-linear-gradient(left, #d7e3f2 0%, transparent 100%);
  background-image: -o-linear-gradient(left, #d7e3f2 0%, transparent 100%);
  background: -ms-linear-gradient(left, #d7e3f2 0%, transparent 100%);
  background: linear-gradient(to right, #d7e3f2 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
}

.sliding-wrapper .__body > .__list .__item.--assigned {
  background-color: #c9e4d2;
  background-image: -moz-linear-gradient(left, #c9e4d2 0%, transparent 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #c9e4d2), color-stop(100%, transparent));
  background-image: -webkit-linear-gradient(left, #c9e4d2 0%, transparent 100%);
  background-image: -o-linear-gradient(left, #c9e4d2 0%, transparent 100%);
  background: -ms-linear-gradient(left, #c9e4d2 0%, transparent 100%);
  background: linear-gradient(to right, #c9e4d2 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
}

.sliding-wrapper .__body > .__list .__item span {
  flex: 1;
}

.sliding-wrapper .__body > .__list .__item .ico {
  height: 1.5rem;
  width: 1.5rem;
  flex: 0 0 1.5rem;
}

.sliding-wrapper .__body > .__list .__item .__input, .sliding-wrapper .__body > .__list .__item .__text {
  flex: 1;
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
}

.sliding-wrapper .__body > .__list .__item .__input {
  margin-left: -8px;
  border: 1px solid #cecece;
  border-radius: 5px;
  padding: 0.25em 0.5em;
  line-height: 1;
}

.sliding-wrapper .__body .__user-grid {
  display: grid;
  grid-template-columns: 80px auto;
  grid-gap: 10px;
}

.sliding-wrapper .__body .__user-grid .__image p {
  text-align: center;
  font-size: 0.875em;
}

.sliding-wrapper .__body .__user-grid .__info h3 {
  word-break: break-all;
  text-indent: -0.5em;
  padding-left: 0.5em;
}

.sliding-wrapper .__body .__user-grid .__resend-verify-email {
  grid-column: 1/-1;
  margin: auto;
}

.sliding-wrapper .__body .__user-grid .__user-thumb {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  object-fit: cover;
}

.sliding-wrapper .__body .content-img-preview {
  border-radius: 4px;
  position: relative;
  border: 2px solid #cecece;
  overflow: hidden;
  min-height: 2em;
  max-height: 8rem;
  -webkit-transition: border-color 0.4s;
  -moz-transition: border-color 0.4s;
  -ms-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
}

.sliding-wrapper .__body .content-img-preview:after {
  content: attr(data-hover);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2em;
  width: 100%;
  position: absolute;
  bottom: -2em;
  left: 0;
  -webkit-transition: bottom 0.4s;
  -moz-transition: bottom 0.4s;
  -ms-transition: bottom 0.4s;
  -o-transition: bottom 0.4s;
  transition: bottom 0.4s;
  color: #ececec;
}

.sliding-wrapper .__body .content-img-preview.-expand {
  position: fixed;
  top: 50%;
  right: 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%);
  height: 90vh;
  width: auto;
  -webkit-box-shadow: 0 0 5px 0 #fff;
  -moz-box-shadow: 0 0 5px 0 #fff;
  box-shadow: 0 0 5px 0 #fff;
  -webkit-transition: width 0.4s;
  -moz-transition: width 0.4s;
  -ms-transition: width 0.4s;
  -o-transition: width 0.4s;
  transition: width 0.4s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 102;
  max-height: 90vh;
  background-color: rgba(36, 38, 45, 0.8);
}

.sliding-wrapper .__body .content-img-preview.-expand ~ .img-preview-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(36, 38, 45, 0.8);
  z-index: 101;
}

.sliding-wrapper .__body .content-img-preview.-expand img {
  margin: auto;
  display: block;
}

.sliding-wrapper .__body .content-img-preview:hover, .sliding-wrapper .__body .content-img-preview:active {
  border-color: #5086c6;
}

.sliding-wrapper .__body .content-img-preview:hover:after, .sliding-wrapper .__body .content-img-preview:active:after {
  bottom: 0;
}

.sliding-wrapper .__body .__sticky-bottom-field {
  position: sticky;
  bottom: -30px;
  background-color: #fff;
  margin: 0 -30px;
  padding: 10px 30px 30px 30px;
}

.sliding-wrapper .switch-box.-true {
  background-color: #39b54a;
}

.sliding-wrapper .switch-box.-true:after {
  left: 26px;
}

.sliding-wrapper .switch-box.-false {
  background-color: #d65861;
}

.sliding-wrapper .switch-box.-false:after {
  left: 12px;
}

.sliding-wrapper .switch-box:after {
  content: "";
  height: 15px;
  width: 15px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  top: 50%;
  display: block;
  background-color: #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.sliding-wrapper .multiselect {
  display: flex;
  flex-direction: column-reverse;
}

.sliding-wrapper .multiselect .__new {
  margin-bottom: 0;
  border-radius: 4px 4px 0 0;
}

.sliding-wrapper .multiselect .__selected {
  height: 20rem;
  margin-top: -1px;
  border: 1px solid #cecece;
  border-radius: 0 0 4px 4px;
  padding: 6px 12px;
  overflow-y: auto;
}

.sliding-wrapper .multiselect .__tag {
  padding: 2px 4px;
  border: 1px solid #ececec;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 4px 4px 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.sliding-wrapper .multiselect .__tag:hover, .sliding-wrapper .multiselect .__tag:focus, .sliding-wrapper .multiselect .__tag:active {
  background-color: #eaf0f8;
  border: 1px solid #9dbbdf;
}

.sliding-wrapper .multiselect .__tag.-selected {
  background-color: #5086c6;
  color: #ececec;
}

.sliding-wrapper .multiselect input[type=text]::placeholder {
  text-transform: capitalize;
}

.sliding-wrapper .input-text-button {
  display: flex;
}

.sliding-wrapper .input-text-button input {
  border-radius: 4px 0 0 0;
}

.sliding-wrapper .input-text-button button {
  border-radius: 0 4px 0 0;
}

.sliding-wrapper .multitext {
  display: flex;
  flex-direction: column-reverse;
}

.sliding-wrapper .multitext .__segmented-text {
  border-radius: 0 0 4px 4px;
  margin-top: -1px;
  width: 100%;
  height: 20em;
  border: 1px solid #cecece;
  font-size: 0.875em;
}

.sliding-wrapper .multitext .__segmented-text .__segment {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
  padding: 2px 12px;
  cursor: pointer;
}

.sliding-wrapper .multitext .__segmented-text .__segment:nth-child(even) {
  background-color: #efefef;
}

.sliding-wrapper .multitext .__segmented-text .__segment:hover {
  background-color: #d7e3f2;
}

.sliding-wrapper .multitext .__segmented-text .__segment strong {
  flex: 0 0 1.5em;
}

.sliding-wrapper .multitext .__segmented-text .__segment span, .sliding-wrapper .multitext .__segmented-text .__segment input {
  flex: 1;
}

.sliding-wrapper .multitext .__segmented-text .__segment input {
  border: none;
}

.sliding-wrapper .multitext .__instructions {
  padding: 0.25em 0 0 1em;
  font-size: 0.875em;
  white-space: pre-line;
}

.sliding-wrapper .form-wrapper {
  display: flex;
  flex-direction: column;
}

.sliding-wrapper .__field {
  position: relative;
  min-height: 1rem;
}

.sliding-wrapper .__field:not(:last-child) > div {
  margin-bottom: 1.2rem;
}

.sliding-wrapper .__field:hover .__label {
  color: #2b5485;
}

.sliding-wrapper .__field.--oneline, .sliding-wrapper .__field .__attr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}

.sliding-wrapper .__field.--oneline .__label, .sliding-wrapper .__field .__attr .__label {
  order: 0;
}

.sliding-wrapper .__field.--oneline:before, .sliding-wrapper .__field .__attr:before {
  content: "";
  display: block;
  order: 1;
  flex: 1;
  border-top: 1px dotted #cecece;
}

.sliding-wrapper .__field.--oneline > input, .sliding-wrapper .__field.--oneline > .__input, .sliding-wrapper .__field.--oneline > .switch-box, .sliding-wrapper .__field .__attr > input, .sliding-wrapper .__field .__attr > .__input, .sliding-wrapper .__field .__attr > .switch-box {
  order: 2;
  max-width: 6rem;
}

.sliding-wrapper .__field.--oneline:has(.__description), .sliding-wrapper .__field.--oneline:has(.__note), .sliding-wrapper .__field .__attr:has(.__description), .sliding-wrapper .__field .__attr:has(.__note) {
  flex-wrap: wrap;
}

.sliding-wrapper .__field.--oneline .__description, .sliding-wrapper .__field.--oneline .__note, .sliding-wrapper .__field .__attr .__description, .sliding-wrapper .__field .__attr .__note {
  flex: 1 0 100%;
  order: 3;
}

.sliding-wrapper .__field .select-wrapper select {
  border-radius: 4px;
}

.sliding-wrapper .__field .__input + .__label {
  position: absolute;
  top: 0.5rem;
  left: 0.75rem;
  transition: all 0.4s;
  padding: 0;
  font-size: inherit;
  background-color: rgba(0, 0, 0, 0);
  color: #8e8e8e;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.sliding-wrapper .__field .__input:focus:not(:disabled) + .__label, .sliding-wrapper .__field .__input.--filled + .__label, .sliding-wrapper .__field .__input.ng-invalid.ng-not-empty + .__label, .sliding-wrapper .__field .__input.--boolean > .__label, .sliding-wrapper .__field .select-wrapper .__input + .__label, .sliding-wrapper .__field .__upload-file + .__label, .sliding-wrapper .__field .__input.drop-box + .__label, .sliding-wrapper .__field .multitext .__label {
  position: absolute;
  top: -0.5rem;
  left: 0.75rem;
  font-size: 0.875rem;
  background-color: #fff;
  padding: 0 0.25rem;
  color: #5086c6;
  border-radius: 0.5rem;
  opacity: 1;
  border: none;
}

.sliding-wrapper .__field .__input:focus {
  box-shadow: 0 0 0.5rem rgba(80, 134, 198, 0.6);
}

.sliding-wrapper .__field .__input:focus:not(:disabled), .sliding-wrapper .__field .__input.--filled:not(:disabled), .sliding-wrapper .__field .__input.ng-invalid.ng-not-empty {
  border-color: #5086c6;
}

.sliding-wrapper .__field .__input:disabled + .__label {
  background-color: #f2f2f2;
}

.sliding-wrapper .__field .__error {
  display: block;
  color: #d65861;
  height: 0;
  overflow: hidden;
  transition: height 0.4s;
}

.sliding-wrapper .__field .__input.ng-invalid.ng-touched.ng-not-empty, .sliding-wrapper .__field .__input.ng-empty.ng-touched {
  box-shadow: 0 0 0.25rem rgba(214, 88, 97, 0.6);
}

.sliding-wrapper .__field .__input.ng-invalid.ng-touched.ng-not-empty ~ .__error-invalid, .sliding-wrapper .__field .__input.ng-empty.ng-touched ~ .__error-empty {
  height: 1rem;
}

.sliding-wrapper .__field .__upload-file {
  border: 1px solid #cecece;
  border-radius: 0.4rem;
  padding: 1rem 0.5rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.sliding-wrapper .__field .__upload-file input[type=file] {
  display: none;
}

.sliding-wrapper .__field .__upload-file:hover, .sliding-wrapper .__field .__upload-file:hover ~ .img-preview {
  border-color: #5086c6;
}

.sliding-wrapper .__field .__upload-file.--file-selected {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.5rem;
  border-radius: 0.4rem 0.4rem 0 0;
  font-size: 0.875rem;
}

.sliding-wrapper .__field .__upload-file ~ .img-preview {
  position: relative;
  border: 1px solid #cecece;
  border-top: none;
  overflow: hidden;
  min-height: 2em;
  max-height: 8rem;
  border-radius: 0 0 0.4rem 0.4rem;
  -webkit-transition: border-color 0.4s;
  -moz-transition: border-color 0.4s;
  -ms-transition: border-color 0.4s;
  -o-transition: border-color 0.4s;
  transition: border-color 0.4s;
}

.sliding-wrapper .__field .__upload-file ~ .img-preview:after {
  content: attr(data-hover);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2em;
  width: 100%;
  position: absolute;
  bottom: -2em;
  left: 0;
  -webkit-transition: bottom 0.4s;
  -moz-transition: bottom 0.4s;
  -ms-transition: bottom 0.4s;
  -o-transition: bottom 0.4s;
  transition: bottom 0.4s;
  background-color: rgba(36, 38, 45, 0.8);
  color: #ececec;
}

.sliding-wrapper .__field .__upload-file ~ .img-preview:hover, .sliding-wrapper .__field .__upload-file ~ .img-preview:active {
  border-color: #5086c6;
}

.sliding-wrapper .__field .__upload-file ~ .img-preview:hover:after, .sliding-wrapper .__field .__upload-file ~ .img-preview:active:after {
  bottom: 0;
}

.sliding-wrapper .__field .__upload-file ~ .img-preview.-expand {
  position: fixed;
  top: 50%;
  right: 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%);
  height: 90vh;
  width: auto;
  -webkit-box-shadow: 0 0 5px 0 #fff;
  -moz-box-shadow: 0 0 5px 0 #fff;
  box-shadow: 0 0 5px 0 #fff;
  -webkit-transition: width 0.4s;
  -moz-transition: width 0.4s;
  -ms-transition: width 0.4s;
  -o-transition: width 0.4s;
  transition: width 0.4s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 102;
  max-height: 90vh;
  background-color: rgba(36, 38, 45, 0.8);
}

.sliding-wrapper .__field .__upload-file ~ .img-preview.-expand ~ .img-preview-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(36, 38, 45, 0.8);
  z-index: 101;
}

.sliding-wrapper .__field .__upload-file ~ .img-preview.-expand ~ .img-preview-overlay img {
  margin: auto;
  display: block;
}

.sliding-wrapper .__field .__upload-file.--disabled {
  background-color: #f2f2f2;
  color: #555;
}

.sliding-wrapper .__field .__upload-file.--disabled label {
  background-color: #f2f2f2;
}

.sliding-wrapper .__field .__upload-file .__note {
  flex: 1 0 100%;
  text-align: center;
}

.sliding-wrapper .__field.__answer {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

.sliding-wrapper .__field.__answer:not(:last-child) {
  margin-bottom: 1.2rem;
}

.sliding-wrapper .__field.__answer.--boolean {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
  padding: 0.5rem;
  border: 1px solid #cecece;
  border-radius: 0.4rem;
}

.sliding-wrapper .__field.__answer.--boolean .__input .__label {
  position: absolute;
}

.sliding-wrapper .__field.__answer.--boolean .__input, .sliding-wrapper .__field.__answer.--boolean .__credit {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
}

.sliding-wrapper .__field.__answer.--radio .radio-wrapper, .sliding-wrapper .__field.__answer.--radio .check-wrapper2, .sliding-wrapper .__field.__answer.--checkbox .radio-wrapper, .sliding-wrapper .__field.__answer.--checkbox .check-wrapper2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0;
  position: relative;
}

.sliding-wrapper .__field.__answer.--radio .radio-wrapper .__radio, .sliding-wrapper .__field.__answer.--radio .radio-wrapper .__checkbox, .sliding-wrapper .__field.__answer.--radio .check-wrapper2 .__radio, .sliding-wrapper .__field.__answer.--radio .check-wrapper2 .__checkbox, .sliding-wrapper .__field.__answer.--checkbox .radio-wrapper .__radio, .sliding-wrapper .__field.__answer.--checkbox .radio-wrapper .__checkbox, .sliding-wrapper .__field.__answer.--checkbox .check-wrapper2 .__radio, .sliding-wrapper .__field.__answer.--checkbox .check-wrapper2 .__checkbox {
  flex: 0 0 1.25rem;
  align-self: center;
  margin-right: 0.25rem;
}

.sliding-wrapper .__field.__answer.--radio .radio-wrapper .__input, .sliding-wrapper .__field.__answer.--radio .check-wrapper2 .__input, .sliding-wrapper .__field.__answer.--checkbox .radio-wrapper .__input, .sliding-wrapper .__field.__answer.--checkbox .check-wrapper2 .__input {
  border-radius: 0.4rem 0 0 0.4rem;
  border-right: none;
  order: 1;
  z-index: 1;
}

.sliding-wrapper .__field.__answer.--radio .radio-wrapper .__delete-option, .sliding-wrapper .__field.__answer.--radio .check-wrapper2 .__delete-option, .sliding-wrapper .__field.__answer.--checkbox .radio-wrapper .__delete-option, .sliding-wrapper .__field.__answer.--checkbox .check-wrapper2 .__delete-option {
  height: unset;
  width: 2.2rem;
  flex: 0 0 2.2rem;
  border: none;
  border: 1px solid #cecece;
  border-left: 1px solid #cecece;
  border-radius: 0 0.4rem 0.4rem 0;
  margin-left: -1px;
  order: 2;
  z-index: 2;
}

.sliding-wrapper .__field.__answer.--radio .radio-wrapper .__input:focus, .sliding-wrapper .__field.__answer.--radio .check-wrapper2 .__input:focus, .sliding-wrapper .__field.__answer.--checkbox .radio-wrapper .__input:focus, .sliding-wrapper .__field.__answer.--checkbox .check-wrapper2 .__input:focus {
  box-shadow: -0.025rem 0 0.25rem rgba(80, 134, 198, 0.6);
}

.sliding-wrapper .__field.__answer.--radio .radio-wrapper .__input:focus + .__delete-option, .sliding-wrapper .__field.__answer.--radio .check-wrapper2 .__input:focus + .__delete-option, .sliding-wrapper .__field.__answer.--checkbox .radio-wrapper .__input:focus + .__delete-option, .sliding-wrapper .__field.__answer.--checkbox .check-wrapper2 .__input:focus + .__delete-option {
  box-shadow: 0.025rem 0 0.25rem rgba(80, 134, 198, 0.6);
  border-color: #5086c6;
}

.sliding-wrapper .__field.__answer.--radio .radio-wrapper .__input.ng-invalid.ng-touched + .__delete-option, .sliding-wrapper .__field.__answer.--radio .check-wrapper2 .__input.ng-invalid.ng-touched + .__delete-option, .sliding-wrapper .__field.__answer.--checkbox .radio-wrapper .__input.ng-invalid.ng-touched + .__delete-option, .sliding-wrapper .__field.__answer.--checkbox .check-wrapper2 .__input.ng-invalid.ng-touched + .__delete-option {
  box-shadow: 0.025rem 0 0.25rem rgba(214, 88, 97, 0.6);
}

.sliding-wrapper .__field.__answer .__attr {
  padding-left: 1.5rem;
}

.sliding-wrapper .__field.__answer .__attr .__add-option {
  color: #39b54a;
  width: 4rem;
  border: 1px solid #cecece;
  border-radius: 0.4rem;
}

.sliding-wrapper .__field.__answer .__attr .__add-option:hover {
  border-color: currentColor;
}

.sliding-wrapper .drop-box {
  height: 10rem;
  width: 100%;
  border-radius: 0.5rem;
  position: relative;
  border: 1px solid #cecece;
}

.sliding-wrapper .drop-box .details {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  height: calc(100% - 34px);
}

.sliding-wrapper .drop-box .source {
  height: calc(100% - 34px);
  width: 100%;
  border-radius: 0.4rem 0.4rem 0 0;
}

.sliding-wrapper .drop-box .completion-bar {
  margin-top: auto;
  width: 100%;
  border-radius: 0 0 0.4rem 0.4rem;
}

.pagination-wrapper {
  display: flex;
  gap: 10px;
}

.pagination-wrapper .__input {
  -webkit-transition: background-color 0.4s, border-color 0.4s;
  -moz-transition: background-color 0.4s, border-color 0.4s;
  -ms-transition: background-color 0.4s, border-color 0.4s;
  -o-transition: background-color 0.4s, border-color 0.4s;
  transition: background-color 0.4s, border-color 0.4s;
  border: none;
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-radius: 4px;
  width: 40px;
  max-width: 4em;
  height: 20px;
  text-align: center;
}

.pagination-wrapper .__input:hover, .pagination-wrapper .__input:focus {
  outline: none;
  border-color: #9dbbdf;
  background-color: #eaf0f8;
}

.pagination-config {
  font-size: 0.875em;
}

.pagination-config:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pagination-config:last-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.pagination-config p {
  white-space: nowrap;
}

.pagination-config .__config {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.125em;
}

.pagination-config .__config .__inbetween {
  flex: 1;
  min-width: 1em;
  border-bottom: 1px dotted #cecece;
}

.pagination-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 50%;
  z-index: 5;
  gap: 5px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.pagination-nav .__page {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 4px;
  font-size: 0.875em;
  padding: 4px 8px;
  text-align: center;
  cursor: pointer;
}

.pagination-nav .__page:after {
  content: attr(data-label);
}

.pagination-nav .__page.--active {
  background-color: #5086c6;
  color: #fff;
}

.pagination-nav .__page:hover {
  -webkit-box-shadow: 0px 0px 5px #5086c6;
  -moz-box-shadow: 0px 0px 5px #5086c6;
  box-shadow: 0px 0px 5px #5086c6;
}

.assigned-trainees {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  flex-wrap: wrap-reverse;
  gap: 1rem 3rem;
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
  height: 100%;
}

.assigned-trainees::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}

.assigned-trainees::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5db;
}

.assigned-trainees::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.assigned-trainees .list-container {
  flex: 1 1 30%;
  min-width: 360px;
  height: auto;
  border: 1px solid #ececec;
  border-radius: 4px;
}

.assigned-trainees .list-container:before {
  content: attr(data-label);
  font-weight: bold;
}

.list-container, .box-container {
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
  height: min-content;
  max-height: 100%;
}

.list-container::-webkit-scrollbar, .box-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}

.list-container::-webkit-scrollbar-thumb, .box-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5db;
}

.list-container::-webkit-scrollbar-track, .box-container::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.list-container .__empty, .box-container .__empty {
  align-self: center;
  justify-self: center;
  margin: auto;
  text-align: center;
}

.list-container .__empty i, .box-container .__empty i {
  height: 100px;
  width: 100px;
  margin: auto;
}

.list-container .__empty h1, .box-container .__empty h1 {
  color: #9191a0;
  font-weight: bold;
}

.list-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-right: 0.5rem;
  height: 100%;
  list-style-type: none;
  border-radius: 15px;
}

.list-container.__body {
  gap: 1.5rem;
  border-radius: 15px;
}

.list-container.__body .__item:not(.expanded-item-row) {
  background-color: #fff;
  box-shadow: 0px 5px 15px -12px rgba(0, 0, 0, 0.8);
}

.list-container.__body .__item:not(.expanded-item-row) i {
  flex: 0 0 1.5rem;
}

.list-container .__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 0.75rem;
  position: relative;
  border-radius: 10px;
  background-color: #fefefe;
}

.list-container .__item:not(.expanded-item-row) .ico-draghandle {
  top: 0;
  color: #4d4d4d;
}

.list-container .__item:not(.expanded-item-row) .__inbetween {
  border-bottom: 1px dotted #cecece;
  flex: 1 1 auto;
  margin: 0 0.5rem;
}

.list-container .__item:not(.expanded-item-row) .__details {
  flex: 1;
}

.list-container .__item:not(.expanded-item-row) .__details p {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.2;
  color: #333;
}

.list-container .__item:not(.expanded-item-row) .__details a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.list-container .__item:not(.expanded-item-row) .__details small {
  display: block;
  padding-left: 3rem;
}

.list-container .__item:not(.expanded-item-row) .__tools {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.5rem;
  align-self: baseline;
  height: 100%;
  flex-direction: column-reverse;
}

.list-container .__item:not(.expanded-item-row) .__tools .__options {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  column-gap: 10px;
}

.list-container .__item:not(.expanded-item-row) .__tools .__options .inactive {
  color: #d65861;
  font-size: 35px;
  margin-top: -15px;
}

.list-container .__item:not(.expanded-item-row) .__tools .__options .active {
  color: #39b54a;
  font-size: 35px;
  margin-top: -15px;
}

.list-container .__item:not(.expanded-item-row) .__tools .--toolbar {
  display: flex;
  gap: 10px;
}

.list-container .__item:not(.expanded-item-row).--draggable {
  border: 1px solid #ececec;
  border-radius: 0.4rem;
  cursor: grab;
}

.list-container .__item:not(.expanded-item-row).--draggable .__text {
  flex: 1;
}

.list-container .__item:not(.expanded-item-row).--draggable .__text ~ .__inbetween {
  display: none;
}

.box-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-content: flex-start;
  height: 100%;
  padding: 1rem 0.5rem 0.5rem 1rem;
  margin: 0 0 0 -1rem;
}

.box-container .__item {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  box-shadow: 0px 5px 15px -10px rgba(0, 0, 0, 0.8);
  color: #4d4d4d;
  flex: 1 0 clamp(22rem, 25% - 1.5rem, 28rem);
  max-width: 28rem;
  position: relative;
  transition: transform 0.2s;
  background-color: #fff;
}

.box-container .__item:hover {
  transform: scale(1.05, 1.05);
}

.box-container .__item:hover .__thumb {
  border-bottom: 2px solid #9dbbdf;
}

.box-container .__item .__description, .box-container .__item .__text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.box-container .__item .__details {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px 0.5rem;
}

.box-container .__item .__name {
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1.125;
  padding-top: 0.25rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.box-container .__item .__owner {
  color: #8e8e8e;
  font-weight: bold;
  line-height: 1;
  font-size: 0.875rem;
}

.box-container .__item .__thumb {
  flex: 0 1 50%;
  min-height: 6rem;
  border-bottom: 2px solid #eaf0f8;
  transition: border 0.4s;
  height: auto;
  width: auto;
}

.box-container .__item .__thumb.img-team, .box-container .__item .__thumb.img-clipboard {
  background-size: auto 70%;
}

.box-container .__item .__thumb.ico-image, .box-container .__item .__thumb.ico-audio, .box-container .__item .__thumb.ico-video, .box-container .__item .__thumb.ico-pdf, .box-container .__item .__thumb.ico-html {
  mask-size: auto 75%;
  -webkit-mask-size: auto 75%;
}

.box-container .__item .__tools {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
}

.box-container .__item .__tools .__options {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  column-gap: 10px;
}

.box-container .__item .__tools .__options .inactive {
  color: #d65861;
  font-size: 35px;
}

.box-container .__item .__tools .__options .active {
  color: #39b54a;
  font-size: 35px;
}

.box-container .__item .__tools a, .box-container .__item .__tools button {
  margin-right: auto;
}

.box-container .__item .__tools button {
  padding: 0.5rem 1.5rem;
}

.box-container .__item .__tools .__options {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
}

.box-container .__item .__tools .__options .inactive {
  color: #d65861;
  font-size: 30px;
}

.box-container .__item .__tools .__options .active {
  color: #39b54a;
  font-size: 30px;
}

.box-container .__item .ico-heart, .box-container .__item .ico-heart-red {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}

.__sidepanel ~ .box-container.__body {
  padding-left: 1.85rem;
}

.expanded-item-row {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 0.5em;
  min-height: 8rem;
  padding: 0.75rem;
  position: relative;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 5px 15px -10px rgba(0, 0, 0, 0.8);
  color: #4d4d4d;
}

@media (max-width: 768px) {
  .expanded-item-row {
    flex-direction: column;
  }
  .expanded-item-row .__details {
    line-height: 1;
    min-height: 8rem;
  }
}
.expanded-item-row .__thumb {
  height: 8rem;
  width: 10rem;
  position: absolute;
  top: 0;
  left: 0;
}

.expanded-item-row .__thumb .ico-bookmark, .expanded-item-row .__thumb .ico-bookmark-filled {
  position: absolute;
  top: 0;
  left: 0.5rem;
}

.expanded-item-row .__thumb.img-clipboard {
  background-size: auto 70%;
}

.expanded-item-row .__name {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.2;
}

.expanded-item-row .__owner {
  color: #8e8e8e;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1;
}

.expanded-item-row .__details {
  flex: 1 1 auto;
  margin-left: 10rem;
}

.expanded-item-row .__details small {
  padding: 0;
  display: block;
}

.expanded-item-row .__tools {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.5rem;
}

.expanded-item-row .__options {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  column-gap: 10px;
}

.expanded-item-row .__options .inactive {
  color: #d65861;
  font-size: 35px;
  margin-top: -15px;
}

.expanded-item-row .__options .active {
  color: #39b54a;
  font-size: 35px;
  margin-top: -15px;
}

.favorites.content .__body.list {
  gap: 0;
}

.favorites.content .__body.list .__item.expanded-item-row {
  width: 99%;
}

.modal-parent {
  position: absolute;
}

.modal-parent .modal-dialog {
  position: fixed;
  top: 20%;
  left: 50%;
  display: inline-block;
  width: auto;
  max-width: 80vw;
  margin: 0 auto;
}

.modal-parent hr {
  margin-top: 7px;
}

.modal-parent textarea {
  padding: 10px 15px;
  max-width: 100%;
}

.modal-content {
  left: -50%;
  width: 100%;
  border-color: rgba(0, 0, 0, 0);
  border-radius: 15px;
  display: inline-block;
  text-align: left;
}

.modal-header {
  height: 30px;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #5086c6;
  padding: 5px 15px;
}

.modal-body {
  color: #000;
  max-height: 60vh;
  padding: 25px 65px 15px 65px;
  text-align: center;
}

.modal-body .img-wrapper {
  height: 100px;
  width: 100px;
}

.modal-body h5 {
  margin: 10px 0;
  white-space: pre-line;
}

.modal-body h5 span {
  text-transform: capitalize;
}

.modal-body h5 .__question strong {
  white-space: normal;
}

.modal-close {
  position: absolute;
  top: 5px;
  right: 10px;
  padding: 2px;
  margin: 0;
  color: #fff;
}

.modal-footer {
  text-align: center;
}

.msg-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #4d4d4d;
  background: #fff;
  border: 1px solid #4d4d4d;
  border-radius: 5px;
  padding: 20px;
  font-size: 2em;
  width: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
}

.modal-wrapper:before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  background: #000;
  z-index: 5;
  opacity: 0.5;
}

.modal-directive {
  z-index: 100;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.4s;
}

.modal-directive .background {
  height: 100%;
  width: 100%;
}

.modal-directive .__modal-content {
  z-index: 1;
  transition: top 0.4s;
  position: fixed;
  top: 100%;
  background-color: #fefefe;
  left: 50%;
  transform: translate(-50%, 0);
  display: grid;
  grid-template-rows: min-content 1fr min-content;
  border-radius: 10px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  min-width: 350px;
  width: min-content;
  min-height: 250px;
  height: min-content;
}

.modal-directive .__modal-content.--smartsearch {
  padding: 30px 30px 30px 50px;
  width: 80%;
  height: 80%;
  gap: 10px;
  grid-template-rows: min-content min-content min-content min-content 1fr;
}

.modal-directive .__modal-content .ico-close-btn {
  height: 15px;
  width: 15px;
  cursor: pointer;
  margin-left: auto;
}

.modal-directive .__modal-content .blue {
  color: #5087c7;
}

.modal-directive .__modal-content .gray {
  color: #878787;
}

.modal-directive .__modal-content .black {
  color: #000;
}

.modal-directive .__modal-content .bold {
  font-weight: 600;
}

.modal-directive .__modal-content .results-container {
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding-bottom: 50px;
}

.modal-directive .__modal-content .results-container .list {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.modal-directive .__modal-content .results-container .list p {
  font-size: 12px;
}

.modal-directive .__modal-content .results-container .list .url {
  width: 500px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 5px;
}

.modal-directive .__modal-content .results-container .list h3:hover .url {
  text-decoration: underline;
}

.modal-directive .__modal-content .results-container .list .url:hover .url {
  text-decoration: underline;
}

.modal-directive .__modal-content .results-container .list h5 {
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  padding-right: 10px;
  margin-top: 10px;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.modal-directive .__modal-content .results-container .list .files {
  display: grid;
  grid-template-columns: 200px auto;
  margin: 10px 0px 10px 0px;
}

.modal-directive .__modal-content .results-container .list .files .__img {
  height: 100px;
  width: 200px;
  padding-right: 15px;
}

.modal-directive .__modal-content .results-container .list .files .__img img {
  height: 100%;
  width: 100%;
  border-radius: 10px;
}

.modal-directive .__modal-content .results-container .list .files .__img video::-webkit-media-controls-panel {
  display: none !important;
  opacity: 1 !important;
}

.modal-directive .__modal-content .results-container .list .files .__details {
  width: 100%;
  margin-left: 10px;
  width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-directive .__modal-content .results-container .list .files .__details a {
  color: #8ab4f8;
}

.modal-directive .__modal-content .results-container .list .__suggested {
  display: grid;
  grid-template-columns: auto 100px;
  width: auto;
  max-width: 400px;
}

.modal-directive .__modal-content .results-container .list .__suggested .__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.modal-directive .__modal-content .results-container .list .__suggested a {
  color: #5087c7;
}

.modal-directive .__modal-content .results-container .list .__suggested .__title:hover a {
  text-decoration: underline;
}

.modal-directive .__modal-content .results-container .list:first-child {
  margin-top: 25px;
}

.modal-directive .__modal-content .results-container .empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin: auto;
}

.modal-directive .__modal-content .results-container .empty .ico {
  height: 125px;
  width: 125px;
}

.modal-directive .__modal-content .results-container .empty h2 {
  font-weight: 600;
  color: #878787;
}

.modal-directive .search-bar {
  position: relative;
  display: flex;
  align-items: center;
}

.modal-directive .search-bar input[type=text] {
  width: 400px;
  height: 30px;
  border: 1px solid #878787;
  border-radius: 10px;
  padding-left: 30px;
}

.modal-directive .search-bar .ico-search-blue {
  height: 25px;
  width: 25px;
  position: absolute;
  left: 5px;
  cursor: pointer;
}

.modal-directive .smart-search {
  width: 100%;
  max-width: 400px;
}

.modal-directive .search-tabs {
  position: relative;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  height: 25px;
}

.modal-directive .search-tabs .line {
  all: unset;
  position: absolute;
  z-index: 0;
  bottom: 1px;
  width: 100%;
  height: 1px;
  background-color: #a2a2a2;
}

.modal-directive .search-tabs p {
  cursor: pointer;
}

.modal-directive .search-tabs .--active {
  font-weight: 600;
  border-bottom: 3px solid #5087c7;
  z-index: 1;
}

.modal-directive header {
  height: 30px;
  border-bottom: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #5086c6;
}

.modal-directive .body {
  display: grid;
  place-items: center;
  padding: 20px;
  gap: 10px;
}

.modal-directive .body .message {
  font-size: 14px;
}

.modal-directive .footer {
  padding: 15px;
  text-align: center;
  border-top: 1px solid #e5e5e5;
}

.modal-directive .icon {
  height: 150px;
  width: 150px;
}

.modal-directive .icon-warning {
  background: url(../icons/warning.svg) no-repeat center;
  background-size: 90%;
}

.modal-directive .icon-success {
  background: url(../icons/check.svg) no-repeat center;
  background-size: 90%;
}

.modal-directive.--open {
  height: 100%;
  opacity: 1;
}

.modal-directive.--open .__modal-content {
  top: 10%;
}

.loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 55;
  background: #24262d;
  background: -webkit-gradient(radial, center center, 120, center center, 500, from(#34373f), to(#24262d));
  background: -moz-radial-gradient(circle, #34373f, #24262d);
}

.spinner {
  position: relative;
  top: 36%;
  width: 100px;
  height: 100px;
  margin: 50px auto;
  vertical-align: middle;
  background: #24262d;
  background: -webkit-gradient(radial, center center, 120, center center, 900, from(#34373f), to(#24262d));
  background: -moz-radial-gradient(circle, #34373f, #24262d);
}

.ball-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50%;
  width: 50%;
  z-index: 1;
  animation: shrink 2s infinite linear;
}

.ball-1:before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 80%;
  height: 80%;
  background: #4f86c6;
  border-radius: 50%;
}

.ball-2, .ball-3, .ball-4 {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.ball-2:before, .ball-3:before, .ball-4:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  border-radius: 50%;
  background: red;
}

.ball-4:before {
  background: #9c754f;
}

.ball-3:before {
  background: #a0a83a;
}

.ball-2:before {
  background: #ec551f;
}

.ball-5:before {
  background: #8c888d;
}

.ball-2 {
  animation: zindex 1.5s 0.75s infinite steps(2, end);
}

.ball-3:before {
  animation: position 1.5s -1s infinite ease, size 1.5s -0.75s infinite ease;
}

.ball-3 {
  transform: rotate(120deg);
  animation: zindex 1.5s -0.25s infinite steps(2, end);
}

.ball-4 {
  transform: rotate(240deg);
  animation: zindex 1.5s 0.25s infinite steps(2, end);
}

.ball-5 {
  transform: rotate(10deg);
  animation: zindex 1.5s 0.25s infinite steps(2, end);
}

.ball-2:before {
  transform: rotate(0);
  animation: position 1.5s infinite ease, size 1.5s -1.125s infinite ease;
}

.ball-4:before {
  animation: position 1.5s -0.5s infinite ease, size 1.5s -0.125s infinite ease;
}

.ball-5:before {
  animation: position 1.5s -0.8s infinite ease, size 1.5s -0.15s infinite ease;
}

@keyframes position {
  50% {
    top: 80px;
    left: 80px;
  }
}
@keyframes size {
  50% {
    transform: scale(0.5, 0.5);
  }
}
@keyframes zindex {
  100% {
    z-index: 10;
  }
}
@keyframes shrink {
  50% {
    transform: scale(0.9, 0.9);
  }
}
.ico-clone {
  font-size: 1.25em;
}

.tabbed-content {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: min-content 1fr min-content;
  grid-template-areas: "tabhead" "tabcontent" "tabnav";
  grid-gap: 10px;
  overflow-y: hidden;
}

.tabbed-content .__tabhead {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  grid-area: tabhead;
  border-bottom: 1px solid #ececec;
}

.tabbed-content .__tabhead li {
  cursor: pointer !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 5px 5px 0 0;
  border-left: solid 0.7px #d2d2d2;
  border-top: solid 0.7px #d2d2d2;
  border-right: solid 0.7px #d2d2d2;
  background-color: #fff;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  position: relative;
  white-space: nowrap;
}

.tabbed-content .__tabhead li:hover {
  background-color: #9dbbdf;
}

.tabbed-content .__tabhead li:active, .tabbed-content .__tabhead li.active {
  background-color: #5086c6;
  color: #f2f2f2;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
}

.tabbed-content .__tab {
  grid-area: tabcontent;
  display: grid;
  grid-template-columns: max-content repeat(2, 1fr) max-content;
  grid-template-rows: min-content auto;
  grid-template-areas: "info info info tool" "body body body body";
  grid-gap: 10px;
  border-radius: 0px 15px 15px 15px;
  margin-top: -10px;
  padding: 10px 10px 0 10px;
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  overflow-y: hidden;
  background-color: #fff;
}

.tabbed-content .__tab .__info {
  grid-area: info;
}

.tabbed-content .__tab .__tool {
  grid-area: tool;
}

.tabbed-content .__tab .__body {
  grid-area: body;
  border: none;
}

.tabbed-content .__tab .__copy-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5em;
  position: relative;
  align-self: center;
  max-width: 20em;
  margin-top: 10px;
}

.tabbed-content .__tab .__copy-wrapper:before {
  content: attr(data-label);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  right: 0;
  bottom: calc(100% - 4px);
  max-height: 0;
  opacity: 0;
  background-color: #fff;
  border: 1px solid #5086c6;
  border-radius: 4px;
  padding: 2px 4px;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
  transform: translate(50%, 0);
}

.tabbed-content .__tab .__copy-wrapper .ico-clone {
  font-size: 1.25em;
}

.tabbed-content .__tab .__copy-wrapper:hover .ico-clone {
  color: #5086c6;
}

.tabbed-content .__tab .__copy-wrapper:hover:before {
  display: block;
  max-height: 2em;
  opacity: 1;
}

.tabbed-content .__tab .__copy-wrapper input[type=text] {
  cursor: pointer;
}

.tabbed-content .__tab .__toggle {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.tabbed-content .__nav {
  grid-area: tabnav;
  display: flex;
  justify-content: space-between;
}

.tabbed-content .__nav button:only-child.-left {
  margin-right: auto;
}

.tabbed-content .__nav button:only-child.-right {
  margin-left: auto;
}

.content .__body.-settings {
  display: flex;
  padding: 20px 10px 20px 0;
  gap: 20px;
}

.content .__body.-settings .form-group {
  border: 1px solid #ececec;
  border-radius: 10px;
  flex: 0 1 auto;
  margin: 0;
  padding: 10px 0;
}

.content .__body.-settings .form-row {
  -webkit-transition: background-color 0.4s, border-color 0.4s;
  -moz-transition: background-color 0.4s, border-color 0.4s;
  -ms-transition: background-color 0.4s, border-color 0.4s;
  -o-transition: background-color 0.4s, border-color 0.4s;
  transition: background-color 0.4s, border-color 0.4s;
  grid-template-columns: minmax(70px, 150px) auto;
  grid-gap: 0 10px;
  border-left: 4px solid rgba(0, 0, 0, 0);
  margin: 0;
  padding: 10px 10px 8px 16px;
}

.content .__body.-settings .form-row.disabled {
  cursor: default !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.4;
}

.content .__body.-settings .form-row:hover:not(.disabled) {
  background-color: #fafafa;
  border-left: 4px solid #9dbbdf;
}

.content .__body.-settings .form-row:not(:last-child) {
  border-bottom: 2px solid #ececec;
}

.content .__body.-settings .form-row > *:nth-child(2) {
  max-width: 180px;
}

.content .__body.-settings .form-row > input[type=number] {
  max-width: 80px;
}

.content .__body.-settings .form-row .flex-row select, .content .__body.-settings .form-row .btn-group select, .content .__body.-settings .form-row label select {
  flex: 1 0 60%;
}

.content .__body.-settings .form-row .flex-row input[type=number], .content .__body.-settings .form-row .btn-group input[type=number], .content .__body.-settings .form-row label input[type=number] {
  flex: 1 0 40%;
}

@media (max-width: 992px) {
  .content .__body.-settings {
    flex-wrap: wrap;
  }
}
.__body.-scheduler {
  display: grid;
  grid-gap: 0px 10px;
  grid-template-rows: min-content auto;
  overflow: hidden;
  height: 100%;
}

.__body.-scheduler li {
  border: 1px solid #cecece;
  margin-bottom: 2px;
}

.__body.-scheduler .__empty, .__body.-scheduler .__drophere {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #9dbbdf;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
  transform: translate(-50%, -50%);
}

.__body.-scheduler .__teams {
  border: 1px solid #ececec;
  border-radius: 5px;
  grid-row: 2/last-line;
  margin: 0;
  padding: 10px;
  position: relative;
}

.__body.-scheduler .__teams .__empty {
  font-size: 1em;
  top: 30%;
  white-space: normal;
}

.__body.-scheduler .__schedules {
  border: 1px solid #ececec;
  border-right: none;
  border-radius: 5px;
  grid-area: 2/2/span 2/span 2;
  position: relative;
}

.__body.-scheduler .__schedule {
  align-items: center;
  border-left: 4px solid rgba(0, 0, 0, 0);
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr 120px;
  grid-template-rows: repeat(4, 30px);
  padding: 10px 20px 10px 16px;
}

.__body.-scheduler .__schedule:nth-child(even) {
  background-color: #f2f2f2;
}

.__body.-scheduler .__schedule:hover {
  border-left: 4px solid #9dbbdf;
}

.__body.-scheduler .__schedule .__label {
  grid-area: 1/1/1/-2;
}

.__body.-scheduler .__schedule .__start-time {
  grid-area: 2/2;
}

.__body.-scheduler .__schedule .__end-time {
  grid-area: 3/2;
}

.__body.-scheduler .__schedule .__quiz {
  grid-area: 1/2;
}

.__body.-scheduler .__schedule .__quiz ~ .__label {
  grid-area: 1/1;
}

.__body.-scheduler .__schedule .__delete {
  grid-area: 1/3;
}

.__body.-scheduler .__schedule .__timezone {
  font-size: 0.875em;
  grid-area: 2/3;
}

.__body.-scheduler .__schedule .__teams-on-schedule {
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 5px;
  grid-area: 2/1/-1/1;
  height: 100%;
  max-height: 100%;
  padding: 10px 0;
  position: relative;
}

.__body.-scheduler .__schedule .__teams-on-schedule .__drophere {
  -webkit-transition: opacity 0.4s, box-shadow 0.4s;
  -moz-transition: opacity 0.4s, box-shadow 0.4s;
  -ms-transition: opacity 0.4s, box-shadow 0.4s;
  -o-transition: opacity 0.4s, box-shadow 0.4s;
  transition: opacity 0.4s, box-shadow 0.4s;
  opacity: 0;
  padding: 10px;
  top: 55px;
}

.__body.-scheduler .__schedule .__teams-on-schedule .__empty {
  color: #9191a0;
  font-size: 1em;
  font-weight: normal;
  padding: 10px;
}

.__body.-scheduler .__schedule .__teams-on-schedule.--highlight {
  -webkit-box-shadow: 0px 0px 2px #9dbbdf;
  -moz-box-shadow: 0px 0px 2px #9dbbdf;
  box-shadow: 0px 0px 2px #9dbbdf;
  border-color: #9dbbdf;
}

.__body.-scheduler .__schedule .__teams-on-schedule.--highlight .__drophere {
  opacity: 1;
}

.__body.-scheduler .__schedule .__validity {
  color: #db6c74;
  grid-area: 4/2;
}

.__body.-scheduler .__schedule .__validity.--allfilled {
  color: #44c455;
}

.__body.-scheduler .__schedule .__validity .ico {
  font-size: 25px;
  margin: 0 10px;
}

.__body.-scheduler .__schedule .datetime-picker-dropdown {
  margin-top: -35px;
}

.review-tables {
  column-count: 2;
  height: max-content;
  padding-right: 10px;
}

.review-tables table {
  -webkit-box-shadow: 0px 0px 2px #cecece;
  -moz-box-shadow: 0px 0px 2px #cecece;
  box-shadow: 0px 0px 2px #cecece;
  break-inside: avoid;
  margin-bottom: 20px;
}

.review-tables td, .review-tables th {
  padding: 5px 10px;
}

.review-tables th {
  background-color: #a4b7ce;
  color: #fff;
  font-weight: bold;
}

.review-tables tr:nth-child(even) {
  background-color: #efefef;
}

.__tab.-request .__input {
  display: flex;
  gap: 10px;
}

.__tab.-request .select-wrapper {
  min-width: 200px;
}

.__tab.-request .__item.-assigned {
  background-color: #c9e4d2;
  background-image: -moz-linear-gradient(left, #c9e4d2 0%, transparent 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #c9e4d2), color-stop(100%, transparent));
  background-image: -webkit-linear-gradient(left, #c9e4d2 0%, transparent 100%);
  background-image: -o-linear-gradient(left, #c9e4d2 0%, transparent 100%);
  background: -ms-linear-gradient(left, #c9e4d2 0%, transparent 100%);
  background: linear-gradient(to right, #c9e4d2 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
}

.--autogenerated {
  font-size: 70%;
}

.tabs {
  grid-area: body;
  display: flex;
  flex-direction: column;
}

.tabs .__tab-head-wrapper {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  border-bottom: 1px solid #ececec;
}

.tabs .__tab-head {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color 0.4s, line-height 0.2s linear 0.2s, flex 0.4s ease-out 0.2s;
  -moz-transition: background-color 0.4s, line-height 0.2s linear 0.2s, flex 0.4s ease-out 0.2s;
  -ms-transition: background-color 0.4s, line-height 0.2s linear 0.2s, flex 0.4s ease-out 0.2s;
  -o-transition: background-color 0.4s, line-height 0.2s linear 0.2s, flex 0.4s ease-out 0.2s;
  transition: background-color 0.4s, line-height 0.2s linear 0.2s, flex 0.4s ease-out 0.2s;
  padding: 0.25rem 1rem;
  border-left: solid 1px #cfcfcf;
  border-top: solid 1px #cfcfcf;
  border-right: solid 1px #cfcfcf;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #fff;
  line-height: 1.5;
  flex: 1 1 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: max-content;
}

.tabs .__tab-head:hover {
  background-color: #eaf0f8;
  line-height: 2.25;
}

.tabs .__tab-head.--active {
  background-color: #5086c6;
  color: #ececec;
  line-height: 2.25;
  flex: 1 1 8em;
}

.tabs .__tab-wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
  flex: 1;
  border-left: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  border-radius: 0px 15px 15px 15px;
  background-color: #fff;
  box-shadow: 0px 5px 15px -10px rgba(0, 0, 0, 0.8);
}

.tabs .__tab-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}

.tabs .__tab-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5db;
}

.tabs .__tab-wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.tabs .__tab-description-tools-wrapper {
  display: flex;
  gap: 2rem;
  padding: 0.5rem;
  background-color: #fff;
}

.tabs .__tab-description {
  flex: 1;
}

.tabs .__tab-body {
  flex: 1;
  padding: 0 0.5rem 0.5rem;
  overflow: hidden;
}

.tabs .__bottom-tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
}

.tabs .__bottom-tabs .btn.--previous {
  margin-right: auto;
}

.tabs .__bottom-tabs .btn.--next {
  margin-left: auto;
}

.tabs tab-description > p:last-of-type {
  margin-bottom: 0.5rem;
}

.tabs tab-tools {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.tabs tab-body {
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
}

.tabs tab-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}

.tabs tab-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5db;
}

.tabs tab-body::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.tab-settings {
  display: flex;
  gap: 1.5rem;
}

.tab-settings .__form-group {
  border: 1px solid #ececec;
  border-radius: 0.75rem;
  flex: 1;
  margin: 0;
  padding: 0.75rem 0;
  max-width: 50rem;
}

.tab-settings .__form-group .__form-row {
  -webkit-transition: background-color 0.4s, border-color 0.4s;
  -moz-transition: background-color 0.4s, border-color 0.4s;
  -ms-transition: background-color 0.4s, border-color 0.4s;
  -o-transition: background-color 0.4s, border-color 0.4s;
  transition: background-color 0.4s, border-color 0.4s;
  display: grid;
  grid-template-columns: minmax(70px, 150px) auto;
  grid-gap: 0 0.75rem;
  border-left: 4px solid rgba(0, 0, 0, 0);
  margin: 0;
  padding: 0.75rem 0.75rem 0.5rem 1rem;
}

.tab-settings .__form-group .__form-row.disabled {
  cursor: default !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.4;
}

.tab-settings .__form-group .__form-row:hover:not(.disabled) {
  background-color: #fafafa;
  border-left: 4px solid #9dbbdf;
}

.tab-settings .__form-group .__form-row:not(:last-child) {
  border-bottom: 2px solid #ececec;
}

.tab-settings .__form-group .__form-row > *:nth-child(2) {
  max-width: 16rem;
  gap: 1rem;
}

.tab-settings .__form-group .__form-row > input[type=number] {
  max-width: 80px;
}

.tab-settings .__form-group .__form-row > input[type=range] {
  grid-column: 2;
  max-width: 16rem;
}

.tab-settings .__form-group .__form-row .flex-row select, .tab-settings .__form-group .__form-row .btn-group select, .tab-settings .__form-group .__form-row .form-row label select, .form-row .tab-settings .__form-group .__form-row label select {
  flex: 1 0 60%;
}

.tab-settings .__form-group .__form-row .flex-row input[type=number], .tab-settings .__form-group .__form-row .btn-group input[type=number], .tab-settings .__form-group .__form-row .form-row label input[type=number], .form-row .tab-settings .__form-group .__form-row label input[type=number] {
  flex: 1 0 40%;
}

@media (max-width: 992px) {
  .tab-settings .__form-group {
    flex-wrap: wrap;
  }
}
.tab-scheduler {
  display: flex;
  gap: 1rem;
  align-items: stretch;
  height: 100%;
}

.tab-scheduler .__teams {
  flex: 1 1 30%;
  position: relative;
}

.tab-scheduler .__schedules {
  position: relative;
  flex: 1 1 70%;
}

.tab-scheduler .__schedules .__empty, .tab-scheduler .__schedules .__drophere {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: opacity 0.4s, box-shadow 0.4s;
  -moz-transition: opacity 0.4s, box-shadow 0.4s;
  -ms-transition: opacity 0.4s, box-shadow 0.4s;
  -o-transition: opacity 0.4s, box-shadow 0.4s;
  transition: opacity 0.4s, box-shadow 0.4s;
  color: #9dbbdf;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
  transform: translate(-50%, -50%);
}

.tab-scheduler .__schedule {
  align-items: center;
  border-left: 4px solid rgba(0, 0, 0, 0);
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(2, 1fr) repeat(2, minmax(6rem, 10%));
  grid-template-rows: repeat(4, auto);
  grid-template-areas: "name quiz quiz delete" "teams starttime timezone timezone" "teams endtime space space" "teams errorfeedback errorfeedback errorfeedback";
  padding: 0.5rem 1rem;
}

.tab-scheduler .__schedule:nth-child(even) {
  background-color: #f2f2f2;
}

.tab-scheduler .__schedule:hover {
  border-left: 4px solid #9dbbdf;
}

.tab-scheduler .__schedule .__quiz {
  grid-area: quiz;
}

.tab-scheduler .__schedule .__name {
  grid-area: name;
}

.tab-scheduler .__schedule .__teams {
  grid-area: teams;
  background-color: #fff;
  border: 1px solid #cecece;
  border-radius: 5px;
  height: 100%;
  max-height: 100%;
  padding: 0.75rem;
  position: relative;
}

.tab-scheduler .__schedule .__teams .__drophere {
  opacity: 0;
}

.tab-scheduler .__schedule .__teams .__empty {
  color: #4d4d4d;
  font-size: 1em;
  font-weight: normal;
}

.tab-scheduler .__schedule .__teams.--highlight {
  -webkit-box-shadow: 0px 0px 2px #9dbbdf;
  -moz-box-shadow: 0px 0px 2px #9dbbdf;
  box-shadow: 0px 0px 2px #9dbbdf;
  border-color: #9dbbdf;
}

.tab-scheduler .__schedule .__teams.--highlight .__drophere {
  opacity: 1;
}

.tab-scheduler .__schedule .__teams.--highlight .__empty {
  opacity: 0;
}

.tab-scheduler .__schedule .__starttime {
  grid-area: starttime;
}

.tab-scheduler .__schedule .__endtime {
  grid-area: endtime;
}

.tab-scheduler .__schedule .__delete {
  grid-area: delete;
  width: 100%;
  max-width: 6rem;
  justify-self: flex-end;
  height: 100%;
  border: 1px solid #cecece;
}

.tab-scheduler .__schedule .__delete:hover {
  border-color: #e5959b;
}

.tab-scheduler .__schedule .__timezone {
  grid-area: timezone;
}

.tab-scheduler .__schedule .__errorfeedback {
  grid-area: errorfeedback;
  display: flex;
  align-items: center;
  gap: 1rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #e5959b;
}

.tab-certificate {
  display: flex;
  gap: 1rem;
  height: 100%;
}

.tab-certificate .img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 100%;
  background-color: #f2f2f2;
}

.tab-certificate .img-wrapper img {
  -webkit-box-shadow: 0 0 0.5rem rgba(206, 206, 206, 0.55);
  -moz-box-shadow: 0 0 0.5rem rgba(206, 206, 206, 0.55);
  box-shadow: 0 0 0.5rem rgba(206, 206, 206, 0.55);
  flex: 0;
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
}

.tab-certificate .__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.tab-certificate .__buttons p {
  font-size: 0.875em;
}

.tab-publish {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
}

.tab-publish .switch-wrapper {
  align-self: flex-end;
}

.tab-publish .__copy-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}

.tab-publish .__copy-wrapper:before {
  content: attr(data-label);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  bottom: calc(100% - 4px);
  left: 15rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-height: 0;
  opacity: 0;
  background-color: #fff;
  border: 1px solid #5086c6;
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
  transform: translate(50%, 0);
}

.tab-publish .__copy-wrapper .ico-clone {
  font-size: 1.25em;
}

.tab-publish .__copy-wrapper:hover .ico-clone {
  color: #5086c6;
}

.tab-publish .__copy-wrapper:hover:before {
  display: block;
  max-height: 2em;
  opacity: 1;
}

.tab-publish .__copy-wrapper input[type=text] {
  cursor: pointer;
  width: 20rem;
}

.tab-publish .__copy-wrapper .review-tables {
  column-count: 2;
  height: max-content;
  padding-right: 0.5em;
}

.tab-publish .__copy-wrapper .review-tables table {
  -webkit-box-shadow: 0px 0px 2px #cecece;
  -moz-box-shadow: 0px 0px 2px #cecece;
  box-shadow: 0px 0px 2px #cecece;
  break-inside: avoid;
  margin-bottom: 20px;
}

.tab-publish .__copy-wrapper .review-tables td, .tab-publish .__copy-wrapper .review-tables th {
  padding: 0.25em 0.5em;
}

.tab-publish .__copy-wrapper .review-tables th {
  background-color: #a4b7ce;
  color: #1a1a1a;
  font-weight: bold;
}

.tab-publish .__copy-wrapper .review-tables tr:nth-child(even) {
  background-color: #efefef;
}

.tab-publish .acknowledge-editor.slide-open {
  flex: 1 0 auto;
}

.__body.--dashboard {
  margin-left: -10px;
  padding: 10px 0 10px 10px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
  grid-auto-rows: min-content;
}

.__body.--dashboard .__welcome {
  grid-area: 1/1/1/-1;
  padding: 20px;
  border-radius: 10px;
  background-color: #eaf0f8;
  border-left: 4px solid #5086c6;
  text-align: center;
}

.__body.--dashboard .__welcome h4, .__body.--dashboard .__welcome p {
  margin: 0 auto 10px;
}

.__body.--dashboard .__welcome h4 {
  font-weight: bold;
}

.__body.--dashboard .__summary {
  grid-area: 2/1/2/-1;
  display: grid;
  gap: 20px;
  grid-auto-rows: min-content;
}

.__body.--dashboard .__summary.--trainer {
  grid-template-columns: repeat(4, 1fr);
}

.__body.--dashboard .__summary.--trainee {
  grid-template-columns: repeat(3, 1fr);
}

.__body.--dashboard .panel {
  margin: 0;
  padding: 10px;
  border-radius: 10px;
}

.__body.--dashboard .panel .panel-heading {
  border-radius: 10px 10px 0px 0px;
  background: #fff;
  color: #1a1a1a;
}

.__body.--dashboard .panel.--g-2 {
  grid-column: span 2;
}

.__body.--dashboard .panel.--g-3 {
  grid-column: span 3;
}

.__body.--dashboard .panel.--g-6 {
  grid-column: span 6;
}

.__body.--dashboard .panel.tabbed-content {
  box-shadow: none;
  padding: 0;
  grid-template-areas: "tabhead" "tabsearch" "tabcontent";
  grid-gap: 0;
  overflow: visible;
  flex-direction: column-reverse;
}

.__body.--dashboard .panel.tabbed-content .__tabhead {
  border: none;
}

.__body.--dashboard .panel.tabbed-content .__toolrow {
  grid-area: tabsearch;
  padding: 5px;
  background-color: #5c87ba;
}

.__body.--dashboard .panel.tabbed-content .__tab {
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  min-height: 100px;
  display: block;
  padding: 0.5rem 0 0;
}

.__body.--dashboard .__dashlets .__toolrow {
  padding: 0 10px;
  height: 40px;
  background-color: #5086c6;
}

.__body.--dashboard .__dashlets .__toolrow input {
  margin-top: 5px;
  height: 28px;
}

.__body.--dashboard .__list-item {
  display: flex;
  align-items: center;
  min-height: 40px;
}

.__body.--dashboard .table-items th {
  background-color: #5c87ba;
  font-weight: bold;
}

.__body.--dashboard .table-items .completion-bar {
  font-size: 0.875em;
  height: 28px;
  line-height: 28px;
}

.question-list {
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
  height: 100%;
  padding-top: 0.5rem;
}

.question-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}

.question-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5db;
}

.question-list::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.question-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr) 40px;
  grid-auto-rows: min-content;
  grid-gap: 5px;
  padding: 15px 10px 10px;
  position: relative;
  background-color: #fff;
  box-shadow: 0 3px 6px #c2c2c2;
  border-radius: 15px;
}

.question-row:nth-child(even) {
  background-color: rgba(234, 240, 248, 0.25);
}

.question-row[dnd-draggable] {
  border: 1px solid #ececec;
  border-radius: 10px;
  cursor: grab;
}

.question-row[dnd-draggable]:active, .question-row[dnd-draggable].dragging {
  cursor: grabbing;
}

.question-row[dnd-draggable]:not(last-child) {
  margin: 0.5rem;
}

.question-row:hover {
  border-color: #cecece;
}

.question-row:hover .__question {
  background-color: #d7e3f2;
  background-image: -moz-linear-gradient(left, #d7e3f2 0%, transparent 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #d7e3f2), color-stop(100%, transparent));
  background-image: -webkit-linear-gradient(left, #d7e3f2 0%, transparent 100%);
  background-image: -o-linear-gradient(left, #d7e3f2 0%, transparent 100%);
  background: -ms-linear-gradient(left, #d7e3f2 0%, transparent 100%);
  background: linear-gradient(to right, #d7e3f2 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
}

.question-row .btn-group {
  grid-column: 5;
  margin-left: auto;
}

.question-row .__question {
  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(left, #f2f2f2 0%, transparent 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #f2f2f2), color-stop(100%, transparent));
  background-image: -webkit-linear-gradient(left, #f2f2f2 0%, transparent 100%);
  background-image: -o-linear-gradient(left, #f2f2f2 0%, transparent 100%);
  background: -ms-linear-gradient(left, #f2f2f2 0%, transparent 100%);
  background: linear-gradient(to right, #f2f2f2 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  gap: 0.5rem;
  border-radius: 20px 0 0 20px;
  grid-column: 1/span 4;
  padding-right: 8px;
}

.question-row .__question strong {
  margin: 0 0.5rem;
}

.question-row .__question .ico {
  position: relative;
  top: 0.5rem;
}

.question-row .__type {
  grid-column: 1/-1;
  padding-left: 30px;
  color: #5086c6;
  font-weight: 700;
  font-size: 12px;
}

.question-row .__answer {
  align-self: end;
  grid-column: 1/span 4;
  padding: 0 35px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
}

.question-row .__answer small {
  white-space: nowrap;
}

.question-row .__answer .inbetween {
  min-width: 4em;
}

.question-row .__image {
  height: auto;
  width: 400px;
  max-width: 400px;
  margin: 0 auto;
  grid-column: 1/-1;
}

.question-row .glyphicon {
  text-align: center;
}

.question-row .glyphicon-ok {
  color: #39b54a;
}

.question-row .glyphicon-remove {
  color: #d65861;
}

.quiz-evaluate {
  display: flex;
  flex-direction: row-reverse;
  gap: 1rem;
  height: 100%;
}

.quiz-evaluate .__trainees, .quiz-evaluate .__responses {
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
}

.quiz-evaluate .__trainees::-webkit-scrollbar, .quiz-evaluate .__responses::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}

.quiz-evaluate .__trainees::-webkit-scrollbar-thumb, .quiz-evaluate .__responses::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5db;
}

.quiz-evaluate .__trainees::-webkit-scrollbar-track, .quiz-evaluate .__responses::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.quiz-evaluate .__trainees {
  flex: 1 1 clamp(12rem, 20%, 30rem);
}

.quiz-evaluate .__trainees .__trainee {
  text-align: right;
  border-bottom: 1px solid #cecece;
  border-right: 0.5rem solid rgba(0, 0, 0, 0);
  padding: 0.25rem 0.75rem 0.75rem;
  transition: border-left-color 0.4s;
  cursor: pointer;
}

.quiz-evaluate .__trainees .__trainee:hover {
  border-right-color: #9dbbdf;
}

.quiz-evaluate .__trainees .__trainee.--active {
  border-right-color: #5086c6;
}

.quiz-evaluate .__trainees .__trainee:nth-child(even) {
  background-color: #f2f2f2;
}

.quiz-evaluate .__responses {
  flex: 1 0 clamp(30rem, 70%, 100%);
}

.quiz-evaluate .__responses .confirm-button {
  display: block;
  margin-left: auto;
}

.module-view {
  height: 100%;
  width: 100%;
  display: flex;
  background-color: #24262d;
  color: #ececec;
  position: relative;
  max-width: calc(100vw - 220px);
}

.module-view.--wide {
  max-width: calc(100vw - 75px);
}

.module-view.--full {
  max-width: 100%;
}

.module-view a {
  color: #5086c6;
}

.module-view .view-all {
  padding-left: 0.7rem;
}

.module-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 clamp(100vw - 220px - 25%, 100vw - 75px - 25%, 100vw - 75px - 25%);
  overflow: auto;
  padding: 5px 25px 0px 25px;
}

.module-content .module-content-body {
  overflow: auto auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: #2b5485 #636c76;
  display: flex;
  flex-direction: column;
  height: calc(100vh - (5rem + 50px));
  margin-right: -20px;
  padding: 30px 30px 30px 0;
  position: relative;
}

.module-content .module-content-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #636c76;
  border-radius: 10px;
}

.module-content .module-content-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #2b5485;
}

.module-content .module-content-body::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #1e2027;
}

.module-content .module-content-body .__intro-pane {
  display: flex;
  flex-direction: column;
  height: 500px;
  width: 100%;
}

.module-content .module-content-body .__intro-pane .__description {
  white-space: pre-line;
}

.module-content .module-content-body .__intro-pane .__btn-review {
  margin: auto;
}

.module-content .-preview-content {
  height: 300px;
  width: 100%;
}

.module-content .__header {
  display: flex;
  justify-content: space-between;
  padding: 10px 0px;
  border-bottom: 2px solid #2b5485;
}

.module-content .__title {
  grid-area: 1/1/1/1;
  align-self: flex-end;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.module-content .__breadcrumbs {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
  grid-area: 2/1/2/1;
  align-self: flex-start;
  overflow: hidden;
}

.module-content .__breadcrumbs .__crumb:not(:first-child):before {
  content: "⏵";
  font-size: inherit;
  flex: 0;
}

.module-content .__breadcrumbs .__crumb {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  max-width: 40ch;
  cursor: default;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.module-content .__btn-next {
  grid-area: 1/2/-1/2;
  align-self: flex-start;
  height: unset;
  padding: 2px 12px;
  font-size: small;
}

.module-content .__body {
  display: flex;
  flex-direction: column;
  overflow: auto auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: #2b5485 #636c76;
  flex: 1;
  padding: 0 1.5rem 2rem 0;
  margin-right: -1.5rem;
  overflow: auto;
}

.module-content .__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #636c76;
  border-radius: 10px;
}

.module-content .__body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #2b5485;
}

.module-content .__body::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #1e2027;
}

.module-content .__body .info-row {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  position: sticky;
  top: 0;
  padding: 0.5rem 0;
  background-color: #24262d;
  z-index: 1;
}

.module-content .__body .__details {
  max-width: 870px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 5px;
}

.module-content .__body .__details-description {
  max-height: 7rem;
  max-width: 100%;
  position: relative;
  margin-top: 20px;
  background-color: #1e1f26;
  margin-bottom: -70px;
}

.module-content .__body .__details-description span {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.module-content .__body .__extra {
  text-align: right;
}

.module-content .__body .__view-options {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: smaller;
}

.module-content .__body .__html-section-select {
  flex: 0.5 0.5 16rem;
  font-size: smaller;
  padding: 0.15rem 1rem;
  height: min-content;
}

.module-content .__body .view-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  overflow: auto auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: #2b5485 #636c76;
  background-color: #2f323b;
  width: clamp(100%, 870px, 100%);
  height: 100%;
  padding: 10px 0.25rem;
}

.module-content .__body .view-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #636c76;
  border-radius: 10px;
}

.module-content .__body .view-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #2b5485;
}

.module-content .__body .view-wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #1e2027;
}

.module-content .__body .view-wrapper #toolbar:deep() {
  border: 1px solid red;
  background-color: #fff;
}

.module-content .__body .view-wrapper .__video {
  width: 100%;
  height: 100%;
}

.module-content .__body .view-wrapper .__video p {
  text-align: center;
  max-width: 870px;
}

@media screen and (max-width: 1400px) {
  .module-content .__body .view-wrapper .__video embed, .module-content .__body .view-wrapper .__video object, .module-content .__body .view-wrapper .__video iframe, .module-content .__body .view-wrapper .__video video {
    height: 100%;
  }
}
@media screen and (min-width: 1400px) {
  .module-content .__body .view-wrapper .__video embed, .module-content .__body .view-wrapper .__video object, .module-content .__body .view-wrapper .__video iframe, .module-content .__body .view-wrapper .__video video {
    width: clamp(100%, 870px, 100%);
    max-height: calc(100vh - 360px);
    min-width: 480px;
  }
}
@media screen and (max-width: 1400px) {
  .module-content .__body .view-wrapper .__video iframe, .module-content .__body .view-wrapper .__video video {
    display: block;
    margin: auto;
  }
}
.module-content .__body .view-wrapper .__image {
  height: 100%;
  width: 100%;
}

.module-content .__body .view-wrapper .__image.--fit-width img {
  height: auto;
  width: 100%;
}

.module-content .__body .view-wrapper .__image.--fit-height img {
  height: 100%;
  width: auto;
}

.module-content .__body .view-wrapper .__image img {
  display: block;
  margin: auto;
}

.module-content .__body .view-wrapper .__audio audio, .module-content .__body .view-wrapper .__audio image {
  max-width: 100%;
}

.module-content .__body .view-wrapper .__html {
  background-color: #fff;
  padding: 1rem 2rem;
}

.module-content .__body .__add-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}

.module-content .__body .__add-content .panel {
  height: 12.15rem;
  width: 16rem;
  margin: 0;
  border-radius: 15px;
  text-align: center;
}

.module-content .__body .__add-content .panel:hover .panel-body img {
  scale: 1.125;
}

.module-content .__body .__add-content .panel-body {
  overflow: hidden;
}

.module-content .__body .__add-content .panel-body img {
  max-height: 100%;
  max-width: 100%;
  transition: scale 0.4s;
}

.module-content .__body .__update-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 1rem;
  flex: 1 0 auto;
  margin-bottom: 2rem;
}

.module-content .field-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 2rem;
  width: clamp(28rem, 50%, 50rem);
}

.module-content .field-group.--full-width {
  width: 100%;
}

.module-content .field-group .__field {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0.25rem;
  width: 100%;
}

.module-content .field-group .__field.--html-section {
  flex-direction: row;
  align-items: center;
}

.module-content .field-group .__field.--html-section span:first-child {
  white-space: nowrap;
  margin-right: 0.5rem;
}

.module-content .field-group .__field.--html-section input[type=text], .module-content .field-group .__field.--html-section .select-wrapper {
  flex: 1 1 50%;
}

.module-content .field-group input[readonly] {
  background: rgba(0, 0, 0, 0);
  color: #ececec;
  cursor: default;
}

.module-content .field-group .__save-btn {
  align-self: flex-end;
}

.module-content .field-group .select-wrapper {
  width: 100%;
}

.module-content .field-group .drop-box {
  height: 16rem;
  width: 100%;
  border-radius: 0.5rem;
  position: relative;
}

.module-content .field-group .drop-box .completion-bar {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 0;
}

.module-content .__preview {
  flex: 1 1 50%;
  border-radius: 0.5rem;
  overflow: hidden;
}

.module-content .__preview .__image {
  height: 100%;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #9191a0;
}

.module-content .__preview .__image img {
  height: 100%;
  width: 100%;
  object-position: center;
  object-fit: contain;
}

.module-content .__preview .__image video {
  padding-top: 30%;
  height: 70%;
  width: 100%;
  object-position: center;
  object-fit: contain;
}

.module-content .__video-instructions p, .module-content .__video-instructions li {
  margin-bottom: 0.5rem;
}

.module-list {
  -webkit-box-shadow: 0 0 2px #000;
  -moz-box-shadow: 0 0 2px #000;
  box-shadow: 0 0 2px #000;
  display: flex;
  flex-direction: column;
  flex: 0 0 clamp(24rem, 33%, 36rem);
  background-color: #1e2027;
  position: relative;
  max-width: calc(100vw - 220px - 24rem);
  min-width: 200px;
  border-radius: 10px;
}

.module-list .--bottom {
  position: fixed;
  right: 4rem;
  top: 1rem;
  z-index: 101;
  margin-top: -0.5rem;
}

.module-list .__tabheads, .module-list .tabheads-module {
  display: flex;
}

.module-list .__tabheads li, .module-list .tabheads-module li {
  height: 2.5rem;
  line-height: 2.5rem;
  vertical-align: middle;
  flex: 1 1 50%;
  border-bottom: 2px solid #24262d;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  transition: border-color 0.4s;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0.75rem;
}

.module-list .__tabheads li:hover, .module-list .tabheads-module li:hover {
  border-color: rgba(43, 84, 133, 0.5);
}

.module-list .__tabheads li.--active, .module-list .tabheads-module li.--active {
  border-color: #2b5485;
  background-color: #1e2027;
}

.module-list .__settings, .module-list .__right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  flex: 0 0 2.5rem;
  padding: 0 1.5rem;
}

.module-list .__settings > .ico, .module-list .__right > .ico {
  padding: 0.715rem;
}

.module-list .__settings .dropdown {
  display: flex;
  flex-direction: column;
  position: relative;
}

.module-list .__settings .dropdown .__dropdown-item, .module-list .__settings .dropdown .__dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
  padding: 0.715rem 1.5rem;
}

.module-list .__settings .dropdown .__dropdown-item[disabled], .module-list .__settings .dropdown .__dropdown-toggle[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}

.module-list .__settings .dropdown .__dropdown-item:after, .module-list .__settings .dropdown .__dropdown-toggle:after {
  content: attr(title);
  display: block;
  white-space: nowrap;
}

.module-list .__settings .dropdown .__dropdown-item:hover, .module-list .__settings .dropdown .__dropdown-toggle:hover {
  background-color: rgba(80, 134, 198, 0.4);
}

.module-list .__settings .dropdown .__dropdown-item:hover .ico, .module-list .__settings .dropdown .__dropdown-toggle:hover .ico {
  transform: scale(1.2, 1.2);
}

.module-list .__settings .dropdown .__dropdown-item {
  height: auto;
  width: 100%;
}

.module-list .__settings .dropdown .__dropdown-drawer {
  -webkit-transition: max-height 0.4s;
  -moz-transition: max-height 0.4s;
  -ms-transition: max-height 0.4s;
  -o-transition: max-height 0.4s;
  transition: max-height 0.4s;
  position: absolute;
  top: 100%;
  -webkit-box-shadow: 0 6px 6px #1e2027;
  -moz-box-shadow: 0 6px 6px #1e2027;
  box-shadow: 0 6px 6px #1e2027;
  max-height: 0;
  background-color: #1e2027;
  z-index: 100;
  overflow: hidden;
}

.module-list .__settings .dropdown.--open .__dropdown-drawer {
  max-height: 8rem;
}

.module-list .__item-list, .module-list .__reviews {
  overflow: hidden auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: #2b5485 #636c76;
  flex: 1;
  padding-bottom: 1.5rem;
  padding-right: 0;
}

.module-list .__item-list::-webkit-scrollbar, .module-list .__reviews::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #636c76;
  border-radius: 10px;
}

.module-list .__item-list::-webkit-scrollbar-thumb, .module-list .__reviews::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #2b5485;
}

.module-list .__item-list::-webkit-scrollbar-track, .module-list .__reviews::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #1e2027;
}

.module-list .__empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
  color: #ececec;
  text-align: center;
  padding: 1.5rem;
}

.module-list .__empty .ico-empty-grey {
  height: 5rem;
  width: 5rem;
  flex: 0 0 auto;
}

.module-list .search-wrapper {
  flex: 0;
  margin: -1px 0 1px;
  max-width: unset;
  min-width: unset;
  padding: 0;
}

.module-list .search-wrapper:before {
  opacity: 0.5;
  right: 26px;
}

.module-list .search-wrapper input {
  background-color: #24262d;
  border-radius: 0;
  color: #ececec;
  border: none;
  border-bottom: 1px solid #ececec;
  font-style: italic;
}

.module-list .module-width-handle {
  height: 2.5rem;
  width: 0.75rem;
  position: absolute;
  top: 2.25rem;
  left: -0.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.1125rem;
  -webkit-box-shadow: 0 0 2px #fff;
  -moz-box-shadow: 0 0 2px #fff;
  box-shadow: 0 0 2px #fff;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #24262d;
  cursor: e-resize;
  border-radius: 0.375rem;
  padding: 0.35rem 0;
}

.module-list .module-width-handle .__dot {
  height: 2.5px;
  width: 2.5px;
  flex: 0 0 2.5px;
  border-radius: 50%;
  background-color: #ececec;
}

.module-list .__item-list .__item, .item-container .__item {
  cursor: !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #2f323b;
  position: relative;
}

.module-list .__item-list .__item .__hitbox, .module-list .__item-list .__item .__tools, .item-container .__item .__hitbox, .item-container .__item .__tools {
  display: flex;
  align-items: center;
}

.module-list .__item-list .__item .__hitbox, .item-container .__item .__hitbox {
  flex: 1;
  gap: 0.5rem;
  padding: 0.715rem;
}

.module-list .__item-list .__item .__hitbox .ico, .item-container .__item .__hitbox .ico {
  flex: 0 0 1.5rem;
}

.module-list .__item-list .__item .__hitbox .ico-image, .module-list .__item-list .__item .__hitbox .ico-pdf, .module-list .__item-list .__item .__hitbox .ico-audio, .module-list .__item-list .__item .__hitbox .ico-video, .module-list .__item-list .__item .__hitbox .ico-html, .item-container .__item .__hitbox .ico-image, .item-container .__item .__hitbox .ico-pdf, .item-container .__item .__hitbox .ico-audio, .item-container .__item .__hitbox .ico-video, .item-container .__item .__hitbox .ico-html {
  height: 1.2rem;
  width: 1.2rem;
  background-color: #ececec;
}

.module-list .__item-list .__item .__hitbox .ico-drawerarrow, .item-container .__item .__hitbox .ico-drawerarrow {
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -ms-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
  height: 0.5rem;
  width: 0.5rem;
  -webkit-transform: translate(-50%, 25%) rotate(90deg);
  -moz-transform: translate(-50%, 25%) rotate(90deg);
  -ms-transform: translate(-50%, 25%) rotate(90deg);
  -o-transform: translate(-50%, 25%) rotate(90deg);
  transform: translate(-50%, 25%) rotate(90deg);
  border: 0.45rem solid rgba(0, 0, 0, 0);
  border-left-color: #ececec;
  flex: 0 0 0.75rem;
  margin-left: 0.75rem;
}

.module-list .__item-list .__item .__tools, .item-container .__item .__tools {
  padding: 0.715rem 0.715rem 0.715rem 0;
}

.module-list .__item-list .__item .__label, .item-container .__item .__label {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.module-list .__item-list .__item .ico-draghandle, .item-container .__item .ico-draghandle {
  cursor: grab;
  color: #acacac;
}

.module-list .__item-list .__item .ico-draghandle:active, .item-container .__item .ico-draghandle:active {
  cursor: grabbing;
}

.module-list .__item-list .__item.--o .ico-drawerarrow, .item-container .__item.--o .ico-drawerarrow {
  transform: translateX(-50%);
}

.module-list .__item-list .__item.--submodule, .item-container .__item.--submodule {
  background-color: #2a2c34;
}

.module-list .__item-list .__item.--submodule .__hitbox, .item-container .__item.--submodule .__hitbox {
  padding-left: 2.715rem;
}

.module-list .__item-list .__item.--topic, .item-container .__item.--topic {
  background-color: #24262d;
}

.module-list .__item-list .__item.--topic .__hitbox, .item-container .__item.--topic .__hitbox {
  padding-left: 4.215rem;
}

.module-list .__item-list .__item.--s, .item-container .__item.--s {
  background-color: #326963;
}

.module-list .__item-list .__item.--n .ico-drawerarrow, .item-container .__item.--n .ico-drawerarrow {
  border-left-color: rgba(236, 236, 236, 0.25);
}

.module-list .__item-list .__item.--p, .item-container .__item.--p {
  background-color: rgba(50, 105, 99, 0.2);
}

.module-list .__item-list .__item.--v, .item-container .__item.--v {
  background-color: #353842;
}

.module-list .__item-list .__item:hover, .item-container .__item:hover {
  background-color: #5086c6;
}

.module-list .__item-list .dndPlaceholder, .item-container .dndPlaceholder {
  height: 1rem;
  border: 1px dashed #fbb03b;
  display: block;
}

.module-list .__item-list .__dropzone, .item-container .__dropzone {
  display: block;
  background-color: rgba(251, 176, 59, 0.1);
  min-height: 1rem;
  padding-bottom: 1rem;
}

.module-add-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}

.module-add-content .panel {
  margin: 0;
  height: 12rem;
  width: 18rem;
  flex: 0 0.75 18rem;
}

.module-add-content .img-wrapper {
  padding: 0;
  overflow: hidden;
}

.grid-rate {
  display: grid;
  grid-template-columns: 40px 1fr 120px;
  grid-gap: 10px;
  padding: 8px;
  border-bottom: 1px solid #1e2027;
}

.rating {
  flex-direction: row-reverse;
}

.rating input {
  display: none;
}

.rating label {
  color: #ddd;
}

.rating label:before {
  margin: 3px;
  font-size: 1.5em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating input:checked, .rating input:checked ~ label, .rating label:hover input:not(:checked), .rating input:not(:checked) label:hover ~ label {
  color: #f0d354;
}

.rating input:checked + label:hover, .rating input:checked ~ label:hover, .rating label:hover ~ input:checked ~ label, .rating input:checked ~ label:hover ~ label {
  color: #ffed85;
}

.rate-area-wrapper h5 {
  margin: 0;
}

.modal-footer {
  padding-top: 20px;
}

.__module-content-container {
  display: flex;
  flex-direction: column;
  flex: 6;
  margin-right: -20px;
  padding: 0.5rem 1.5rem 2rem 0;
  position: relative;
}

.__module-content-container .__description {
  white-space: pre-line;
}

.__module-content-container .__leave-btn {
  margin: auto;
}

.module-title {
  padding: 1.715rem 1rem 1rem;
}

.__field-content-lib, .__submit-content-lib {
  padding: 1rem;
}

.menu {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: auto;
  margin: 0 auto 1rem 0;
  background: none;
  border: none;
  cursor: pointer;
  padding-left: 1rem;
}

.custom-input {
  display: flex;
  align-items: center;
}

.custom-input input[type=number] {
  width: 40px;
  padding: 5px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 0 5px;
  -moz-appearance: textfield;
  appearance: textfield;
}

.custom-input span {
  font-size: 18px;
  margin: 0 5px;
}

.custom-input input[type=number]::-webkit-inner-spin-button, .custom-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.transcript {
  -webkit-box-shadow: 0 0 2px #fff;
  -moz-box-shadow: 0 0 2px #fff;
  box-shadow: 0 0 2px #fff;
  display: flex;
  flex-direction: column;
  flex: 0 0 clamp(24rem, 33%, 36rem);
  background-color: #fff;
  position: relative;
  max-width: calc(100vw - 220px - 24rem);
  min-width: 200px;
  height: 100%;
  max-height: 400px;
  border-radius: 10px;
  margin: 1rem;
  color: #000;
  padding: 1rem;
  gap: 0.5rem;
}

.transcript .__header {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.transcript .__menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.transcript ._empty {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.transcript .__item {
  justify-content: unset;
}

.transcript .__info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.transcript .__input, .transcript .__time {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.2rem;
}

.transcript .__input input[type=number], .transcript .__time input[type=number] {
  width: 4rem;
  padding: 3px 10px;
}

.transcript input[type=file] {
  display: none;
}

.file-uploaded {
  display: flex;
  grid-column: 2;
  padding: 5px 10px;
  background: #5086c6;
}

.file-uploaded:nth-child(even) {
  background: rgba(169, 196, 227, 0.568627451);
}

.file-uploaded > span {
  position: relative;
  width: 100%;
  padding: 0 2em 0 0;
  color: #000;
  word-break: break-word;
}

.file-uploaded .cancel-upload {
  position: absolute;
  top: 50%;
  right: -0.75em;
  height: 1.5em;
  width: 1.5em;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
  display: inline-block;
  transform: translate(-50%, -50%);
  background-color: #e6e6e6;
  background-size: 80%;
  cursor: pointer;
}

.file-uploaded .cancel-upload:hover {
  height: 2em;
  width: 2em;
  right: -1.5em;
  background-color: #fff;
}

.feedback_container {
  display: flex;
  width: 100%;
}

.feedback_container .-request_inputs {
  width: 40%;
  margin-right: 25px;
}

.feedback_container .-request_outputs {
  width: 50%;
  overflow-y: auto;
}

.feedback_container .-request_outputs .feeds {
  width: 100%;
  display: block;
}

.feedback_container .-request_outputs .feeds li {
  border: 1px solid gray;
  margin: 15px 0;
  padding: 10px;
}

.feedback_container .-request_outputs .feeds .--info {
  padding: 15px;
}

.feedback_container .-request_outputs .feeds .--info span {
  font-size: 16px;
}

.feedback_container .-request_outputs .feeds .--info p {
  margin: 5px 0;
  overflow-wrap: break-word;
}

.feedback_container .-request_outputs .feeds .--info .category {
  margin: 5px 0;
}

.feedback_container .-request_outputs .feeds .--info .message {
  font-size: 16px;
  margin: 15px 0;
}

.feedback_container .-request_outputs .feeds .--info .ticket__dates {
  margin: 25px 0 45px 0;
}

.feedback_container .-request_outputs .feeds .--info .ticket__dates .ticket_number {
  margin-right: 25px;
}

.--pending, .--approved, .ticket_number, .date, .attachment a {
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 20px;
  color: #fff;
  padding: 5px 10px;
}

.--pending {
  background-color: red;
  display: inline-block;
  margin: 55px 0;
}

.--approved {
  background-color: green;
}

.ticket_number {
  background-color: #3f3faa;
}

.date {
  background-color: gray;
}

.attachment {
  margin-bottom: 20px;
}

.attachment a {
  padding: 15px 25px;
  background-color: green;
}

.-settings-profile .main {
  display: flex;
  height: auto;
  flex-direction: column;
  gap: 10px;
}

.-settings-profile .main .avatar {
  position: relative;
  align-self: flex-start;
  flex: 0;
  padding: 10px;
}

.-settings-profile .main .avatar .ico-edit-profile {
  height: 40px;
  width: 40px;
  position: absolute;
  right: 10px;
  bottom: 30px;
}

.-settings-profile .main .avatar .user-avatar {
  height: 150px;
  width: 150px;
  object-fit: cover;
  border-radius: 50%;
}

.-settings-profile .main .avatar .file-input {
  display: none;
}

.-settings-profile .main .fields {
  flex: 1;
  max-width: 500px;
}

.-settings-profile .main .fields .__row {
  gap: 1em;
  margin-bottom: 10px;
}

.-settings-profile .main .fields .__row.--split > * {
  flex: 1 1 50%;
}

.-settings-profile .main .fields .field-group {
  border: 1px solid #ececec;
  padding: 10px;
}

.-settings-profile .main .fields .field-group:not(:last-child) {
  margin-bottom: 4px;
}

.-settings-profile .main .fields .field-group > .btn {
  display: block;
  margin-left: auto;
}

.-settings-profile .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 89;
  background-color: rgba(0, 0, 0, 0.2196078431);
}

.-settings-profile .__cert {
  height: 50%;
  width: 50%;
  position: absolute;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 5px;
  background-color: #fff;
  z-index: 100;
}

.-settings-profile .__cert canvas {
  width: 50%;
}

.-settings-profile table.--center-on-2 th:nth-child(n+2), .-settings-profile table.--center-on-2 td:nth-child(n+2) {
  text-align: center;
}

.-settings-profile table.--center-on-3 th:nth-child(n+3), .-settings-profile table.--center-on-3 td:nth-child(n+3) {
  text-align: center;
}

.-settings-profile table.--center-on-4 th:nth-child(n+4), .-settings-profile table.--center-on-4 td:nth-child(n+4) {
  text-align: center;
}

.-settings-profile table.--center-on-5 th:nth-child(n+5), .-settings-profile table.--center-on-5 td:nth-child(n+5) {
  text-align: center;
}

.-settings-profile table.--center-all td, .-settings-profile table.--center-all th {
  text-align: center;
}

.-settings-profile table col {
  width: var(--width);
}

.-settings-profile table tr:nth-child(even) td {
  background-color: #efefef;
}

.-settings-profile table th, .-settings-profile table td {
  padding: 5px 2.5px;
  font-size: 0.875em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.-settings-profile table th:last-child, .-settings-profile table td:last-child {
  padding-right: 5px;
}

.-settings-profile table th:first-child, .-settings-profile table td:first-child {
  padding-left: 10px;
}

.-settings-profile table th > span, .-settings-profile table td > span {
  white-space: nowrap;
}

.-settings-profile table thead td {
  background-color: #5c87ba;
}

.-settings-profile table th {
  background-color: #5c87ba;
  color: #ececec;
  font-weight: bold;
}

.-settings-profile table i {
  position: unset;
  height: 15px;
  width: 20px;
}

.__user-profile {
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-template-areas: "details right";
  padding-left: 0;
}

.__user-profile .__details {
  grid-area: "details";
  display: grid;
  grid-auto-rows: min-content;
  gap: 10px;
  margin-top: -50px;
  height: calc(100vh - 0px);
  padding: 75px 25px 25px 25px;
  justify-items: center;
  background-color: #fafafa;
}

.__user-profile .__certificates {
  grid-area: "right";
  padding: 20px 50px;
}

.avatar {
  width: 150px;
}

.table-body {
  background-color: #fff;
  padding: 20px 35px;
  min-height: 200px;
  border-radius: 15px;
}

.--edit-details {
  max-height: calc(100vh - 310px);
  width: 80%;
  padding-top: 10px;
  padding-right: 10px;
  margin-right: -5px;
}

.user-avatar {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  left: 115px;
  top: -20px;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.__modal-actions {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
}

.content-body.-coursequiz .panel {
  margin: 0;
}

.acknowledge-editor {
  -webkit-transition: max-height 0.8s ease-in-out, margin 0.8s, padding 0.8s;
  -moz-transition: max-height 0.8s ease-in-out, margin 0.8s, padding 0.8s;
  -ms-transition: max-height 0.8s ease-in-out, margin 0.8s, padding 0.8s;
  -o-transition: max-height 0.8s ease-in-out, margin 0.8s, padding 0.8s;
  transition: max-height 0.8s ease-in-out, margin 0.8s, padding 0.8s;
  height: auto;
  max-height: 0;
  overflow: hidden;
  background-color: #f2f2f2;
  padding: 0 10px 0 20px;
}

.acknowledge-editor.slide-open {
  max-height: 900px;
  margin-bottom: 20px;
  padding: 20px 10px 20px 20px;
}

.acknowledge-editor .__info-tool-row {
  display: grid;
  grid-template-columns: 4fr min-content;
}

.acknowledge-editor .__info-tool-row button {
  grid-area: 1/2;
}

.acknowledge-editor .__btn-preview-ack.--floaty {
  position: fixed;
  top: 1em;
  right: 1em;
  -webkit-transition: all, 0.4s;
  -moz-transition: all, 0.4s;
  -ms-transition: all, 0.4s;
  -o-transition: all, 0.4s;
  transition: all, 0.4s;
  z-index: 103;
  opacity: 0.5;
}

.acknowledge-editor .__btn-preview-ack.--floaty:hover {
  opacity: 1;
}

.acknowledge-editor .__preview-html {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: #fff;
  padding: 30px;
  z-index: 102;
}

.acknowledge-editor .__preview-html * {
  all: revert !important;
}

.pinned-notif {
  background: #fff;
  border: 1px solid #5086c6;
  border-radius: 4px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 10px 0 20px;
}

.quiz-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  height: 100%;
}

.quiz-container .quiz-items {
  flex: 1;
  padding-right: 6px;
  margin-right: -6px;
}

.quiz-container .quiz-items .--essay {
  padding-top: 2px;
  width: 100%;
  margin: 0 auto;
}

.quiz-container .quiz-items .--essay .sbmtBtn {
  margin-left: auto;
  display: block;
  margin-top: 30px;
}

.quiz-container .quiz-items .--essay .essay-answer {
  background-color: #efefef;
  outline: 1px solid silver;
  margin: 0 1px;
  border-radius: 5px;
  padding: 20px;
  min-height: 100px;
  height: min-content;
}

.quiz-container .quiz-items .--essay .essay-answer * {
  all: revert !important;
}

.quiz-container .quiz-item {
  background-color: #f2f2f2;
  border-radius: 8px;
  padding: 20px 60px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.quiz-container .quiz-item:not(:last-child) {
  margin-bottom: 10px;
}

.quiz-container .quiz-item .__question {
  position: relative;
}

.quiz-container .quiz-item .__num {
  font-size: 1.3em;
  font-weight: bold;
  position: absolute;
  transform: translateX(-100%);
  left: -0.5em;
}

.quiz-container .quiz-item .__answer-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

.quiz-container .quiz-item .__answer input[type=radio] + label, .quiz-container .quiz-item .__answer input[type=checkbox] + label {
  height: 100%;
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #cecece;
  align-items: baseline;
  border-radius: 4px;
  background-color: #fff;
}

.quiz-container .quiz-item .__answer input[type=radio]:checked + label, .quiz-container .quiz-item .__answer input[type=checkbox]:checked + label {
  border-color: #5086c6;
  background-color: #5086c6;
  color: #ececec;
}

.quiz-container .quiz-item .__answer:hover input + label .__text {
  background-color: #9dbbdf;
}

.quiz-container .quiz-item .__flag {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.quiz-container .__radio-wrapper, .quiz-container .__check-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.quiz-container .__radio-wrapper .__text, .quiz-container .__check-wrapper .__text {
  height: 100%;
  width: 100%;
  -webkit-transition: border-color 0.4s, background-color 0.4s;
  -moz-transition: border-color 0.4s, background-color 0.4s;
  -ms-transition: border-color 0.4s, background-color 0.4s;
  -o-transition: border-color 0.4s, background-color 0.4s;
  transition: border-color 0.4s, background-color 0.4s;
  display: block;
  border: 1px solid #ececec;
  border-radius: 4px;
  padding: 8px 12px;
  background-color: #fff;
}

.quiz-container .__radio-wrapper .__radio, .quiz-container .__check-wrapper .__radio {
  height: 1em;
  width: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: border-color 0.4s, background-color 0.4s;
  -moz-transition: border-color 0.4s, background-color 0.4s;
  -ms-transition: border-color 0.4s, background-color 0.4s;
  -o-transition: border-color 0.4s, background-color 0.4s;
  transition: border-color 0.4s, background-color 0.4s;
  border: 1px solid #cecece;
  border-radius: 50%;
  background-color: #fff;
}

.quiz-container .__radio-wrapper .__radio span, .quiz-container .__check-wrapper .__radio span {
  height: 0;
  width: 0;
  -webkit-transition: height 0.4s, width 0.4s;
  -moz-transition: height 0.4s, width 0.4s;
  -ms-transition: height 0.4s, width 0.4s;
  -o-transition: height 0.4s, width 0.4s;
  transition: height 0.4s, width 0.4s;
  border-radius: 50%;
  background-color: #5086c6;
}

.quiz-container .__radio-wrapper .__checkbox, .quiz-container .__check-wrapper .__checkbox {
  height: 1em;
  width: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: border-color 0.4s, background-color 0.4s;
  -moz-transition: border-color 0.4s, background-color 0.4s;
  -ms-transition: border-color 0.4s, background-color 0.4s;
  -o-transition: border-color 0.4s, background-color 0.4s;
  transition: border-color 0.4s, background-color 0.4s;
  border: 1px solid #cecece;
  border-radius: 2px;
  background-color: #fff;
}

.quiz-container .__radio-wrapper .__checkbox:after, .quiz-container .__check-wrapper .__checkbox:after {
  content: "";
  height: 0;
  width: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: translate(0, -2px) rotate(45deg);
  -moz-transform: translate(0, -2px) rotate(45deg);
  -ms-transform: translate(0, -2px) rotate(45deg);
  -o-transform: translate(0, -2px) rotate(45deg);
  transform: translate(0, -2px) rotate(45deg);
  -webkit-transition: height 0.2s, width 0.2s, border-color 0.2s;
  -moz-transition: height 0.2s, width 0.2s, border-color 0.2s;
  -ms-transition: height 0.2s, width 0.2s, border-color 0.2s;
  -o-transition: height 0.2s, width 0.2s, border-color 0.2s;
  transition: height 0.2s, width 0.2s, border-color 0.2s;
  display: block;
  border: solid rgba(0, 0, 0, 0);
  border-width: 0 3px 3px 0;
}

.quiz-container .__radio-wrapper input, .quiz-container .__check-wrapper input {
  display: none;
}

.quiz-container .__radio-wrapper input:checked ~ .__radio span, .quiz-container .__check-wrapper input:checked ~ .__radio span {
  height: calc(1em - 6px);
  width: calc(1em - 6px);
}

.quiz-container .__radio-wrapper input:checked ~ .__checkbox:after, .quiz-container .__check-wrapper input:checked ~ .__checkbox:after {
  height: 1em;
  width: 0.5em;
  border-color: #5086c6;
}

.quiz-container .__radio-wrapper input:checked ~ .__text, .quiz-container .__check-wrapper input:checked ~ .__text {
  background-color: #5086c6;
  color: #fff;
}

.quiz-container .__radio-wrapper:hover .__text, .quiz-container .__radio-wrapper:hover .__radio, .quiz-container .__radio-wrapper:hover .__checkbox, .quiz-container .__check-wrapper:hover .__text, .quiz-container .__check-wrapper:hover .__radio, .quiz-container .__check-wrapper:hover .__checkbox {
  border-color: #5086c6;
  background-color: #eaf0f8;
}

.quiz-radio-type {
  position: relative;
}

.quiz-radio-type .__input {
  background-color: #5086c6;
  color: #fff;
}

.quiz-radio-type .__text {
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px 12px;
  pointer-events: none;
}

.quiz-radio-type .__char.--inactive {
  color: rgba(0, 0, 0, 0.5);
}

.quiz-radio-type .__char.--match {
  color: rgba(255, 255, 255, 0.5);
}

.quiz-radio-type .__char.--mismatch {
  background-color: #d65861;
  color: rgba(255, 255, 255, 0.5);
}

.quiz-simplenav {
  background-color: #e2e0e0;
  padding: 30px;
  border-radius: 8px;
}

.quiz-nav {
  position: fixed;
  top: 50px;
  left: 0;
  height: calc(100vh - 50px);
  width: 220px;
  background-color: #1e2027;
  color: #f2f2f2;
  padding: 0 20px;
  z-index: 99;
}

.quiz-nav .--title {
  background-color: #636c76;
  height: 50px;
  line-height: 50px;
  margin: 0px -20px 0;
  padding: 0 20px;
  vertical-align: middle;
}

.quiz-timer {
  display: block;
  margin: 20px auto;
  padding: 4px;
  font-size: 2em;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #5086c6;
  border-radius: 5px;
  background-color: #636c76;
}

.quiz-pages {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: 2.2em;
  grid-gap: 0.5em;
  margin: 10px -10px 10px auto;
  text-align: center;
  max-height: 10.8em;
  padding-right: 10px;
}

.quiz-pages .--page {
  cursor: pointer !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #636c76;
  border: 1px solid #636c76;
  border-radius: 4px;
  line-height: 2.2em;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
}

.quiz-pages .--page:hover {
  background-color: #9dbbdf;
}

.quiz-pages .--page.-active {
  border-color: #5086c6;
  background-color: #5086c6;
}

.quiz-pages .--page.-done {
  border-color: #5086c6;
}

.quiz-pages .--page.-wrong {
  border-color: #d65861;
  background-color: #d65861;
}

.quiz-pages .--page.-flag::before {
  content: url("../../dist/icons/flag-fill.svg");
  position: absolute;
  width: 15%;
  padding: 6px;
  margin: -3px -10px;
  z-index: -1;
}

.quiz-progress {
  display: flex;
  height: 25px;
  margin: 8px 0;
  background-color: #f2f2f2;
  border-radius: 4px;
  overflow: hidden;
}

.quiz-progress > div {
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -ms-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s;
  height: 100%;
  background-color: #39b54a;
}

.quiz-details {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px;
}

.quiz-details .panel {
  flex: 1 1 auto;
  margin: 0;
  max-width: 50%;
  max-height: calc(100vh - 180px);
  border-radius: 10px;
}

.quiz-details .panel .__body {
  padding: 15px;
}

.quiz-details .panel .__info-table {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 1px;
  margin: -15px -15px 0;
  overflow: hidden;
  padding-bottom: 1px;
}

.quiz-details .panel .__info-table .__full-row {
  font-weight: bold;
  grid-column: 1/-1;
  padding: 20px;
  text-align: center;
}

.quiz-details .panel .__info-table .__full-row .img {
  height: 120px;
  margin-bottom: 10px;
}

.quiz-details .panel .__info-table .__full-row.--essay {
  padding: 10px 20px;
}

.quiz-details .panel .__info-table .__full-row.--essay h5 {
  font-weight: 400;
  text-align: left;
  margin-bottom: 10px;
}

.quiz-details .panel .__info-table .__list {
  padding: 0;
}

.quiz-details .panel .__info-table .__tile {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 0 0.5rem;
  padding: 4px 20px;
  font-size: smaller;
  line-height: 1.5;
}

.quiz-details .panel .__info-table .__tile p:nth-child(odd) {
  font-weight: bold;
}

.quiz-details .panel .__info-table .__tile:nth-child(even) {
  background-color: #eaf0f8;
}

.quiz-details .panel .__info-table > * {
  padding: 4px 20px;
  outline: 1px solid #ececec;
}

.quiz-details .panel .__info-table:not(:last-child) {
  margin-bottom: 15px;
}

.quiz-details .panel .__buttons {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

.quiz-details .panel .__buttons .--next {
  background-color: #fff;
  border: solid 0.7px #5086c6;
  color: #5086c6;
  border-radius: 5px;
  padding: 6px 25px;
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  width: fit-content;
}

.quiz-details .panel .__message {
  display: flex;
  flex-direction: column;
}

.quiz-details .panel .__message p {
  font-size: small;
  color: #d65861;
  text-align: center;
}

.quiz-details .panel .__message p a {
  color: #5086c6;
  text-decoration: underline;
}

.quiz-details .panel .__review-item {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  margin: 0 -15px 0;
  padding-bottom: 1px;
  overflow: hidden;
}

.quiz-details .panel .__review-item:last-child {
  margin-bottom: 15px;
}

.quiz-details .panel .__review-item > * {
  outline: 1px solid #ececec;
}

.quiz-details .panel .__review-item .__question {
  display: flex;
  gap: 1em;
  grid-column: 1/-1;
  padding: 4px 1em;
}

.quiz-details .panel .__review-item .__answer {
  grid-column: 1/3;
  background: #f2f2f2;
}

.quiz-details .panel .__review-item .__response {
  display: flex;
  align-items: center;
  gap: 0.225em;
  padding: 4px 1em 4px 2.5em;
}

.quiz-details .panel .__review-item .__response:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.quiz-details .panel .__review-item .__response .glyphicon-ok {
  color: #39b54a;
}

.quiz-details .panel .__review-item .__response .glyphicon-remove {
  color: #d65861;
}

.quiz-details .panel .__review-item .__correction {
  grid-column: 3/5;
}

.quiz-details .panel .__review-item .__correction p {
  padding: 4px 1em;
}

.quiz-details .panel .__review-item .__correction p:not(:last-child) {
  border-bottom: 1px solid #ececec;
}

.quiz-details .panel .__review-item .__rationale {
  grid-column: 1/5;
  grid-row: 3;
  padding: 4px 1em 4px 4rem;
  font-size: smaller;
}

.content.--trainer .__body.--cert {
  display: flex;
}

.content.--trainer .__body.--cert .__img-wrap {
  display: flex;
  flex: 1;
  position: relative;
  background-color: #f2f2f2;
}

.content.--trainer .__body.--cert .__img-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 3px 6px #c2c2c2;
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
}

.content.--trainer .__body.--cert .__buttons {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 30%;
  min-width: 210px;
  max-width: 260px;
  margin-left: 10px;
}

.content.--trainer .__body.--cert .__buttons a:not(:first-child), .content.--trainer .__body.--cert .__buttons button:not(:first-child) {
  margin-top: 10px;
}

.content.--trainer .__body.--cert .__buttons div {
  margin-top: 20px;
}

.content.--trainer .__body.--cert .__buttons p {
  font-size: 0.875em;
}

.content.--trainer .certificate-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 998;
}

.content.--trainer .certificate-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 30px;
  border-radius: 4px;
}

.content.--trainer .certificate-modal .__actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1em;
}

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 89;
  background-color: rgba(0, 0, 0, 0.2196078431);
}

.certificate--with-modal {
  width: 50%;
  position: absolute;
  display: grid;
  grid-template-columns: 4fr 2fr;
  align-items: center;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background-color: #fff;
  z-index: 100;
}

.certificate--with-modal canvas {
  width: 100%;
  background-color: #e1e1e1;
  padding: 20px;
  vertical-align: middle;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.content.--trainee {
  grid-template-rows: minmax(max-content, 1fr) 2fr;
  grid-template-areas: "banner" "body";
  padding: 0px;
}

.content.--trainee .__body {
  overflow: hidden;
}

.content.--trainee .error-page {
  background-color: #5086c6;
  color: #fefefe;
  border-top: 2px solid #000;
  height: 100vh;
  padding-top: 15%;
}

.content.--trainee .error-page .error-message {
  text-align: center;
}

.content.--trainee .error-page .error-message h1, .content.--trainee .error-page .error-message h2, .content.--trainee .error-page .error-message p {
  margin-bottom: 10px;
}

.content.--trainee .error-page .error-message h1 {
  font-size: 120px;
}

.content.--trainee .error-page .error-message h3 {
  font-size: 2em;
}

.content.--trainee .error-page .error-message p {
  font-size: 17px;
}

.content.--trainee .error-page .error-message button {
  font-size: 11px;
  background-color: #fbb03b;
  color: #fefefe;
  padding: 8px 12px 8px 12px;
  border: none;
  border-radius: 2px;
  width: 250px;
}

.content.--trainee .__banner {
  grid-area: banner;
  background: url("/public/dist/images/course-banner.jpg") no-repeat;
  background-size: cover;
  color: #ececec;
  display: flex;
  flex-direction: column;
}

.content.--trainee .__banner .banner-title {
  background-color: rgba(0, 0, 0, 0.3333333333);
  padding: 10px 30px;
}

.content.--trainee .__banner .banner-title a {
  color: #5086c6;
  margin-right: 1.5em;
}

.content.--trainee .__banner .banner-title a:after {
  content: "⏵";
  color: inherit;
  margin-left: 0.5em;
  position: absolute;
}

.content.--trainee .__banner .banner-title button {
  float: right;
}

.content.--trainee .__banner .banner-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 60px 30px 30px;
  flex: 1;
}

.content.--trainee .__banner .banner-content .__info {
  display: flex;
  align-items: center;
}

.content.--trainee .__banner .banner-content .__info:first-child {
  flex: 1;
}

.content.--trainee .__banner .banner-content .__info .__thumbnail {
  flex: 0 0 120px;
  height: 120px;
  margin: 0 10px 0 0;
}

.content.--trainee .__banner .banner-content .__info .__owner {
  font-size: 1.5em;
}

.content.--trainee .__banner .banner-content .__info .__progress-text {
  font-weight: bold;
}

.content.--trainee .__banner .banner-content .__info .__text p:not(:last-child) {
  margin-bottom: 10px;
}

.content.--trainee .__body {
  grid-area: body;
  display: flex;
  gap: 30px;
  padding: 30px;
}

.content.--trainee .__body .__panel {
  border-radius: 15px;
  padding: 20px;
}

.content.--trainee .__body .panel {
  flex: 1 1 40%;
}

.content.--trainee .__body .panel p {
  word-break: break-all;
  text-align: justify;
}

.content.--trainee .__body .grey-panel {
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  background-color: #f2f2f2;
  flex: 1 1 55%;
}

.content.--trainee .__body .grey-panel .--not-enrolled {
  text-align: center;
  padding: 25px 15px 10px 15px;
  margin-bottom: 25px;
}

.content.--trainee .__body .grey-panel .__item {
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
  padding: 5px 10px;
  margin: 0 -10px 10px -10px;
}

.content.--trainee .__body .grey-panel .__item:hover {
  background-color: #fff;
}

.content.--trainee .__body .grey-panel .__item .ico {
  margin-right: 10px;
}

.content.--trainee .__body .grey-panel .__item .__desc {
  margin-left: 30px;
  font-size: 0.875em;
}

.dropdown-menu {
  width: 170px;
  padding: 0;
}

.dropdown-menu li .btn {
  width: 100%;
  height: 100%;
}

.dropdown-menu li .btn .ico {
  margin-right: 1rem;
}

.dropdown-menu li:first-child .btn {
  padding-top: 10px;
}

.dropdown-menu li:last-child .btn {
  padding-bottom: 10px;
}

.scrollbar-grey {
  z-index: 0;
}

.btn.dropdown-toggle.--green {
  width: 170px;
}

.inbox-item {
  display: flex;
  justify-content: flex-end;
  border-bottom: 2px solid #ececec;
  margin: 0 -10px;
  padding: 10px;
}

.inbox-item.unread {
  background-color: #eaf0f8;
}

.inbox-item a:hover {
  color: #5086c6;
}

.inbox-item .name {
  flex: 1;
  justify-self: flex-start;
  padding-left: 46px;
  text-indent: -36px;
}

.inbox-item .date {
  padding: 0 10px;
}

.inbox-item .grid-row {
  padding-left: 10px;
}

.btn-showmore {
  border-radius: 34px;
  margin: 10px auto;
  display: block;
}

.btn-showmore:hover, .btn-showmore:active {
  -webkit-box-shadow: 0px 0px 4px #9dbbdf;
  -moz-box-shadow: 0px 0px 4px #9dbbdf;
  box-shadow: 0px 0px 4px #9dbbdf;
}

.box-container.--reports {
  margin-left: -1rem;
  padding-left: 1rem;
}

.box-container.--reports .__thumb {
  flex: 1;
  -webkit-mask-size: auto 75%;
  mask-size: auto 75%;
}

.box-container.--reports .__name {
  text-align: center;
}

.overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 89;
  background-color: rgba(0, 0, 0, 0.2196078431);
}

.__cert {
  width: 50%;
  position: absolute;
  display: grid;
  grid-template-columns: 4fr 2fr;
  align-items: center;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background-color: #fff;
  z-index: 100;
}

.__cert canvas {
  width: 100%;
  background-color: #e1e1e1;
  padding: 20px;
  vertical-align: middle;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.__actions {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  align-items: center;
}

.--sticky {
  position: sticky;
  top: -15px;
}

thead.--sticky {
  position: sticky;
  top: 30px;
}

.__body.--reports {
  overflow: hidden auto;
  margin-right: -16px;
  padding-right: 16px;
  scrollbar-width: auto;
  scrollbar-color: #fff #f2f2f2;
  margin-left: -1rem;
  padding-left: 1rem;
}

.__body.--reports::-webkit-scrollbar {
  width: 16px;
  background-color: #fff;
  border-radius: 10px;
}

.__body.--reports::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  border-radius: 10px;
}

.__body.--reports::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.__body.--reports::-webkit-scrollbar-track:hover {
  background-color: #eaf0f8;
}

.__body.--reports .__info {
  display: grid;
  margin-bottom: 20px;
  grid-template-columns: 1fr 1.5fr repeat(4, 1fr);
}

.__body.--reports .__info .img {
  flex: 0 0 100px;
}

.__body.--reports .__info > div {
  max-width: 20em;
}

.__body.--reports .__info > *:not(:last-child) {
  margin-right: 15px;
}

.__body.--reports .__summary {
  padding-top: 20px;
  margin-bottom: 20px;
}

.__body.--reports .__summary.--cols-3 {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.__body.--reports .__summary.--cols-3 > *:not(:nth-child(3n)):not(:last-child) {
  margin-right: 20px;
}

.__body.--reports .__summary.--cols-3 > *:nth-child(n+4) {
  margin-top: 20px;
}

.__body.--reports .__summary.--cols-3 > * {
  flex: 0 0 calc((100% - 40px) / 3);
  max-width: calc((100% - 40px) / 3);
}

@media screen and (min-width: 992px) {
  .__body.--reports .__summary.--cols-4 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .__body.--reports .__summary.--cols-4 > *:not(:nth-child(4n)):not(:last-child) {
    margin-right: 20px;
  }
  .__body.--reports .__summary.--cols-4 > *:nth-child(n+5) {
    margin-top: 20px;
  }
  .__body.--reports .__summary.--cols-4 > * {
    flex: 0 0 calc((100% - 60px) / 4);
    max-width: calc((100% - 60px) / 4);
  }
}
@media screen and (max-width: 992px) {
  .__body.--reports .__summary.--cols-4 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .__body.--reports .__summary.--cols-4 > *:not(:nth-child(2n)):not(:last-child) {
    margin-right: 20px;
  }
  .__body.--reports .__summary.--cols-4 > *:nth-child(n+3) {
    margin-top: 20px;
  }
  .__body.--reports .__summary.--cols-4 > * {
    flex: 0 0 calc((100% - 20px) / 2);
    max-width: calc((100% - 20px) / 2);
  }
}
@media screen and (min-width: 1200px) {
  .__body.--reports .__summary.--cols-5 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .__body.--reports .__summary.--cols-5 > *:not(:nth-child(5n)):not(:last-child) {
    margin-right: 20px;
  }
  .__body.--reports .__summary.--cols-5 > *:nth-child(n+6) {
    margin-top: 20px;
  }
  .__body.--reports .__summary.--cols-5 > * {
    flex: 0 0 calc((100% - 80px) / 5);
    max-width: calc((100% - 80px) / 5);
  }
}
@media screen and (max-width: 1200px) and (min-width: 992px) {
  .__body.--reports .__summary.--cols-5 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .__body.--reports .__summary.--cols-5 > *:not(:nth-child(3n)):not(:last-child) {
    margin-right: 20px;
  }
  .__body.--reports .__summary.--cols-5 > *:nth-child(n+4) {
    margin-top: 20px;
  }
  .__body.--reports .__summary.--cols-5 > * {
    flex: 0 0 calc((100% - 40px) / 3);
    max-width: calc((100% - 40px) / 3);
  }
}
@media screen and (max-width: 992px) {
  .__body.--reports .__summary.--cols-5 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .__body.--reports .__summary.--cols-5 > *:not(:nth-child(2n)):not(:last-child) {
    margin-right: 20px;
  }
  .__body.--reports .__summary.--cols-5 > *:nth-child(n+3) {
    margin-top: 20px;
  }
  .__body.--reports .__summary.--cols-5 > * {
    flex: 0 0 calc((100% - 20px) / 2);
    max-width: calc((100% - 20px) / 2);
  }
}
.__body.--reports .__panels {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 25px;
}

.__body.--reports .__panels > *:not(:nth-child(2n)):not(:last-child) {
  margin-right: 20px;
}

.__body.--reports .__panels > *:nth-child(n+3) {
  margin-top: 20px;
}

.__body.--reports .__panels > * {
  flex: 0 0 calc((100% - 20px) / 2);
  max-width: calc((100% - 20px) / 2);
}

.__body.--reports .__panels > .panel.--fullrow {
  box-shadow: none;
  max-width: unset;
  margin-right: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  flex: 0 0 100%;
}

.__body.--reports .__panels > .panel.--fullrow .--sticky {
  position: sticky;
  top: 5px;
  z-index: 9999999999;
}

.__body.--reports .__panels > .panel.--fullrow.--progressWrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(26rem, calc(33% - 1rem)));
  gap: 1rem;
  margin-bottom: 1rem;
  border-bottom: none;
  justify-content: space-evenly;
}

.__body.--reports .__panels > .panel.--fullrow.--progressWrapper .panel .heading-quizzes {
  display: flex;
  flex: 1;
  flex-direction: row;
  padding-top: 10px;
  padding-bottom: 10px;
}

.__body.--reports .__panels > .panel.--fullrow.--progressWrapper .panel .heading-quizzes h1 {
  margin-right: 10px;
}

.__body.--reports .__panels > .panel.--fullrow.--progressWrapper .panel .panel-heading {
  height: 46px;
  display: flex;
  align-items: center;
  padding-right: 5px;
}

.__body.--reports .__panels > .panel.--fullrow.--progressWrapper .panel .panel-heading .form-control {
  margin-left: 10px;
  padding-top: 5px;
  flex: 1;
}

.__body.--reports .__panels .panel-body {
  position: relative;
}

.__body.--reports .__toolrow {
  justify-content: space-between;
  background-color: #5086c6;
  font-size: 0.875em;
  padding: 10px;
  margin: 0px;
  align-content: center;
}

.__body.--reports .__toolrow .__col {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
  align-self: flex-end;
}

.__body.--reports .search-wrapper i {
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  cursor: pointer;
  transform: translate(0, -50%);
}

.__body.--reports .__breadcrumbs {
  color: #fff;
  padding-left: 10px;
}

.__body.--reports .__breadcrumbs span:not(:first-child):before {
  content: "/";
  display: inline-block;
}

.__body.--reports .__breadcrumbs span.--clickable {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.__body.--reports .__breadcrumbs span.--clickable:after {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: width 0.4s;
  -moz-transition: width 0.4s;
  -ms-transition: width 0.4s;
  -o-transition: width 0.4s;
  transition: width 0.4s;
  content: "";
  display: block;
  border-bottom: 1px solid #fff;
  width: 0;
}

.__body.--reports .__breadcrumbs span.--clickable:hover:after {
  width: 100%;
}

.__body.--reports .__tab {
  position: relative;
  min-height: 150px;
}

.__body.--reports table.--center-on-2 th:nth-child(n+2), .__body.--reports table.--center-on-2 td:nth-child(n+2) {
  text-align: center;
}

.__body.--reports table.--center-on-3 th:nth-child(n+3), .__body.--reports table.--center-on-3 td:nth-child(n+3) {
  text-align: center;
}

.__body.--reports table.--center-on-4 th:nth-child(n+4), .__body.--reports table.--center-on-4 td:nth-child(n+4) {
  text-align: center;
}

.__body.--reports table.--center-on-5 th:nth-child(n+5), .__body.--reports table.--center-on-5 td:nth-child(n+5) {
  text-align: center;
}

.__body.--reports table.--center-all td, .__body.--reports table.--center-all th {
  text-align: center;
}

.__body.--reports table col {
  width: var(--width);
}

.__body.--reports table tr:nth-child(even) td {
  background-color: #efefef;
}

.__body.--reports table th, .__body.--reports table td {
  padding: 5px 2.5px;
  font-size: 0.875em;
  overflow: hidden;
  text-overflow: break-word;
}

.__body.--reports table th:last-child, .__body.--reports table td:last-child {
  padding-right: 5px;
}

.__body.--reports table th:first-child, .__body.--reports table td:first-child {
  padding-left: 10px;
}

.__body.--reports table th > span, .__body.--reports table td > span {
  white-space: nowrap;
}

.__body.--reports table thead td {
  background-color: #5c87ba;
}

.__body.--reports table th {
  background-color: #5c87ba;
  color: #ececec;
  font-weight: bold;
}

.__body.--reports table .completion-bar {
  height: 20px;
  font-size: 0.875em;
  line-height: 20px;
  min-width: unset;
}

.__body.--reports .__empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #9191a0;
  font-weight: bold;
}

.__body.--reports .__empty i {
  height: 5rem;
  width: 5rem;
}

.empty-reports {
  text-align: center;
  margin-top: 10px;
}

.empty-reports i {
  height: 100px;
  width: 100px;
  margin: auto;
}

.empty-reports h1 {
  color: #9191a0;
  font-weight: bold;
}

.panel-body.scrollbar-grey.--progress {
  display: flex;
  gap: 0.5rem;
}

.panel-body.scrollbar-grey.--progress .c100 {
  font-size: 80px;
  margin: 0;
}

.panel-body.scrollbar-grey.--progress .progress-info {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, min-content);
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  gap: 0 0.5rem;
  text-align: center;
  color: #4d4d4d;
  font-weight: 700;
}

.panel-body.scrollbar-grey.--progress .progress-info span {
  font-size: 2rem;
}

.download-cert {
  font-weight: bold;
  color: #5087c7;
  text-decoration: underline;
  cursor: pointer;
}

.box-container.--reports {
  margin-left: -1rem;
  padding-left: 1rem;
}

.box-container.--reports .__thumb {
  flex: 1;
  -webkit-mask-size: auto 75%;
  mask-size: auto 75%;
}

.box-container.--reports .__name {
  text-align: center;
}

.__body.--reports {
  padding-left: 1rem;
  margin-left: -1rem;
  padding-right: 1rem;
}

.__body.--reports .__info {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 1rem 1.5rem;
  margin-bottom: 2rem;
}

.__body.--reports .__info .img-book, .__body.--reports .__info .img-wrapper {
  flex: 0 1 8rem;
  align-self: stretch;
  min-height: 6rem;
  margin: 0;
}

.__body.--reports .__overview-tiles {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  margin-bottom: 2rem;
}

.__body.--reports .__overview-tiles .__overview-tile {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
  -webkit-box-shadow: 0 0 0.5rem #cecece;
  -moz-box-shadow: 0 0 0.5rem #cecece;
  box-shadow: 0 0 0.5rem #cecece;
  flex: 0.25 1 clamp(16.66% - 1.5rem, 20% - 1.5rem, 33.33% - 1.5rem);
  padding: 0.75rem;
  background-color: #fff;
  border-radius: 10px;
}

.__body.--reports .__overview-tiles .__overview-tile:only-child {
  margin-right: auto;
}

.__body.--reports .__overview-tiles .__overview-tile .__icon {
  height: 2.5rem;
  width: 2.5rem;
  background-color: #5086c6;
  flex: 0 0 2.5rem;
}

.__body.--reports .__overview-tiles .__overview-tile span {
  font-size: 2.4rem;
}

.__body.--reports .__progress-tiles {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  margin-bottom: 2rem;
}

.__body.--reports .__progress-tiles .__progress-tile {
  -webkit-box-shadow: 0 0 0.5rem #cecece;
  -moz-box-shadow: 0 0 0.5rem #cecece;
  box-shadow: 0 0 0.5rem #cecece;
  flex: 0.25 1 clamp(25% - 1.5rem, 33% - 1.5rem, 50% - 1.5rem);
  padding: 0.75rem;
  color: #4d4d4d;
  font-weight: bold;
  background-color: #fff;
  border-radius: 10px;
}

.__body.--reports .__progress-tiles .__progress-tile:only-child {
  margin-right: auto;
  flex: 0 1 clamp(16rem, 40% - 1.5rem, 20rem);
}

.__body.--reports .__progress-tiles .__heading {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-weight: bold;
  padding-bottom: 0.25rem;
  margin-bottom: 0.75rem;
  white-space: nowrap;
  border-bottom: 1px solid #cecece;
}

.__body.--reports .__progress-tiles .__progress-info {
  display: grid;
  grid-template-columns: auto repeat(3, 1fr);
  grid-template-rows: repeat(2, min-content);
  grid-auto-flow: column;
  justify-content: center;
  align-items: center;
  gap: 0 0.5rem;
  text-align: center;
}

.__body.--reports .__progress-tiles .__progress-info.--quizzes-completed {
  grid-template-rows: repeat(3, min-content);
  grid-template-columns: auto repeat(2, 1fr);
}

.__body.--reports .__progress-tiles .__summary {
  grid-area: 1/2/-1/-1;
}

.__body.--reports .__progress-tiles .__legend {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.5rem;
  font-size: 0.875rem;
}

.__body.--reports .__progress-tiles .__toggle {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.5rem;
}

.__body.--reports .__progress-tiles .c100 {
  font-size: 6rem;
  grid-row: 1/-1;
  margin: 0;
}

.__body.--reports .__progress-tiles select {
  grid-area: 1/2/1/-1;
  margin-bottom: 0.5rem;
}

.__body.--reports .__progress-tiles p {
  white-space: nowrap;
}

.__body.--reports .__progress-tiles p + span {
  font-size: 2rem;
}

.__body.--reports .__progress-tiles h4 {
  grid-area: 2/2/-1/-1;
}

.__body.--reports .__table-toolrow {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  padding: 0.5rem;
  background-color: #5086c6;
  border-radius: 0.5rem 0.5rem 0 0;
}

.__body.--reports .__table-toolrow .search-wrapper {
  flex: 1;
}

.__body.--reports .tabs .__tab-body {
  overflow: auto auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
  padding: 0;
}

.__body.--reports .tabs .__tab-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}

.__body.--reports .tabs .__tab-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5db;
}

.__body.--reports .tabs .__tab-body::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.__body.--reports .tabs .__tab-head-wrapper, .__body.--reports .tabs .__tab-wrapper {
  border: none;
}

.__body.--reports .tabs .__tab-description-tools-wrapper {
  background-color: #5086c6;
  border-radius: 0 0.5rem 0 0;
}

.__body.--reports table {
  table-layout: auto;
}

.__body.--reports table.--users th:nth-child(n+4), .__body.--reports table.--users td:nth-child(n+4), .__body.--reports table.--teams-main th:nth-child(n+4), .__body.--reports table.--teams-main td:nth-child(n+4), .__body.--reports table.--users-main th:nth-child(n+4), .__body.--reports table.--users-main td:nth-child(n+4), .__body.--reports table.--modules--main th:nth-child(n+4), .__body.--reports table.--modules--main td:nth-child(n+4) {
  text-align: center;
}

.__body.--reports table.--prerequisites th:nth-child(n+3), .__body.--reports table.--prerequisites td:nth-child(n+3), .__body.--reports table.--quizzes th:nth-child(n+3), .__body.--reports table.--quizzes td:nth-child(n+3), .__body.--reports table.--teams th:nth-child(n+3), .__body.--reports table.--teams td:nth-child(n+3), .__body.--reports table.--modules th:nth-child(n+3), .__body.--reports table.--modules td:nth-child(n+3), .__body.--reports table.--courses-main th:nth-child(n+3), .__body.--reports table.--courses-main td:nth-child(n+3), .__body.--reports table.--user-courses th:nth-child(n+3), .__body.--reports table.--user-courses td:nth-child(n+3), .__body.--reports table.--user-teams th:nth-child(n+3), .__body.--reports table.--user-teams td:nth-child(n+3) {
  text-align: center;
}

.__body.--reports table.--user-quizzes th:nth-child(n+2), .__body.--reports table.--user-quizzes td:nth-child(n+2) {
  text-align: center;
}

.__body.--reports table .completion-bar {
  height: auto;
  line-height: 2;
  font-size: small;
}

.__body.--reports table th {
  color: #fff;
}

.__body.--reports table th, .__body.--reports table td {
  padding: 0.5rem 0.75rem;
}

.__body.--reports table tr:nth-child(even) td {
  background-color: #ececec;
}

.__empty {
  min-height: 16rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
}

.__empty i {
  height: 7.125rem;
  width: 7.125rem;
}

.__empty h1 {
  color: #9191a0;
  font-weight: bold;
}

.event {
  color: #1e2027;
  height: 60vh;
  background: url("/public/dist/images/LMCHolidayGreetings@2x.png") no-repeat bottom;
  background-size: 100% 100%;
  position: relative;
  background-color: #1e2027;
  margin-top: 0;
  transition-timing-function: ease-in;
  transition: margin-top 0.6s;
  background-color: #1e2027;
}

.event span {
  color: #f1f1f1;
  position: absolute;
  cursor: pointer;
  bottom: 10px;
  right: 20px;
}

.event.--close {
  margin-top: -60vh;
}

@keyframes snow {
  0% {
    background-position: 0 0, 0 0, 0 0;
  }
  100% {
    background-position: 500px 1000px, 400px 400px, 300px 300px;
  }
}
.event .snow {
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url("/public/dist/images/snow-1.png"), url("/public/dist/images/snow-2.png"), url("/public/dist/images/snow-3.png");
  animation: snow 20s linear infinite;
  background-repeat: repeat;
}

.min-wid {
  min-width: unset;
}

.home {
  min-height: 100vh;
  overflow-x: hidden;
  font-family: "Axiforma", sans-serif;
}

.home .header {
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0);
  width: 100%;
  z-index: 99;
}

.home .header .__wrapper {
  height: 70px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
  margin: auto;
  padding: 0 30px;
  max-width: 1200px;
}

.home .header .__logo {
  height: 40px;
  width: auto;
}

.home .header .__menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex: 1 1 auto;
}

.home .header .__menu-nav {
  transition: background-color 0.6s, color 0.4s;
  height: 70px;
  flex: 0 1 180px;
  line-height: 70px;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
}

.home .header .__menu-nav:hover {
  background: #f2f2f2;
  color: #5086c6;
}

.home .header:hover:before {
  opacity: 1;
}

.home .header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 70px;
  width: 100%;
  background-color: #333;
  background-image: -moz-linear-gradient(left, #333333 0%, #5086c6 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #333333), color-stop(100%, #5086c6));
  background-image: -webkit-linear-gradient(left, #333333 0%, #5086c6 100%);
  background-image: -o-linear-gradient(left, #333333 0%, #5086c6 100%);
  background: -ms-linear-gradient(left, #333333 0%, #5086c6 100%);
  background: linear-gradient(to right, #333333 0%, #5086c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$from", endColorstr="$to",GradientType=1 );
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  display: block;
  opacity: 0.8;
  z-index: -1;
}

.home .header .btn-signin {
  border-radius: 0;
}

.home .header.--event {
  position: sticky;
  height: 0;
}

.login .__logo {
  margin: auto;
}

.__footer {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 10px 1rem 70px 1rem;
}

.section-logo {
  padding: 0 1rem;
  margin: 0 20%;
}

.section-description {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: 2.5rem;
  padding: 0 1rem;
  margin: 0 20%;
}

.section-description h2 {
  color: #5086c6;
  padding-bottom: 0.3rem;
}

.section-description .__location, .section-description .__contact, .section-description .__email {
  max-width: 23rem;
  min-height: 8rem;
}

.section-copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
}

.section-copyright .copyright {
  font-size: 14px;
  font-weight: 200;
  letter-spacing: 0.8px;
}

.section-wrapper {
  position: relative;
  padding: 70px 1rem;
}

.section-wrapper.--fullheight {
  height: 100vh;
}

.section-wrapper.--img-bg {
  color: #fff;
  z-index: 1;
}

.section-wrapper.--img-bg:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: #000;
  opacity: 0.6;
  z-index: 0;
}

.section-wrapper:nth-child(odd) {
  background-color: #fff;
}

.section-wrapper:nth-child(even) {
  background-color: #f2f2f2;
}

.section-wrapper.--dark-blue {
  background-color: #1e2027;
}

.section-wrapper .section {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 3em;
  height: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px;
}

.section-wrapper .section.--column {
  flex-direction: column;
}

.section-wrapper .section-block {
  flex: 1 1 auto;
  z-index: inherit;
  color: #616161;
  max-width: 100%;
}

.section-wrapper .section-block.--narrower {
  flex: 0 0 28em;
}

.section-wrapper .section-block ul {
  position: relative;
  margin-top: 40px;
}

.section-wrapper .section-block h2 {
  margin-bottom: 10px;
  font-weight: 200;
  color: #5086c6;
}

.section-wrapper .section-block li, .section-wrapper .section-block > p {
  margin: 0 0 1em;
  font-size: 18px;
}

.section-wrapper .section-block li, .section-wrapper .section-block .-iconbullet {
  margin-left: 30px;
  text-indent: -30px;
}

.section-wrapper .section-block .__descrip {
  color: #fff;
}

.section-wrapper .section-block.--login-welcome .__title {
  font-size: 2em;
  margin-bottom: 10px;
}

.section-wrapper .section-block.--login-welcome .__product {
  font-size: 3em;
  color: #ececec;
  font-weight: bold;
  font-stretch: condensed;
}

.section-wrapper .section-block.--login-welcome .__subtitle {
  color: #8e8e8e;
  font-size: 1.5em;
  font-weight: lighter;
}

.section-wrapper .section-block.--grid {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  gap: 80px;
}

.section-wrapper.--welcome {
  font-weight: 200;
  background: url("/public/dist/images/home-banner.jpg") no-repeat bottom;
  background-size: cover;
}

.section-wrapper.--welcome .section {
  z-index: 1;
  height: unset;
}

.section-wrapper.--welcome .welcome {
  align-self: flex-start;
  margin-top: 3em;
  font-size: 1.4em;
  color: #f2f2f2;
}

.section-wrapper.--welcome .welcome h2 {
  color: inherit;
}

.section-wrapper.--login {
  font-family: "Roboto", sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.section-wrapper.--login .center {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.section-wrapper.--login img {
  max-height: 200px;
  max-width: 350px;
}

.section-wrapper.--login .inner-wrapper {
  width: 65%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.section-wrapper.--login .inner-wrapper .hr-or {
  margin: 0;
}

.section-wrapper.--login .signin {
  border-top: none;
}

.section-wrapper.--login .section {
  box-shadow: 1px 1px 10px #9191a0;
  border-radius: 10px;
  max-width: 600px;
  width: 100%;
  min-height: 460px;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #4d4d4d;
}

.section-wrapper.--login .__title {
  font-size: 2.4em;
  margin-bottom: 30px;
  text-align: center;
}

.section-wrapper.--login .__row {
  position: relative;
}

.section-wrapper.--login .__row input {
  width: 100%;
}

.section-wrapper.--login button {
  font-size: 1.2em;
  border-radius: 4px;
}

.section-wrapper.--login .footer {
  height: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: smaller;
  padding-top: 5px;
  gap: 10px;
  color: #4f86c6;
}

.section-wrapper.--login .footer span {
  max-width: max-content;
}

.section-wrapper.--login .--error {
  font-size: smaller;
}

.section-wrapper.-featured {
  padding: 70px 0;
}

.section-wrapper.-featured .section-block:not(:last-child) {
  margin-bottom: 60px;
}

.section-wrapper.-featured .title-row {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 20px;
}

.section-wrapper.-featured .title-row h2 {
  flex: 1;
  font-weight: 800;
  color: #1d2027;
}

.section-wrapper.-featured .title-row .btn-slide {
  height: 3em;
  width: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s;
  background-color: #5086c6;
  border: none;
  border-radius: 50%;
}

.section-wrapper.-featured .title-row .btn-slide:before {
  height: 0.875em;
  width: 0.875em;
  -webkit-transition: width 0.4s ease, height 0.4s ease;
  -moz-transition: width 0.4s ease, height 0.4s ease;
  -ms-transition: width 0.4s ease, height 0.4s ease;
  -o-transition: width 0.4s ease, height 0.4s ease;
  transition: width 0.4s ease, height 0.4s ease;
  content: "";
  display: block;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #fff #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.section-wrapper.-featured .title-row .btn-slide.--left:before {
  -webkit-transform: rotate(-135deg) translate(-10%, 15%);
  -moz-transform: rotate(-135deg) translate(-10%, 15%);
  -ms-transform: rotate(-135deg) translate(-10%, 15%);
  -o-transform: rotate(-135deg) translate(-10%, 15%);
  transform: rotate(-135deg) translate(-10%, 15%);
}

.section-wrapper.-featured .title-row .btn-slide.--right:before {
  -webkit-transform: rotate(45deg) translate(-10%, 15%);
  -moz-transform: rotate(45deg) translate(-10%, 15%);
  -ms-transform: rotate(45deg) translate(-10%, 15%);
  -o-transform: rotate(45deg) translate(-10%, 15%);
  transform: rotate(45deg) translate(-10%, 15%);
}

.section-wrapper.-featured .title-row .btn-slide.--active {
  background-color: #9dbbdf;
}

.section-wrapper.-featured .title-row .btn-slide:not(.--active):hover:before {
  height: 1em;
  width: 1em;
}

.section-wrapper.-featured .featured-courses-wrapper {
  overflow: hidden;
  padding: 6px;
  margin: -6px;
}

.section-wrapper.-featured .featured-courses-grid {
  -webkit-transition: margin 1s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: margin 1s cubic-bezier(0, 0, 0.2, 1);
  -ms-transition: margin 1s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: margin 1s cubic-bezier(0, 0, 0.2, 1);
  transition: margin 1s cubic-bezier(0, 0, 0.2, 1);
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 2em;
  width: calc(200% + 2em);
}

.section-wrapper.-featured .featured-courses-grid.--next-page {
  margin-left: calc(-100% - 2em);
}

.section-wrapper.-about .section-block {
  flex: 1 1 50%;
}

.section-wrapper.-features {
  text-align: center;
}

.section-wrapper.-features .img-wrapper {
  height: auto;
  width: 300px;
  margin: 80px auto 0;
}

.section-wrapper.--forgotpassword .section {
  max-width: 500px;
  height: 250px;
}

.section-wrapper.--forgotpassword .section-block {
  color: #1d2027;
}

.section-wrapper.--forgotpassword .section-block .__title {
  font-weight: 600;
}

.section-wrapper.--forgotpassword .grid {
  display: grid;
  grid-template-rows: 1fr 1.5fr 2fr;
}

.section-wrapper.--forgotpassword .form {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 10px;
}

.section-wrapper.--forgotpassword .buttons {
  display: flex;
  align-items: end;
  justify-content: end;
  gap: 10px;
}

.section-wrapper.--forgotpassword .buttons button {
  font-size: 1em;
}

.-clients {
  background-color: #f2f2f2;
  padding: 70px 1rem !important;
}

.-clients img {
  width: 100%;
  max-height: 75px;
}

.-clients .clients-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1200px;
  margin: 0 auto;
  place-items: center;
  gap: 2rem;
}

.-contact {
  padding: 70px 1rem 0;
  background-color: #1e2027;
  border-radius: 30px 30px 0px 0px;
  margin: 0px 30px;
  color: #f0f0f0;
}

.-contact .section {
  display: grid;
  justify-content: unset;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 1rem;
}

.-contact .section p {
  width: 100%;
  letter-spacing: 0.8px;
  font-size: 14px;
  font-weight: 200;
}

.-contact .section-block {
  color: #f0f0f0;
}

.-contact .section-block.--item1 {
  grid-row: 1/3;
  grid-column: 1;
  max-width: 280px;
}

.-contact .section-block.--item2 {
  grid-row: 1;
  grid-column: 2;
}

.-contact .section-block.--item3 {
  grid-row: 2;
  grid-column: 2;
}

.-contact .section-block.--item4 {
  grid-row: 3;
  grid-column: 1/3;
}

.-contact h2 {
  font-size: 0.875em;
}

.-book-a-demo {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 70px 0;
  background-color: #fff;
  height: 30rem;
  margin-bottom: 2rem;
}

.-book-a-demo h2 {
  font-size: 30px;
  font-weight: 800;
  text-align: center;
}

.-book-a-demo .demo-content {
  width: auto;
  align-content: center;
}

.-book-a-demo .demo-content a {
  display: block;
  text-align: center;
  width: 20rem;
  margin-top: 4rem;
  padding: 1rem 2.5rem;
  background-color: #5087c7;
  font-size: 1.5rem;
  color: #fff;
  border: 2px solid #5087c7;
  border-radius: 1rem;
  transition: all 0.3s;
}

.-book-a-demo .demo-content a:hover {
  color: #fff;
  background-color: #426b9c;
  transition: all 0.3s;
}

.product-home {
  background-color: #fff;
}

.product-home .new-header {
  background-color: #f5f5f5;
}

.product-home h1 {
  font-size: 2.5rem;
}

.product-home h1, .product-home h2, .product-home h3 {
  margin-bottom: 10px;
  font-weight: 800;
  color: #1d2027;
}

.product-home .-featured h1, .product-home .-featured h2, .product-home .-featured h3, .product-home .-featured h4, .product-home .-featured h5, .product-home .-featured p, .product-home .-solutions h1, .product-home .-solutions h2, .product-home .-solutions h3, .product-home .-solutions h4, .product-home .-solutions h5, .product-home .-solutions p, .product-home .-about h1, .product-home .-about h2, .product-home .-about h3, .product-home .-about h4, .product-home .-about h5, .product-home .-about p {
  font-family: "Roboto", sans-serif;
}

.product-home .section-wrapper {
  padding: 0 3rem 0;
}

.product-home .section-wrapper.--light {
  background-color: #fff;
}

.product-home .section-wrapper.--gray {
  background-color: #f5f5f5;
}

.product-home .section-wrapper.--dark-gray {
  background-color: #f2f2f2;
}

.product-home .section {
  padding: 0;
}

.product-home .new-header {
  box-shadow: unset;
}

.product-home .-featured {
  padding: 70px 3rem 0;
}

.product-home .-about {
  padding: 70px 3rem;
  background-color: #f5f5f5;
}

.product-home .-about .section-block {
  position: relative;
}

.product-home .-about h1 {
  margin-bottom: 3rem;
}

.product-home .-about .logo {
  position: relative;
  margin-top: 50px;
}

.product-home .-about .logo .icon {
  max-width: 300px;
  position: relative;
  z-index: 1;
}

.product-home .-about .logo .line {
  position: absolute;
  left: 4%;
}

.product-home .-about p {
  max-width: 100%;
  font-weight: 400;
  color: #333;
}

.product-home .-solutions {
  padding: 0 3rem 70px;
  background: #fff;
}

.product-home .-solutions h1 {
  margin: 70px auto;
  width: max-content;
}

.product-home .-solutions .section {
  max-width: 1100px;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.product-home .-solutions .img-wrapper {
  height: auto;
  width: 33%;
  margin: 0 auto 10px;
}

.product-home .-solutions .logo {
  height: 100%;
  max-height: 700px;
  width: 100%;
  max-width: 500px;
  filter: drop-shadow(12px 12px 12px #cfcfcf);
}

.product-home .-solutions .list {
  display: grid;
  width: 90%;
  grid-auto-rows: 1fr 1fr 1fr min-content;
}

.product-home .-solutions .item {
  position: relative;
}

.product-home .-solutions .item:not(:last-child) {
  border-width: 0;
  border-left: 10px solid;
  border-image: linear-gradient(to right, #f2f2f2, #e4e4e4) 0 100%;
}

.product-home .-solutions .item:last-child {
  margin-left: 10px;
}

.product-home .-solutions .item:hover {
  border-image: linear-gradient(to right, #95b8e2, #93b2d6) 0 100%;
}

.product-home .-solutions .item-img {
  position: absolute;
  top: 0;
  left: -40px;
  padding: 0.8rem 1.6rem;
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0 0 6px #cecece;
}

.product-home .-solutions .item-img img {
  height: 30px;
}

.product-home .-solutions .info {
  width: 90%;
  margin-left: auto;
  padding-top: 1rem;
  text-align: left;
}

.product-home .-solutions .info p {
  color: #929292;
  font-weight: 400;
  font-size: 18px;
}

.product-home .-contact {
  padding: 70px 3rem 0;
  border-radius: 30px 30px 0px 0px;
  margin: 0px 30px;
}

.new-section-wrapper {
  display: grid;
  grid-template-rows: min-content 1fr;
  gap: 6rem;
  min-height: 768px;
  height: min-content;
  width: 100%;
  padding: 6rem 2rem;
  background-color: #fff;
}

.new-section-wrapper.--max-height {
  height: 1080px;
}

.new-section-wrapper.--gray {
  background-color: #f5f5f5;
}

.new-section-wrapper.--dark-gray {
  background-color: #f2f2f2;
}

.new-section-wrapper .img {
  display: inline-block;
  height: 25px;
  width: 25px;
}

.new-section-wrapper .section-block {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  position: relative;
  min-height: 500px;
}

.new-section-wrapper h1 {
  font-size: 35px;
  font-weight: 800;
}

.new-section-wrapper h2 {
  font-size: 30px;
  font-weight: 800;
  text-align: center;
}

.new-header {
  position: absolute;
  z-index: 3;
  box-shadow: 0 7px 13px -10px gray;
  padding: 0 2rem;
  grid-template-rows: unset;
  min-height: unset;
  height: 100px;
}

.new-header.--top-fix {
  position: fixed;
}

.new-header .section-block {
  display: flex;
  justify-content: space-between;
  min-height: unset;
  align-items: center;
  height: 100%;
}

.new-header .block, .new-header .links {
  display: flex;
  gap: 1rem;
}

.new-header .lmc {
  background-image: url("/public/dist/images/logos/lmc-logo-2.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 178px;
}

.new-header .lmc, .new-header .logo {
  height: 100%;
  max-height: 50px;
}

.new-header .links a {
  padding: 1rem;
  letter-spacing: 0.5px;
  font-size: 1.1rem;
}

.new-header .links a:hover {
  color: #4f86c6;
}

.new-header .list {
  display: none;
}

.new-header .btn {
  color: #4f86c6;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid;
  padding: 1rem 4rem;
  height: 50px;
  letter-spacing: 0.5px;
  font-size: 1.1rem;
}

.new-header .btn.book-demo {
  background-color: #5087c7;
  color: #fff;
}

.new-header .btn:hover {
  background-color: #426b9c;
  color: #fff;
}

.new-header .menu {
  position: relative;
  height: 50px;
}

.new-header .menu:hover .links {
  visibility: visible;
}

.new-header .menu .burger {
  height: 100%;
  width: 50px;
  background-image: url("/public/dist/images/home/menu-burger.svg");
}

.new-header .menu .links {
  background-color: #fff;
  visibility: hidden;
  text-align: center;
  box-shadow: 0 0 6px #cecece;
  border-radius: 8px;
  padding: 1rem;
  width: max-content;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: absolute;
  z-index: 1;
  top: 100%;
  right: 1%;
}

.home-welcome {
  position: relative;
  grid-template-rows: unset;
  min-height: unset;
  height: 100%;
  max-height: 1000px;
  padding: 100px 2rem 50px;
  gap: unset;
  font-size: 13px;
}

.home-welcome .section-block {
  height: 100%;
  position: relative;
  display: grid;
  padding: 70px 0 0;
  gap: 70px;
}

.home-welcome .img-block {
  width: 100%;
  height: 100%;
  max-width: 1920px;
  max-height: 600px;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.home-welcome .image1 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  transition: all 1s;
}

.home-welcome .image2 {
  width: 100%;
  max-width: 500px;
  bottom: -23px;
  left: 0;
  right: 0;
  margin: auto auto -3%;
}

.home-welcome .block {
  color: #fff;
  position: absolute;
  top: 50px;
  left: 0;
  opacity: 1;
  transition: left 2s, opacity 0.5s;
}

.home-welcome .block h1 {
  margin-bottom: 0.5rem;
}

.home-welcome .block h5 {
  font-weight: 300;
  margin-bottom: 0.5rem;
}

.home-welcome .login {
  height: 0px;
  width: 100%;
  overflow-y: hidden;
  opacity: 0;
  transition: height 1.5s, opacity 2s;
}

.home-welcome .login h4 {
  color: #fff;
  text-align: center;
  padding-bottom: 2rem;
}

.home-welcome .login .products {
  display: flex;
  flex-wrap: wrap;
  max-width: 500px;
  margin: 0 auto;
  gap: 20px;
  flex-direction: row-reverse;
  padding: 10px;
}

.home-welcome .login .footer {
  display: flex;
  max-width: 500px;
  margin: 0 auto;
  gap: 1rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: calc(50% - 20px);
  color: #fff;
}

.home-welcome .login .item-product {
  background-color: #fff;
  flex: 0 0 calc(50% - 10px);
  height: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #c1deff;
  border-radius: 15px;
  cursor: pointer;
}

.home-welcome .login .item-product:hover {
  -webkit-box-shadow: 0 0 10px #5086c6;
  -moz-box-shadow: 0 0 10px #5086c6;
  box-shadow: 0 0 10px #5086c6;
  border-radius: 15px;
}

.home-welcome .login .arrow {
  height: 15px;
  width: 60px;
  background-image: url("/public/dist/images/home/homepage/backbtn-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.home-welcome .login .img-logo-ims {
  background-size: 85%;
}

.home-welcome .login .img-logo-apollo {
  background-size: 65%;
}

.home-welcome .login .img-logo-medspecialized {
  background-size: 40% !important;
}

.home-welcome .login .img-logo-ips {
  background-size: 55% !important;
}

.home-welcome .login .img-logo-drcat {
  background-size: 25% !important;
}

.home-welcome .login .img-logo-healthsentry {
  background-size: 75% !important;
}

.home-welcome .login .img-logo-ERTechpros {
  background-size: 80% !important;
}

.home-welcome .login .img-logo-meditab {
  background-size: 85% !important;
}

.home-welcome .btn {
  padding: 1rem 3rem;
  border-radius: 8px;
  height: auto;
  margin-top: 1.5rem;
  font-size: 1.1rem;
}

.home-welcome.--login .block {
  left: -100vh;
  opacity: 0;
}

.home-welcome.--login .login {
  opacity: 1;
  height: 460px;
}

.product-welcome {
  position: relative;
  grid-template-rows: unset;
  min-height: unset;
  height: 100%;
  padding: 100px 2rem 0;
  background-color: #f5f5f5;
  border-bottom: 5vh solid #fff;
}

.product-welcome .section-block {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.product-welcome .block {
  order: 1;
  color: #fff;
  opacity: 1;
  justify-self: center;
  transition: left 2s, opacity 0.5s;
  max-width: 50%;
}

.product-welcome .block h1 {
  margin-bottom: 0.5rem;
}

.product-welcome .block h5 {
  font-weight: 300;
  color: #929292;
  margin-bottom: 0.5rem;
  font-size: 18px;
  font-weight: 400;
}

.product-welcome .image2 {
  order: 2;
  width: 100%;
  max-width: 500px;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: auto 0 -1% auto;
  filter: drop-shadow(5px 12px 12px #8e8e8e);
  max-width: 50%;
}

@media (max-width: 992px) {
  .product-welcome .section-block {
    padding-top: 50px;
    justify-content: flex-start;
  }
  .product-welcome .block {
    max-width: 90%;
    padding-top: 0;
    padding-bottom: 0.5rem;
  }
  .product-welcome .image2 {
    position: relative;
    max-width: 90%;
  }
}
.new-core {
  padding: 7rem 2rem 0;
  max-height: unset;
}

.new-core .section-block {
  display: grid;
  padding: unset;
  padding: 5rem 0;
  gap: 5rem;
}

.new-core .image1 {
  position: absolute;
}

.new-core .image2 {
  max-width: 450px;
  z-index: 1;
}

.new-core .block1 {
  position: relative;
  display: grid;
  place-items: center;
}

.new-core .list {
  max-width: 450px;
  place-self: center;
  display: grid;
  grid-auto-rows: 1fr 1fr 1fr min-content;
}

.new-core .item {
  position: relative;
}

.new-core .item:not(:last-child) {
  border-width: 0;
  border-left: 10px solid;
  border-image: linear-gradient(to right, #f2f2f2, #e4e4e4) 0 100%;
}

.new-core .item:last-child {
  margin-left: 10px;
}

.new-core .item:hover {
  border-image: linear-gradient(to right, #95b8e2, #93b2d6) 0 100%;
}

.new-core .item-img {
  position: absolute;
  top: 0;
  left: -9%;
  padding: 0.8rem 1.6rem;
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0 0 6px #cecece;
}

.new-core .item-img .ico {
  height: 30px;
  width: 30px;
}

.new-core .info {
  width: 80%;
  margin: 1rem 0 0 auto;
  min-height: 150px;
  text-align: left;
  gap: 1rem;
}

.new-core .info h3 {
  font-weight: 800;
}

.new-core .info p {
  padding-top: 1rem;
  color: #929292;
  font-weight: 500;
}

.new-solutions {
  position: relative;
  height: 1280px;
  max-height: 1280px;
}

.new-solutions .section-block {
  display: flex;
  justify-content: end;
}

.new-solutions .image1 {
  position: absolute;
  top: 0;
  left: 50px;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 100%;
}

.new-solutions .block {
  display: grid;
  grid-template-columns: 300px 300px;
  grid-template-rows: 350px 350px;
  place-content: center;
  grid-row-gap: 4rem;
  grid-column-gap: 3rem;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
}

.new-solutions .card {
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 6px #868686;
  z-index: 1;
  display: grid;
}

.new-solutions .card h4 {
  font-weight: 800;
  font-size: 18px;
  padding-bottom: 30px;
}

.new-solutions .card span {
  font-size: 12px;
  padding-bottom: 6px;
  color: #929292;
  font-weight: 500;
}

.new-solutions .card .card-block {
  display: flex;
  justify-content: center;
  align-items: center;
}

.new-solutions .card .card-img {
  padding: 1rem;
  border-radius: 1rem;
  filter: drop-shadow(-7px 7px 5px lightgray);
  width: min-content;
  height: min-content;
}

.new-solutions .card .card-img img {
  height: 90px;
}

.new-solutions .card .info {
  text-align: center;
  display: flex;
  flex-direction: column;
}

.new-about {
  padding: 0 3rem 70px;
}

.new-about .section-block {
  display: grid;
  gap: 70px;
}

.new-about .block1 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.new-about .block2 {
  height: 600px;
  position: relative;
}

.new-about .image1 {
  height: 70%;
  position: absolute;
  left: 15%;
}

.new-about .image2 {
  position: absolute;
  height: 50%;
  left: 300px;
  top: 50%;
}

.new-about p {
  font-weight: 400;
  color: #333;
  font-size: 1.25em;
  line-height: 25px;
}

.new-about strong {
  color: #5087c7;
}

.new-team {
  padding: 6rem 3rem 0;
  place-items: center;
}

.new-team .section-block {
  align-content: center;
  height: min-content;
  display: grid;
  place-self: center;
  gap: 5rem;
}

.new-team .img-block {
  max-width: 1920px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 14rem;
  height: 600px;
}

.new-team .__tiles-piped {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.new-team .__tiles-piped.--first {
  flex-direction: row;
}

.new-team .__tiles-piped .__piping {
  transform: skew(12deg, 0deg);
  flex: 0 0 12rem;
}

.new-team .__tiles-piped .__tile {
  flex: 0 0 100px;
  z-index: 1;
}

.new-team .__tiles-piped .__piping {
  background-color: #c1c1c1;
  height: 1rem;
  background-image: linear-gradient(to bottom, #dedede, #fefefe);
  margin: 0 -1rem;
  z-index: 0;
}

.new-team .__tiles-piped .__piping:hover {
  background-image: linear-gradient(to bottom, #95b8e2, #93b2d6);
}

.new-team .__tiles-piped + .__piping-corner {
  height: 16rem;
  width: 16rem;
  position: absolute;
  top: 14rem;
  left: 3rem;
  transform: skew(6deg, 0);
}

.new-team .__tiles-piped + .__piping-corner:hover path {
  stroke: #95b8e2;
}

.new-team .test-flex {
  height: min-content;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.new-team .test-flex .group1, .new-team .test-flex .group2, .new-team .test-flex .group3 {
  display: flex;
  align-items: center;
}

.new-team .test-flex .edge {
  height: 90px;
  width: 90px;
  position: relative;
}

.new-team .test-flex .corner, .new-team .test-flex .corner-top, .new-team .test-flex .corner-bot {
  height: 245px;
  width: 245px;
  position: absolute;
  z-index: 0;
  filter: unset;
}

.new-team .test-flex .corner-top {
  top: -4%;
  left: -25%;
}

.new-team .test-flex .corner-bot {
  bottom: -4%;
  left: -25%;
}

.new-team .test-flex .corner {
  top: -167%;
  left: 40%;
}

.new-team .test-flex.small {
  align-items: center;
  gap: 70px;
}

.new-team .test-flex.large {
  display: none;
  gap: 50px;
}

.new-team .test-flex.large .ico {
  height: 110px;
  width: 110px;
}

.new-team .test-flex.large .edge {
  margin-right: 5%;
}

.new-team .test-flex .__piping {
  transform: skew(12deg, 0deg);
  background-color: #fff;
  height: 15px;
  width: 126px;
  margin: 0 -13px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16);
}

.new-team .test-flex .__piping:hover {
  background-image: linear-gradient(to bottom, #95b8e2, #93b2d6);
}

.new-team .test-flex .__piping-corner {
  height: 100px;
  width: 100px;
}

.new-team .test-flex .line-break {
  width: 100%;
}

.new-team .image1 {
  position: absolute;
  height: 100%;
  right: -210px;
}

.new-team .ico {
  height: 90px;
  width: 90px;
  z-index: 1;
  filter: drop-shadow(-10px 8px 2px rgba(0, 0, 0, 0.5));
}

.new-team .lmc {
  background-image: url("/public/dist/images/home/homepage/teams/lmc.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.new-team .apollo {
  background-image: url("/public/dist/images/home/homepage/teams/apollo.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.new-team .drcat {
  background-image: url("/public/dist/images/home/homepage/teams/drcat.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.new-team .healthsentry {
  background-image: url("/public/dist/images/home/homepage/teams/healthsentry.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.new-team .ims {
  background-image: url("/public/dist/images/home/homepage/teams/ims.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.new-team .ips {
  background-image: url("/public/dist/images/home/homepage/teams/ips.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.new-team .medspec {
  background-image: url("/public/dist/images/home/homepage/teams/medspec.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.new-team .quickcap {
  background-image: url("/public/dist/images/home/homepage/teams/quickcap.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.new-team .ertech {
  background-image: url("/public/dist/images/home/homepage/teams/ertechpros.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.new-team .meditab {
  background-image: url("/public/dist/images/home/homepage/teams/meditab.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.new-team .corner {
  background-image: url("/public/dist/images/home/homepage/teams/pipe02.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.new-team .corner-top {
  background-image: url("/public/dist/images/home/homepage/teams/pipe03.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.new-team .corner-bot {
  background-image: url("/public/dist/images/home/homepage/teams/pipe01.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.new-partners {
  position: relative;
}

.new-partners .section-block {
  display: flex;
  justify-content: center;
  height: min-content;
}

.new-partners .image1 {
  position: absolute;
  top: 0;
  left: 50px;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 100%;
}

.new-partners .block {
  display: flex;
  gap: 4rem;
  width: 1100px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 2rem;
}

.new-partners .card {
  height: 350px;
  width: 300px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 6px #868686;
  z-index: 1;
  display: grid;
}

.new-partners .card span {
  font-size: 12px;
  padding-bottom: 6px;
  color: #929292;
  font-weight: 500;
  line-height: 200%;
  padding: 0 14px;
}

.new-partners .card .card-block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.new-partners .card .card-img {
  padding: 1rem;
  border-radius: 1rem;
  filter: drop-shadow(-7px 7px 5px lightgray);
  max-width: 100%;
  height: min-content;
}

.new-partners .card .card-img img {
  height: 90px;
  width: 100%;
}

.new-partners .card .card-img #partner-logo-nexushr {
  height: auto !important;
}

.new-partners .card .card-img #partner-logo-dosepacker {
  height: auto !important;
  padding-top: 1.7rem;
}

.new-partners .card .info {
  text-align: center;
  display: flex;
  flex-direction: column;
}

.new-partners.ims-product {
  margin: 0;
}

.new-footer {
  gap: unset;
  grid-template-rows: unset;
  min-height: unset;
}

.new-footer .section-block {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 5rem;
  align-content: center;
  min-height: 300px;
}

.new-footer h2 {
  text-align: unset;
}

.new-footer .btn {
  padding: 1rem 2rem;
  height: min-content;
  width: min-content;
  border-radius: 0.8rem;
}

.new-footer .block1, .new-footer .inner-block2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 150px;
}

.new-footer .block1 {
  height: min-content;
  gap: 2.5rem;
  align-self: end;
}

.new-footer .block2 {
  display: flex;
  justify-content: center;
}

.new-footer p {
  font-weight: 400;
}

.new-footer2 {
  background-color: #1e2027;
  padding: 6rem 3rem 3rem;
  gap: unset;
  grid-template-rows: unset;
  min-height: unset;
}

.new-footer2 .section-block {
  min-height: min-content;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  color: #fff;
  min-height: 300px;
}

.new-footer2 .lmc {
  height: 50px;
  width: 178px;
  background-image: url("/public/dist/images/logos/lmc-logo-2.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  align-self: center;
}

.new-footer2 .contact {
  display: grid;
  text-align: center;
  place-self: center;
}

.new-footer2 .contact div:not(:last-child) {
  margin-bottom: 2rem;
}

.new-footer2 .btn {
  display: flex;
  align-self: center;
  width: min-content;
  justify-self: end;
}

.new-footer2 .bottom {
  grid-column: 1/4;
  grid-row: 2;
  letter-spacing: 1px;
  margin-top: auto;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .product-home .-new-welcome .img-banner-person {
    position: absolute;
    right: unset;
    margin-top: unset;
  }
  .product-home .-about .logo {
    position: absolute;
    right: 10%;
    top: 23%;
    left: unset;
  }
  .product-home .-about .logo .icon {
    max-width: 200px;
    position: relative;
    z-index: 1;
  }
  .product-home .-about .logo .line {
    position: absolute;
    left: 25%;
    top: -24%;
  }
  .product-home .-about p {
    max-width: 60%;
  }
  .product-home .-solutions .logo {
    max-width: 450px;
  }
  .-clients .clients-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .-contact .lmc {
    height: 50px;
    width: 178px;
    margin-bottom: 50px;
    background-image: url(/public/dist/images/logos/lmc-logo-2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: flex;
    align-self: center;
  }
  .-contact .section {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .-contact .section-block.--item0 {
    grid-row: 1;
    grid-column: 1;
    max-width: 280px;
  }
  .-contact .section-block.--item1 {
    grid-row: 2/3;
    grid-column: 1;
    max-width: 280px;
  }
  .-contact .section-block.--item2 {
    grid-row: 2;
    grid-column: 2;
    place-self: center;
  }
  .-contact .section-block.--item3 {
    grid-row: 2;
    grid-column: 3;
    place-self: end;
  }
  .-contact .section-block.--item4 {
    margin-top: 30px;
    grid-row: 3;
    grid-column: 1/span 3;
    place-self: center;
  }
  .-contact h2 {
    font-size: 17px;
    font-weight: unset !important;
  }
  .home-welcome .image2 {
    width: 66.6666666667%;
    max-width: 700px;
  }
  .product-welcome .image2 {
    width: 66.6666666667%;
    max-width: 700px;
  }
  .new-about .image1 {
    left: 20%;
  }
  .new-about .image2 {
    left: 420px;
  }
}
@media screen and (min-width: 1366px) {
  .product-home .-new-welcome .links .sections {
    display: flex;
  }
  .product-home .-new-welcome .links .ico {
    display: none;
  }
  .product-home .-new-welcome .links .tooltip-links {
    display: none;
  }
  .product-home .-new-welcome .__descrip {
    padding-top: unset;
    position: absolute;
    bottom: 22%;
  }
  .product-home .-new-welcome .img-banner-person {
    right: -20%;
  }
  .product-home .-new-welcome .section-block {
    position: relative;
    display: inherit;
    align-content: center;
  }
  .product-home .-solutions .section {
    align-items: unset;
    flex-direction: unset;
  }
  .product-home .-solutions .logo {
    max-width: 450px;
  }
  .product-home .-solutions .list {
    width: 42%;
    display: grid;
  }
  .new-header .list {
    display: flex;
  }
  .new-header .menu {
    display: none;
  }
  .home-welcome {
    min-height: 720px;
  }
  .home-welcome .block {
    top: 35%;
    transition: top 1s;
    left: 0;
  }
  .home-welcome .img-block {
    max-height: 90vh;
    transition: all 1s;
  }
  .home-welcome .image2 {
    max-width: 720px;
    right: -28px;
    bottom: 25px;
    position: absolute;
    transition: all 1s;
    margin: unset;
    left: unset;
  }
  .home-welcome .login {
    width: 500px;
    justify-self: end;
  }
  .home-welcome .login .arrow {
    background-image: url("/public/dist/images/home/homepage/backbtn.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .home-welcome.--login .block {
    top: 10%;
    left: unset;
    opacity: 1;
  }
  .home-welcome.--login .image2 {
    right: 55.5%;
    max-width: 540px;
  }
  .home-welcome.--login .image1 {
    right: 49%;
  }
  .home-welcome.--login .login {
    opacity: 1;
    height: 500px;
  }
  .home-welcome.--login .login .footer {
    color: #1d2027;
  }
  .new-core .section-block {
    grid-template-columns: 1fr 450px;
  }
  .new-core .list {
    place-self: end;
  }
  .new-core .block1 {
    height: min-content;
  }
  .new-about {
    padding: 6rem 3rem;
  }
  .new-about .section-block {
    display: flex;
    gap: 7rem;
    height: 700px;
  }
  .new-about .image1 {
    position: unset;
  }
  .new-about .image2 {
    left: 180px;
  }
  .new-solutions .block {
    top: 50%;
  }
  .new-team .test-flex.small {
    display: none;
  }
  .new-team .test-flex.large {
    display: flex;
  }
}
@media screen and (min-width: 1920px) {
  .home-welcome .block {
    top: 35%;
    transition: top 1s;
    left: 0;
  }
  .home-welcome .img-block {
    max-height: 90vh;
    transition: all 1s;
  }
  .home-welcome .image2 {
    max-width: 860px;
    width: 100%;
    left: unset;
    right: -28px;
    bottom: 0;
    position: absolute;
    transition: all 1s;
    margin: unset;
  }
  .home-welcome .login {
    width: 500px;
    justify-self: end;
    margin-top: 150px;
  }
  .home-welcome .login .arrow {
    background-image: url("/public/dist/images/home/homepage/backbtn.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .home-welcome.--login .block {
    top: 22%;
    left: unset;
    opacity: 1;
  }
  .home-welcome.--login .image1 {
    right: 49%;
  }
  .home-welcome.--login .login {
    opacity: 1;
    height: 500px;
  }
  .home-welcome.--login .login .footer {
    color: #1d2027;
  }
}
.-title1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: -10px 0px 10px 0px;
}

.-title2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 10px 0px 0px 0px;
}

.verify-account {
  height: 100%;
  width: 100%;
  display: grid;
  place-items: center;
}

.signin {
  padding: 15px 0 10px;
  border-top: 8px solid #5086c6;
  min-height: 450px;
  position: relative;
  align-self: center;
  padding: 20px;
  overflow: hidden;
  background: #fff;
  color: #4d4d4d;
  width: 400px;
}

.signin .__form {
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1 0 auto;
}

.signin .__form .form-control {
  width: 100%;
}

.signin .__title {
  margin-bottom: 30px;
  font-size: 1.2em;
  text-align: center;
}

.signin .__row {
  position: relative;
}

.signin .__row:not(:last-child) {
  margin-bottom: 15px;
}

.signin .btn {
  width: 100%;
}

.signin .__centered-text {
  justify-content: center;
}

.signin .slide-wrapper {
  margin-bottom: 20px;
}

.signin .__partnered-signin-options {
  margin: 0 auto 20px;
  width: 15em;
}

.signin .__footnote {
  font-size: smaller;
}

.signin .__footnote > .-clickable {
  margin: 0 auto;
}

.signin .gender {
  display: flex;
  gap: 6px;
}

.signin .gender label {
  display: inherit;
  align-items: center;
  gap: 3px;
}

.signin a:hover, .signin a:active {
  color: #5086c6;
}

.product-select {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.hr-or {
  position: relative;
  margin: 10px 0 10px;
  text-align: center;
}

.hr-or:before, .hr-or:after {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  border-bottom: 1px solid #cecece;
  width: 45%;
}

.hr-or:before {
  right: 0;
}

.hr-or:after {
  left: 0;
}

.radio-product {
  flex: 0 0 calc(50% - 10px);
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #ccc;
  border-radius: 15px;
  margin: 5px;
  cursor: pointer;
}

.radio-product input[type=radio] {
  display: none;
}

.radio-product input[type=radio]:checked + .glow, .radio-product:hover {
  -webkit-box-shadow: 0 0 10px #5086c6;
  -moz-box-shadow: 0 0 10px #5086c6;
  box-shadow: 0 0 10px #5086c6;
  border-radius: 15px;
}

.f-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 40px auto 0;
  justify-content: center;
  text-align: center;
  align-content: center;
}

.f-wrap h2, .f-wrap p {
  width: 100%;
}

.f-title {
  margin-bottom: 5px;
  font-weight: bold;
  white-space: nowrap;
}

.f-title + p {
  margin-bottom: 10px;
  font-family: "Roboto", sans-serif;
}

.-features .f-title + p {
  text-align: left;
}

.f-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 23%;
  max-height: 450px;
  max-width: 23%;
  margin: 10px 1%;
  padding: 15px;
  color: inherit;
  text-align: center;
  border-radius: 2px;
  overflow: hidden;
}

.f-box .img {
  flex: 0 0 50px;
  width: 100%;
  margin-bottom: 10px;
  background-size: contain;
}

.f-box .ico-course-black-2 {
  background-size: auto 100%;
}

.-features .f-wrap {
  width: 50%;
  max-width: 600px;
}

.-features .f-box {
  flex: 1 1 46%;
  max-width: 46%;
  margin: 10px 2%;
  border-bottom: 8px solid #4f86c6;
  box-shadow: #afafaf 0px 0px 12px 1px;
}

.-features .f-box:hover {
  box-shadow: #4f86c6 0px 0px 12px 1px;
}

.-releasenotes {
  background: url("/public/dist/images/home-releasenotes.jpg") no-repeat center 25%;
  background-size: cover;
  min-height: 500px;
}

.-releasenotes .section-block {
  min-height: 400px;
}

.-releasenotes .-iconbullet {
  font-weight: bold;
}

.-releasenotes .-iconbullet .ico {
  width: 30px;
  height: 30px;
  margin: 0 5px 0 -5px;
}

.-releasenotes .section {
  justify-content: flex-end;
}

.-releasenotes .section-block {
  flex: 0 1 45%;
  padding: 30px 60px;
  z-index: 1;
  background-color: #f1f1f1;
}

.message .f-box {
  flex-direction: row;
  max-width: 70%;
  background: #f0f0f0;
}

.message .img {
  flex: 0 0 150px;
  height: 150px;
}

.message h4 {
  flex: 0 0 300px;
  font-size: 3em;
}

.to-top {
  background: #e6e6e6;
  border-radius: 50%;
  border: 1px solid #999;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 30px;
  right: 85px;
  z-index: 60;
  opacity: 0.6;
}

.to-top:hover, .to-top:active {
  opacity: 1;
}

.to-top div {
  position: relative;
  height: 100%;
  width: 100%;
}

.to-top span:first-child, .to-top span:last-child {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  height: 1px;
  border-bottom: 2px solid #4f86c6;
}

.to-top span:first-child {
  transform: translate(-25%, -50%) rotate(56deg);
}

.to-top span:last-child {
  transform: translate(-75%, -50%) rotate(-56deg);
}

@media screen and (min-width: 1200px) {
  .f-box .img {
    flex: 0 0 70px;
  }
}
@media screen and (max-width: 1200px) {
  .home-welcome.--login .login {
    height: 460px;
  }
}
@media screen and (max-width: 992px) {
  .-features .f-box {
    min-width: 300px;
  }
  .f-box .img {
    flex: 0 0 70px;
  }
  .section-block .login .products .item-product {
    background-color: #fff;
  }
  .home-welcome.--login .login {
    height: 456px;
  }
}
.forgotpassword, .resetpassword {
  display: flex;
  flex-direction: column;
  -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  flex: 0 1 350px;
  min-height: 450px;
  overflow: visible;
}

.forgotpassword .__title, .resetpassword .__title {
  margin: 30px auto 60px;
}

.forgotpassword .__title + p, .resetpassword .__title + p {
  margin: -50px auto 50px;
}

.forgotpassword .__note, .resetpassword .__note {
  color: #4d4d4d;
  font-size: 0.875em;
  margin-top: auto;
  text-align: center;
}

.forgotpassword .__error, .resetpassword .__error {
  position: absolute;
  bottom: calc(100% - 10px);
  left: calc(100% - 10px);
  -webkit-box-shadow: 0px 0px 4px #efbec2;
  -moz-box-shadow: 0px 0px 4px #efbec2;
  box-shadow: 0px 0px 4px #efbec2;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #eaaaae;
  opacity: 0;
  padding: 4px 10px;
  width: 28em;
  z-index: 2;
}

.forgotpassword .__errormessage, .resetpassword .__errormessage {
  color: #d65861;
  font-size: 0.875em;
  margin: 0;
  text-align: center;
}

.forgotpassword .btn, .resetpassword .btn {
  width: 100%;
}

.forgotpassword .__resend, .resetpassword .__resend {
  text-align: center;
}

.forgotpassword .__resend h5, .resetpassword .__resend h5 {
  font-weight: bold;
  margin-bottom: 20px;
}

.forgotpassword .__resend p, .resetpassword .__resend p {
  font-size: 0.875em;
}

.forgotpassword .__resend a, .resetpassword .__resend a {
  color: #5086c6;
  cursor: pointer;
  text-decoration: underline;
}

.forgotpassword .__resend a:hover, .resetpassword .__resend a:hover {
  color: #9dbbdf;
}

.forgotpassword .__resend a:active, .resetpassword .__resend a:active {
  color: #2b5485;
}

.asd {
  width: 50%;
  text-align: center;
  margin: 0 auto;
  margin-top: 75px;
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  border-top: 8px solid #5086c6;
  padding: 30px;
}

.__body.--career-trainee {
  margin-left: -10px;
  padding-left: 10px;
  display: grid;
  grid-template-columns: 2fr 3fr;
  grid-template-rows: repeat(3, min-content) 1fr;
  grid-template-areas: "name blurb" "tier blurb" "tier image" "tier blank";
  gap: 20px;
  max-height: 100%;
}

.__body.--career-trainee .panel {
  margin: 0;
  padding: 15px;
  position: relative;
}

.__body.--career-trainee .panel.--name {
  grid-area: name;
}

.__body.--career-trainee .panel.--blurb {
  grid-area: blurb;
}

.__body.--career-trainee .panel.--image {
  grid-area: image;
}

.__body.--career-trainee .panel.--tier {
  grid-area: tier;
  padding: 20px;
  gap: 20px;
  max-height: calc(100vh - 230px);
}

.__body.--career-trainee .panel.--tier .__node {
  display: flex;
  align-items: center;
  position: relative;
}

.__body.--career-trainee .panel.--tier .__node.--done .__bullet {
  background-color: #5086c6;
}

.__body.--career-trainee .panel.--tier .__node.--tier .__bullet {
  height: 25px;
  width: 25px;
  color: #fff;
  font-size: 8px;
  line-height: 25px;
  text-align: center;
  margin: 0 5px 0 0;
  flex: 0 0 25px;
}

.__body.--career-trainee .panel.--tier .__node:first-of-type {
  margin-top: 10px;
}

.__body.--career-trainee .panel.--tier .__node:not(:last-child) {
  margin-bottom: 24px;
}

.__body.--career-trainee .panel.--tier .__node:not(:last-child):after {
  content: "";
  height: 20px;
  border-left: 2px solid #9191a0;
  position: absolute;
  top: 100%;
  left: 12px;
  transform: translate(-50%, 2px);
}

.__body.--career-trainee .panel.--tier .__node .__bullet {
  height: 10px;
  width: 10px;
  display: inline-block;
  background-color: #9191a0;
  border-radius: 50%;
  margin: 0 12px 0 7px;
  flex: 0 0 10px;
}

.__body.--career-trainee .panel.--tier .__node .__coursename {
  font-size: smaller;
}

.__body.--career-trainee .panel.--tier .msg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.__body.--career-trainee .panel.--tier .msg .ico-empty-grey {
  height: 50px;
  width: 50px;
}

.__body.--career-trainee .img-thumb-user {
  height: 50px;
  width: 50px;
  margin-right: 10px;
}

.__body.--career-trainee .ico-career-blue {
  height: 50px;
  width: 50px;
  display: block;
  margin: 0 auto 10px;
}

.__body.--career-trainee .img-career {
  height: 300px;
  width: 300px;
  margin: auto;
}

.__body.--career-view .tier {
  display: block;
  border: 1.5px solid #cecece;
  padding: 10px;
  margin-bottom: 2px;
  border-radius: 4px;
}

.__body.--career-view .tier .__tools {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.__body.--career-view .tier .__tier-name {
  flex: 1;
  display: flex;
  align-items: center;
}

.__body.--career-view .tier .__course {
  margin-left: 35px;
  padding: 10px 0px;
}

.__body.--career-view .tier .row-name {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content .__body.scrollbar-grey {
  border-top: none;
  border-bottom: none;
  height: 100%;
}

.-exercise .-preview .__body {
  width: 100%;
}

.-exercise .-preview .preview__text {
  padding-top: 17px;
}

.-exercise .-preview .preview__iframe {
  padding: 20px;
}

.-exercise .-preview .preview__iframe iframe {
  height: 300px;
  width: 400px;
}

.-aptitude {
  position: relative;
  background-image: url(https://ims.lmcenter.net/public/images/aptitude.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.-aptitude .__body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  text-align: center;
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  border-top: 8px solid #5086c6;
  padding: 30px;
}

.-aptitude .__body .__inputs {
  margin-top: 10px;
}

.-aptitude .__body .__inputs > input {
  margin-bottom: 10px;
}

.-aptitude .__body .__inputs > .__name {
  margin-bottom: 10px;
}

.-aptitude .__quiz {
  display: flex;
}

.-aptitude .quiz-container {
  border-right: none;
  width: 100%;
}

.-applicant {
  background-color: #fff;
  border-radius: 3px;
  margin: auto;
  max-height: 363px;
  max-width: 470px;
}

.-applicant p {
  color: #8e8e8e;
  font-size: 18px;
}

.-applicant ::placeholder {
  color: #8e8e8e;
}

.-applicant .__text {
  margin-bottom: 10px;
}

.-applicant .__text h1 {
  margin-bottom: 10px;
}

.-applicant .msg {
  display: flex;
  color: #d65861;
}

.-applicant .__inputs div:first-child() {
  display: flex;
  grid-gap: 10px;
}

.-applicant .__inputs p {
  margin: 10px 0px;
}

.-aptitude-lists .__endrow {
  flex-direction: column;
  grid-gap: 10px;
}

.-aptitude-lists .__endrow button {
  align-self: center;
}

.-aptitude-lists .__endrow p {
  text-align: center;
}

.mycourse-body {
  color: #616161;
}

.mycourse-body .__body {
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
  padding-right: 1rem;
}

.mycourse-body .__body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}

.mycourse-body .__body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5db;
}

.mycourse-body .__body::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.mycourse-body section {
  margin: 0 0 25px 5px;
  height: auto;
}

.mycourse-body .subtitle {
  display: flex;
  justify-content: space-between;
}

.mycourse-body .subtitle h5 {
  margin-bottom: 10px;
}

.mycourse-body .subtitle .see-more {
  color: #5086c6;
}

.mycourse-body .featured-courses-grid {
  width: 100%;
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 20px;
}

@media (max-width: 992px) {
  .mycourse-body .expanded-item-row {
    max-width: none;
  }
  .mycourse-body .trending-grid .img {
    flex: 0 0 16em;
  }
  .mycourse-body .featured-courses-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
}
.content.--displayed-courses {
  grid-template-rows: 5rem min-content 1fr 5rem min-content 1fr;
  overflow: hidden auto;
  margin-right: -16px;
  padding-right: 16px;
  scrollbar-width: auto;
  scrollbar-color: #fff #f2f2f2;
}

.content.--displayed-courses::-webkit-scrollbar {
  width: 16px;
  background-color: #fff;
  border-radius: 10px;
}

.content.--displayed-courses::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  border-radius: 10px;
}

.content.--displayed-courses::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.content.--displayed-courses::-webkit-scrollbar-track:hover {
  background-color: #eaf0f8;
}

.content.--displayed-courses .__title, .content.--displayed-courses .__body, .content.--displayed-courses .__tools {
  grid-area: unset;
  grid-column: 1/-1;
}

.content.-form .__tool {
  display: flex;
  gap: 0.5rem;
}

.content.-form .question-make {
  padding: 0.5rem 0.5rem 2rem;
  border-radius: 0.5rem;
  position: relative;
}

.content.-form .question-make:nth-child(odd) {
  border: 1px solid #ececec;
}

.content.-form .question-make:nth-child(even) {
  border: 1px solid rgba(0, 0, 0, 0);
  background-color: #f2f2f2;
}

.content.-form .question-make:not(:last-of-type) {
  margin-bottom: 0.5rem;
}

.content.-form .question-make .ico.glyphicon-question-sign {
  position: absolute;
  top: 0.25rem;
  left: 0.05rem;
  height: 1.5rem;
  width: 1.5rem;
  font-size: 1.75rem;
}

.content.-form .question-make .i-remove {
  position: absolute;
  top: 0.3rem;
  right: 0.25rem;
}

.content.-form .question-make .i-remove:hover {
  background-color: #d65861;
}

.content.-form .question-make .__field:first-of-type p:before {
  content: attr(data-label) ".";
  font-weight: bold;
}

.content.-form .question-make .__field:not(:last-of-type) {
  margin-bottom: 0.5rem;
}

.content.-form .question-make .__field > p {
  padding-left: 1.35rem;
}

.content.-form .question-make .__field:has(.switch-box) {
  display: flex;
  gap: 0.5rem;
}

.content.-form .question-make .options {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.content.-form .question-make .options .__option {
  flex: 0 0 calc(50% - 0.5rem);
}

.content.-form .question-make .options .error-message {
  flex: 1 1 100%;
}

.content.-form .question-make .text-btn-group {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  height: 34px;
}

.content.-form .question-make .text-btn-group > *:first-child {
  border-radius: 0.5rem 0 0 0.5rem;
}

.content.-form .question-make .text-btn-group > *:last-child {
  border-radius: 0 0.5rem 0.5rem 0;
}

.content.-form .question-make .text-btn-group > *:not(:first-child) {
  margin-left: -1px;
}

.course-question .__body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 2rem;
  width: 100%;
}

.course-group {
  min-width: 30rem;
}

.course-group .__course {
  padding-bottom: 1rem;
  border-bottom: 2px solid #ececec;
}

.course-group h6 {
  font-size: 1.125rem;
  font-weight: bold;
  padding: 1rem 2rem;
}

.course-group .cq-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: nowrap;
  gap: 2rem;
  padding: 0.5rem 2rem;
}

.course-group .cq-row:nth-child(even) {
  background-color: #efefef;
}

.course-group .cq-row:before {
  height: 1px;
  width: auto;
  content: "";
  border-bottom: 1px dotted #cecece;
  flex: 1;
  order: 2;
}

.course-group .cq-row .__text {
  order: 1;
}

.course-group .cq-row .__button {
  order: 3;
}

.course-group, .question-thread {
  border: 1px solid #cecece;
  border-radius: 1rem;
  flex: 0 1 50%;
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
}

.course-group::-webkit-scrollbar, .question-thread::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}

.course-group::-webkit-scrollbar-thumb, .question-thread::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5db;
}

.course-group::-webkit-scrollbar-track, .question-thread::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.course-group .__buttons, .question-thread .__buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1rem;
  padding: 0.75rem 1rem 0.5rem;
  position: sticky;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9);
}

.course-group .__button, .question-thread .__button {
  border: 1px solid #2b5485;
  border-radius: 0.5rem;
  padding: 0.25rem 1rem;
  color: #2b5485;
  background-color: #fff;
  -webkit-transition: background 0.4s ease-in, color 0.2s ease-out;
  -moz-transition: background 0.4s ease-in, color 0.2s ease-out;
  -ms-transition: background 0.4s ease-in, color 0.2s ease-out;
  -o-transition: background 0.4s ease-in, color 0.2s ease-out;
  transition: background 0.4s ease-in, color 0.2s ease-out;
}

.course-group .__button:hover, .course-group .__button:focus, .course-group .__button:active, .question-thread .__button:hover, .question-thread .__button:focus, .question-thread .__button:active {
  border-color: #2b5485;
  background-color: #5086c6;
  color: #fff;
}

.course-group .__button:hover .i-trash, .course-group .__button:focus .i-trash, .course-group .__button:active .i-trash, .question-thread .__button:hover .i-trash, .question-thread .__button:focus .i-trash, .question-thread .__button:active .i-trash {
  background-color: #fff;
  transform: scale(1.2, 1.2);
}

.course-group .__button.__close-thread, .question-thread .__button.__close-thread {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.5rem;
}

.course-group .__button.__close-thread:before, .question-thread .__button.__close-thread:before {
  content: "x";
  display: block;
  margin-top: -0.125rem;
}

.course-group .__button .i-trash, .question-thread .__button .i-trash {
  background-color: #2b5485;
}

.question-thread {
  max-height: 100%;
  flex: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
  -webkit-transition: flex 0.6s ease-out, opacity 0.4s ease-out;
  -moz-transition: flex 0.6s ease-out, opacity 0.4s ease-out;
  -ms-transition: flex 0.6s ease-out, opacity 0.4s ease-out;
  -o-transition: flex 0.6s ease-out, opacity 0.4s ease-out;
  transition: flex 0.6s ease-out, opacity 0.4s ease-out;
}

.question-thread::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}

.question-thread::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5db;
}

.question-thread::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.question-thread:not(.--slide-open) {
  border-color: rgba(0, 0, 0, 0);
  opacity: 0.8;
}

.question-thread.--slide-open {
  flex: 1;
  opacity: 1;
  -webkit-transition: flex 0.6s ease-out, opacity 0.2s ease-out 0.2s;
  -moz-transition: flex 0.6s ease-out, opacity 0.2s ease-out 0.2s;
  -ms-transition: flex 0.6s ease-out, opacity 0.2s ease-out 0.2s;
  -o-transition: flex 0.6s ease-out, opacity 0.2s ease-out 0.2s;
  transition: flex 0.6s ease-out, opacity 0.2s ease-out 0.2s;
}

.question-thread .convo-header {
  text-align: center;
  margin: 1rem 0.5rem 1rem;
}

.question-thread .convo-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: baseline;
  flex-wrap: nowrap;
  gap: 1rem;
  padding-bottom: 1rem;
  flex: 1;
}

.question-thread .convo-body .__empty {
  align-self: center;
}

.question-thread .msg-body {
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  background-color: #eaf0f8;
  border-radius: 0 0.5rem 0.5rem 0;
  max-width: calc(100% - 3.5rem);
  position: relative;
  cursor: default;
}

.question-thread .msg-body small {
  display: block;
  margin-bottom: -0.25rem;
}

.question-thread .msg-body .__button {
  position: absolute;
  top: 50%;
  right: -3rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
  border: 1px solid #2b5485;
  padding: 0.25rem 0.5rem;
}

.question-thread .msg-body.--clicked .__button {
  display: block;
}

.question-thread .msg-body.--mine {
  align-self: flex-end;
  border-radius: 0.5rem 0 0 0.5rem;
}

.question-thread .msg-body.--mine small {
  text-align: right;
}

.question-thread .msg-body.--mine .__button {
  right: unset;
  left: -3rem;
}

.question-thread .__reply-bar {
  display: flex;
  margin: 0.5px;
  position: sticky;
  bottom: 0;
}

.question-thread .__reply-bar input[type=text] {
  border-radius: 0 0 0 1rem;
  border-right: none;
}

.question-thread .__reply-bar .__send {
  border-radius: 0 0 1rem 0;
}

._box-container {
  position: absolute;
  height: 75%;
  top: 18%;
  background-color: #fff;
  width: 50%;
  left: 24%;
  border-radius: none;
  box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.8);
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}

.fileName {
  border-radius: 4px;
  border-color: #d0d0d0;
  width: 50%;
}

.textArea {
  flex: 1 1 auto;
  margin-top: 15px;
  border-radius: 4px;
  border-color: #d0d0d0;
  width: 100%;
}

.text:focus {
  border-color: #ef9200;
  border-bottom: solid #ef9200;
}

.form-control:focus {
  border-color: #ef9200;
}

._bottom-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 30px;
  grid-gap: 18px;
}

._input-container input, ._input-container textarea {
  margin-bottom: 13px;
}

.btnDownload {
  grid-column: 2;
  background-color: #009cb1;
  border: 1px solid #009cb1;
  visibility: hidden;
  color: #fff;
}

.btnStop {
  background-color: #fff;
  border: 1px solid #009cb1;
  color: #009cb1;
}

.btnSpeak {
  background-color: #ef9200;
  border: 1px solid #ef9200;
  color: #fff;
}

.btnPlayAudio {
  background-color: #ef9200;
  border: 1px solid #ef9200;
  color: #fff;
  visibility: hidden;
  z-index: 2;
}

.img-header > i {
  position: absolute;
  left: 0;
  top: 5%;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  height: 10%;
  width: 10%;
}

#voice:active {
  border-color: #ef9200;
  color: #474747;
}

.-search .title {
  font-size: 20px !important;
  line-height: 26px;
  color: #5086c6;
}

.-search .result-text p {
  line-height: 43px;
}

.-search .result-text h4 {
  margin: 20px 0px;
}

.-search .--description {
  color: #545454;
  line-height: 1.57;
  font-size: 14px;
}

.-search .link {
  font-size: 16px;
  padding-top: 1px;
  line-height: 1.5;
  color: #39b54a;
}

.-search .tabheads {
  border-bottom: 1px solid #d3d3d3;
}

.-search .tabheads .tablist li {
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  border-radius: 5px 5px 0 0;
  background-color: none;
  height: 26px;
  line-height: 26px;
  padding: 0 35px;
  position: relative;
  white-space: nowrap;
}

.-search .tabheads .tablist li:active {
  background-color: none;
  height: 40px;
  line-height: 40px;
  z-index: 2;
  border-bottom: 3px solid #5086c6;
}

.-search .__body {
  display: grid;
  grid-template-columns: 50% 50%;
}

.-search .box {
  margin: 13px;
  border-radius: 10px;
  border: 1px solid #d3d3d3;
  height: 180px;
  color: #1a1a1a;
}

.-search .grid-container {
  padding: 0px 20px;
}

.bugbear {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  max-width: 0.6rem;
  max-height: 0.6rem;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #e08188;
  padding: 0.5rem;
  overflow: hidden;
  color: #1a1a1a;
  z-index: 99;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
}

.bugbear:hover {
  max-width: 22rem;
  max-height: 22rem;
  border-radius: 0.125rem;
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: #9191a0 #fff;
}

.bugbear:hover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}

.bugbear:hover::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d5d5db;
}

.bugbear:hover::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

.bugbear:hover > * {
  width: 100%;
}
/*# sourceMappingURL=maps/styles.css.map */