body.dark-theme {
    color: #fff;
    background-color: #0c1023
}

.dark-theme .card {
    background: #191f3a !important;
    border: 1px solid hsla(0, 0%, 100%, .1) !important;
    box-shadow: 0 0 10px rgba(28, 39, 60, .1)
}

.dark-theme .main-header {
    background: #191f3a;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    box-shadow: 0 8px 6px -6px #171e3a
}

.dark-theme .side-header {
    border-right: 0
}

.dark-theme .card-title,
.dark-theme .main-header-message>a,
.dark-theme .main-header-notification>a,
.dark-theme .nav-item.full-screen>a {
    color: #fff
}

.dark-theme .card-dashboard-audience-metrics .card-body,
.dark-theme .card-dashboard-audience-metrics .card-header {
    background-color: #191f3a
}

.dark-theme .sidebar-right .card-header {
    background-color: #424764 !important;
    border-bottom: 0
}

.dark-theme .border-bottom {
    border-bottom: 1px solid rgba(234, 236, 241, .1) !important
}

.dark-theme .border-top {
    border-top: 1px solid rgba(234, 236, 241, .1) !important
}

.dark-theme .border-right {
    border-right: 1px solid rgba(234, 236, 241, .1) !important
}

.dark-theme .border-left {
    border-left: 1px solid rgba(234, 236, 241, .1) !important
}

.dark-theme .border {
    border: 1px solid rgba(234, 236, 241, .1) !important
}

.dark-theme .table-bordered thead th,
.dark-theme .table tbody tr,
.table-bordered thead td {
    background-color: #191f3a
}

.dark-theme .table {
    color: hsla(0, 0%, 100%, .7)
}

.dark-theme .table-bordered {
    border: 1px solid rgba(234, 236, 241, .1) !important
}

.dark-theme .table-bordered td,
.dark-theme .table-bordered th {
    border: 1px solid rgba(234, 236, 241, .1)
}

.dark-theme .card-dashboard-audience-metrics .card-body h4 {
    color: #fcfcfd
}

.dark-theme .progress {
    background-color: hsla(0, 0%, 100%, .1)
}

.dark-theme .card-dashboard-audience-metrics .flot-chart .flot-x-axis>div span:last-child {
    color: #b9c6de
}

.dark-theme .main-footer {
    background-color: #191f3a;
    border-top: 1px solid rgba(226, 232, 245, .1)
}

.dark-theme .card-header {
    background-color: #191f3a
}

.dark-theme .sidebar.sidebar-right {
    box-shadow: 5px 7px 26px -5px #030f2d !important
}

.dark-theme .chat .contacts li {
    border-bottom: 1px solid rgba(227, 227, 247, .1)
}

.dark-theme .form-control {
    color: #fff;
    background-color: rgba(66, 71, 100, .4);
    border: 1px solid rgba(226, 232, 245, .2)
}

.dark-theme .list-group-item {
    background-color: #191f3a;
    border: 1px solid rgba(231, 235, 243, .1)
}

.dark-theme .main-header-center .form-control {
    border-color: hsla(0, 0%, 100%, .2) !important;
    background-color: hsla(0, 0%, 100%, .1) !important
}

.dark-theme .main-header form[role=search].active input {
    background: #191f3a
}

.dark-theme .main-header form[role=search] button[type=reset] {
    background: transparent
}

.dark-theme .main-header .input-group-btn .btn:hover i {
    color: #fff
}

.dark-theme .main-header-notification .dropdown-menu {
    background-color: #191f3a
}

.dark-theme .notification-label {
    color: #fff
}

.dark-theme .main-message-list a:hover,
.dark-theme .main-notification-list a:hover {
    background: hsla(0, 0%, 100%, .05)
}

.dark-theme .nav .nav-item .dropdown-menu {
    box-shadow: 0 0 15px 1px #041138
}

.dark-theme .notification-subtext {
    color: hsla(0, 0%, 100%, .3)
}

.dark-theme .main-header-message .dropdown-footer,
.dark-theme .main-header-notification .dropdown-footer {
    border-top: 1px solid rgba(220, 225, 239, .1);
    background: #262e44
}

.dark-theme .dropdown-menu {
    color: #fff;
    background-color: #191f3a;
    border: 1px solid rgba(138, 153, 191, .125)
}

.dark-theme .main-message-list a .name {
    color: #fff
}

.dark-theme .main-message-list a .desc,
.dark-theme .main-message-list a .time {
    color: hsla(0, 0%, 100%, .4)
}

.dark-theme .task-line a {
    color: #fff !important
}

.dark-theme .latest-tasks .nav-tabs .nav-link {
    color: #7987a1;
    background: transparent
}

.dark-theme .chips p {
    color: hsla(0, 0%, 100%, .5)
}

.dark-theme .chip {
    color: #fff;
    background-color: rgba(245, 246, 251, .1)
}

@media (min-width:1245px) {
    .dark-theme .main-header-center .form-control {
        border-color: hsla(0, 0%, 100%, .1) !important;
        background-color: hsla(0, 0%, 100%, .1) !important
    }
}

.chip:hover {
    background: #0f9f85;
    color: #fff
}

.dark-theme .latest-tasks .check-box .ckbox span:before {
    border: 1px solid rgba(217, 226, 255, .1)
}

.dark-theme .table td,
.dark-theme .table th {
    border-top: 1px solid rgba(227, 231, 237, .1)
}

#global-loader.dark-loader {
    background: #1a233a !important
}

.dark-theme .app-sidebar {
    background: #191f3a;
    border-top: 0;
    box-shadow: 0 0 10px rgba(20, 28, 43, .8);
    border-right: 1px solid rgba(222, 228, 236, .1)
}

.dark-theme .main-sidebar-header {
    background: #191f3a
}

.dark-theme .side-menu__label {
    color: hsla(0, 0%, 100%, .7)
}

.dark-theme .slide.is-expanded a:hover {
    color: #fff !important
}

.dark-theme .side-menu .side-menu__icon {
    color: hsla(0, 0%, 100%, .7)
}

.dark-theme .app-sidebar__user .user-info h4 {
    color: #fff
}

.dark-theme .side-menu h3 {
    color: hsla(0, 0%, 100%, .4) !important
}

.dark-theme .main-sidebar-header {
    border-bottom: 1px solid rgba(222, 228, 236, .1);
    border-right: 1px solid rgba(222, 228, 236, .1)
}

.dark-theme .main-sidebar-loggedin .media-body h6 {
    color: #fff
}

.dark-theme .app-sidebar .slide.active .side-menu__item {
    background: rgba(238, 238, 247, .1)
}

.dark-theme .slide.is-expanded a {
    color: hsla(0, 0%, 100%, .6)
}

.dark-theme .slide:hover .side-menu__icon {
    color: #fff
}

.dark-theme .side-menu__item {
    color: hsla(0, 0%, 100%, .7)
}

.dark-theme .app-sidebar__user .user-pro-body img {
    border: 2px solid #6d6ef3;
    background: rgba(109, 110, 243, .2)
}

.dark-theme .slide.is-expanded:before {
    background: rgba(227, 231, 237, .1)
}

.dark-theme .slide-menu .slide-item:before {
    border-color: #9ca4b1
}

.dark-theme .desktop-logo {
    /* margin-right: auto */
}

.dark-theme .close-toggle svg g,
.dark-theme .open-toggle svg g {
    fill: #fff
}

.dark-theme .angle {
    color: hsla(0, 0%, 100%, .4) !important
}

.dark-theme .main-header-center .btn:focus,
.dark-theme .main-header-center .btn:hover,
.dark-theme .main-header-center .sp-container button:focus,
.dark-theme .main-header-center .sp-container button:hover,
.dark-theme .main-header .input-group-btn .btn i,
.dark-theme .sp-container .main-header-center button:focus,
.dark-theme .sp-container .main-header-center button:hover {
    color: #fff
}

.dark-theme .main-mail-item {
    border-top: 1px solid rgba(227, 231, 237, .1);
    border-bottom: 1px solid rgba(227, 231, 237, .1)
}

