:root {
    --sw-primary-color: #0067b3;
    --sw-header-bg: #0067b3;
    --sw-header-fg: #ffffff;
    --sw-header-fg-muted: rgba(255, 255, 255, .78);
    --sw-header-hover-bg: rgba(255, 255, 255, .14);
    --sw-page-bg: #0067b31f;
    --sw-sidebar-bg: #e0ecf5;
}

.page-loader {
    background-color: var(--sw-page-bg)!important;
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 1.18rem;
    color: #000710;
    background-color: var(--sw-page-bg)!important;
}

.main,
.content {
    background-color: var(--sw-page-bg)!important;
}

.header,
.login__block__header {
    background-color: var(--sw-header-bg)!important;
}

.header .top-nav > li > a,
.header .top-nav > li > a > i,
.header .top-nav > li > a .fal,
.header .top-nav > li > a .far,
.header .top-nav > li > a .fas,
.header .top-nav > li > a .zmdi,
.header .header__logo > h1 > a {
    color: var(--sw-header-fg) !important;
}

.header .top-nav > li > a.active,
.header .top-nav > li > a:hover {
    background-color: var(--sw-header-hover-bg) !important;
    color: var(--sw-header-fg) !important;
}

.header .navigation-trigger__line {
    background-color: var(--sw-header-fg) !important;
}

.header .navigation-trigger__inner:before {
    background-color: var(--sw-header-hover-bg) !important;
}

.navigation li a {
    color: #1d0202de;
}

[data-ma-theme="blue-grey"] .navigation__sub--active > a, [data-ma-theme="blue-grey"] .navigation__active > a, [data-ma-theme="blue-grey"] .navigation__active:before {
    color: var(--sw-primary-color);
    font-weight: bold;
}
.content__title > h1 {
    text-transform: capitalize;
    font-size: 1.3rem;
    font-weight: bold;
    color: var(--sw-primary-color);
}
.content__title > small {
    font-size: 1.1rem;
    color: #1d0202de;
}

.footer__nav .nav-link {
    color: #000710;
}

.actions:not(.actions--inverse) .actions__item {
    color: #41454a;
}

.tb-name-desc {
    color: #2f7bd2!important;
}

.navigation li i {
    color: #636c72;
}

.fa-windows {
    color: #4dc7ff!important;;
}

.fa-linux {
    color: #000!important;;
}

.fa-android {
    color: #7cb342!important;;
}

.fa-app-store-ios {
    color: #2196f3!important;;
}

.dropdown-item {
    color: #1c0707;
}

.detail {
    color: #230909!important;
}

a.card__profile {
    background: #fb5a5a!important;
}

span.folder_name:hover {
    text-decoration: underline;
    cursor: pointer;
}

.remember {
  margin-left: 6px;
  display: block;
}

.form-control {
    border-bottom: 1px solid var(--sw-primary-color);
}

.card.card__preview, .img--preview--custom {
    background: #ffffff;
}

.navigation li:not(.navigation__active):not(.navigation__sub--active) a:hover {
    background-color: #fff;
}

.date-separator {
    font-size: 1.2rem!important;
    font-weight: bold;
    color: var(--sw-primary-color)!important;
}

.projects-container {
    background: #F8F9FA;
    background: #FFF!important;
    padding: 20px 10px;
}

.card.grid--view {
    background: #F8F9FA!important;
    border-radius: 0!important;
}

.card.grid--view.create--project {
    background: #EBF1F6!important;
}

.sidebar {
    background-color: var(--sw-sidebar-bg)!important;
}

.sidebar .fas.fa-folder.fa-fw {
    color: #636c72!important;
}

.navigation > li > a > i {
    top: 0.2rem;
}

.range__size {
     display: none;
}

.search__inner {
    width: 50%;
}

html.sw-theme-dark {
    color-scheme: dark;
    --sw-bg: #101214;
    --sw-surface: #181c20;
    --sw-surface-raised: #20262c;
    --sw-surface-muted: #242b32;
    --sw-border: #35414c;
    --sw-text: #edf1f5;
    --sw-text-muted: #b5c0ca;
    --sw-link: #79b8ff;
    --sw-accent: #58a6ff;
    --sw-warning-bg: #5a4516;
    --sw-warning-text: #ffe7a3;
}

html.sw-theme-dark body,
body.sw-theme-dark {
    color: var(--sw-text);
    background-color: var(--sw-bg) !important;
}

html.sw-theme-dark .page-loader {
    background-color: var(--sw-bg) !important;
}

html.sw-theme-dark .main,
html.sw-theme-dark .content,
html.sw-theme-dark .projects-container {
    background: var(--sw-bg) !important;
    color: var(--sw-text);
}

html.sw-theme-dark .header {
    background: var(--sw-header-bg);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .45);
}

html.sw-theme-dark .top-nav > li > a,
html.sw-theme-dark .top-nav > li > a > i,
html.sw-theme-dark .navigation-trigger__line {
    color: var(--sw-header-fg);
}

html.sw-theme-dark .sidebar {
    background-color: #15191e !important;
    border-right: 1px solid var(--sw-border);
}

html.sw-theme-dark .navigation li a,
html.sw-theme-dark .navigation li i,
html.sw-theme-dark .footer__nav .nav-link,
html.sw-theme-dark .detail {
    color: var(--sw-text-muted) !important;
}

