/*
|| -----------------------------------------------------
|| CUSTOM GLOBAL STYLES
|| -----------------------------------------------------
|| Plus Jakarta Sans Font & Primary Color #0056d2
|| -----------------------------------------------------
*/

/* Import Google Fonts - Plus Jakarta Sans */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/* ==========================================
   GLOBAL FONT APPLICATION
   ========================================== */

/* Apply Plus Jakarta Sans to all elements EXCEPT icon fonts */
body, html, 
h1, h2, h3, h4, h5, h6,
p, span:not([class*="fa"]):not([class*="glyphicon"]):not([class*="icon"]), 
div:not([class*="fa"]):not([class*="glyphicon"]):not([class*="icon"]), 
a:not([class*="fa"]):not([class*="glyphicon"]):not([class*="icon"]), 
button, input, textarea, select, label,
.btn, .form-control, .panel, .modal,
table, th, td, li, ul, ol {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Ensure icon fonts are NOT overridden */
.fa, .fas, .far, .fal, .fab,
[class^="fa-"], [class*=" fa-"],
.glyphicon, [class^="glyphicon-"],
.icon, [class^="icon-"], [class*=" icon-"],
[class^="ini-icon-"], [class*=" ini-icon-"],
[class^="icomoon-"], [class*=" icomoon-"],
i[class*="fa"], i[class*="glyphicon"], i[class*="icon"],
i[class*="ini-icon"], i[class*="icomoon"] {
    font-family: inherit !important;
}

/* Specifically restore Font Awesome */
.fa, .fas, .far, .fal, .fab,
i.fa, i.fas, i.far, i.fal, i.fab,
span.fa, span.fas, span.far, span.fal, span.fab,
[class^="fa-"], [class*=" fa-"] {
    font-family: 'FontAwesome' !important;
}

/* Restore icon fonts */
.glyphicon, [class^="glyphicon-"], [class*=" glyphicon-"] {
    font-family: 'Glyphicons Halflings' !important;
}

/* Restore icomoon icons */
[class^="icomoon-"], [class*=" icomoon-"],
[class^="icon-"], [class*=" icon-"],
i[class^="icon-"], i[class*=" icon-"] {
    font-family: 'icomoon' !important;
}

/* Restore ini-icon icons */
[class^="ini-icon-"], [class*=" ini-icon-"],
[class^="iniicon-"], [class*=" iniicon-"] {
    font-family: 'iniicon' !important;
}

/* ==========================================
   PRIMARY COLOR #0056d2 APPLICATION
   ========================================== */

/* Background Colors */
.bg-primary,
.btn-primary,
.navbar-inverse,
.skin-blue .main-header .navbar,
.skin-blue .main-header .logo,
.panel-primary > .panel-heading,
.badge-primary,
.alert-primary {
    background-color: #0056d2 !important;
    border-color: #0056d2 !important;
}

/* Text Colors */
.text-primary,
a:hover,
.primary-color {
    color: #0056d2 !important;
}

/* Links */
a {
    color: #0056d2;
}

a:hover, a:focus {
    color: #003d96;
}

/* Buttons */
.btn-primary {
    background-color: #0056d2 !important;
    border-color: #0056d2 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #003d96 !important;
    border-color: #003d96 !important;
}

/* Sidebar & Navigation */
.skin-blue .main-sidebar,
.skin-blue .sidebar-menu > li.active > a,
.skin-blue .sidebar-menu > li:hover > a {
    background-color: #0056d2 !important;
}

.sidebar-menu > li.active > a {
    border-left-color: #0056d2 !important;
}

/* Panels & Cards */
.panel-primary {
    border-color: #0056d2 !important;
}

.panel-primary > .panel-heading {
    background-color: #0056d2 !important;
    border-color: #0056d2 !important;
}

/* Forms & Inputs */
.form-control:focus {
    border-color: #0056d2 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 86, 210, 0.25) !important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: #0056d2 !important;
    border-color: #0056d2 !important;
}

/* Progress Bars */
.progress-bar,
.progress-bar-primary {
    background-color: #0056d2 !important;
}

/* Badges & Labels */
.badge-primary,
.label-primary {
    background-color: #0056d2 !important;
}

/* Tables */
.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: rgba(0, 86, 210, 0.1) !important;
}

/* Pagination */
.pagination > .active > a,
.pagination > .active > span {
    background-color: #0056d2 !important;
    border-color: #0056d2 !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
    color: #0056d2 !important;
}

/* Tabs */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-top-color: #0056d2 !important;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #0056d2 !important;
}

/* Dropdowns */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #0056d2 !important;
    color: #fff !important;
}

/* Borders */
.border-primary {
    border-color: #0056d2 !important;
}

/* Icons */
.text-primary i,
.fa-primary {
    color: #0056d2 !important;
}

/* Calendar & Date Picker */
.fc-event,
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.selected {
    background-color: #0056d2 !important;
}

/* Select2 */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0056d2 !important;
}

/* DataTables */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: #0056d2 !important;
    border-color: #0056d2 !important;
}

/* Modals */
.modal-primary .modal-header {
    background-color: #0056d2 !important;
}

/* Alerts */
.alert-primary {
    background-color: rgba(0, 86, 210, 0.1) !important;
    border-color: #0056d2 !important;
    color: #003d96 !important;
}

/* Loader/Spinner */
.pace .pace-progress {
    background-color: #0056d2 !important;
}

/* Custom Scrollbar */
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #0056d2 !important;
}

/* Toastr Notifications */
.toast-success {
    background-color: #0056d2 !important;
}

/* Main Header Logo */
.main-header .logo {
    background-color: #0056d2 !important;
}

.main-header .logo:hover {
    background-color: #003d96 !important;
}

/* Sidebar Menu */
.skin-blue .sidebar-menu > li.header {
    color: #ffffff;
    background: #003d96 !important;
}

.skin-blue .sidebar-menu > li > a:hover {
    background-color: #003d96 !important;
}

/* Form Wizard */
.wizard .nav-tabs > li.active > a {
    background-color: #0056d2 !important;
    border-color: #0056d2 !important;
}

/* Login & Install Pages */
.btn-success {
    background-color: #0056d2 !important;
    border-color: #0056d2 !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #003d96 !important;
    border-color: #003d96 !important;
}

/* Additional Theme Overrides */
.text-aqua,
.bg-aqua,
.callout.callout-info {
    color: #0056d2 !important;
    background-color: #0056d2 !important;
}

/* Make sure white text stays white on primary background */
.btn-primary,
.bg-primary,
.navbar-inverse,
.panel-primary > .panel-heading,
.alert-primary,
.badge-primary {
    color: #ffffff !important;
}

/* ==========================================
   SIGN-IN BUTTON - Frontend Login
   ========================================== */

/* Override the btn-inline class used on sign-in page */
.btn.btn-inline {
    color: #ffffff !important;
    background-color: #0056d2 !important;
    border-color: #0056d2 !important;
}

.btn.btn-inline:hover,
.btn.btn-inline:focus,
.btn.btn-inline:active {
    color: #ffffff !important;
    background-color: #003d96 !important;
    border-color: #003d96 !important;
}