.dark-theme .main-mail-item.unread {
    background-color: #191f3a
}

.dark-theme .main-content-title {
    color: #fff
}

.dark-theme .main-mail-options {
    border: 1px solid rgba(226, 232, 245, .1);
    border-bottom: 0
}

.dark-theme .main-mail-list {
    border: 1px solid rgba(227, 231, 237, .1)
}

.dark-theme .main-mail-item {
    background-color: #191f3a
}

.dark-theme .main-mail-subject strong {
    color: hsla(0, 0%, 100%, .7)
}

.dark-theme .ckbox span:before {
    background-color: rgba(227, 231, 237, .1);
    border: 1px solid rgba(227, 231, 237, .1)
}

.dark-theme .main-mail-star {
    color: hsla(0, 0%, 100%, .1)
}

.dark-theme .main-nav-column .nav-link {
    color: #7987a1
}

.dark-theme .main-nav-column .nav-link:focus,
.dark-theme .main-nav-column .nav-link:hover {
    color: #fff
}

.dark-theme .btn-light {
    color: #fff;
    background-color: rgba(226, 232, 245, .1);
    border-color: rgba(189, 198, 214, .2)
}

.dark-theme .main-nav-column .nav-link:focus i:not([class*=" tx-"]),
.dark-theme .main-nav-column .nav-link:hover i:not([class*=" tx-"]) {
    color: #fff
}

.dark-theme .main-nav-column .nav-link+.nav-link {
    border-top: 1px dotted rgba(180, 189, 206, .3)
}

.dark-theme .nav-search .input-group-text {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .2);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-left: 0
}

.dark-theme .main-nav-column .nav-link.active,
.dark-theme .main-nav-column .nav-link.active:focus,
.dark-theme .main-nav-column .nav-link.active:hover {
    color: #0f9f85 !important
}

.dark-theme .main-mail-header .btn-group .btn {
    border-color: #555c6e;
    background-color: #555c6e
}

@media (max-width:991px) and (min-width:574px) {

    .dark-theme .responsive-logo .dark-logo-2,
    .dark-theme .responsive-logo .logo-2 {
        dispLay: none
    }

    .dark-theme .responsive-logo .dark-logo-1 {
        height: 2rem
    }
}

@media (max-width:574px) {
    .dark-theme .responsive-logo .logo-2 {
        dispLay: none
    }

    .dark-theme .responsive-logo .dark-logo-2 {
        dispLay: block;
        height: 2.5rem
    }

    .dark-theme .responsive-logo .dark-logo-1 {
        dispLay: none
    }
}

.main-mail-header .btn-group .sp-container button,
.sp-container .main-mail-header .btn-group button {
    border-color: #555c6e;
    background-color: #555c6e
}

.dark-theme .main-mail-header .btn-group .btn.disabled,
.dark-theme .main-mail-header .btn-group .sp-container button.disabled,
.dark-theme .sp-container .main-mail-header .btn-group button.disabled {
    background-color: #555c6e;
    color: #e2e8f5;
    border-color: #555c6e
}

.dark-theme .main-mail-header .btn-group .btn:focus,
.dark-theme .main-mail-header .btn-group .btn:hover,
.dark-theme .main-mail-header .btn-group .sp-container button:focus,
.dark-theme .main-mail-header .btn-group .sp-container button:hover,
.dark-theme .sp-container .main-mail-header .btn-group button:focus,
.dark-theme .sp-container .main-mail-header .btn-group button:hover {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .3);
    border-left: 0
}

.dark-theme .card-footer,
.dark-theme .card-header {
    position: relative;
    border-color: rgba(226, 232, 245, .1)
}

.dark-theme hr {
    border-color: rgba(226, 232, 245, .1)
}

.dark-theme .card-dashboard-eight .card-title,
.dark-theme .card-table-two .card-title,
.dark-theme .main-content-label {
    color: #fff
}

.dark-theme .form-label {
    color: #cfdaec
}

.dark-theme .select2-container--default .select2-selection--single {
    background-color: hsla(0, 0%, 100%, .1);
    border-color: rgba(226, 232, 245, .1)
}

.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #cfdaec
}

.dark-theme .select2-dropdown {
    background-color: #191f3a;
    border-color: hsla(0, 0%, 100%, .05)
}

.dark-theme .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: hsla(0, 0%, 100%, .05)
}

.dark-theme .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: rgba(226, 232, 245, .2);
    background: #1a233a;
    color: #fff
}

.dark-theme .main-nav-line-chat {
    border-bottom: 1px solid rgba(226, 232, 245, .1) !important
}

.dark-theme .main-nav-line .nav-link {
    color: hsla(0, 0%, 100%, .4)
}

.dark-theme .main-chat-msg-name h6 {
    color: #fff
}

.dark-theme .main-chat-header {
    border-bottom: 1px solid rgba(226, 232, 245, .1);
    box-shadow: 2px 3px 14px #1a233a
}

.dark-theme .main-nav-line-chat .nav-link.active {
    color: #0f9f85 !important;
    background: transparent
}

.dark-theme .main-chat-contacts-more {
    background-color: #0f9f85
}

.dark-theme .main-chat-list .media {
    border-bottom: 1px solid rgba(226, 232, 245, .1)
}

.dark-theme .main-chat-list .media.new {
    background-color: #191f3a
}

.dark-theme .main-chat-list .media.new .media-body p {
    color: #a9b2c7
}

.dark-theme .main-chat-list .media.new .media-contact-name span:first-child {
    color: #f3f6fb
}

.dark-theme .main-chat-list .media-contact-name span:first-child {
    color: #fff !important
}

.dark-theme .main-chat-list .media.selected {
    background-color: rgba(243, 246, 251, .1)
}

.dark-theme .main-chat-contacts-wrapper {
    border-bottom: 1px solid rgba(226, 232, 245, .1)
}

.dark-theme .main-chat-list .media:focus,
.dark-theme .main-chat-list .media:hover {
    background-color: hsla(0, 0%, 98.8%, .1)
}

.dark-theme .main-chat-list .media.selected .media-body p {
    color: #b7bfd2
}

.dark-theme .main-msg-wrapper {
    background-color: rgba(226, 232, 245, .1)
}

.dark-theme .main-chat-footer {
    border-top: 1px solid rgba(226, 232, 245, .1);
    background-color: #2b334a;
    z-index: 999
}

.dark-theme .main-chat-footer .form-control {
    background: transparent;
    border-color: transparent
}

.dark-theme .irs-line-left,
.dark-theme .irs-line-mid,
.dark-theme .irs-line-right {
    background-color: rgba(226, 232, 245, .1)
}

.dark-theme .irs-max,
.dark-theme .irs-min {
    color: #fff;
    background: hsla(0, 0%, 100%, .1)
}

.dark-theme .main-calendar .fc-header-toolbar h2 {
    color: #fff
}

.dark-theme .ui-datepicker {
    box-shadow: 0 0 24px rgba(20, 28, 43, .6)
}

