/* Theme Dark */
.hp-dark-block {
    display: none;
}

body.dark {
    color: #ffffff;
    background: #141414;
    /* Link */
    /* App Layout */
    /* Divider */
    /* Customise */
    /* Selection */
    /* Typography */
    /* Header */
    /* Horizontal Menu */
    /* Search */
    /* Header Basket */
    /* Button */
    /* Sider */
    /* Breadcrumb */
    /* Code */
    /* Card */
    /* Input */
    /* Input Number */
    /* Timeline */
    /* Dropdown */
    /* Navbar */
    /* Pagination */
    /* Checkbox */
    /* Input */
    /* Radio */
    /* Select */
    /* Slider */
    /* Switch */
    /* Avatar */
    /* Badge */
    /* Accordion */
    /* List */
    /* Popover */
    /* Table */
    /* Tabs */
    /* Alert */
    /* Drawer */
    /* Modal */
    /* Notification */
    /* Progress */
    /* Spinner */
    /* Pages */
    /* Pricing */
    /* Profile */
    /* Lock */
    /* Authentication */
    /* FAQ */
    /* Invoice */
    /* Profile */
    /* Landing */
    /* Apex Chart */
}
body.dark .hp-dark-none {
    display: none;
}
body.dark .hp-dark-block {
    display: block;
}
body.dark .hp-dark-block.hp-dir-block {
    display: none;
}
body.dark a {
    color: #1118590;
}
body.dark.app-layout-bg:before {
    background: #141414;
}
body.dark .divider {
    color: #ffffff;
    border-color: #333333;
}
body.dark .hp-theme-customizer.active {
    -webkit-box-shadow: -13px 0px 20px rgba(255, 255, 255, 0.03);
    box-shadow: -13px 0px 20px rgba(255, 255, 255, 0.03);
}
body.dark .hp-theme-customizer.active .hp-theme-customizer-button-bg svg path {
    fill: #1f1f1f;
}
body.dark
    .hp-theme-customizer-container-body-item
    + .hp-theme-customizer-container-body-item {
    border-color: #474747;
}
body.dark .hp-theme-customizer-container-body-item-svg {
    border-color: #999999;
}
body.dark .hp-theme-customizer-container-body-item-svg svg {
    -webkit-filter: grayscale(0) brightness(0.9);
    filter: grayscale(0) brightness(0.9);
}
body.dark .hp-theme-customizer-container-body-item-svg-other {
    border-color: #999999;
}
body.dark .hp-theme-customizer-container-body-item-svg-other svg {
    -webkit-filter: grayscale(0) brightness(0.9);
    filter: grayscale(0) brightness(0.9);
}
body.dark .hp-theme-customizer-container-body-item-svg-other.active {
    border-color: #c2c2c2;
}
body.dark .hp-theme-customizer-container-body-item-svg.active {
    border-color: #c2c2c2;
}
body.dark ::-moz-selection {
    background: #1e266d;
    color: #ffffff;
}
body.dark ::selection {
    background: #1e266d;
    color: #ffffff;
}
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark .h1,
body.dark .h2,
body.dark .h3,
body.dark .h4,
body.dark .h5,
body.dark .h6 {
    color: #ffffff;
}
body.dark .hp-p1-body {
    color: #c2c2c2;
}
body.dark .hp-p2-body {
    color: #c2c2c2;
}
body.dark .hp-button {
    color: #c2c2c2;
}
body.dark .hp-placeholder {
    color: #c2c2c2;
}
body.dark .hp-input-description {
    color: #c2c2c2;
}
body.dark .hp-input-label {
    color: #c2c2c2;
}
body.dark .hp-badge-text {
    color: #c2c2c2;
}
body.dark header > .row > .col {
    background: #141414;
}
body.dark.horizontal-active.header-full header {
    background: #141414;
}
body.dark .hp-horizontal-menu > ul > li > a.active {
    color: #ffffff;
}
body.dark .hp-horizontal-menu > ul > li > a:hover,
body.dark .hp-horizontal-menu > ul > li > a:focus {
    background: #333333;
    color: #ffffff;
}
body.dark .hp-horizontal-menu ul li a {
    color: #c2c2c2;
}
body.dark .hp-horizontal-menu ul > li ul:before {
    background: #141414;
    -webkit-box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0),
        0 6px 16px 0 rgba(255, 255, 255, 0.01),
        0 9px 28px 8px rgba(255, 255, 255, 0.01);
    box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0),
        0 6px 16px 0 rgba(255, 255, 255, 0.01),
        0 9px 28px 8px rgba(255, 255, 255, 0.01);
}
body.dark .hp-horizontal-menu > ul > li ul li a.active {
    background: #333333;
    color: #ffffff;
}
body.dark .hp-horizontal-menu > ul > li ul li a:hover,
body.dark .hp-horizontal-menu > ul > li ul li a:focus {
    color: #ffffff;
}
body.dark .autocomplete-suggestions {
    background: #141414;
}
body.dark .autocomplete-suggestions .autocomplete-suggestion {
    color: #d7d7d7;
}
body.dark .autocomplete-suggestions .autocomplete-suggestion:hover {
    color: #ffffff;
    background: #333333;
}
body.dark .hp-basket-dropdown:before {
    border-color: #333333;
    background: #141414;
}
body.dark .btn {
    color: #ffffff;
    background: #141414;
}
body.dark .btn:not(.btn-dashed) {
    border-color: #333333;
}
body.dark .btn-dashed-primary {
    background: #141414 !important;
}
body.dark .btn-dashed-secondary {
    background: #141414 !important;
}
body.dark .btn-dashed-danger {
    background: #141414 !important;
}
body.dark .btn-dashed-info {
    background: #141414 !important;
}
body.dark .btn-dashed-success {
    background: #141414 !important;
}
body.dark .btn-dashed-warning {
    background: #141414 !important;
}
body.dark .btn-dashed-dark {
    background: #141414 !important;
}
body.dark .btn[disabled],
body.dark .btn.disabled,
body.dark .btn[disabled]:hover,
body.dark .btn[disabled]:focus,
body.dark .btn[disabled]:active {
    background: #1f1f1f !important;
    border-color: #333333 !important;
    color: #474747 !important;
}
body.dark .btn-text[disabled],
body.dark .btn-text.disabled,
body.dark .btn-text[disabled]:hover,
body.dark .btn-text[disabled]:focus,
body.dark .btn-text[disabled]:active {
    border-color: transparent !important;
    background: transparent !important;
}
body.dark .hp-sidebar-container .hp-sidebar-header-menu > ul li .menu-title {
    color: rgba(255, 255, 255, 0.65);
}
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    a
    > span
    > span {
    color: #c2c2c2;
}
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    a
    > span
    > i {
    color: #c2c2c2;
}
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    a.active {
    color: #ffffff;
}
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    a.active
    i {
    color: #ffffff !important;
}
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    a.active
    > span
    > span {
    color: #ffffff;
}
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    a:hover {
    color: #ffffff;
}
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    a:hover
    i {
    color: #ffffff !important;
}
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    a:hover
    > span {
    color: #ffffff !important;
}
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    a:hover
    > span
    > span {
    color: #ffffff;
}
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    a:hover
    .menu-arrow:before,
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    a:hover
    .menu-arrow:after {
    background-color: #ffffff;
}
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    .submenu-children
    li
    > a
    > span {
    color: #c2c2c2;
}
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    .submenu-children
    li
    > a:before {
    background: #ffffff;
}
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    .submenu-children
    li
    > a.active:not(.submenu-item) {
    background: #1e266d;
}
body.dark
    .hp-sidebar-container
    .hp-sidebar-header-menu
    > ul
    > li
    > ul
    li
    .submenu-children
    li
    > a.active
    > span {
    color: #ffffff;
}
body.dark .hp-sidebar-dropdown-container ul:before {
    background: #141414;
}
body.dark .hp-sidebar-dropdown-container ul li a {
    color: #c2c2c2;
}
body.dark .hp-sidebar-dropdown-container ul li a:before {
    background: #1e266d;
}
body.dark .hp-sidebar-dropdown-container ul li a:hover {
    color: #ffffff;
}
body.dark .hp-sidebar-dropdown-container ul li a:hover .menu-arrow {
    color: #ffffff;
}
body.dark .hp-sidebar-dropdown-container ul li a:hover .menu-arrow:before,
body.dark .hp-sidebar-dropdown-container ul li a:hover .menu-arrow:after {
    background-color: #ffffff;
}
body.dark .hp-sidebar-dropdown-container ul li a.active {
    color: #ffffff;
}
body.dark .hp-sidebar-dropdown-container ul li a .menu-arrow {
    color: #c2c2c2;
}
body.dark .hp-sidebar-dropdown-container ul li a .menu-arrow:before,
body.dark .hp-sidebar-dropdown-container ul li a .menu-arrow:after {
    background-color: #c2c2c2;
}
body.dark .breadcrumb {
    color: #d7d7d7;
}
body.dark .breadcrumb a {
    color: #d7d7d7;
}
body.dark .breadcrumb-item.active {
    color: #999999;
}
body.dark .breadcrumb-item + .breadcrumb-item::before {
    color: #d7d7d7;
}
body.dark .hljs-container pre {
    background: #1f1f1f !important;
}
body.dark .hljs-container .hljs {
    color: #ffffff !important;
    -webkit-filter: brightness(2.4);
    filter: brightness(2.4);
}
body.dark .card {
    color: #ffffff;
    background: #141414;
    border-color: #333333;
}
body.dark .card-header {
    background: #1f1f1f;
    border-color: #333333;
}
body.dark .card-footer {
    background: #1f1f1f;
    border-color: #333333;
}
body.dark .form-control {
    border-color: #333333;
    background: #141414;
    color: #f0f0f0;
}
body.dark .form-control::-webkit-input-placeholder {
    color: #c2c2c2;
}
body.dark .form-control:-ms-input-placeholder {
    color: #c2c2c2;
}
body.dark .form-control::-moz-placeholder {
    color: #c2c2c2;
}
body.dark .form-control::-ms-input-placeholder {
    color: #c2c2c2;
}
body.dark .form-control::placeholder {
    color: #c2c2c2;
}
body.dark .form-control::-webkit-file-upload-button {
    background-color: #333333;
    color: #ffffff;
}
body.dark .form-control::file-selector-button {
    background-color: #333333;
    color: #ffffff;
}
body.dark
    .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #1f1f1f;
}
body.dark
    .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #1f1f1f;
}
body.dark .input-number {
    border-color: #333333;
    background: #141414;
}
body.dark .input-number.input-number-disabled,
body.dark .input-number .input-number-input:disabled {
    border-color: #333333;
    background: #333333;
    color: #5c5c5c;
}
body.dark .input-number .input-number-input {
    color: #e1e1e1;
}
body.dark .input-number .input-number-handler-wrap {
    background: #1f1f1f;
}
body.dark .input-number .input-number-handler {
    border-color: #333333;
}
body.dark .input-number .input-number-handler:active {
    background: #474747;
}
body.dark .input-number .input-number-handler svg {
    fill: #e1e1e1;
}
body.dark .input-number .input-number-handler-up-disabled,
body.dark .input-number .input-number-handler-down-disabled {
    background: #333333;
    color: #5c5c5c;
}
body.dark .timeline {
    color: #ffffff;
}
body.dark .timeline-item-tail {
    border-color: #333333;
}
body.dark .timeline-item-head {
    background-color: #141414;
}
body.dark .dropdown-menu {
    background: #141414;
    border-color: #333333;
    -webkit-box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0.001),
        0 6px 16px 0 rgba(255, 255, 255, 0.008),
        0 9px 28px 8px rgba(255, 255, 255, 0.005);
    box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0.001),
        0 6px 16px 0 rgba(255, 255, 255, 0.008),
        0 9px 28px 8px rgba(255, 255, 255, 0.005);
}
body.dark .dropdown-item:hover,
body.dark .dropdown-item:focus,
body.dark .dropdown-item.active,
body.dark .dropdown-item:active {
    color: #ffffff;
    background: #333333;
}
body.dark .dropdown-item {
    color: #ffffff;
}
body.dark .dropdown-item.disabled,
body.dark .dropdown-item:disabled {
    color: #474747;
}
body.dark .navbar-light .navbar-brand,
body.dark .navbar-light .navbar-nav .show > .nav-link,
body.dark .navbar-light .navbar-nav .nav-link.active {
    color: #1118590;
}
body.dark .navbar-light .navbar-nav .nav-link {
    color: #ffffff;
}
body.dark .page-link {
    background: #141414;
    border-color: #333333;
}
body.dark .page-link:hover {
    background: #141414;
    color: #1118590;
    border-color: #1118590;
}
body.dark .page-item.active .page-link {
    background: #141414;
    color: #1118590;
    border-color: #1118590;
}
body.dark .page-link:focus {
    background: #141414;
    color: #1118590;
}
body.dark .page-item.disabled .page-link {
    background: #1f1f1f;
    color: #333333;
    border-color: #1f1f1f;
}
body.dark .form-check-input {
    background: #141414;
    border-color: #333333;
}
body.dark .form-check-input:checked {
    background-color: #1e266d;
    border-color: #1e266d;
}
body.dark .form-check-input:disabled {
    background: #1f1f1f;
    border-color: #333333;
}
body.dark .form-check-input:disabled ~ label {
    color: #474747;
}
body.dark .input-group-text {
    color: #ffffff;
    background: #333333;
    border-color: #333333;
}
body.dark .form-check-input:focus {
    -webkit-box-shadow: 0 0 0 0.25rem #333333;
    box-shadow: 0 0 0 0.25rem #333333;
}
body.dark .form-check-input[type="radio"] ~ label:before {
    background: #141414;
    border-color: #333333;
}
body.dark .form-check-input:checked[type="radio"] ~ label:before {
    border-color: #1e266d;
}
body.dark .form-check-input:disabled[type="radio"] ~ label:before {
    border-color: #333333;
    background: #474747;
}
body.dark .form-check-input:disabled:checked[type="radio"] ~ label:before {
    border-color: #333333;
}
body.dark .form-check-input:disabled:checked[type="radio"] ~ label:after {
    background: #333333;
}
body.dark .btn-check[disabled] + .btn,
body.dark .btn-check:disabled + .btn {
    background: #1f1f1f !important;
    border-color: #333333 !important;
    color: #474747 !important;
}
body.dark .form-select {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #141414;
    border-color: #333333;
    color: #ffffff;
}
body.dark input[type="range"]::-webkit-slider-runnable-track {
    background: #333333;
}
body.dark input[type="range"]::-moz-range-track {
    background: #333333;
}
body.dark input[type="range"]::-ms-fill-lower {
    background: #333333;
}
body.dark input[type="range"]::-ms-fill-upper {
    background: #333333;
}
body.dark .form-switch .form-check-label:before {
    background: #474747;
}
body.dark .avatar-item {
    background: #1f1f1f;
    color: #ffffff;
}
body.dark .avatar-item-max-count .avatar-group-dropdown-container {
    background-color: #141414;
    -webkit-box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0.012),
        0 6px 16px 0 rgba(255, 255, 255, 0.08),
        0 9px 28px 8px rgba(255, 255, 255, 0.05);
    box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0.012),
        0 6px 16px 0 rgba(255, 255, 255, 0.08),
        0 9px 28px 8px rgba(255, 255, 255, 0.05);
}
body.dark .avatar-item-max-count .avatar-group-dropdown-container:before {
    background-color: #141414;
}
body.dark .avatar-group .avatar-item {
    border-color: #141414;
}
body.dark .badge {
    background: #1f1f1f;
    border-color: #333333;
    color: #ffffff;
}
body.dark .accordion-item {
    background: #141414;
    border-color: #333333;
}
body.dark .accordion-item:first-of-type .accordion-button {
    background: #141414;
    -webkit-box-shadow: inset 0 -1px 0 #333333;
    box-shadow: inset 0 -1px 0 #333333;
}
body.dark .accordion-button:not(.collapsed) {
    -webkit-box-shadow: inset 0 -1px 0 #333333;
    box-shadow: inset 0 -1px 0 #333333;
}
body.dark .accordion-button {
    background: #141414;
}
body.dark .list-group-item {
    color: #ffffff;
    background: #141414;
    border-color: #333333;
}
body.dark .list-group-item.active {
    background: #1e266d;
    border-color: #1e266d;
}
body.dark .list-group-item.disabled,
body.dark .list-group-item:disabled {
    color: #707070;
    background: #474747;
}
body.dark .list-group-item-action:hover,
body.dark .list-group-item-action:focus {
    color: #ffffff;
    background: #1f1f1f;
}
body.dark .popover {
    background: #141414;
    -webkit-box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0.01),
        0 6px 16px 0 rgba(255, 255, 255, 0.08),
        0 9px 28px 8px rgba(255, 255, 255, 0.05);
    box-shadow: 0 3px 6px -4px rgba(255, 255, 255, 0.01),
        0 6px 16px 0 rgba(255, 255, 255, 0.08),
        0 9px 28px 8px rgba(255, 255, 255, 0.05);
}
body.dark .popover-header {
    background: #1f1f1f;
}
body.dark .popover-body {
    color: #ffffff;
}
body.dark .bs-popover-end > .popover-arrow::before,
body.dark
    .bs-popover-auto[data-popper-placement^="right"]
    > .popover-arrow::before {
    border-right-color: #141414;
}
body.dark .bs-popover-end > .popover-arrow::after,
body.dark
    .bs-popover-auto[data-popper-placement^="right"]
    > .popover-arrow::after {
    border-right-color: #141414;
}
body.dark .bs-popover-start > .popover-arrow::before,
body.dark
    .bs-popover-auto[data-popper-placement^="left"]
    > .popover-arrow::before {
    border-left-color: #141414;
}
body.dark .bs-popover-start > .popover-arrow::after,
body.dark
    .bs-popover-auto[data-popper-placement^="left"]
    > .popover-arrow::after {
    border-left-color: #141414;
}
body.dark .bs-popover-bottom > .popover-arrow::before,
body.dark
    .bs-popover-auto[data-popper-placement^="bottom"]
    > .popover-arrow::before {
    border-bottom-color: #141414;
}
body.dark .bs-popover-bottom > .popover-arrow::after,
body.dark
    .bs-popover-auto[data-popper-placement^="bottom"]
    > .popover-arrow::after {
    border-bottom-color: #141414;
}
body.dark .bs-popover-top > .popover-arrow::before,
body.dark
    .bs-popover-auto[data-popper-placement^="top"]
    > .popover-arrow::before {
    border-top-color: #141414;
}
body.dark .bs-popover-top > .popover-arrow::after,
body.dark
    .bs-popover-auto[data-popper-placement^="top"]
    > .popover-arrow::after {
    border-top-color: #141414;
}
body.dark .table thead th {
    background: #1f1f1f;
    color: #ffffff;
}
body.dark table.table {
    color: #ffffff;
    border-color: #292929;
}
body.dark .table-hover > tbody > tr:hover > * {
    color: #ffffff;
    -webkit-box-shadow: inset 0 0 0 9999px #5c5c5c !important;
    box-shadow: inset 0 0 0 9999px #5c5c5c !important;
}
body.dark .table-striped > tbody > tr:nth-of-type(odd) > * {
    color: #ffffff;
    -webkit-box-shadow: inset 0 0 0 9999px #474747;
    box-shadow: inset 0 0 0 9999px #474747;
}
body.dark .table-active {
    --bs-table-accent-bg: $dark-70;
    color: #ffffff;
}
body.dark .table tfoot td {
    background: #1f1f1f;
}
body.dark .nav-tabs .nav-link.active,
body.dark .nav-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background: #333333;
    border-color: #292929;
}
body.dark .nav-tabs .nav-link:hover,
body.dark .nav-tabs .nav-link:focus {
    border-color: #292929;
}
body.dark .nav-tabs {
    border-color: #292929;
}
body.dark .nav-pills .show > .nav-link {
    color: #ffffff;
}
body.dark .nav-link {
    color: #ffffff;
}
body.dark .nav-link:hover,
body.dark .nav-link:focus {
    color: #1118590;
}
body.dark .nav-link.active {
    color: #ffffff;
}
body.dark .alert-primary {
    background-color: #050342;
    border-color: #050342;
    color: #7a83ff;
}
body.dark .alert-primary .alert-link {
    color: #7a83ff;
}
body.dark .alert-secondary {
    background-color: #290034;
    border-color: #290034;
}
body.dark .alert-success {
    background-color: #18342a;
    border-color: #18342a;
}
body.dark .alert-info {
    background-color: #1e383d;
    border-color: #1e383d;
}
body.dark .alert-warning {
    background-color: #3b3117;
    border-color: #3b3117;
}
body.dark .alert-danger {
    background-color: #2e1619;
    border-color: #2e1619;
}
body.dark .alert-dark {
    color: #ffffff;
    background-color: #292929;
    border-color: #292929;
}
body.dark .alert-dark .alert-link {
    color: #ffffff;
}
body.dark .offcanvas {
    background: #141414;
}
body.dark .offcanvas .offcanvas-body {
    color: #ffffff;
}
body.dark .offcanvas-backdrop {
    background: #141414;
}
body.dark .modal-backdrop {
    background: #141414;
}
body.dark .modal-content {
    background: #141414;
    border-color: #141414;
    color: #ffffff;
    -webkit-box-shadow: 0 3px 20px 0 hsla(0deg, 0%, 100%, 0.06);
    box-shadow: 0 3px 20px 0 hsla(0deg, 0%, 100%, 0.06);
}
body.dark .toast {
    background: #292929;
    color: #ffffff;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.05);
    box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.05);
}
body.dark .toast .toast-header {
    color: #ffffff;
    background: #1f1f1f;
}
body.dark .progress {
    background-color: #333333;
}
body.dark .spinner-border {
    border-right-color: transparent !important;
}
body.dark .disabled .spinner-border,
body.dark [disabled] .spinner-border {
    border-color: #474747;
    border-right-color: transparent !important;
}
body.dark .disabled .spinner-grow,
body.dark [disabled] .spinner-grow {
    background: #474747;
}
body.dark .hp-pricing-item-special button {
    color: #1e266d !important;
}
body.dark .hp-pricing-item-special button:hover {
    background: #ffffff !important;
}
body.dark .hp-landing-features-slide:before,
body.dark .hp-landing-features-slide:after {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(31, 31, 31, 0)),
        to(rgb(31, 31, 31))
    );
    background: linear-gradient(to right, rgba(31, 31, 31, 0), rgb(31, 31, 31));
}
body.dark .hp-profile-menu-body .active {
    background: #1e266d;
    color: #ffffff !important;
}
body.dark .hp-lock-screen .hp-screen-bg {
    -webkit-filter: grayscale(1) brightness(0.4);
    filter: grayscale(1) brightness(0.4);
}
body.dark .hp-lock-screen-row {
    background: rgba(0, 1, 8, 0.3);
    border: 3px solid rgba(72, 72, 72, 0.3);
}
body.dark .hp-authentication-page .hp-or-line:before {
    background-color: #333333;
}
body.dark .hp-faq-tabs .ant-tabs-nav .ant-tabs-tab-active svg {
    fill: #1118590 !important;
}
body.dark .hp-faq-tabs .ant-tabs-nav .ant-tabs-tab-active span {
    color: #1118590 !important;
}
body.dark .hp-invoice-card p {
    color: #c2c2c2;
}
body.dark .hp-profile-menu {
    border-color: #333333 !important;
}
body.dark .hp-profile-menu-header .ant-avatar:after {
    background: #141414;
}
body.dark .hp-landing-features .slick-slider:before,
body.dark .hp-landing-features .slick-slider:after {
    background: -webkit-gradient(
        linear,
        right top,
        left top,
        from(#1f1f1f),
        to(rgba(31, 31, 31, 0))
    );
    background: linear-gradient(to left, #1f1f1f, rgba(31, 31, 31, 0));
}
body.dark .apexchartsexpensesxdonutxcard .apexcharts-pie-series path {
    stroke: #141414;
}
body.dark .apexcharts-gridline {
    stroke: #707070;
}
body.dark .apexcharts-yaxis-label,
body.dark .apexcharts-xaxis-label {
    fill: #707070;
}
body.dark .apexcharts-xaxis line {
    stroke: #5c5c5c;
}
body.dark .apexcharts-heatmap-rect {
    stroke: #141414;
}
body.dark .apexcharts-xaxistooltip-bottom:after {
    border-bottom-color: #1f1f1f;
}
body.dark .apexcharts-xaxistooltip-bottom:before {
    border-bottom-color: #333333;
}
body.dark .apexcharts-xaxistooltip {
    background: #1f1f1f;
    border-color: #333333;
}
body.dark .apexcharts-canvas .apexcharts-xaxistooltip-text {
    color: #ffffff !important;
}
body.dark path#apexcharts-radialbarTrack-0 {
    stroke: #474747;
}
body.dark .apexcharts-legend-text {
    color: #ffffff !important;
}
body.dark .apexcharts-pie-area {
    stroke: #141414;
}
body.dark .apexcharts-pie .apexcharts-datalabel-value {
    fill: #ffffff;
}
body.dark .apexcharts-pie .apexcharts-datalabel-label {
    fill: #474747;
}
body.dark .apexcharts-radialbar .apexcharts-datalabel-value {
    fill: #ffffff !important;
}
body.dark .apexchartsexpensesxdonutxcard .apexcharts-text:nth-child(1) {
    color: #707070 !important;
}
body.dark .apexchartsexpensesxdonutxcard .apexcharts-text:nth-child(2) {
    fill: #ffffff !important;
}
body.dark .apexcharts-radar-series polygon {
    stroke: #707070;
}
body.dark .apexcharts-radar-series.apexcharts-plot-series {
    stroke: #474747;
}
body.dark .apexcharts-radar-series.apexcharts-plot-series line {
    stroke: #474747;
}
body.dark .apexcharts-canvas .apexcharts-tooltip {
    color: #ffffff;
    background: rgba(20, 20, 20, 0.9);
    border-color: #333333;
}
body.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
    background: #1f1f1f;
    border-color: #333333;
}
body.dark .hp-analytics-visiters-chart .apexcharts-text {
    fill: #707070 !important;
}
body.dark .hp-chart-text-color .apexcharts-text {
    fill: #707070 !important;
}