@import url(fonts/stylesheet.css);
body, html {
  height: 100%;
  font-family: 'Gilroy', sans-serif; }

:root {
  --green: #66c124;
  --bs-sucess: #66c124;
  --role_background: transparent;
  --selected_role: rgba(255, 255, 255, 0.8);
  --selected_role_color: #000001; }
  :root .btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #66c124;
    --bs-btn-border-color: var(--green); }
  :root .btn {
    --bs-btn-border-radius: 0.2rem; }

@media (max-width: 575.9px) {
  .px-xs-0 {
    padding-left: 0 !important;
    padding-right: 0 !important; } }

body {
  --bg_color: #111827;
  --bg_card: #131c2e;
  --bs-btn-bg: #722180; }
  body.semi {
    --bg_color: #111827;
    --bg_card: #ffffff;
    --bs-light-rgb: #666666;
    --bg-table-even: #000000;
    --user-link: #ffffff;
    --hamColor: #ffffff;
    --bgDropdown: #111827; }
    body.semi .filter-wrapper .form-label {
      color: #ffffff; }
    body.semi .profile-btn {
      color: #ffffff; }
    body.semi .bg-darkblue * {
      color: #ffffff; }
    body.semi .text-semi-black {
      color: #000000; }
      body.semi .text-semi-black.text-white {
        color: #000000 !important; }
    body.semi .text-gray-500 {
      color: #000000; }
    body.semi .bg-deep-dark {
      background-color: #ffffff; }
    body.semi .form-label.text-white {
      color: #000000 !important; }
    body.semi input, body.semi textarea, body.semi select {
      background-color: #ffffff;
      border-color: #ced4da !important;
      color: #000000 !important; }
      body.semi input::placeholder, body.semi textarea::placeholder, body.semi select::placeholder {
        color: #000000; }
    body.semi .container.semi-light-container .text-white, body.semi .container-fluid.semi-light-container .text-white {
      color: #000000 !important; }
    @media (max-width: 575.9px) {
      body.semi .container.semi-light-container, body.semi .container-fluid.semi-light-container {
        padding: 1rem;
        border-radius: 0; } }
    body.semi .active-role {
      background-color: var(--green);
      color: #ffffff; }
    body.semi .role-item.active {
      background-color: #198754;
      color: #ffffff !important; }
      body.semi .role-item.active.text-white {
        color: #ffffff !important; }
    body.semi .block-wrapper.active {
      background-color: #198754;
      color: #ffffff; }
      body.semi .block-wrapper.active * {
        color: #ffffff !important; }
    body.semi .bg-semi-black {
      background-color: #000000; }
    body.semi .role-item__label {
      color: #ffffff; }
  body.light {
    --bg_color: #f6f6f6;
    --bg_card: #ffffff;
    --bs-light-rgb: #666666;
    --bg-table-even: #ffffff;
    --user-link: #212121;
    --hamColor: #212121;
    --bgDropdown: #ffffff; }
    body.light .block-wrapper {
      border-color: var(--green); }
    body.light .block-wrapper.active {
      background-color: var(--green);
      color: #ffffff; }
      body.light .block-wrapper.active * {
        color: #ffffff; }
    body.light .role-item.active {
      background-color: var(--green);
      color: #ffffff !important; }
      body.light .role-item.active.text-white {
        color: #ffffff !important; }
    body.light .users_list_item, body.light .font-text-white {
      color: #212121 !important; }
    body.light .text-white {
      color: #000000 !important; }
    body.light .semi-light-container, body.light .course-card {
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); }
    body.light .header {
      background-color: #ffffff;
      border-bottom: 0 !important;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); }
    body.light .role-item__label {
      color: #ffffff;
      background: #671E74; }
    body.light .active-role {
      background: #671E74;
      color: #ffffff; }

.hamburger {
  color: var(--hamColor);
  fill: var(--hamColor); }

.dropdown-menu {
  z-index: 1000;
  background: var(--bgDropdown);
  top: 100%; }

.form-check-input:checked {
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-active-bg); }

.page {
  min-height: 100%;
  background: var(--bg_color);
  overflow: hidden;
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: relative; }
  .page:after {
    content: '';
    height: 120px;
    display: block; }

.role-item {
  cursor: pointer;
  padding: 5px 15px;
  transition: all .3s;
  background-color: var(--role_background); }
  .role-item.active {
    background-color: var(--selected_role);
    color: var(--selected_role_color) !important; }
    .role-item.active.green-active {
      background-color: var(--bs-success);
      color: var(--bs-white) !important; }

.answers-row {
  background-color: rgba(0, 0, 0, 0.05); }

.course-card {
  background: var(--bg_card);
  height: 100%; }
  .course-card > .row {
    height: 100%; }
  @media (max-width: 575.9px) {
    .course-card {
      min-height: 1px;
      height: auto; } }

.outline-none {
  outline: none !important; }
  .outline-none * {
    outline: none !important; }

.header-nav {
  position: relative; }

.bg-darkblue {
  background: var(--bg_card); }

.bg-deep-dark {
  background-color: rgba(0, 0, 0, 0.6); }
  .bg-deep-dark:focus {
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff; }

.bg-darkbg {
  background: var(--bg_color); }

.btn-transparent {
  background-color: transparent !important; }

.table-custom tbody tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.25); }

.lesson-image-wrapper {
  height: 220px;
  width: 100%;
  overflow: hidden; }
  .lesson-image-wrapper img {
    object-fit: cover;
    width: 100%;
    height: 100%; }

.ProseMirror > * + * {
  margin-top: 0.75em; }
.ProseMirror ul,
.ProseMirror ol {
  padding: 0 1rem; }
.ProseMirror blockquote {
  padding-left: 1rem;
  border-left: 2px solid rgba(13, 13, 13, 0.1); }

.bubble-menu {
  display: flex;
  background-color: #0D0D0D;
  padding: 0.2rem;
  border-radius: 0.5rem; }
  .bubble-menu button {
    border: none;
    background: none;
    color: #FFF;
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0 0.2rem;
    opacity: 0.6; }
    .bubble-menu button:hover, .bubble-menu button.is-active {
      opacity: 1; }

.covered-image * {
  width: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  object-fit: contain; }
  @media (max-width: 575.9px) {
    .covered-image * {
      height: 230px; } }
.covered-image div.no-text {
  color: #000;
  height: auto;
  width: auto;
  font-size: 28px; }

.text-justify {
  text-align: justify; }

div p:nth-last-child(1) {
  margin-bottom: 0 !important; }

.users_list_item {
  position: relative;
  transition: all .3s ease; }
  .users_list_item:nth-child(even) {
    background-color: var(--bg-table-even); }
  .users_list_item:hover {
    background-color: rgba(255, 255, 255, 0.1); }

.block-wrapper {
  cursor: pointer;
  border: 1px solid #198754; }
  .block-wrapper.active {
    cursor: default; }

.forms-mw-360 form {
  min-width: 310px; }

@media (max-width: 575.9px) {
  .rounded {
    border-radius: 0 !important; }

  .rounded-top {
    border-radius: 0 !important; } }
.lesson-item__wrapper {
  border-radius: 0 !important; }

body.semi .container.semi-light-container .answers-list .btn-answer.btn-success {
  color: #ffffff !important; }

.semi-light-container {
  padding: 2rem 1rem;
  background-color: #ffffff;
  border-radius: 10px; }
  @media (min-width: 992.1px) {
    .semi-light-container {
      padding: 2rem; } }

.test-type {
  padding: 9px 12px;
  background-color: #d84459;
  border-radius: 5px;
  color: #ffffff;
  font-size: 13px;
  line-height: .8;
  display: inline-block; }

.users_list {
  min-width: 1200px; }

.users_list_item {
  color: #ffffff; }

.font-sm {
  font-size: 14px; }

.font-xs {
  font-size: 13px; }

.container video {
  max-width: 100%; }

@media (max-width: 575.9px) {
  .xs-p-0 {
    padding-left: 0 !important;
    padding-right: 0 !important; } }

.btn-col .btn {
  width: 100%; }

.lesson-main-container h3 {
  margin-bottom: 1.5rem; }
.lesson-main-container img {
  max-width: 100% !important;
  height: auto !important; }
.lesson-main-container p {
  font-size: 16px;
  line-height: 24px; }
  @media (min-width: 992.1px) {
    .lesson-main-container p {
      font-size: 20px;
      line-height: 28px; } }
.lesson-main-container ul, .lesson-main-container ol {
  padding: 0;
  padding-left: 20px; }
  .lesson-main-container ul li, .lesson-main-container ol li {
    font-size: 16px;
    line-height: 24px; }
    @media (min-width: 992.1px) {
      .lesson-main-container ul li, .lesson-main-container ol li {
        font-size: 20px;
        line-height: 28px; } }

@media (max-width: 575.9px) {
  .final-buttons__container a, .final-buttons__container button {
    display: block;
    width: 100%; } }
@media (max-width: 768px) and (min-width: 576px) {
  .final-buttons__container a, .final-buttons__container button {
    display: block;
    width: 100%; } }

.completed-block {
  background-color: #F2FFF2 !important; }

.answer-block a, .answer-block button {
  display: block;
  width: 100%; }

.font-text-white {
  color: #ffffff !important; }

.font-text-green {
  color: #198754; }

.select_cust {
  position: relative; }
  .select_cust::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff; }

.dropdown-profile {
  width: 100%;
  max-width: 300px;
  background-color: #0D121D; }
  .dropdown-profile a {
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    color: #ffffff;
    text-decoration: none;
    transition: all .3s ease; }
    .dropdown-profile a:hover, .dropdown-profile a:active {
      background-color: rgba(255, 255, 255, 0.15); }

.relative {
  position: relative; }

.dropdown-profile__wrapper {
  right: 0; }

.text-sm {
  font-size: 14px; }

input[readonly] {
  opacity: .6; }

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

.user-list__role {
  font-size: 12px;
  line-height: 12px; }

.block-main-container img {
  max-width: 100%;
  height: auto; }

/*# sourceMappingURL=style.css.map */