.dark-theme .ui-datepicker,
.dark-theme .ui-datepicker .ui-datepicker-calendar td {
    background-color: #191f3a;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.dark-theme .ui-datepicker .ui-datepicker-calendar td a,
.dark-theme .ui-datepicker .ui-datepicker-calendar td span {
    color: hsla(0, 0%, 100%, .4)
}

.dark-theme .ui-datepicker .ui-datepicker-calendar th,
.dark-theme .ui-datepicker .ui-datepicker-title {
    color: #fff
}

.dark-theme .main-datepicker .ui-datepicker .ui-datepicker-calendar th {
    color: #fcfcfc
}

.dark-theme .card--calendar .ui-datepicker .ui-datepicker-header {
    border-bottom: 1px solid hsla(0, 0%, 89%, .1)
}

.dark-theme .ui-datepicker .ui-datepicker-calendar td a:hover {
    background-color: #0f9f85;
    color: #fff
}

.dark-theme .main-calendar .fc-view>table {
    background-color: #191f3a
}

.dark-theme .main-calendar .fc-head-container .fc-day-header,
.dark-theme .main-calendar .fc-view .fc-day-number {
    color: #fff
}

.dark-theme .main-calendar .fc-view .fc-other-month {
    background-color: rgba(40, 92, 247, .07)
}

.dark-theme .main-calendar .fc-content,
.dark-theme .main-calendar .fc-list-heading td,
.dark-theme .main-calendar .fc-list-view,
.dark-theme .main-calendar .fc-popover,
.dark-theme .main-calendar .fc-row,
.dark-theme .main-calendar tbody,
.dark-theme .main-calendar td,
.dark-theme .main-calendar thead,
.main-calendar .fc-divider,
.main-calendar th {
    border-color: rgba(226, 232, 245, .1)
}

.dark-theme .main-calendar .fc-view .fc-day-number:focus,
.dark-theme .main-calendar .fc-view .fc-day-number:hover {
    color: #fff;
    background-color: transparent
}

.dark-theme .main-calendar td.fc-today {
    background-color: #0f9f85
}

.dark-theme .main-calendar .fc-view>table>tbody>tr>td,
.dark-theme .main-calendar .fc-view>table>thead td,
.dark-theme .main-calendar .fc-view>table>thead th {
    border-color: rgba(226, 232, 245, .1)
}

.dark-theme .main-calendar .fc-header-toolbar button {
    background-color: #384361;
    border: 1px solid rgba(226, 232, 245, .1);
    color: hsla(0, 0%, 100%, .4)
}

.dark-theme .main-calendar .fc-header-toolbar button.fc-state-active {
    background-color: #0f9f85;
    color: #fff
}

.dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item,
.dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item {
    background-color: #333d5a
}

.dark-theme .fc-unthemed .fc-divider,
.dark-theme .fc-unthemed .fc-list-heading td,
.dark-theme .fc-unthemed .fc-popover .fc-header {
    background: #384361
}

.dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item-title .fc-desc,
.dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item-title .fc-desc {
    color: hsla(0, 0%, 100%, .6)
}

.dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-heading-main span:last-child,
.dark-theme .main-calendar .fc-view.fc-listMonth-view .fc-list-item-title a,
.dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-heading-main span:last-child,
.dark-theme .main-calendar .fc-view.fc-listWeek-view .fc-list-item-title a {
    color: #fff
}

.dark-theme .main-contact-info-header .media-body p,
.dark-theme .tx-inverse {
    color: hsla(0, 0%, 100%, .6)
}

.dark-theme .contact-icon:hover {
    background: hsla(0, 0%, 100%, .1);
    color: #fff
}

.dark-theme .main-contact-info-header {
    border-bottom: 1px solid rgba(226, 232, 245, .1)
}

.dark-theme .main-contact-info-body .media-body span {
    color: hsla(0, 0%, 100%, .8)
}

.dark-theme .main-contact-info-body .media-body label {
    color: hsla(0, 0%, 100%, .4)
}

.dark-theme .main-contact-info-body .media+.media:before {
    border-top: 1px dotted rgba(226, 232, 245, .2)
}

.dark-theme .main-contact-body span {
    color: hsla(0, 0%, 100%, .4)
}

.dark-theme .main-contact-body h6 {
    color: hsla(0, 0%, 100%, .8)
}

.dark-theme .main-contact-item.selected {
    border-left-color: #0f9f85;
    border-top-color: rgba(226, 232, 245, .1) !important;
    border-bottom-color: rgba(226, 232, 245, .1) !important;
    background-color: hsla(0, 0%, 100%, .1)
}

.dark-theme .main-contact-item+.main-contact-item {
    border-top-color: rgba(227, 231, 237, .19)
}

.dark-theme .main-contact-item+.main-contact-item:before {
    border-top: 1px solid rgba(227, 231, 237, .05)
}

.dark-theme .main-contact-item:focus,
.dark-theme .main-contact-item:hover {
    background-color: rgba(244, 245, 248, .1);
    border-top-color: rgba(227, 231, 237, .1);
    border-bottom-color: rgba(227, 231, 237, .1)
}

.dark-theme .main-contact-label:after {
    border-bottom: 1px solid rgba(227, 231, 237, .1)
}

.dark-theme #ui_notifIt.default {
    background-color: #3e465b;
    border: 1px solid rgba(227, 231, 237, .19)
}

.dark-theme .notifit_confirm,
.dark-theme .notifit_prompt {
    background-color: #3e465b
}

.dark-theme .alert .close {
    color: #fff;
    opacity: .7
}

.dark-theme .tree li {
    color: hsla(0, 0%, 100%, .4)
}

.dark-theme .tree li a {
    text-decoration: none;
    color: hsla(0, 0%, 100%, .8)
}

.dark-theme .tree ul li:last-child:before {
    background: #191f3a
}

.dark-theme .tree ul:before {
    border-left: 1px solid hsla(0, 0%, 89%, .2)
}

.dark-theme .tree ul li:before {
    border-top: 1px solid hsla(0, 0%, 89%, .2)
}

.dark-theme .text-muted {
    color: hsla(0, 0%, 100%, .4) !important
}

.dark-theme .main-icon-group {
    color: hsla(0, 0%, 100%, .8)
}

.dark-theme .main-icon-list {
    border: 1px solid rgba(225, 230, 241, .1)
}

.dark-theme .table thead th {
    border-bottom: 1px solid rgba(227, 231, 237, .1);
    border-top: 0 !important
}

.dark-theme .table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(239, 243, 247, .1) !important
}

.dark-theme table.dataTable {
    border: 1px solid rgba(226, 232, 245, .1)
}

.dark-theme table.dataTable tbody td.sorting_1 {
    background-color: #191f3a
}

.dark-theme table.dataTable thead td,
.dark-theme table.dataTable thead th {
    color: #fff
}

.dark-theme table.dataTable thead .sorting_asc,
.dark-theme table.dataTable thead .sorting_desc {
    background-color: rgba(236, 239, 243, .1)
}

.dark-theme #example-delete.table thead th {
    border-bottom: 0
}

.dark-theme .dataTables_wrapper .dataTables_filter,
.dark-theme .dataTables_wrapper .dataTables_info,
.dark-theme .dataTables_wrapper .dataTables_length,
.dark-theme .dataTables_wrapper .dataTables_paginate,
.dark-theme .dataTables_wrapper .dataTables_processing {
    color: #fff
}

.dark-theme .dataTables_wrapper .dataTables_filter input {
    border: 1px solid rgba(226, 232, 245, .2)
}

.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: rgba(227, 231, 237, .1)
}

.dark-theme .page-link {
    color: #fff;
    background-color: #41485c
}

.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button.active {
    background: #0f9f85 !important
}

.dark-theme .dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link {
    background-color: transparent
}

.dark-theme select option {
    background: #191f3a
}

.dark-theme table.dataTable tbody tr.selected {
    background: rgba(242, 244, 247, .1)
}

.dark-theme .example {
    padding: 1rem;
    border: 1px solid rgba(225, 230, 241, .1);
    border-bottom: 0
}

.dark-theme #basic-alert .alert .close,
.dark-theme #dismiss-alerts .alert .close,
.dark-theme #icon-dismissalerts .alert .close {
    color: #000;
    opacity: .3
}

.dark-theme #icon-dismissalerts .alert-default.alert-dismissible .close {
    color: #fff
}

.dark-theme .main-table-reference>tbody>tr>td,
.dark-theme .main-table-reference>tbody>tr>th,
.dark-theme .main-table-reference>thead>tr>td,
.dark-theme .main-table-reference>thead>tr>th {
    border: 1px solid rgba(226, 232, 245, .1)
}

.dark-theme pre {
    color: #dfe1ef;
    background-color: hsla(0, 0%, 100%, .1);
    text-shadow: 0 1px #242266
}

.dark-theme code.language-markup {
    background: transparent;
    border: transparent
}

.dark-theme .token {
    color: #dc2a2a
}

.dark-theme .token.attr-name,
.dark-theme .token.builtin,
.dark-theme .token.char,
.dark-theme .token.inserted,
.dark-theme .token.selector,
.dark-theme .token.string {
    color: #4e9cf1
}

