/*
    Author: Nelson Flores
    Author Portfolio : https://github.com/nelson-flores
    Email: nelson.flores@live.com

*/
.nf-neon.dark-theme h1,
.nf-neon.dark-theme .h1,
.nf-neon.dark-theme .h1,
.nf-neon.dark-theme h2,
.nf-neon.dark-theme .h2,
.nf-neon.dark-theme .h2,
.nf-neon.dark-theme h3,
.nf-neon.dark-theme .h3,
.nf-neon.dark-theme .h3,
.nf-neon.dark-theme h4,
.nf-neon.dark-theme .h4,
.nf-neon.dark-theme .h4,
.nf-neon.dark-theme h5,
.nf-neon.dark-theme .h5,
.nf-neon.dark-theme .h5,
.nf-neon.dark-theme h6,
.nf-neon.dark-theme .h6,
.nf-neon.dark-theme .h6 {
    color: #000;
}

.nf-neon.dark-theme {
    background: #fff;
    background-image: none !important;
    color: #f5f5f5;
}

.admin {}

.nf-neon.dark-theme .admin {
    background: #fff;
    background-image: none !important;
}

.dark-theme .card .text-muted {
    color: #d8e4ee !important;
}

.dark-theme .card .text-muted {
    color: #d8e4ee !important;
}

.dark-theme .text-muted,
.dark-theme .card.no-grad .text-muted,
.dark-theme .card.no-grad .table {
    color: #3d3e3f !important;
}


.nf-neon.dark-theme .sidebar h6,
.nf-neon.dark-theme .sidebar button,
.nf-neon.dark-theme .sidebar i,
.nf-neon.dark-theme .sidebar .h6,
.nf-neon.dark-theme table {
    color: #fff;
}

.nf-neon .modal .card-title,
.nf-neon .modal .card-title h6,
.nf-neon .modal .card-title h5,
.nf-neon .modal .card-title h4,
.nf-neon .modal .card-title h3,
.nf-neon .modal .card-title h2,
.nf-neon .modal .card,
.nf-neon .modal .card-body,
.nf-neon .modal .card-body h6,
.nf-neon .modal .card-body h5,
.nf-neon .modal .card-body h4,
.nf-neon .modal .card-body h3,
.nf-neon .modal .card-body h2 {
    color: #000;
}

.nf-neon.dark-theme .modal .card-title,
.nf-neon.dark-theme .modal .card-title h6,
.nf-neon.dark-theme .modal .card-title h5,
.nf-neon.dark-theme .modal .card-title h4,
.nf-neon.dark-theme .modal .card-title h3,
.nf-neon.dark-theme .modal .card-title h2,
.nf-neon.dark-theme .modal .card,
.nf-neon.dark-theme .modal .card-body,
.nf-neon.dark-theme .modal .card-body h6,
.nf-neon.dark-theme .modal .card-body h5,
.nf-neon.dark-theme .modal .card-body h4,
.nf-neon.dark-theme .modal .card-body h3,
.nf-neon.dark-theme .modal .card-body h2 {
    color: #fff;
}


@media only screen and (min-width: 767px) {
    .menu {
        margin-top: 30px;
        padding: 20px 0px 20px 20px;
        position: relative;
    }
}

.nf-neon.dark-theme .menu ul li a span {
    color: #ffffff;
}

.menu ul li .active {
    border-radius: 25px 0px 0px 25px;
}

