.dark-layout {
  /********* COMPONENTS *********/
  /* Accordion */
  /* alerts */
  /* breadcrumbs */
  /* buttons */
  /* dropdown */
  /* modal */
  /* Close btn */
  /* OffCanvas */
  /* pagination */
  /* nav tabs */
  /* popover */
  /* BS toast */
  /* list group */
  /* spinners */
  /* avatar */
  /* divider */
  /* Timeline */
  /* card */
  /********** 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-end, .dark-layout .border-bottom, .dark-layout .border-start {
  border-color : #3B4253 !important;
}

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

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

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

.dark-layout hr {
  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 : -webkit-linear-gradient(top, rgba(22, 29, 49, 0.9) 44%, rgba(22, 29, 49, 0.43) 73%, rgba(22, 29, 49, 0));
  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 : #FFFFFF !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::-webkit-input-placeholder {
  color : #B4B7BD;
}

.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::-moz-placeholder {
  color : #B4B7BD;
}

.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input:-ms-input-placeholder {
  color : #B4B7BD;
}

.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::-ms-input-placeholder {
  color : #B4B7BD;
}

.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 .list-item, .dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .list-item {
  border-color : #3B4253;
}

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

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .list-item:hover, .dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .list-item: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 : #FFFFFF;
}

.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 : #FFFFFF;
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .list-item 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 .list-item-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 : -webkit-linear-gradient(top, #283046 44%, rgba(40, 48, 70, 0.51) 73%, rgba(40, 48, 70, 0));
  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 : #7367F0 !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 : #FFFFFF;
}

.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 : #FFFFFF;
}

.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 : #161D31 !important;
}

.dark-layout .accordion-item:not(:last-of-type) {
  border-color : #3B4253;
}

.dark-layout .accordion-item {
  background : #283046 !important;
}

.dark-layout .accordion-button {
  background : #283046 !important;
  color : #B4B7BD;
}

.dark-layout .accordion-button:after {
  background-image : url('data:image/svg+xml,<svg 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\'><polyline points=\'18 15 12 9 6 15\'></polyline></svg>');
}

.dark-layout .accordion-border .accordion-item {
  border-color : #3B4253;
}

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

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

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

.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 .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 label[class*='btn-outline-'] {
  color : #7367F0 !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 : #7367F0;
}

.dark-layout .dropdown-menu .dropdown-item:active, .dark-layout .dropdown-menu .dropdown-item.active {
  color : #FFFFFF;
  background-color : #7367F0;
}

.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 .btn-close {
  text-shadow : none;
  background-color : #283046 !important;
  color : #B4B7BD;
  box-shadow : 0 3px 8px 0 rgba(11, 10, 25, 0.49) !important;
  background-image : url('data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'%23b4b7bd\'><path d=\'M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z\'/></svg>');
}

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

.dark-layout .btn-close {
  background : transparent url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'%23b4b7bd\'%3e%3cpath d=\'M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z\'/%3e%3c/svg%3e') center/0.75rem auto no-repeat;
}

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

.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 : #7367F0;
}

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

.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 : #7367F0;
}

.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 : #FFFFFF;
}

.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 : #FFFFFF;
}

.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.previous .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.previous.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 : #7367F0;
}

.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 : #FFFFFF;
  background-color : #7367F0;
}

.dark-layout .popover.bs-popover-top .popover-arrow:before {
  border-top-color : #3B4253;
}

.dark-layout .popover.bs-popover-top .popover-arrow:after {
  border-top-color : #283046;
}

.dark-layout .popover.bs-popover-start .popover-arrow:before {
  border-right-color : #3B4253;
}

.dark-layout .popover.bs-popover-start .popover-arrow:after {
  border-right-color : #283046;
}

.dark-layout .popover.bs-popover-end .popover-arrow:before {
  border-left-color : #3B4253;
}

.dark-layout .popover.bs-popover-end .popover-arrow:after {
  border-left-color : #283046;
}

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

.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 .btn-close {
  background-color : transparent !important;
  background-image : url('data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'%23b4b7bd\'><path d=\'M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z\'/></svg>');
  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:not(.active):not(:active) {
  background-color : #283046;
  border-color : #3B4253;
}

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

.dark-layout .list-group .list-group-item.list-group-item-action:not(.active):not(:active):hover, .dark-layout .list-group .list-group-item.list-group-item-action:not(.active):not(:active):focus {
  background-color : #161D31;
}

.dark-layout .list-group .list-group-item.list-group-item-action.active:hover, .dark-layout .list-group .list-group-item.list-group-item-action.active:focus, .dark-layout .list-group .list-group-item.list-group-item-action:active:hover, .dark-layout .list-group .list-group-item.list-group-item-action:active:focus {
  color : #FFFFFF;
}

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

.dark-layout .list-group .list-group-item.active:hover {
  color : #FFFFFF;
}

.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-left-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 : -webkit-linear-gradient(#3B4253, transparent);
  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 : #FFFFFF;
}

.dark-layout .card-developer-meetup .meetup-header .meetup-day {
  border-left-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-left-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:-webkit-autofill, .dark-layout textarea:-webkit-autofill, .dark-layout select:-webkit-autofill {
  -webkit-box-shadow : 0 0 0 1000px #283046 inset !important;
  -webkit-text-fill-color : #B4B7BD !important;
}

.dark-layout input.form-control, .dark-layout select.form-select, .dark-layout textarea.form-control {
  background-color : #283046;
  color : #B4B7BD;
}

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

.dark-layout input.form-control::-webkit-input-placeholder, .dark-layout select.form-select::-webkit-input-placeholder, .dark-layout textarea.form-control::-webkit-input-placeholder {
  color : #676D7D;
}

.dark-layout input.form-control::-moz-placeholder, .dark-layout select.form-select::-moz-placeholder, .dark-layout textarea.form-control::-moz-placeholder {
  color : #676D7D;
}

.dark-layout input.form-control:-ms-input-placeholder, .dark-layout select.form-select:-ms-input-placeholder, .dark-layout textarea.form-control:-ms-input-placeholder {
  color : #676D7D;
}

.dark-layout input.form-control::-ms-input-placeholder, .dark-layout select.form-select::-ms-input-placeholder, .dark-layout textarea.form-control::-ms-input-placeholder {
  color : #676D7D;
}

.dark-layout input.form-control::placeholder, .dark-layout select.form-select::placeholder, .dark-layout textarea.form-control::placeholder {
  color : #676D7D;
}

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

.dark-layout .form-floating textarea.form-control::-webkit-input-placeholder {
  color : transparent;
}

.dark-layout .form-floating textarea.form-control::-moz-placeholder {
  color : transparent;
}

.dark-layout .form-floating textarea.form-control:-ms-input-placeholder {
  color : transparent;
}

.dark-layout .form-floating textarea.form-control::-ms-input-placeholder {
  color : transparent;
}

.dark-layout .form-floating textarea.form-control::placeholder {
  color : transparent;
}

.dark-layout .form-control::file-selector-button {
  background-color : #283046;
  color : #D0D2D6;
}

.dark-layout .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color : #333A4F;
}

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

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

.dark-layout .form-check-input:not(:checked) {
  background-color : #283046;
  border-color : #404656;
}

.dark-layout .form-check-input:not(:checked):not(:indeterminate) {
  background-color : #283046;
}

.dark-layout .form-check-input:not(:checked):not(:indeterminate):not(:focus) {
  border-color : #404656;
}

.dark-layout .form-check-input:not(:checked):not(:indeterminate):disabled {
  background-color : #444B60 !important;
  border-color : #444B60 !important;
}

.dark-layout .form-switch .form-check-input:not(:checked) {
  background-color : #545A6A;
}

.dark-layout .form-switch .form-check-input:disabled {
  background-color : #1B2337;
  border-color : #1B2337;
}

.dark-layout .form-switch .form-check-input:not(:checked):not(:focus) {
  background-image : url('data:image/svg+xml,<svg width=\'26px\' height=\'26px\' viewBox=\'0 0 26 27\' version=\'1.1\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs><circle id=\'path-1\' cx=\'8\' cy=\'8\' r=\'8\'></circle><filter x=\'-40.6%\' y=\'-21.9%\' width=\'168.8%\' height=\'168.8%\' filterUnits=\'objectBoundingBox\' id=\'filter-2\'><feOffset dx=\'-1\' dy=\'2\' in=\'SourceAlpha\' result=\'shadowOffsetOuter1\'></feOffset><feGaussianBlur stdDeviation=\'1.5\' in=\'shadowOffsetOuter1\' result=\'shadowBlurOuter1\'></feGaussianBlur><feColorMatrix values=\'0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0\' type=\'matrix\' in=\'shadowBlurOuter1\'></feColorMatrix></filter></defs><g id=\'Artboard\' stroke=\'none\' stroke-width=\'1\' fill=\'none\' fill-rule=\'evenodd\'><g id=\'switches-dot\' transform=\'translate(5.000000, 5.000000)\' fill-rule=\'nonzero\'><g id=\'Oval\'><use fill=\'black\' fill-opacity=\'1\' filter=\'url(%23filter-2)\' xlink:href=\'%23path-1\'></use><use fill=\'%23fff\' xlink:href=\'%23path-1\'></use></g></g></g></svg>');
}

.dark-layout select.form-select: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 .was-validated .form-control.is-invalid, .dark-layout .was-validated .form-check-input:invalid, .dark-layout .was-validated .form-check-input.is-invalid, .dark-layout .was-validated select.form-select:not(:focus):invalid, .dark-layout .was-validated select.form-select:not(:focus).is-valid {
  border-color : #EA5455 !important;
}

.dark-layout .was-validated .form-control:valid, .dark-layout .was-validated .form-control.is-valid, .dark-layout .was-validated .form-check-input:valid, .dark-layout .was-validated .form-check-input.is-valid, .dark-layout .was-validated select.form-select:not(:focus):valid, .dark-layout .was-validated select.form-select:not(:focus).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 : #FFFFFF !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 : #7367F0;
  box-shadow : none;
}

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

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

.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 : #FFFFFF;
}

.dark-layout .custom-option-item-check:not(:checked) + .custom-option-item {
  border-color : #3B4253;
}

.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.table-dark th {
  color : #4B4B4B;
  background-color : #FFFFFF;
}

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

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

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

.dark-layout .table.table-dark td, .dark-layout .table.table-dark th {
  border-color : #F8F9FA !important;
  background-color : #FFFFFF;
}

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

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

.dark-layout .table tbody tr.table-active td, .dark-layout .table tbody tr.table-active th {
  color : #B4B7BD;
  background-color : #696E7E;
}

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

.dark-layout .table.table-hover tbody tr:hover {
  --bs-table-accent-bg : #242B3D;
}

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

.dark-layout .table.table-striped tbody tr:nth-of-type(odd) {
  --bs-table-accent-bg : #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 .dt-button-collection [class*='buttons-'] {
  color : #FFFFFF;
  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 .dt-button-collection [class*='buttons-']:active {
  background-color : #7367F0 !important;
  color : #FFFFFF;
}

.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 .dtr-modal .dtr-modal-display {
  background-color : #161D31;
}

.dark-layout .dtr-modal div.dtr-modal-close {
  background-color : transparent;
  border-color : transparent;
}

.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 .pricing-card .card.basic-pricing, .dark-layout .pricing-card .card.enterprise-pricing, .dark-layout .pricing-card .card.standard-pricing {
  border-color : #3B4253;
}

.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 .user-mail {
  border-color : #3B4253;
  background-color : #283046;
}

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

.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail.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 .user-mail .user-details p, .dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .user-details .mail-date, .dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .mail-message p, .dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .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-right-radius : 0.357rem;
  border-bottom-left-radius : 0.357rem;
}

.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 : #FFFFFF;
}

.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-image : url('data:image/svg+xml;base64, ');
  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 : #FFFFFF;
}

.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 : #FFFFFF;
}

.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 : #FFFFFF;
}

.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-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 : #FFFFFF;
  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 : #FFFFFF;
}

.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 : #FFFFFF;
}

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

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

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

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

.dark-layout .ecommerce-application .product-checkout .checkout-options .coupons input::-ms-input-placeholder {
  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 .app-calendar .fc-timegrid-event-harness-inset .fc-timegrid-event, .dark-layout .app-calendar .fc-timegrid-event.fc-event-mirror, .dark-layout .app-calendar .fc-timegrid-more-link {
  box-shadow : 0 0 0 1px #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 : #7367F0 !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 : -webkit-linear-gradient(top, rgba(37, 43, 71, 0.76) 44%, rgba(56, 53, 53, 0.46) 73%, rgba(255, 255, 255, 0) 100%) !important;
  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.navbar-dark {
  background : #283046 !important;
}

.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 : #FFFFFF !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 : #7367F0 !important;
}

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