/**
 * Bimalink Brand Color Overrides
 * Primary: #2660A4 | Secondary: #F58A07
 *
 * Overrides Duralux theme.min.css hardcoded color values.
 * This file must be loaded after theme.min.css.
 */

/* CSS Custom Properties */
:root {
    --bs-primary: #2660a4;
    --bs-primary-rgb: 38, 96, 164;
    --bs-secondary: #f58a07;
    --bs-secondary-rgb: 245, 138, 7;
    --bs-link-color: #2660a4;
    --bs-link-color-rgb: 38, 96, 164;
    --bs-link-hover-color: #f58a07;
    --bs-link-hover-color-rgb: 245, 138, 7;
    --bs-btn-bg: #2660a4;
    --bs-btn-border-color: #2660a4;
}

/* Base links */
a:hover {
    color: #f58a07;
}

a:before {
    color: #2660a4;
}

/* Bootstrap utilities */
.text-primary {
    color: #2660a4 !important;
}

.bg-primary {
    background-color: #2660a4 !important;
}

.bg-blue {
    background-color: #2660a4 !important;
}

.border-primary {
    border-color: #2660a4 !important;
}

/* Navigation header */
.nxl-header .header-wrapper .nxl-head-link:hover {
    color: #f58a07;
}

.nxl-header .header-wrapper .nxl-head-link:hover .hamburger .hamburger-inner {
    background-color: #f58a07;
}

.hamburger-inner::before {
    background-color: #f58a07;
}

html.app-header-dark .nxl-header .header-wrapper .nxl-head-link:hover {
    color: #f58a07;
}

img.logo.logo-lg {
    width: 60%;
}

/* Nav links */
.nav-link.active {
    color: #2660a4;
    border-bottom: 1px solid #2660a4;
    border-left: 1px solid #2660a4;
}

.nav-link:hover {
    color: #f58a07;
    border-left: 3px solid #f58a07 !important;
}

/* Breadcrumb */
.page-header .breadcrumb .breadcrumb-item a:hover {
    color: #f58a07;
}

/* Chatting */
.chatting-setting .chatting-setting-tabs a.nav-link:hover {
    color: #f58a07;
}

/* Language modal */
#languageSelectModal .language_select.active a:before {
    color: #2660a4;
}

/* Badges */
.badge.bg-light-primary {
    color: #2660a4;
    background: rgba(38, 96, 164, 0.15) !important;
    border-color: rgba(38, 96, 164, 0.15) !important;
}

/* Light primary buttons */
.btn-light-primary {
    color: #2660a4;
    background: rgba(38, 96, 164, 0.15);
    border-color: rgba(38, 96, 164, 0.15);
}

.btn-light-primary:hover,
.btn-light-primary:focus,
.show > .btn-light-primary.dropdown-toggle,
.btn-check:checked + .btn-light-primary {
    background: #f58a07;
    border-color: #f58a07;
    color: #fff;
}

/* Soft primary button */
.btn.bg-soft-primary:hover {
    border-color: #f58a07 !important;
    background-color: #f58a07 !important;
}

/* Form focus */
input:focus {
    border-color: #2660a4 !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #2660a4;
    background-color: #2660a4;
}

.form-switch .form-check-input:checked {
    border-color: #2660a4;
    background-color: #2660a4;
}

/* Nav tabs */
.nav-tabs-wrapper .nav-tabs-custom-style .nav-item .nav-link.hover {
    color: #f58a07;
    border-bottom: 3px solid #f58a07;
}

.customers-nav-tabs .nav-item .nav-link.active {
    color: #2660a4;
    border-bottom: 3px solid #2660a4;
}

.invoice-overview-tab-item .nav-item .nav-link:hover {
    color: #f58a07;
}

/* Pagination */
.table-responsive .dataTables_paginate .page-link.active {
    background-color: #2660a4;
}

/* Table action dropdowns */
.table-responsive:has(.dropdown-menu.show) {
    overflow: visible;
}

.table-responsive .dropdown-menu {
    z-index: 1060;
}

ul.pagination-common-style li a:hover {
    background-color: #f58a07;
}

/* Card input */
.card-input-element + .card {
    color: #2660a4;
}

/* Progress circles */
.tasks-progress-chart .circle-progress-value,
.team-progress-2 .circle-progress-value,
.goal-progress .circle-progress-value,
.progress-1 .circle-progress-value,
.goal-prigress .circle-progress-value,
.sales-progress-1 .circle-progress-value,
.lead-progress-1 .circle-progress-value,
.circle-progress-value {
    stroke: #2660a4;
}

/* Checklist */
ul#checklist li.checked:before {
    border-color: #2660a4;
}

/* Sidebar point & stick */
.point {
    color: #2660a4;
}

.side-stick {
    background-color: #2660a4;
}

/* Calendar */
.calendar header .simple-calendar-btn:hover {
    color: #f58a07;
}

.calendar .day:hover {
    border: 2px solid #f58a07;
}

.calendar .day.today {
    background: #2660a4;
}

.calendar .day.has-event {
    color: #2660a4;
}

.calendar .day.has-event:after {
    background: #2660a4;
}

.calendar .event-container .event {
    background: #2660a4;
}

/* Calendar data attribute */
[data-calendar-id='1'] {
    color: #2660a4;
}

/* Page loading bar */
.pace .pace-progress {
    background: #2660a4;
}

/* Select2 */
.select2-results__option.select2-results__option--selected {
    color: #2660a4;
}

/* Theme customizer */
.theme-customizer .customizer-handle .cutomizer-open-trigger {
    border: 1px solid #2660a4;
}

/* Option selects */
.options-label:before,
.single-option.active:before {
    color: #2660a4;
}

/* Accordion */
.accordion-button:not(.collapsed) {
    color: #2660a4;
}

/* Calendar data */
.tui-full-calendar-popup-edit {
    background-color: #2660a4 !important;
}

/* Dark mode overrides */
html.app-skin-dark .dropdown-item:hover {
    color: #f58a07 !important;
}

html.app-skin-dark textarea:hover {
    border-color: #f58a07 !important;
}

html.app-skin-dark .bg-primary {
    background-color: #2660a4 !important;
}

html.app-skin-dark .text-primary {
    color: #2660a4 !important;
}

html.app-skin-dark .border-primary {
    border-color: #2660a4 !important;
}

html.app-skin-dark .dropdown .dropdown-menu .dropdown-item:hover i.bg-gray-500 {
    background-color: #2660a4 !important;
}

html.app-skin-dark .nav-item .nav-link:hover {
    color: #f58a07;
}

html.app-skin-dark .nav-tabs-custom-style .nav-item .nav-link.hover {
    color: #f58a07 !important;
    border-bottom-color: #f58a07 !important;
}