Edit File - File Manager

Edit File: dark-layout.css

/*========================================================
        DARK LAYOUT
=========================================================*/
body.dark-layout {
  background-color : #262C49;
  /********* UI ELEMENTS *********/
  /********* COMPONENTS *********/
  /********** FORMS **********/
  /********** TABLE **********/
  /********** PAGES **********/
  /********** CHARTS **********/
  /********** APPLICATIONS **********/
  /********** EXTENSIONS **********/
  /********** CUSTOMIZER **********/
  /********** HORIZONTAL LAYOUT **********/
}
/* start to light-mode*/
body.light-mode h1, body.light-mode h2, body.light-mode h3, body.light-mode h4, body.light-mode h5, body.light-mode h6, body.light-mode p {
  color: #2C2C2C;
}
body.dark-layout .main-menu.menu-light .navigation li a {
  color: #fff;
}
body.dark-layout h1, body.dark-layout h2, body.dark-layout h3, body.dark-layout h4, body.dark-layout h5, body.dark-layout h6 {
  color : #EBEEFD;
}
body.dark-layout [class*='border'] {
  border-color : #414561 !important;
}
body.dark-layout a:hover {
  color : #7367F0;
}
/* body.dark-layout span */
body.dark-layout .breadcrumb-text span, body.dark-layout p, body.dark-layout small, body.dark-layout label ,
body.dark-layout  .dayContainer span {
  color : #fff !important;
}
body.dark-layout hr {
  border-color : #414561;
}
body.dark-layout pre {
  background-color : #262C49;
  border : 0;
}
body.dark-layout pre code {
  background-color : inherit;
  text-shadow : none;
}
body.dark-layout pre code .operator, body.dark-layout pre code .url {
  background-color : #262C49;
}
body.dark-layout code {
  background-color : #262C49;
  color : #B8C2CC;
}
body.dark-layout kbd {
  background-color : #262C49;
}
body.dark-layout .text-dark {
  color : #B8C2CC !important;
}
body.dark-layout .header-navbar-shadow {
  background : -webkit-linear-gradient(top, rgba(44, 48, 60, 0.9) 44%, rgba(44, 48, 60, 0.43) 73%, rgba(44, 48, 60, 0));
  background :         linear-gradient(-180deg, rgba(44, 48, 60, 0.9) 44%, rgba(44, 48, 60, 0.43) 73%, rgba(44, 48, 60, 0));
}
body.dark-layout .header-navbar {
  background-color : #10163A;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link {
  color : #fff;
  background-color : transparent;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link i {
  color : #fff;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link.bookmark-star i {
  color : #FFFFFF !important;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open {
  background-color : #10163A;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input {
  border-color : #414561;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input, body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::-webkit-input-placeholder, body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .search-input-close {
  color : #fff;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input, body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::-moz-placeholder, body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .search-input-close {
  color : #fff;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input, body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input:-ms-input-placeholder, body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .search-input-close {
  color : #fff;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input, body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::-ms-input-placeholder, body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .search-input-close {
  color : #fff;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input, body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::placeholder, body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .search-input-close {
  color : #fff;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item .bookmark-input .form-control {
  background-color : #10163A;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list {
  background-color : #262C49;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list .current_item {
  background-color : #10163A;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media {
  overflow : hidden;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media {
  border-color : #414561;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media .media-body .notification-text {
  color : #fff;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media .media-meta {
  color : #fff;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media:hover {
  background-color : #10163A;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer {
  background-color : #10163A;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item {
  color : #FFFFFF;
  border-color : #414561;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item:hover {
  background-color : #10163A;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-cart.empty-cart:before {
  background-color : #262C49;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-cart li {
  color : #FFFFFF;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-header span {
  color : #FFFFFF;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .media-list .media {
  background-color : #FFFFFF;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .media-list .media .media-body {
  background-color : #262C49;
  padding-right : 1rem;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .media-list .media:hover {
  background-color : #FFFFFF !important;
}
body.dark-layout .header-navbar.navbar-static-top {
  background-color : transparent;
}
body.dark-layout .header-navbar[class*='bg-'] .navbar-nav .nav-item .nav-link {
  background-color : inherit;
}
body.dark-layout.blank-page .card.bg-transparent h1, body.dark-layout.blank-page .card.bg-transparent h2, body.dark-layout.blank-page .card.bg-transparent h3, body.dark-layout.blank-page .card.bg-transparent h4, body.dark-layout.blank-page .card.bg-transparent h5, body.dark-layout.blank-page .card.bg-transparent h6 {
  color : #10163A;
}
body.dark-layout.blank-page .card.bg-transparent p {
  color : #262C49;
}
body.dark-layout .main-menu {
  background-color : #10163A;
}
body.dark-layout .main-menu .shadow-bottom {
  background : -webkit-linear-gradient(top, #0F1642 44%, rgba(15, 22, 66, 0.51) 73%, rgba(44, 48, 60, 0));
  background :         linear-gradient(-180deg, #0F1642 44%, rgba(15, 22, 66, 0.51) 73%, rgba(44, 48, 60, 0));
}
body.dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active > a {
  background-color : #262C49;
}
body.dark-layout .main-menu-content .navigation-main {
  background-color : #10163A;
}
body.dark-layout .main-menu-content .navigation-main .nav-item i {
  color : #fff;
}
body.dark-layout .main-menu-content .navigation-main .nav-item.open a {
  background-color : #262C49;
}
body.dark-layout .main-menu-content .navigation-main .nav-item a:after {
  color : #fff;
}
body.dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
  background-color : #10163A;
}
body.dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
  color : #FFFFFF;
}
body.dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
  background-color : #10163A;
}
body.dark-layout .main-menu-content .navigation-main .active .menu-title, body.dark-layout .main-menu-content .navigation-main .active i {
  color : #FFFFFF;
}
body.dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
  background : #10163A;
  border-radius : 4px;
}
body.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content {
  background-color : #10163A;
}
body.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
  z-index : 1;
}
body.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active a {
  background-color : transparent;
}
body.dark-layout.menu-collapsed .main-menu:not(.expanded) .navigation-main li.active > a {
  background : #262C49 !important;
}
body.dark-layout .data-list-view-header .dataTables_wrapper .top .action-btns .dropdown .dropdown-toggle, body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .action-btns .dropdown .dropdown-toggle {
  background-color : #10163A !important;
  color : #fff;
}
body.dark-layout .data-list-view-header .dataTables_wrapper .top .action-btns .dropdown .dropdown-toggle:hover, body.dark-layout .data-list-view-header .dataTables_wrapper .top .action-btns .dropdown .dropdown-toggle:active, body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .action-btns .dropdown .dropdown-toggle:hover, body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .action-btns .dropdown .dropdown-toggle:active {
  box-shadow : none;
  color : #fff !important;
}
body.dark-layout .data-list-view-header .dataTables_wrapper .top .action-btns .dt-buttons .btn.btn-outline-primary span, body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .action-btns .dt-buttons .btn.btn-outline-primary span {
  color : #7367F0;
}
body.dark-layout .data-list-view-header .dataTables_wrapper .top .action-btns .dt-buttons .btn.btn-outline-primary:hover, body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .action-btns .dt-buttons .btn.btn-outline-primary:hover {
  background-color : transparent;
}
body.dark-layout .data-list-view-header .dataTables_wrapper .top .dataTables_length .form-control, body.dark-layout .data-list-view-header .dataTables_wrapper .top .dataTables_filter .form-control, body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .dataTables_length .form-control, body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .dataTables_filter .form-control {
  background-color : #10163A;
}
body.dark-layout .data-list-view-header .dataTables_wrapper .top .dataTables_filter .form-control, body.dark-layout .data-thumb-view-header .dataTables_wrapper .top .dataTables_filter .form-control {
  border : 0;
}
body.dark-layout .data-list-view-header .dataTables_wrapper .pagination .page-item, body.dark-layout .data-thumb-view-header .dataTables_wrapper .pagination .page-item {
  background-color : #10163A !important;
}
body.dark-layout .data-list-view-header .dataTables_wrapper .pagination .page-item.active .page-link, body.dark-layout .data-thumb-view-header .dataTables_wrapper .pagination .page-item.active .page-link {
  background-color : #7367F0;
}
body.dark-layout .data-list-view-header .dataTables_wrapper .pagination .page-item .page-link, body.dark-layout .data-thumb-view-header .dataTables_wrapper .pagination .page-item .page-link {
  background-color : #10163A;
}
body.dark-layout .data-list-view-header .dataTable tbody tr, body.dark-layout .data-thumb-view-header .dataTable tbody tr {
  background-color : transparent;
}
body.dark-layout .data-list-view-header .dataTable tbody tr.selected td, body.dark-layout .data-thumb-view-header .dataTable tbody tr.selected td {
  background-color : rgba(115, 103, 240, 0.05);
  color : #7367F0;
}
body.dark-layout .data-list-view-header .add-new-data, body.dark-layout .data-thumb-view-header .add-new-data {
  background-color : #262C49;
}
body.dark-layout .data-list-view-header .add-new-data .new-data-title, body.dark-layout .data-thumb-view-header .add-new-data .new-data-title {
  border-color : #414561;
}
body.dark-layout .data-list-view-header .add-new-data .new-data-title .hide-data-sidebar i, body.dark-layout .data-thumb-view-header .add-new-data .new-data-title .hide-data-sidebar i {
  color : #fff;
}
body.dark-layout .data-list-view-header .add-new-data .data-items .form-control, body.dark-layout .data-list-view-header .add-new-data .data-items .custom-select, body.dark-layout .data-thumb-view-header .add-new-data .data-items .form-control, body.dark-layout .data-thumb-view-header .add-new-data .data-items .custom-select {
  background-color : #10163A;
}
body.dark-layout .bd-example .row, body.dark-layout .bd-example .d-flex {
  background-color : #262C49;
}
body.dark-layout .bd-example .row .col, body.dark-layout .bd-example .row [class*='col-'], body.dark-layout .bd-example .row .bd-highlight, body.dark-layout .bd-example .d-flex .col, body.dark-layout .bd-example .d-flex [class*='col-'], body.dark-layout .bd-example .d-flex .bd-highlight {
  background-color : #262C49;
  border-color : #808080;
}
body.dark-layout .bd-example .height-example-wrapper {
  background-color : #343661 !important;
}
body.dark-layout .bd-example .width-example, body.dark-layout .bd-example .height-example {
  background-color : #262C49 !important;
}
body.dark-layout .bd-example-row-flex-cols .row {
  background-color : #262C49;
}
body.dark-layout .colors-container span {
  color : #FFFFFF;
}
body.dark-layout .alert .alert-heading, body.dark-layout .alert p {
  color : inherit;
}
body.dark-layout .alert.alert-dark .alert-heading, body.dark-layout .alert.alert-dark p {
  color : #B8C2CC;
}
body.dark-layout .content-header-left .breadcrumbs-top .content-header-title {
  color : #EBEEFD;
}
body.dark-layout .content-header-left .breadcrumbs-top .breadcrumb-wrapper .breadcrumb .breadcrumb-item {
  color : #fff;
}
body.dark-layout .content-header-left .breadcrumbs-top .breadcrumb-wrapper .breadcrumb .breadcrumb-item:before {
  color : #fff;
}
body.dark-layout .content-header-left .breadcrumbs-top .breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(.active) a:hover {
  color : #7367F0;
}
body.dark-layout #default-breadcrumb .breadcrumb .breadcrumb-item, body.dark-layout #breadcrumb-alignment .breadcrumb .breadcrumb-item {
  color : #fff;
}
body.dark-layout #default-breadcrumb .breadcrumb .breadcrumb-item:before, body.dark-layout #breadcrumb-alignment .breadcrumb .breadcrumb-item:before {
  color : #fff;
}
body.dark-layout #default-breadcrumb .breadcrumb .breadcrumb-item:not(.active) a:hover, body.dark-layout #breadcrumb-alignment .breadcrumb .breadcrumb-item:not(.active) a:hover {
  color : #7367F0;
}
body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item {
  color : #fff;
}
body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item a {
  color : #fff;
}
body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item:before {
  color : #fff;
}
body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item.active {
  color : #7367F0;
}
body.dark-layout .collapse-bordered .collapse-header {
  border-color : rgba(255, 255, 255, 0.04);
}
body.dark-layout .collapse-bordered.accordion-shadow {
  box-shadow : 0 0 8px 0 rgba(255, 255, 255, 0.1);
}
body.dark-layout .accordion .collapse-border-item {
  border-color : rgba(255, 255, 255, 0.04);
}
body.dark-layout .collapse-margin {
  box-shadow : 0 2px 15px 0 rgba(255, 255, 255, 0.1);
}
body.dark-layout .accordion[data-toggle-hover='true'] .card, body.dark-layout .collapse[data-toggle-hover='true'] .card {
  border-color : rgba(255, 255, 255, 0.04);
}
body.dark-layout .collapse-icon .card-header a {
  color : #fff;
}
body.dark-layout .btn.btn-icon i {
  color : #FFFFFF;
}
body.dark-layout .btn.btn-dark, body.dark-layout .btn.btn-outline-dark, body.dark-layout .btn.btn-flat-dark {
  color : #B8C2CC;
}
body.dark-layout .btn.btn-dark {
  background-color : #4E5154 !important;
}
body.dark-layout .btn.btn-outline-dark {
  border-color : #4E5154;
  color : #B8C2CC;
}
body.dark-layout .btn.btn-flat-dark:active, body.dark-layout .btn.btn-flat-dark:focus {
  background : #4E5154;
}
body.dark-layout .btn.btn-white {
  color : #626262;
}
body.dark-layout .dropdown-toggle:hover i, body.dark-layout .dropdown-toggle:hover:after {
  color : #FFFFFF;
}
body.dark-layout .dropdown-menu {
  background-color : #262C49;
}
body.dark-layout .dropdown-menu:before, body.dark-layout .dropdown-menu .dropdown-item:hover, body.dark-layout .dropdown-menu .dropdown-item:focus {
  background : #262C49;
}
body.dark-layout .dropdown-menu .dropdown-item {
  color : #fff;
}
body.dark-layout .dropdown-menu .form-control {
  background-color : #10163A;
}
body.dark-layout .dropdown-menu .dropdown-divider {
  border-color : #414561;
}
body.dark-layout .search-bar .form-control {
  background-color : #10163A;
}
body.dark-layout .btn-white ~ .dropdown-menu .dropdown-item:not(.acitve):hover {
  color : #7367F0 !important;
}
body.dark-layout .btn-dark ~ .dropdown-menu .dropdown-item:hover, body.dark-layout .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover, body.dark-layout .btn-flat-dark ~ .dropdown-menu .dropdown-item:hover {
  color : #fff;
}
body.dark-layout .dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item i {
  color : #fff;
}
body.dark-layout .modal .modal-header, body.dark-layout .modal .modal-header[class*='bg-'] {
  background-color : #10163A;
}
body.dark-layout .modal .modal-header .close, body.dark-layout .modal .modal-header[class*='bg-'] .close {
  background-color : #262C49;
  text-shadow : none;
}
body.dark-layout .modal .modal-header .close span, body.dark-layout .modal .modal-header[class*='bg-'] .close span {
  color : #FFFFFF;
}
body.dark-layout .modal .modal-content, body.dark-layout .modal .modal-body, body.dark-layout .modal .modal-footer {
  background-color : #262C49;
}
body.dark-layout .modal .modal-content .form-control, body.dark-layout .modal .modal-content .picker__input, body.dark-layout .modal .modal-content .custom-file-label, body.dark-layout .modal .modal-content .custom-file-label:after, body.dark-layout .modal .modal-body .form-control, body.dark-layout .modal .modal-body .picker__input, body.dark-layout .modal .modal-body .custom-file-label, body.dark-layout .modal .modal-body .custom-file-label:after, body.dark-layout .modal .modal-footer .form-control, body.dark-layout .modal .modal-footer .picker__input, body.dark-layout .modal .modal-footer .custom-file-label, body.dark-layout .modal .modal-footer .custom-file-label:after {
  background-color : #10163A !important;
}
body.dark-layout .pagination:not([class*='pagination-']) .page-item.active {
  background-color : #262C49;
}
body.dark-layout .pagination:not([class*='pagination-']) .page-item.active .page-link {
  background-color : #7367F0;
}
body.dark-layout .pagination:not([class*='pagination-']) .page-item.active .page-link:hover {
  color : #FFFFFF;
}
body.dark-layout .pagination:not([class*='pagination-']) .page-item .page-link {
  background-color : #262C49;
  color : #FFFFFF;
}
body.dark-layout .pagination:not([class*='pagination-']) .page-item .page-link:hover {
  color : #7367F0;
}
body.dark-layout .pagination:not([class*='pagination-']) .page-item.prev-item .page-link:hover, body.dark-layout .pagination:not([class*='pagination-']) .page-item.next-item .page-link:hover {
  color : #FFFFFF;
}
body.dark-layout .pagination[class*='pagination-'] .page-item:not(.active):not(:hover) .page-link {
  background-color : #262C49;
  color : #FFFFFF;
}
body.dark-layout .pagination[class*='pagination-'] .page-item:not(.active) .page-link:hover {
  background-color : #262C49;
}
body.dark-layout .pagination[class*='pagination-'] .page-item.active {
  background-color : #262C49;
}
body.dark-layout .nav .nav-item .nav-link {
  color : #fff;
}
body.dark-layout .nav .nav-item .nav-link.active, body.dark-layout .nav .nav-item .nav-link:hover {
  color : #7367F0;
}
body.dark-layout #navbar-component #basic-navbar .navbar {
  background-color : #262C49;
}
body.dark-layout #navbar-component .navbar .nav .nav-item a {
  color : #fff !important;
}
body.dark-layout #navbar-component .navbar .nav .nav-item .nav-link {
  background-color : inherit;
}
body.dark-layout #navbar-component .navbar .nav .nav-item .nav-link span {
  color : inherit;
}
body.dark-layout #navbar-component .navbar .nav .nav-item .nav-link .badge {
  color : #FFFFFF;
}
body.dark-layout .nav-tabs .nav-item .nav-link, body.dark-layout .nav-tabs.nav-justified .nav-item .nav-link, body.dark-layout .nav .nav-item .nav-link {
  background-color : #10163A;
}
body.dark-layout .nav-tabs .nav-item .nav-link.active, body.dark-layout .nav-tabs.nav-justified .nav-item .nav-link.active, body.dark-layout .nav .nav-item .nav-link.active {
  background-color : #10163A;
}
body.dark-layout .nav-tabs .nav-item .nav-link.disabled, body.dark-layout .nav-tabs.nav-justified .nav-item .nav-link.disabled, body.dark-layout .nav .nav-item .nav-link.disabled {
  opacity : 0.5;
}
body.dark-layout .nav-tabs ~ .tab-content .tab-pane, body.dark-layout .nav-tabs.nav-justified ~ .tab-content .tab-pane, body.dark-layout .nav ~ .tab-content .tab-pane {
  background-color : #10163A;
}
body.dark-layout .nav-vertical .nav.nav-tabs.nav-left ~ .tab-content .tab-pane, body.dark-layout .nav-vertical .nav.nav-tabs.nav-right ~ .tab-content .tab-pane {
  background-color : #10163A;
}
body.dark-layout .nav-pills .nav-item .nav-link.active {
  color : #FFFFFF;
  background-color : #7367F0;
}
body.dark-layout .nav-pills.nav-active-bordered-pill .nav-item .nav-link.active {
  background-color : transparent;
}
body.dark-layout .card {
  background-color : #10163A;
}
body.dark-layout .card .card-header, body.dark-layout .card .card-footer {
  color : #fff;
  background-color : #7367F0;
}
body.dark-layout .card .card-header .heading-elements.visible ul li {
  background-color : #10163A;
}
body.dark-layout .card .heading-elements.visible .list-inline {
  background-color : #10163A;
}
body.dark-layout .card .card-body, body.dark-layout .card .card-footer {
  color : #fff;
  border-color : #414561;
}
body.dark-layout .card.overlay-img-card .card-img-overlay span, body.dark-layout .card.overlay-img-card .card-img-overlay p {
  color : #FFFFFF;
}
body.dark-layout .media-bordered .media {
  border-color : #414561;
}
body.dark-layout .activity-timeline {
  border-color : #414561;
}
body.dark-layout #dashboard-analytics .bg-analytics {
  background : -webkit-linear-gradient(208deg, #7367F0, rgba(115, 103, 240, 0.7));
  background :         linear-gradient(-118deg, #7367F0, rgba(115, 103, 240, 0.7));
}
body.dark-layout #dashboard-analytics .bg-analytics p {
  color : #FFFFFF;
}
body.dark-layout #dashboard-analytics .bg-analytics .card-body {
  background-color : transparent;
}
body.dark-layout #dashboard-ecommerce .chat-application .chat-app-window .user-chats .chats .chat-body .chat-content p, body.dark-layout #overlay-image-chat-cards .chat-application .chat-app-window .user-chats .chats .chat-body .chat-content p {
  color : #FFFFFF;
}
body.dark-layout #dashboard-ecommerce .chat-application .chat-app-window .user-chats .chats .chat-left .chat-content, body.dark-layout #overlay-image-chat-cards .chat-application .chat-app-window .user-chats .chats .chat-left .chat-content {
  background-color : #171E49;
  border : 1px solid #414561;
}
body.dark-layout #dashboard-ecommerce .chat-application .chat-app-window .user-chats .chats .chat-left .chat-content p, body.dark-layout #overlay-image-chat-cards .chat-application .chat-app-window .user-chats .chats .chat-left .chat-content p {
  color : #fff;
}
body.dark-layout #dashboard-ecommerce .chat-application .chat-app-window .chat-footer, body.dark-layout #overlay-image-chat-cards .chat-application .chat-app-window .chat-footer {
  border-top : 1px solid #414561;
}
body.dark-layout #dashboard-ecommerce .chat-application .chat-app-window .chat-footer .card-body, body.dark-layout #overlay-image-chat-cards .chat-application .chat-app-window .chat-footer .card-body {
  padding-top : 1.5rem !important;
}
body.dark-layout .badge {
  color : #FFFFFF;
}
body.dark-layout .badge span {
  color : #FFFFFF;
}
body.dark-layout .badge:hover i {
  color : #FFFFFF;
}
body.dark-layout .popover[x-placement='top'] .arrow:after {
  border-top-color : #262C49;
}
body.dark-layout .popover[x-placement='bottom'] .arrow:after {
  border-bottom-color : #7367F0;
}
body.dark-layout .popover[x-placement='left'] .arrow:after {
  border-right-color : #262C49;
}
body.dark-layout .popover[x-placement='right'] .arrow:after {
  border-left-color : #262C49;
}
body.dark-layout .popover .popover-body {
  background-color : #262C49;
  color : #fff;
}
body.dark-layout .toast {
  background-color : #262C49;
  box-shadow : 5px 5px 5px 0 rgba(0, 0, 0, 0.3);
}
body.dark-layout .toast .toast-header {
  background-color : #262C49;
  color : #fff;
  border-color : #414561;
}
body.dark-layout .toast .toast-header .close {
  text-shadow : none;
  opacity : 1;
}
body.dark-layout .toast .toast-body {
  background-color : #262C49;
  color : #fff;
}
body.dark-layout .avatar {
  background-color : #262C49;
}
body.dark-layout .avatar .avatar-content {
  color : #FFFFFF;
}
body.dark-layout .chip {
  background-color : #262C49;
}
body.dark-layout .chip .avatar {
  background-color : #10163A;
}
body.dark-layout .chip .chip-body .chip-text, body.dark-layout .chip .chip-body span {
  color : #FFFFFF;
}
body.dark-layout .divider .divider-text {
  background-color : transparent;
  color : #fff;
}
body.dark-layout .divider .divider-text::before, body.dark-layout .divider .divider-text::after {
  border-color : #414561;
}
body.dark-layout .divider.divider-dark .divider-text::before, body.dark-layout .divider.divider-dark .divider-text::after {
  border-color : #4E5154 !important;
}
body.dark-layout .list-group .list-group-item:not([class*='list-group-item-']), body.dark-layout .list-group .list-group-item.list-group-item-action {
  background-color : #10163A;
  border-color : #414561;
  color : #fff;
}
body.dark-layout .list-group .list-group-item:not([class*='list-group-item-']):hover, body.dark-layout .list-group .list-group-item.list-group-item-action:hover {
  background-color : #262C49;
}
body.dark-layout .list-group .list-group-item.active {
  background-color : #7367F0;
  color : #FFFFFF;
}
body.dark-layout .list-group .list-group-item.active:hover {
  background-color : #7367F0;
}
body.dark-layout .list-group .list-group-item.active p, body.dark-layout .list-group .list-group-item.active small {
  color : #FFFFFF;
}
body.dark-layout .list-group .list-group-item.disabled {
  background-color : #262C49;
}
body.dark-layout .spinner-border {
  border-color : currentColor !important;
  border-left-color : transparent !important;
}
body.dark-layout input.form-control, body.dark-layout .custom-file-label, body.dark-layout textarea.form-control {
  background-color : #262C49 !important;
  color : #fff;
}
body.dark-layout input.form-control:not(:focus), body.dark-layout .custom-file-label:not(:focus), body.dark-layout textarea.form-control:not(:focus) {
  border : 0;
}
body.dark-layout input.form-control::-webkit-input-placeholder, body.dark-layout .custom-file-label::-webkit-input-placeholder, body.dark-layout textarea.form-control::-webkit-input-placeholder {
  color : #fff;
}
body.dark-layout input.form-control::-moz-placeholder, body.dark-layout .custom-file-label::-moz-placeholder, body.dark-layout textarea.form-control::-moz-placeholder {
  color : #fff;
}
body.dark-layout input.form-control:-ms-input-placeholder, body.dark-layout .custom-file-label:-ms-input-placeholder, body.dark-layout textarea.form-control:-ms-input-placeholder {
  color : #fff;
}
body.dark-layout input.form-control::-ms-input-placeholder, body.dark-layout .custom-file-label::-ms-input-placeholder, body.dark-layout textarea.form-control::-ms-input-placeholder {
  color : #fff;
}
body.dark-layout input.form-control::placeholder, body.dark-layout .custom-file-label::placeholder, body.dark-layout textarea.form-control::placeholder {
  color : #fff;
}
body.dark-layout input.form-control ~ .form-control-position i, body.dark-layout .custom-file-label ~ .form-control-position i, body.dark-layout textarea.form-control ~ .form-control-position i {
  color : #fff;
}
body.dark-layout input.form-control:focus ~ .form-control-position i, body.dark-layout .custom-file-label:focus ~ .form-control-position i, body.dark-layout textarea.form-control:focus ~ .form-control-position i {
  color : #7367F0;
}
body.dark-layout input.form-control:disabled, body.dark-layout input.form-control[readonly='readonly'], body.dark-layout .custom-file-label:disabled, body.dark-layout .custom-file-label[readonly='readonly'], body.dark-layout textarea.form-control:disabled, body.dark-layout textarea.form-control[readonly='readonly'] {
  opacity : 0.5;
}
body.dark-layout .char-textarea.active {
  color : #fff !important;
}
body.dark-layout .char-textarea.max-limit {
  color : #EA5455 !important;
}
body.dark-layout .custom-file-label:after {
  background-color : #262C49;
  border-right : 1px solid #414561;
  color : #fff;
}
body.dark-layout .has-icon-left.input-divider-left .form-control-position i {
  border-left-color : #414561;
}
body.dark-layout .has-icon-left.input-divider-right .form-control-position i {
  border-right-color : #414561;
}
body.dark-layout .bootstrap-touchspin .form-control {
  background-color : #262C49;
}
body.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down, body.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up, body.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .disabled-max-min {
  background-color : #B8C2CC !important;
  opacity : 1;
}
body.dark-layout .bootstrap-touchspin .bootstrap-touchspin-injected .disabled-max-min {
  background-color : #B8C2CC !important;
  opacity : 1;
}
body.dark-layout select.form-control, body.dark-layout .custom-select {
  background-color : #262C49;
  color : #fff;
  border : 0;
}
body.dark-layout select.form-control option:checked, body.dark-layout .custom-select option:checked {
  background-color : #10163A;
}
body.dark-layout .select2-container .select2-selection {
  background : #262C49;
}
body.dark-layout .select2-container .select2-selection .select2-selection__rendered {
  color : #fff;
}
body.dark-layout .select2-container .select2-selection .select2-selection__rendered .select2-search__field {
  color : #FFFFFF;
}
body.dark-layout .select2-container .select2-selection .select2-selection__arrow b {
  border-top-color : #414561;
}
body.dark-layout .select2-container .select2-dropdown {
  background-color : #10163A;
}
body.dark-layout .select2-container .select2-dropdown .select2-search__field {
  background-color : #262C49;
  color : #fff;
}
body.dark-layout .select2-container .select2-dropdown.bg-info .select2-results__options .select2-results__option {
  color : #FFFFFF;
}
body.dark-layout .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected='true'] {
  background-color : #7367F0;
}
body.dark-layout .select2-container.select2-container--classic .selection .select2-selection__arrow {
  background-image : none;
  background-color : #262C49;
  border-color : rgba(255, 255, 255, 0.1);
}
body.dark-layout .custom-switch .custom-control-input[disabled] ~ .custom-control-label {
  opacity : 0.5;
}
body.dark-layout .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color : #7367F0;
}
body.dark-layout .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color : #7367F0;
}
body.dark-layout .custom-switch .custom-control-label:before {
  background-color : #262C49;
}
body.dark-layout .picker__input {
  background-color : #262C49 !important;
}
body.dark-layout .picker__holder {
  background-color : #262C49;
}
body.dark-layout .picker__holder .picker__header .picker__month, body.dark-layout .picker__holder .picker__header .picker__year {
  color : #fff;
}
body.dark-layout .picker__holder .picker__header .picker__select--year, body.dark-layout .picker__holder .picker__header .picker__select--month {
  color : #fff;
  background-color : #262C49;
}
body.dark-layout .picker__holder .picker__header .picker__nav--next:hover, body.dark-layout .picker__holder .picker__header .picker__nav--prev:hover {
  background-color : #10163A;
}
body.dark-layout .picker__holder .picker__table thead tr .picker__weekday {
  color : #fff;
}
body.dark-layout .picker__holder .picker__table tbody tr td .picker__day {
  color : #fff;
}
body.dark-layout .picker__holder .picker__table tbody tr td .picker__day:hover {
  background-color : transparent;
  border : 1px solid #4EC6E8;
  color : #fff;
}
body.dark-layout .picker__holder .picker__table tbody tr td .picker__day.picker__day--disabled {
  color : #fff;
  opacity : 0.5;
  background : #10163A;
}
body.dark-layout .picker__holder .picker__table tbody tr td .picker__day--today {
  background-color : #10163A;
}
body.dark-layout .picker__holder .picker__footer .picker__button--today, body.dark-layout .picker__holder .picker__footer .picker__button--clear, body.dark-layout .picker__holder .picker__footer .picker__button--close {
  background-color : #262C49;
  color : #fff;
}
body.dark-layout .picker--time .picker__holder .picker__list {
  background-color : #262C49;
}
body.dark-layout .picker--time .picker__holder .picker__list .picker__list-item.picker__list-item--selected, body.dark-layout .picker--time .picker__holder .picker__list .picker__list-item:hover {
  background-color : #10163A;
}
body.dark-layout .picker--time .picker__holder .picker__list .picker__list-item.picker__list-item--disabled {
  background-color : #10163A;
  color : #B8C2CC;
  opacity : 0.5;
}
body.dark-layout .picker--time .picker__holder .picker__list .picker__button--clear {
  background-color : #262C49;
  color : #fff;
}
body.dark-layout .custom-control-label::before {
  background-color : #414561;
}
body.dark-layout .custom-control-input:disabled ~ .custom-control-label::before {
  background-color : rgba(65, 69, 97, 0.5);
  border-color : #414561;
}
body.dark-layout .wizard .steps ul .disabled a, body.dark-layout .wizard .steps ul .done a {
  color : #fff !important;
}
body.dark-layout .wizard .steps ul .disabled a:hover, body.dark-layout .wizard .steps ul .done a:hover {
  color : #fff;
}
body.dark-layout .wizard .steps ul .disabled a .step, body.dark-layout .wizard .steps ul .done a .step {
  background-color : #262C49;
  color : #FFFFFF;
}
body.dark-layout .input-group .input-group-prepend .input-group-text, body.dark-layout .input-group .input-group-append .input-group-text {
  background-color : #10163A;
  border : 1px solid #414561;
}
body.dark-layout .input-group .input-group-prepend ~ .form-control {
  border-right : 1px solid #414561;
}
body.dark-layout .input-group .form-control ~ .input-group-append {
  border-right : 1px solid #414561;
}
body.dark-layout .form-label-group > input:not(:focus):not(:placeholder-shown) ~ label, body.dark-layout .form-label-group > textarea:not(:focus):not(:placeholder-shown) ~ label {
  color : #fff !important;
}
body.dark-layout .table {
  background-color : #212744;
}
body.dark-layout .table .thead tr:not([class*='table-']) th, body.dark-layout .table .thead tr:not([class*='table-']) td, body.dark-layout .table tbody tr:not([class*='table-']) th, body.dark-layout .table tbody tr:not([class*='table-']) td {
  border : 0;
  color : #fff;
}
body.dark-layout .table .thead tr:not([class*='table-']) th code, body.dark-layout .table .thead tr:not([class*='table-']) td code, body.dark-layout .table tbody tr:not([class*='table-']) th code, body.dark-layout .table tbody tr:not([class*='table-']) td code {
  background-color : #10163A;
}
body.dark-layout .table thead tr th {
  border : 0;
  background-color : #212744;
  color : #fff;
}
body.dark-layout .table tbody tr[class*='table-'] td, body.dark-layout .table tbody tr[class*='table-'] th {
  background-color : unset;
  color : #22292F;
  border-color : #414561;
}
body.dark-layout .table tbody tr.table-dark td, body.dark-layout .table tbody tr.table-dark th {
  color : #FFFFFF;
}
body.dark-layout .table tbody tr.table-active td, body.dark-layout .table tbody tr.table-active th {
  color : #fff;
}
body.dark-layout .table tbody tr th {
  background-color : #262C49;
}
body.dark-layout .table tbody tr td {
  background-color : #262C49;
  color : #fff;
}
body.dark-layout .table.table-bordered {
  border : 1px solid #414561;
}
body.dark-layout .table.table-bordered thead tr th, body.dark-layout .table.table-bordered thead tr td, body.dark-layout .table.table-bordered tbody tr th, body.dark-layout .table.table-bordered tbody tr td {
  border : 1px solid #414561;
}
body.dark-layout .table.table-hover tbody tr:hover {
  background-color : #10163A;
}
body.dark-layout .table.table-hover tbody tr th, body.dark-layout .table.table-hover tbody tr td {
  background-color : unset;
}
body.dark-layout .table.table-striped tbody tr:nth-of-type(odd) {
  background-color : #10163A;
}
body.dark-layout .table.table-striped tbody tr td, body.dark-layout .table.table-striped tbody tr th {
  background-color : unset;
}
body.dark-layout .table.table-mx-0 {
  background-color : #10163A;
}
body.dark-layout .table.table-mx-0 thead tr th, body.dark-layout .table.table-mx-0 thead tr td, body.dark-layout .table.table-mx-0 tbody tr th, body.dark-layout .table.table-mx-0 tbody tr td {
  background-color : #10163A;
}
body.dark-layout .dataTables_wrapper .dt-buttons .buttons-copy, body.dark-layout .dataTables_wrapper .dt-buttons .buttons-excel, body.dark-layout .dataTables_wrapper .dt-buttons .buttons-pdf, body.dark-layout .dataTables_wrapper .dt-buttons .buttons-print, body.dark-layout .dataTables_wrapper .dt-buttons .btn-secondary {
  background-color : #262C49 !important;
}
body.dark-layout .dataTables_wrapper .table.dataTable {
  border : 0;
}
body.dark-layout .dataTables_wrapper .table.dataTable tbody td, body.dark-layout .dataTables_wrapper .table.dataTable tbody th, body.dark-layout .dataTables_wrapper .table.dataTable thead td, body.dark-layout .dataTables_wrapper .table.dataTable thead th {
  border : 0;
  color : #fff;
}
body.dark-layout .dataTables_wrapper .table.dataTable tfoot tr th {
  color : #fff;
}
body.dark-layout .dataTables_wrapper .table.dataTable tr.group td {
  background-color : #212744;
  color : #FFFFFF;
}
body.dark-layout .dataTables_wrapper .table.dataTable.complex-headers tbody tr:nth-of-type(even), body.dark-layout .dataTables_wrapper .table.dataTable.table-striped tbody tr:nth-of-type(even) {
  background-color : #262C49;
}
body.dark-layout .dataTables_wrapper .table.dataTable.complex-headers tfoot tr th, body.dark-layout .dataTables_wrapper .table.dataTable.table-striped tfoot tr th {
  border : 0;
}
body.dark-layout .dataTables_wrapper .table.dataTable.complex-headers {
  border : 1px solid #414561;
}
body.dark-layout .dataTables_wrapper .table.dataTable.complex-headers thead th, body.dark-layout .dataTables_wrapper .table.dataTable.complex-headers thead td, body.dark-layout .dataTables_wrapper .table.dataTable.complex-headers tfoot th, body.dark-layout .dataTables_wrapper .table.dataTable.complex-headers tfoot td {
  border-bottom : 1px solid #414561;
  border-left : 1px solid #414561;
}
body.dark-layout .dt-button-info {
  background-color : #262C49;
}
body.dark-layout .dt-button-info h2 {
  background-color : #262C49;
}
body.dark-layout .dt-button-info div {
  color : #fff;
}
body.dark-layout .ag-grid-btns .filter-btn {
  background-color : transparent !important;
}
body.dark-layout .ag-grid-btns .filter-btn:focus {
  color : #fff !important;
}
body.dark-layout .ag-grid-btns .filter-btn:hover {
  box-shadow : none;
  color : #fff !important;
}
body.dark-layout .aggrid, body.dark-layout .ag-header {
  background-color : #10163A;
  color : #fff;
  border-color : #414561;
}
body.dark-layout .aggrid .ag-row-hover, body.dark-layout .aggrid .ag-row-selected, body.dark-layout .ag-header .ag-row-hover, body.dark-layout .ag-header .ag-row-selected {
  background-color : #262C49 !important;
}
body.dark-layout .aggrid .ag-icon, body.dark-layout .ag-header .ag-icon {
  color : #fff;
}
body.dark-layout .aggrid .ag-icon.ag-icon-checkbox-checked, body.dark-layout .aggrid .ag-icon.ag-icon-checkbox-indeterminate, body.dark-layout .ag-header .ag-icon.ag-icon-checkbox-checked, body.dark-layout .ag-header .ag-icon.ag-icon-checkbox-indeterminate {
  color : #7367F0;
}
body.dark-layout .aggrid .ag-header-cell, body.dark-layout .aggrid .ag-cell, body.dark-layout .aggrid .ag-row, body.dark-layout .aggrid .ag-pinned-left-header, body.dark-layout .aggrid .ag-pinned-left-cols-container, body.dark-layout .aggrid .ag-horizontal-left-spacer, body.dark-layout .aggrid .ag-paging-panel, body.dark-layout .aggrid .ag-floating-filter-input, body.dark-layout .ag-header .ag-header-cell, body.dark-layout .ag-header .ag-cell, body.dark-layout .ag-header .ag-row, body.dark-layout .ag-header .ag-pinned-left-header, body.dark-layout .ag-header .ag-pinned-left-cols-container, body.dark-layout .ag-header .ag-horizontal-left-spacer, body.dark-layout .ag-header .ag-paging-panel, body.dark-layout .ag-header .ag-floating-filter-input {
  border-color : #414561 !important;
  color : #fff;
}
body.dark-layout .aggrid .ag-popup .ag-menu, body.dark-layout .ag-header .ag-popup .ag-menu {
  background-color : #262C49;
}
body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-filter, body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-select, body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-filter, body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-select {
  background-color : transparent;
  border-color : #414561;
  color : #fff;
}
body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-filter::-webkit-input-placeholder, body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-select::-webkit-input-placeholder, body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-filter::-webkit-input-placeholder, body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-select::-webkit-input-placeholder {
  color : #fff;
}
body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-filter::-moz-placeholder, body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-select::-moz-placeholder, body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-filter::-moz-placeholder, body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-select::-moz-placeholder {
  color : #fff;
}
body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-filter:-ms-input-placeholder, body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-select:-ms-input-placeholder, body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-filter:-ms-input-placeholder, body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-select:-ms-input-placeholder {
  color : #fff;
}
body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-filter::-ms-input-placeholder, body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-select::-ms-input-placeholder, body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-filter::-ms-input-placeholder, body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-select::-ms-input-placeholder {
  color : #fff;
}
body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-filter::placeholder, body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-select::placeholder, body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-filter::placeholder, body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-select::placeholder {
  color : #fff;
}
body.dark-layout .aggrid .ag-popup .ag-menu .ag-filter-select option, body.dark-layout .ag-header .ag-popup .ag-menu .ag-filter-select option {
  background-color : #262C49;
}
body.dark-layout .aggrid .ag-paging-panel .ag-disabled, body.dark-layout .ag-header .ag-paging-panel .ag-disabled {
  background-color : #373F6D;
}
body.dark-layout .aggrid .ag-paging-panel .ag-disabled .ag-icon, body.dark-layout .ag-header .ag-paging-panel .ag-disabled .ag-icon {
  color : #fff !important;
}
body.dark-layout .aggrid .ag-paging-panel span[ref='lbTotal'], body.dark-layout .ag-header .ag-paging-panel span[ref='lbTotal'] {
  background-color : #373F6D;
  color : #fff !important;
}
body.dark-layout .aggrid ::-webkit-scrollbar-track, body.dark-layout .ag-header ::-webkit-scrollbar-track {
  background : #262C49;
}
body.dark-layout .aggrid ::-webkit-scrollbar-thumb, body.dark-layout .ag-header ::-webkit-scrollbar-thumb {
  background : #7367F0;
}
body.dark-layout .bg-authentication {
  background-color : #EFF2F7;
}
body.dark-layout .bg-authentication .form-group.row, body.dark-layout .bg-authentication .card-footer {
  background-color : #10163A;
}
body.dark-layout .bg-authentication .form-group.row .btn-facebook span, body.dark-layout .bg-authentication .form-group.row .btn-twitter span, body.dark-layout .bg-authentication .card-footer .btn-facebook span, body.dark-layout .bg-authentication .card-footer .btn-twitter span {
  color : #FFFFFF;
}
body.dark-layout .getting-started .clockCard p {
  color : #fff !important;
}
body.dark-layout #user-profile .profile-header .profile-header-nav {
  background-color : #10163A;
}
body.dark-layout #search-website .search-bar .form-control {
  background-color : #10163A;
}
body.dark-layout #search-website .search-menu .search-filter {
  background-color : #10163A;
  color : #fff;
}
body.dark-layout #search-website .search-result-info .dropdown-toggle {
  color : #fff;
}
body.dark-layout #search-website .search-pagination .pagination .page-item {
  background-color : #10163A;
}
body.dark-layout #search-website .search-pagination .pagination .page-item.active .page-link {
  background-color : #7367F0;
}
body.dark-layout #search-website .search-pagination .pagination .page-item .page-link {
  background-color : #10163A;
}
body.dark-layout .faq .accordion .collapse-margin {
  background-color : #10163A;
}
body.dark-layout .faq .accordion .collapse-title {
  color : #EBEEFD;
}
body.dark-layout .faq-bg .card-body .card-text, body.dark-layout .knowledge-base-bg .card-body .card-text {
  color : #FFFFFF;
}
body.dark-layout .search-content .card .card-body .text-dark {
  color : #fff !important;
}
body.dark-layout .knowledge-base-category .list-group .list-group-item, body.dark-layout .knowledge-base-question .list-group .list-group-item {
  color : #7367F0;
}
body.dark-layout .invoice-items-table .table-borderless, body.dark-layout .invoice-total-table .table-borderless {
  border : 0;
}
body.dark-layout .invoice-print .form-control {
  background-color : #10163A;
}
body.dark-layout .apexcharts-canvas .apexcharts-gridlines-horizontal .apexcharts-gridline {
  stroke : #414561;
}
body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light, body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip, body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip {
  background-color : #212744;
  border-color : #262C49;
}
body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-title, body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-text, body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-tooltip-title, body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-tooltip-text, body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-tooltip-title, body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-tooltip-text {
  background-color : #212744;
  color : #fff;
}
body.dark-layout .apexcharts-canvas .apexcharts-tooltip.dark .apexcharts-tooltip-text .apexcharts-tooltip-text-label, body.dark-layout .apexcharts-canvas .apexcharts-tooltip.dark .apexcharts-tooltip-text .apexcharts-tooltip-text-value {
  color : #FFFFFF;
}
body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-bottom:before {
  border-bottom-color : transparent;
}
body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-bottom:after {
  border-bottom-color : #262C49;
}
body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:before {
  border-right-color : transparent;
}
body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:after {
  border-right-color : #262C49;
}
body.dark-layout .apexcharts-canvas text {
  fill : #FFFFFF !important;
}
body.dark-layout .apexcharts-canvas .apexcharts-legend-series .apexcharts-legend-text {
  color : #fff !important;
}
body.dark-layout .apexcharts-canvas .apexcharts-radialbar-track path {
  stroke : #262C49;
}
body.dark-layout .apexcharts-canvas .apexcharts-inner polygon {
  stroke : #212744 !important;
  fill : #262C49 !important;
}
body.dark-layout .apexcharts-canvas .apexcharts-pie-series path {
  stroke : #262C49;
}
body.dark-layout .apexcharts-canvas .apexcharts-menu {
  background-color : #262C49;
  border : 0;
}
body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-in-icon:hover svg, body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-out-icon:hover svg, body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-icon:hover svg, body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-menu-icon:hover svg, body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-reset-zoom-icon:hover svg {
  fill : #fff;
}
body.dark-layout.email-application .app-content .content-area-wrapper {
  border-color : #414561;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-sidebar {
  background-color : #262C49;
}
body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search {
  background-color : #10163A;
  border-color : #414561;
}
body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control {
  color : #fff;
}
body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control::-webkit-input-placeholder {
  color : #fff;
}
body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control::-moz-placeholder {
  color : #fff;
}
body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control:-ms-input-placeholder {
  color : #fff;
}
body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control::-ms-input-placeholder {
  color : #fff;
}
body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control::placeholder {
  color : #fff;
}
body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control:focus ~ .form-control-position i {
  color : #7367F0;
}
body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control-position i {
  color : #fff;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list-wrapper {
  border-color : #414561;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list-wrapper .app-action {
  border-color : #414561;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-messages .list-group-item, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-labels .list-group-item {
  background : #262C49;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-messages .list-group-item.active, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-messages .list-group-item.active:hover, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-labels .list-group-item.active, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-labels .list-group-item.active:hover {
  color : #7367F0;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-messages .list-group-item:hover, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-menu .sidebar-menu-list .list-group-labels .list-group-item:hover {
  color : #fff;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .app-action .action-right .list-inline-item .dropdown-toggle {
  color : #fff;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media {
  border-color : #414561;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media:hover {
  box-shadow : 0 0 0 0 #1E1E1E;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media {
  background-color : #262C49;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read .user-details p, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read .user-details .list-group-item-text, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read .mail-message p, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read .mail-message .list-group-item-text, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media .user-details p, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media .user-details .list-group-item-text, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media .mail-message p, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media .mail-message .list-group-item-text {
  color : #fff;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read .user-details .mail-meta-item .mail-date, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read .mail-message .mail-meta-item .mail-date, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media .user-details .mail-meta-item .mail-date, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .media .mail-message .mail-meta-item .mail-date {
  color : #fff;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .email-user-list .mail-read {
  background-color : #414561;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-details.show {
  background-color : #212744;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-details .email-detail-header {
  background-color : #10163A;
  border-color : #414561;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-details .email-detail-header .email-header-right .list-inline-item .dropdown-toggle {
  color : #fff;
}
body.dark-layout.email-application .app-content .content-area-wrapper .email-app-details .mail-message-wrapper, body.dark-layout.email-application .app-content .content-area-wrapper .email-app-details .email-detail-head {
  border-color : #414561 !important;
}
body.dark-layout.chat-application .content-area-wrapper {
  border-color : #414561;
}
body.dark-layout.chat-application .sidebar .chat-profile-sidebar {
  background-color : #262C49;
  border-color : #343661;
}
body.dark-layout.chat-application .sidebar .sidebar-content {
  background-color : #262C49;
  border-color : #414561;
}
body.dark-layout.chat-application .sidebar .sidebar-content .chat-fixed-search {
  border-color : #414561;
}
body.dark-layout.chat-application .sidebar .sidebar-content .chat-fixed-search .form-control {
  background-color : #10163A;
  border-color : #414561;
}
body.dark-layout.chat-application .sidebar .sidebar-content .chat-user-list .chat-users-list-wrapper li {
  border-color : #414561;
}
body.dark-layout.chat-application .sidebar .sidebar-content .chat-user-list .chat-users-list-wrapper li:not(.active):hover {
  background : #10163A;
}
body.dark-layout.chat-application .sidebar .sidebar-content .chat-user-list .chat-users-list-wrapper li.active .contact-info p {
  color : #FFFFFF;
}
body.dark-layout.chat-application .content-right .chat-app-window .start-chat-area {
  background-color : #171E49;
}
body.dark-layout.chat-application .content-right .chat-app-window .start-chat-area .start-chat-icon, body.dark-layout.chat-application .content-right .chat-app-window .start-chat-area .start-chat-text {
  background : #262C49;
}
body.dark-layout.chat-application .content-right .chat-app-window .active-chat .user-chats {
  background-color : #171E49;
}
body.dark-layout.chat-application .content-right .chat-app-window .active-chat .user-chats .chat-left .chat-content {
  border : 1px solid #414561;
}
body.dark-layout.chat-application .content-right .chat-app-window .active-chat .user-chats .chat-left .chat-content p {
  color : #fff;
}
body.dark-layout.chat-application .content-right .chat-app-window .active-chat .user-chats .chat-content p {
  color : #FFFFFF;
}
body.dark-layout.chat-application .content-right .chat-app-window .active-chat .user-chats .chat-content {
  background-color : #262C49;
}
body.dark-layout.chat-application .content-right .chat-app-window .active-chat .chat-app-form {
  background-color : #10163A;
}
body.dark-layout.chat-application .content-right .chat-app-window .active-chat .chat-app-form .form-control {
  background-color : #343661;
}
body.dark-layout.chat-application .content-right .user-profile-sidebar {
  background-color : #262C49;
  border-color : #343661;
}
body.dark-layout.todo-application .content-area-wrapper {
  border-color : #414561;
}
body.dark-layout.todo-application .content-area-wrapper .sidebar .todo-sidebar {
  background-color : #262C49;
}
body.dark-layout.todo-application .content-area-wrapper .sidebar .todo-sidebar .list-group-filters .list-group-item, body.dark-layout.todo-application .content-area-wrapper .sidebar .todo-sidebar .list-group-labels .list-group-item {
  background-color : #262C49;
}
body.dark-layout.todo-application .content-area-wrapper .sidebar .todo-sidebar .list-group-filters .list-group-item:hover, body.dark-layout.todo-application .content-area-wrapper .sidebar .todo-sidebar .list-group-labels .list-group-item:hover {
  color : #fff;
}
body.dark-layout.todo-application .content-area-wrapper .sidebar .todo-form .todo-item-action {
  color : #fff;
}
body.dark-layout.todo-application .content-area-wrapper .todo-app-area .todo-app-list-wrapper {
  border-color : #414561;
}
body.dark-layout.todo-application .content-area-wrapper .todo-app-area .app-fixed-search {
  background-color : #10163A;
  border-color : #414561;
}
body.dark-layout.todo-application .content-area-wrapper .todo-app-area .todo-task-list .todo-item {
  border-color : #414561;
}
body.dark-layout.todo-application .content-area-wrapper .todo-app-area .todo-task-list .todo-item:hover {
  box-shadow : none;
}
body.dark-layout.todo-application .content-area-wrapper .todo-app-area .todo-task-list .todo-item .chip {
  background-color : #10163A;
}
body.dark-layout.todo-application .content-area-wrapper .todo-app-area .todo-task-list .todo-item .todo-item-action .todo-item-favorite:not(.warning) i, body.dark-layout.todo-application .content-area-wrapper .todo-app-area .todo-task-list .todo-item .todo-item-action .todo-item-delete i, body.dark-layout.todo-application .content-area-wrapper .todo-app-area .todo-task-list .todo-item .todo-item-action .todo-item-info:not(.success) i {
  color : #fff;
}
body.dark-layout.ecommerce-application .sidebar-left .sidebar-shop .filter-heading {
  color : #fff;
}
body.dark-layout.ecommerce-application .sidebar-left .sidebar-shop .price-slider .range-slider {
  background-color : #262C49;
}
body.dark-layout.ecommerce-application .sidebar-left .sidebar-shop .ratings-list li, body.dark-layout.ecommerce-application .sidebar-left .sidebar-shop .ratings-list ~ .stars-received {
  color : #fff;
}
body.dark-layout.ecommerce-application .content-right .ecommerce-header-items .result-toggler .search-results, body.dark-layout.ecommerce-application .content-body .ecommerce-header-items .result-toggler .search-results {
  color : #fff;
}
body.dark-layout.ecommerce-application .content-right .ecommerce-header-items .result-toggler .shop-sidebar-toggler i, body.dark-layout.ecommerce-application .content-body .ecommerce-header-items .result-toggler .shop-sidebar-toggler i {
  color : #fff;
}
body.dark-layout.ecommerce-application .content-right .ecommerce-header-items .view-options .select2 .select2-selection, body.dark-layout.ecommerce-application .content-body .ecommerce-header-items .view-options .select2 .select2-selection {
  background-color : #10163A;
}
body.dark-layout.ecommerce-application .content-right .ecommerce-header-items .view-options .view-btn-option .grid-view-btn, body.dark-layout.ecommerce-application .content-right .ecommerce-header-items .view-options .view-btn-option .list-view-btn, body.dark-layout.ecommerce-application .content-body .ecommerce-header-items .view-options .view-btn-option .grid-view-btn, body.dark-layout.ecommerce-application .content-body .ecommerce-header-items .view-options .view-btn-option .list-view-btn {
  background-color : #10163A !important;
}
body.dark-layout.ecommerce-application .content-right .ecommerce-header-items .view-options .view-btn-option .grid-view-btn:not(.active) i, body.dark-layout.ecommerce-application .content-right .ecommerce-header-items .view-options .view-btn-option .list-view-btn:not(.active) i, body.dark-layout.ecommerce-application .content-body .ecommerce-header-items .view-options .view-btn-option .grid-view-btn:not(.active) i, body.dark-layout.ecommerce-application .content-body .ecommerce-header-items .view-options .view-btn-option .list-view-btn:not(.active) i {
  color : #fff;
}
body.dark-layout.ecommerce-application .content-right .search-product, body.dark-layout.ecommerce-application .content-body .search-product {
  background-color : #10163A;
}
body.dark-layout.ecommerce-application .content-right .grid-view .ecommerce-card .card-body, body.dark-layout.ecommerce-application .content-right .list-view .ecommerce-card .card-body, body.dark-layout.ecommerce-application .content-body .grid-view .ecommerce-card .card-body, body.dark-layout.ecommerce-application .content-body .list-view .ecommerce-card .card-body {
  border-color : #414561;
}
body.dark-layout.ecommerce-application .content-right .grid-view .ecommerce-card .item-img, body.dark-layout.ecommerce-application .content-right .list-view .ecommerce-card .item-img, body.dark-layout.ecommerce-application .content-body .grid-view .ecommerce-card .item-img, body.dark-layout.ecommerce-application .content-body .list-view .ecommerce-card .item-img {
  background-color : #FFFFFF;
}
body.dark-layout.ecommerce-application .content-right .grid-view .ecommerce-card .item-name, body.dark-layout.ecommerce-application .content-right .list-view .ecommerce-card .item-name, body.dark-layout.ecommerce-application .content-body .grid-view .ecommerce-card .item-name, body.dark-layout.ecommerce-application .content-body .list-view .ecommerce-card .item-name {
  color : #FFFFFF;
}
body.dark-layout.ecommerce-application .content-right .grid-view .ecommerce-card .item-options .wishlist span, body.dark-layout.ecommerce-application .content-right .list-view .ecommerce-card .item-options .wishlist span, body.dark-layout.ecommerce-application .content-body .grid-view .ecommerce-card .item-options .wishlist span, body.dark-layout.ecommerce-application .content-body .list-view .ecommerce-card .item-options .wishlist span {
  color : #2C2C2C;
}
body.dark-layout.ecommerce-application .content-right .grid-view .ecommerce-card .item-options .cart span, body.dark-layout.ecommerce-application .content-right .list-view .ecommerce-card .item-options .cart span, body.dark-layout.ecommerce-application .content-body .grid-view .ecommerce-card .item-options .cart span, body.dark-layout.ecommerce-application .content-body .list-view .ecommerce-card .item-options .cart span {
  color : #FFFFFF;
}
body.dark-layout.ecommerce-application .content-right .pagination .page-item, body.dark-layout.ecommerce-application .content-body .pagination .page-item {
  background-color : #10163A;
}
body.dark-layout.ecommerce-application .content-right .pagination .page-item.active, body.dark-layout.ecommerce-application .content-body .pagination .page-item.active {
  background-color : #10163A;
}
body.dark-layout.ecommerce-application .content-right .pagination .page-item.active .page-link, body.dark-layout.ecommerce-application .content-body .pagination .page-item.active .page-link {
  background-color : #7367F0;
}
body.dark-layout.ecommerce-application .content-right .pagination .page-item .page-link, body.dark-layout.ecommerce-application .content-body .pagination .page-item .page-link {
  background-color : #10163A;
}
body.dark-layout.ecommerce-application .wishlist-items .ecommerce-card .move-cart .move-to-cart {
  color : #FFFFFF;
}
body.dark-layout.ecommerce-application .product-checkout .checkout-options .detail-total {
  color : #fff;
}
body.dark-layout.ecommerce-application .item-features {
  background-color : #171E49;
}
body.dark-layout .fc .fc-header-toolbar .fc-button span {
  color : #FFFFFF;
}
body.dark-layout .fc .fc-view-container .fc-body .fc-week table tbody .fc-other-month {
  background-color : #6A6D83;
}
body.dark-layout .fc .fc-divider {
  background : #262C49;
}
body.dark-layout .fc .fc-widget-content, body.dark-layout .fc .fc-widget-header {
  border-color : #414561;
}
body.dark-layout .noUi-target {
  background-color : #262C49;
}
body.dark-layout .swal2-container .swal2-modal {
  background-color : #262C49;
}
body.dark-layout .swal2-container .swal2-modal .swal2-header {
  background-color : #262C49;
}
body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-title {
  color : #fff;
}
body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-icon-text {
  color : inherit;
}
body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-circular-line-left, body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-circular-line-right, body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-success-fix, body.dark-layout .swal2-container .swal2-modal .swal2-header .swal2-animate-success-icon {
  background-color : #262C49 !important;
}
body.dark-layout .swal2-container .swal2-modal .swal2-content {
  color : #fff;
}
body.dark-layout .swal2-container .swal2-modal .swal2-content pre, body.dark-layout .swal2-container .swal2-modal .swal2-content code, body.dark-layout .swal2-container .swal2-modal .swal2-content .swal2-input {
  background-color : #10163A;
}
body.dark-layout .swal2-container .swal2-modal .swal2-content .swal2-input {
  color : #FFFFFF;
}
body.dark-layout .toast-container .toast.toast-info {
  background-color : #00CFE8;
}
body.dark-layout .toast-container .toast.toast-success {
  background-color : #28C76F;
}
body.dark-layout .toast-container .toast.toast-error {
  background-color : #EA5455;
}
body.dark-layout .toast-container .toast.toast-warning {
  background-color : #FF9F43;
}
body.dark-layout .dropzone {
  background-color : #262C49;
}
body.dark-layout .quill-toolbar, body.dark-layout .ql-toolbar {
  border-color : #414561;
}
body.dark-layout .quill-toolbar .ql-formats .ql-picker-label, body.dark-layout .ql-toolbar .ql-formats .ql-picker-label {
  color : #FFFFFF;
}
body.dark-layout .quill-toolbar .ql-formats .ql-stroke, body.dark-layout .quill-toolbar .ql-formats .ql-fill, body.dark-layout .ql-toolbar .ql-formats .ql-stroke, body.dark-layout .ql-toolbar .ql-formats .ql-fill {
  stroke : #FFFFFF;
}
body.dark-layout .quill-toolbar .ql-formats .ql-fill, body.dark-layout .ql-toolbar .ql-formats .ql-fill {
  fill : #FFFFFF;
}
body.dark-layout .quill-toolbar .ql-header.ql-expanded .ql-picker-options, body.dark-layout .ql-toolbar .ql-header.ql-expanded .ql-picker-options {
  background-color : #10163A;
}
body.dark-layout .quill-toolbar .ql-header.ql-expanded .ql-picker-options span:not(:hover), body.dark-layout .ql-toolbar .ql-header.ql-expanded .ql-picker-options span:not(:hover) {
  color : #FFFFFF;
}
body.dark-layout .ql-container {
  border-color : #414561;
}
body.dark-layout .ql-editor .ql-syntax {
  background-color : #262C49;
}
body.dark-layout .ql-editor.ql-blank:before {
  color : #fff;
}
body.dark-layout .shepherd-content .shepherd-text p {
  color : #FFFFFF;
}
body.dark-layout .context-menu-list .context-menu-item.context-menu-hover span {
  color : #FFFFFF;
}
body.dark-layout .context-menu-list .context-menu-item.context-menu-hover .context-menu-list .context-menu-item span {
  color : #fff;
}
body.dark-layout .swiper-slide {
  background-color : #262C49 !important;
}
body.dark-layout .customizer {
  background-color : #262C49;
}
body.dark-layout .customizer .customizer-close i {
  color : #fff;
}
body.dark-layout.fixed-footer .footer {
  background-color : #10163A;
}
body.dark-layout.horizontal-layout .main-menu-content .navbar-nav .dropdown-submenu.show {
  background-color : #10163A !important;
  color : #fff;
}
body.dark-layout.horizontal-layout .main-menu-content .navbar-nav .dropdown-menu a:hover {
  color : #fff !important;
}
body.dark-layout.horizontal-layout .main-menu-content .navbar-nav li.active i, body.dark-layout.horizontal-layout .main-menu-content .navbar-nav li.active span {
  color : #FFFFFF !important;
}
body.dark-layout.horizontal-layout .main-menu-content .navbar-nav li.active .dropdown-menu li.active a {
  background-color : #10163A !important;
  color : #fff;
}
body.dark-layout.horizontal-layout .main-menu-content .navbar-nav li.active .dropdown-menu li:not(.active) a {
  background-color : #262C49 !important;
}
body.dark-layout.horizontal-layout .main-menu-content .navbar-nav li.active .dropdown-menu li.open.active > a {
  color : #fff !important;
}
body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu .navigation > li ul .active {
  box-shadow : none;
}
body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu .navigation > li ul .active .hover > a {
  background-color : transparent;
}
body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu .nav-item.active a {
  box-shadow : none;
}
body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu .nav-item.active ul li.active {
  border-radius : 0;
}
body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu .nav-item.active.sidebar-group-active .open ul li.active a {
  background : -webkit-linear-gradient(208deg, #7367F0, rgba(115, 103, 240, 0.7)) !important;
  background :         linear-gradient(-118deg, #7367F0, rgba(115, 103, 240, 0.7)) !important;
  margin-bottom : 7px;
  box-shadow : 0 0 6px 1px rgba(115, 103, 240, 0.6) !important;
  color : #FFFFFF;
}
body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu ul li {
  background : #10163A !important;
  background-color : #10163A !important;
}
body.dark-layout.horizontal-layout.vertical-overlay-menu .main-menu ul li a {
  color : #fff !important;
}

body.dark-layout .flatpickr-calendar {
  background: #262c49;
}

body.dark-layout .flatpickr-months .flatpickr-prev-month,
body.dark-layout .flatpickr-months .flatpickr-next-month,
body.dark-layout .flatpickr-current-month .flatpickr-monthDropdown-months,
body.dark-layout .flatpickr-current-month input.cur-year,
body.dark-layout .parent-input-date::after
{
  fill: #fff;
  color: #fff;
}

body.dark-layout .custom-input-date {
  background-color: transparent !important;
}

body.dark-layout .searchTable {
  background-color: #10163A;
}

body.dark-layout .btn-searchTable ,
body.dark-layout .product-action > span {
  background: #212744;}

body.dark-layout .btn-searchTable > i{
    outline-color: #262c49
  }

body.dark-layout footer.footer {
		background: #10163a;}

body.dark-layout .uploadImg {
      background: #262c49;
  }
    .feather.icon-eye{
      color: white;
    }
.feather.icon-edit{
  color: white;
}

Back to File Manager