.dark-mode {
background: linear-gradient(to top, #0E0B14, #140C2C)!important;
}
.wrapper .main-panel .content-wrapper {
   background: linear-gradient(to top, #0E0B14, #140C2C)!important;
   color: white;
}
/* .wallet-card{
    background: linear-gradient(to top, #7716ED, #B7114E)!important;
   color: white;
} */
 .dark-mode .navbar-white {
   background: linear-gradient(to top, #2A1A48, #2A1C42)!important;
 }
.wallet-card{
    background-color: #2B1647;
   color: white;
   border-radius: 6px;
}
.wallet-card:hover{
    background-color: #4a178a;
   color: white;
   /* background-image: linear-gradient(to right, transparent, transparent); */
}
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active{
    background: linear-gradient(to right, #7716ED, #B7114E)!important;
   color: white;
}

.sidebar-dark-primary{
    background: linear-gradient(to top, #2A1A48, #2A1C42)!important;
   color: white;
}


.dark-mode .card{
   background: linear-gradient(to top, #2A1A48, #2A1C42)!important;
    color: white;
}
.dark-mode .content-wrapper {
 background: linear-gradient(to top, #2A1A48, #2A1C42)!important;
    color: white;
}
.dark-mode .card-primary.card-outline {
    border-top: 3px solid linear-gradient(to top, #2A1A48, #2A1C42)!important;
}
.card-primary.card-outline {
    border-top: 3px solid linear-gradient(to top, #2A1A48, #2A1C42)!important;
}
.dark-mode .list-group-item {
    background-color: #2A1C42;
    border-color: #2A1A48;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background: linear-gradient(to right, #7716ED, #B7114E)!important;
}
.dark-mode .btn-success {
    color: #fff;
    background: linear-gradient(to right, #7716ED, #B7114E)!important;
    border-color: #B7114E;
    box-shadow: none;
}

.dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active, .dark-mode .card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover, .dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active, .dark-mode .card.bg-success .bootstrap-datetimepicker-widget table td.active:hover {
     background: linear-gradient(to right, #7716ED, #B7114E)!important;
    color: #fff;
}
.dark-mode td.day:hover {
     background: linear-gradient(to right, #7716ED, #B7114E)!important;
    color: #fff;
}
.dark-mode th.prev:hover, th.next:hover, th.picker-switch:hover {
     background: linear-gradient(to right, #7716ED, #B7114E)!important;
    color: #fff;
}
.dark-mode .alert-success
 {
    color: #fff;
    background-color: #7716ED;
    border-color: #2A1A48;
}
.progress-bar {
    background: linear-gradient(to right, #7716ED, #B7114E)!important;
}
.dark-mode .card-primary:not(.card-outline)>.card-header {
    background-color: #2E2348;
}
.dark-mode .card-primary.card-outline {
    border-top: 3px solid #7716ED;
}
.dark-mode .btn-primary {
    color: #fff;
    background: linear-gradient(to right, #7716ED, #B7114E)!important;
    box-shadow: none;
}
.dark-mode .bg-gradient-info {
    background: #7716ED linear-gradient(180deg, #B7114E, #7716ED) repeat-x !important;
    color: #fff;
}
.dark-mode .bg-gradient-info.btn.active, .dark-mode .bg-gradient-info.btn:active, .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled).active, .dark-mode .bg-gradient-info.btn:not(:disabled):not(.disabled):active{
   background: #7716ED linear-gradient(180deg, #B7114E, #7716ED) repeat-x !important;
    color: #fff;
}
.dark-mode .bg-gradient-info.btn:hover {
    background: #7716ED linear-gradient(180deg, #7716ED, #B7114E) repeat-x !important;
    border-color: #2A1A48;
    color: #ececec;
}
.main-header {
    border-bottom: 0px!important;
}
.fa-user{
 color:#fff;
}
.navbar-light .navbar-nav .nav-link {
    color: #fff;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}
.navbar-light .navbar-nav .nav-link:focus{
     color: #fff;  
}
.dark-mode .custom-control-label::before, .dark-mode .custom-file-label, .dark-mode .custom-file-label::after, .dark-mode .custom-select, .dark-mode .form-control:not(.form-control-navbar):not(.form-control-sidebar), .dark-mode .input-group-text {
    background-color: #fff;
    color: black;
}
.dark-mode .dropdown-menu {
    background-color: #2A1A48;
    color: #fff;
}
.dark-mode .preloader {
  background-color: #2A1A48 !important;
  color: #fff;
}
a {
    color: #BE57FF;
    text-decoration: none;
}
a:hover {
    color: #B7114E;
    text-decoration: none;
}
.btn-primary {
    color: #fff;
    background: linear-gradient(to right, #7716ED, #B7114E)!important;
    border: linear-gradient(to right, #7716ED, #B7114E)!important;
    box-shadow: none;
}
.login-page, .register-page {
        position: relative;
    }

    .login-box, .register-box {
        background-color: #2E2348;
        border-radius: 10px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    }

    .login-card-body,
    .register-card-body {
        background-color: #2A1A48;
    }

    .login-box .card,
    .login-page,
    .register-page {
        background-color: #0E0B14;
    }
    .dark-mode .modal-footer, .dark-mode .modal-header {
    border-color: #2E2348;
}
.dark-mode .modal-content {
    background-color: #2E2348;
}
.dark-mode .btn-outline-primary{
   background: linear-gradient(to right, #7716ED, #B7114E)!important;
}
.card-header {
background-color: #2E2348;
}