.dark-version {
    background-color: #1a2035 !important; }
    .dark-version .main-content {
      background-color: #1a2035 !important; }
    .dark-version .sidenav {
      background: #1f283e !important; }
      .dark-version .sidenav.bg-transparent {
        background: transparent !important; }
        .dark-version .sidenav.bg-transparent .navbar-nav .nav-link {
          color: #fff !important; }
        .dark-version .sidenav.bg-transparent .nav .nav-link {
          color: #fff !important; }
      .dark-version .sidenav.bg-white {
        background: #fff !important; }
        .dark-version .sidenav.bg-white .navbar-nav .nav-link.active:after {
          color: rgba(206, 212, 218, 0.7); }
        .dark-version .sidenav.bg-white .collapse .nav-item .nav-link:not(.active) i {
          color: #344767 !important; }
        .dark-version .sidenav.bg-white .collapse .nav-item h6, .dark-version .sidenav.bg-white .collapse .nav-item .h6 {
          color: #344767 !important; }
      .dark-version .sidenav .collapse .nav-item .nav-link i {
        color: #fff !important; }
    .dark-version .fixed-plugin .btn.bg-gradient-dark, .dark-version .fixed-plugin .btn.btn-outline-dark {
      color: #fff !important;
      border: 1px solid #fff !important; }
    .dark-version .fixed-plugin .btn.active {
      background: #fff !important;
      color: #344767 !important; }
    .dark-version .bg-gradient-dark {
      background-image: linear-gradient(195deg, #323a54, #1a2035); }
    .dark-version .card,
    .dark-version .swal2-popup,
    .dark-version .dropdown .dropdown-menu,
    .dark-version .kanban-board {
      background: #202940;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
      .dark-version .card .card-header,
      .dark-version .swal2-popup .card-header,
      .dark-version .dropdown .dropdown-menu .card-header,
      .dark-version .kanban-board .card-header {
        background: transparent; }
      .dark-version .card p,
      .dark-version .swal2-popup p,
      .dark-version .dropdown .dropdown-menu p,
      .dark-version .kanban-board p {
        color: #fff !important;
        opacity: .6; }
    
    .dark-version .kanban-item {
     
      border: 1px solid; }
      .dark-version .dropdown-header h6{
        background-color: #000;
      }
    .dark-version .swal2-html-container {
      color: #fff !important;
      opacity: .6; }
    .dark-version h1, .dark-version .h1, .dark-version .h1,
    .dark-version h2,
    .dark-version .h2, .dark-version .h2,
    .dark-version h3,
    .dark-version .h3, .dark-version .h3,
    .dark-version h4,
    .dark-version .h4, .dark-version .h4,
    .dark-version h5,
    .dark-version .h5, .dark-version .h5,
    .dark-version h6,
    .dark-version .h6, .dark-version .h6,
    .dark-version a:not(.dropdown-item):not(.choices__item):not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out):not(.btn):not(.nav-link):not(.fixed-plugin-button),
    .dark-version .table tr th,
    .dark-version .kanban-title-board {
      color: #fff !important; }
      .dark-version .table thead{
        background-color: #000 !important;
      }
      .dark-version .sidebar{
        background-color: #1a2035;
      }
      .dark-version .dropdown-item{
        color: #fff ;
        background-color: darkgreen;
      }
    .dark-version .input-group.input-group-dynamic .form-control, .dark-version .input-group.input-group-static .form-control {
      background-image: linear-gradient(0deg, #e91e63 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, rgba(210, 210, 210, 0.6) 1px, rgba(209, 209, 209, 0) 0) !important;
      background-size: 0 100%, 100% 100%; }
      .dark-version .input-group.input-group-dynamic .form-control:focus, .dark-version .input-group.input-group-static .form-control:focus {
        background-size: 100% 100%, 100% 100%; }
    .dark-version .input-group.input-group-outline .form-control {
      border-color: rgba(255, 255, 255, 0.4) !important; }
    .dark-version .input-group .is-valid,
    .dark-version .input-group .is-invalid {
      border-color: rgba(255, 255, 255, 0.4) !important; }
    .dark-version .accordion .accordion-button {
      border-color: rgba(255, 255, 255, 0.4) !important;
      color: #fff;
      opacity: .8; }
    .dark-version .table > :not(caption) > * > * {
      border-color: rgba(255, 255, 255, 0.4) !important;
      color: rgba(255, 255, 255, 0.6) !important; }
  
    .dark-version label {
      color: rgba(255, 255, 255, 0.8) !important; }
    .dark-version .list-group-item,
    .dark-version .multisteps-form__panel {
      background-color: transparent !important; }
    .dark-version .nav.bg-white {
      background-color: #202940 !important;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
    .dark-version .nav .nav-link[data-scroll]:hover {
      color: #344767 !important; }
    .dark-version .toast {
      background-color: #202940 !important;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
      .dark-version .toast .toast-header {
        background: transparent; }
      .dark-version .toast span {
        color: #fff; }
      .dark-version .toast p {
        color: #fff !important;
        opacity: .6; }
        .dark-version .footer .copyright{
          color:#e91e63;
        }
        .dark-version .footer .credits{
          color: darkgreen;
        }
    .dark-version .choices .choices__input {
      background-color: transparent !important;
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      color: #fff; }
    .dark-version .choices .choices__list.choices__list--dropdown {
      background: #202940;
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
    .dark-version .fc-theme-standard td,
    .dark-version .fc-theme-standard th {
      border-color: rgba(123, 128, 154, 0.3); }
    .dark-version .dataTable-sorter::after {
      border-bottom-color: #fff; }
    .dark-version .dataTable-sorter::before {
      border-top-color: #fff; }
    .dark-version .ql-snow .ql-stroke {
      stroke: #f0f2f5; }
    .dark-version .ql-snow .ql-fill, .dark-version .ql-snow .ql-stroke.ql-fill {
      fill: #f0f2f5; }
    .dark-version .ql-toolbar.ql-snow .ql-picker-label {
      color: #f0f2f5; }
  
  body.dark-version {
    color: rgba(255, 255, 255, 0.8) !important; }
  

  .fixed-plugin .fixed-plugin-button {
    background: #fff;
    border-radius: 50%;
    bottom: 70px;
    right: 10px;
    font-size: 1.25rem;
    z-index: 990;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.16);
    cursor: pointer; }
    .fixed-plugin .fixed-plugin-button i {
      pointer-events: none; }
  
  .fixed-plugin .card {
    position: fixed !important;
    right: -360px;
    top: 0;
    height: 100%;
    left: auto !important;
    transform: unset !important;
    width: 360px;
    border-radius: 0;
    padding: 0 10px;
    transition: .2s ease;
    z-index: 1020; }
  
  .fixed-plugin .badge {
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    margin-right: 5px;
    position: relative;
    width: 23px;
    transition: all 0.2s ease-in-out; }
    .fixed-plugin .badge:hover, .fixed-plugin .badge.active {
      border-color: #344767; }
  
  .fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled) {
    border: 1px solid transparent; }
    .fixed-plugin .btn.bg-gradient-dark:not(:disabled):not(.disabled):not(.active) {
      background-color: transparent;
      background-image: none;
      border: 1px solid #344767;
      color: #344767; }
  
  .fixed-plugin.show .card {
    right: 0; }