@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 {
  border-bottom: 2px solid #ececec;
  display: flex;
  margin: 0 0 20px;
  padding: 5px 0 5px;
}

.item-row .a-btn {
  margin: 0 5px;
}

.item-row .__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;
}

.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;
}

.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;
  top: 0;
  background: #e08188;
  padding: 0.5rem;
  overflow: hidden;
  color: #1a1a1a;
  z-index: 99;
  border-radius: 50%;
  font-size: 0.5rem;
  font-weight: bold;
}

.bugbear:hover {
  max-width: 12rem;
  max-height: 12rem;
  border-radius: 0.125rem;
}
/*# sourceMappingURL=maps/styles2.css.map */