.dark-theme .token.atrule,
.dark-theme .token.attr-value,
.dark-theme .token.keyword {
    color: #e40dae
}

.dark-theme .language-css .token.string,
.dark-theme.style .token.string,
.dark-theme .token.entity,
.dark-theme .token.operator,
.dark-theme .token.url {
    color: #ecc494;
    background: hsla(0, 0%, 100%, .1)
}

.dark-theme .highlight {
    border: 1px solid rgba(225, 230, 241, .2) !important;
    background: #0c1438
}

.dark-theme .clipboard-icon {
    background: #41485c;
    border: 1px solid rgba(225, 230, 241, .1)
}

.dark-theme .main-table-reference {
    background: transparent
}

.dark-theme .main-table-reference>thead>tr>td,
.dark-theme .main-table-reference>thead>tr>th {
    background: hsla(0, 0%, 100%, .1) !important;
    border: 1px solid rgba(225, 230, 241, .1) !important
}

.dark-theme .breadcrumb-style1 .breadcrumb-item a,
.dark-theme .breadcrumb-style2 .breadcrumb-item a,
.dark-theme .breadcrumb-style3 .breadcrumb-item a {
    color: hsla(0, 0%, 100%, .4)
}

.dark-theme .dropdown-item {
    color: hsla(0, 0%, 100%, .6)
}

.dark-theme .dropdown-item:focus,
.dark-theme .dropdown-item:hover {
    background: hsla(0, 0%, 100%, .1)
}

.dark-theme .dropdown-divider {
    border-top: 1px solid rgba(227, 231, 237, .16)
}

.dark-theme .img-thumbnail {
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid rgba(226, 232, 245, .1)
}

.dark-theme .img-thumbnail p {
    color: hsla(0, 0%, 100%, .5);
    font-size: 13px
}

.dark-theme .bd {
    border-color: rgba(226, 232, 245, .1)
}

.dark-theme .bg-light {
    background-color: #0c1023 !important
}

.dark-theme .main-nav .nav-link:focus,
.dark-theme .main-nav .nav-link:hover {
    color: #fff
}

.dark-theme .nav-pills .nav-link {
    color: hsla(0, 0%, 100%, .4)
}

.dark-theme .nav-pills .nav-link:focus,
.dark-theme .nav-pills .nav-link:hover {
    color: #fff
}

.dark-theme .nav-pills .nav-link.active {
    color: #fff !important
}

.dark-theme .main-nav .nav-link {
    color: hsla(0, 0%, 100%, .4)
}

.dark-theme .bg-gray-300 {
    background-color: #323b54
}

.dark-theme .nav-tabs .nav-link {
    color: hsla(0, 0%, 100%, .3)
}

.dark-theme .nav-tabs .nav-link.active {
    background-color: hsla(0, 0%, 100%, .1);
    color: #fff
}

.dark-theme .nav-tabs .nav-link:focus,
.dark-theme .nav-tabs .nav-link:hover {
    background-color: hsla(0, 0%, 100%, .5);
    color: #fff
}

.dark-theme .popover-static-demo {
    background-color: #12172d
}

.dark-theme .popover {
    background-color: #191f3a;
    border: 1px solid #485065
}

.dark-theme .popover-body {
    color: hsla(0, 0%, 100%, .4)
}

.dark-theme .popover-header {
    color: hsla(0, 0%, 100%, .7);
    background-color: #191f3a;
    border-color: rgba(133, 140, 152, .2)
}

.dark-theme .bs-popover-auto[x-placement^=top]>.arrow:before,
.dark-theme .bs-popover-top>.arrow:before {
    border-top-color: #4e566d
}

.dark-theme .bs-popover-auto[x-placement^=top]>.arrow:after,
.dark-theme .bs-popover-top>.arrow:after {
    border-top-color: #191f3a
}

.dark-theme .bs-popover-auto[x-placement^=bottom]>.arrow:after,
.dark-theme .bs-popover-bottom>.arrow:after {
    border-bottom-color: #191f3a
}

.dark-theme .bs-popover-auto[x-placement^=bottom]>.arrow:before,
.dark-theme .bs-popover-bottom>.arrow:before {
    border-bottom-color: #4e566d
}

.dark-theme .bs-popover-auto[x-placement^=left]>.arrow:after,
.dark-theme .bs-popover-left>.arrow:after {
    border-left-color: #373e52;
    border-left-color: #191f3a
}

.dark-theme .bs-popover-auto[x-placement^=right]>.arrow:after,
.dark-theme .bs-popover-right>.arrow:after {
    border-right-color: #191f3a
}

.dark-theme .bs-popover-auto[x-placement^=right]>.arrow:before,
.dark-theme .bs-popover-right>.arrow:before {
    border-right-color: #2c3252
}

.dark-theme .bs-popover-auto[x-placement^=left]>.arrow:before,
.dark-theme .bs-popover-left>.arrow:before {
    border-left-color: #2c3252
}

.dark-theme .bg-gray-200 {
    background-color: #191f3a
}

.dark-theme .media-body {
    font-size: 13px;
    color: hsla(0, 0%, 100%, .3)
}

.dark-theme .bg-gray-100 {
    background-color: rgba(65, 72, 92, .4)
}

.dark-theme .tooltip-static-demo {
    background-color: #191f3a
}

.dark-theme .toast-header {
    border-bottom-color: rgba(205, 212, 224, .2)
}

.dark-theme .toast {
    background-color: hsla(0, 0%, 100%, .1);
    border-color: rgba(84, 90, 109, .7)
}

.dark-theme .toast-header {
    color: hsla(0, 0%, 100%, .58);
    background-color: #414764
}

.dark-theme .bootstrap-tagsinput {
    background-color: #191f3a
}

.dark-theme .bootstrap-tagsinput .badge {
    margin-top: 0
}

.dark-theme .tag {
    color: #fff;
    background-color: rgba(239, 239, 245, .1)
}

.dark-theme .accordion .card-header a {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .1)
}

.dark-theme .accordion .card-body {
    background-color: hsla(0, 0%, 100%, .1)
}

.dark-theme .accordion .card-header a.collapsed:focus,
.dark-theme .accordion .card-header a.collapsed:hover {
    color: #fff;
    background-color: #0f9f85
}

.dark-theme .modal-content {
    background-color: #191f3a;
    border: 1px solid hsla(0, 0%, 100%, .18)
}

.dark-theme .modal-header {
    border-bottom: 1px solid rgba(226, 232, 245, .1)
}

.dark-theme .modal-title {
    color: #fff
}

.dark-theme .modal-footer {
    border-top: 1px solid rgba(226, 232, 245, .1)
}

.dark-theme .close {
    color: #f7f6f6;
    text-shadow: 0 1px 0 #18213c
}

.dark-theme .modal-content-demo .modal-body h6 {
    color: #fff
}

.dark-theme .vtimeline .timeline-wrapper .timeline-panel {
    background: #12172d;
    box-shadow: 0 8px 16px 0 rgba(47, 53, 84, .24)
}

.dark-theme .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after {
    border-right: 14px solid #12172d;
    border-left: 0 solid #12172d
}

.dark-theme .vtimeline .timeline-wrapper .timeline-panel:after {
    border-left: 14px solid #12172d;
    border-right: 0 solid #12172d
}

.dark-theme .vtimeline:before {
    background-color: #41485c
}

.dark-theme .timeline-body {
    color: hsla(0, 0%, 100%, .6)
}

.dark-theme .sweet-alert {
    background-color: #191f3a
}

.dark-theme .sweet-alert h2 {
    color: #fff
}

.dark-theme .btn-outline-light {
    border-color: rgba(151, 163, 185, .2);
    color: #97a3b9
}

.dark-theme .btn-outline-light:focus,
.dark-theme .btn-outline-light:hover {
    background-color: #3d4765 !important;
    border: 1px solid #455177 !important;
    box-shadow: none !important;
    color: #fff !important
}

.dark-theme .dropdown .fe-more-vertical {
    color: hsla(0, 0%, 100%, .6)
}

