/*======================================================== DARK LAYOUT =========================================================*/ body.dark-layout { background-color: #262c49; /********* UI ELEMENTS *********/ /********* COMPONENTS *********/ /********** FORMS **********/ /********** TABLE **********/ /********** PAGES **********/ /********** CHARTS **********/ /********** APPLICATIONS **********/ /********** EXTENSIONS **********/ /********** CUSTOMIZER **********/ } 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 p, body.dark-layout small, body.dark-layout span, body.dark-layout label { color: #c2c6dc; } body.dark-layout hr { border-color: #414561; } body.dark-layout pre { border: 0; background-color: #262c49; } 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 { color: #b8c2cc; background-color: #262c49; } body.dark-layout kbd { background-color: #262c49; } body.dark-layout .text-dark { color: #b8c2cc !important; } body.dark-layout .header-navbar-shadow { background: -webkit-gradient(linear, left top, left bottom, color-stop(44%, rgba(44, 48, 60, .9)), color-stop(73%, rgba(44, 48, 60, .43)), to(rgba(44, 48, 60, 0))); background: -webkit-linear-gradient(top, rgba(44, 48, 60, .9) 44%, rgba(44, 48, 60, .43) 73%, rgba(44, 48, 60, 0)); background: -moz-linear-gradient(top, rgba(44, 48, 60, .9) 44%, rgba(44, 48, 60, .43) 73%, rgba(44, 48, 60, 0)); background: -o-linear-gradient(top, rgba(44, 48, 60, .9) 44%, rgba(44, 48, 60, .43) 73%, rgba(44, 48, 60, 0)); background: linear-gradient(180deg, rgba(44, 48, 60, .9) 44%, rgba(44, 48, 60, .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: #c2c6dc; background-color: transparent; } body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link i { color: #c2c6dc; } body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link.bookmark-star i { color: #fff !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: #c2c6dc; } 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: #c2c6dc; } 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: #c2c6dc; } 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: #c2c6dc; } 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: #c2c6dc; } 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: #c2c6dc; } body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media .media-meta { color: #c2c6dc; } 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: #fff; 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-static-top { background-color: transparent; } body.dark-layout .header-navbar[class*='bg-'] .navbar-nav .nav-item .nav-link { background-color: inherit; } body.dark-layout .main-menu { background-color: #10163a; } body.dark-layout .main-menu .shadow-bottom { background: -webkit-gradient(linear, left top, left bottom, color-stop(44%, #0f1642), color-stop(73%, rgba(15, 22, 66, .51)), to(rgba(44, 48, 60, 0))); background: -webkit-linear-gradient(top, #0f1642 44%, rgba(15, 22, 66, .51) 73%, rgba(44, 48, 60, 0)); background: -moz-linear-gradient(top, #0f1642 44%, rgba(15, 22, 66, .51) 73%, rgba(44, 48, 60, 0)); background: -o-linear-gradient(top, #0f1642 44%, rgba(15, 22, 66, .51) 73%, rgba(44, 48, 60, 0)); background: linear-gradient(180deg, #0f1642 44%, rgba(15, 22, 66, .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: #c2c6dc; } 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: #c2c6dc; } 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: #fff; } 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: #fff; } body.dark-layout .main-menu-content .navigation-main .sidebar-group-active a { border-radius: 4px; background: #10163a; } 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 { color: #c2c6dc; background-color: #10163a !important; } 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 { color: #c2c6dc !important; -webkit-box-shadow: none; box-shadow: none; } 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 { color: #7367f0; background-color: rgba(115, 103, 240, .05); } 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: #c2c6dc; } 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 { border-color: #808080; background-color: #262c49; } 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: #fff; } 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: #c2c6dc; } body.dark-layout .content-header-left .breadcrumbs-top .breadcrumb-wrapper .breadcrumb .breadcrumb-item:before { color: #c2c6dc; } 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: #c2c6dc; } body.dark-layout #default-breadcrumb .breadcrumb .breadcrumb-item:before, body.dark-layout #breadcrumb-alignment .breadcrumb .breadcrumb-item:before { color: #c2c6dc; } 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: #c2c6dc; } body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item a { color: #c2c6dc; } body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item:before { color: #c2c6dc; } body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item.active { color: #7367f0; } body.dark-layout .collapse-bordered .collapse-header { border-color: rgba(255, 255, 255, .04); } body.dark-layout .collapse-bordered.accordion-shadow { -webkit-box-shadow: 0 0 8px 0 rgba(255, 255, 255, .1); box-shadow: 0 0 8px 0 rgba(255, 255, 255, .1); } body.dark-layout .accordion .collapse-border-item { border-color: rgba(255, 255, 255, .04); } body.dark-layout .collapse-margin { -webkit-box-shadow: 0 2px 15px 0 rgba(255, 255, 255, .1); box-shadow: 0 2px 15px 0 rgba(255, 255, 255, .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, .04); } body.dark-layout .collapse-icon .card-header a { color: #c2c6dc; } body.dark-layout .btn { color: #fff; } body.dark-layout .btn.btn-icon i { color: #fff; } 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 { color: #b8c2cc; border-color: #4e5154; } 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 { color: #fff; } body.dark-layout .dropdown-toggle:hover i, body.dark-layout .dropdown-toggle:hover:after { color: #fff; } 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: #c2c6dc; } body.dark-layout .dropdown-menu .form-control { background-color: #10163a; } body.dark-layout .dropdown-menu .dropdown-divider { border-color: #414561; } 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: #c2c6dc; } body.dark-layout .dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item i { color: #c2c6dc; } body.dark-layout .modal .modal-header, body.dark-layout .modal .modal-header[class*='bg-'] { background-color: #10163a !important; } 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: #fff; } 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: #fff; } body.dark-layout .pagination:not([class*='pagination-']) .page-item .page-link { color: #fff; background-color: #262c49; } 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: #fff; } body.dark-layout .pagination[class*='pagination-'] .page-item:not(.active):not(:hover) .page-link { color: #fff; background-color: #262c49; } 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: #c2c6dc; } 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: #c2c6dc !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: #fff; } 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: .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: #fff; } 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: #c2c6dc; background-color: #10163a; } body.dark-layout .card .card-header .heading-elements.visible ul li { background-color: #10163a; } body.dark-layout .card .card-body, body.dark-layout .card .card-footer { color: #c2c6dc; 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: #fff; } 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(332deg, #7367f0, rgba(115, 103, 240, .7)); background: -moz-linear-gradient(332deg, #7367f0, rgba(115, 103, 240, .7)); background: -o-linear-gradient(332deg, #7367f0, rgba(115, 103, 240, .7)); background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, .7)); } body.dark-layout #dashboard-analytics .bg-analytics p { color: #fff; } 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: #fff; } 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 { border: 1px solid #414561; background-color: #171e49; } 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: #c2c6dc; } 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: #fff; } body.dark-layout .badge span { color: #fff; } body.dark-layout .badge:hover i { color: #fff; } 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-left-color: #262c49; } body.dark-layout .popover[x-placement='right'] .arrow:after { border-right-color: #262c49; } body.dark-layout .popover .popover-body { color: #c2c6dc; background-color: #262c49; } body.dark-layout .toast { background-color: #262c49; -webkit-box-shadow: -5px 5px 5px 0 rgba(0, 0, 0, .3); box-shadow: -5px 5px 5px 0 rgba(0, 0, 0, .3); } body.dark-layout .toast .toast-header { color: #c2c6dc; border-color: #414561; background-color: #262c49; } body.dark-layout .toast .toast-header .close { opacity: 1; text-shadow: none; } body.dark-layout .toast .toast-body { color: #c2c6dc; background-color: #262c49; } body.dark-layout .avatar { background-color: #262c49; } body.dark-layout .avatar .avatar-content { color: #fff; } 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: #fff; } body.dark-layout .divider .divider-text { color: #c2c6dc; background-color: transparent; } 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 { color: #c2c6dc; border-color: #414561; background-color: #10163a; } 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 { color: #fff; background-color: #7367f0; } body.dark-layout .list-group .list-group-item.active p, body.dark-layout .list-group .list-group-item.active small { color: #fff; } body.dark-layout .list-group .list-group-item.disabled { background-color: #262c49; } body.dark-layout input.form-control, body.dark-layout .custom-file-label, body.dark-layout textarea.form-control { color: #c2c6dc; background-color: #262c49; } 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: #c2c6dc; } 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: #c2c6dc; } 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: #c2c6dc; } 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: #c2c6dc; } body.dark-layout input.form-control::placeholder, body.dark-layout .custom-file-label::placeholder, body.dark-layout textarea.form-control::placeholder { color: #c2c6dc; } 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: #c2c6dc; } 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: .5; } body.dark-layout .char-textarea.active { color: #c2c6dc !important; } body.dark-layout .char-textarea.max-limit { color: #ea5455 !important; } body.dark-layout .custom-file-label:after { color: #c2c6dc; border-left: 1px solid #414561; background-color: #262c49; } body.dark-layout .has-icon-left.input-divider-left .form-control-position i { border-right-color: #414561; } body.dark-layout .has-icon-left.input-divider-right .form-control-position i { border-left-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 { opacity: 1; background-color: #b8c2cc !important; } body.dark-layout .bootstrap-touchspin .bootstrap-touchspin-injected .disabled-max-min { opacity: 1; background-color: #b8c2cc !important; } body.dark-layout select.form-control, body.dark-layout .custom-select { color: #c2c6dc; border: 0; background-color: #262c49; } 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: #c2c6dc; } body.dark-layout .select2-container .select2-selection .select2-selection__rendered .select2-search__field { color: #fff; } 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 { color: #c2c6dc; background-color: #262c49; } body.dark-layout .select2-container .select2-dropdown.bg-info .select2-results__options .select2-results__option { color: #fff; } 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 { border-color: rgba(255, 255, 255, .1); background-color: #262c49; background-image: none; } body.dark-layout .custom-switch .custom-control-input[disabled] ~ .custom-control-label { opacity: .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: #c2c6dc; } body.dark-layout .picker__holder .picker__header .picker__select--year, body.dark-layout .picker__holder .picker__header .picker__select--month { color: #c2c6dc; 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: #c2c6dc; } body.dark-layout .picker__holder .picker__table tbody tr td .picker__day { color: #c2c6dc; } body.dark-layout .picker__holder .picker__table tbody tr td .picker__day:hover { color: #c2c6dc; border: 1px solid #4ec6e8; background-color: transparent; } body.dark-layout .picker__holder .picker__table tbody tr td .picker__day.picker__day--disabled { opacity: .5; color: #c2c6dc; 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 { color: #c2c6dc; background-color: #262c49; } 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 { opacity: .5; color: #b8c2cc; background-color: #10163a; } body.dark-layout .picker--time .picker__holder .picker__list .picker__button--clear { color: #c2c6dc; background-color: #262c49; } body.dark-layout .wizard .steps ul .disabled a, body.dark-layout .wizard .steps ul .done a { color: #c2c6dc !important; } body.dark-layout .wizard .steps ul .disabled a:hover, body.dark-layout .wizard .steps ul .done a:hover { color: #c2c6dc; } body.dark-layout .wizard .steps ul .disabled a .step, body.dark-layout .wizard .steps ul .done a .step { color: #fff; background-color: #262c49; } body.dark-layout .input-group .input-group-prepend .input-group-text, body.dark-layout .input-group .input-group-append .input-group-text { border: 1px solid #414561; background-color: #10163a; } body.dark-layout .input-group .input-group-prepend ~ .form-control { border-left: 1px solid #414561; } body.dark-layout .input-group .form-control ~ .input-group-append { border-left: 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: #c2c6dc !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 { color: #c2c6dc; border: 0; } 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 { color: #c2c6dc; border: 0; background-color: #212744; } body.dark-layout .table tbody tr[class*='table-'] td, body.dark-layout .table tbody tr[class*='table-'] th { color: #22292f; border-color: #414561; background-color: unset; } body.dark-layout .table tbody tr.table-dark td, body.dark-layout .table tbody tr.table-dark th { color: #fff; } body.dark-layout .table tbody tr.table-active td, body.dark-layout .table tbody tr.table-active th { color: #c2c6dc; } body.dark-layout .table tbody tr th { background-color: #262c49; } body.dark-layout .table tbody tr td { color: #c2c6dc; background-color: #262c49; } 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 { color: #c2c6dc; border: 0; } body.dark-layout .dataTables_wrapper .table.dataTable tfoot tr th { color: #c2c6dc; } body.dark-layout .dataTables_wrapper .table.dataTable tr.group td { color: #fff; background-color: #212744; } 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-right: 1px solid #414561; border-bottom: 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: #c2c6dc; } 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: #fff; } body.dark-layout .getting-started .clockCard p { color: #c2c6dc !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 { color: #c2c6dc; background-color: #10163a; } body.dark-layout #search-website .search-result-info .dropdown-toggle { color: #c2c6dc; } 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-bg .card-body .card-text, body.dark-layout .knowledge-base-bg .card-body .card-text { color: #fff; } body.dark-layout .search-content .card .card-body .text-dark { color: #c2c6dc !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 .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 { border-color: #262c49; background-color: #212744; } 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 { color: #c2c6dc; background-color: #212744; } 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: #fff; } 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-left-color: transparent; } body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:after { border-left-color: #262c49; } body.dark-layout .apexcharts-canvas text { fill: #fff !important; } body.dark-layout .apexcharts-canvas .apexcharts-legend-series .apexcharts-legend-text { color: #c2c6dc !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 { border: 0; background-color: #262c49; } 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: #c2c6dc; } 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 { border-color: #414561; background-color: #10163a; } body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control { color: #c2c6dc; } body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control::-webkit-input-placeholder { color: #c2c6dc; } body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control:-moz-placeholder { color: #c2c6dc; } body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control::-moz-placeholder { color: #c2c6dc; } body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control:-ms-input-placeholder { color: #c2c6dc; } body.dark-layout.email-application .app-content .content-area-wrapper .app-fixed-search .form-control::placeholder { color: #c2c6dc; } 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: #c2c6dc; } 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: #c2c6dc; } body.dark-layout.email-application .app-content .content-area-wrapper .email-app-list .app-action .action-right .list-inline-item .dropdown-toggle { color: #c2c6dc; } 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 { -webkit-box-shadow: 0 0 0 0 #1e1e1e; 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: #c2c6dc; } 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: #c2c6dc; } 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 { 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: #c2c6dc; } 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; } body.dark-layout.chat-application .sidebar .sidebar-content { border-color: #414561; background-color: #262c49; } 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 { border-color: #414561; background-color: #10163a; } 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: #fff; } 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: #c2c6dc; } body.dark-layout.chat-application .content-right .chat-app-window .active-chat .user-chats .chat-content p { color: #fff; } 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: #10163a; } body.dark-layout.chat-application .content-right .user-profile-sidebar { background-color: #262c49; } 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: #c2c6dc; } body.dark-layout.todo-application .content-area-wrapper .sidebar .todo-form .todo-item-action { color: #c2c6dc; } 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 { border-color: #414561; background-color: #10163a; } 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 { -webkit-box-shadow: none; 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: #c2c6dc; } body.dark-layout.ecommerce-application .sidebar-left .sidebar-shop .filter-heading { color: #c2c6dc; } 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: #c2c6dc; } 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: #c2c6dc; } 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: #c2c6dc; } 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: #c2c6dc; } 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: #fff; } 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: #fff; } 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: #fff; } 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: #fff; } body.dark-layout.ecommerce-application .product-checkout .checkout-options .detail-total { color: #c2c6dc; } body.dark-layout .fc .fc-header-toolbar .fc-button span { color: #fff; } body.dark-layout .fc .fc-view-container .fc-body .fc-week table tbody .fc-other-month { background-color: #6a6d83; } 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: #c2c6dc; } 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: #c2c6dc; } 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: #fff; } 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: #fff; } 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: #fff; } body.dark-layout .quill-toolbar .ql-formats .ql-fill, body.dark-layout .ql-toolbar .ql-formats .ql-fill { fill: #fff; } 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: #fff; } 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: #c2c6dc; } body.dark-layout .shepherd-content .shepherd-text p { color: #fff; } body.dark-layout .context-menu-list .context-menu-item.context-menu-hover span { color: #fff; } body.dark-layout .context-menu-list .context-menu-item.context-menu-hover .context-menu-list .context-menu-item span { color: #c2c6dc; } body.dark-layout .customizer { background-color: #262c49; } body.dark-layout .customizer .customizer-close i { color: #c2c6dc; } body.dark-layout.fixed-footer .footer { background-color: #10163a; }