/*
 *  Document   : dark.scss
 *  Author     : RedStar Template
 *  Description: This scss file for dark theme style classes
 */

//var(--dark-main-view-bg): #232b3e;


.dark {
  background-color: var(--dark-main-view-bg);
  color: var(--default-font-color);
  padding-top: 1px;

  body,
  html {
    background-color: var(--dark-main-view-bg);
  }

  input {
    color: var(--white) !important;
    font-family: var(--font-family-sans);
  }

  .dark-font-col {
    color: var(--default-font-color);
  }

  .card {
    background: var(--dark-sidebar-bg);
    border: none;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1),
      0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1),
      0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12),
      0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1);

    .body {
      color: var(--default-font-color);
    }

    .header {
      color: var(--default-font-color);

      h2 {
        color: var(--default-font-color);
      }
    }

    .card-content {
      color: var(--default-font-color);
    }
  }

  .course-card {
    background: var(--dark-sidebar-bg);

    .bg-body-light {
      background-color: #292c31;
    }
  }

  .banner-card {
    background: var(--dark-sidebar-bg);
  }

  .plain-card {
    background: var(--dark-sidebar-bg);
  }

  .people-list {
    .chat-list {
      li {
        &:hover {
          background: #3f4650;
          cursor: pointer;
        }

        &.active {
          background: #262b33;
        }
      }
    }
  }

  .chat {
    .chat-history {
      .message-data-time {
        color: var(--default-font-color);
      }
    }
  }

  .contact-usertitle-name {
    color: #fff;
  }

  .demo-skin {
    color: #eaeaea;

    .form-check-label {
      color: #eaeaea;
    }
  }

  .demo-settings {
    color: #eaeaea;
  }

  .block-header {
    padding-bottom: 0px;

    h2 {
      color: var(--default-font-color) !important;
    }
  }

  .select-wrapper {
    input.select-dropdown {
      color: #fff;
      font-size: 13px;
    }
  }

  .breadcrumb {
    li {
      &.active {
        color: #a5abb1;
      }
    }
  }

  .dropzone {
    border: 1px solid #afacac !important;
    background-color: var(--dark-sidebar-bg) !important;

    .dz-message {
      min-height: 150px !important;
      background: var(--dark-sidebar-bg) !important;
      color: white;
    }
  }

  .sl-item {
    .sl-content {
      p {
        color: var(--default-font-color);
      }
    }
  }

  .info-box5 {
    background-color: var(--dark-sidebar-bg);
  }

  .form-check {
    color: var(--default-font-color);
  }

  label {
    color: var(--default-font-color);
  }

  .input-field {
    input,
    textarea {
      color: var(--default-font-color);
    }
  }

  .input-group {
    .input-group-addon {
      .material-icons {
        color: var(--default-font-color);
      }
    }

    input[type='text'],
    .form-control {
      color: var(--default-font-color);
    }
  }

  .container-login100 {
    .form-group {
      .form-control {
        background: transparent;
      }
    }
  }

  .form-group {
    .form-control {
      color: var(--default-font-color);
      background: var(--dark-sidebar-bg);
    }

    input.form-control {
      color: var(--default-font-color);
    }
  }

  .form-check {
    .form-check-sign {
      .check {
        border: 1px solid var(--default-font-color);
      }
    }
  }

  .form-control {
    color: var(--default-font-color);
    background: var(--dark-sidebar-bg);
  }

  .right-sidebar {
    background: var(--dark-sidebar-bg);
    box-shadow: 0 2px 5px rgba(206, 194, 194, 0.16),
      0 2px 10px rgba(0, 0, 0, 0.12);
  }

  .ms-container {
    .ms-selectable,
    .ms-selection {
      li.ms-hover {
        color: var(--default-font-color) !important;
        background-color: #46484e !important;
      }
    }
  }

  .nav-tabs {
    li {
      a.active {
        color: #fff !important;
      }
    }
  }

  .bootstrap-tagsinput {
    background-color: #343840 !important;
  }

  .to-do-list {
    li {
      background: var(--dark-sidebar-bg);
    }
  }

  #mail-nav {
    li {
      a {
        color: var(--default-font-color);
      }
    }
  }

  .max-texts {
    a {
      color: var(--default-font-color);
    }
  }

  .pricingTable {
    background: #0c0c0c;

    .pricingTable-header {
      background: #36373c;
    }
  }

  .profile-tab-box {
    background: var(--dark-sidebar-bg);
  }

  .cd-timeline-content {
    background: #10131c;

    .timelineLabelColor strong {
      color: #ffffff !important;
    }
  }

  .cd-timeline-content h2 {
    color: var(--default-font-color);
  }

  .chart-note {
    color: var(--default-font-color);
  }

  .chart-statis {
    .index {
      color: var(--default-font-color);
    }
  }

  .dataTables_wrapper {
    input[type='search'] {
      color: var(--default-font-color);
    }
  }

  .page-item.disabled .page-link {
    color: var(--default-font-color);
    pointer-events: none;
    cursor: auto;
    background-color: var(--dark-sidebar-bg);
  }

  .table {
    color: var(--default-font-color);
    tbody {
      tr {
        color: var(--default-font-color);

        td,
        th {
          border-top: 1px solid rgba(120, 130, 140, 0.5);
          border-bottom: 1px solid rgba(120, 130, 140, 0.5);
        }
      }
    }

    thead {
      tr {
        color: var(--default-font-color);

        th {
          border-bottom: 1px solid rgba(120, 130, 140, 0.5);
          border-top: 1px solid rgba(120, 130, 140, 0.5);
        }
      }
    }
  }

  .table-bordered {
    border: 1px solid rgba(120, 130, 140, 0.5);

    tbody {
      tr {
        td,
        th {
          border-right: 1px solid rgba(120, 130, 140, 0.5);
          border-bottom: none;
        }
      }
    }

    thead {
      tr {
        th {
          border: 1px solid rgba(120, 130, 140, 0.5);
        }
      }
    }

    th {
      border: 1px solid rgba(120, 130, 140, 0.5);
      color: var(--default-font-color);
    }
  }

  tr.group,
  tr.group:hover {
    background-color: #282d35 !important;
  }

  .tableBody {
    color: var(--default-font-color);
  }

  $theme-black: var(--dark-sidebar-bg);

  .card .header h2 strong {
    color: var(--default-font-color) !important;
  }

  .breadcrumb {
    .page-title {
      color: #a5abb1;
    }

    li a {
      color: #f1d065 !important;

      .fa-home {
        color: #a5abb1;
      }
    }
  }

  .counter-box,
  .box-part {
    background: var(--dark-sidebar-bg) !important;
    color: var(--default-font-color);
  }

  .tblActnBtn i {
    color: var(--default-font-color);
  }

  .chat .chat-history {
    .other-message {
      background: #3b4453;

      &:after {
        border-bottom-color: #3b4454;
      }
    }

    .message {
      color: var(--default-font-color);
    }

    .my-message {
      background: #343840;

      &:after {
        border-bottom-color: #343840;
      }
    }
  }

  .task-box {
    border-bottom: solid 1px #5e5e5f;
    color: #bbb;
    background: #141a27;
  }

  .task-list {
    border: solid 1px #10141d;
    background: #141a27;
  }

  .mat-drawer {
    background-color: #141a27;
    color: #bbb;
    border-color: #121315 !important;
  }

  .mat-drawer-container {
    background-color: var(--dark-sidebar-bg);
  }

  .taskbar .card-footer {
    background: var(--dark-sidebar-bg) !important;
  }

  .move {
    background: var(--dark-sidebar-bg);
  }

  .board {
    background-color: #353a46;

    .drop-card {
      background-color: #404754;
    }
  }

  .list-group-item {
    background: var(--dark-sidebar-bg);
  }

  .product-grid .product-content {
    background-color: #3b4453;
  }

  .ibox-title,
  .ibox-content {
    background: var(--dark-sidebar-bg);
    border-color: #6c757d;
  }

  .collapsible-header {
    background: var(--dark-sidebar-bg);
  }

  .card .card-inside-title {
    color: var(--default-font-color);
  }

  .left-timeline > li {
    &:nth-child(odd) {
      .left-label {
        background: #202529;

        &:after {
          border-right-color: #202428;
        }
      }

      .left-time span:last-child {
        color: #eee;
      }
    }

    .left-label {
      background: #303438;

      p {
        color: var(--default-font-color);
      }

      &:after {
        border-right-color: #303438;
      }
    }

    .empty span {
      color: var(--default-font-color);
    }

    .left-time span {
      &:first-child {
        color: var(--default-font-color);
      }

      &:last-child {
        color: #eae9e9;
      }
    }
  }

  .font-icon .icon-preview i {
    color: var(--default-font-color);
  }

  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    background-color: transparent;
  }

  .panel-group {
    .panel-primary .panel-title a {
      color: var(--default-font-color);
      background: #32363c;
    }

    .panel .panel-body {
      color: var(--default-font-color);
    }
  }

  .btn-outline-primary {
    color: var(--primary-300) !important;
    border: 1px solid var(--primary-300) !important;
  }
  .btn-outline-warn {
    color: var(--warning-400) !important;
    border: 1px solid var(--warning-400) !important;
  }
  .btn-outline-error{
    color: var(--danger-400) !important;
    border: 1px solid var(--danger-400) !important;
  }
  .btn-outline-notify {
    color: var(--info-500) !important;
    border: 1px solid var(--info-500) !important;
  }
  .btn-outline-success {
    color: var(--success-400) !important;
    border: 1px solid var(--success-400) !important;
  }

  .btn-outline-primary:hover {
    color: var(--primary-100) !important;
    border: 1px solid var(--primary-100) !important;
  }

  .btn-primary {
    background: transparent !important;
    border: none !important;
    color: var(--primary-300) !important;
  }

  .btn-primary:hover {
    background: transparent !important;
    border: none !important;
    color: var(--primary-100) !important;
  }


  .chip {
    background-color: #31353a;
    color: var(--default-font-color);
  }

  .dropdown-content {
    background-color: #31353a;

    li > span {
      color: var(--default-font-color);
    }
  }

  .select-dropdown li.disabled {
    color: #bbb;
    font-size: 13px;
  }

  .autocomplete {
    font-size: 13px !important;
    color: #bbb;
    caret-color: #fff;

    &:focus {
      color: #bbb;
    }
  }

  .autocomplete-content li {
    .highlight {
      color: #fff;
    }

    :hover {
      background-color: #343d44;
    }
  }

  //select 2
  .select2-container--default {
    .select2-selection--single {
      background: var(--dark-sidebar-bg);
      color: #bbb;
      border-bottom: 1px solid #9e9e9e;

      .select2-selection__rendered {
        background: var(--dark-sidebar-bg);
        color: #bbb;
        border-bottom: 1px solid #9e9e9e;
      }
    }

    .select2-selection--multiple {
      background: var(--dark-sidebar-bg);
      color: #bbb;
      border-bottom: 1px solid #9e9e9e;

      .select2-selection__choice {
        background-color: #444141;
        border: 1px solid #656464;
      }
    }

    &.select2-container--focus .select2-selection--multiple {
      background: var(--dark-sidebar-bg);
      color: #bbb;
      border-bottom: 1px solid #9e9e9e;
    }

    .select2-results > .select2-results__options {
      background-color: #282d35;
    }
  }

  .select2-search--dropdown {
    background-color: #1c1f25;
  }

  .flatpickr-input {
    border-bottom: 1px solid #9e9e9e !important;
  }

  .ngx-datatable.material {
    background: var(--dark-sidebar-bg);
    color: var(--gray-100);

    .datatable-body .datatable-body-row .datatable-body-cell {
      color: var(--gray-100);
    }

    .datatable-header-cell-label {
      color: var(--gray-100);
    }

    :not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
      background-color: var(--primary-hover);
    }
  }

  .pagination > li > a:hover {
    background-color: #fff;
    color: #000;
  }

  .dataTables_length .custom-select {
    background-color: var(--dark-sidebar-bg);
    color: white;
  }

  .ngx-search {
    color: var(--gray-100);
  }


  .ngx-datatable {

    &.material {
      background: var(--dark-sidebar-bg);
      border: 1px solid var(--gray-800);

      .datatable-header {
        .datatable-header-cell {
          background: var(--dark-sidebar-bg);
        }

        .resize-handle {
          border-right: solid 1px var(--dark-sidebar-bg);
        }
      }

      .datatable-footer {
        color: #fff;

        .datatable-pager {
          a {
            color: #fff;
          }

          li.disabled a {
            color: #fff !important;
          }
        }
      }

      .datatable-body .datatable-body-row .datatable-body-cell {
        color: var(--gray-100);
      }

      &:not(.cell-selection) .datatable-body-row:hover {
        background: var(--primary-hover);

        .datatable-row-group {
          background: var(--primary-hover);
        }
      }

      .datatable-body-cell,
      .datatable-header-cell {
        border: 1px solid var(--gray-800);
      }
    }

    &.fixed-header
      .datatable-header
      .datatable-header-inner
      .datatable-header-cell {
      color: #bbb;
    }
  }

  ::-webkit-input-placeholder {
    color: var(--placeholder);
    opacity: 1 !important;
    /* for older chrome versions. may no longer apply. */
  }

  :-moz-placeholder {
    /* Firefox 18- */
    color: var(--placeholder);
    opacity: 1 !important;
  }

  ::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--placeholder);
    opacity: 1 !important;
  }

  :-ms-input-placeholder {
    color: var(--placeholder);
  }

  input,
  textarea {
    color: var(--gray-100);
  }

  .flatPicker {
    color: #bbb;
  }

  .modal {
    .modal-content {
      background: var(--dark-sidebar-bg);

      .modal-body {
        color: #bbb;
      }
    }

    .modal-close-button {
      color: #bbb;
    }
  }

  .ngx-search {
    color: #bbb;
  }

  .ngx-datatable {
    background: #434f5a;

    &.material {
      background: var(--dark-sidebar-bg);

      .datatable-header {
        .datatable-header-cell {
          background: var(--gray-900);
          font-size: 105%;
          font-weight: 400;
        }

        .resize-handle {
          border-right: solid 3px #434f5a;
        }
      }

      .datatable-footer {
        color: var(--white);

        .datatable-pager {
          a {
            color: var(--white);
          }

          li.disabled a {
            color: var(--white) !important;
          }
        }
      }

      .datatable-body .datatable-body-row .datatable-body-cell {
        color: var(--gray-300);
      }

      &:not(.cell-selection) .datatable-body-row:hover {
        background: #32383e;

        .datatable-row-group {
          background: #32383e;
        }
      }
    }

    &.fixed-header
      .datatable-header
      .datatable-header-inner
      .datatable-header-cell {
      color: #bbb;
    }
  }

  .ngxTableHeader {
    background-color: var(--primary-700);

    .header-buttons-left strong,
    .header-buttons {
      color: var(--white);

      .material-icons {
        color: var(--white);
      }

      .dropdown-menu li span {
        color: var(--white);
      }
    }

    .header-buttons-left .search-icon {
      color: var(--gray-200);
    }

    .header-buttons-left input.search-field {
      color: var(--white);
      background: var(--primary-800);
    }

    .header-buttons-left input::placeholder {
      color: var(--placeholder);
    }

    .header-buttons-left input.search-field:focus {
      color: var(--white);
      background: var(--primary-800);
    }

  }

  .navbar-nav {
    .dropdown-menu {
      background-color: var(--dark-sidebar-bg);
      border: 1px solid #4e4e4e;

      .header {
        color: #bbb;
        border-bottom: 1px solid #232a31;
      }

      ul.menu {
        .menu-info .menu-title {
          color: #fff;
        }

        li a {
          border-bottom: 1px solid #232a31;

          &:hover {
            background-color: #1d2229;
          }
        }
      }
      &::after {
        border-bottom: 6px solid #4c4a4a;
      }
    }

    .user_dw_menu li {
      border-bottom: 1px solid #232a31;

      a {
        color: #bbb;
      }
    }
  }

  .fc-unthemed td {
    &.fc-today {
      background: transparent;
    }

    &.fc-day-top .fc-day-number {
      color: #ffffff;
    }
  }

  .fc-button-primary {
    background-color: #151414;
    border-color: #4a4a4a;
    color: #fff;
  }

  .fc-view > table {
    td {
      border-color: #65686d;
    }

    th {
      color: #fff;
      border-color: #65686d;
    }
  }

  .simple-line-icon-container > div {
    background: #10141d;
    border: 1px solid #1c212b;

    i {
      color: var(--default-font-color);
    }
  }

  /* Material Design Form style */

  .mat-button {
    text-transform: uppercase;
    color: var(--brandmint);
    opacity: .99;
    border-width: 1px;
    border-style: solid;
    border-color: var(--brandmint);
    border-radius: 12px;
    background: transparent;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    padding: 0 10px 0 10px;
    font-family: var(--font-family-sans);
    cursor: pointer;

    .mat-button-success {

    }
  }



  .mat-checkbox-frame {
    border-color: var(--default-font-color);
  }

  .mat-radio-outer-circle {
    border-color: var(--default-font-color);
  }

  .mat-datepicker-content {
    .mat-calendar-next-button {
      color: var(--default-font-color);
    }

    .mat-calendar-previous-button {
      color: var(--default-font-color);
    }

    .time-container {
      background-color: var(--dark-card-bg);
    }

    .actions {
      background-color: var(--dark-card-bg);

      .mat-button-wrapper {
        .material-icons {
          color: white;
        }
      }

      .mat-stroked-button:not([disabled]) {
        border-color: rgba(255, 255, 255, 0.37);
      }
    }
  }

  .mat-datepicker-toggle {
    color: var(--default-font-color);
  }

  .mat-select-value {
    color: var(--white);
  }

  .mat-form-field {
    font-family: var(--font-family-sans), sans-serif;
  }

  .mat-input-element:disabled {
    font-family: var(--font-family-sans), sans-serif;
    color: var(--gray-300);

    .mat-hint {
      color: var(--default-font-color);
    }
  }



  .mat-form-field-appearance-legacy {
    .mat-hint {
      color: var(--default-font-color);
    }

    .mat-form-field-label {
      color: var(--default-font-color);
    }

    .mat-form-field-underline {
      background-color: var(--default-font-color);
    }
  }

  .mat-form-field-appearance-outline {
    .mat-form-field-outline-thick {
      color: var(--primary-900);
    }

    .mat-form-field-outline {
      //color: var(--default-font-color);
      color: var(--white);
    }

    &.mat-focused .mat-form-field-outline-thick {
      color: var(--primary-800);
    }
  }

  .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: #97a2b4;
  }

  .mat-stepper-horizontal {
    background-color: var(--dark-sidebar-bg);
  }

  .mat-stepper-vertical {
    background-color: var(--dark-sidebar-bg);
  }

  .mat-horizontal-stepper-header::after {
    border-top-color: rgba(255, 255, 255, 0.12);
  }

  .mat-horizontal-stepper-header::before {
    border-top-color: rgba(255, 255, 255, 0.12);
  }

  .mat-stepper-horizontal-line {
    border-top-color: rgba(255, 255, 255, 0.12);
  }

  .mat-form-field-ripple {
    background-color: var(--default-font-color);
  }

  .mat-select-arrow {
    color: var(--default-font-color);
  }

  input {
    caret-color: var(--gray-200);
  }

  .mat-input-element {
    caret-color: var(--gray-200);
  }

  .mat-hint {
    color: var(--default-font-color);
  }

  .mat-table {
    background: var(--dark-sidebar-bg);
  }

  .mat-cell {
    color: var(--default-font-color);
    border-bottom-color: rgba(234, 229, 229, 0.12);
  }

  .mat-footer-cell {
    color: var(--default-font-color);
  }

  .mat-header-cell {
    color: var(--default-font-color);
    border-bottom: 1px solid #66757d;
    border-top: 1px solid #66757d;
  }

  .mat-paginator {
    color: var(--default-font-color);
    background: var(--dark-sidebar-bg);
  }

  .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
    color: var(--default-font-color);
  }

  .mat-form-field.mat-focused .mat-form-field-label {
    color: #bbb;
  }

  .mat-button:focus {
    font-weight: bolder;
    color: var(--primary-300);
  }

  .mat-button:hover {
    font-weight: bolder;
    color: var(--primary-300);
  }

  .mat-form-field-appearance-fill {
    .mat-form-field-flex {
      //background-color: rgba(0, 0, 0, 0.05);
      background-color: transparent;
    }

    .mat-form-field-underline::before {
      background-color: var(--default-font-color);
    }
  }

  .mat-step-header .mat-step-label.mat-step-label-active {
    color: var(--default-font-color);
  }

  .mat-paginator-page-size .mat-select-trigger {
    color: var(--default-font-color);
  }

  .mat-dialog-container {
    background: var(--dark-sidebar-bg);
    color: var(--default-font-color);
    font-family: var(--font-family-sans);
  }

  .mat-expansion-panel {
    background: #101217;
    color: var(--default-font-color);
    border-bottom: 1px solid #31384b;
  }

  .mat-expansion-panel-header-title {
    color: var(--default-font-color);
  }

  .mat-expansion-panel-header-description {
    color: var(--default-font-color);
  }

  .mat-card {
    background: var(--dark-card-bg);
    color: var(--white);
  }

  .mat-card-title {
    // Same as H1
    color: var(--primary-300);
    font-family: var(--font-family-sans-alt);
    font-size: var(--h1);
    font-weight: var(--bold);
    letter-spacing:-1px;
    line-height: var(--h1);
  }

  .mat-card-subtitle {
    color: var(--white);
    font-family: var(--font-family-sans-alt);
    font-size: var(--h4);
    font-weight: var(--regular);
    line-height: var(--h4);
  }

  .mat-list-base .mat-list-option {
    color: var(--white);
    font-family: var(--font-family-sans);
  }

  .mat-list-base .mat-list-item {
    color: var(--white);
    height: 25px;
    font-family: var(--font-family-sans);
  }

  .mat-list-item:hover {
    background-color: var(--gray-700);
  }

  .list-group {
    a.list-group-item {
      color: var(--white);
    }

    button.list-group-item {
      color: var(--default-font-color);
    }

    .list-group-item:hover {
      background-color: var(--primary-800);
    }
  }

  .mat-tab-label,
  .mat-tab-link {
    color: var(--default-font-color);
  }

  .materialTableHeader {
    background-color: #020910;

    h2 {
        color: var(--white);
    }

    ::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: var(--placeholder);
      opacity: 1;
      /* Firefox */
    }

    :-ms-input-placeholder {
      /* Internet Explorer 10-11 */
        color: var(--placeholder);
    }

    ::-ms-input-placeholder {
      /* Microsoft Edge */
        color: var(--placeholder);
    }

    .header-buttons-left {
      input.search-field {
        background: var(--dark-card-bg);
        color: var(--gray-200);
      }

      .search-icon {
        color: var(--gray-200);
      }
    }
  }

  .mat-menu-panel {
    background: var(--dark-card-bg);
  }

  .mat-menu-item {
    color: var(--default-font-color);

    .mat-icon {
      color: var(--default-font-color);
    }
  }

  .mat-menu-item-submenu-trigger::after {
    color: var(--default-font-color);
  }

  .mat-datepicker-content {
    .mat-calendar {
      background: var(--dark-card-bg);
      color: #b8bbbd;

      .mat-calendar-body-cell-content {
        color: #b8bbbd;
      }

      .mat-calendar-table-header {
        color: #b8bbbd;
      }

      .mat-calendar-body-label {
        color: #b8bbbd;
      }

      .mat-calendar-body-today:not(.mat-calendar-body-selected) {
        border-color: rgba(255, 255, 255, 0.32);
      }

      .mat-calendar-arrow {
        border-top-color: #b8bbbd;
      }
    }
  }

  .mat-select-panel {
    background: var(--dark-card-bg);
    color: #b8bbbd;

    .mat-option {
      color: #b8bbbd;
    }

    .mat-option.mat-active {
      color: #b8bbbd;
      background: rgba(0, 0, 0, 0.4);
    }
  }

  .mat-pseudo-checkbox {
    color: #b8bbbd;
  }

  .mat-autocomplete-panel {
    background: var(--dark-card-bg);
    color: #b8bbbd;

    .mat-option-text {
      color: #b8bbbd;
    }
  }

  .container-login100 {
    background: var(--dark-card-bg);
  }

  .login100-form {
    background-color: var(--dark-sidebar-bg);
  }

  .login100-form-title,
  .error-header,
  .error-subheader {
    color: #ffffff;
  }

  .txt1 {
    color: var(--default-font-color);
  }

  .apexcharts-legend-text {
    color: var(--default-font-color) !important;
  }

  .mat-button[disabled],
  .mat-icon-button[disabled],
  .mat-stroked-button[disabled],
  .mat-flat-button[disabled],
  .mat-raised-button[disabled],
  .mat-fab[disabled],
  .mat-mini-fab[disabled],
  .mat-flat-button[disabled],
  .mat-raised-button[disabled],
  .mat-fab[disabled],
  .mat-mini-fab[disabled],
  .mat-flat-button[disabled],
  .mat-raised-button[disabled],
  .mat-fab[disabled],
  .mat-mini-fab[disabled] {
    color: rgba(255, 255, 255, 0.23);
  }

  .mat-stroked-button:not([disabled]) {
    border-color: rgba(255, 255, 255, 0.3);
  }

  .mat-bottom-sheet-container {
    background: var(--dark-card-bg);
  }

  .mat-row {
    border-bottom-color: rgba(255, 255, 255, 0.12);
  }
  .material-icons-two-tone {
    filter: invert(99%) sepia(95%) saturate(4461%) hue-rotate(181deg)
      brightness(134%) contrast(83%);
  }
  .owl-dt-calendar-table {
    .owl-dt-calendar-cell {
      color: var(--default-font-color);
    }
    .owl-dt-calendar-header {
      color: var(--default-font-color);
    }
  }
  .owl-dt-container {
    background: #11141b;
  }
  .owl-dt-calendar-control {
    color: #ffffff;
  }
  .owl-dt-timer-content .owl-dt-timer-input {
    border: 1px solid #717070;
    background-color: #000000;
  }
  .owl-dt-container-buttons {
    color: #ffffff;
  }
  .show-pwd-icon {
    color: var(--default-font-color);
  }
  .lecture-list {
    background: #11141b;
  }
  .timetable-block {
    background: #11141b;
    border: 1px solid #11141b;
  }
  .mat-form-field-prefix,
  .mat-form-field-suffix {
    color: var(--default-font-color);
  }
  .media .media-body {
    color: var(--default-font-color);
  }
  .auth-content {
    background: #11141b;
  }
  .lang-item .lang-item-list {
    color: var(--default-font-color);
    &.active {
      background-color: #10131c;
    }
    &:hover {
      background-color: #171a21;
    }
  }
}