.dark-theme .main-content-body-profile .nav {
    border-bottom: 1px solid rgba(226, 232, 245, .1)
}

.dark-theme .card-body+.card-body {
    border-top: 1px solid rgba(226, 232, 245, .1)
}

.dark-theme .rating-stars input {
    color: #fff;
    background-color: #191f3a;
    border: 1px solid rgba(234, 237, 241, .1)
}

.dark-theme .rating-stars .rating-stars-container .rating-star {
    color: #30364e
}

.dark-theme .rating-stars .rating-stars-container .rating-star.is--active,
.dark-theme .rating-stars .rating-stars-container .rating-star.is--hover {
    color: #f1c40f !important
}

.dark-theme .br-theme-bars-horizontal .br-widget a.br-active,
.dark-theme .br-theme-bars-horizontal .br-widget a.br-selected {
    background-color: #0f9f85 !important
}

.dark-theme .br-theme-bars-pill .br-widget a.br-active,
.dark-theme .br-theme-bars-pill .br-widget a.br-selected {
    background-color: #0f9f85 !important;
    color: #fff
}

.dark-theme .br-theme-bars-1to10 .br-widget a,
.dark-theme .br-theme-bars-horizontal .br-widget a,
.dark-theme .br-theme-bars-movie .br-widget a {
    background-color: #30364e
}

.dark-theme .datepicker>.datepicker_inner_container>.datepicker_calendar,
.dark-theme .datepicker>.datepicker_inner_container>.datepicker_timelist {
    background-color: #191f3a
}

.dark-theme .datepicker>.datepicker_header {
    background-color: #191f3a;
    color: #fff
}

.dark-theme .main-datetimepicker {
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.dark-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_calendar th {
    color: #fcfdff
}

.dark-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist {
    border-left: 1px solid hsla(0, 0%, 100%, .1)
}

.dark-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item:focus,
.dark-theme .main-datetimepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item:hover {
    background-color: #323850
}

.dark-theme .datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item.hover {
    color: #fff;
    background-color: #323850
}

.dark-theme .datetimepicker .datetimepicker-days table thead tr:last-child th {
    color: #fff
}

.dark-theme .datetimepicker table th.dow {
    background: #191f3a
}

.dark-theme .datetimepicker table td.old {
    color: #7a82af
}

@media (max-width:767px) {
    .dark-theme .vtimeline .timeline-wrapper .timeline-panel:after {
        border-right: 14px solid #12172d !important;
        border-left: 0 solid #41485c !important
    }
}

.datetimepicker table td.new {
    color: #7a82af
}

.dark-theme .datetimepicker table td {
    background: #191f3a;
    color: #fff
}

.dark-theme .datetimepicker table th.next,
.dark-theme .datetimepicker table th.prev,
.dark-theme .datetimepicker table th.switch {
    background-color: #191f3a;
    color: #fff
}

.dark-theme .form-group-wrapper .form-control {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important
}

.dark-theme .datetimepicker table th.next:focus,
.dark-theme .datetimepicker table th.next:hover,
.dark-theme .datetimepicker table th.prev:hover,
.datetimepicker table th.prev:focus {
    background-color: #191f3a
}

.dark-theme .datetimepicker table th.next span:before,
.dark-theme .datetimepicker table th.prev span:before {
    color: #fff
}

.dark-theme .datetimepicker table th.switch:hover,
.datetimepicker table th.switch:focus {
    background-color: #191f3a;
    color: #0f9f85
}

.dark-theme .br-theme-bars-1to10 .br-widget a.br-active,
.dark-theme .br-theme-bars-1to10 .br-widget a.br-selected,
.dark-theme .br-theme-bars-movie .br-widget a.br-active,
.dark-theme .br-theme-bars-movie .br-widget a.br-selected {
    background-color: #0f9f85 !important
}

.dark-theme .br-theme-bars-square .br-widget a {
    border: 2px solid #353c58;
    background-color: #191f3a;
    color: #8694a5
}

.dark-theme .br-theme-bars-square .br-widget a.br-active,
.dark-theme .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid #0f9f85;
    color: #0f9f85
}

.dark-theme .br-theme-bars-pill .br-widget a {
    background-color: #30364e
}

.dark-theme .custom-file-label {
    color: hsla(0, 0%, 100%, .7);
    background-color: hsla(0, 0%, 100%, .07);
    border: 1px solid hsla(0, 0%, 100%, .07)
}

.dark-theme .custom-file-label:after {
    color: #fff;
    background-color: #0f9f85;
    border: 1px solid #0f9f85
}

.dark-theme .input-group-text {
    color: hsla(0, 0%, 100%, .5);
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .12)
}

.dark-theme .sp-replacer {
    border-color: hsla(0, 0%, 100%, .12);
    background-color: #2d3653
}

.dark-theme .sp-replacer:focus,
.dark-theme .sp-replacer:hover {
    border-color: hsla(0, 0%, 100%, .2)
}

.dark-theme .sp-container {
    background-color: #191f3a;
    border-color: rgba(226, 232, 245, .2)
}

.dark-theme .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: hsla(0, 0%, 100%, .1);
    background: hsla(0, 0%, 100%, .1)
}

.dark-theme .select2-container--default .select2-selection--multiple {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .1) !important;
    border-color: hsla(0, 0%, 100%, .1)
}

.dark-theme .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: hsla(0, 0%, 100%, .1) !important
}

.dark-theme .SumoSelect>.CaptionCont {
    color: #99a6b7;
    border: 1px solid rgba(234, 234, 236, .15);
    color: #aab3c7;
    background-color: hsla(0, 0%, 100%, .1)
}

.dark-theme .SumoSelect>.optWrapper {
    background: #191f3a;
    border: 1px solid rgba(234, 234, 236, .15);
    box-shadow: 0 2px 17px 2px #070456
}

.dark-theme .SumoSelect .select-all {
    background-color: #191f3a
}

.dark-theme .SumoSelect .select-all,
.dark-theme .SumoSelect>.optWrapper>.options li.opt {
    border-bottom: 1px solid rgba(234, 234, 236, .15)
}

.dark-theme .SumoSelect>.optWrapper>.MultiControls {
    border-top: 1px solid rgba(234, 234, 236, .15);
    background-color: #191f3a
}

.dark-theme .SumoSelect.open>.optWrapper {
    box-shadow: 0 2px 17px 2px #1c2140
}

.dark-theme .SumoSelect>.optWrapper>.options li.opt:hover {
    background-color: rgba(244, 245, 245, .1)
}

.dark-theme .SumoSelect .select-all>span i,
.dark-theme .SumoSelect>.optWrapper.multiple>.options li.opt span i {
    border: 1px solid hsla(0, 0%, 100%, .1);
    background-color: hsla(0, 0%, 100%, .1)
}

.dark-theme .dropify-wrapper {
    border: 1px solid rgba(239, 242, 247, .07);
    color: #fff
}

.dark-theme .dropify-wrapper,
.dark-theme .dropify-wrapper .dropify-preview {
    background-color: hsla(0, 0%, 100%, .1)
}

.dark-theme .dropify-wrapper:hover {
    background-image: linear-gradient(-45deg, rgba(250, 251, 254, .1) 25%, transparent 0, transparent 50%, rgba(250, 251, 254, .1) 0, rgba(250, 251, 254, .1) 75%, transparent 0, transparent);
    -webkit-animation: stripes 2s linear infinite;
    animation: stripes 2s linear infinite
}

.dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone {
    border: 2px dashed #5e6882;
    background-color: #424764;
    background-image: url(../plugins/fancyuploder/fancy_upload-dark.png)
}

.dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone:active,
.dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone:focus,
.dark-theme .ff_fileupload_wrap .ff_fileupload_dropzone:hover {
    background-color: hsla(0, 0%, 100%, .1);
    border-color: hsla(0, 0%, 100%, .1)
}

.dark-theme .main-form-group {
    border: 1px solid rgba(226, 232, 245, .1)
}

.dark-theme .main-form-group .form-control {
    padding: 0 15px
}

