/*Color variables*/
/* Only one color-code for  secondary-1 to secondary-10 */
/*white variables*/
/*black variables*/
/*shadow variables*/
body.dark-mode {
    color: #e4e0e0;
    background: #2c303c;
}

.dark-mode caption {
    color: #505662;
}

.dark-mode hr {
    border-top: 1px solid rgba(0, 40, 100, 0.12);
}

.dark-mode mark,
.dark-mode .mark {
    background-color: #fcf8e3;
}

.dark-mode .list-unstyled li {
    border-bottom: 1px solid rgba(0, 40, 100, 0.12);
}

.dark-mode .blockquote-footer {
    color: #868e96;
}

.dark-mode .img-thumbnail {
    background-color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .figure-caption {
    color: #868e96;
}

.dark-mode kbd {
    color: #fff;
    background-color: #343a40;
}

.dark-mode pre {
    color: #fff;
    background-color: #f8fafc;
    text-shadow: 0 1px #151820;
}

.dark-mode .form-control {
    background-color: 161921;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #eeeef3;
}

.dark-mode .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #3f4146 !important;
}

.dark-mode .select2-container--default.select2-container--focus .select2-selection--multiple {
    color: #495057;
    background-color: #161921;
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .select2-container--default .select2-selection--multiple {
    background-color: #161921;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #161921 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff;
}

.dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #161921 !important;
    color: #949aad;
}

.dark-mode .select2-dropdown {
    background: #262a34 !important;
}

.dark-mode .ms-choice:focus {
    background: #161921 !important;
}

.dark-mode .form-control::-ms-expand {
    background-color: transparent;
}

.dark-mode .form-control:focus {
    color: #fff;
    background: #161921;
}

.dark-mode .form-control::-webkit-input-placeholder,
.dark-mode .form-control::-moz-placeholder,
.dark-mode .form-control:-ms-input-placeholder,
.dark-mode .form-control::-ms-input-placeholder,
.dark-mode .form-control::placeholder {
    color: #a5a6b3;
}

.dark-mode .form-control:disabled,
.dark-mode .form-control[readonly] {
    background-color: #1b1f29;
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    background-color: #161921;
    border-bottom: 1px solid #161921;
}

.dark-mode select.form-control:focus::-ms-value {
    color: #fff;
    background-color: #fff;
}

.dark-mode .form-control-plaintext {
    color: #495057;
    background-color: transparent;
}

.dark-mode .form-check-input:disabled~.form-check-label {
    color: #505662;
}

.dark-mode .valid-feedback {
    color: #31a550;
}

.dark-mode .valid-tooltip {
    color: #fff;
    background-color: rgba(94, 186, 0, 0.8);
}

.dark-mode .was-validated .form-control:valid,
.dark-mode .form-control.is-valid,
.dark-mode .was-validated .custom-select:valid,
.dark-mode .custom-select.is-valid,
.dark-mode .was-validated .form-control:valid:focus,
.dark-mode .form-control.is-valid:focus,
.dark-mode .was-validated .custom-select:valid:focus,
.dark-mode .custom-select.is-valid:focus {
    border-color: #31a550;
}

.dark-mode .was-validated .form-check-input:valid~.form-check-label,
.dark-mode .form-check-input.is-valid~.form-check-label,
.dark-mode .was-validated .custom-control-input:valid~.custom-control-label,
.dark-mode .custom-control-input.is-valid~.custom-control-label {
    color: #31a550;
}

.dark-mode .was-validated .custom-control-input:valid~.custom-control-label::before,
.dark-mode .custom-control-input.is-valid~.custom-control-label::before {
    background-color: #9eff3b;
}

.dark-mode .was-validated .custom-control-input:valid:checked~.custom-control-label::before,
.dark-mode .custom-control-input.is-valid:checked~.custom-control-label::before {
    background-color: #78ed00;
}

.dark-mode .was-validated .custom-file-input:valid~.custom-file-label,
.dark-mode .custom-file-input.is-valid~.custom-file-label {
    border-color: #31a550;
}

.dark-mode .invalid-feedback {
    color: #e41313;
}

.dark-mode .invalid-tooltip {
    color: #fff;
    background-color: rgba(205, 32, 31, 0.8);
}

.dark-mode .was-validated .form-control:invalid,
.dark-mode .form-control.is-invalid,
.dark-mode .was-validated .custom-select:invalid,
.dark-mode .custom-select.is-invalid,
.dark-mode .was-validated .form-control:invalid:focus,
.dark-mode .form-control.is-invalid:focus,
.dark-mode .was-validated .custom-select:invalid:focus,
.dark-mode .custom-select.is-invalid:focus {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .was-validated .form-check-input:invalid~.form-check-label,
.dark-mode .form-check-input.is-invalid~.form-check-label,
.dark-mode .was-validated .custom-control-input:invalid~.custom-control-label,
.dark-mode .custom-control-input.is-invalid~.custom-control-label {
    color: #e41313;
}

.dark-mode .was-validated .custom-control-input:invalid~.custom-control-label::before,
.dark-mode .custom-control-input.is-invalid~.custom-control-label::before {
    background-color: #ec8080;
}

.dark-mode .was-validated .custom-control-input:invalid:checked~.custom-control-label::before,
.dark-mode .custom-control-input.is-invalid:checked~.custom-control-label::before {
    background-color: #e23e3d;
}

.dark-mode .was-validated .custom-file-input:invalid~.custom-file-label,
.dark-mode .custom-file-input.is-invalid~.custom-file-label {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .btn-link:disabled,
.dark-mode .btn-link.disabled {
    color: #868e96;
}

.dark-mode .collapse:not(.show) {
    background: #fff;
}

.dark-mode .dropdown-menu {
    color: #495057;
    background-color: #161921;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .notifyimg {
    color: #fff;
}

.dark-mode .dropdown-item {
    color: #fff;
}

.dark-mode .dropdown-item:hover,
.dark-mode .dropdown-item:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.03);
}

.dark-mode .dropdown-item.active,
.dark-mode .dropdown-item:active {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .dropdown-item.disabled,
.dark-mode .dropdown-item:disabled {
    color: #a5a6b3;
}

.dark-mode .dropdown-header {
    color: #868e96;
}

.dark-mode .dropdown-item-text {
    color: #fff;
}

.dark-mode .input-group-text {
    background-color: #161921;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .table th {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
}

.dark-mode .text-wrap table th,
.dark-mode .text-wrap table td {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
}

.dark-mode .table thead th,
.dark-mode .text-wrap table thead th {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .table tbody+tbody,
.dark-mode .text-wrap table tbody+tbody {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    color: white;
}

.dark-mode .table .table,
.dark-mode .text-wrap table .table,
.dark-mode .table .text-wrap table {
    background-color: #e4e6f9;
    color: white;
}

.dark-mode .text-wrap .table table,
.dark-mode .text-wrap table table {
    background-color: #e4e6f9;
    color: white;
}

.dark-mode .table-bordered,
.dark-mode .text-wrap table {
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
}

.dark-mode .table-bordered th,
.dark-mode .text-wrap table th,
.dark-mode .table-bordered td,
.dark-mode .text-wrap table td {
    border: 1px solid #44444a;
    color: white;
}

.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.02);
    color: white;
}

.dark-mode .table-hover tbody tr:hover {
    background-color: #161921;
    color: white;
}

.dark-mode .table-success {
    background-color: rgba(255, 255, 255, 0.1);
    text-color: white;
}

.dark-mode .table-success>th,
.dark-mode .table-success>td {
    background-color: rgba(255, 255, 255, 0.1);
    text-color: white;
}

.dark-mode .table-hover .table-success:hover {
    background-color: #c5e7a4;
    color: white;
}

.dark-mode .table-hover .table-success:hover>td,
.dark-mode .table-hover .table-success:hover>th {
    background-color: #c5e7a4;
    color: white;
}

.dark-mode .table-info {
    background-color: #33b5e5;
    color: white;
}

.dark-mode .table-info>th,
.dark-mode .table-info>td {
    background-color: #33b5e5;
    color: white;
}

.dark-mode .table-hover .table-info:hover {
    background-color: #b3dcf9;
    color: white;
}

.dark-mode .table-hover .table-info:hover>td {
    background-color: #050606;
    color: white;
}

.dark-mode.table-hover .table-info:hover>th {
    background-color: #050606;
    color: white;
}

.dark-mode .table-warning {
    background-color: #fb3;
    color: white;
}

.dark-mode .table-warning>th,
.dark-mode .table-warning>td {
    background-color: #fb3;
    color: white;
}

.dark-mode .table-primary thead th {
    color: #fff !important;
}

.dark-mode .table-warning thead th {
    border-bottom: 2px solid #fdcf3f !important;
}

.dark-mode .table-warning td,
.dark-mode .table-warning th {
    border-top: 1px solid #fdcf3f !important;
    color: #01010c !important;
    color: white;
}

.dark-mode .table-hover .table-warning:hover {
    background-color: #fae8a4;
    color: white;
}

.dark-mode .table-hover .table-warning:hover>td,
.dark-mode .table-hover .table-warning:hover>th {
    background-color: #fae8a4;
    color: white;
}

.dark-mode .table-danger {
    background-color: #ff3547;
    color: white;
}

.dark-mode .table-danger>th,
.dark-mode .table-danger>td {
    background-color: #ff3547;
    color: white;
}

.dark-mode .table-hover .table-danger:hover {
    background-color: #ecacab;
    color: white;
}

.dark-mode .table-hover .table-danger:hover>td,
.dark-mode .table-hover .table-danger:hover>th {
    background-color: #ecacab;
}

.dark-mode .table-light {
    background-color: #fdfdfe;
}

.dark-mode .table-light>th,
.dark-mode .table-light>td {
    background-color: #fdfdfe;
}

.dark-mode .table-hover .table-light:hover {
    background-color: #ececf6;
}

.dark-mode .table-hover .table-light:hover>td,
.dark-mode .table-hover .table-light:hover>th {
    background-color: #ececf6;
}

.dark-mode .table-dark {
    background-color: #c6c8ca;
    color: white;
}

.dark-mode .table-dark>th,
.dark-mode .table-dark>td {
    background-color: #c6c8ca;
    color: white;
}

.dark-mode .table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

.dark-mode .table-hover .table-dark:hover>td,
.dark-mode .table-hover .table-dark:hover>th {
    background-color: #b9bbbe;
    color: white;
}

.dark-mode .table-active {
    background-color: rgba(0, 0, 0, 0.04);
}

.dark-mode .table-active>th,
.dark-mode .table-active>td {
    background-color: rgba(0, 0, 0, 0.04);
}

.dark-mode .table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.dark-mode .table-hover .table-active:hover>td,
.dark-mode .table-hover .table-active:hover>th {
    background-color: rgba(0, 0, 0, 0.04);
}

.dark-mode .table .thead-dark th,
.dark-mode .text-wrap table .thead-dark th {
    color: #e4e6f9;
    background-color: #fff;
}

.dark-mode .table .thead-light th,
.dark-mode .text-wrap table .thead-light th {
    color: #495057;
    background-color: #e4e6f9;
}

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

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

.dark-mode .table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075);
}

.dark-mode .product-content .product-image {
    background-color: transparent;
    border-right: 1px solid #292e31;
}

.dark-mode .product-content .product-deatil {
    border-bottom: 1px solid #292e31;
    background: #161921;
}

.dark-mode .product-content .product-deatil span.tag1 {
    color: #fff;
}

.dark-mode .product-content .product-deatil span.sale {
    background-color: #21c2f8;
}

.dark-mode .product-content .product-deatil span.discount {
    background-color: #71e134;
}

.dark-mode .product-content .product-deatil span.hot {
    background-color: #fa9442;
}

.dark-mode .product-content .product-info a.add-to-cart {
    color: #2f383d;
}

.dark-mode .product-entry .product-deatil {
    border-bottom: 1px solid #dfe5e9;
}

.dark-mode .product-entry .product-deatil h5 a {
    color: #2f383d;
}

.dark-mode .product-entry .product-deatil h5 a span {
    color: #9aa7af;
}

.dark-mode .load-more-btn {
    background-color: #21c2f8;
    border-bottom: 2px solid #037ca5;
    border-top: 2px solid #0cf;
}

.dark-mode .product-wrap .product-image span.tag2 {
    color: #fff;
}

.dark-mode .product-deatil .glyphicon {
    color: #3276b1;
}

.dark-mode .product-deatil .product-image {
    border-right: 0px solid #292e31 !important;
}

.dark-mode .product-deatil .certified ul li {
    background-color: #f9f9f9;
}

.dark-mode .product-deatil .certified ul li a {
    color: #6d7a83;
}

.dark-mode .product-deatil .certified ul li a span {
    color: #21c2f8;
}

.dark-mode .social-button .facebook,
.dark-mode .social-button .twitter {
    color: #fff;
}

.dark-mode .mini-stat-icon {
    color: #fff;
}

.dark-mode .bg-facebook {
    background-color: #3b5998 !important;
    border: 1px solid #3b5998;
    color: white;
}

.dark-mode .fg-facebook {
    color: #3b5998 !important;
}

.dark-mode .bg-twitter {
    background-color: #00a0d1 !important;
    border: 1px solid #00a0d1;
    color: white;
}

.dark-mode .fg-twitter {
    color: #00a0d1 !important;
}

.dark-mode .bg-googleplus {
    background-color: #db4a39 !important;
    border: 1px solid #db4a39;
    color: white;
}

.dark-mode .fg-googleplus {
    color: #db4a39 !important;
}