// Random overrides required in this stylesheet.
.default-tooltip .tooltip-inner {
  font-family: var(--font-family-sans);
  font-size: 1.2em;
  min-width: 200px;
  max-width: 400px;
  border: 1px solid var(--gray-500);
  border-radius: 4px;
  background: var(--gray-900);
  z-index: 101;
}

.default-tooltip-medium .tooltip-inner {
  font-family: var(--font-family-sans);
  font-size: 1.2em;
  min-width: 400px;
  max-width: 600px;
  border: 1px solid var(--gray-500);
  border-radius: 4px;
  background: var(--gray-900);
  z-index: 101;
}

.default-tooltip-large .tooltip-inner {
  font-family: var(--font-family-sans);
  font-size: 1.2em;
  min-width: 600px;
  max-width: 800px;
  border: 1px solid var(--gray-500);
  border-radius: 4px;
  background: var(--gray-900);
  z-index: 101;
}


.menu-button {
  font-family: var(--font-family-sans);
  color: var(--white);
}

.hover-select:hover {
  cursor: pointer;
  background: var(--primary-hover) !important;
}

.hover-danger:hover {
  cursor: pointer;
  color: var(--danger-500) !important;
}

.hover-warning:hover {
  cursor: pointer;
  color: var(--warning-400) !important;
}

.hover-success:hover {
  cursor: pointer;
  color: var(--success-400) !important;
}

.input-label {
  font-size: 120%;
  padding-right: 3px;
  padding-left: 3px;
}

// Workaround for https://github.com/angular/material2/issues/4580.
.mat-form-field .mat-form-field {
  &-underline {
    position: relative;
    bottom: auto;
  }
  &-subscript-wrapper {
    position: static;
  }
}

.joyride-step__container {
  background-color: var(--gray-800) !important;
  border: 1px solid var(--white) !important;
  border-radius: 3px;
  color: var(--gray-100) !important;
  box-shadow: 0 0 10px 1px var(--gray-800) !important;
}

.joyride-step__title {
  color: var(--primary-400) !important;
}

.joyride-arrow__top {
  border-bottom: 11px solid var(--white) !important;
}

.joyride-step__close {
  display: none;
}

//
//.default-tooltip {
//  font-family: var(--font-family-sans);
//  font-size: 1.2em;
//  word-break: break-all;
//  max-width: 1000px;
//  white-space: pre-line;
//  //max-width: 400px;
//  //border: 1px solid var(--info-600);
//  //border-radius: 4px;
//  //background: var(--gray-800);
//}