.dark-theme .parsley-style-1 .parsley-checkbox.parsley-error,
.dark-theme .parsley-style-1 .parsley-input.parsley-error .form-control,
.dark-theme .parsley-style-1 .parsley-select.parsley-error .select2-container--default .select2-selection--single {
    background-color: #41485c
}

.dark-theme .wizard {
    border: 1px solid rgba(227, 231, 237, .1);
    background-color: #191f3a
}

.dark-theme .wizard>.content {
    border-top: 1px solid rgba(227, 231, 237, .1);
    border-bottom: 1px solid rgba(227, 231, 237, .1)
}

.dark-theme .wizard>.content>.title {
    color: #fff
}

.dark-theme .ql-scrolling-demo {
    border: 2px solid hsla(0, 0%, 100%, .1)
}

.dark-theme .ql-scrolling-demo .ql-container .ql-editor {
    color: hsla(0, 0%, 100%, .8)
}

.dark-theme .ql-snow .ql-picker-label {
    border: 1px solid hsla(0, 0%, 100%, .12);
    background-color: #41485c
}

.dark-theme .ql-snow .ql-stroke {
    stroke: hsla(0, 0%, 100%, .8)
}

.dark-theme .ql-snow .ql-editor,
.dark-theme .ql-snow.ql-toolbar button {
    color: hsla(0, 0%, 100%, .8)
}

.dark-theme .ql-snow .ql-picker {
    color: hsla(0, 0%, 100%, .5)
}

.dark-theme .ql-snow.ql-toolbar {
    border: 2px solid hsla(0, 0%, 100%, .1)
}

.dark-theme .ql-snow.ql-container {
    border-color: hsla(0, 0%, 100%, .1)
}

.dark-theme .ql-snow .ql-picker-options {
    background-color: #191f3a
}

.dark-theme .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #545b6d
}

.dark-theme #modalQuill .modal-header {
    border-bottom: 0
}

.dark-theme .main-profile-work-list .media-body h6 {
    color: #fff
}

.dark-theme .main-profile-work-list .media-body p {
    color: hsla(0, 0%, 100%, .4)
}

.dark-theme .main-profile-contact-list .media-body div {
    color: hsla(0, 0%, 100%, .6)
}

.dark-theme .main-profile-contact-list .media-body span {
    color: #fff
}

.dark-theme .plan-icon {
    border: 1px solid rgba(245, 246, 251, .1);
    background: rgba(245, 246, 251, .1)
}

.dark-theme .bg-success-transparent {
    background-color: rgba(77, 236, 146, .17) !important
}

.dark-theme .bg-primary-transparent {
    background-color: rgba(40, 92, 247, .2) !important
}

.dark-theme .bg-warning-transparent {
    background-color: rgba(245, 222, 143, .1) !important
}

.dark-theme .bg-pink-transparent {
    background-color: rgba(249, 123, 184, .1) !important
}

.dark-theme .bg-teal-transparent {
    background-color: rgba(166, 243, 243, .12) !important
}

.dark-theme .bg-purple-transparent {
    background-color: rgba(163, 154, 249, .1) !important
}

.dark-theme .bg-danger-transparent {
    background-color: rgba(243, 161, 161, .1) !important
}

.dark-theme .main-profile-body .media-body h6,
.dark-theme .main-profile-name {
    color: #fbfcff
}

.dark-theme .main-profile-social-list .media-body a {
    color: #fff;
    opacity: .5
}

.dark-theme .profile-footer a {
    background: #41485c;
    color: #fff
}

.dark-theme .billed-from h6 {
    color: #f4f5f8
}

.dark-theme .invoice-title {
    color: rgba(226, 232, 245, .1)
}

.dark-theme .main-invoice-list .media-body h6 {
    color: #fff
}

.dark-theme .main-invoice-list .selected {
    background-color: rgba(244, 245, 248, .1);
    border-top-color: 1px dotted rgba(226, 232, 245, .1);
    border-bottom-color: rgba(226, 232, 245, .1);
    border-left-color: #0f9f85
}

.dark-theme .main-invoice-list .media {
    border: 1px dotted rgba(226, 232, 245, .1)
}

.dark-theme .main-invoice-list .media+.media:before {
    border-top: 1px dotted transparent
}

.dark-theme .main-invoice-list .media:focus,
.dark-theme .main-invoice-list .media:hover {
    background-color: rgba(244, 245, 248, .1)
}

.dark-theme .main-invoice-list .media-body p {
    color: #9da5b5
}

.dark-theme .main-invoice-list .media-body p span {
    color: #cbcfd8
}

.dark-theme .table-invoice tbody>tr>th:first-child .invoice-notes p {
    color: hsla(0, 0%, 100%, .6)
}

@media (min-width:992px) {
    .dark-theme .wizard.vertical>.actions {
        width: 70%
    }
}

@media (min-width:576px) {

    .dark-theme .wizard.vertical>.actions,
    .dark-theme .wizard.vertical>.content {
        border-left: 1px solid rgba(226, 232, 245, .1)
    }
}

.dark-theme .table-invoice tbody>tr>td:first-child,
.dark-theme .table-invoice tbody>tr>th:first-child,
.table-invoice tbody>tr>td:first-child .invoice-notes p {
    color: hsla(0, 0%, 100%, .6)
}

.dark-theme .billed-from p,
.dark-theme .billed-to p {
    color: hsla(0, 0%, 100%, .5)
}

.dark-theme .card-invoice .tx-gray-600 {
    color: #eef0f3
}

.dark-theme .billed-to h6 {
    color: #d3d8e2
}

.dark-theme .invoice-info-row+.invoice-info-row {
    border-top: 1px dotted rgba(226, 232, 245, .15)
}

.dark-theme .invoice-info-row span:first-child {
    color: hsla(0, 0%, 100%, .3)
}

.dark-theme .main-invoice-list {
    border-top: 1px solid rgba(226, 232, 245, .1)
}

.dark-theme .card-category {
    background: rgba(239, 242, 246, .1)
}

.dark-theme .pricing-card .list-unstyled li {
    border-bottom: 1px solid rgba(234, 237, 241, .1)
}

.dark-theme .price.panel-color>.panel-body,
.dark-theme .price .panel-footer {
    background-color: hsla(0, 0%, 100%, .1)
}

.dark-theme .pricing .list-unstyled li {
    border-bottom: 1px solid rgba(234, 237, 241, .1)
}

.dark-theme .card--events .list-group-item h6 {
    color: hsla(0, 0%, 100%, .6)
}

.dark-theme .rdiobox span:before {
    background-color: #41485c;
    border: 1px solid #4a5677
}

.dark-theme .colorinput-color {
    border: 1px solid rgba(234, 240, 247, .2)
}

.dark-theme .nice-select .list {
    background-color: #191f3a;
    box-shadow: 0 0 15px 1px #041138
}

.dark-theme .nice-select .option.focus,
.dark-theme .nice-select .option.selected.focus,
.dark-theme .nice-select .option:hover {
    background-color: rgba(237, 239, 245, .1)
}

.dark-theme .item-card .cardtitle a {
    color: #fefefe
}

.dark-theme .item-card .cardprice span {
    color: #dfe5ec
}

.dark-theme .bd-b {
    border-bottom: 2px solid #3c435a
}

.dark-theme .bd-r {
    border-right: 2px solid #3c435a
}

.dark-theme .bd-t {
    border-top: 2px solid #3c435a
}

.dark-theme .bd-l {
    border-left: 2px solid #3c435a
}

.dark-theme .bd-y {
    border-top: 2px solid #3c435a;
    border-bottom: 2px solid #3c435a
}

.dark-theme .bd-x {
    border-left: 2px solid #3c435a;
    border-right: 2px solid #3c435a
}

.dark-theme .bg-gray-500 {
    background-color: rgba(151, 163, 185, .2)
}

.dark-theme .bg-gray-400 {
    background-color: #5e687d
}

.dark-theme .main-card-signin {
    background-color: #191f3a !important;
    border: 1px solid hsla(0, 0%, 89%, .1)
}

.dark-theme .main-signin-header h4 {
    color: #fff
}