.dark-mode .bg-bitbucket {
    background-color: #205081 !important;
    border: 1px solid #205081;
    color: white;
}

.dark-mode .fg-bitbucket {
    color: #205081 !important;
}

.dark-mode .todo-list>li {
    border-left: 2px solid #e4e6f9;
}

.dark-mode .todo-list>li .tools {
    color: #dd4b39;
}

.dark-mode .widget-user .widget-user-username,
.dark-mode .widget-user .widget-user-desc {
    color: #fff;
}

.dark-mode .widget-user .widget-user-image>img {
    border: 3px solid #161921;
}

.dark-mode .plan-icon {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .shape-text {
    color: #fff;
}

.dark-mode .shape {
    border-color: rgba(255, 255, 255, 0) #d9534f rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.dark-mode .offer-danger {
    border-color: #d9534f;
}

.dark-mode .offer-danger .shape {
    border-color: transparent #d9534f transparent transparent;
}

.dark-mode .offer-success {
    border-color: #5cb85c;
}

.dark-mode .offer-success .shape {
    border-color: transparent #5cb85c transparent transparent;
}

.dark-mode .offer-default {
    border-color: #999999;
}

.dark-mode .offer-default .shape {
    border-color: transparent #999999 transparent transparent;
}

.dark-mode .offer-info {
    border-color: #5bc0de;
}

.dark-mode .offer-info .shape {
    border-color: transparent #5bc0de transparent transparent;
}

.dark-mode .offer-warning {
    border-color: #f0ad4e;
}

.dark-mode .offer-warning .shape {
    border-color: transparent #f0ad4e transparent transparent;
}

.dark-mode .status .panel-title {
    color: #fff;
}

.dark-mode .header .dropdown-menu-right:before {
    border-color: transparent transparent #282c33 transparent;
}

.dark-mode .icon-shape-success {
    color: #1aae6f;
    background-color: rgba(84, 218, 161, 0.5);
}

.dark-mode .icon-shape-info {
    color: #03acca;
    background-color: rgba(65, 215, 242, 0.5);
}

.dark-mode .icon-shape-warning {
    color: #ff3709;
    background-color: rgba(252, 140, 114, 0.5);
}

.dark-mode .icon-shape-danger {
    color: #f80031;
    background-color: rgba(247, 103, 131, 0.5);
}

.dark-mode .icon-shape-light {
    color: #879cb0;
    background-color: rgba(201, 207, 212, 0.5);
}

.dark-mode .icon-shape-dark {
    color: #090c0e;
    background-color: rgba(56, 63, 69, 0.5);
}

.dark-mode .icon-shape-default {
    color: #091428;
    background-color: rgba(35, 65, 116, 0.5);
}

.dark-mode .icon-shape-white,
.dark-mode .icon-shape-neutral {
    color: #e8e3e3;
    background-color: rgba(255, 255, 255, 0.5);
}

.dark-mode .icon-shape-darker {
    color: #161921;
    background-color: rgba(26, 26, 26, 0.5);
}

.dark-mode .circle-tile-heading {
    border: 3px solid rgba(255, 255, 255, 0.8);
    color: #fff;
}

.dark-mode .circle-tile-footer {
    background-color: rgba(0, 0, 0, 0.1);
    color: white;
}

.dark-mode .circle-tile-footer:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.5);
}

.dark-mode .circle-tile-heading.dark-blue:hover {
    background-color: #2E4154;
}

.dark-mode .circle-tile-heading.green:hover {
    background-color: #138F77;
}

.dark-mode.circle-tile-heading.orange:hover {
    background-color: #ec6e09;
}

.dark-mode .circle-tile-heading.blue:hover {
    background-color: #2473A6;
}

.dark-mode .circle-tile-heading.red:hover {
    background-color: #CF4435;
}

.dark-mode .circle-tile-heading.purple:hover {
    background-color: #7F3D9B;
}

.dark-mode .box>.icon>.image {
    border: 8px solid #161921;
    background: #161921;
}

.dark-mode .box>.icon:hover>.image {
    background: #a5a6b3;
}

.dark-mode .box>.icon:hover>.image>i {
    color: white !important;
}

.dark-mode .box>.icon:hover>.info {
    color: white;
}

.dark-mode .box>.icon:hover>.info>h3.title {
    color: #c1baba;
}

.dark-mode .box>.icon>.image>i {
    color: #fff !important;
}

.dark-mode .box>.icon>.info>h3.title,
.dark-mode .box>.icon>.info>p {
    color: #c1baba;
}

.box>.icon:hover>.info>p {
    color: #c1baba;
}

.dark-mode .box>.icon:hover>.info>.more>a {
    color: #c1baba;
}

.dark-mode .box>.icon:hover>.info>.more>a {
    color: #fff;
    background-color: #63B76C;
}

.dark-mode .box>.icon>.info>.more a {
    color: #c1baba;
}

.dark-mode .bg-muted {
    background-color: #e4e6f9 !important;
}

