/* ClaimItRight brand theme */
:root,
[data-bs-theme=light] {
    --bs-primary: #3A9AD9;
    --bs-primary-rgb: 58, 154, 217;
    --bs-secondary: #A6A6A6;
    --bs-secondary-rgb: 166, 166, 166;
    --bs-primary-text-emphasis: #1e5a82;
    --bs-primary-bg-subtle: #E8F6FE;
    --bs-primary-border-subtle: #B8E4FB;
    --bs-link-color: #3A9AD9;
    --bs-link-hover-color: #2B8CC7;
    --bs-link-color-rgb: 58, 154, 217;
    --bs-link-hover-color-rgb: 43, 140, 199;
    --bs-component-active-bg: #3A9AD9;
    --bs-component-checked-bg: #3A9AD9;
    --bs-component-hover-color: #3A9AD9;
    --bs-menu-link-color-hover: #79C9F7;
    --bs-menu-link-color-show: #79C9F7;
    --bs-menu-link-color-here: #79C9F7;
    --bs-text-primary: #3A9AD9;
}

[data-bs-theme=dark] {
    --bs-primary: #79C9F7;
    --bs-primary-rgb: 121, 201, 247;
    --bs-link-color: #79C9F7;
    --bs-link-hover-color: #A8DDF9;
    --bs-menu-link-color-hover: #79C9F7;
    --bs-menu-link-color-show: #79C9F7;
    --bs-menu-link-color-here: #79C9F7;
}

.btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #3A9AD9;
    --bs-btn-border-color: #3A9AD9;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #2B8CC7;
    --bs-btn-hover-border-color: #2B8CC7;
    --bs-btn-focus-shadow-rgb: 58, 154, 217;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #2478B0;
    --bs-btn-active-border-color: #2478B0;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #3A9AD9;
    --bs-btn-disabled-border-color: #3A9AD9;
}

.btn-outline-primary {
    --bs-btn-color: #3A9AD9;
    --bs-btn-border-color: #3A9AD9;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #3A9AD9;
    --bs-btn-hover-border-color: #3A9AD9;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #2B8CC7;
    --bs-btn-active-border-color: #2B8CC7;
    --bs-btn-disabled-color: #3A9AD9;
    --bs-btn-disabled-border-color: #3A9AD9;
}

.btn-light-primary {
    color: #3A9AD9 !important;
    background-color: #E8F6FE !important;
    border-color: #B8E4FB !important;
}

.btn-light-primary:hover,
.btn-light-primary:focus {
    color: #ffffff !important;
    background-color: #3A9AD9 !important;
    border-color: #3A9AD9 !important;
}

.text-hover-primary:hover,
.text-hover-primary:focus {
    color: #3A9AD9 !important;
}

.text-primary {
    color: #3A9AD9 !important;
}

.bg-primary {
    background-color: #3A9AD9 !important;
}

.bg-light-primary {
    background-color: #E8F6FE !important;
}

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

.badge-light-primary {
    color: #3A9AD9;
    background-color: #E8F6FE;
}

.form-check-input:checked {
    background-color: #3A9AD9;
    border-color: #3A9AD9;
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #3A9AD9;
    border-color: #3A9AD9;
}

.form-check:not(.form-switch) .form-check-input:checked[type=checkbox] {
    background-color: #fff;
    border-color: #3A9AD9;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%233A9AD9'/%3e%3c/svg%3e");
}

.form-check:not(.form-switch) .form-check-input:checked[type=radio] {
    background-color: #fff;
    border-color: #3A9AD9;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%233A9AD9'/%3e%3c/svg%3e");
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #3A9AD9;
}

.page-link.active,
.active > .page-link {
    background-color: #3A9AD9;
    border-color: #3A9AD9;
}

.progress-bar {
    background-color: #3A9AD9;
}

.app-sidebar .menu .menu-item .menu-link.active {
    color: #79C9F7;
}

.app-sidebar .menu .menu-item .menu-link.active .menu-title,
.app-sidebar .menu .menu-item .menu-link.active .menu-icon,
.app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
    color: #79C9F7;
}

.app-sidebar .menu .menu-item .menu-link:hover:not(.disabled):not(.active),
.app-sidebar .menu .menu-item .menu-link.show {
    color: #79C9F7;
}

.btn-active-color-primary.active,
.btn-active-color-primary:hover,
.btn-active-color-primary:focus {
    color: #79C9F7 !important;
}

.btn-active-light-primary.active,
.btn-active-light-primary:hover,
.btn-active-light-primary:focus {
    color: #3A9AD9 !important;
    background-color: #E8F6FE !important;
}

.link-primary {
    color: #3A9AD9 !important;
}

.link-primary:hover,
.link-primary:focus {
    color: #2B8CC7 !important;
}

/* ClaimItRight dark sidebar */
[data-kt-app-layout=dark-sidebar] .app-sidebar {
    background: linear-gradient(180deg, #0a1628 0%, #0d2137 55%, #102a45 100%) !important;
    border-right: 1px solid rgba(58, 154, 217, 0.18) !important;
    box-shadow: inset -1px 0 0 rgba(121, 201, 247, 0.06);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
    border-bottom: 1px dashed rgba(58, 154, 217, 0.28) !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-toggle {
    background-color: rgba(58, 154, 217, 0.12) !important;
    box-shadow: 0 0 0 1px rgba(121, 201, 247, 0.12) !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-toggle .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-toggle i {
    color: #79C9F7 !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-heading {
    color: #808080 !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link {
    color: #A6A6A6 !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link .menu-title {
    color: #A6A6A6 !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link .menu-icon .svg-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link .menu-icon i {
    color: #808080 !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link .menu-bullet .bullet {
    background-color: #808080 !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item.here > .menu-link,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item.show > .menu-link {
    color: #79C9F7 !important;
    background-color: rgba(58, 154, 217, 0.1) !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item.here > .menu-link .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item.show > .menu-link .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item.here > .menu-link .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item.show > .menu-link .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item.here > .menu-link .menu-icon i,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item.show > .menu-link .menu-icon i {
    color: #79C9F7 !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link:hover:not(.disabled):not(.active):not(.here),
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) {
    color: #79C9F7 !important;
    background-color: rgba(58, 154, 217, 0.12) !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: #79C9F7 !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    color: #ffffff !important;
    background-color: rgba(58, 154, 217, 0.22) !important;
    box-shadow: inset 3px 0 0 #79C9F7;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
    color: #79C9F7 !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-sub .menu-item .menu-link.active {
    color: #ffffff !important;
    background-color: rgba(121, 201, 247, 0.14) !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-sub .menu-item .menu-link.active .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-sub .menu-item .menu-link.active .menu-bullet .bullet {
    color: #79C9F7 !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .hover-scroll-overlay-y:hover,
[data-kt-app-layout=dark-sidebar] .app-sidebar .scroll-y:hover {
    scrollbar-color: rgba(58, 154, 217, 0.45) transparent;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb,
[data-kt-app-layout=dark-sidebar] .app-sidebar .scroll-y:hover::-webkit-scrollbar-thumb {
    background-color: rgba(58, 154, 217, 0.45) !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .badge,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-badge .badge {
    background-color: rgba(58, 154, 217, 0.18) !important;
    color: #79C9F7 !important;
}

.timeline-label:before {
    left: 69px;
}

.timeline-label .timeline-item {
    align-items: center;
}

.timeline-label .timeline-label {
    width: 68px;
}

/* Select2 dropdown in job modals (Assign Employee, Add Clockin) - show above modal, avoid isConnected error & clipping */
.select2-dropdown-modal-fix {
    z-index: 1060 !important;
    position: fixed !important;
}