.dark-theme .main-signin-footer a {
    color: hsla(0, 0%, 100%, .8)
}

.dark-theme .main-signup-footer a {
    color: #fff
}

.dark-theme .main-error-wrapper h1 {
    color: hsla(0, 0%, 100%, .8)
}

.dark-theme .main-error-wrapper h2 {
    color: hsla(0, 0%, 100%, .5)
}

.dark-theme .main-error-wrapper h6 {
    color: hsla(0, 0%, 100%, .3)
}

.dark-theme .construction .btn.btn-icon {
    border: 1px solid rgba(221, 230, 241, .1)
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.dark-theme .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #3b4563 !important
}

.dark-theme .horizontalMenucontainer .desktop-logo,
.dark-theme .horizontalMenucontainer .desktop-logo-dark {
    display: none
}

.dark-theme .desktop-dark {
    display: block
}

@media (min-width:768px) {
    .dark-theme.sidebar-mini.sidenav-toggled .main-sidebar-header .icon-light .logo-icon {
        display: none;
        height: 2.5rem
    }

    .dark-theme.sidebar-mini.sidenav-toggled .main-sidebar-header .icon-dark .logo-icon.dark-theme {
        display: block;
        height: 2.5rem
    }

    .dark-theme.sidebar-mini.sidenav-toggled.sidenav-toggled1 .main-sidebar-header .logo-light .main-logo {
        display: none
    }
}

@media (max-width:991px) and (min-width:568px) {
    .dark-theme .horizontalMenucontainer .desktop-dark {
        margin-left: 1.4rem
    }
}

.desktop-dark {
    height: 2rem
}

@media (max-width:567px) {

    .dark-theme .desktop-logo-1,
    .dark-theme .horizontalMenucontainer .desktop-dark {
        display: none
    }

    .dark-theme .horizontalMenucontainer .desktop-logo-dark {
        display: block;
        margin-left: 2.5rem;
        height: 2.5rem
    }
}

@media (max-width:991px) {

    .dark-theme .animated-arrow span,
    .dark-theme .animated-arrow span:after,
    .dark-theme .animated-arrow span:before {
        background: #fff
    }

    .dark-theme.active .animated-arrow span {
        background-color: transparent
    }
}

.dark-theme .sidebar {
    background: #191f3a
}

.dark-theme .main-calendar.fc-list-empty {
    background-color: #191f3a;
    border: 1px solid #41485c
}

@media (max-width:575px) {

    .dark-theme .main-calendar .fc-header-toolbar button.fc-agendaDay-button:before,
    .dark-theme .main-calendar .fc-header-toolbar button.fc-agendaWeek-button:before,
    .dark-theme .main-calendar .fc-header-toolbar button.fc-listMonth-button:before,
    .dark-theme .main-calendar .fc-header-toolbar button.fc-listWeek-button:before,
    .dark-theme .main-calendar .fc-header-toolbar button.fc-month-button:before {
        color: #fff
    }
}

.dark-them .breadcrumb {
    background-color: rgba(226, 232, 245, .1)
}

.dark-them table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid hsla(0, 0%, 93.7%, .1)
}

.dark-them table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before {
    background-color: #0f9f85
}

.dark-theme .horizontal-main.hor-menu {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    box-shadow: 0 0 10px rgba(20, 28, 43, .8)
}

.dark-theme .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active {
    color: #fff;
    background: #252b44
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>a {
    color: #fff
}

.dark-theme .horizontalMenucontainer .main-header {
    box-shadow: none;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.dark-theme .hor-menu .horizontalMenu>.horizontalMenu-list>li:first-child {
    border-left: 1px solid hsla(0, 0%, 100%, .1)
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>a {
    border-right: 1px solid hsla(0, 0%, 100%, .1)
}

.dark-theme .hor-menu .horizontalMenu>.horizontalMenu-list>li:last-child {
    border-right: 1px solid rgba(220, 231, 245, .1)
}

.dark-theme .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover {
    color: #fff;
    background: #252b44
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
    background-color: #191f3a;
    box-shadow: 0 8px 16px 0 rgba(8, 23, 53, .4);
    border: 1px solid rgba(231, 234, 243, .1)
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
    color: hsla(0, 0%, 100%, .5)
}

.dark-theme .hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a.active {
    color: #fff
}

.dark-theme .hor-menu .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a.active:before {
    border-color: #fff
}

.dark-theme .sub-menu li a:before {
    border-color: hsla(0, 0%, 100%, .5)
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
    color: #fff !important
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu .sub-menu-sub:after {
    color: hsla(0, 0%, 100%, .8)
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
    background-color: #191f3a;
    box-shadow: 0 8px 16px 0 rgba(8, 13, 25, .4);
    border: 1px solid rgba(231, 234, 243, .1)
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
    color: hsla(0, 0%, 100%, .5)
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
    color: #fff !important
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
    background-color: #191f3a;
    box-shadow: 0 8px 16px 0 rgba(8, 13, 25, .4);
    border: 1px solid rgba(231, 234, 243, .1)
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
    color: hsla(0, 0%, 100%, .5)
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
    color: #fff !important
}

.dark-theme .mega-menubg {
    background: #191f3a;
    box-shadow: 0 8px 16px 0 rgba(9, 17, 33, .4);
    border: 1px solid rgba(231, 234, 243, .1)
}

.dark-theme .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
    background: transparent;
    color: hsla(0, 0%, 100%, .6)
}

.dark-theme .mega-menubg.hor-mega-menu h3 {
    color: #fff
}

.dark-theme .main-profile-menu .dropdown-item+.dropdown-item {
    border-top: 1px dotted rgba(226, 234, 249, .2)
}

.dark-theme .rating-scroll h6 {
    color: #fff
}

.dark-theme .latest-tasks .nav-link.active,
.dark-theme .latest-tasks .nav-link:focus,
.dark-theme .latest-tasks .nav-link:hover {
    background: transparent;
    color: #0f9f85
}

.dark-theme .main-calendar .fc-list-empty {
    background-color: #191f3a;
    border: 1px solid #384361
}

.dark-theme .card.bg-info-transparent {
    background: rgba(23, 162, 184, .2) !important
}

.dark-theme .form-control::-moz-placeholder {
    color: rgba(212, 218, 236, .3) !important;
    opacity: 1
}

.dark-theme .form-control:-ms-input-placeholder {
    color: rgba(212, 218, 236, .3) !important;
    opacity: 1
}

.dark-theme .form-control::placeholder {
    color: rgba(212, 218, 236, .3) !important;
    opacity: 1
}

.dark-theme .header-icon {
    color: #fff
}

.dark-theme .main-header-message .nav-link i,
.dark-theme .main-header-notification .nav-link i,
.dark-theme .nav-item.full-screen .nav-link i {
    color: hsla(0, 0%, 100%, .71)
}

.dark-theme .p-text .p-name,
.dark-theme .sales-flot .flot-chart .flot-x-axis>div span:last-child {
    color: #fff
}

.dark-theme .crypt-primary.crypto .card-footer .nav-link {
    background-color: #1d2448
}

.dark-theme .crypt-primary.crypto .card-footer .nav-link:focus,
.dark-theme .crypt-primary.crypto .card-footer .nav-link:hover {
    background-color: #3a4373 !important
}

.dark-theme .card-minimal-two .nav-link {
    background-color: #424764
}

.dark-theme .ps>.ps__rail-y {
    background-color: #414664
}

.dark-theme .sidebar.sidebar-right .tabs-menu ul li a {
    color: #fff
}

.dark-theme .card-bitcoin p {
    color: #cbcede
}

.dark-theme .main-modal-calendar-event .modal-body {
    background-color: #2b334a
}

.dark-theme .main-modal-calendar-event .event-end-date,
.dark-theme .main-modal-calendar-event .event-start-date {
    color: hsla(0, 0%, 100%, .7)
}

.dark-theme #modalCalendarEvent .modal-body .tx-gray-900 {
    color: #ccced4
}

.dark-theme #mainFormCalendar select {
    height: 40px;
    background: #41485c;
    color: #fff;
    border: 1px solid #4f576c
}

.dark-theme .breadcrumb {
    background-color: #12172d
}

.dark-theme .iti__selected-flag {
    border-right: 1px solid rgba(225, 230, 241, .1)
}

.dark-theme .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: #424764
}