.dark-mode .bg-gradient-success {
    background: linear-gradient(87deg, #31a550 0, #56bf80 100%) !important;
}

.dark-mode .bg-gradient-info {
    background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}

.dark-mode .bg-gradient-warning {
    background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

.dark-mode .bg-gradient-danger {
    background: linear-gradient(87deg, #e41313 0, #f56036 100%) !important;
}

.dark-mode .bg-gradient-light {
    background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;
}

.dark-mode .bg-gradient-dark {
    background: linear-gradient(87deg, #fff 0, #212229 100%) !important;
}

.dark-mode .bg-gradient-default {
    background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;
}

.dark-mode .bg-gradient-white,
.dark-mode .bg-gradient-neutral {
    background: linear-gradient(87deg, #fff 0, white 100%) !important;
}

.dark-mode .bg-gradient-darker {
    background: linear-gradient(87deg, #161921 0, #161921 100%) !important;
}

.dark-mode .bg-gradient-blue {
    background: linear-gradient(87deg, #1171ef 0, #119fef 100%) !important;
}

.dark-mode .bg-gradient-indigo {
    background: linear-gradient(87deg, #5603ad 0, #9d03ad 100%) !important;
}

.dark-mode .bg-gradient-purple {
    background: linear-gradient(87deg, #8965e0 0, #bc65e0 100%) !important;
}

.dark-mode .bg-gradient-pink {
    background: linear-gradient(87deg, #f3a4b5 0, #f3b4a4 100%) !important;
}

.dark-mode .bg-gradient-red {
    background: linear-gradient(87deg, #e41313 0, #f56036 100%) !important;
}

.dark-mode .bg-gradient-orange {
    background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}

.dark-mode .bg-gradient-yellow {
    background: linear-gradient(87deg, #ffc100 0, #ffc100 100%) !important;
}

.dark-mode .bg-gradient-green,
.dark-mode .bg-gradient-teal {
    background: linear-gradient(87deg, #31a550 0, #2dcecc 100%) !important;
}

.dark-mode .bg-gradient-cyan {
    background: linear-gradient(87deg, #2bffc6 0, #2be0ff 100%) !important;
}

.dark-mode .bg-gradient-gray {
    background: linear-gradient(87deg, #8898aa 0, #2a1b04 100%) !important;
}

.dark-mode .bg-gradient-gray-dark {
    background: linear-gradient(87deg, #32325d 0, #44325d 100%) !important;
}

.dark-mode .bg-gradient-lighter {
    background: linear-gradient(87deg, #e4e6f9 0, #e9eaef 100%) !important;
}

.dark-mode .dash-box {
    background: #ff5641;
    background: -moz-linear-gradient(top, #ff5641 0%, #fd3261 100%);
    background: -webkit-linear-gradient(top, #ff5641 0%, #fd3261 100%);
    background: linear-gradient(to bottom, #ff5641 0%, #fd3261 100%);
}

.dark-mode .dash-box-icon:after {
    background: rgba(247, 148, 137, 0.91);
}

.dark-mode .dash-box-icon>i {
    background: #ff5444;
    color: #fff;
}

.dark-mode .dash-box-icon:before {
    background: rgba(253, 162, 153, 0.34);
}

.dark-mode .dash-box-action>a {
    background: #fff;
}

.dark-mode .dash-box-action>a:hover {
    background: #fff;
}

.dark-mode .dash-box-body>.dash-box-count {
    color: #fff;
}

.dark-mode .dash-box-body>.dash-box-title {
    color: rgba(255, 255, 255, 0.81);
}

.dark-mode .dash-box.dash-box-color-2 {
    background: #fcbe1b;
    background: -moz-linear-gradient(top, #fcbe1b 1%, #f85648 99%);
    background: -webkit-linear-gradient(top, #fcbe1b 1%, #f85648 99%);
    background: linear-gradient(to bottom, #fcbe1b 1%, #f85648 99%);
}

.dark-mode .dash-box-color-2 .dash-box-icon:after {
    background: rgba(254, 224, 54, 0.81);
}

.dark-mode .dash-box-color-2 .dash-box-icon:before {
    background: rgba(254, 224, 54, 0.64);
}

.dark-mode .dash-box-color-2 .dash-box-icon>i {
    background: #fb9f28;
}

.dark-mode .dash-box.dash-box-color-3 {
    background: #b747f7;
    background: -moz-linear-gradient(top, #b747f7 0%, #6c53dc 100%);
    background: -webkit-linear-gradient(top, #b747f7 0%, #6c53dc 100%);
    background: linear-gradient(to bottom, #b747f7 0%, #6c53dc 100%);
}

.dark-mode .dash-box-color-3 .dash-box-icon:after {
    background: rgba(180, 70, 245, 0.76);
}

.dark-mode .dash-box-color-3 .dash-box-icon:before {
    background: rgba(226, 132, 255, 0.66);
}

.dark-mode .dash-box-color-3 .dash-box-icon>i {
    background: #8150e4;
}

.dark-mode .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
}

.dark-mode .custom-control-input:active~.custom-control-label::before {
    color: #fff;
    background-color: #d4e1f4;
}

.dark-mode .custom-control-input:disabled~.custom-control-label {
    color: #a5a6b3;
}

.dark-mode .custom-control-input:disabled~.custom-control-label::before {
    background-color: #161921;
}

.dark-mode .custom-control-label::before {
    background-color: #e4e6f9;
}

.dark-mode .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before,
.dark-mode .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
    background-color: #161921;
}

.dark-mode .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
    background-color: #161921;
}

.dark-mode .custom-select {
    color: white;
    background: #161921 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#a5a6b3' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .custom-select:focus {
    background: #161921;
    color: #fff;
}

.dark-mode .custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.dark-mode .custom-select:disabled {
    color: #868e96;
    background-color: #e4e6f9;
}

.dark-mode .dataTables_filter .form-control {
    background: #161921;
}

.dark-mode .custom-file-label {
    color: #a5a6b3;
    background-color: #161921;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .custom-file-label::after {
    color: #fff;
}

.dark-mode .custom-range::-webkit-slider-thumb:active {
    background-color: #d4e1f4;
}

.dark-mode .custom-range::-webkit-slider-runnable-track {
    background-color: #e4e6f9;
    background: #467fcf;
}

.dark-mode .custom-range::-moz-range-thumb:active {
    background-color: #d4e1f4;
}

.dark-mode .custom-range::-moz-range-track {
    background-color: #e4e6f9;
    background: rgba(0, 50, 126, 0.12);
}

.dark-mode .custom-range::-ms-thumb:active {
    background-color: #d4e1f4;
}

.dark-mode .custom-range::-ms-fill-lower {
    background-color: #e4e6f9;
    background: #467fcf;
}

.dark-mode .custom-range::-ms-fill-upper {
    background-color: #e4e6f9;
    background: rgba(0, 50, 126, 0.12);
}

.dark-mode .nav-link.disabled {
    color: #868e96;
}

.dark-mode .nav-tabs {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #a5a6b3;
}

.dark-mode .nav-tabs .nav-link.disabled {
    color: #868e96;
}

.dark-mode .nav-pills .nav-link.active,
.dark-mode .nav-pills .show>.nav-link {
    color: #fff;
}

.dark-mode .navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.dark-mode .navbar-light .navbar-brand:hover,
.dark-mode .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}

.dark-mode .navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.dark-mode .navbar-light .navbar-nav .nav-link:hover,
.dark-mode .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}

.dark-mode .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.dark-mode .navbar-light .navbar-nav .show>.nav-link,
.dark-mode .navbar-light .navbar-nav .active>.nav-link {
    color: rgba(0, 0, 0, 0.9);
}

.dark-mode .navbar-light .navbar-nav .nav-link.show,
.dark-mode .navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}

.dark-mode .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.dark-mode .navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.dark-mode .navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.dark-mode .navbar-light .navbar-text a:hover,
.dark-mode .navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}

.dark-mode .navbar-dark .navbar-brand {
    color: #fff;
}

.dark-mode .navbar-dark .navbar-brand:hover,
.dark-mode .navbar-dark .navbar-brand:focus {
    color: #fff;
}

.dark-mode .navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.dark-mode .navbar-dark .navbar-nav .nav-link:hover,
.dark-mode .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}

.dark-mode .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.dark-mode .navbar-dark .navbar-nav .show>.nav-link,
.dark-mode .navbar-dark .navbar-nav .active>.nav-link {
    color: #fff;
}

.dark-mode .navbar-dark .navbar-nav .nav-link.show,
.dark-mode .navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.dark-mode .navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.dark-mode .navbar-dark .navbar-text a {
    color: #fff;
}

.dark-mode .navbar-dark .navbar-text a:hover,
.dark-mode .navbar-dark .navbar-text a:focus {
    color: #fff;
}

.dark-mode .card {
    background-color: #161921;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 12px 11px -3px rgba(70, 61, 61, 0.1);
}

.dark-mode .card-header {
    background-color: rgba(0, 0, 0, 0.03);
    color: #fff;
}

.dark-mode .card-footer {
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .page-link {
    background-color: #161920;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .page-item.active .page-link {
    color: #fff;
}

.dark-mode .page-item.disabled .page-link {
    color: #ced4da;
    background-color: #161921;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .mail-box .sm-side {
    background: none repeat scroll 0 0 #e5e8ef;
}

.dark-mode .mail-box .lg-side {
    background: none repeat scroll 0 0 #fff;
}

.dark-mode .mail-box .sm-side .user-head {
    background: none repeat scroll 0 0 #00a8b3;
    color: #fff;
}

.dark-mode .user-head .user-name h5 a {
    color: #fff;
}

.dark-mode .user-head .user-name span a {
    color: #87e2e7;
}

.dark-mode a.mail-dropdown {
    background: none repeat scroll 0 0 #80d3d9;
    color: #01a7b3;
}

.dark-mode.btn-compose {
    background: none repeat scroll 0 0 #ff6c60;
    color: #fff;
}

.dark-mode .btn-compose:hover {
    background: none repeat scroll 0 0 #f5675c;
    color: #fff;
}

.dark-mode ul.inbox-nav li a {
    color: #eaeaea;
    background: transparent;
}

.dark-mode ul.inbox-nav li a:hover {
    background: #161921;
}

.dark-mode ul.inbox-nav li.active a {
    background: #161921;
}

.dark-mode ul.inbox-nav li a:focus {
    background: #161921;
}

.dark-mode ul.inbox-nav li a i {
    color: #a5a6b3;
}

.dark-mode ul.labels-info li h4 {
    color: #5c5c5e;
}

.dark-mode ul.labels-info li a {
    color: #a5a6b3;
}

.dark-mode ul.labels-info li a:hover,
.dark-mode ul.labels-info li a:focus {
    background: none repeat scroll 0 0 #d5d7de;
    color: #a5a6b3;
}

.dark-mode .nav.nav-pills.nav-stacked.labels-info p {
    color: #9d9f9e;
}

.dark-mode .inbox-head .sr-input {
    border: medium none;
    color: #8a8a8a;
}

.dark-mode .inbox-head .sr-btn {
    background: none repeat scroll 0 0 #1643A3;
    border: medium none;
    color: #fff;
}

.dark-mode .table-inbox {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .table-inbox tr {
    border-bottom: 1px solid rgba(0, 40, 100, 0.08);
}

.dark-mode .table-inbox tr:last-child {
    border-bottom: 0;
}

.dark-mode .table-inbox tr td .fa-star {
    color: #454a49;
}

.dark-mode .table-inbox tr td .fa-star.inbox-started,
.dark-mode .table-inbox tr td .fa-star:hover {
    color: #f78a09;
}

.dark-mode .table-inbox tr.unread td {
    background: #161921;
}

.dark-mode .mail-option .chk-all,
.dark-mode .mail-option .btn-group a.btn {
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #a5a6b3;
}

.dark-mode .inbox-pagination a.np-btn {
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #a5a6b3;
}

.dark-mode .mail-option .btn-group a.all {
    border: medium none;
}

.dark-mode .fileinput-button {
    background: none repeat scroll 0 0 #161921;
    border: 1px solid #e6e6e6;
}

.dark-mode .inbox-body .modal .modal-body input,
.dark-mode .inbox-body .modal .modal-body textarea {
    border: 1px solid #e6e6e6;
}

.dark-mode .btn-send {
    background: none repeat scroll 0 0 #00a8b3;
    color: #fff;
}

.dark-mode .btn-send:hover {
    background: none repeat scroll 0 0 #00a8b3;
    color: #fff;
    background: none repeat scroll 0 0 #009da7;
}

.dark-mode.heading-inbox h4 {
    border-bottom: 1px solid #ddd;
    color: #fff;
}

.dark-mode .sender-dropdown {
    background: none repeat scroll 0 0 #eaeaea;
    color: #777;
}

.dark-mode .view-mail a {
    color: #ff6c60;
}

.dark-mode .range {
    background-color: whitesmoke;
}

.dark-mode .range input[type="range"] {
    background-color: transparent;
}

.dark-mode .range input[type="range"]::-webkit-slider-thumb,
.dark-mode .range input[type="range"]::-moz-slider-thumb {
    color: white;
    background-color: #999999;
}

.dark-mode .range output {
    color: white;
    background-color: #999999;
}

.dark-mode .range.range-success input[type="range"]::-webkit-slider-thumb,
.dark-mode .range.range-success input[type="range"]::-moz-slider-thumb {
    background-color: #31a550;
}

.dark-mode .range.range-success output {
    background-color: #31a550;
}

.dark-mode .range.range-success input[type="range"] {
    outline-color: #31a550;
}

.dark-mode .range.range-info input[type="range"]::-webkit-slider-thumb,
.dark-mode .range.range-info input[type="range"]::-moz-slider-thumb {
    background-color: #45aaf2;
}

.dark-mode .range.range-info output {
    background-color: #45aaf2;
}

.dark-mode .range.range-info input[type="range"] {
    outline-color: #45aaf2;
}

.dark-mode .range.range-warning input[type="range"]::-webkit-slider-thumb,
.dark-mode .range.range-warning input[type="range"]::-moz-slider-thumb {
    background-color: #ff9933;
}

.dark-mode .range.range-warning output {
    background-color: #ff9933;
}

.dark-mode .range.range-warning input[type="range"] {
    outline-color: #ff9933;
}

.dark-mode .range.range-danger input[type="range"]::-webkit-slider-thumb,
.dark-mode .range.range-danger input[type="range"]::-moz-slider-thumb {
    background-color: #e41313;
}

.dark-mode .range.range-danger output {
    background-color: #e41313;
}

.dark-mode .range.range-danger input[type="range"] {
    outline-color: #e41313;
}

.dark-mode .pri-header {
    border-bottom: 1px solid #161921;
}

.dark-mode .pricing-table {
    background: #050606;
    color: #fff;
}

.dark-mode .pricing-table .price-header {
    background-color: #1495ca;
}

.dark-mode .pricing-table .price-header .permonth {
    background-color: #161921;
    color: #fff;
}

.dark-mode .pricing-table:hover .price-header {
    background-color: #089e60;
}

.dark-mode .pricing-table .price-header .title,
.dark-mode .pricing-table:hover .price,
.dark-mode .pricing-table .price {
    color: #fff;
}

.dark-mode .pricing-table .price-body ul li {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode #popup {
    background: #fe6b1f;
    color: white;
}

.dark-mode #copy {
    background: none;
    color: white;
}

.dark-mode .nav1 {
    background: #151820;
    color: #fff;
}

.dark-mode .nav-item1:hover:not(.disabled),
.dark-mode .nav-item1.active {
    color: #fff;
}

.dark-mode .nav-tabs .nav-item1 .nav-link {
    color: inherit;
    color: #a5a6b3;
}

.dark-mode .nav-tabs .nav-item1 .nav-link:hover:not(.disabled),
.dark-mode .nav-tabs .nav-item1 .nav-link.active {
    color: #fff;
}

.dark-mode .nav-tabs .nav-submenu {
    background: #a5a6b3;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .nav-tabs .nav-submenu .nav-item1 {
    color: #a5a6b3;
}

.dark-mode .nav-tabs .nav-submenu .nav-item1.active {
    color: #467fcf;
}

.dark-mode .nav-tabs .nav-submenu .nav-item1:hover {
    color: #495057;
    background: rgba(0, 0, 0, 0.024);
}

.dark-mode .popinfo {
    color: #88c8f7;
}

.dark-mode .popsuccess {
    color: #bfff80;
}

.dark-mode .popdanger {
    color: #ea6262;
}

.dark-mode .popwarning {
    color: #f7db6e;
}

.dark-mode .heading-primary,
.dark-mode .heading-secondary {
    color: #fff;
}

.dark-mode .heading-inverse {
    background-color: #262a34;
    color: #fff;
}

.dark-mode .heading-success {
    background-color: #31a550;
    color: #fff;
}

.dark-mode .heading-info {
    background-color: #45aaf2;
    color: #fff;
}

.dark-mode .heading-warning {
    background-color: #ff9933;
    color: #fff;
}

.dark-mode .heading-danger {
    background-color: #e41313;
    color: #fff;
}

.dark-mode .breadcrumb-item+.breadcrumb-item::before {
    color: #bdcce5;
}

.dark-mode .breadcrumb-item.active {
    color: #fff;
}

.dark-mode .breadcrumb1 {
    background-color: #2c303c;
}

.dark-mode .breadcrumb-item1.active {
    color: #fff;
}

.dark-mode .panel-group .panel {
    border-color: #EEEEEE;
}

.dark-mode .panel-default>.panel-heading {
    background-color: #2c303c;
    border-color: #EEEEEE;
}

.dark-mode .more-less {
    color: #212121;
}

.dark-mode .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px;
}

.dark-mode .panel1 {
    border-style: solid;
    border-color: #fff;
    background: none;
}

.dark-mode .panel-heading1 {
    background-color: #5797fc;
    border: none;
    color: #fff;
}

.dark-mode .panel-group1 .panel-body {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .panel-title1 a {
    color: #fff;
}

.dark-mode .panel-body1 {
    background: #fff;
}

.dark-mode .panel-title a.accordion-toggle:before,
.dark-mode .panel-title a.accordion-toggle.collapsed:before {
    color: #fff;
}

.dark-mode btn.dropdown-toggle~.dropdown-menu,
.dark-mode ul.dropdown-menu li.dropdown ul.dropdown-menu {
    background-color: #f4f4f4 !important;
    background-color: white !important;
    border: 0 solid #4285f4 !important;
}

.dark-mode .dropdown-menu>li>a {
    color: #ece8e8;
}

.dark-mode .dropdown-menu>li>a:hover,
.dark-mode .dropdown-menu>li>a:focus {
    color: #fff;
    background-color: #333942;
}

.dark-mode .dropdown-menu .divider {
    background-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .dropdown-menu .dropdown-plus-title {
    color: #fff !important;
    border: 0 solid #adadad;
}

.dark-mode .btn.dropdown-toggle.btn-success~.dropdown-menu .dropdown-plus-title {
    border-color: #4cae4c !important;
}

.dark-mode .btn.dropdown-toggle.btn-info~.dropdown-menu .dropdown-plus-title {
    border-color: #46b8da !important;
}

.dark-mode .btn.dropdown-toggle.btn-warning~.dropdown-menu .dropdown-plus-title {
    border-color: #eea236 !important;
}

.dark-mode .btn.dropdown-toggle.btn-danger~.dropdown-menu .dropdown-plus-title {
    border-color: #d43f3a !important;
}

.dark-mode .dropdown-menu-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .dropdown-menu-header label {
    color: #e9eef3;
}

.dark-mode .dropdown-media-list .media:hover,
.dark-mode .dropdown-media-list .media:focus {
    background-color: #161921;
}

.dark-mode .dropdown-media-list .media-body>div p {
    color: #e6eef7;
}

.dark-mode .dropdown-media-list .media-body>div span {
    color: #868ba1;
}

.dark-mode .dropdown-media-list .media-body>p {
    color: #868ba1;
}

.dark-mode .dropdown-list-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .badge-primary {
    color: #fff;
}

.dark-mode .badge-primary[href]:hover,
.dark-mode .badge-primary[href]:focus {
    color: #fff;
}

.dark-mode .badge-success {
    color: #fff;
    background-color: #31a550;
}

.dark-mode .badge-success[href]:hover,
.dark-mode .badge-success[href]:focus {
    color: #fff;
    background-color: #1f8f5f;
}

.dark-mode .badge-info {
    color: #fff;
    background-color: #45aaf2;
}

.dark-mode .badge-info[href]:hover,
.dark-mode .badge-info[href]:focus {
    color: #fff;
    background-color: #1594ef;
}

.dark-mode .badge-warning {
    color: #fff;
    background-color: #ff9933;
}

.dark-mode .badge-warning[href]:hover,
.dark-mode .badge-warning[href]:focus {
    color: #fff;
    background-color: #c29d0b;
}

.dark-mode .badge-danger {
    color: #fff;
    background-color: #e41313;
}

.dark-mode .badge-danger[href]:hover,
.dark-mode .badge-danger[href]:focus {
    color: #fff;
    background-color: #a11918;
}

.dark-mode .badge-light {
    color: white;
    background-color: #161921;
}

.dark-mode .badge-light[href]:hover,
.dark-mode .badge-light[href]:focus {
    color: #495057;
    background-color: #dae0e5;
}

.dark-mode .badge-dark {
    color: #fff;
    background-color: #343a40;
}

.dark-mode .badge-dark[href]:hover,
.dark-mode .badge-dark[href]:focus {
    color: #fff;
    background-color: #1d2124;
}

.dark-mode .jumbotron {
    background-color: #2c303c;
    margin-right: 425px;
    width: 100%;
}

.dark-mode .alert-primary {
    color: #fff;
}

.dark-mode .alert-success {
    color: #fff;
    background-color: #00c851;
    border-color: #00c851;
}

.dark-mode .alert-success hr {
    border-top-color: #c5e7a4;
}

.dark-mode .alert-success .alert-link {
    color: #172e00;
}

.dark-mode .alert-info {
    color: #fff;
    background-color: #33b5e5;
    border-color: #33b5e5;
}

.dark-mode .alert-info hr {
    border-top-color: #b3dcf9;
}

.dark-mode .alert-info .alert-link {
    color: #193c56;
}

.dark-mode .alert-warning {
    color: #fff;
    background-color: #fb3;
    border-color: #fb3;
}

.dark-mode .alert-warning hr {
    border-top-color: #fae8a4;
}

.dark-mode .alert-warning .alert-link {
    color: #4d3f05;
}

.dark-mode .alert-danger {
    color: #fff;
    background-color: #ff3547;
    border-color: #ff3547;
}

.dark-mode .alert-danger hr {
    border-top-color: #ecacab;
}

.dark-mode .alert-danger .alert-link {
    color: #3f0a09;
}

.dark-mode.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.dark-mode .alert-light hr {
    border-top-color: #ececf6;
}

.dark-mode .alert-light .alert-link {
    color: #686868;
}

.dark-mode .alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.dark-mode .alert-dark hr {
    border-top-color: #b9bbbe;
}

.dark-mode .alert-dark .alert-link {
    color: #040505;
}

.dark-mode .progress {
    background-color: #161921;
}

.dark-mode .progress-bar {
    color: #fff;
}

.dark-mode .list-group-item-action {
    color: #495057;
}

.dark-mode .list-group-item-action:hover,
.dark-mode .list-group-item-action:focus {
    color: #495057;
    background-color: #161921;
}

.dark-mode .list-group-item-action:active {
    color: #495057;
    background-color: #e4e6f9;
}

.dark-mode .list-group-item {
    background-color: #161921;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .listorder,
.dark-mode .listorder1,
.dark-mode .listunorder,
.dark-mode .listunorder1 {
    background-color: #161921;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .list-group-item.disabled,
.dark-mode .list-group-item:disabled {
    color: #5a6167;
    background-color: #161921;
}

.dark-mode .list-group-item h5 {
    color: #fff;
}

.dark-mode .list-group-item p,
.dark-mode .list-group-item small {
    color: #a5a6b3;
}

.dark-mode .list-group-item.active {
    background-color: #2c303c;
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .list-group-item-success {
    color: #fff;
    background-color: #00c851;
}

.dark-mode .list-group-item-success.list-group-item-action:hover,
.dark-mode .list-group-item-success.list-group-item-action:focus {
    color: #fff;
    background-color: #c5e7a4;
}

.dark-mode .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.dark-mode .list-group-item-info {
    color: #fff;
    background-color: #33b5e5;
}

.dark-mode .list-group-item-info.list-group-item-action:hover,
.dark-mode .list-group-item-info.list-group-item-action:focus {
    color: #fff;
    background-color: #b3dcf9;
}

.dark-mode .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.dark-mode .list-group-item-warning {
    color: #fff;
    background-color: #fb3;
}

.dark-mode.list-group-item-warning.list-group-item-action:hover {
    color: #fff;
    background-color: #fae8a4;
}

.dark-mode .list-group-item-warning.list-group-item-action:focus {
    color: #fff;
    background-color: #fae8a4;
}

.dark-mode .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.dark-mode .list-group-item-danger {
    color: #fff;
    background-color: #ff3547;
}

.dark-mode .list-group-item-danger.list-group-item-action:hover,
.dark-mode .list-group-item-danger.list-group-item-action:focus {
    color: #fff;
    background-color: #ecacab;
}

.dark-mode .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.dark-mode .list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

.dark-mode .list-group-item-light.list-group-item-action:hover,
.dark-mode .list-group-item-light.list-group-item-action:focus {
    color: #818182;
    background-color: #ececf6;
}

.dark-mode .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #818182;
    border-color: #818182;
}

.dark-mode .list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

.dark-mode .list-group-item-dark.list-group-item-action:hover,
.dark-mode .list-group-item-dark.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe;
}

.dark-mode .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21;
}

.dark-mode .close {
    color: #fff;
}

.dark-mode .close:hover {
    color: #a5a6b3;
}

.close:focus {
    color: #a5a6b3;
}

.dark-mode .modal-content {
    background-color: #161921;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .modal-backdrop {
    background-color: #000;
}

.dark-mode .modal-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .bs-tooltip-top .arrow::before,
.dark-mode .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #000;
}

.dark-mode .bs-tooltip-right .arrow::before,
.dark-mode .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #000;
}

.dark-mode .bs-tooltip-bottom .arrow::before,
.dark-mode .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #000;
}

.dark-mode .bs-tooltip-left .arrow::before,
.dark-mode .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #000;
}

.dark-mode .popover {
    background-color: #262a34;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .bs-popover-top .arrow::before,
.dark-mode .bs-popover-auto[x-placement^="top"] .arrow::before {
    border-top-color: rgba(0, 0, 0, 0.04);
}

.dark-mode .bs-popover-top .arrow::after,
.dark-mode .bs-popover-auto[x-placement^="top"] .arrow::after {
    border-top-color: #3c4049;
    color: #5a637b;
}

.dark-mode .bs-popover-right .arrow::before,
.dark-mode .bs-popover-auto[x-placement^="right"] .arrow::before {
    border-right-color: #e4e6f9;
}

.dark-mode .bs-popover-right .arrow::after,
.dark-mode .bs-popover-auto[x-placement^="right"] .arrow::after {
    border-right-color: #2c303c;
}

.dark-mode .bs-popover-bottom .arrow::before,
.dark-mode .bs-popover-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #000;
}

.dark-mode .bs-popover-bottom .arrow::after,
.dark-mode .bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-bottom-color: #3c4049;
}

.dark-mode.bs-popover-bottom .popover-header::before,
.dark-mode .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom: 1px solid #fff;
}

.dark-mode .bs-popover-left .arrow::before,
.dark-mode .bs-popover-auto[x-placement^="left"] .arrow::before {
    right: 0;
    border-left-color: #e4e6f9;
}

.dark-mode .bs-popover-left .arrow::after,
.dark-mode .bs-popover-auto[x-placement^="left"] .arrow::after {
    right: 1px;
    border-left-color: #262a34;
}

.dark-mode .popover-header {
    background-color: #262a34;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}

.dark-mode .carousel-control-prev,
.dark-mode .carousel-control-next {
    color: #fff;
}

.dark-mode .carousel-control-prev:hover,
.dark-mode .carousel-control-prev:focus {
    color: #fff;
}

.dark-mode .carousel-control-next:hover,
.dark-mode .carousel-control-next:focus {
    color: #fff;
}

.dark-mode .carousel-indicators li,
.dark-mode .carousel-indicators1 li,
.dark-mode .carousel-indicators2 li,
.dark-mode .carousel-indicators3 li,
.dark-mode .carousel-indicators4 li,
.dark-mode .carousel-indicators5 li {
    background-color: rgba(255, 255, 255, 0.5);
}

.dark-mode .carousel-indicators .active,
.dark-mode .carousel-indicators1 .active,
.dark-mode .carousel-indicators2 .active,
.dark-mode .carousel-indicators3 .active,
.dark-mode .carousel-indicators4 .active,
.dark-mode .carousel-indicators5 .active {
    background-color: #fff;
}

.dark-mode .carousel-caption,
.dark-mode .bg-primary {
    color: #fff;
}

.dark-mode .bg-success {
    background-color: #31a550 !important;
    color: #fff;
}

.dark-mode a.bg-success:hover,
.dark-mode a.bg-success:focus {
    background-color: #1f8f5f !important;
}

.dark-mode button.bg-success:hover,
.dark-mode button.bg-success:focus {
    background-color: #1f8f5f !important;
}

.dark-mode .bg-info {
    background-color: #45aaf2 !important;
    color: #fff;
}

.dark-mode a.bg-info:hover,
.dark-mode a.bg-info:focus {
    background-color: #1594ef !important;
}

.dark-mode button.bg-info:hover,
.dark-mode button.bg-info:focus {
    background-color: #1594ef !important;
}

.dark-mode .bg-warning {
    background-color: #ff9933 !important;
}

.dark-mode a.bg-warning:hover,
.dark-mode a.bg-warning:focus {
    background-color: #c29d0b !important;
    color: #fff;
}

.dark-mode button.bg-warning:hover,
.dark-mode button.bg-warning:focus {
    background-color: #c29d0b !important;
    color: #fff;
}

.dark-mode .bg-danger {
    background-color: #e41313 !important;
    color: #fff;
}

.dark-mode a.bg-danger:hover,
.dark-mode a.bg-danger:focus {
    background-color: #a11918 !important;
}

.dark-mode button.bg-danger:hover,
.dark-mode button.bg-danger:focus {
    background-color: #a11918 !important;
}

.dark-mode .bg-light {
    background-color: #161921 !important;
}

.dark-mode a.bg-light:hover,
.dark-mode a.bg-light:focus {
    background-color: #dae0e5 !important;
}

.dark-mode button.bg-light:hover,
.dark-mode button.bg-light:focus {
    background-color: #dae0e5 !important;
}

.dark-mode .bg-dark {
    background-color: #343a40 !important;
    color: #fff;
}

.dark-mode a.bg-dark:hover,
.dark-mode a.bg-dark:focus {
    background-color: #1d2124 !important;
}

.dark-mode button.bg-dark:hover,
.dark-mode button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.dark-mode .bg-white {
    background-color: #161921 !important;
}

.dark-mode .bg-transparent {
    background-color: transparent !important;
}

.dark-mode .border {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .border-top {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .border-right {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: white;
}

.dark-mode .border-bottom {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .border-left {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .border-success {
    border-color: #31a550 !important;
}

.dark-mode .border-info {
    border-color: #45aaf2 !important;
}

.dark-mode .border-warning {
    border-color: #ff9933 !important;
}

.dark-mode .border-danger {
    border-color: #e41313 !important;
}

.dark-mode .border-light {
    border-color: #161921 !important;
}

.dark-mode .border-dark {
    border-color: #343a40 !important;
}

.dark-mode .border-white {
    border-color: #fff !important;
}

.dark-mode .text-white {
    color: #fff !important;
}

.dark-mode .text-success {
    color: #31a550 !important;
}

.dark-mode a.text-success:hover,
.dark-mode a.text-success:focus {
    color: #1f8f5f !important;
}

.dark-mode .text-info {
    color: #45aaf2 !important;
}

.dark-mode a.text-info:hover,
.dark-mode a.text-info:focus {
    color: #1594ef !important;
}

.dark-mode .text-warning {
    color: #ff9933 !important;
}

.dark-mode a.text-warning:hover,
.dark-mode a.text-warning:focus {
    color: #c29d0b !important;
}

.dark-mode .text-danger {
    color: #e41313 !important;
}

.dark-mode a.text-danger:hover,
.dark-mode a.text-danger:focus {
    color: #a11918 !important;
}

.dark-mode .text-light {
    color: #161921 !important;
}

.dark-mode a.text-light:hover,
.dark-mode a.text-light:focus {
    color: #dae0e5 !important;
}

.dark-mode .text-dark {
    color: #fff !important;
}

.dark-mode a.text-dark:hover,
.dark-mode a.text-dark:focus {
    color: #fff !important;
}

.dark-mode .text-body {
    color: #495057 !important;
}

.dark-mode .text-muted {
    color: #a5a6b3 !important;
}

.dark-mode .text-#050606-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.dark-mode .text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.dark-mode body *::-webkit-scrollbar-thumb {
    background: #ced4da;
}

.dark-mode body *:hover::-webkit-scrollbar-thumb {
    background: #adb5bd;
}

.dark-mode blockquote {
    color: #bdc3ca;
    border-right: 2px solid rgba(255, 255, 255, 0.1);
}

.dark-mode code {
    background: #262a34;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode pre code {
    border: none;
    background: none;
}

.dark-mode .section-nav {
    background-color: #161921;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .page-header {
    background: #161921;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 12px 11px -3px rgba(46, 49, 49, 0.25);
}

.dark-mode .page-title-icon {
    color: #a5a6b3;
}

.dark-mode .page-subtitle,
.dark-mode .page-description {
    color: #495057;
}

.dark-mode .page-subtitle a,
.dark-mode .page-description a {
    color: inherit;
}

.dark-mode .aside {
    background: #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .nav-link.icon {
    color: #fff !important;
}

.dark-mode .header-btn.has-new:before {
    background: #e41313;
}

.dark-mode .header-toggler {
    color: #fff;
}

.dark-mode .header-toggler:hover {
    color: #495057;
}

.dark-mode .footer .social ul li a {
    color: #fff;
}

.dark-mode .footer-top ul li a {
    color: #a5a6b3;
}

.dark-mode .footer-top ul li a:hover {
    color: #a5a6b3;
}

.dark-mode .text-default {
    color: #a5a6b3 !important;
}

.dark-mode .text-muted-dark {
    color: #495057 !important;
}

.dark-mode .bg-blue {
    background-color: #316cbe !important;
    color: #fff !important;
}

.dark-mode a.bg-blue:hover,
.dark-mode a.bg-blue:focus {
    background-color: #316cbe !important;
}

.dark-mode button.bg-blue:hover,
.dark-mode button.bg-blue:focus {
    background-color: #316cbe !important;
}

.dark-mode .text-blue {
    color: #1171ef !important;
}

.dark-mode .text-lime {
    color: #7bd235 !important;
}

.dark-mode .icon {
    color: #a5a6b3 !important;
}

.dark-mode .responsive-navbar .icon i {
    color: #fff;
}

.dark-mode .nav-tabs .nav-link {
    color: #656d75;
}

.dark-mode .nav-tabs .nav-link:hover:not(.disabled),
.dark-mode .nav-tabs .nav-link.active {
    color: #fff;
}

.dark-mode .ren-navbar {
    background: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .ren-navbar .nav-item.active .nav-link {
    background-color: #fff;
    color: #8e2de2;
}

.dark-mode .ren-navbar .nav-item.active .nav-link .icon {
    color: #8e2de2;
}

.dark-mode .ren-navbar .nav-link {
    color: #fff;
}

.dark-mode .ren-navbar .nav-link:hover,
.dark-mode .ren-navbar .nav-link:focus,
.dark-mode .ren-navbar .nav-link.active {
    color: #fff;
}

.dark-mode .ren-navbar .nav-link .square-8 {
    background-color: #fff;
}

.dark-mode .ren-navbar .sub-item {
    background-color: #fff;
    color: #111;
}

.dark-mode .ren-navbar .sub-item ul a {
    color: #fff;
}

.dark-mode .ren-navbar .sub-item ul a:active {
    color: #fff;
}

.dark-mode .ren-navbar .sub-item ul a:hover {
    color: #a5a6b3;
    background-color: #e4e6f9;
}

.dark-mode .dark-mode .ren-navbar .sub-item ul a:focus {
    color: #a5a6b3;
    background-color: #e4e6f9;
}

.dark-mode .ren-navbar .sub-item .sub-with-sub::after {
    color: #a5a6b3;
}

.dark-mode .nav-tabs .nav-submenu .nav-item {
    color: #a5a6b3;
}

.dark-mode .nav-tabs .nav-submenu .nav-item.active {
    color: #467fcf;
}

.dark-mode .nav-tabs .nav-submenu .nav-item:hover {
    color: #495057;
    background: rgba(0, 0, 0, 0.024);
}

.dark-mode .expanel-default {
    border: #ddd !important;
}

.dark-mode .expanel-success {
    border: #31a550 !important;
}

.dark-mode .expanel-danger {
    border: #e41313 !important;
}

.dark-mode .expanel-success>.expanel-heading {
    color: #fff !important;
    background-color: #31a550 !important;
    border-color: #31a550 !important;
}

.dark-mode .expanel-danger>.expanel-heading {
    color: #fff !important;
    background-color: #e41313 !important;
    border-color: #e41313 !important;
}

.dark-mode .expanel {
    background-color: 151820 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #fff;
}

.dark-mode .expanel-default>.expanel-heading {
    color: #fff !important;
    background-color: #262a34 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .expanel-heading {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .expanel-footer {
    background-color: #262a34 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .thumbnail {
    background-color: #161921;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .badge-default {
    background: #2f303a;
    color: #d7dce2;
}

.dark-mode .card-blog-overlay:before,
.dark-mode .card-blog-overlay1:before,
.dark-mode .card-blog-overlay2:before,
.dark-mode .about-img:before {
    background: rgba(0, 0, 0, 0.6);
}

.dark-mode .table-vcenter td,
.dark-mode .table-vcenter th {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .table-striped tbody tr:nth-of-type(even) {
    background-color: #262a34;
}

.dark-mode .table-calendar-link {
    background: #161921;
    color: #495057;
}

.dark-mode .table-calendar-link:before {
    background: #467fcf;
}

.dark-mode .table-calendar-link:hover {
    color: #fff;
    background: #467fcf;
}

.dark-mode .table-calendar-link:hover:before {
    background: #fff;
}

.dark-mode .table-header:hover,
.dark-mode .table-header-asc,
.dark-mode .table-header-desc {
    color: #495057 !important;
}

.dark-mode .page-breadcrumb .breadcrumb-item {
    color: #a5a6b3;
}

.dark-mode .page-breadcrumb .breadcrumb-item.active {
    color: #495057;
}

.dark-mode .pagination-simple .page-item.active .page-link,
.dark-mode .page-total-text {
    color: #495057;
}

.dark-mode .card-body+.card-body {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .card-img-overlay {
    background-color: rgba(0, 0, 0, 0.4);
}

.dark-mode .reg {
    color: #2e1170;
}

.dark-mode .card-title small,
.dark-mode .card-subtitle {
    color: #a5a6b3;
}

.dark-mode .card-body+.card-table {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .card-profile-img {
    border: 3px solid #fff;
}

.dark-mode .card-body+.card-list-group {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .list-media .info .text-right {
    color: #8a8a8a;
}

.dark-mode .card-options {
    color: #a5a6b3;
}

.dark-mode .card-options a:not(.btn) {
    color: #e0e0ea;
}

.dark-mode .card-options a:not(.btn):hover {
    color: #fff;
}

.dark-mode .card-map {
    background: #e4e6f9;
}

.dark-mode .card-tabs-bottom .card-tabs-item.active {
    border-top-color: #fff;
}

.dark-mode a.card-tabs-item {
    background: #fafbfc;
}

.dark-mode a.card-tabs-item:hover {
    color: inherit;
}

.dark-mode a.card-tabs-item.active {
    background: #fff;
    border-bottom-color: #fff;
}

.dark-mode .card-status {
    background: #e4e6f9;
}

.dark-mode .card-category {
    background: #f3f3f3;
}

.dark-mode .dropdown-icon {
    color: #a5a6b3;
}

.dark-mode .list-group-item.active .icon {
    color: inherit !important;
}

.dark-mode .list-group-item .icon {
    color: #a5a6b3 !important;
}

.dark-mode .list-group-transparent .list-group-item {
    color: #a5a6b3;
}

.dark-mode .list-group-transparent .list-group-item.active {
    background: #161921;
}

.dark-mode .avatar {
    color: #fff;
}

.dark-mode .avatar-status {
    border: 2px solid #161921;
    background: #868e96;
}

.dark-mode .avatar-placeholder {
    background: #ced4da url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="134" height="134" viewBox="0 0 134 134"><path fill="$gray" d="M65.92 66.34h2.16c14.802.42 30.928 6.062 29.283 20.35l-1.618 13.32c-.844 6.815-5.208 7.828-13.972 7.866H52.23c-8.764-.038-13.13-1.05-13.973-7.865l-1.62-13.32C34.994 72.4 51.12 66.76 65.92 66.34zM49.432 43.934c0-9.82 7.99-17.81 17.807-17.81 9.82 0 17.81 7.99 17.81 17.81 0 9.82-7.99 17.807-17.81 17.807-9.82 0-17.808-7.987-17.808-17.806z"/></svg>') no-repeat center/80%;
}

.dark-mode .avatar-blue {
    background-color: #c8d9f1;
    color: #467fcf;
}

.dark-mode .avatar-indigo {
    background-color: #d1d5f0;
    color: #6574cd;
}

.dark-mode .avatar-purple {
    background-color: #e4cff9;
    color: #aa4cf2;
}

.dark-mode .avatar-pink {
    background-color: #fcd3e1;
    color: #D56DFC;
}

.dark-mode .avatar-red {
    background-color: #f0bcbc;
    color: #e41313;
}

.dark-mode .avatar-orange {
    background-color: #fee0c7;
    color: #1396cc;
}

.dark-mode .avatar-yellow {
    background-color: #fbedb7;
    color: #ff9933;
}

.dark-mode .avatar-green {
    background-color: #cfeab3;
    color: #31a550;
}

.dark-mode .avatar-teal {
    background-color: #bfefea;
    color: #2bcbba;
}

.dark-mode .avatar-cyan {
    background-color: #b9e3ea;
    color: #43c0f6;
}

.dark-mode .avatar-white {
    background-color: white;
    color: #fff;
}

.dark-mode .avatar-gray {
    background-color: #dbdde0;
    color: #868e96;
}

.dark-mode .avatar-gray-dark {
    background-color: #c2c4c6;
    color: #343a40;
}

.dark-mode .avatar-azure {
    background-color: #c7e6fb;
    color: #45aaf2;
}

.dark-mode .avatar-lime {
    background-color: #d7f2c2;
    color: #7bd235;
}

.dark-mode .mail-chats {
    border-top: 1px solid rgba(128, 128, 128, 0.16);
}

.dark-mode .user p.u-name {
    color: #fff;
}

.dark-mode .user p.u-designation {
    color: #a5a6b3;
}

.dark-mode div.online-status .status.online {
    background: rgba(0, 128, 0, 0.68);
}

.dark-mode .online-status .status.offline {
    background: rgba(255, 0, 0, 0.7);
}

.dark-mode .icons-list-item i {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .link-overlay-bg {
    background: rgba(0, 0, 0, 0.8);
    color: #161921;
}

.dark-mode .custom-control-label:before {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #161921;
}

.dark-mode .input-group-prepend>.btn,
.dark-mode .input-group-btn>.btn {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .input-group-append>.btn {
    border: 0px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .mediaicon {
    color: #fff;
}

.dark-mode .form-fieldset {
    background: #161921;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .form-required {
    color: #e41313;
}

.dark-mode .form-help {
    color: #a5a6b3;
    background: #161921;
}

.dark-mode .form-help:hover,
.dark-mode .form-help[aria-describedby] {
    background: #467fcf;
    color: #fff;
}

.dark-mode .jqstooltip {
    background: #a5a6b3 !important;
}

.dark-mode .social-links li a {
    background: #f8f8f8;
    color: #a5a6b3;
}

.dark-mode .map-header:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, #161921 95%);
}

.dark-mode .chart-circle-value small {
    color: #a5a6b3;
}

.dark-mode .chip {
    color: #fff;
    background-color: #2e343c;
}

.dark-mode a.chip:hover {
    color: #fff;
}

.dark-mode .stamp {
    color: #fff;
    background: #868e96;
}

.dark-mode .example {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .example-bg {
    background: #e4e6f9;
}

.dark-mode .highlight {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #161921;
}

.dark-mode .highlight pre {
    background-color: #161921;
}

.dark-mode .tag {
    background-color: #2e343c;
}

.dark-mode a.tag:hover {
    background-color: rgba(110, 118, 135, 0.2);
}

.dark-mode .tag-addon {
    background: #343c46;
}

.dark-mode a.tag-addon:hover {
    background: rgba(0, 0, 0, 0.16);
}

.dark-mode .tag-blue {
    background-color: #467fcf;
    color: #fff;
}

.dark-mode .tag-indigo {
    background-color: #6574cd;
    color: #fff;
}

.dark-mode .tag-purple {
    background-color: #aa4cf2;
    color: #fff;
}

.dark-mode .tag-pink {
    background-color: #D56DFC;
    color: #fff;
}

.dark-mode .tag-red {
    background-color: #e41313;
    color: #fff;
}

.dark-mode .tag-orange {
    background-color: #ec6e09;
    color: #fff;
}

.dark-mode .tag-yellow {
    background-color: #ff9933;
    color: #fff;
}

.dark-mode .tag-green {
    background-color: #31a550;
    color: #fff;
}

.dark-mode .tag-teal {
    background-color: #2bcbba;
    color: #fff;
}

.dark-mode .tag-cyan {
    background-color: #43c0f6;
    color: #fff;
}

.dark-mode .tag-white {
    background-color: #fff;
    color: #fff;
}

.dark-mode .tag-gray {
    background-color: #868e96;
    color: #fff;
}

.dark-mode .tag-gray-dark {
    background-color: #343a40;
    color: #fff;
}

.dark-mode .tag-azure {
    background-color: #45aaf2;
    color: #fff;
}

.dark-mode .tag-lime {
    background-color: #7bd235;
    color: #fff;
}

.dark-mode .tag-success {
    background-color: #31a550;
    color: #fff;
}

.dark-mode .tag-info {
    background-color: #45aaf2;
    color: #fff;
}

.dark-mode .tag-warning {
    background-color: #ff9933;
    color: #fff;
}

.dark-mode .tag-danger {
    background-color: #e41313;
    color: #fff;
}

.dark-mode .tag-light {
    background-color: #161921;
    color: #fff;
}

.dark-mode .tag-dark {
    background-color: #343a40;
    color: #fff;
}

.dark-mode .tag-rounded {
    border-radius: 50px;
}

.dark-mode .tag-rounded .tag-avatar {
    border-radius: 50px;
}

.dark-mode .highlight .hll {
    background-color: #ffc;
}

.dark-mode .highlight .c {
    color: #999;
}

.dark-mode .highlight .k {
    color: #069;
}

.dark-mode .highlight .o {
    color: #555;
}

.dark-mode .highlight .cm {
    color: #999;
}

.dark-mode .highlight .cp {
    color: #099;
}

.dark-mode .highlight .c1,
.dark-mode .highlight .cs {
    color: #999;
}

.dark-mode .highlight .gd {
    background-color: #fcc;
    border: 1px solid #c00;
}

.dark-mode .highlight .gr {
    color: #f00;
}

.dark-mode .highlight .gh {
    color: #030;
}

.dark-mode .highlight .gi {
    background-color: #cfc;
    border: 1px solid #0c0;
}

.dark-mode .highlight .go {
    color: #aaa;
}

.dark-mode .highlight .gp {
    color: #009;
}

.dark-mode .highlight .gu {
    color: #030;
}

.dark-mode .highlight .gt {
    color: #9c6;
}

.dark-mode .highlight .kc,
.dark-mode .highlight .kd,
.dark-mode .highlight .kn,
.dark-mode .highlight .kp,
.dark-mode .highlight .kr {
    color: #069;
}

.dark-mode .highlight .kt {
    color: #078;
}

.dark-mode .highlight .m {
    color: #f60;
}

.dark-mode .highlight .s {
    color: #da0c99;
}

.dark-mode .highlight .na {
    color: #0977b9;
}

.dark-mode .highlight .nb {
    color: #366;
}

.dark-mode .highlight .nc {
    color: #0a8;
}

.dark-mode .highlight .no {
    color: #360;
}

.dark-mode .highlight .nd {
    color: #99f;
}

.dark-mode .highlight .ni {
    color: #999;
}

.dark-mode .highlight .ne {
    color: #c00;
}

.dark-mode .highlight .nf {
    color: #c0f;
}

.dark-mode .highlight .nl {
    color: #99f;
}

.dark-mode .highlight .nn {
    color: #0cf;
}

.dark-mode .highlight .nt {
    color: #d20606;
}

.dark-mode .highlight .nv {
    color: #033;
}

.dark-mode .highlight .ow {
    color: #a5a6b3;
}

.dark-mode .highlight .w {
    color: #bbb;
}

.dark-mode .highlight .mf,
.dark-mode .highlight .mh,
.dark-mode .highlight .mi,
.dark-mode .highlight .mo {
    color: #f60;
}

.dark-mode .highlight .sb,
.dark-mode .highlight .sc,
.dark-mode .highlight .sd,
.dark-mode .highlight .s2,
.dark-mode .highlight .se,
.dark-mode .highlight .sh {
    color: #c30;
}

.dark-mode .highlight .si {
    color: #a00;
}

.dark-mode .highlight .sx {
    color: #c30;
}

.dark-mode .highlight .sr {
    color: #3aa;
}

.dark-mode .highlight .s1 {
    color: #c30;
}

.dark-mode .highlight .ss {
    color: #fc3;
}

.dark-mode .highlight .bp {
    color: #366;
}

.dark-mode .highlight .vc,
.dark-mode .highlight .vg,
.dark-mode .highlight .vi {
    color: #033;
}

.dark-mode .highlight .il {
    color: #f60;
}

.dark-mode .highlight .css .o {
    color: #999;
}

.dark-mode .highlight .css .o+.nt {
    color: #999;
}

.dark-mode .highlight .css .nt+.nt {
    color: #999;
}

.dark-mode .highlight .language-bash::before,
.dark-mode .highlight .language-sh::before,
.dark-mode .highlight .language-powershell::before {
    color: #009;
}

.dark-mode .carousel-item-background {
    background: rgba(0, 0, 0, 0.5);
}

.dark-mode .custom-range:focus::-webkit-slider-thumb,
.dark-mode .custom-range:focus::-moz-range-thumb,
.dark-mode .custom-range:focus::-ms-thumb {
    border-color: #467fcf;
    background-color: #467fcf;
}

.dark-mode .custom-range::-webkit-slider-thumb,
.dark-mode .custom-range::-moz-range-thumb {
    background: #fff;
    border: 1px solid rgba(0, 30, 75, 0.12);
}

.dark-mode .custom-range::-moz-range-progress {
    background: #467fcf;
}

.dark-mode .custom-range::-ms-thumb {
    background: #fff;
    border: 1px solid rgba(0, 30, 75, 0.12);
}

.dark-mode .selectgroup-button {
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #a5a6b3;
}

.dark-mode .selectgroup-input:checked+.selectgroup-button {
    background: #161921;
}

.dark-mode .custom-switch-indicator {
    background: #161921;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .custom-switch-indicator:before {
    background: #afa0a0;
}

.dark-mode .custom-switch-input:focus~.custom-switch-indicator {
    border-color: #467fcf;
}

.dark-mode .custom-switch-description {
    color: #a5a6b3;
}

.dark-mode .custom-switch-input:checked~.custom-switch-description {
    color: #495057;
}

.dark-mode .imagecheck-figure {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .imagecheck-input:focus~.imagecheck-figure {
    border-color: #467fcf;
}

.dark-mode .imagecheck-input:checked~.imagecheck-figure {
    border-color: rgba(0, 40, 100, 0.24);
}

.dark-mode .imagecheck-figure:before {
    background: #467fcf url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") no-repeat center center/50% 50%;
    color: #fff;
}

.dark-mode .imagecheck-caption {
    color: #a5a6b3;
}

.dark-mode .imagecheck:hover .imagecheck-caption {
    color: #495057;
}

.dark-mode .imagecheck-input:focus~.imagecheck-figure .imagecheck-caption,
.dark-mode .imagecheck-input:checked~.imagecheck-figure .imagecheck-caption {
    color: #495057;
}

.dark-mode .colorinput-color {
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}

.dark-mode .colorinput-input:focus~.colorinput-color {
    border-color: #467fcf;
}

.dark-mode .timeline:before {
    background-color: #e4e6f9;
}

.dark-mode .timeline-item:first-child:before,
.dark-mode .timeline-item:last-child:before {
    background: #fff;
}

.dark-mode .timeline-badge {
    border: 1px solid #fff;
    background: #adb5bd;
}

.dark-mode .timeline-time {
    color: #a5a6b3;
}

.dark-mode .jvectormap-tip {
    background: #262a34;
    color: #e8dcdc;
}

.dark-mode .jvectormap-zoomin,
.dark-mode .jvectormap-zoomout,
.dark-mode .jvectormap-goback {
    background: #292929;
    color: white;
}

.dark-mode .jvectormap-legend {
    background: #161921;
    color: white;
}

.dark-mode .selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder {
    background: #e4e6f9 !important;
    background: rgba(0, 0, 0, 0.06) !important;
}

.dark-mode .selectize-dropdown-header {
    background: #f8f8f8;
}

.dark-mode .selectize-dropdown-header-close {
    color: #495057;
}

.dark-mode .selectize-dropdown-header-close:hover {
    color: #a5a6b3;
}

.dark-mode .selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, 0.05);
}

.dark-mode .selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #cacaca;
}

.dark-mode .selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #fff;
}

.dark-mode .selectize-dropdown {
    color: #495057;
}

.dark-mode .selectize-input {
    color: #495057;
    background: #fff;
}

.dark-mode .selectize-input input {
    color: #495057;
}

.dark-mode .selectize-control.single .selectize-input.input-active {
    background: #fff;
}

.dark-mode .selectize-input {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .selectize-input.full {
    background-color: #fff;
}

.dark-mode .selectize-input.focus {
    border-color: #467fcf;
}

.dark-mode .selectize-control.multi .selectize-input>div {
    background: #e4e6f9;
    color: #495057;
    border: 0 solid #e4e6f9;
}

.dark-mode .selectize-control.multi .selectize-input>div.active {
    background: #e8e8e8;
    color: #303030;
    border: 0 solid #cacaca;
}

.dark-mode .selectize-control.multi .selectize-input.disabled>div {
    color: #7d7d7d;
    background: #fff;
    border: 0 solid #fff;
}

.dark-mode .selectize-control.multi .selectize-input.disabled>div.active {
    color: #7d7d7d;
    background: #fff;
    border: 0 solid #fff;
}

.dark-mode .selectize-input.dropdown-active::before {
    background: #f0f0f0;
}

.dark-mode .selectize-dropdown {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #fff;
}

.dark-mode .selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, 0.2);
}

.dark-mode .selectize-dropdown .optgroup-header {
    color: #495057;
    background: #fff;
}

.dark-mode .selectize-dropdown .active {
    background-color: #F1F4F8;
    color: #467fcf;
}

.dark-mode .selectize-dropdown .active.create {
    color: #495057;
}

.dark-mode .selectize-dropdown .create {
    color: rgba(48, 48, 48, 0.5);
}

.dark-mode .selectize-control.single .selectize-input:after {
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") no-repeat center;
}

.dark-mode .selectize-control .selectize-input.disabled {
    background-color: #fafafa;
}

.dark-mode .demo-gallery>ul>li a .demo-gallery-poster,
.dark-mode .demo-gallery .justified-gallery>a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
}

.dark-mode .demo-gallery>ul>li a:hover .demo-gallery-poster,
.dark-mode .demo-gallery .justified-gallery>a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.dark-mode .demo-gallery.dark>ul>li a {
    border: 3px solid #04070a;
}

.dark-mode .ui-datepicker {
    background-color: #262a34;
    border: 1px solid #121213;
}

.dark-mode .ui-datepicker .ui-datepicker-header {
    color: #473b52;
}

.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    color: #a5a6b3;
}

.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before {
    color: #343a40;
}

.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before {
    color: #343a40;
}

.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover,
.dark-mode .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
    color: #495057;
}

.dark-mode .ui-datepicker .ui-datepicker-title {
    color: #fff;
}

.dark-mode .ui-datepicker .ui-datepicker-calendar th {
    color: #a3a7b7;
}

.dark-mode .ui-datepicker .ui-datepicker-calendar td {
    border: 1px solid #56535f;
    background-color: #151820;
}

.dark-mode .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
    color: #ccc;
}

.dark-mode .ui-datepicker .ui-datepicker-calendar td span {
    background-color: #161921;
    color: #fff;
}

.dark-mode .ui-datepicker .ui-datepicker-calendar td a {
    background-color: #161921;
    color: #fff;
}

.dark-mode .ui-datepicker .ui-datepicker-calendar td a:hover {
    background-color: #2c303c;
    color: #f0f2f7;
}

.dark-mode .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    background-color: #161921;
    color: #fdfcff;
}

.dark-mode .model-wrapper-demo {
    background: #161921;
}

.dark-mode .timeline__item:after {
    background: #272b2a !important;
}

.dark-mode .timeline--horizontal .timeline-divider {
    background: #2e343c !important;
}

.dark-mode .timeline__content {
    background-color: #262a34;
}

.dark-mode #back-to-top {
    color: #fff;
}

.dark-mode #back-to-top:hover {
    background: #161921;
}

.dark-mode .sidebar .tabs-menu ul {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .tabs-menu ul li .active {
    color: #eaeaf9;
}

.dark-mode .tabs-menu-body,
.dark-mode .tab-menu-heading {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .features span {
    color: #43414e;
}

.dark-mode .rating-stars .rating-stars-container .rating-star {
    color: #2e343c;
}

.dark-mode .rating-stars .rating-stars-container .rating-star.sm {
    color: #2f3131;
}

.dark-mode .rating-stars .rating-stars-container .rating-star.is--active,
.dark-mode .rating-stars .rating-stars-container .rating-star.is--hover {
    color: #f1c40f;
}

.dark-mode .rating-stars .rating-stars-container .rating-star.is--no-hover {
    color: #2e343c;
}

.dark-mode .rating-stars .rating-stars-container .rating-star.is--active .fa-heart,
.dark-mode .rating-stars .rating-stars-container .rating-star.is--hover .fa-heart {
    color: #ff0305;
}

.dark-mode .rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover {
    color: #3e4b5b;
}

.dark-mode .rating-stars input {
    color: #c0cfde;
    background-color: #050606;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .pulse,
.dark-mode .pulse2 {
    background: #cca92c;
}

.dark-mode .bg-colorsvg {
    background-color: #fff;
}

.dark-mode .success-box {
    color: #fff;
}

.dark-mode .error-bg:before {
    background: linear-gradient(89.1deg, rgba(8, 158, 96, 0.8) 0.7%, rgba(19, 150, 204, 0.8) 88.4%);
}

.dark-mode .error-content,
.dark-mode .custom-content {
    background: #fff;
}

.dark-mode .team-mem {
    background-color: #F9F9F9;
}

.dark-mode .pro-user .pro-user-icons a:hover {
    color: #fff;
}

.dark-mode .facebook-bg {
    background: #3b5998;
    color: #fff;
}

.dark-mode .twitter-bg {
    background: #0c85d0;
    color: #fff;
}

.dark-mode .google-bg {
    background: #c63224;
    color: #fff;
}

.dark-mode .dribbble-bg {
    background: #e62a72;
    color: #fff;
}

.dark-mode .pinterest-bg {
    background: #8c0615;
    color: #fff;
}

.dark-mode div[data-acc-step]:not(.open) {
    background: #2c303c;
}

.dark-mode div[data-acc-step]:not(.open) h5 {
    color: #a5a6b3;
}

.dark-mode #form .list-group-item:hover {
    background: none;
}

.dark-mode .navtab-wizard {
    background: #161921;
}

.dark-mode .navtab-wizard.nav-tabs .nav-link {
    background: #161921;
    color: #fff;
}

.dark-mode .navtab-wizard.nav-tabs .nav-link.active,
.dark-mode .navtab-wizard.nav-tabs .nav-link:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    background: #089e60;
}

.dark-mode .nav-style .navbar-nav .nav-link i {
    background: #161921;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .arrow-ribbon {
    color: #fff;
}

.dark-mode .arrow-ribbon.bg-purple:before {
    border-left: 15px solid #aa4cf2;
}

.dark-mode .arrow-ribbon.bg-danger:before {
    border-left: 15px solid #e41313;
}

.dark-mode .arrow-ribbon.bg-secondary:before {
    border-left: 15px solid #f3f7fd;
}

.dark-mode .arrow-ribbon.bg-success:before {
    border-left: 15px solid #31a550;
}

.dark-mode .arrow-ribbon.bg-info:before {
    border-left: 15px solid #45aaf2;
}

.dark-mode .arrow-ribbon.bg-warning:before {
    border-left: 15px solid #ff9933;
}

.dark-mode .arrow-ribbon.bg-pink:before {
    border-left: 15px solid #D56DFC;
}

.dark-mode .product-details {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #161921;
}

.dark-mode .contacts_body .contacts li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .contacts_body .active {
    background-color: #2c303c;
}

.dark-mode .chatbox .user_img,
.dark-mode .chatbox .user_img_msg {
    border: 1.5px solid #2c303c;
}

.dark-mode .chat abbr.timestamp {
    background: #101715;
    color: #b7b7b7;
}

.dark-mode .chatbox .user_info span {
    color: #b7b7b7;
}

.dark-mode .chat .video_cam span {
    color: white;
}

.dark-mode .chat .msg_cotainer,
.dark-mode .chat .msg_cotainer_send {
    background-color: #2c303c;
}

.dark-mode .chat .msg_time,
.dark-mode .chat .msg_time_send {
    color: #a5a6b3;
}

.dark-mode .chat .msg_head {
    background: #60529f;
}

.dark-mode #action_menu_btn {
    color: white;
}

.dark-mode .action_menu {
    background-color: #fff;
    color: #646367;
}

.dark-mode .chat .msb-reply textarea {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #161921;
    color: #fff;
}

.dark-mode .chat .dropdown-menu li {
    color: #a5a6b3;
}

.dark-mode .chat .dropdown-menu li:hover {
    background: #161921;
}

.dark-mode .action_menu ul li:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.dark-mode .chat .actions:not(.a-alt)>li>a>i {
    color: #fff;
}

.dark-mode .action-header {
    background: #089e60;
}

.dark-mode .actions:not(.a-alt)>li>a>i {
    color: #a7a8c6;
}

.dark-mode .well {
    color: #b2b2b9;
}

.dark-mode .header-searchinput .form-inline .form-control {
    border: .25rem;
    background: #161921;
}

.dark-mode .header-searchinput .search-icon i {
    color: #a5a6b3 !important;
}

.dark-mode .sidebar {
    background-color: #161921;
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0px 8px 4.72px 1.28px #080a0e;
}

.dark-mode .page-headertabs .tab-menu-heading {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .responsive-navbar.navbar .navbar-collapse {
    background: #2c303c;
}

.dark-mode .responsive-navbar.navbar .nav-link.icon {
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .svg-btn:before {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .leading-none span.ml-2 {
    background: rgba(0, 0, 0, 0.2);
}

.dark-mode .welcome-image:before {
    background: linear-gradient(89.1deg, rgba(8, 158, 96, 0.5) 0.7%, rgba(19, 150, 204, 0.5) 88.4%);
}

.dark-mode .sidedemo-menu .card,
.dark-mode .sidedemo-menu .list-group-item {
    background: #f8f8fb;
}

.dark-mode .activity {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .bg-square {
    color: #fff;
    background: #868e96;
}

.dark-mode ul.timeline:before {
    background: #d4d9df;
}

.dark-mode ul.timeline>li:before {
    border: 1px solid #6c6c6f;
}

.dark-mode .finance-chart .finance {
    border: 4px solid;
}

.dark-mode .feature .icon1 {
    color: #fff !important;
}

.dark-mode .page-header .page-title i {
    background: rgba(255, 255, 255, 0.1);
    color: #089e60;
}

.dark-mode .bg-success-transparent {
    background-color: rgba(0, 230, 130, 0.3) !important;
}

.dark-mode .bg-info-transparent {
    background-color: rgba(0, 214, 230, 0.3) !important;
}

.dark-mode .bg-warning-transparent {
    background-color: rgba(255, 162, 43, 0.3) !important;
}

.dark-mode .bg-danger-transparent {
    background-color: rgba(255, 56, 43, 0.3) !important;
}

.dark-mode .bg-pink-transparent {
    background-color: rgba(213, 109, 252, 0.3) !important;
}

.dark-mode .bg-purple-transparent {
    background-color: rgba(96, 77, 216, 0.3) !important;
}

.dark-mode .bg-dark-transparent {
    background-color: rgba(0, 0, 0, 0.15) !important;
}

.dark-mode .bg-white-transparent {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.dark-mode .list-icons {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
}

.dark-mode .calendar-title th {
    background: #262a34;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}

.dark-mode .calendar tbody tr td.today {
    background: #262a34;
}

.dark-mode .cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
    background: #161921;
    color: #fff;
}

.dark-mode .cal1 .clndr .clndr-table tr .empty:hover,
.dark-mode .cal1 .clndr .clndr-table tr .adjacent-month:hover,
.dark-mode .cal1 .clndr .clndr-table tr .my-empty:hover,
.dark-mode .cal1 .clndr .clndr-table tr .my-adjacent-month:hover,
.dark-mode .cal1 .clndr .clndr-table tr .day:hover {
    color: #fff;
}

.dark-mode .cal1 .clndr .clndr-table tr .empty,
.dark-mode .cal1 .clndr .clndr-table tr .adjacent-month,
.dark-mode .cal1 .clndr .clndr-table tr .my-empty,
.dark-mode .cal1 .clndr .clndr-table tr .my-adjacent-month {
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: #2c303c;
}

.dark-mode .cal1 .clndr .clndr-table tr .day.event,
.dark-mode .cal1 .clndr .clndr-table tr .day.my-event {
    background-color: #262a34;
}

.dark-mode .richText .richText-toolbar {
    background: #262a34;
}

.dark-mode .mce-container,
.dark-mode .mce-widget {
    background: #262a34 !important;
}

.dark-mode .mce-container *,
.dark-mode .mce-widget * {
    background: #262a34 !important;
}

.dark-mode .mce-reset {
    background: #262a34 !important;
}

.dark-mode .btn-social> :first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode div[data-acc-step]:not(.open) .badge-primary {
    background: #161921;
    color: #fff;
}

.dark-mode .table {
    color: #fff;
}

.dark-mode .card-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .calendar-header {
    background-color: #050606;
    color: white;
}

.dark-mode .row {
    color: #fff;
}

.dark-mode .btn-light {
    color: #fff;
    background-color: #2c303c;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .btn-light:hover {
    color: #fff;
    background-color: #1e222b;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .calendar-header th {
    border: 1px solid #323438;
    background: #161921;
}

.dark-mode .calendar tbody tr td {
    border: 1px solid #323438;
    color: #fff;
}

.dark-mode .bg-white {
    background-color: #161921 !important;
}

.dark-mode #lnb {
    background: #0a0a0a;
}

.dark-mode #right {
    color: #fff;
    background: #0a0a0a;
}

.dark-mode .tui-full-calendar-vlayout-container {
    background: #0a0a0a;
}

.dark-mode .offer {
    background: #161921;
}

.dark-mode .accordionjs .acc_section .acc_head {
    background: #161921;
}

.dark-mode .accordionjs .acc_section.acc_active>.acc_head {
    background: #089e60;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .irs-min,
.dark-mode .irs-max {
    background: #262a34;
}

.dark-mode body {
    background: #161921;
}

.dark-mode .pagination {
    color: #fff;
}

.dark-mode .ms-choice {
    background-color: #161921;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .ms-choice.disabled {
    background-color: #161921;
    color: #fff;
    border: 1px solid #252629;
}

.dark-mode .richText .richText-editor {
    background-color: #161921;
    border-left: #099d6b solid 2px;
}

.dark-mode .table td,
.dark-mode .table th {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
    color: #fff;
    background: #161921;
}

.dark-mode #lnb {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .dropdown-menu {
    box-shadow: 0px 5px 25px #030304;
}

.dark-mode .footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .calendar {
    background: #161921;
}

.dark-mode .cal1 {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .cal1 .clndr .clndr-table tr:last-child .day,
.dark-mode .cal1 .clndr .clndr-table tr:last-child .my-day {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .cal1 .clndr .clndr-table tr .day {
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .accor h5 a {
    border-bottom: 1px solid #43444c;
}

.dark-mode .accordionjs .acc_section {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .navtab-wizard.nav-tabs .nav-link {
    background: #2c303c;
    color: #fff;
}

.dark-mode .richText {
    border: #373740 solid 1px;
}

.dark-mode .richText .richText-toolbar {
    border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
}

.dark-mode .btn-white {
    background-color: #161921;
    color: #afafaf;
}

.dark-mode .lnb-calendars>div,
.dark-mode .lnb-new-schedule {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .modal-header {
    border-bottom: 1px solid #32333e;
}

.dark-mode .sweet-alert {
    background-color: #17191f;
    color: #fff;
}

.dark-mode .tab_wrapper.right_side .content_wrapper {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .tab_wrapper.right_side>ul li.active {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode .tab_wrapper>ul li {
    border-top: 3px solid rgba(255, 255, 255, 0.1);
}

@media print {

    .dark-mode pre,
    .dark-mode blockquote {
        border: 1px solid #adb5bd;
    }

    .dark-mode .badge {
        border: 1px solid #a5a6b3;
    }

    .dark-mode .table td,
    .dark-mode .text-wrap table td,
    .dark-mode .table th,
    .dark-mode .text-wrap table th {
        background-color: #fff !important;
    }

    .dark-mode .table-bordered th,
    .dark-mode .text-wrap table th,
    .dark-mode .table-bordered td,
    .dark-mode .text-wrap table td {
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
}

@media (min-width: 992px) {
    .dark-mode .ren-navbar .sub-item .sub-with-sub ul {
        background-color: #fff;
    }
}

@media (max-width: 480px) {
    .dark-mode .breadcrumb {
        color: #fff;
    }
}

@media (max-width: 768px) {
    .dark-mode .richText .richText-toolbar ul li a {
        border: #e4e6f9 solid 1px;
    }
}

@media (max-width: 568px) {
    .dark-mode #count-down p {
        color: #fff !important;
    }
}

@media (max-width: 767px) {
    .dark-mode #count-down p {
        color: #fff !important;
    }
}

@media (max-width: 1024px) {

    .dark-mode body.search-show:before,
    .dark-mode body.sidebar-show:before {
        background-color: #000;
    }
}

@media (max-width: 992px) {
    .dark-mode .ren-navbar .container {
        background: #fff;
    }

    .dark-mode .about-con {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
}

@media (max-width: 568px) {
    .dark-mode .responsive-navbar.navbar .navbar-collapse .icon.navsearch {
        border: 1px solid rgba(255, 255, 255, 0.1);
    }
}

.dark-ode .tab_wrapper.right_side>ul li:after {
    background: rgba(255, 255, 255, 0.1);
}

.dark-mode .tab_wrapper.left_side .content_wrapper {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .tab_wrapper.left_side>ul {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .tab_wrapper.left_side>ul li.active {
    border-color: rgba(255, 255, 255, 0.1);
}

.dark-mode *:before,
.dark-mode *:after:hover {
    color: #161921;
}

.dark-mode .avatar-list-stacked .avatar {
    box-shadow: 0 0 0 2px #000;
}

.dark-mode .text-primary {
    color: #089b51 !important;
}

.dark-mode .dropdown-divider {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .tui-full-calendar-weekday-container,
.dark-mode .tui-full-calendar-weekday-grid,
.dark-mode .tui-full-calendar-weekday-grid-line {
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .btn-white:not(:disabled):not(.disabled):active,
.dark-mode .btn-white:not(:disabled):not(.disabled).active {
    background-color: #e6e5e5;
    border-color: #dfdfdf;
}

.dark-mode .show>.btn-white.dropdown-toggle {
    background-color: #e6e5e5;
    border-color: #dfdfdf;
}

.dark-mode .page-header .page-title i {
    background: #000;
    color: #fff;
}

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

.dark-mode footer .dark-mode a {
    color: #089e60;
}

.dark-mode .plan-icon {
    box-shadow: 0 1px 15px rgba(4, 2, 2, 0.96), 0 1px 6px rgba(199, 199, 199, 0.2);
}

.dark-mode .chart-dropshadow {
    -webkit-filter: none;
    filter: none;
}

.dark-mode .tui-full-calendar-layout {
    border: 0px solid rgba(255, 255, 255, 0.05);
}

.dark-mode .tui-full-calendar-month-dayname {
    border-top: 1px solid #0a0a0a !important;
}

.dark-mode .tui-full-calendar-weekday-border {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .tui-full-calendar-weekday-grid-line .tui-full-calendar-weekday-grid-date {
    color: rgba(255, 255, 255, 0.6);
}

.dark-mode .tui-full-calendar-weekday-schedule.tui-full-calendar-weekday-schedule-time .tui-full-calendar-weekday-schedule-title {
    color: #bdbdbd !important;
}

.dark-mode .irs-line {
    background: #2e343c;
    border: 1px solid #2e343c;
}

.dark-mode .irs-slider {
    background: #2e343c;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 1px 1px 3px rgba(233, 240, 252, 0.03);
}

.dark-mode .mce-panel {
    border: 0 solid rgba(255, 255, 255, 0.1);
}

.dark-mode .mce-menubar {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .richText .richText-toolbar ul li a {
    border-right: rgba(255, 255, 255, 0.1) solid 1px;
}

.dark-mode .richText .richText-toolbar ul li a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.dark-mode .mce-btn-group:not(:first-child) {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .mce-menubtn button {
    color: #efffff;
}

.dark-mode .ct-grid {
    stroke: rgba(255, 255, 255, 0.1);
}

.dark-mode element.style {
    background: #161921;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode #global-loader {
    background: #161921;
}

.dark-mode .timeline-nav-button {
    background-color: #262a34;
}

.dark-mode .calendar tbody tr td.pad {
    background: #161921;
}

.dark-mode .cal1 .clndr .clndr-table .header-days .header-day {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .cal1 .clndr .clndr-table tr .day:last-child,
.dark-mode .cal1 .clndr .clndr-table .header-days .header-day:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .tui-full-calendar-popup-container {
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
    background-color: #0a0a0a;
    border: solid 1px rgba(255, 255, 255, 0.1);
}

.dark-mode .tui-full-calendar-popup {
    box-shadow: 0 2px 6px 0 #2a2a3e;
}

.dark-mode .tui-full-calendar-popup-section-item {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .tui-full-calendar-button {
    background: #0a0a0a;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .tui-full-calendar-popup-section-item .tui-full-calendar-content {
    background: #0a0a0a;
    color: #fff;
}

.dark-mode .tui-full-calendar-button.tui-full-calendar-popup-close {
    background-color: #0a0a0a;
}

.dark-mode .tui-full-calendar-dropdown-menu {
    background-color: #0a0a0a;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-fill {
    border-top: 7px solid #0a0a0a !important;
}

.dark-mode .tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-fill {
    border-bottom: 7px solid #0a0a0a !important;
}

.dark-mode .tui-full-calendar-arrow-left .tui-full-calendar-popup-arrow-fill {
    border-right: 7px solid #0a0a0a !important;
}

.dark-mode .tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-border {
    border-bottom: 8px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-mode .tui-full-calendar-dropdown:hover .tui-full-calendar-dropdown-button {
    border: 1px solid #44444a !important;
}

.dark-mode .tui-calendar {
    background-color: #0a0a0a;
}

.dark-mode .tui-calendar .tui-calendar-title-today {
    background-color: #0a0a0a;
    color: #fff;
}

.dark-mode .tui-calendar td {
    color: #e8d7d7;
}

.tui-calendar th {
    color: #e8d7d7;
}

.dark-mode.tui-calendar .tui-calendar-title {
    color: #fff;
}

.dark-mode .tui-calendar .tui-calendar-title {
    color: #fff;
}

.dark-mode .tui-timepicker {
    background: #0a0a0a;
}

.dark-mode .tui-timepicker-select {
    color: #fff;
}

.dark-mode .tui-datepicker {
    border-color: #44444a;
}

.dark-mode .tui-datepicker .tui-is-selectable:hover {
    background-color: #262a34 !important;
}

.dark-mode .tui-datepicker:hover {
    border-color: #44444a;
}

.dark-mode .tui-calendar .tui-calendar-header {
    border-bottom: 1px solid #44444a;
}

.dark-mode .tui-datepicker-footer .tui-timepicker {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .timeline--horizontal .timeline__item .timeline__content:after {
    border-top: 10px solid #262a34;
}

.dark-mode .timeline--horizontal .timeline__item .timeline__content:before {
    border-top: 12px solid rgba(255, 255, 255, 0.1);
    box-shadow: none;
}

.dark-mode .timeline--horizontal .timeline__item--bottom .timeline__content:after {
    border-bottom: 10px solid #262a34;
    border-top: transparent;
}

.dark-mode .timeline--horizontal .timeline__item--bottom .timeline__content:before {
    border-bottom: 12px solid rgba(255, 255, 255, 0.1);
    box-shadow: none !important;
    border-top: transparent;
}

.dark-mode .form-control {
    background-color: #161921;
}

.dark-mode .tab_wrapper.right_side>ul li.active:before,
.dark-mode .tab_wrapper.right_side>ul li:after {
    background: rgba(255, 255, 255, 0.1);
}

.dark-mode .tab_wrapper.left_side>ul li.active:before,
.dark-mode .tab_wrapper.left_side>ul li:after {
    background: rgba(255, 255, 255, 0.1);
}

.dark-mode .tab_wrapper.right_side>ul {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #e4e4e6;
}

.dark-mode .popover-body {
    color: #fff;
}

.dark-mode .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #e9edf7;
}

.dark-mode .ms-drop {
    background: #161921;
    color: #fff;
}

.dark-mode .ui-timepicker-wrapper {
    background: #262a34;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode.select2-results__option[aria-selected] {
    background: #000;
}

.dark-mode .dark-mode .ui-datepicker {
    background-color: #262a34;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .mce-ico,
.dark-mode .mce-menubar .mce-menubtn button {
    color: #eaebec;
}

.dark-mode .mce-menu-item .mce-ico {
    color: #7886a0 !important;
}

.mce-menu-item .mce-text {
    color: #7886a0 !important;
}

.dark-mode .ms-choice>span {
    color: #fff;
}

.dark-mode .ui-timepicker-list li {
    color: #fdefef;
}

.dark-mode .sp-replacer {
    background: #262a34;
}

.dark-mode .sp-replacer:hover {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.sp-replacer.sp-active {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-mode #tinymce.mce-content-body {
    color: #efffff;
}

.dark-mode .app-header.fixed-header {
    box-shadow: 0 12px 11px -3px rgba(80, 82, 90, 0.25);
}

.dark-mode .slide-item {
    color: #fefeff;
}

.dark-mode .second-sidemenu {
    border-right: 0;
    box-shadow: 0 8px 16px 0 rgba(61, 64, 76, 0.25);
    background: #161921;
    color: #e4e4e6 !important;
}

.dark-mode .side-menu .slide.submenu a {
    background: #161921 !important;
    color: #e4e4e6 !important;
}

.dark-mode .side-menu .slide.submenu a:hover {
    background: #040807 !important;
}

.dark-mode .resp-vtabs li.active {
    background: #000 !important;
}

.dark-mode .resp-vtabs li.resp-tab-item.resp-tab-active,
.dark-mode .resp-vtabs li.resp-tab-active {
    background-color: #000 !important;
}

.dark-mode .ps__thumb-y {
    background-color: #3f4e73;
}

.dark-mode .resp-vtabs li:hover {
    background: #000 !important;
}

.dark-mode .side-menu__icon {
    background: rgba(73, 87, 125, 0.3);
}

.dark-mode .mail-inbox .list-group-item-action:hover,
.dark-mode .mail-inbox .list-group-item-action:focus {
    color: #fff;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .mail-inbox.list-group-transparent .list-group-item.active {
    background-color: #262a34;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 0;
    border-right: 0;
}

.dark-mode .horizontalMenu>.horizontalMenu-list>li:first-child>a {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.dark-mode .horizontalMenu>.horizontalMenu-list>li>a {
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    color: #fff;
}

.dark-mode .horizontalMenu>.horizontalMenu-list>li>a.active {
    color: #fff;
}

.dark-mode .flot-text {
    color: #bbc1ca !important;
}

.dark-mode .nav1 .nav-item1 .nav-link:focus {
    color: #fdfdfd !important;
}

.dark-mode .mce-content-body p {
    color: #fff !important;
}

.dark-mode .mce-btn:hover,
.dark-mode .mce-btn:focus {
    color: #7886a0;
    background-color: #f3f3fb;
    border-color: rgba(239, 239, 255, 0.2) !important;
}

.dark-mode .btn-light:not(:disabled):not(.disabled):active {
    color: #fff;
    background: #495057;
}

.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
    color: #fff;
    background: #495057;
}

.dark-mode .btn-primary {
    border: 1px solid #089e60;
    background: #089e60;
    color: #fff;
}

.dark-mode .btn-danger:hover {
    color: #fff;
    background-color: #ff3a60;
    border-color: #e8284e;
}

.dark-mode .btn-info:hover {
    color: #fff;
    background-color: #186296;
    border-color: #117a8b;
}

.dark-mode .btn-secondary:hover {
    color: #fff;
    background-color: #388db1;
    border-color: #0e94cc;
}

.dark-mode .btn-primary:hover {
    color: #fff;
    background-color: #31a550;
    border: 1px solid #0ea064;
}

.dark-mode .bs-popover-bottom .popover-header::before {
    border-bottom: 1px solid #262a34;
}

.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom: 1px solid #262a34;
}

.dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
    color: #fff;
}

.dark-mode .mega-menubg {
    background: #161921;
    border: none;
}

.dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
    background-color: #161921;
}

.dark-mode .responsive-navbar.navbar .navbar-collapse {
    box-shadow: 0 12px 11px -3px rgba(0, 2, 14, 0.25);
}

.dark-mode .app.sidebar-mini.sidebar-gone.sidenav-toggled1 .responsive-navbar.navbar .navbar-collapse {
    padding: 5px;
    margin-top: 27px;
}

.dark-mode .tui-full-calendar-popup-section-item:hover {
    border-color: #44444a;
}

.dark-mode .tui-full-calendar-button:hover {
    border-color: #44444a;
    color: #333;
}

.dark-mode .tui-full-calendar-button:active {
    background: #000;
}

.dark-mode .tui-full-calendar-section-start-date:hover .tui-full-calendar-popup-section-item,
.dark-mode .tui-full-calendar-section-end-date:hover .tui-full-calendar-popup-section-item,
.dark-mode .tui-full-calendar-section-start-date:focus .tui-full-calendar-popup-section-item,
.dark-mode .tui-full-calendar-section-end-date:focus .tui-full-calendar-popup-section-item,
.dark-mode .tui-full-calendar-section-start-date:hover .tui-datepicker,
.dark-mode .tui-full-calendar-section-end-date:hover .tui-datepicker,
.dark-mode .tui-full-calendar-section-start-date:focus .tui-datepicker,
.dark-mode .tui-full-calendar-section-end-date:focus .tui-datepicker {
    border-color: #44444a;
}

.dark-mode .offer-primary .shape {
    border-color: transparent #089e60 transparent transparent;
}

.dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
    color: #089e60;
}

.dark-mode .sp-dd {
    color: #80838a;
}

.dark-mode .profile-card .widget-img {
    border: 1px solid #000;
}

.dark-mode .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.dark-mode .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.dark-mode .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #e4e4e6;
}

.dark-mode .tui-full-calendar-arrow-bottom .tui-full-calendar-popup-arrow-border {
    border-top: 8px solid #262a34;
}

.dark-mode .btn-blue:not(:disabled):not(.disabled):active:focus,
.dark-mode .btn-blue:not(:disabled):not(.disabled).active:focus {
    box-shadow: 0 0 0 2px #161921;
}

.dark-mode .show>.btn-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px #161921;
}

.dark-mode .btn-blue:focus,
.dark-mode .btn-blue.focus {
    box-shadow: 0 0 0 2px #161921;
}

.dark-mode .header-1 .horizontalMenu>.horizontalMenu-list>li>a:hover {
    background: #26332e;
}

.dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu {
    background: #161921;
}

.dark-mode .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
    background: none;
    color: #fff;
}

.dark-mode .apexcharts-tooltip {
    box-shadow: 1px 0px 2px 1px #3a3b40;
}

.dark-mode .apexcharts-tooltip.light {
    border: 1px solid #252434 !important;
    background: #3a3b40 !important;
}

.dark-mode .apexcharts-tooltip.light .apexcharts-tooltip-title {
    border: 1px solid #252434 !important;
    background: #3a3b40 !important;
}

.dark-mode hr {
    border-top: 1px solid #565a5f;
}

.dark-mode .expanel-body {
    border: 1px solid #090a0c;
}

.dark-mode .fc-unthemed td.fc-today {
    background: #3a3b40;
}

.dark-mode .table td,
.dark-mode .table th {
    border-top: 1px solid #44444a !important;
}

.dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {
    color: #fff;
}

.dark-mode .horizontalMenu>.horizontalMenu-list>li>a.active {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.dark-mode .ms-search input {
    background: #2c303c !important;
}

.dark-mode .fc-unthemed .fc-list-empty {
    background-color: #2c303c;
}

.dark-mode .sp-picker-container {
    border-left: solid 1px #161921;
}

.dark-mode .sp-container {
    background-color: #161921;
    border: solid 1px #161921;
}

.dark-mode .demo-icon.bg_dark {
    background: #fff;
}

.dark-mode .demo_changer i {
    color: #2c303b;
}

.dark-mode .header .dropdown-menu-left:before {
    border-color: transparent transparent #282c33 transparent;
}

.dark-mode .list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
}

.dark-mode .swichermainleft .text-dark {
    color: #2A1B4D !important;
}

.dark-mode .resp-vtabs li.active .side-menu__icon {
    background: rgba(73, 87, 125, 0.3);
    color: #fff !important;
}

.dark-mode .app-sidebar {
    background: #15181f;
}

.dark-mode .slide.is-expanded a {
    background: rgba(232, 231, 243, 0.03);
}

.dark-mode .app-sidebar .side-menu .slide-menu li a.active {
    background: #15171d !important;
}

.dark-mode .slide.is-expanded .slide-menu li a:hover {
    background: #1c1f26;
}

.dark-mode .first-sidemenu {
    background: #0e0f14;
}

@media only screen and (max-width: 991px) {
    .dark-mode .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu {
        background: #22252d;
    }

    .dark-mode .mega-menubg {
        color: rgba(255, 255, 255, 0.7);
        background: #22252d;
    }

    .dark-mode .horizontalMenu>.horizontalMenu-list {
        background: #040807;
    }

    .dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu {
        background-color: #2f3440;
    }

    .dark-mode .hor-menu .horizontalMenu>.horizontalMenu-list>li>a {
        color: #fff;
    }

    .dark-mode .horizontalMenu>.horizontalMenu-list>li>a {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .dark-mode .horizontalMenu>.horizontalMenu-list>li>.horizontalMenu-click>i {
        color: rgba(255, 255, 255, 0.3);
    }

    .dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a {
        color: rgba(255, 255, 255, 0.7);
        background: #22252d;
    }

    .dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
        background: #22252d;
    }

    .dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li .horizontalMenu-click02>i {
        color: rgba(255, 255, 255, 0.15);
    }

    .dark-mode .horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
        background-color: #22252d;
    }

    .dark-mode .horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a {
        color: rgba(255, 255, 255, 0.7);
    }
}

/*# sourceMappingURL=dark-style.css.map */