/* =================================================
   THEME VARIABLES
================================================= */

:root {
    --theme-primary: #5E46F5;
    --theme-primary-hover: #4b36d6;
    --theme-primary-light: #5E46F51A;
    --theme-primary-light-40: #5E46F566;
    --theme-text-on-primary: #ffffff;
    --theme-border: #5E46F5;
    --theme-focus-shadow: rgba(94,70,245,.35);
    --theme-dark: #1b2742;
    --theme-secondary: #7c8494;
    --text-default: #213357;
    --theme-success: #2C9B46;
    --theme-success-hover: #23823a;
    --theme-success-light: rgba(44,155,70,0.15);
    --theme-danger: #F94687;
    --theme-danger-hover: #e33674;
    --theme-danger-light: rgba(249,70,135,0.15);
    --theme-focus-shadow-danger: rgba(249,70,135,.35);
}


body {
    color: var(--text-default) !important;
}
    /* =================================================
   LINKS
================================================= */

    a {
    color: var(--theme-primary);
}

    a:hover {
        color: var(--theme-primary-hover);
    }

/* =================================================
   BUTTONS
================================================= */

.btn-primary {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
}

    .btn-primary:hover {
        background: var(--theme-primary-hover);
        border-color: var(--theme-primary-hover);
    }

    .btn-primary:focus,
    .btn-primary.focus {
        box-shadow: 0 0 0 .2rem var(--theme-focus-shadow);
    }

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary.active {
        background: var(--theme-primary-hover);
        border-color: var(--theme-primary-hover);
    }

/* SECONDARY */

.btn-secondary {
    background: var(--theme-primary-light);
    border-color: var(--theme-border);
    color: var(--theme-primary);
}

    .btn-secondary:hover {
        background: var(--theme-primary-light);
        color: var(--theme-primary);
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
        border-color: var(--theme-border);
        background: var(--theme-primary-light);
        color: var(--theme-primary);
    }

/* OUTLINE */
.btn-outline-primary {
    color: var(--theme-primary);
    border-color: var(--theme-primary);
}

    .btn-outline-primary:hover {
        background: var(--theme-primary);
        color: var(--theme-text-on-primary);
    }

/* =================================================
   CARDS
================================================= */

.card-primary:not(.card-outline) > .card-header {
    background: var(--theme-primary);
    color: var(--theme-text-on-primary);
}

.card-primary.card-outline {
    border-top: 3px solid var(--theme-primary);
}

.card-secondary:not(.card-outline) > .card-header {
    background: var(--theme-primary-light);
    color: var(--theme-primary);
}

/* =================================================
   NAVBAR
================================================= */

.navbar-primary {
    background: var(--theme-primary);
}

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--theme-primary);
}

/* =================================================
   SIDEBAR
================================================= */

.nav-sidebar .nav-item > .nav-link.active {
    background: var(--theme-primary-light-40) !important;
    color: var(--theme-text-on-primary) !important;
}

.nav-sidebar .nav-item > .nav-link:hover {
    color: var(--theme-primary);
}

/* TREEVIEW */

.nav-sidebar .menu-open > .nav-link {
    color: var(--theme-primary);
}


[class*=sidebar-dark-] {
    background-color: var(--theme-dark);
    /* Glow */
    background: radial-gradient( circle at 95% 100%, rgba(16,225,222,.28) 0%, rgba(60,63,193,.22) 22%, rgba(152,42,176,.18) 38%, transparent 55% ), linear-gradient( 180deg, var(--theme-dark) 0%, var(--theme-dark) 70%, #1a2540 100% );
}

/* =================================================
   BADGES
================================================= */
.badge-primary {
    background: var(--theme-primary);
}
.badge-secondary {
    background: var(--theme-secondary);
}
/* =================================================
   ALERTS
================================================= */
.alert-primary {
    background: var(--theme-primary-light);
    border-color: var(--theme-border);
    color: var(--theme-primary);
}

/* =================================================
   PAGINATION
================================================= */

.page-item.active .page-link {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
}

.page-link {
    color: var(--theme-primary);
}

/* =================================================
   TABLES
================================================= */

.table-primary {
    background: var(--theme-primary-light);
}

.table-hover tbody tr:hover {
    background: var(--theme-primary-light);
}

/* =================================================
   FORMS
================================================= */

.form-control:focus {
    border-color: var(--theme-primary);
    box-shadow: 0 0 0 .2rem var(--theme-focus-shadow);
}

.custom-control-input:checked ~ .custom-control-label::before {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
}

/* =================================================
   CHECKBOX / RADIO (ICHECK)
================================================= */

.icheck-primary > input:first-child:checked + label::before {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
}

/* =================================================
   DROPDOWNS
================================================= */

.dropdown-item.active,
.dropdown-item:active {
    background: var(--theme-primary);
}

.dropdown-item:hover {
    color: var(--theme-primary);
}

/* =================================================
   PROGRESS BARS
================================================= */

.progress-bar {
    background: var(--theme-primary);
}

/* =================================================
   BACKGROUND HELPERS
================================================= */

.bg-primary {
    background: var(--theme-primary) !important;
}

.bg-secondary {
    background: var(--theme-primary-light) !important;
}

.text-primary {
    color: var(--theme-primary) !important;
}

.text-default {
    color: var(--text-default) !important;
}
/* =================================================
   SMALL BOXES (AdminLTE)
================================================= */
.small-box.bg-primary {
    background: var(--theme-primary) !important;
}

/* =================================================
   INFO BOX
================================================= */

.info-box-icon.bg-primary {
    background: var(--theme-primary) !important;
}

/* =================================================
   SELECT2
================================================= */

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--theme-primary);
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--theme-primary);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
    color: var(--theme-text-on-primary);
}