.dark-theme .iti__country-list {
    background-color: #191f3a
}

.dark-theme .iti__divider {
    border-bottom: 1px solid rgba(225, 230, 241, .1)
}

.dark-theme .iti__country.iti__highlight {
    background-color: #424764
}

.dark-theme .page-item.disabled .page-link {
    background-color: #41485c
}

.dark-theme .main-card-signin {
    box-shadow: 5px 7px 26px -5px #9f9fbb;
    -webkit-box-shadow: 5px 7px 26px -5px #050942
}

.dark-theme .ps>.ps__rail-y>.ps__thumb-y {
    left: 2px;
    background-color: #12172d
}

.dark-theme .crypto .card-footer .nav-link+.nav-link {
    border-left: 1px solid rgba(226, 232, 245, .1)
}

.dark-theme .card-footer {
    border-color: rgba(226, 232, 245, .1) !important;
    background: transparent
}

.dark-theme .card-footer.bg-white {
    border-color: rgba(226, 232, 245, .1) !important;
    background-color: transparent !important
}

.dark-theme .crypto .card-footer .nav-link span:last-child {
    color: #fff
}

.dark-theme .crypto .card-footer .nav-link span:first-child {
    color: #acb5c3
}

.dark-theme .crypt-danger.crypto .card-footer .nav-link {
    background-color: #27233c
}

.dark-theme .crypt-success.crypto .card-footer .nav-link {
    background-color: #172b40
}

.dark-theme .card-body-top a,
.dark-theme .crypto h6,
.dark-theme .transcation-scroll .media-body {
    color: #fff
}

.dark-theme .horizontal-main.hor-menu {
    background: #191f3a;
    border-top: 0 !important
}

.dark-theme .horizontalMenucontainer .main-header.hor-header {
    background: #191f3a
}

.dark-theme .horizontal-main.hor-menu {
    border-top: 1px solid #191f3a
}

.dark-theme .crypt-danger.crypto .card-footer .nav-link:focus,
.dark-theme .crypt-danger.crypto .card-footer .nav-link:hover {
    background-color: rgba(176, 74, 86, .1) !important
}

.dark-theme .crypt-success.crypto .card-footer .nav-link:focus,
.dark-theme .crypt-success.crypto .card-footer .nav-link:hover {
    background-color: rgba(15, 180, 140, .1) !important
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:before {
    border: 1px solid hsla(0, 0%, 100%, .6);
    background: transparent
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li:hover a.slide-item:before {
    border-color: #fff;
    background: transparent
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:before {
    border: 1px solid hsla(0, 0%, 100%, .6)
}

.dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:before {
    border: 1px solid hsla(0, 0%, 100%, .6) !important
}

.dark-theme .text-dark {
    color: hsla(0, 0%, 100%, .5) !important
}

.dark-theme .desktop-logo.active.logo-light,
.dark-theme .logo-1,
.dark-theme .main-logo {
    display: none
}

.dark-theme .main-logo.dark-theme {
    display: block
}

.dark-theme .card-crypto-scroll:before {
    background: linear-gradient(270deg, transparent 0, #12172d)
}

.dark-theme .card-crypto-scroll:after {
    background: linear-gradient(90deg, transparent 0, #12172d)
}

.dark-theme .card.card-crypto-scroll {
    border: 0 !important
}

.dark-theme .jctkr-wrapper ul li .crypto-card {
    box-shadow: 5px 7px 12px -5px #111833;
    background: #191f3a;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.dark-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: #252b44 !important
}

.dark-theme table.dataTable tbody td.sorting_1 {
    background-color: rgba(236, 239, 243, .1) !important
}

.dark-theme .modal.effect-just-me .modal-content {
    background-color: #191f3a
}

.dark-theme .email-media .media-title,
.dark-theme .main-contact-info-header .media-body h5 {
    color: #fff !important
}

.dark-theme .wizard>.steps a .number,
.dark-theme .wizard>.steps a:active .number,
.dark-theme .wizard>.steps a:hover .number {
    background-color: #30364e
}

.dark-theme .wizard>.actions .disabled a {
    background-color: #384063
}

.dark-theme .ql-bubble.ql-container {
    border: 0
}

.dark-theme .main-header-right .navbar-toggler-icon {
    line-height: 1.8rem;
    color: #fff
}

.dark-theme .responsive-navbar.navbar .navbar-collapse {
    background: #1c223c;
    border-bottom: 1px solid rgba(212, 210, 226, .1);
    box-shadow: 5px 7px 26px -5px #070b1d;
    border-top: 1px solid rgba(212, 210, 226, .1)
}

.dark-theme .select2-container--default .select2-search--inline .select2-search__field {
    color: #fff !important
}

@media (max-width:991px) {
    .dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        border: 0
    }

    .dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu {
        border: 0;
        box-shadow: none
    }

    .dark-theme .horizontalMenu>.horizontalMenu-list {
        background: #191f3a
    }

    .dark-theme .horizontalMenu>.horizontalMenu-list>li>a {
        border-bottom-color: rgba(231, 234, 243, .1)
    }

    .dark-theme .hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
        border-radius: 0
    }

    .dark-theme .hor-menu .horizontalMenu>.horizontalMenu-list>li:hover .sub-icon {
        color: #fff;
        background: #0f9f85
    }

    .dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
        background-color: rgba(253, 254, 255, .1);
        color: #eef0f7 !important
    }

    .dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover:before {
        border-color: #eef0f7
    }

    .dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
        color: #fff !important;
        background-color: hsla(0, 0%, 90.6%, .1)
    }

    .dark-theme .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li:hover a {
        color: #eef0f7 !important
    }

    .dark-theme .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li:hover a:before {
        border-color: #eef0f7 !important
    }

    .dark-theme .mega-menubg li a:before {
        border-color: #8594ad
    }

    .dark-theme .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu .sub-menu-sub:after {
        display: none
    }

    .dark-theme .mega-menubg {
        background: #191f3a !important
    }

    .dark-theme .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        background: #191f3a !important;
        color: #8291af !important
    }

    .dark-theme .dark-logo-1 {
        display: block
    }
}

@media (min-width:768px) {
    .dark-theme .main-content-left-contacts {
        border-right: 0
    }
}

.dark-theme .SumoSelect.disabled .CaptionCont.SelectBox:Saab span {
    display: none
}

.dark-theme .user-wideget-footer {
    border-top: 1px solid #191f3a;
    background-color: #191f3a
}

.dark-theme .horizontal-megamenu .link-list li a.active {
    color: #fff !important
}

.dark-theme .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li:hover a:before {
    border-color: #fff !important;
    background: transparent
}

.dark-theme .hor-menu .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li:hover a {
    color: #fff !important
}

.dark-theme .twitter1 {
    background-color: #00acee !important
}

.dark-theme .google-plus1 {
    background-color: #dd4b39 !important
}

.dark-theme .facebook-like1 {
    background-color: #3b5998 !important
}

.dark-theme .pinterest1 {
    background-color: #bd081c !important
}

.dark-theme .bg-primary {
    background-color: #0f9f85 !important
}

.dark-theme .bg-info {
    background-color: #17a2b8 !important
}

.dark-theme .bg-success {
    background-color: #08c18d !important
}

.dark-theme .bg-danger {
    background-color: #ff5959 !important
}

.dark-theme .bg-warning {
    background-color: #ffc107 !important
}

.dark-theme .list-group-item-success {
    color: #1f5c01;
    background-color: #c8e9b8
}

.dark-theme .list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb
}

.dark-theme .list-group-item-warning {
    color: #856404;
    background-color: #ffeeba !important
}

.dark-theme .list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb
}

.dark-theme .responsive-logo .dark-mobile-logo {
    display: block
}

.dark-theme .responsive-logo .mobile-logo {
    display: none !important
}