html.sw-theme-dark .navigation__sub--active > a,
html.sw-theme-dark .navigation__active > a,
html.sw-theme-dark [data-ma-theme="blue-grey"] .navigation__sub--active > a,
html.sw-theme-dark [data-ma-theme="blue-grey"] .navigation__active > a,
html.sw-theme-dark [data-ma-theme="blue-grey"] .navigation__active:before {
    color: var(--sw-accent) !important;
}

html.sw-theme-dark .navigation li:not(.navigation__active):not(.navigation__sub--active) a:hover {
    background-color: var(--sw-surface-muted);
    color: var(--sw-text) !important;
}

html.sw-theme-dark .content__title > h1,
html.sw-theme-dark .content__title h1,
html.sw-theme-dark .content__title h2,
html.sw-theme-dark .date-separator,
html.sw-theme-dark a,
html.sw-theme-dark span.folder-name,
html.sw-theme-dark span.file-name,
html.sw-theme-dark span.group-name {
    color: var(--sw-link) !important;
}

html.sw-theme-dark .content__title > small,
html.sw-theme-dark .breadcrumb,
html.sw-theme-dark .breadcrumb-item,
html.sw-theme-dark .text-muted,
html.sw-theme-dark small {
    color: var(--sw-text-muted) !important;
}

html.sw-theme-dark .card,
html.sw-theme-dark .card.card__preview,
html.sw-theme-dark .card.grid--view,
html.sw-theme-dark .card.grid--view.create--project,
html.sw-theme-dark .modal-content,
html.sw-theme-dark .dropdown-menu,
html.sw-theme-dark .listview,
html.sw-theme-dark .listview__item,
html.sw-theme-dark .table,
html.sw-theme-dark .table tbody,
html.sw-theme-dark .table thead,
html.sw-theme-dark .dataTables_wrapper,
html.sw-theme-dark .empty-item,
html.sw-theme-dark .ql-toolbar,
html.sw-theme-dark .ql-container,
html.sw-theme-dark .CodeMirror {
    background: var(--sw-surface) !important;
    color: var(--sw-text) !important;
    border-color: var(--sw-border) !important;
}

html.sw-theme-dark .card-header,
html.sw-theme-dark .modal-header,
html.sw-theme-dark .modal-footer,
html.sw-theme-dark .listview__header,
html.sw-theme-dark .dropdown-header,
html.sw-theme-dark .table th,
html.sw-theme-dark .table td,
html.sw-theme-dark .border-top {
    border-color: var(--sw-border) !important;
}

html.sw-theme-dark .dropdown-item,
html.sw-theme-dark .listview__content,
html.sw-theme-dark .table,
html.sw-theme-dark .table td,
html.sw-theme-dark .table th,
html.sw-theme-dark label,
html.sw-theme-dark .form-control,
html.sw-theme-dark .custom-control-label,
html.sw-theme-dark .select2-container--default .select2-selection--single,
html.sw-theme-dark .select2-container--default .select2-selection--multiple,
html.sw-theme-dark .select2-results__option {
    color: var(--sw-text) !important;
}

html.sw-theme-dark .dropdown-item:hover,
html.sw-theme-dark .dropdown-item:focus,
html.sw-theme-dark .listview__item:hover,
html.sw-theme-dark .scrollable-menu .notseen,
html.sw-theme-dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--sw-surface-muted) !important;
    color: var(--sw-text) !important;
}

html.sw-theme-dark .form-control,
html.sw-theme-dark input,
html.sw-theme-dark textarea,
html.sw-theme-dark select,
html.sw-theme-dark .select2-dropdown,
html.sw-theme-dark .select2-search__field,
html.sw-theme-dark .search__inner,
html.sw-theme-dark .toolbar__search {
    background-color: var(--sw-surface-raised) !important;
    border-color: var(--sw-border) !important;
    color: var(--sw-text) !important;
}

html.sw-theme-dark .form-control::placeholder,
html.sw-theme-dark input::placeholder,
html.sw-theme-dark textarea::placeholder,
html.sw-theme-dark .search__text::placeholder {
    color: #8794a1 !important;
}

html.sw-theme-dark .actions:not(.actions--inverse) .actions__item,
html.sw-theme-dark .ico--custom,
html.sw-theme-dark .ico--size,
html.sw-theme-dark .zmdi,
html.sw-theme-dark .fal,
html.sw-theme-dark .far,
html.sw-theme-dark .fas {
    color: var(--sw-text-muted);
}

html.sw-theme-dark .btn-light,
html.sw-theme-dark .btn-secondary,
html.sw-theme-dark .pagination .page-link,
html.sw-theme-dark .page-link {
    background-color: var(--sw-surface-raised) !important;
    border-color: var(--sw-border) !important;
    color: var(--sw-text) !important;
}

html.sw-theme-dark .pagination .active .page-link,
html.sw-theme-dark .page-item.active .page-link,
html.sw-theme-dark .btn-primary {
    background-color: var(--sw-accent) !important;
    border-color: var(--sw-accent) !important;
    color: #08111d !important;
}

html.sw-theme-dark .alert-warning,
html.sw-theme-dark .sys-notification {
    background-color: var(--sw-warning-bg) !important;
    border-color: #7a5d1d !important;
    color: var(--sw-warning-text) !important;
}

html.sw-theme-dark .folder-icon,
html.sw-theme-dark .fa-folder,
html.sw-theme-dark .sidebar .fas.fa-folder.fa-fw {
    color: #d6b86a !important;
}

html.sw-theme-dark img,
html.sw-theme-dark video,
html.sw-theme-dark canvas,
html.sw-theme-dark .avatar-img,
html.sw-theme-dark .user-avatar,
html.sw-theme-dark .listview__img {
    filter: none;
}