.dark-layout {
  /********* COMPONENTS *********/
  /********** FORMS **********/
  /********** TABLE **********/
  /********** PAGES **********/
  /********** APPLICATIONS **********/
  /********** CUSTOMIZER **********/
  /********** HORIZONTAL LAYOUT **********/ }

body.dark-layout {
  color: #b4b7bd;
  background-color: #161d31; }

.dark-layout body {
  color: #b4b7bd;
  background-color: #161d31; }

.dark-layout h1,
.dark-layout h2,
.dark-layout h3,
.dark-layout h4,
.dark-layout h5,
.dark-layout h6 {
  color: #d0d2d6; }

.dark-layout .border,
.dark-layout .border-top,
.dark-layout .border-right,
.dark-layout .border-bottom,
.dark-layout .border-left {
  border-color: #3b4253 !important; }

.dark-layout a:hover {
  color: #f6f6f9; }

.dark-layout label {
  color: #d0d2d6; }

.dark-layout .btn span {
  color: inherit; }

.dark-layout hr {
  border-color: #3b4253; }

.dark-layout pre {
  background-color: #161d31 !important;
  border: 0; }

.dark-layout pre code {
  background-color: inherit;
  text-shadow: none; }

.dark-layout pre code .url {
  background-color: #161d31; }

.dark-layout code {
  background-color: #161d31; }

.dark-layout kbd {
  background-color: #161d31; }

.dark-layout .text-dark {
  color: #b8c2cc !important; }

.dark-layout .text-muted {
  color: #676d7d !important; }

.dark-layout .text-body {
  color: #b4b7bd !important; }

.dark-layout .text-body-heading {
  color: #d0d2d6; }

.dark-layout .section-label {
  color: #676d7d; }

.dark-layout .shadow {
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24) !important; }

.dark-layout .blockquote-footer {
  color: #676d7d; }

.dark-layout .header-navbar-shadow {
  background: linear-gradient(180deg, rgba(22, 29, 49, 0.9) 44%, rgba(22, 29, 49, 0.43) 73%, rgba(22, 29, 49, 0)); }

.dark-layout .horizontal-layout .header-navbar {
  background-color: #283046; }

.dark-layout .horizontal-layout.navbar-sticky .header-navbar, .dark-layout .horizontal-layout.navbar-static .header-navbar {
  background-color: #161d31; }

.dark-layout .navbar-sticky .header-navbar.navbar-shadow {
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.75); }

.dark-layout .header-navbar {
  background-color: #283046; }

.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link {
  color: #d0d2d6;
  background-color: transparent; }

.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link i,
.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link svg {
  color: #d0d2d6; }

.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link.bookmark-star i,
.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link.bookmark-star svg {
  color: #fff !important; }

.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open {
  background-color: #283046; }

.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input {
  border-color: #3b4253; }

.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input,
.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::placeholder,
.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .search-input-close {
  color: #b4b7bd; }

.dark-layout .header-navbar .navbar-container .nav .nav-item .bookmark-input {
  background-color: #283046; }

.dark-layout .header-navbar .navbar-container .nav .nav-item .bookmark-input .form-control {
  background-color: #283046; }

.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list {
  background-color: #283046; }

.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list li a {
  color: #b4b7bd; }

.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list .auto-suggestion.current_item {
  background-color: #161d31; }

.dark-layout .header-navbar .navbar-container .nav li i.ficon,
.dark-layout .header-navbar .navbar-container .nav li svg.ficon {
  color: #b4b7bd; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media {
  overflow: hidden; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .media,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media {
  border-color: #3b4253; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .media .media-meta,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media .media-meta {
  color: #b4b7bd; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .media:hover,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media:hover {
  background-color: #161d31; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-header,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-header {
  border-bottom: 1px solid #3b4253; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-footer,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer {
  background-color: #283046;
  border-top: 1px solid #3b4253; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item {
  border-color: #3b4253; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item:hover,
.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item:hover {
  background-color: #283046; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart.empty-cart:before {
  background-color: #161d31; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart li {
  color: #fff; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .cart-item {
  color: #b4b7bd; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-header span {
  color: #fff; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .media img {
  background-color: #161d31; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .media-heading .cart-item-by {
  color: #676d7d; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .media-body .media-heading {
  color: #d0d2d6; }

.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .notification-text {
  color: #676d7d; }

.dark-layout .header-navbar.navbar-static-top {
  background-color: transparent !important; }

.dark-layout .header-navbar[class*='bg-'] .navbar-nav .nav-item .nav-link {
  background-color: inherit; }

.dark-layout .blank-page .card.bg-transparent h1,
.dark-layout .blank-page .card.bg-transparent h2,
.dark-layout .blank-page .card.bg-transparent h3,
.dark-layout .blank-page .card.bg-transparent h4,
.dark-layout .blank-page .card.bg-transparent h5,
.dark-layout .blank-page .card.bg-transparent h6 {
  color: #283046; }

.dark-layout .blank-page .card.bg-transparent p {
  color: #161d31; }

.dark-layout .main-menu {
  background-color: #283046; }

.dark-layout .main-menu .shadow-bottom {
  background: linear-gradient(180deg, #283046 44%, rgba(40, 48, 70, 0.51) 73%, rgba(40, 48, 70, 0)); }

.dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active > a {
  background-color: #161d31; }

.dark-layout .main-menu.menu-dark .navigation > li.open:not(.menu-item-closing) > a {
  background-color: #161d31; }

.dark-layout .main-menu.menu-dark .navigation > li.sidebar-group-active > a {
  background-color: #161d31; }

.dark-layout .main-menu .collapse-toggle-icon {
  color: #ffffff !important; }
.dark-layout a.text-primary:hover,.dark-layout a:hover {
    color: #f9f9fa !important;
}
.dark-layout a {
    color: #6c6ae3;
}
.dark-layout a.text-primary:focus {
    color: #7878f5 !important;
}
.dark-layout .ps__thumb-x,
.dark-layout .ps__thumb-y {
  background-color: #b4b7bd; }

.dark-layout .ps .ps__rail-x.ps--clicking,
.dark-layout .ps .ps__rail-x:focus,
.dark-layout .ps .ps__rail-x:hover,
.dark-layout .ps .ps__rail-y.ps--clicking,
.dark-layout .ps .ps__rail-y:focus,
.dark-layout .ps .ps__rail-y:hover {
  background-color: #3b4253; }

.dark-layout .ps__rail-y.ps--clicking .ps__thumb-y,
.dark-layout .ps__rail-y:focus > .ps__thumb-y,
.dark-layout .ps__rail-y:hover > .ps__thumb-y {
  background-color: #b4b7bd; }

.dark-layout .main-menu-content .navigation-main {
  background-color: #283046; }

.dark-layout .main-menu-content .navigation-main .navigation-header {
  color: #676d7d; }

.dark-layout .main-menu-content .navigation-main li a {
  color: #d0d2d6 !important; }

.dark-layout .main-menu-content .navigation-main li ul .open > a,
.dark-layout .main-menu-content .navigation-main li ul .sidebar-group-active > a {
  background-color: #161d31; }

.dark-layout .main-menu-content .navigation-main .nav-item i,
.dark-layout .main-menu-content .navigation-main .nav-item svg {
  color: #d0d2d6; }

.dark-layout .main-menu-content .navigation-main .nav-item.open > a {
  background-color: #161d31 !important; }

.dark-layout .main-menu-content .navigation-main .nav-item a:after {
  color: #d0d2d6; }

.dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
  background-color: #283046; }

.dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
  color: #fff; }

.dark-layout .main-menu-content .navigation-main .active .menu-title,
.dark-layout .main-menu-content .navigation-main .active i,
.dark-layout .main-menu-content .navigation-main .active svg {
  color: #fff; }

.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content {
  background-color: #283046; }

.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
  z-index: 1; }

.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active a {
  background-color: transparent; }

.dark-layout .menu-collapsed .main-menu:not(.expanded) .navigation-main li.active > a {
background: #6c6ae3 !important;
  }

.dark-layout .alert .alert-heading,
.dark-layout .alert p {
  color: inherit; }

.dark-layout .alert .close {
  text-shadow: none; }

.dark-layout .alert.alert-dark .alert-heading,
.dark-layout .alert.alert-dark .alert-body,
.dark-layout .alert.alert-dark p {
  color: #b8c2cc; }

.dark-layout .alert.alert-dark.alert-dismissible .close {
  color: #b8c2cc !important; }

.dark-layout .content-header-left .breadcrumbs-top .content-header-title {
  color: #d0d2d6;
  border-color: #3b4253; }

.dark-layout .breadcrumb .breadcrumb-item {
  color: #b4b7bd; }

.dark-layout .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #b4b7bd; }

.dark-layout .breadcrumb:not([class*='breadcrumb-']) .breadcrumb-item + .breadcrumb-item:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .breadcrumb-chevron.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout [class*='collapse-'] .card:not(:last-of-type) {
  border-color: #3b4253; }

.dark-layout .collapse-border .card {
  border-color: #3b4253; }

.dark-layout .collapse-shadow {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.24); }

.dark-layout .collapse-margin .card {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.24) !important; }

.dark-layout .collapse-icon .card-header a {
  color: #b4b7bd; }

.dark-layout .collapse-icon [data-toggle='collapse']:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .collapse-icon [data-toggle='collapse']:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .btn:not([class*='btn-']) {
  color: #b4b7bd; }

.dark-layout .btn.btn-dark, .dark-layout .btn.btn-outline-dark, .dark-layout .btn.btn-flat-dark {
  color: #b8c2cc; }

.dark-layout .btn.btn-dark {
  background-color: #4b4b4b !important; }

.dark-layout .btn.btn-outline-dark {
  border-color: #4b4b4b;
  color: #b8c2cc; }

.dark-layout .btn.btn-outline-dark:hover:not(.disabled):not(:disabled) {
  color: #b8c2cc; }

.dark-layout .btn.btn-flat-dark:active, .dark-layout .btn.btn-flat-dark:focus {
  background: #4b4b4b; }

.dark-layout .btn-group-toggle label[class*='btn-outline-'] {
color: #6c6ae3 !important;
}

.dark-layout .dropdown-menu {
  background-color: #283046;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24); }

.dark-layout .dropdown-menu .dropdown-header {
  color: #d0d2d6; }

.dark-layout .dropdown-menu .dropdown-item {
  color: #b4b7bd; }

.dark-layout .dropdown-menu .dropdown-item:hover, .dark-layout .dropdown-menu .dropdown-item:focus {
  background: rgba(115, 103, 240, 0.12);
  color: #ffffff; }

.dark-layout .dropdown-menu .dropdown-item:active, .dark-layout .dropdown-menu .dropdown-item.active {
  color: #fff;
background-color: #6c6ae3;
}

.dark-layout .dropdown-menu .dropdown-item.disabled, .dark-layout .dropdown-menu .dropdown-item:disabled {
  color: #676d7d; }

.dark-layout .dropdown-divider {
  border-color: #3b4253; }

.dark-layout .modal .modal-header,
.dark-layout .modal .modal-header[class*='bg-'] {
  background-color: #161d31; }

.dark-layout .modal .modal-header .close {
  text-shadow: none;
  background-color: #283046 !important;
  color: #b4b7bd;
  box-shadow: 0 3px 8px 0 rgba(11, 10, 25, 0.49) !important; }

.dark-layout .modal .modal-content,
.dark-layout .modal .modal-body,
.dark-layout .modal .modal-footer {
  background-color: #283046;
  border-color: #3b4253; }

.dark-layout .pagination:not([class*='pagination-']) .page-item.active {
  background-color: #242b3d; }

.dark-layout .pagination:not([class*='pagination-']) .page-item.active .page-link {
background-color: #6c6ae3;
}

.dark-layout .pagination:not([class*='pagination-']) .page-item.active .page-link:hover {
  color: #fff; }

.dark-layout .pagination:not([class*='pagination-']) .page-item .page-link {
  background-color: #242b3d;
  color: #b4b7bd; }

.dark-layout .pagination:not([class*='pagination-']) .page-item .page-link:hover {
color: #6c6ae3;
}

.dark-layout .pagination:not([class*='pagination-']) .page-item.prev-item .page-link:hover, .dark-layout .pagination:not([class*='pagination-']) .page-item.next-item .page-link:hover {
  color: #fff; }

.dark-layout .pagination[class*='pagination-'] .page-item:not(.active) .page-link {
  background-color: #242b3d; }

.dark-layout .pagination[class*='pagination-'] .page-item:not(.active):not(:hover) .page-link {
  color: #fff; }

.dark-layout .pagination[class*='pagination-'] .page-item:not(.active) .page-link:hover {
  background-color: #242b3d; }

.dark-layout .pagination[class*='pagination-'] .page-item.active {
  background-color: #242b3d; }

.dark-layout .pagination .page-item.prev-item .page-link:before, .dark-layout .pagination .page-item.prev .page-link:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .pagination .page-item.prev-item.disabled .page-link:before, .dark-layout .pagination .page-item.prev.disabled .page-link:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676d7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .pagination .page-item.next-item .page-link::after, .dark-layout .pagination .page-item.next .page-link::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .pagination .page-item.next-item.disabled .page-link:after, .dark-layout .pagination .page-item.next.disabled .page-link:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676d7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .pagination .page-item.disabled .page-link {
  color: #676d7d; }

.dark-layout .nav-tabs .nav-item .nav-link,
.dark-layout .nav-pills .nav-item .nav-link,
.dark-layout .nav-tabs.nav-justified .nav-item .nav-link {
  color: #d0d2d6; }

.dark-layout .nav-tabs .nav-item .nav-link.active,
.dark-layout .nav-pills .nav-item .nav-link.active,
.dark-layout .nav-tabs.nav-justified .nav-item .nav-link.active {
  background-color: #283046;
color: #6c6ae3;
}

.dark-layout .nav-tabs .nav-item .nav-link.disabled,
.dark-layout .nav-pills .nav-item .nav-link.disabled,
.dark-layout .nav-tabs.nav-justified .nav-item .nav-link.disabled {
  color: #676d7d; }

.dark-layout .nav.wrap-border {
  border-color: #3b4253; }

.dark-layout .nav-pills .nav-item .nav-link.active {
  color: #fff;
background-color: #6c6ae3;
}

.dark-layout .media-bordered .media:not(:first-child) {
  border-color: #3b4253; }

.dark-layout .popover[x-placement='top'] .arrow:before {
  border-top-color: #3b4253; }

.dark-layout .popover[x-placement='top'] .arrow:after {
  border-top-color: #283046; }

.dark-layout .popover[x-placement='left'] .arrow:before {
  border-left-color: #3b4253; }

.dark-layout .popover[x-placement='left'] .arrow:after {
  border-left-color: #283046; }

.dark-layout .popover[x-placement='right'] .arrow:before {
  border-right-color: #3b4253; }

.dark-layout .popover[x-placement='right'] .arrow:after {
  border-right-color: #283046; }

.dark-layout .popover .popover-header {
  color: #fff; }

.dark-layout .popover .popover-body {
  background-color: #283046;
  color: #b4b7bd;
  border-color: #3b4253 !important; }

.dark-layout .toast {
  background-color: rgba(40, 48, 70, 0.85);
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24);
  color: #b4b7bd; }

.dark-layout .toast .toast-header {
  background-color: #283046;
  color: #b4b7bd; }

.dark-layout .toast .toast-header .close {
  background-color: transparent !important;
  box-shadow: none !important;
  text-shadow: none; }

.dark-layout .list-group .list-group-item:not([class*='list-group-item-']), .dark-layout .list-group .list-group-item.list-group-item-action {
  background-color: #283046;
  border-color: #3b4253;
  color: #b4b7bd; }

.dark-layout .list-group .list-group-item:not([class*='list-group-item-']):hover, .dark-layout .list-group .list-group-item:not([class*='list-group-item-']):focus, .dark-layout .list-group .list-group-item.list-group-item-action:hover, .dark-layout .list-group .list-group-item.list-group-item-action:focus {
  background-color: #161d31; }

.dark-layout .list-group .list-group-item:not([class*='list-group-item-']).active, .dark-layout .list-group .list-group-item:not([class*='list-group-item-']):active, .dark-layout .list-group .list-group-item.list-group-item-action.active, .dark-layout .list-group .list-group-item.list-group-item-action:active {
background-color: #6c6ae3;
  color: #fff; }

.dark-layout .list-group .list-group-item.active p,
.dark-layout .list-group .list-group-item.active small {
  color: #fff; }

.dark-layout .list-group .list-group-item.disabled {
  color: #676d7d; }

.dark-layout .list-group.list-group-circle .list-group-item:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-circle'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3C/svg%3E"); }

.dark-layout .spinner-border {
  border-color: currentColor !important;
  border-right-color: transparent !important; }

.dark-layout .avatar {
  background-color: #161d31; }

.dark-layout .avatar [class*='avatar-status-'] {
  border-color: #283046; }

.dark-layout .avatar-group .avatar img,
.dark-layout .avatar-group .avatar .avatar-content {
  box-shadow: 0 0 0 2px #283046, inset 0 0 0 1px rgba(40, 48, 70, 0.07); }

.dark-layout .divider .divider-text {
  color: #b4b7bd; }

.dark-layout .divider .divider-text::before, .dark-layout .divider .divider-text::after {
  border-color: #3b4253; }

.dark-layout .divider.divider-dark .divider-text::before, .dark-layout .divider.divider-dark .divider-text::after {
  border-color: #3b4253 !important; }

.dark-layout .timeline .timeline-item {
  border-color: #3b4253; }

.dark-layout .timeline .timeline-item .timeline-point:not(.timeline-point-indicator) {
  background-color: #283046; }

.dark-layout .timeline .timeline-item .timeline-event .timeline-event-time {
  color: #676d7d; }

.dark-layout .timeline .timeline-item:last-of-type:after {
  background: linear-gradient(#3b4253, transparent); }

.dark-layout .card {
  background-color: #283046;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24); }

.dark-layout .card .card-footer {
  border-color: #3b4253; }

.dark-layout .card.overlay-img-card .card-img-overlay span,
.dark-layout .card.overlay-img-card .card-img-overlay p,
.dark-layout .card.overlay-img-card .card-img-overlay .card-body {
  color: #fff; }

.dark-layout .card-developer-meetup .meetup-header .meetup-day {
  border-right-color: #404656; }

.dark-layout .card-profile .profile-image-wrapper .profile-image {
  background-color: #161d31; }

.dark-layout .business-card .business-items .business-item {
  border-color: #3b4253; }

.dark-layout .card-app-design .design-planning-wrapper .design-planning {
  background-color: #161d31; }

.dark-layout .card-tiny-line-stats .apexcharts-series-markers .apexcharts-marker {
  stroke: #00cfe8; }

.dark-layout .card-tiny-line-stats .apexcharts-series-markers:last-child .apexcharts-marker {
  fill: #283046; }

.dark-layout .card-revenue-budget .revenue-report-wrapper {
  border-right-color: #3b4253; }

.dark-layout .card-revenue-budget .budget-wrapper .apexcharts-series:not(:first-child) path {
  stroke: #b4b7bd; }

.dark-layout .earnings-card .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-label {
  fill: #b4b7bd !important; }

.dark-layout .earnings-card .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-value {
  fill: #d0d2d6; }

.dark-layout .card-company-table .avatar {
  background-color: #161d31; }

.dark-layout input.form-control,
.dark-layout .custom-file-label,
.dark-layout textarea.form-control {
  background-color: #283046;
  color: #b4b7bd; }

.dark-layout input.form-control:not(:focus),
.dark-layout .custom-file-label:not(:focus),
.dark-layout textarea.form-control:not(:focus) {
  border-color: #404656; }

.dark-layout input.form-control::placeholder,
.dark-layout .custom-file-label::placeholder,
.dark-layout textarea.form-control::placeholder {
  color: #676d7d; }

.dark-layout input.form-control:disabled, .dark-layout input.form-control[readonly='readonly'],
.dark-layout .custom-file-label:disabled,
.dark-layout .custom-file-label[readonly='readonly'],
.dark-layout textarea.form-control:disabled,
.dark-layout textarea.form-control[readonly='readonly'] {
  opacity: 0.5; }

.dark-layout .char-textarea.active {
  color: #b4b7bd !important; }

.dark-layout .char-textarea.max-limit {
  color: #ea5455 !important; }

.dark-layout .custom-file-label:after {
  background-color: #161d31;
  border-left: 1px solid #3b4253;
  color: #b4b7bd; }

.dark-layout .custom-control-input:not(:checked) ~ .custom-control-label:before {
  background-color: #283046;
  border-color: #404656; }

.dark-layout .custom-control-input:disabled ~ .custom-control-label:before {
  background-color: #444b60;
  border-color: #444b60; }

.dark-layout .custom-switch .custom-control-input:not(:checked) ~ .custom-control-label:before {
  background-color: #545a6a; }

.dark-layout .custom-switch .custom-control-input:disabled ~ .custom-control-label:before {
  background-color: #1b2337; }

.dark-layout select.form-control,
.dark-layout .custom-select {
  background-color: #283046;
  color: #b4b7bd;
  border-color: #3b4253; }

.dark-layout select.form-control option:checked,
.dark-layout .custom-select option:checked {
  background-color: #283046; }

.dark-layout select.form-control:disabled,
.dark-layout .custom-select:disabled {
  opacity: 0.5; }

.dark-layout select.form-control:focus,
.dark-layout .custom-select:focus {
border-color: #6c6ae3;
}

.dark-layout select.form-control:not([multiple='multiple']) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .was-validated .form-control:invalid,
.dark-layout .form-control.is-invalid {
  border-color: #ea5455 !important; }

.dark-layout .was-validated .form-control:valid,
.dark-layout .form-control.is-valid {
  border-color: #28c76f !important; }

.dark-layout .wizard .steps ul .disabled a,
.dark-layout .wizard .steps ul .done a {
  color: #b4b7bd !important; }

.dark-layout .wizard .steps ul .disabled a:hover,
.dark-layout .wizard .steps ul .done a:hover {
  color: #b4b7bd; }

.dark-layout .wizard .steps ul .disabled a .step,
.dark-layout .wizard .steps ul .done a .step {
  background-color: #161d31 !important;
  color: #fff !important; }

.dark-layout .input-group .input-group-text {
  background-color: #283046;
  border-color: #3b4253;
  color: #b4b7bd; }

.dark-layout .input-group:focus-within .form-control,
.dark-layout .input-group:focus-within .input-group-text {
border-color: #6c6ae3;
  box-shadow: none; }

.dark-layout .form-label-group > input:not(:focus):not(:placeholder-shown) ~ label,
.dark-layout .form-label-group > textarea:not(:focus):not(:placeholder-shown) ~ label {
  color: #b4b7bd !important; }

.dark-layout .counter-value {
  color: white; }

.dark-layout .table {
  background-color: #283046; }

.dark-layout .table td,
.dark-layout .table th {
  color: #b4b7bd;
  border-color: #3b4253 !important; }

.dark-layout .table .thead tr:not([class*='table-']) th,
.dark-layout .table .thead tr:not([class*='table-']) td,
.dark-layout .table tbody tr:not([class*='table-']) th,
.dark-layout .table tbody tr:not([class*='table-']) td {
  border-color: #3b4253;
  color: #b4b7bd; }

.dark-layout .table .thead tr:not([class*='table-']) th code,
.dark-layout .table .thead tr:not([class*='table-']) td code,
.dark-layout .table tbody tr:not([class*='table-']) th code,
.dark-layout .table tbody tr:not([class*='table-']) td code {
  background-color: #283046; }

.dark-layout .table thead tr th,
.dark-layout .table tfoot tr th {
  border-color: #3b4253;
  background-color: #343d55;
  color: #d0d2d6; }

.dark-layout .table thead.thead-dark th,
.dark-layout .table tfoot.thead-dark th {
  background-color: #fff;
  color: #4b4b4b !important; }

.dark-layout .table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th,
.dark-layout .table:not(.table-dark):not(.table-light) tfoot:not(.thead-dark) th {
  background-color: #343d55; }

.dark-layout .table.table-dark {
  background-color: #fff; }

.dark-layout .table.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(75, 75, 75, 0.05); }

.dark-layout .table.table-dark.table-striped tbody tr:nth-of-type(odd) td {
  background-color: inherit; }

.dark-layout .table.table-dark td,
.dark-layout .table.table-dark th {
  border-color: #f8f9fa !important;
  color: #4b4b4b !important;
  background-color: #fff; }

.dark-layout .table.table-dark td .text-white,
.dark-layout .table.table-dark th .text-white {
  color: #4b4b4b !important; }

.dark-layout .table tbody tr[class*='table-'] td,
.dark-layout .table tbody tr[class*='table-'] th {
  background-color: unset; }

.dark-layout .table tbody tr.table-dark td,
.dark-layout .table tbody tr.table-dark th {
  color: #fff; }

.dark-layout .table tbody tr.table-active td,
.dark-layout .table tbody tr.table-active th {
  color: #b4b7bd; }

.dark-layout .table.table-bordered {
  border-color: #3b4253; }

.dark-layout .table.table-hover tbody tr:hover {
  background-color: #242b3d; }

.dark-layout .table.table-hover tbody tr th,
.dark-layout .table.table-hover tbody tr td {
  background-color: unset; }

.dark-layout .table.table-hover-animation tbody tr {
  background-color: #283046; }

.dark-layout .table.table-hover-animation tbody tr:hover {
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24); }

.dark-layout .table.table-striped tbody tr:nth-of-type(odd) {
  background-color: #242b3d; }

.dark-layout .dataTables_wrapper .dt-buttons .buttons-copy,
.dark-layout .dataTables_wrapper .dt-buttons .buttons-excel,
.dark-layout .dataTables_wrapper .dt-buttons .buttons-pdf,
.dark-layout .dataTables_wrapper .dt-buttons .buttons-print,
.dark-layout .dataTables_wrapper .dt-buttons .btn-secondary,
.dark-layout .dataTables_wrapper .dt-buttons [class*='buttons-'] {
  background-color: #161d31 !important; }

.dark-layout .dataTables_wrapper .dt-buttons .buttons-copy:active,
.dark-layout .dataTables_wrapper .dt-buttons .buttons-excel:active,
.dark-layout .dataTables_wrapper .dt-buttons .buttons-pdf:active,
.dark-layout .dataTables_wrapper .dt-buttons .buttons-print:active,
.dark-layout .dataTables_wrapper .dt-buttons .btn-secondary:active,
.dark-layout .dataTables_wrapper .dt-buttons [class*='buttons-']:active {
background-color: #6c6ae3 !important;
  color: #fff; }

.dark-layout .dataTables_wrapper .dt-button-collection > div[role='menu'] {
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24); }

.dark-layout .dataTables_wrapper .table.dataTable tr.group td {
  background-color: #242b3d;
  color: #d0d2d6; }

.dark-layout .dataTables_wrapper .table.dataTable thead .sorting:before,
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:before,
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .dataTables_wrapper .table.dataTable thead .sorting:after,
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:after,
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .dataTables_wrapper .table.dataTable thead .sorting:before, .dark-layout .dataTables_wrapper .table.dataTable thead .sorting:after {
  opacity: 0.5; }

.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:before {
  opacity: 1; }

.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:after {
  opacity: 0.5; }

.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:after {
  opacity: 1; }

.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:before {
  opacity: 0.5; }

.dark-layout .ag-grid-btns .filter-btn {
  background-color: transparent !important; }

.dark-layout .aggrid .ag-input-wrapper input {
  color: #b4b7bd; }

.dark-layout .aggrid,
.dark-layout .ag-header {
  background-color: #283046;
  color: #b4b7bd;
  border-color: #3b4253; }

.dark-layout .aggrid .ag-row-hover,
.dark-layout .aggrid .ag-row-selected,
.dark-layout .ag-header .ag-row-hover,
.dark-layout .ag-header .ag-row-selected {
  background-color: #242b3d !important; }

.dark-layout .aggrid .ag-icon,
.dark-layout .ag-header .ag-icon {
  color: #404656; }

.dark-layout .aggrid .ag-header-cell.ag-column-hover,
.dark-layout .ag-header .ag-header-cell.ag-column-hover {
  background: transparent !important; }

.dark-layout .aggrid .ag-header-cell,
.dark-layout .aggrid .ag-cell,
.dark-layout .aggrid .ag-row,
.dark-layout .aggrid .ag-pinned-left-header,
.dark-layout .aggrid .ag-pinned-left-cols-container,
.dark-layout .aggrid .ag-horizontal-left-spacer,
.dark-layout .aggrid .ag-paging-panel,
.dark-layout .aggrid .ag-floating-filter-input,
.dark-layout .ag-header .ag-header-cell,
.dark-layout .ag-header .ag-cell,
.dark-layout .ag-header .ag-row,
.dark-layout .ag-header .ag-pinned-left-header,
.dark-layout .ag-header .ag-pinned-left-cols-container,
.dark-layout .ag-header .ag-horizontal-left-spacer,
.dark-layout .ag-header .ag-paging-panel,
.dark-layout .ag-header .ag-floating-filter-input {
  border-color: #3b4253 !important;
  color: #b4b7bd; }

.dark-layout .aggrid .ag-cell.ag-cell-inline-editing,
.dark-layout .ag-header .ag-cell.ag-cell-inline-editing {
  border-color: #3b4253;
  background: #161d31;
  height: auto;
  padding-top: 0; }

.dark-layout .aggrid .ag-paging-panel .ag-paging-button,
.dark-layout .ag-header .ag-paging-panel .ag-paging-button {
  background-color: #161d31; }

.dark-layout .aggrid .ag-paging-panel .ag-disabled,
.dark-layout .ag-header .ag-paging-panel .ag-disabled {
  background: #283046; }

.dark-layout .aggrid .ag-paging-panel span[ref='lbTotal'],
.dark-layout .ag-header .ag-paging-panel span[ref='lbTotal'] {
  background-color: #242b3d;
  color: #b4b7bd !important; }

.dark-layout .aggrid ::-webkit-scrollbar-track,
.dark-layout .ag-header ::-webkit-scrollbar-track {
  background: #161d31; }

.dark-layout .aggrid ::-webkit-scrollbar-thumb,
.dark-layout .ag-header ::-webkit-scrollbar-thumb {
background: #6c6ae3;
}

.dark-layout .getting-started .clockCard p {
  color: #b4b7bd !important; }

.dark-layout #user-profile .profile-header .navbar {
  background-color: #283046; }

.dark-layout #user-profile .profile-header .navbar .navbar-toggler {
  color: #b4b7bd;
  border-color: #3b4253; }

.dark-layout .search-bar .form-control {
  background-color: #283046; }

.dark-layout .blog-edit-wrapper .border {
  border-color: #3b4253 !important; }

.dark-layout .kb-search-content-info .kb-search-content .card-img-top {
  background-color: #3f4860; }

.dark-layout .list-group-circle .list-group-item:not([class*='list-group-item-']):hover, .dark-layout .list-group-circle .list-group-item:not([class*='list-group-item-']):focus, .dark-layout .list-group-circle .list-group-item:not([class*='list-group-item-']):active,
.dark-layout .list-group-circle .list-group-item-action:hover,
.dark-layout .list-group-circle .list-group-item-action:focus,
.dark-layout .list-group-circle .list-group-item-action:active {
  background-color: transparent !important; }

.dark-layout .content-area-wrapper {
  border-color: #3b4253 !important; }

.dark-layout .content-area-wrapper .sidebar .sidebar-content {
  background-color: #283046 !important; }

.dark-layout .content-area-wrapper .app-fixed-search {
  background-color: #283046 !important;
  border-color: #3b4253 !important; }

.dark-layout .content-area-wrapper .content-right {
  border-color: #3b4253 !important; }

.dark-layout .email-application .content-area-wrapper .email-app-list .app-action {
  border-color: #3b4253;
  background-color: #283046; }

.dark-layout .email-application .content-area-wrapper .email-app-list .app-action .action-right .list-inline-item .dropdown-toggle {
  color: #b4b7bd; }

.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .media {
  border-color: #3b4253;
  background-color: #283046; }

.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .media:hover {
  box-shadow: 0 3px 10px 0 #283046; }

.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .media.selected-row-bg {
  background-color: rgba(115, 103, 240, 0.06);
  border-color: #3b4253; }

.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .media .user-details p,
.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .media .user-details .mail-date,
.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .media .mail-message p,
.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .media .mail-message .mail-date {
  color: #676d7d; }

.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .mail-read {
  background-color: #242b3d; }

.dark-layout .email-application .content-area-wrapper .email-app-details {
  border-color: #3b4253; }

.dark-layout .email-application .content-area-wrapper .email-app-details .email-scroll-area {
  background-color: #161d31; }

.dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-header {
  background-color: #283046;
  border-color: #3b4253; }

.dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-header .email-header-right .list-inline-item .dropdown-toggle,
.dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-header .email-header-right .list-inline-item .action-icon {
  color: #b4b7bd; }

.dark-layout .email-application .content-area-wrapper .email-app-details .email-info-dropup .dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676d7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .email-application .content-area-wrapper .email-app-details .mail-message-wrapper,
.dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-head {
  border-color: #3b4253 !important; }

.dark-layout .email-application .content-area-wrapper #compose-mail .compose-mail-form-field,
.dark-layout .email-application .content-area-wrapper #compose-mail .ql-toolbar,
.dark-layout .email-application .content-area-wrapper #compose-mail .ql-container {
  border-color: #3b4253; }

.dark-layout .email-application .content-area-wrapper #compose-mail label {
  color: #b4b7bd; }

.dark-layout .email-application .content-area-wrapper #compose-mail .modal-body {
  border-bottom-left-radius: 0.358rem;
  border-bottom-right-radius: 0.358rem; }

.dark-layout .chat-application .content-area-wrapper {
  border-color: #3b4253; }

.dark-layout .chat-application .sidebar .chat-profile-sidebar {
  background-color: #283046;
  border-color: #3b4253; }

.dark-layout .chat-application .sidebar .sidebar-content {
  border-color: #3b4253; }

.dark-layout .chat-application .sidebar .sidebar-content .chat-fixed-search {
  border-color: #3b4253; }

.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li:not(.active):hover {
  background: #161d31; }

.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li .chat-info .card-text,
.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li .chat-time {
  color: #676d7d; }

.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li.active .chat-info .card-text,
.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li.active .chat-time {
  color: #fff; }

.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li img {
  border-color: #3b4253; }

.dark-layout .chat-application .avatar-border img {
  border-color: #3b4253; }

.dark-layout .chat-application .content-right .chat-app-window .start-chat-area {
  background-color: #283046; }

.dark-layout .chat-application .content-right .chat-app-window .start-chat-area .start-chat-icon,
.dark-layout .chat-application .content-right .chat-app-window .start-chat-area .start-chat-text {
  background: #283046;
  color: #b4b7bd; }

.dark-layout .chat-application .content-right .chat-app-window .start-chat-area,
.dark-layout .chat-application .content-right .chat-app-window .user-chats {
  background-color: #1e232f; }

.dark-layout .chat-application .content-right .chat-app-window .user-chats .divider .divider-text {
  background: #283046; }

.dark-layout .chat-application .content-right .chat-app-window .user-chats .divider .divider-text:before, .dark-layout .chat-application .content-right .chat-app-window .user-chats .divider .divider-text:after {
  border-color: #3b4253; }

.dark-layout .chat-application .content-right .chat-app-window .user-chats .avatar img {
  border-color: #3b4253; }

.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-left .chat-content {
  background-color: #283046; }

.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-left .chat-content p {
  color: #b4b7bd; }

.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-content p {
  color: #fff; }

.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-header .dropdown-toggle {
  color: #b4b7bd; }

.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-header,
.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-app-form {
  background-color: #283046;
  border-color: #3b4253; }

.dark-layout .chat-application .content-right .user-profile-sidebar {
  background-color: #283046;
  border-color: #3b4253; }

.dark-layout .chat-widget .user-chats {
  background-color: #384056 !important; }

.dark-layout .chat-widget .card-header,
.dark-layout .chat-widget .chat-app-form {
  background-color: #283046; }

.dark-layout .chat-widget .chat-app-window .user-chats .chat-left .chat-content {
  background-color: #283046 !important;
  color: #b4b7bd !important; }

.dark-layout .chat-widget .chat-app-window .user-chats .avatar img {
  border-color: #161d31; }

.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board {
  color: #fff; }

.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board:hover, .dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board:focus {
  background-color: #283046; }

.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item {
  background-color: #283046; }

.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .item-dropdown i.dropdown-toggle,
.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .item-dropdown svg.dropdown-toggle {
  stroke: #fff; }

.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .kanban-title-button {
  color: #b4b7bd; }

.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item i,
.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item svg {
  stroke: #b4b7bd; }

.dark-layout .kanban-application .update-item-sidebar .nav-tabs .nav-item .nav-link,
.dark-layout .kanban-application .update-item-sidebar .tab-content .tab-pane {
  background-color: transparent; }

.dark-layout .kanban-item.gu-mirror {
  background-color: #283046; }

.dark-layout .todo-application .content-area-wrapper .sidebar .todo-form .todo-item-action {
  color: #b4b7bd; }

.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list-wrapper {
  background-color: #283046 !important;
  border-color: #3b4253; }

.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item:not(:first-child) {
  border-color: #3b4253; }

.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item.completed .todo-title {
  color: #676d7d; }

.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item:hover {
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24); }

.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item .todo-item-action .todo-item-favorite:not(.text-warning) i,
.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item .todo-item-action .todo-item-favorite:not(.text-warning) svg {
  color: #b4b7bd; }

.dark-layout .todo-application .todo-item-action .close {
  background-color: transparent !important; }

.dark-layout .todo-item.gu-mirror {
  background-color: #283046;
  border-color: #3b4253;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.24); }

.dark-layout .todo-item.gu-mirror.completed .todo-title {
  color: #676d7d; }

.dark-layout .ecommerce-application .ecommerce-card .btn-light {
  background-color: #161d31 !important;
  color: #fff;
  border-color: transparent; }

.dark-layout .ecommerce-application .content-right .ecommerce-header-items .result-toggler .search-results,
.dark-layout .ecommerce-application .content-body .ecommerce-header-items .result-toggler .search-results {
  color: #d0d2d6; }

.dark-layout .ecommerce-application .content-right .ecommerce-header-items .result-toggler .shop-sidebar-toggler i,
.dark-layout .ecommerce-application .content-right .ecommerce-header-items .result-toggler .shop-sidebar-toggler svg,
.dark-layout .ecommerce-application .content-body .ecommerce-header-items .result-toggler .shop-sidebar-toggler i,
.dark-layout .ecommerce-application .content-body .ecommerce-header-items .result-toggler .shop-sidebar-toggler svg {
  color: #d0d2d6; }

.dark-layout .ecommerce-application .content-right .grid-view .ecommerce-card .card-body,
.dark-layout .ecommerce-application .content-right .list-view .ecommerce-card .card-body,
.dark-layout .ecommerce-application .content-body .grid-view .ecommerce-card .card-body,
.dark-layout .ecommerce-application .content-body .list-view .ecommerce-card .card-body {
  border-color: #3b4253; }

.dark-layout .ecommerce-application .content-right .grid-view .ecommerce-card .item-options .wishlist span,
.dark-layout .ecommerce-application .content-right .list-view .ecommerce-card .item-options .wishlist span,
.dark-layout .ecommerce-application .content-body .grid-view .ecommerce-card .item-options .wishlist span,
.dark-layout .ecommerce-application .content-body .list-view .ecommerce-card .item-options .wishlist span {
  color: #5e5873; }

.dark-layout .ecommerce-application .content-right .grid-view .ecommerce-card .item-options .cart span,
.dark-layout .ecommerce-application .content-right .list-view .ecommerce-card .item-options .cart span,
.dark-layout .ecommerce-application .content-body .grid-view .ecommerce-card .item-options .cart span,
.dark-layout .ecommerce-application .content-body .list-view .ecommerce-card .item-options .cart span {
  color: #fff; }

.dark-layout .ecommerce-application .grid-view .item-name a,
.dark-layout .ecommerce-application .grid-view .item-price {
  color: #b4b7bd; }

.dark-layout .ecommerce-application .wishlist-items .ecommerce-card .move-cart .move-to-cart {
  color: #fff; }

.dark-layout .ecommerce-application .product-checkout .checkout-options .coupons input {
  color: #b4b7bd; }

.dark-layout .ecommerce-application .product-checkout .checkout-options .coupons input::placeholder {
  color: #b4b7bd; }

.dark-layout .ecommerce-application .app-ecommerce-details .item-features,
.dark-layout .ecommerce-application .app-ecommerce-details .swiper-responsive-breakpoints.swiper-container .swiper-slide {
  background-color: #161d31; }

.dark-layout .file-manager-application .sidebar-file-manager {
  background-color: #283046 !important; }

.dark-layout .file-manager-application .sidebar-file-manager .jstree .jstree-container-ul .jstree-anchor {
  color: #b4b7bd; }

.dark-layout .file-manager-application .sidebar-file-manager .storage-status i,
.dark-layout .file-manager-application .sidebar-file-manager .storage-status svg {
  color: #b4b7bd !important; }

.dark-layout .file-manager-application .sidebar-file-manager .file-manager-title {
  color: #d0d2d6; }

.dark-layout .file-manager-application .sidebar-file-manager.show {
  border: 1px solid #3b4253 !important; }

.dark-layout .file-manager-application .content-area-wrapper {
  border: 1px solid #3b4253 !important; }

.dark-layout .file-manager-application .file-manager-main-content {
  border: 1px solid #3b4253 !important; }

.dark-layout .file-manager-application .file-manager-main-content .file-manager-app-searchbar {
  background-color: transparent !important;
  border-bottom: 1px solid #3b4253 !important; }

.dark-layout .file-manager-application .file-manager-main-content .file-manager-app-searchbar .file-manager-toggler {
  color: #b4b7bd !important; }

.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-header,
.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body {
  background-color: #283046 !important; }

.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-header {
  border-color: #3b4253 !important; }

.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .drives .card {
  background-color: #283046; }

.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .file-logo-wrapper {
  background-color: #161d31 !important; }

.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container .file-manager-item:not(.selected) {
  border-color: #3b4253 !important; }

.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item .file-size,
.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item .file-accessed {
  color: #676d7d !important; }

.dark-layout .file-manager-application #app-file-manager-info-sidebar .nav-tabs .nav-link,
.dark-layout .file-manager-application #app-file-manager-info-sidebar .tab-content .tab-pane {
  background-color: transparent; }

.dark-layout .file-manager-application #app-file-manager-info-sidebar .nav-tabs .nav-item:not(.active) .nav-link {
  color: #b4b7bd; }

.dark-layout .app-calendar .app-calendar-sidebar {
  background-color: #283046;
  border-color: #3b4253; }

.dark-layout .app-calendar .app-calendar-sidebar .sidebar-content-title {
  color: #d0d2d6; }

.dark-layout .app-calendar .app-calendar-sidebar .select-all ~ label,
.dark-layout .app-calendar .app-calendar-sidebar .input-filter ~ label {
  color: #d0d2d6; }

.dark-layout .app-calendar .fc .fc-day-today {
  background: #161d31 !important;
  background-color: #161d31 !important; }

.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-col-header-cell,
.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-timegrid-axis,
.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-daygrid-day {
  background-color: #283046;
  border-color: #3b4253; }

.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-day-today {
  background-color: rgba(186, 191, 199, 0.12) !important; }

.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-day-today.fc-col-header-cell {
  background-color: #283046 !important; }

.dark-layout .app-calendar .fc .fc-popover {
  background: #283046;
  border-color: #3b4253; }

.dark-layout .app-calendar .fc .fc-popover-header .fc-popover-title,
.dark-layout .app-calendar .fc .fc-popover-header .fc-popover-close {
  color: #b4b7bd; }

.dark-layout .app-calendar .fc tbody td,
.dark-layout .app-calendar .fc thead th {
  border-color: #3b4253; }

.dark-layout .app-calendar .fc .fc-scrollgrid {
  border-color: #3b4253; }

.dark-layout .app-calendar .fc .fc-list,
.dark-layout .app-calendar .fc th {
  border-color: #3b4253; }

.dark-layout .app-calendar .fc .fc-list .fc-list-day-cushion,
.dark-layout .app-calendar .fc th .fc-list-day-cushion {
  background: #161d31; }

.dark-layout .app-calendar .fc .fc-list .fc-list-event:hover td,
.dark-layout .app-calendar .fc th .fc-list-event:hover td {
  background-color: #161d31; }

.dark-layout .app-calendar .fc .fc-list .fc-list-event-time,
.dark-layout .app-calendar .fc th .fc-list-event-time {
  color: #b4b7bd; }

.dark-layout .app-calendar .fc .fc-list .fc-list-event td,
.dark-layout .app-calendar .fc th .fc-list-event td {
  border-color: #3b4253; }

.dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-list-dataTable-header {
  background-color: #283046;
  border-color: #3b4253; }

.dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-data-table {
  background-color: #283046; }

.dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-data-table tbody .selected-row-bg {
  background-color: #3b4253; }

.dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-data-table td {
  background-color: inherit; }

.dark-layout .invoice-edit .invoice-preview-card .invoice-product-details,
.dark-layout .invoice-add .invoice-preview-card .invoice-product-details {
  background-color: #161d31; }

.dark-layout .invoice-edit .invoice-preview-card .invoice-product-details .product-details-border,
.dark-layout .invoice-add .invoice-preview-card .invoice-product-details .product-details-border {
  background-color: #283046;
  border-color: #3b4253; }

.dark-layout .invoice-print .form-control {
  background-color: #283046; }

.dark-layout .app-user-view .plan-card {
border-color: #6c6ae3 !important;
}

.dark-layout .app-user-edit .form-control.error {
  border-color: #ea5455 !important; }

.dark-layout .customizer {
  background-color: #283046; }

.dark-layout .customizer .customizer-close i,
.dark-layout .customizer .customizer-close svg {
  color: #b4b7bd; }

.dark-layout .footer-fixed .footer {
  background-color: #283046; }

.dark-layout .horizontal-layout.navbar-sticky .horizontal-menu-wrapper .navbar-horizontal.header-navbar.fixed-top {
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.75) !important; }

.dark-layout .horizontal-layout .horizontal-menu-wrapper {
  background: linear-gradient(to bottom, rgba(37, 43, 71, 0.76) 44%, rgba(56, 53, 53, 0.46) 73%, rgba(255, 255, 255, 0) 100%) !important; }

.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar {
  background: #283046 !important; }

.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-shadow {
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.75); }

.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover:not(.active) > a {
  background: #161d31; }

.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal .active .nav-link.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal .nav-link.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-submenu.show {
  background-color: #283046 !important;
  color: #b4b7bd; }

.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu a:hover {
  color: #d0d2d6 !important; }

.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .disabled a {
  color: #676d7d; }

.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-item {
  color: #d0d2d6; }

.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-toggle:hover::after, .dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-toggle:active::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); }

.dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active > a > i,
.dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active > a > svg {
  color: #fff !important; }

.dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active .dropdown-menu li.active > a {
  background: #161d31 !important;
  color: #b4b7bd; }

.dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active .dropdown-menu li.active > a:hover {
color: #6c6ae3 !important;
}

.dark-layout .horizontal-layout .main-menu-content .navbar-nav > li.active .dropdown-menu li.open.active > a {
  color: #b4b7bd !important; }
.dark-layout .sidebar-shop.show {
    background-color: #283046 !important;
}

.dark-layout .comment .bg-light {
    background: rgba(0, 0, 0, 0.43) !important;
}

.dark-layout .bg-light-primary {
    color: #cdcde3 !important;
}

.dark-layout .text-primary,
.dark-layout .btn-flat-primary {
    color: #6c6ae3 !important
}

.dark-layout .btn-primary {
    background: #6c6ae3 !important
}


.dark-layout .custom-option-item-check:checked+.custom-option-item {
    color: #6c6ae3 !important;
    border-color: #6c6ae3 !important;
    background-color: rgb(0 0 0 / 12%) !important;
}

.dark-layout .custom-option-item-check:checked+.custom-option-item .custom-option-item-title {
    color: #6c6ae3 !important;
}

.dark-layout .btn-outline-primary {
    border-color: #6c6ae3 !important;
    color: #6c6ae3 !important
}

.dark-layout .ql-toolbar.ql-snow .ql-picker-label {
    color: #FFF;
}

.dark-layout .ql-container.ql-snow {
    border: 1px solid #404656;
}

.dark-layout .ql-toolbar.ql-snow {
    border: 1px solid #404656;
}

.dark-layout .ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: #FFF;
}

.dark-layout .ql-editor.ql-blank::before {
    color: rgba(255, 255, 255, 0.5);
}

.dark-layout .ql-snow .ql-stroke {
    stroke: #fff;
}

.dark-layout .bg-primary .dropdown-menu .nav-link {
    color: #d0d2d6 !important;
}

.dark-layout .navbar-brand .brand-text,
.dark-layout .navbar-brand .brand-logo svg {
    color: #ffffff;
}

.dark-layout .filter-item.bg-light-primary {
    color: #8583df !important;
}

.dark-layout .multiselect,
.dark-layout .multiselect__content-wrapper,
.dark-layout .multiselect__tags,
.dark-layout .multiselect__input {
    color: #FFFFFF;
    background-color: #2c364d !important;

}

.dark-layout .multiselect__input::placeholder {
    color: #9b9898;
}

.dark-layout .multiselect__option--group {
    color: #6c6ae3 !important;
    background-color: #283046 !important;
    font-size: 0.8rem
}

.dark-layout .multiselect__option--group {
    color: #6c6ae3 !important;
    background-color: #283046 !important;
    font-size: 0.8rem
}

.dark-layout .multiselect__option--selected {
    color: #ffffff !important;
    background-color: #484b54 !important;
}

.dark-layout .select2-container .select2-selection--multiple .select2-selection__choice {
    background: rgba(115, 103, 240, .12) !important;
    color: #6c6ae3 !important;
    border: none;
}

.dark-layout ul.select2-results__options--nested li.select2-results__option:hover,
.dark-layout ul.select2-results__options--nested li.select2-results__option.select2-results__option--highlighted {
    color: #6c6ae3 !important;
}

.dark-layout .swal2-popup.swal2-modal,
.dark-layout .swal2-validation-message {
    background: #161d31 !important;
}

.dark-layout .swal2-popup.swal2-modal,
.dark-layout .swal2-validation-message {
    background: #161d31 !important;
}

.dark-layout .sidebar-shop.show {
    background-color: #283046;
}

.dark-layout .main-menu .navbar-header .navbar-brand .brand-text {
    color: #ffffff;
}
.dark-layout .noUi-connect {
    background: #6c6ae3;
    box-shadow: none;
} 
.dark-layout .noUi-handle {
   
    border: 2px solid #6c6ae3;
} 

.dark-layout .nav-tabs .nav-link.active {
    border-bottom: 3px solid #6c6ae3;
}
.dark-layout .badge-primary {
    color: #fff;
    background-color: #3F3D91;
}
.dark-layout .badge.badge-light-primary {
    background-color: rgb(0 0 0 / 12%) !important;
    color: #6c6ae3 !important;
}
.dark-layout .bg-light-primary {
    background-color: rgb(0 0 0 / 12%)!important;
        color: #6c6ae3 !important;
}