.nf-neon.dark-theme .sidebar {
    background: linear-gradient(78deg, #020107, #0d2a54);
}

.sidebar .nf_profile {
    border: 2px solid #245ca2;
    border-radius: 100% !important;
}

.header .nf_profile {
    border: 2px solid #245ca2;
    border-radius: 100% !important;
}

.nf-neon.dark-theme .btn-primary {
    background: linear-gradient(78deg, #020107, #0d2a54);
    border-radius: 30px;

}

.nf-neon.dark-theme .no-grad {
    background-image: none !important;

}

.nf-neon.dark-theme .card .card-body,
.nf-neon.dark-theme .card .card-footer {
    background: transparent;
}

.nf-neon.dark-theme .card {
    background: linear-gradient(78deg, #020107, #0d2a54);
}

.dark-theme .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057 !important;
}

.nf-neon.dark-theme .card.no-grad * {
    color: #3d3e3f;
}

.dark-theme .stat-widget,
.dark-theme .stat-widget h3,
.dark-theme .stat-widget p {
    color: #fff !important;
}

.no-grad .btn-dark * {
    color: #fff !important;
}

.nf-neon.dark-theme .header {
    background: linear-gradient(78deg, #020107, #0d2a54);
}

.header {
    border-radius: 50px;
}

.card {
    border-radius: 30px;
    margin-bottom: 20px;
}

.card .card-body {
    border-radius: 30px;
}

.nf-neon.dark-theme .menu ul li .active {
    background-color: #fff;
}

.nf-neon.dark-theme .menu ul li .active span,
.nf-neon.dark-theme .menu ul li .active .fa,
.nf-neon.dark-theme .menu ul li .active .far,
.nf-neon.dark-theme .menu ul li .active i {
    color: #0d2a54 !important;
}

.nf-neon.dark-theme .admin .shadow {}

.rounded-30 {
    border-radius: 30px !important;
}

.light-theme,
.light-theme h1,
.light-theme .h1,
.light-theme h2,
.light-theme .h2,
.light-theme h3,
.light-theme .h3,
.light-theme h4,
.light-theme .h4,
.light-theme h5,
.light-theme .h5,
.light-theme label,
.light-theme span,
.light-theme h6,
.light-theme .h6 {
    color: var(--bs-body-color);
}

.light-theme .form-control,
.light-theme .form-select {
    background: transparent !important;
    border-color: #2c4056 !important;
    color: #2c4056 !important;
}

.page-link {
    color: #008AFF !important;
}

.nf-neon.dark-theme .card *,
.dark-theme .dropdown-menu h5 {
    color: #fff;
}

.balance {
    display: inline-flex;
}

@media only screen and (max-width: 480px) {
    .balance {

        overflow: hidden;
    }

    .balance input {
        padding: 0px 0px 0 22px !important;
        font-size: 10pt !important;
        /*width: 85px !important;*/
    }

    .balance button {}

    .theme-switch {
        display: none;
    }
}

.balance input {
    padding: 5px 5px 5px 25px;
    height: 35px;
    position: relative;
    top: 5px;
    z-index: 1;
    background: #fff !important;
    color: #000 !important;
    font-weight: bold;
    max-width: 200px;
    left: -21px;
    margin-right: -28px;
}

.balance button {
    text-align: center;
    color: #fff;
    font-weight: 600;
    padding: 3px 10px;
    height: 35px;
    position: relative;
    top: 5px;
    z-index: 1;
    background: linear-gradient(45deg, var(--bs-teal), var(--bs-green)) !important;
}

.balance img {
    height: 44px;
    position: relative;
    z-index: 3;
}



.nf-neon.dark-theme .modal .card {
    background-image: none;
}


.nf-neon.dark-theme .no-grad h1,
.nf-neon.dark-theme .no-grad .h1,
.nf-neon.dark-theme .no-grad .h1,
.nf-neon.dark-theme .no-grad h2,
.nf-neon.dark-theme .no-grad .h2,
.nf-neon.dark-theme .no-grad .h2,
.nf-neon.dark-theme .no-grad h3,
.nf-neon.dark-theme .no-grad .h3,
.nf-neon.dark-theme .no-grad .h3,
.nf-neon.dark-theme .no-grad h4,
.nf-neon.dark-theme .no-grad .h4,
.nf-neon.dark-theme .no-grad .h4,
.nf-neon.dark-theme .no-grad h5,
.nf-neon.dark-theme .no-grad .h5,
.nf-neon.dark-theme .no-grad .h5,
.nf-neon.dark-theme .no-grad h6,
.nf-neon.dark-theme .no-grad .h6,
.nf-neon.dark-theme .no-grad .h6,
.nf-neon.dark-theme .no-grad {
    color: #152c5b;
}

.nf-neon.dark-theme .no-grad .form-control,
.nf-neon.dark-theme .no-grad .form-select {
    border: 1px solid #eaecf3;
    color: #0E0B2B;
    background: #fff;
}

.nf-neon.dark-theme .select2-results__option {
    color: #152c5b !important;
}