.dark .bg-white {
      background-color: #000
    }

    .dark .bg-gray-50 {
      background-color: #030712 !important
    }

    .dark .bg-gray-100 {
      background-color: #111827
    }

    .dark .bg-gray-200 {
      background-color: #1f2937 !important
    }

    .dark .bg-gray-300 {
      background-color: #374151 !important
    }

    .dark .bg-gray-400 {
      background-color: #4b5563 !important
    }

    .dark .bg-gray-800 {
      background-color: #e5e7eb !important
    }

    .dark .bg-gray-900 {
      background-color: #f3f4f6 !important
    }

    .dark .bg-gray-950 {
      background-color: #030712 !important
    }

    .dark .bg-green-100 {
      background-color: #14532d !important
    }

    .dark .bg-blue-50 {
      background-color: #172554
    }

    .dark .bg-blue-100 {
      background-color: #1e3a8a
    }

    .dark .bg-blue-300 {
      background-color: #1d4ed8
    }

    .dark .bg-blue-900 {
      background-color: #dbeafe !important
    }

    .dark .bg-red-100 {
      background-color: #7f1d1d !important
    }

    .dark .bg-red-200 {
      background-color: #991b1b !important
    }

    .dark .hover\:bg-gray-50:hover {
      background-color: #030712 !important
    }

    .dark .hover\:bg-gray-100:hover {
      background-color: #111827
    }

    .dark .hover\:bg-gray-200:hover {
      background-color: #1f2937 !important
    }

    .dark hover\:bg-gray-400:hover {
      background-color: #4b5563
    }

    .dark .hover\:bg-blue-50:hover {
      background-color: #172554
    }

    .dark .text-white {
      color: #000
    }

    .dark .text-black {
      color: #fff
    }

    .dark .text-gray-50 {
      color: #030712
    }

    .dark .text-gray-100 {
      color: #111827
    }

    .dark .text-gray-300 {
      color: #374151
    }

    .dark .text-gray-600 {
      color: #9ca3af
    }

    .dark .text-gray-700 {
      color: #d1d5db
    }

    .dark .text-gray-800 {
      color: #e5e7eb
    }

    .dark .text-gray-900 {
      color: #f3f4f6
    }

    .dark .text-gray-950 {
      color: #030712
    }

    .dark .text-blue-900,
    .dark a.text-blue-900,
    .dark button.text-blue-900,
    .dark p.text-blue-900 {
      color: #dbeafe !important
    }

    .dark .text-red-100 {
      color: #7f1d1d !important
    }

    .dark .text-red-600 {
      color: #dc2626 !important
    }

    .dark .text-red-700 {
      color: #fca5a5 !important
    }

    .dark .text-green-800 {
      color: #bbf7d0 !important
    }

    .dark button.bg-white {
      background-color: #000
    }

    .dark button.border-gray-300 {
      border-color: #374151
    }

    .dark button hover\:bg-gray-200:hover {
      background-color: #1f2937
    }

    .dark button.hover\:bg-gray-50:hover {
      background-color: #030712
    }

    .dark .fill-black svg path {
      fill: #fff !important
    }

    .dark .fill-gray-100 svg rect {
      fill: #111827 !important
    }

    .dark .fill-gray-200 svg rect {
      fill: #1f2937 !important
    }

    .dark .fill-gray-300 svg g path,
    .dark .fill-gray-300 svg path {
      fill: #374151 !important
    }

    .dark .fill-gray-400 svg g path,
    .dark .fill-gray-400 svg path {
      fill: #4b5563 !important
    }

    .dark .fill-gray-700 svg path {
      fill: #d1d5db !important
    }

    .dark .fill-gray-900 svg path {
      fill: #f3f4f6 !important
    }

    .dark .fill-blue-50 svg rect {
      fill: #172554 !important
    }

    .dark .fill-blue-800 svg path {
      fill: #bfdbfe !important
    }

    .dark .fill-blue-900 svg path {
      fill: #dbeafe !important
    }

    .dark .fill-red-600 svg path {
      fill: #dc2626 !important
    }

    .dark .fill-yellow-600 svg path {
      fill: #ca8a04 !important
    }

    .dark .stroke-black svg path {
      stroke: #fff !important
    }

    .dark .stroke-gray-900 svg path {
      stroke: #f3f4f6 !important
    }

    .dark .stroke-gray-600 svg path {
      stroke: #9ca3af !important
    }

    .dark .stroke-gray-700 svg path {
      stroke: #d1d5db !important
    }

    .dark stroke-gray-300 svg path {
      stroke: #374151 !important
    }

    .dark .stroke-blue-800 svg path {
      stroke: #bfdbfe !important
    }

    .dark .stroke-blue-900,
    .dark .stroke-blue-900 svg path {
      stroke: #dbeafe !important
    }

    .dark .border,
    .dark .border-2,
    .dark .border-b,
    .dark .border-gray-200,
    .dark .border-l,
    .dark .border-r,
    .dark .border-t,
    .dark .border-y {
      border-color: #1f2937
    }

    .dark .border-gray-100 {
      border-color: #111827
    }

    .dark .border-gray-300 {
      border-color: #374151
    }

    .dark .border-red-400 {
      border-color: #dc2626
    }

    .dark .divide-gray-200>:not([hidden])~:not([hidden]) {
      border-color: #1f2937 !important
    }

    .dark .border-gray-200 {
      border-color: #1f2937
    }

    .dark .border-gray-400 {
      border-color: #4b5563
    }

    .dark .border-gray-700 {
      border-color: #d1d5db
    }

    .dark ::-webkit-scrollbar {
      width: 5px
    }

    .dark ::-webkit-scrollbar-track {
      background: #000
    }

    .dark ::-webkit-scrollbar-thumb {
      background-color: #1f2937
    }

    .dark .note-editor {
      background-color: #111827 !important;
      border-color: #374151 !important;
      border-radius: 6px;
      color: #fff !important;
      display: flex;
      flex: 1;
      flex-direction: column;
      height: 100px !important
    }

    .dark .note-editor.note-frame .note-editing-area .note-editable {
      background-color: #111827 !important;
      border-radius: 6px
    }

    .dark .note-editor.note-frame .note-statusbar .note-resizebar {
      background-color: #000
    }

    .dark .panel-default>.panel-heading {
      border-color: #f3f4f6 !important
    }

    .dark div.note-toolbar.panel-heading {
      color: #fff
    }

    .dark .note-btn-group>button {
      background-color: #111827 !important;
      border-color: #1f2937
    }

    .dark .note-btn-group>button i:before,
    .dark .note-btn-group>button span {
      color: #9ca3af !important
    }

    .dark input[type=email],
    .dark input[type=password],
    .dark input[type=text],
    .dark select {
      background-color: #111827;
      border-color: #374151;
      color: #fff
    }

    .dark .vue-tags-input {
      background-color: #000 !important;
      color: #fff
    }

    .dark .ti-input,
    .dark .ti-tags {
      background-color: #111827 !important;
      border-color: #374151 !important;
      color: #fff
    }

    .dark input[type=file] {
      color: #6b7280 !important;
      font-size: 1rem
    }

    .dark input[type=file]::file-selector-button {
      background: #1f2937 !important;
      border: 1px solid #1f2937 !important;
      cursor: pointer
    }

    .dark input[type=file]:before {
      background: #1f2937 !important;
      border: 1px solid #1f2937 !important
    }

    .dark .well {
      background-color: #111827;
      border: 1px solid #111827
    }

    .dark .well a {
      background-color: #1f2937;
      border: 1px solid #111827
    }

    .dark .group-hover\:text-gray-900:hover {
      color: #2563eb
    }

    .dark .icon-lock-red svg rect:first-child {
      fill: #000 !important
    }

    .dark .pagination-button {
      background-color: #000;
      border: 1px solid #374151;
      color: #93c5fd
    }

    .dark .pagination-button:hover {
      color: #2563eb
    }

    .dark focus\.ring-blue-300 {
      --ring-color: $gray700 !important
    }

    .dark .dark\:fill-blue-100 svg path {
      fill: #1e3a8a !important
    }

    .dark .dark\:fill-blue-200 svg path {
      fill: #1e40af !important
    }

    .dark .dark\:stroke-blue-200 svg path {
      stroke: #1e40af !important
    }

    .dark .dark\:fill-blue-300 svg path {
      fill: #1d4ed8 !important
    }

    .dark .page-title {
      color: #fff
    }

    .dark .page-subtitle {
      --tw-text-opacity: 1;
      color: rgb(156 163 175/var(--tw-text-opacity))
    }

    .dark .card-title {
      color: #fff
    }

    .dark .card-body {
      color: #d1d5db
    }

    .dark .subtext-black-medium,
    .dark .text-black-medium {
      color: #fff
    }

    .dark .text-xs-gray-medium {
      color: #d1d5db
    }

    .dark .text-xs-gray-bold {
      color: #fff
    }

    .dark .modal-panel {
      border: 2px solid #1f2937 !important
    }

    [type=checkbox] {
      background-color: #f3f4f6;
      border-color: #d1d5db
    }

    .dark [type=checkbox] {
      background-color: #111827;
      border-color: #d1d5db;
      text-color: #2563eb
    }

    .dark [type=checkbox]:checked {
      background-color: #2563eb;
      border-color: #2563eb
    }

    .dark div.v-popper--theme-tooltip div.v-popper__inner {
      background-color: #374151;
      color: #fff
    }

    .dark div.v-popper--theme-tooltip div.v-popper__arrow-outer {
      border-color: #374151
    }