/* =================================================
   DATE RANGE PICKER
================================================= */

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
}

.daterangepicker .ranges li.active {
    background: var(--theme-primary);
}

.daterangepicker .drp-buttons .btn-primary {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
}

/* =================================================
   TABS
================================================= */

.nav-tabs .nav-link.active {
    color: var(--theme-primary);
    border-color: var(--theme-primary) var(--theme-primary) transparent;
}

/* =================================================
   SPINNERS
================================================= */

.spinner-border {
    color: var(--theme-primary);
}

/* =================================================
   MODAL
================================================= */

.modal-primary .modal-header {
    background: var(--theme-primary);
    color: var(--theme-text-on-primary);
}


/* BUTTON */

.btn-success {
    background: var(--theme-success);
    border-color: var(--theme-success);
}

    .btn-success:hover {
        background: var(--theme-success-hover);
        border-color: var(--theme-success-hover);
    }

    .btn-success:focus {
        box-shadow: 0 0 0 .2rem rgba(44,155,70,.35);
    }

    .btn-success:not(:disabled):not(.disabled):active {
        background: var(--theme-success-hover);
        border-color: var(--theme-success-hover);
    }

/* ALERT */

.alert-success {
    background: var(--theme-success-light);
    border-color: var(--theme-success);
    color: var(--theme-success);
}

/* BADGE */

.badge-success {
    background: var(--theme-success);
}

/* BACKGROUND */

.bg-success {
    background: var(--theme-success) !important;
}

/* TEXT */

.text-success {
    color: var(--theme-success) !important;
}

/* CARD */

.card-success:not(.card-outline) > .card-header {
    background: var(--theme-success);
    color: #fff;
}

.card-success.card-outline {
    border-top: 3px solid var(--theme-success);
}

/* BUTTON */

.btn-danger {
    background: var(--theme-danger);
    border-color: var(--theme-danger);
}

    .btn-danger:hover {
        background: var(--theme-danger-hover);
        border-color: var(--theme-danger-hover);
    }

    .btn-danger:focus {
        box-shadow: 0 0 0 .2rem rgba(249,70,135,.35);
    }

    .btn-danger:not(:disabled):not(.disabled):active {
        background: var(--theme-danger-hover);
        border-color: var(--theme-danger-hover);
    }


/* OUTLINE DANGER BUTTON */

.btn-outline-danger {
    color: var(--theme-danger);
    border-color: var(--theme-danger);
    background: transparent;
}

    .btn-outline-danger:hover {
        color: #fff;
        background: var(--theme-danger);
        border-color: var(--theme-danger);
    }

    .btn-outline-danger:focus,
    .btn-outline-danger.focus {
        box-shadow: 0 0 0 .2rem var(--theme-focus-shadow-danger);
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active,
    .btn-outline-danger:not(:disabled):not(.disabled).active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background: var(--theme-danger-hover);
        border-color: var(--theme-danger-hover);
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus {
            box-shadow: 0 0 0 .2rem var(--theme-focus-shadow-danger);
        }
/* ALERT */

.alert-danger {
    background: var(--theme-danger-light);
    border-color: var(--theme-danger);
    color: var(--theme-danger);
}

/* BADGE */

.badge-danger {
    background: var(--theme-danger);
}

/* BACKGROUND */

.bg-danger {
    background: var(--theme-danger) !important;
}

/* TEXT */

.text-danger {
    color: var(--theme-danger) !important;
}

/* CARD */

.card-danger:not(.card-outline) > .card-header {
    background: var(--theme-danger);
    color: #fff;
}

.card-danger.card-outline {
    border-top: 3px solid var(--theme-danger);
}

.progress-bar.bg-success {
    background: var(--theme-success) !important;
}

.progress-bar.bg-danger {
    background: var(--theme-danger) !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    background: var(--theme-primary-light-40) !important;
    border-color: var(--theme-primary-light) !important;
}