/* ============================================================================= Washkr theme (TASK-10 Step 5) — loaded LAST on every layout, after Bootstrap 5, DreamsPOS style.css and app-custom.css. One layer of CSS variables + components. Light mode now; every colour is a token so a dark set can be added later (see [data-washkr-theme="dark"] at the end — not switched on yet). Text colours keep >= 4.5:1 contrast on their backgrounds. ========================================================================== */ :root { --w-font: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif; --w-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace; --w-bg: #F4F6F9; --w-surface: #FFFFFF; --w-surface-2: #F7F9FC; --w-track: #F1F4F8; --w-line: #EEF1F5; --w-line-strong: #DCE3EC; --w-text: #111827; --w-text-2: #374151; --w-muted: #5B6475; --w-faint: #7A8496; --w-accent: #0E529F; --w-accent-hover: #0A3F7A; --w-accent-tint: #E9F0FA; --w-accent-soft: #C9D8EC; --w-green-bg: #E7F6EE; --w-green: #067647; --w-amber-bg: #FEF3E2; --w-amber: #93370D; --w-red-bg: #FDECEC; --w-red: #B42318; --w-grey-bg: #F1F4F8; --w-grey: #374151; --w-purple-bg: #F3EEFB; --w-purple: #5B3BA8; --w-plate-bg: #FFF8D6; --w-plate-line: #E6D47F; --w-radius: 16px; --w-radius-lg: 18px; --w-radius-sm: 12px; --w-pill: 999px; --w-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .04); --w-shadow-pop: 0 12px 32px rgba(16, 24, 40, .12); --w-shadow-btn: 0 6px 16px rgba(14, 82, 159, .22); --w-overlay: rgba(17, 24, 39, .28); --w-sidebar-w: 248px; --w-sidebar-mini: 76px; --w-header-h: 64px; --w-drawer-w: 420px; --w-ease: cubic-bezier(.2, .8, .2, 1); --w-company: var(--w-accent); --w-company-tint: var(--w-accent-tint); /* Bootstrap 5 hooks: buttons, links, focus rings follow Washkr blue. */ --bs-primary: #0E529F; --bs-primary-rgb: 14, 82, 159; --bs-link-color: #0E529F; --bs-link-color-rgb: 14, 82, 159; --bs-link-hover-color: #0A3F7A; --bs-body-font-family: var(--w-font); --bs-body-color: #111827; --bs-body-bg: #F4F6F9; --bs-border-color: #EEF1F5; --bs-border-radius: 12px; --bs-secondary-color: #5B6475; } /* ---------------------------------------------------------------- base --- */ html, body { background: var(--w-bg); } body { font-family: var(--w-font); color: var(--w-text); font-size: 14px; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--w-font); color: var(--w-text); letter-spacing: -.01em; } a { color: var(--w-accent); } a:hover { color: var(--w-accent-hover); } .text-muted, .text-secondary { color: var(--w-muted) !important; } .text-primary { color: var(--w-accent) !important; } .bg-primary { background-color: var(--w-accent) !important; } :focus-visible { outline: 2px solid var(--w-accent); outline-offset: 2px; } .main-wrapper { background: var(--w-bg); } /* --- generated by TASK-10 from DreamsPOS style.css: every rule that used the template orange (#FE9F43, its rgba / hover shades and its pale tints) now uses Washkr blue. Same selectors, so this later file wins the cascade without touching style.css. --- */ ::selection { background: #0E529F; } a { color: #0E529F; } .bg-primary { background-color: #0E529F !important; } .bg-primary { background-color: #0E529F !important; } .bg-primary.bg-opacity-10 { background-color: rgba(14, 82, 159, 0.1) !important; } .bg-primary.bg-opacity-25 { background-color: rgba(14, 82, 159, 0.25) !important; } .bg-primary.bg-opacity-50 { background-color: rgba(14, 82, 159, 0.5) !important; } .bg-primary.bg-opacity-75 { background-color: rgba(14, 82, 159, 0.75) !important; } .bg-primary.bg-opacity-100 { background-color: #0E529F !important; } .bg-primary { background-color: #0E529F !important; } .bg-soft-primary { background-color: #E9F0FA; color: #0E529F; } .bg-primary-gradient { background: linear-gradient(to right, #0E529F 0%, #8e77fa 100%) !important; } .bg-outline-primary { border: 1px solid #0E529F; color: #0E529F; } .bg-primary-transparent { background-color: rgba(14, 82, 159, 0.1) !important; color: #0E529F !important; } .bg-primary-transparent:hover { background-color: rgba(14, 82, 159, 0.1) !important; color: #0E529F !important; } .svg-primary { fill: #0E529F; } .shadow-primary { box-shadow: 0px 4px 10px 0px rgba(14, 82, 159, 0.3); } .btn-submit { background: #0E529F; } .btn-primary { background-color: #0E529F; border-color: #0E529F; } .btn-save { background: #0E529F; } .btn-send { background: #0E529F; } .swal2-actions .swal2-confirm.btn:active { background-color: #0E529F; border-color: #0E529F; } .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { background-color: #0E529F; border-color: #0E529F; } .btn.btn-primary { background-color: #0E529F !important; border: 1px solid #0E529F !important; box-shadow: 0 4px 20px rgba(14, 82, 159, 0.15); } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary.active { background-color: #0A3F7A !important; border: 1px solid #0A3F7A !important; box-shadow: 0 3px 10px rgba(14, 82, 159, 0.5); } .btn.btn-primary-light { background-color: rgba(14, 82, 159, 0.1); color: #0E529F; } .btn.btn-primary-light:hover, .btn.btn-primary-light:focus, .btn.btn-primary-light:active { background-color: #0E529F; border-color: #0E529F; } .btn.btn-primary-ghost { color: #0E529F; border: 1px solid #0E529F; } .btn.btn-primary-ghost:active { color: #0E529F; border: 1px solid #0E529F; } .btn-outline-primary { border: 1px solid #0E529F !important; color: #0E529F !important; } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary.active { background-color: #0E529F !important; border: 1px solid #0E529F !important; box-shadow: 0 3px 10px rgba(14, 82, 159, 0.5); } .btn-soft-primary { color: #0E529F !important; } .btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary.focus, .btn-soft-primary:active, .btn-soft-primary.active { box-shadow: 0 3px 12px rgba(14, 82, 159, 0.2); border-color: #0E529F; } .page-header .btn-added.dark:hover, .page-header .btn-added.dark:focus, .page-header .btn-added.dark.focus, .page-header .btn-added.dark:active, .page-header .btn-added.dark.active { background-color: #0E529F !important; border: 1px solid #0E529F !important; } .btn-primaryadd { background-color: #0E529F; } .btn-primaryadd:hover { border: 1px solid #0E529F; color: #0E529F; } .badge.badge-primary { background: rgba(14, 82, 159, 0.1); box-shadow: 0 1px 1px rgba(14, 82, 159, 0.5); color: #0E529F; } .badge.badge-primary { background: #0E529F; box-shadow: 0 1px 1px rgba(14, 82, 159, 0.5); } .badge.badge-soft-primary { background: rgba(14, 82, 159, 0.1); box-shadow: 0 1px 1px rgba(14, 82, 159, 0.5); color: #0E529F; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge.badge-soft-primary { background: #E9F0FA !important; } .badge-outline-primary { color: #0E529F; border: 1px solid #0E529F; } .badge-outline-primary[href] { color: #0E529F; background-color: rgba(14, 82, 159, 0.1); } .badge-outline-primary[href]:is(:hover, :focus) { color: #0E529F; background-color: rgba(14, 82, 159, 0.1); } .border.border-primary { border: 1px solid #0E529F !important; } .border.border-primary.border-opacity-10 { border-color: rgba(14, 82, 159, 0.1) !important; } .border.border-primary.border-opacity-25 { border-color: rgba(14, 82, 159, 0.25) !important; } .border.border-primary.border-opacity-50 { border-color: rgba(14, 82, 159, 0.5) !important; } .border.border-primary.border-opacity-75 { border-color: rgba(14, 82, 159, 0.75) !important; } .border.border-primary.border-opacity-100 { border-color: #0E529F !important; } .border-top.border-primary { border-color: #0E529F !important; } .border-end.border-primary { border-color: #0E529F !important; } .border-bottom.border-primary { border-color: #0E529F !important; } .border-start.border-primary { border-color: #0E529F !important; } .fc-state-down, .fc-state-active, .fc-state-disabled { background-color: #0E529F !important; } .fc .fc-button-primary.fc-custombtn-button { background-color: #0E529F; border-color: #0E529F; } .bootstrap-datetimepicker-widget table td.day.active { background: #0E529F; } .dropdown-item:not(.active):hover, .dropdown-item:not(.active):focus, .dropdown-item:not(.active):active { color: #0E529F; background-color: rgba(14, 82, 159, 0.05); } .dropdown-item.active { background-color: #E9F0FA !important; } .dropdown-menu.dropdown-menu-primary { background-color: #0E529F; } .dropdown-menu.dropmenu-item-primary .dropdown-item:hover, .dropdown-menu.dropmenu-item-primary .dropdown-item:focus, .dropdown-menu.dropmenu-item-primary .dropdown-item:active, .dropdown-menu.dropmenu-item-primary .dropdown-item.active { background-color: rgba(14, 82, 159, 0.1) !important; color: #0E529F; } .dropdown-menu.dropmenu-light-primary .dropdown-item:hover, .dropdown-menu.dropmenu-light-primary .dropdown-item:focus, .dropdown-menu.dropmenu-light-primary .dropdown-item:active, .dropdown-menu.dropmenu-light-primary .dropdown-item.active { background-color: #0E529F !important; } .icons-list li { color: #0E529F; } .progress-bar { background-color: #0E529F; } .progress-custom .progress-bar:after { box-shadow: 0 0.313rem 0.313rem rgba(14, 82, 159, 0.5); border: 0.25rem solid #0E529F; } .progress-custom .progress-bar-value { background: #0E529F; } .progress-custom .progress-bar-value:after { border-block-start: 0.438rem solid #0E529F; } .custom-progress-3 .progress-bar .progress-bar-value { border: 0.125rem solid #0E529F; color: #0E529F; } .custom-progress-4.progress { background-color: rgba(14, 82, 159, 0.1); } .custom-progress-4.progress .progress-bar-label { color: #0E529F; } .page-link:hover { color: #0E529F; } .page-item.active .page-link { background-color: #0E529F; border-color: #0E529F; } .pagination-style-1 .pagination .page-item.active .page-link { background-color: #0E529F; } .pagination-style-1 .pagination .page-item.active:hover .page-link { background-color: #0E529F; } .pagination-style-1 .pagination .page-item:hover .page-link { color: #0E529F; } .pagination-style-2 .pagination .page-item.active .page-link { color: #0E529F; } .pagination-style-2 .pagination .page-item.active .page-link:before { background-color: #0E529F; } .pagination-style-3 .pagination .page-item.active .page-link { background-color: #0E529F; } .pagination-style-3 .pagination .page-item.active:hover .page-link { background-color: #0E529F; } .pagination-style-4 .pagination .page-item.active .page-link { background-color: #0E529F; } .pagination-style-4 .pagination .page-item.active:hover .page-link { background-color: #0E529F; } .pagination-primary .page-item.active .page-link { background-color: #0E529F; border-color: #0E529F; } .pagination-primary .page-item.active .page-link:hover { background-color: #0E529F; border-color: #0E529F; } .pagination-primary .page-item .page-link:hover { background-color: #0E529F; border-color: #0E529F; } .text-primary { color: #0E529F !important; } .text-primary.text-opacity-75 { color: rgba(14, 82, 159, 0.75) !important; } .text-primary.text-opacity-25 { color: rgba(14, 82, 159, 0.25) !important; } .text-primary.text-opacity-50 { color: rgba(14, 82, 159, 0.5) !important; } a:hover { color: #0E529F; } .link-default:hover, .link-default:focus, .link-default:active { color: #0E529F !important; } .link-primary { color: #0E529F !important; } .link-primary:hover, .link-primary:focus, .link-primary:active { color: #0E529F !important; } .blockquote.custom-blockquote.primary { background-color: rgba(14, 82, 159, 0.1); border-inline-start: 2px solid #0E529F; } .blockquote.custom-blockquote.primary:before { color: rgba(14, 82, 159, 0.1); } .alert-primary { background-color: rgba(14, 82, 159, 0.1); color: #0E529F; border-color: rgba(14, 82, 159, 0.1); } .alert-primary .alert-link { color: #0E529F; } .alert-primary .custom-alert-icon { color: #0E529F; } .alert-primary .btn-close { color: #0E529F; } .alert-primary .btn-close.custom-close { background-color: #0E529F; } .alert-solid-primary { background-color: #0E529F; border-color: #0E529F; } .alert-outline-primary { color: #0E529F; border-color: #0E529F; } .alert-outline-primary .btn-close { color: #0E529F; } .alert-primary.custom-alert-icon { border-inline-start: 0.313rem solid #0E529F !important; } .alert-primary.custom-alert-icon > i { color: #0E529F; } .custom-alert1.alert-primary { border-block-start: 0.313rem solid #0E529F; } .custom-alert1.alert-primary .custom-alert-icon { color: #0E529F; } .custom-popover { --bs-popover-border-color: #0E529F; --bs-popover-header-bg: #0E529F; } .header-primary .popover-header { background-color: #0E529F; } .header-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .header-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { border-bottom-color: #0E529F; } .popover-primary.popover { border: 1px solid #0E529F; } .popover-primary.popover .popover-header { background-color: #0E529F; } .popover-primary.popover .popover-body { background-color: #0E529F; } .popover-primary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-primary.bs-popover-top > .popover-arrow::after, .popover-primary.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-primary.bs-popover-top > .popover-arrow::before { border-top-color: #0E529F; } .popover-primary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover-primary.bs-popover-end > .popover-arrow::after, .popover-primary.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-primary.bs-popover-end > .popover-arrow::before { border-right-color: #0E529F; } .popover-primary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-primary.bs-popover-start > .popover-arrow::after, .popover-primary.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-primary.bs-popover-start > .popover-arrow::before { border-left-color: #0E529F; } .popover-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-primary.bs-popover-bottom > .popover-arrow::after, .popover-primary.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-primary.bs-popover-bottom > .popover-arrow::before, .popover-primary.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover-primary.bs-popover-bottom .popover-header::before { border-bottom-color: #0E529F; } .popover-primary-light.popover { border: 1px solid rgba(14, 82, 159, 0.1); } .popover-primary-light.popover .popover-header { background-color: rgba(14, 82, 159, 0.1); border-block-end: 1px solid rgba(14, 82, 159, 0.1); color: #0E529F; } .popover-primary-light.popover .popover-body { background-color: rgba(14, 82, 159, 0.1); color: #0E529F; } .popover-primary-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .popover-primary-light.bs-popover-top > .popover-arrow::after, .popover-primary-light.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .popover-primary-light.bs-popover-top > .popover-arrow::before { border-top-color: rgba(14, 82, 159, 0.1); } .popover-primary-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover-primary-light.bs-popover-end > .popover-arrow::after, .popover-primary-light.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .popover-primary-light.bs-popover-end > .popover-arrow::before { border-right-color: rgba(14, 82, 159, 0.1); } .popover-primary-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .popover-primary-light.bs-popover-start > .popover-arrow::after, .popover-primary-light.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .popover-primary-light.bs-popover-start > .popover-arrow::before { border-left-color: rgba(14, 82, 159, 0.1); } .popover-primary-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .popover-primary-light.bs-popover-bottom > .popover-arrow::after, .popover-primary-light.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .popover-primary-light.bs-popover-bottom > .popover-arrow::before, .popover-primary-light.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .popover-primary-light.bs-popover-bottom .popover-header::before { border-bottom-color: rgba(14, 82, 159, 0.1); } .timeline-badge.primary { background-color: #0E529F; } .form-control-primary { background-color: rgba(14, 82, 159, 0.1); color: #0E529F; } .form-control-primary:focus { background-color: rgba(14, 82, 159, 0.1); color: #0E529F; } .form-select option:checked { background-color: rgba(var(#0E529F), 0.2); color: #0E529F; } .form-select option:select { background-color: rgba(var(#0E529F), 0.2); color: #0E529F; } .form-select option:hover { background-color: rgba(var(#0E529F), 0.2); color: #0E529F; } .form-select option:focus { background-color: rgba(var(#0E529F), 0.2); color: #0E529F; } .form-check-input:checked { background-color: #0E529F; border-color: #0E529F; } .form-check-input.form-checked-outline:checked { border-color: #0E529F; } .form-checked-outline:checked[type=checkbox]:before { color: #0E529F; } .form-checked-outline:checked[type=radio]:before { color: #0E529F; } fieldset:disabled .btn { background-color: #0E529F; border-color: #0E529F; } .form-select:focus { border-color: rgba(var(#0E529F), 0.5); } .toggle.on { background-color: rgba(var(#0E529F), 0.3); } .toggle.on span { background-color: #0E529F; } .toggle.on span::before { color: #0E529F; } .label-primary { background: #0E529F; } .form-floating.floating-primary label { color: #0E529F; } .form-floating.floating-primary input { border: 1px solid #0E529F; } .form-floating.floating-primary > .form-control:focus ~ label { color: #0E529F !important; } .form-wizard-1.nav-tabs .nav-link.active { border: 2px solid #0E529F; color: #0E529F; } .form-wizard-1.nav-tabs .nav-link.active i { border: 2px solid #0E529F; } .custom_radio.active input ~ .checkmark { background-color: #0E529F; } .table .thead-primary th { background-color: #0E529F; } .table.table-bordered.border-primary tbody, .table.table-bordered.border-primary td, .table.table-bordered.border-primary tfoot, .table.table-bordered.border-primary th, .table.table-bordered.border-primary thead, .table.table-bordered.border-primary tr { border-color: rgba(14, 82, 159, 0.1); } .table tbody tr td a:hover { color: #0E529F; } .table tbody tr td a:hover i { color: #0E529F; } .product-name-slip h4 { color: #0E529F; } .dataTables_paginate .paginate_button:hover { background-color: #0E529F; border-color: #0E529F; } .dataTables_paginate .paginate_button.current { background-color: #0E529F; border-color: #0E529F; } .border-primary.table-bordered thead tr th, .border-primary.table-bordered tbody tr td { border: 1px solid #0E529F !important; } .accordion-button:focus { border-color: rgba(14, 82, 159, 0.3); } .accordion.accordion-primary .accordion-button { background-color: rgba(14, 82, 159, 0.1); color: #0E529F; } .accordion.accordion-primary .accordion-button:after { background-color: #0E529F; } .accordion.accordion-solid-primary .accordion-button { background-color: #0E529F; } .accordion.accordion-solid-primary .accordion-button:after { color: #0E529F; } .accordion.accordion-border-primary .accordion-item { border: 1px solid #0E529F; } .accordion.accordion-border-primary .accordion-button { color: #0E529F; } .accordion.accordion-border-primary .accordion-button:after { color: #0E529F; border: 1px solid #0E529F; } .accordion.accordion-border-primary .accordion-button:not(.collapsed) { border-block-end: 1px solid #0E529F; } .customized-accordion .accordion-item.custom-accordion-primary .accordion-button { background-color: rgba(14, 82, 159, 0.1); border-inline-start: 0.25rem solid rgba(14, 82, 159, 0.6); } .customized-accordion .accordion-item.custom-accordion-primary .accordion-button:after { background-color: rgba(14, 82, 159, 0.6); } .customized-accordion .accordion-item.custom-accordion-primary .accordion-body { background-color: rgba(14, 82, 159, 0.1); border-inline-start: 0.25rem solid rgba(14, 82, 159, 0.6); } .breadcrumb .breadcrumb-item.active { color: #0E529F; } .card.card-bg-primary { background-color: #0E529F; } .tooltip.tooltip-primary .tooltip-inner { background-color: #0E529F; } .tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .tooltip.tooltip-primary.bs-tooltip-top .tooltip-arrow::before { border-top-color: #0E529F; } .tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .tooltip.tooltip-primary.bs-tooltip-end .tooltip-arrow::before { border-right-color: #0E529F; } .tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .tooltip.tooltip-primary.bs-tooltip-start .tooltip-arrow::before { border-left-color: #0E529F; } .tooltip.tooltip-primary.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .tooltip.tooltip-primary.bs-tooltip-end .tooltip-arrow::before { border-bottom-color: #0E529F; } .nav-link.active { background-color: rgba(14, 82, 159, 0.1); color: #0E529F; } .navbar-nav .nav-link.active, .navbar-nav .show > .nav-link { color: #0E529F; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #0E529F; background: #E9F0FA; } .nav.nav-style-1 .nav-link.active { background-color: rgba(14, 82, 159, 0.1); color: #0E529F; } .nav.nav-style-1 .nav-link.active:hover { background: rgba(14, 82, 159, 0.1); } .nav.nav-style-1 .nav-link:hover { color: #0E529F; } .nav.nav-style-2 .nav-item .nav-link.active { background-color: rgba(14, 82, 159, 0.1); border-block-start: 3px solid #0E529F; color: #0E529F; } .nav.nav-style-3 .nav-link.active { border-block-end: 3px solid #0E529F; color: #0E529F; } .nav-tabs.nav-style-5 .nav-link.active { background-color: #0E529F; } .nav-tabs.nav-style-5 .nav-link:hover, .nav-tabs.nav-style-5 .nav-link:focus { background-color: #0E529F; } .nav-style-6.nav-pills .nav-link.active { border: 1px solid #0E529F; border-block-end: 2px solid #0E529F; color: #0E529F; } .nav-tabs-header .nav-item .nav-link.active { background: rgba(14, 82, 159, 0.1); color: #0E529F; } .nav-tabs-header .nav-item .nav-link:hover, .nav-tabs-header .nav-item .nav-link:focus { color: #0E529F; } .nav-tabs-footer .nav-item .nav-link { color: #0E529F; border: 1px solid #0E529F; } .nav-tabs-footer .nav-item .nav-link.active { background: #0E529F; border: 1px solid #0E529F; } .nav-tabs-footer .nav-item .nav-link:hover, .nav-tabs-footer .nav-item .nav-link:focus { border: 1px solid #0E529F; color: #0E529F; } .vertical-tabs-2 .nav-item .nav-link.active { background-color: #0E529F; } .vertical-tabs-2 .nav-item .nav-link.active:before { background-color: #0E529F; } .vertical-tabs-2 .nav-item .nav-link:hover { color: #0E529F; } .vertical-tabs-3 .nav-item .nav-link { border: 1px solid #0E529F; } .vertical-tabs-3 .nav-item .nav-link i { background: #0E529F; } .vertical-tabs-3 .nav-item .nav-link.active { background: #0E529F; border: 1px solid #0E529F; } .vertical-tabs-3 .nav-item .nav-link.active:hover { background: #0E529F; border: 1px solid #0E529F; } .vertical-tabs-3 .nav-item .nav-link.active i { color: #0E529F; } .vertical-tabs-3 .nav-item .nav-link:hover, .vertical-tabs-3 .nav-item .nav-link:focus { border: 1px solid #0E529F; color: #0E529F; } .nav.tab-style-1 .nav-link.active { background-color: #0E529F !important; } .nav-tabs.tab-style-1 .nav-link:hover { color: #0E529F; } .tab-style-2 .nav-item .nav-link:hover { color: #0E529F; } .tab-style-2 .nav-item .nav-link:hover i { color: #0E529F; } .tab-style-2 .nav-item .nav-link.active { color: #0E529F; } .tab-style-2 .nav-item .nav-link.active i { background-color: rgba(14, 82, 159, 0.1); color: #0E529F; } .tab-style-2 .nav-item .nav-link.active:before { background-color: #0E529F; } .tab-style-3 .nav-item .nav-link:hover { color: #0E529F; } .tab-style-3 .nav-item .nav-link.active { color: #0E529F; } .tab-style-3 .nav-item .nav-link.active:before { background-color: #0E529F; } .tab-style-3 .nav-item .nav-link.active:after { border-color: #0E529F; color: #0E529F; } .tab-style-4.nav-tabs .nav-link:hover { color: #0E529F; } .tab-style-4.nav-tabs .nav-link.active { color: #0E529F; } .tab-style-4.nav-tabs .nav-link.active::before { background-color: #0E529F; border: 1px solid #0E529F; } .tab-style-4.nav-tabs .nav-link.active:after { background-color: #0E529F; } #tab-style-4 .tab-pane.active { border: 1px solid #0E529F; background-color: #0E529F; } .tab-style-5 .nav-item .nav-link.active { background: #0E529F; } .tab-style-6 { color: #0E529F; } .tab-style-6 .nav-item .nav-link { color: #0E529F; } .tab-style-6 .nav-item .nav-link.active { background-color: #0E529F; } .tab-style-7 .nav-link:active, .tab-style-7 .nav-link.active { background-color: rgba(14, 82, 159, 0.1); color: #0E529F; } .nav-style-1 .nav-item .nav-link.active { background-color: rgba(14, 82, 159, 0.1); color: #0E529F; } .nav-tabs li a.active { border-bottom-color: #0E529F; } .nav-tabs .nav-tabs-solid .active { background-color: #0E529F; border-color: #0E529F; } .nav-tabs .nav-link:hover { color: #0E529F; } .nav-tabs.nav-tabs-top li a.active { border-top-color: #0E529F; } .nav-tabs.nav-tabs-top li a:hover { border-top-color: #0E529F; } .nav-tabs.nav-tabs-bottom li a.active, .nav-tabs.nav-tabs-bottom li a:hover { border-bottom-color: #0E529F; } .nav-tabs.nav-tabs-solid.nav-tabs-rounded li a.active { background-color: #0E529F; border-color: #0E529F; } .nav-tabs.nav-tabs-solid li a.active { background-color: #0E529F; border-color: #0E529F; } .nav-link:hover { color: #0E529F; } .tabs-set .nav-tabs .nav-link.active { border-bottom: 2px solid #0E529F; background: #0E529F; } .tabs-sets .nav-tabs .nav-link:focus, .tabs-sets .nav-tabs .nav-link:hover, .tabs-sets .nav-tabs .nav-link.active { background: #0E529F; } .nav-pills.list .nav-item button.active::after { background: #0E529F; } .nav-pills.list .nav-item button.active::before { border-color: #0E529F; } .bg-nav-pills .nav-item .nav-link.active { background-color: #0E529F; } .nav-tabs.nav-bordered .nav-item .nav-link.active { border-bottom: 2px solid #0E529F; } .nav-tabs.nav-bordered-primary.nav-tabs-top .nav-item .nav-link:hover, .nav-tabs.nav-bordered-primary.nav-tabs-top .nav-item .nav-link:focus { color: #0E529F; } .nav-tabs.nav-bordered-primary.nav-tabs-top .nav-item .nav-link.active { border-top: 2px solid #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-primary.nav-tabs-top li a.active, .nav-tabs.nav-bordered-primary.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-primary .nav-item .nav-link:hover, .nav-tabs.nav-bordered-primary .nav-item .nav-link:focus { color: #0E529F; } .nav-tabs.nav-bordered-primary .nav-item .nav-link.active { border-bottom: 2px solid #0E529F; color: #0E529F; } .nav-tabs.nav-solid-primary.nav-tabs-rounded li a:hover { color: #0E529F; } .nav-tabs.nav-solid-primary.nav-tabs-rounded li a.active { background-color: #0E529F; border-color: #0E529F; } .nav-tabs.nav-solid-primary.nav-tabs-rounded-fill li a.active { background-color: #0E529F; border-color: #0E529F; } .nav-tabs.nav-solid-primary li a:hover { color: #0E529F; } .nav-tabs.nav-solid-primary li a.active { background-color: #0E529F; border-color: #0E529F; } .nav-tabs.nav-bordered-secondary.nav-tabs-top li a.active, .nav-tabs.nav-bordered-secondary.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-success.nav-tabs-top li a.active, .nav-tabs.nav-bordered-success.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-info.nav-tabs-top li a.active, .nav-tabs.nav-bordered-info.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-warning.nav-tabs-top li a.active, .nav-tabs.nav-bordered-warning.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-danger.nav-tabs-top li a.active, .nav-tabs.nav-bordered-danger.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-dark.nav-tabs-top li a.active, .nav-tabs.nav-bordered-dark.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-light.nav-tabs-top li a.active, .nav-tabs.nav-bordered-light.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-black.nav-tabs-top li a.active, .nav-tabs.nav-bordered-black.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-purple.nav-tabs-top li a.active, .nav-tabs.nav-bordered-purple.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-yellow.nav-tabs-top li a.active, .nav-tabs.nav-bordered-yellow.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-teal.nav-tabs-top li a.active, .nav-tabs.nav-bordered-teal.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-cyan.nav-tabs-top li a.active, .nav-tabs.nav-bordered-cyan.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-pink.nav-tabs-top li a.active, .nav-tabs.nav-bordered-pink.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-indigo.nav-tabs-top li a.active, .nav-tabs.nav-bordered-indigo.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .nav-tabs.nav-bordered-orange.nav-tabs-top li a.active, .nav-tabs.nav-bordered-orange.nav-tabs-top li a:hover { border-bottom-color: #0E529F; color: #0E529F; } .list-group .list-group-item.active { background: #0E529F; border-color: #0E529F; } .arrow-ribbone-left.bg-success:before { border-inline-start: 12px solid #0E529F; } .arrow-ribbone-right.bg-success:before { border-inline-end: 12px solid #0E529F; } .bookmark-sideright-ribbone-primary-right:after { border-block-start: 13px solid #0E529F; border-block-end: 13px solid #0E529F; } .bookmark-sideright-ribbone-primary-right span { background: #0E529F; } .fullwidth-primary-ribbons .bar { background-color: #0E529F; } .fullwidth-primary-ribbons .bar span:nth-child(2) { border-color: #0E529F #0E529F #0E529F transparent; border-block-start-color: #0E529F; border-inline-end-color: #0E529F; border-block-end-color: #0E529F; } .fullwidth-primary-ribbons .bar span:nth-child(4) { border-block-start-color: #0E529F; border-block-end-color: #0E529F; border-inline-start-color: #0E529F; } .modal .modal-footer .btn-print { border: 1px solid #0E529F; color: #0E529F; } .modal .modal-footer .btn-print:hover { background: #0E529F; } .offcanvas-header .btn-close:hover { color: #0E529F; } .ts-wrapper.single.focus .ts-control { border-color: #0E529F; } .ts-dropdown .option.active { background: #0E529F; } .dataTables_paginate .pagination li a:hover { background: #0E529F; } .dataTables_paginate .pagination li.active a.page-link { background: #0E529F; border-color: #0E529F; } .noUi-connect { background: #0E529F; } .noUi-handle { background: #0E529F; } #blue .noUi-connect { background: #0E529F; } .c-4-color { background: #0E529F; } [data-slider-color=primary] .noUi-connect { background: #0E529F; } [data-slider-color=primary] .noUi-handle { background: #0E529F; } [data-slider-color=primary][data-slider-style=border] .noUi-handle, [data-slider-color=primary][data-slider-style=square] .noUi-handle { border-color: #0E529F; } [data-slider-style=border] .noUi-handle { border-color: #0E529F; } [data-slider-style=square] .noUi-handle { border-color: #0E529F; } [data-simplebar-primary] .simplebar-scrollbar:before { background: #0E529F; } .card .card-body .payroll-info .status-updates .form-check-input:checked { background-color: #0E529F; border-color: #0E529F; } .btn-white:hover { border: 1px solid #0E529F; background: #0E529F; } .inputcheck .checkmark:after { border: solid #0E529F; } .inputcheck input:checked ~ .checkmark { border: 1px solid #0E529F; } ::-webkit-scrollbar-thumb { background: #0E529F; } .input-group .scanner-set { background: #0E529F; } ::-webkit-scrollbar-thumb { background: #0E529F; } .border-primary { border-color: #0E529F !important; } .page-header .btn-filter { background: #0E529F; } .page-header .btn-filter:hover { background: linear-gradient(46.62deg, #0E529F 0%, #423B93 93.64%); } .page-header .btn-added { background: #0E529F; } .page-header .btn-added.downloader:hover { background: #0E529F; } .search-path .btn-filter { background: #0E529F; } .checkboxs input:checked ~ .checkmarks { background-color: #0E529F; border-color: #0E529F; } .input-blocks .btn-filters { background: #0E529F; } .page-wrapper .nav-pills .nav-link.active { background-color: #0E529F; } .table-top-head li a.btn-secondary:hover { background-color: #0E529F; } [data-theme=dark] .table tbody tr td a:hover { color: #0E529F !important; } [data-theme=dark] .tabs-set .nav-tabs .nav-link.active { background: #0E529F; } [data-theme=dark] .view-all-link a:hover { color: #0E529F; } [data-theme=dark] .topnav-dropdown-footer a:hover { color: #0E529F; } [data-theme=dark] .activity .activity-list li a:hover { color: #0E529F; } [data-theme=dark] .activity .activity-list li a.name:hover { color: #0E529F; } [data-theme=dark] .alert.bg-orange-transparent span { color: #0E529F; } [data-theme=dark] .alert.bg-orange-transparent > div { color: #0E529F; } .header .page-title-box a { color: #0E529F; border: 1px solid #0E529F; } .header .page-title-box a:hover { background: #0E529F; } @media (max-width: 991.96px) { .header .mobile_btn { color: #0E529F; } } .header .mobile-user-menu a { color: #0E529F; } .searchpart .searchparts .btn-searchs { background: #0E529F; } @media (max-width: 991.96px) { .header-pos #mobile_btn { color: #0E529F; } } .header-split .header-menu ul li a:hover { background: #0E529F; } .bar-icon span { background-color: #0E529F; } .user-menu > li a:hover svg { color: #0E529F; } .user-menu .nav-item-box > a:hover { color: #0E529F; } .user-menu.nav > li.flag-nav .dropdown-menu .dropdown-item.active, .user-menu.nav > li.flag-nav .dropdown-menu .dropdown-item:hover { background: #E9F0FA; color: #0E529F; } .search-dropdown .search-info .search-tags li:hover a { background: #0E529F; } .search-dropdown .search-info .customers li:hover a { color: #0E529F; } .search-dropdown .search-info .customers li:hover a img { border-color: #0E529F; } .header-collapse .welcome #collapse-header.active { background: #0E529F; border-color: #0E529F; } .link-item:hover { background: #E9F0FA; border-color: #E9F0FA; } .link-item:hover .link-icon { background: #0E529F; } div#global-loader .whirly-loader:not(:required) { box-shadow: 0 26px 0 6px #0E529F, 0.90971px 26.05079px 0 5.93333px #0E529F, 1.82297px 26.06967px 0 5.86667px #0E529F, 2.73865px 26.05647px 0 5.8px #0E529F, 3.65561px 26.01104px 0 5.73333px #0E529F, 4.57274px 25.93327px 0 5.66667px #0E529F, 5.48887px 25.8231px 0 5.6px #0E529F, 6.40287px 25.68049px 0 5.53333px #0E529F, 7.31358px 25.50548px 0 5.46667px #0E529F, 8.21985px 25.2981px 0 5.4px #0E529F, 9.12054px 25.05847px 0 5.33333px #0E529F, 10.01448px 24.78672px 0 5.26667px #0E529F, 10.90054px 24.48302px 0 5.2px #0E529F, 11.77757px 24.1476px 0 5.13333px #0E529F, 12.64443px 23.78072px 0 5.06667px #0E529F, 13.5px 23.38269px 0 5px #0E529F, 14.34315px 22.95384px 0 4.93333px #0E529F, 15.17277px 22.49455px 0 4.86667px #0E529F, 15.98776px 22.00526px 0 4.8px #0E529F, 16.78704px 21.48643px 0 4.73333px #0E529F, 17.56953px 20.93855px 0 4.66667px #0E529F, 18.33418px 20.36217px 0 4.6px #0E529F, 19.07995px 19.75787px 0 4.53333px #0E529F, 19.80582px 19.12626px 0 4.46667px #0E529F, 20.5108px 18.468px 0 4.4px #0E529F, 21.1939px 17.78379px 0 4.33333px #0E529F, 21.85416px 17.07434px 0 4.26667px #0E529F, 22.49067px 16.34043px 0 4.2px #0E529F, 23.10251px 15.58284px 0 4.13333px #0E529F, 23.68881px 14.80241px 0 4.06667px #0E529F, 24.24871px 14px 0 4px #0E529F, 24.7814px 13.1765px 0 3.93333px #0E529F, 25.28607px 12.33284px 0 3.86667px #0E529F, 25.76198px 11.46997px 0 3.8px #0E529F, 26.2084px 10.58888px 0 3.73333px #0E529F, 26.62462px 9.69057px 0 3.66667px #0E529F, 27.01001px 8.77608px 0 3.6px #0E529F, 27.36392px 7.84648px 0 3.53333px #0E529F, 27.68577px 6.90284px 0 3.46667px #0E529F, 27.97502px 5.94627px 0 3.4px #0E529F, 28.23116px 4.97791px 0 3.33333px #0E529F, 28.4537px 3.99891px 0 3.26667px #0E529F, 28.64223px 3.01042px 0 3.2px #0E529F, 28.79635px 2.01364px 0 3.13333px #0E529F, 28.91571px 1.00976px 0 3.06667px #0E529F, 29px 0 0 3px #0E529F, 29.04896px -1.01441px 0 2.93333px #0E529F, 29.06237px -2.03224px 0 2.86667px #0E529F, 29.04004px -3.05223px 0 2.8px #0E529F, 28.98185px -4.07313px 0 2.73333px #0E529F, 28.88769px -5.09368px 0 2.66667px #0E529F, 28.75754px -6.1126px 0 2.6px #0E529F, 28.59138px -7.12863px 0 2.53333px #0E529F, 28.38926px -8.14049px 0 2.46667px #0E529F, 28.15127px -9.1469px 0 2.4px #0E529F, 27.87755px -10.1466px 0 2.33333px #0E529F, 27.56827px -11.1383px 0 2.26667px #0E529F, 27.22365px -12.12075px 0 2.2px #0E529F, 26.84398px -13.09268px 0 2.13333px #0E529F, 26.42956px -14.05285px 0 2.06667px #0E529F, 25.98076px -15px 0 2px #0E529F, 25.49798px -15.93291px 0 1.93333px #0E529F, 24.98167px -16.85035px 0 1.86667px #0E529F, 24.43231px -17.75111px 0 1.8px #0E529F, 23.85046px -18.63402px 0 1.73333px #0E529F, 23.23668px -19.49789px 0 1.66667px #0E529F, 22.5916px -20.34157px 0 1.6px #0E529F, 21.91589px -21.16393px 0 1.53333px #0E529F, 21.21024px -21.96384px 0 1.46667px #0E529F, 20.4754px -22.74023px 0 1.4px #0E529F, 19.71215px -23.49203px 0 1.33333px #0E529F, 18.92133px -24.2182px 0 1.26667px #0E529F, 18.10379px -24.91772px 0 1.2px #0E529F, 17.26042px -25.58963px 0 1.13333px #0E529F, 16.39217px -26.23295px 0 1.06667px #0E529F, 15.5px -26.84679px 0 1px #0E529F, 14.58492px -27.43024px 0 0.93333px #0E529F, 13.64796px -27.98245px 0 0.86667px #0E529F, 12.69018px -28.50262px 0 0.8px #0E529F, 11.7127px -28.98995px 0 0.73333px #0E529F, 10.71663px -29.4437px 0 0.66667px #0E529F, 9.70313px -29.86317px 0 0.6px #0E529F, 8.67339px -30.2477px 0 0.53333px #0E529F, 7.6286px -30.59666px 0 0.46667px #0E529F, 6.57001px -30.90946px 0 0.4px #0E529F, 5.49886px -31.18558px 0 0.33333px #0E529F, 4.41643px -31.42451px 0 0.26667px #0E529F, 3.32401px -31.6258px 0 0.2px #0E529F, 2.22291px -31.78904px 0 0.13333px #0E529F, 1.11446px -31.91388px 0 0.06667px #0E529F, 0 -32px 0 0 #0E529F, -1.11911px -32.04713px 0 -0.06667px #0E529F, -2.24151px -32.05506px 0 -0.13333px #0E529F, -3.36582px -32.02361px 0 -0.2px #0E529F, -4.49065px -31.95265px 0 -0.26667px #0E529F, -5.61462px -31.84212px 0 -0.33333px #0E529F, -6.73634px -31.69198px 0 -0.4px #0E529F, -7.8544px -31.50227px 0 -0.46667px #0E529F, -8.9674px -31.27305px 0 -0.53333px #0E529F, -10.07395px -31.00444px 0 -0.6px #0E529F, -11.17266px -30.69663px 0 -0.66667px #0E529F, -12.26212px -30.34982px 0 -0.73333px #0E529F, -13.34096px -29.96429px 0 -0.8px #0E529F, -14.4078px -29.54036px 0 -0.86667px #0E529F, -15.46126px -29.07841px 0 -0.93333px #0E529F, -16.5px -28.57884px 0 -1px #0E529F, -17.52266px -28.04212px 0 -1.06667px #0E529F, -18.52792px -27.46878px 0 -1.13333px #0E529F, -19.51447px -26.85936px 0 -1.2px #0E529F, -20.48101px -26.21449px 0 -1.26667px #0E529F, -21.42625px -25.53481px 0 -1.33333px #0E529F, -22.34896px -24.82104px 0 -1.4px #0E529F, -23.2479px -24.07391px 0 -1.46667px #0E529F, -24.12186px -23.29421px 0 -1.53333px #0E529F, -24.96967px -22.48279px 0 -1.6px #0E529F, -25.79016px -21.64052px 0 -1.66667px #0E529F, -26.58223px -20.76831px 0 -1.73333px #0E529F, -27.34477px -19.86714px 0 -1.8px #0E529F, -28.07674px -18.938px 0 -1.86667px #0E529F, -28.7771px -17.98193px 0 -1.93333px #0E529F, -29.44486px -17px 0 -2px #0E529F, -30.07908px -15.99333px 0 -2.06667px #0E529F, -30.67884px -14.96307px 0 -2.13333px #0E529F, -31.24325px -13.91039px 0 -2.2px #0E529F, -31.7715px -12.83652px 0 -2.26667px #0E529F, -32.26278px -11.74269px 0 -2.33333px #0E529F, -32.71634px -10.63018px 0 -2.4px #0E529F, -33.13149px -9.5003px 0 -2.46667px #0E529F, -33.50755px -8.35437px 0 -2.53333px #0E529F, -33.84391px -7.19374px 0 -2.6px #0E529F, -34.14px -6.0198px 0 -2.66667px #0E529F, -34.39531px -4.83395px 0 -2.73333px #0E529F, -34.60936px -3.63759px 0 -2.8px #0E529F, -34.78173px -2.43218px 0 -2.86667px #0E529F, -34.91205px -1.21916px 0 -2.93333px #0E529F, -35px 0 0 -3px #0E529F, -35.04531px 1.22381px 0 -3.06667px #0E529F, -35.04775px 2.45078px 0 -3.13333px #0E529F, -35.00717px 3.6794px 0 -3.2px #0E529F, -34.92345px 4.90817px 0 -3.26667px #0E529F, -34.79654px 6.13557px 0 -3.33333px #0E529F, -34.62643px 7.36007px 0 -3.4px #0E529F, -34.41316px 8.58016px 0 -3.46667px #0E529F, -34.15683px 9.79431px 0 -3.53333px #0E529F, -33.85761px 11.001px 0 -3.6px #0E529F, -33.5157px 12.19872px 0 -3.66667px #0E529F, -33.13137px 13.38594px 0 -3.73333px #0E529F, -32.70493px 14.56117px 0 -3.8px #0E529F, -32.23675px 15.72291px 0 -3.86667px #0E529F, -31.72725px 16.86968px 0 -3.93333px #0E529F, -31.17691px 18px 0 -4px #0E529F, -30.58627px 19.11242px 0 -4.06667px #0E529F, -29.95589px 20.2055px 0 -4.13333px #0E529F, -29.28642px 21.27783px 0 -4.2px #0E529F, -28.57852px 22.32799px 0 -4.26667px #0E529F, -27.83295px 23.35462px 0 -4.33333px #0E529F, -27.05047px 24.35635px 0 -4.4px #0E529F, -26.23192px 25.33188px 0 -4.46667px #0E529F, -25.37819px 26.27988px 0 -4.53333px #0E529F, -24.49018px 27.1991px 0 -4.6px #0E529F, -23.56888px 28.0883px 0 -4.66667px #0E529F, -22.6153px 28.94626px 0 -4.73333px #0E529F, -21.6305px 29.77183px 0 -4.8px #0E529F, -20.61558px 30.56385px 0 -4.86667px #0E529F, -19.57168px 31.32124px 0 -4.93333px #0E529F, -18.5px 32.04294px 0 -5px #0E529F, -17.40175px 32.72792px 0 -5.06667px #0E529F, -16.27818px 33.37522px 0 -5.13333px #0E529F, -15.1306px 33.98389px 0 -5.2px #0E529F, -13.96034px 34.55305px 0 -5.26667px #0E529F, -12.76875px 35.08186px 0 -5.33333px #0E529F, -11.55724px 35.56951px 0 -5.4px #0E529F, -10.32721px 36.01527px 0 -5.46667px #0E529F, -9.08014px 36.41843px 0 -5.53333px #0E529F, -7.81748px 36.77835px 0 -5.6px #0E529F, -6.54075px 37.09443px 0 -5.66667px #0E529F, -5.25147px 37.36612px 0 -5.73333px #0E529F, -3.95118px 37.59293px 0 -5.8px #0E529F, -2.64145px 37.77443px 0 -5.86667px #0E529F, -1.32385px 37.91023px 0 -5.93333px #0E529F; } .sidebar .sidebar-menu > ul > li.active svg, .settings-sidebar .sidebar-menu > ul > li.active svg { color: #0E529F; } .sidebar .sidebar-menu > ul > li > a:hover, .settings-sidebar .sidebar-menu > ul > li > a:hover { background: rgba(14, 82, 159, 0.08); color: #0E529F; } .sidebar .sidebar-menu > ul > li > a:hover span, .settings-sidebar .sidebar-menu > ul > li > a:hover span { color: #0E529F; } .sidebar .sidebar-menu > ul > li > a:hover svg, .settings-sidebar .sidebar-menu > ul > li > a:hover svg { color: #0E529F; } .sidebar .sidebar-menu > ul > li > a.active, .settings-sidebar .sidebar-menu > ul > li > a.active { background: rgba(14, 82, 159, 0.08); color: #0E529F; } .sidebar .sidebar-menu > ul > li > a.active span, .settings-sidebar .sidebar-menu > ul > li > a.active span { color: #0E529F; } .sidebar .sidebar-menu > ul > li > a.active .menu-arrow, .settings-sidebar .sidebar-menu > ul > li > a.active .menu-arrow { background: #E9F0FA; } .sidebar .sidebar-menu > ul > li > a.active .menu-arrow::before, .settings-sidebar .sidebar-menu > ul > li > a.active .menu-arrow::before { border-color: #0E529F; } .sidebar .sidebar-menu > ul > li.active a, .settings-sidebar .sidebar-menu > ul > li.active a { background: rgba(14, 82, 159, 0.08); } .sidebar .sidebar-menu > ul > li.active a span, .settings-sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } .sidebar .sidebar-menu > ul > li.submenu ul li a.active:after, .settings-sidebar .sidebar-menu > ul > li.submenu ul li a.active:after { background: #0E529F; } .sidebar .sidebar-menu > ul > li.submenu ul li a:hover, .settings-sidebar .sidebar-menu > ul > li.submenu ul li a:hover { color: #0E529F; } .sidebar .sidebar-menu > ul > li.submenu ul li a:hover:after, .settings-sidebar .sidebar-menu > ul > li.submenu ul li a:hover:after { background: #0E529F; } .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active, .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a.active { color: #0E529F; } .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active a span, .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a.active a span { color: #0E529F; } .sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after, .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a.active:after { background: #0E529F; } .sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover:after, .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a:hover:after { background: #0E529F; } .sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a, .settings-sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a { background: rgba(14, 82, 159, 0.08); color: #0E529F; } .sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a span, .sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a i, .settings-sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a span, .settings-sidebar .sidebar-menu > ul > li.submenu-open ul > li.active a i { color: #0E529F; } .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop, .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop { background: #E9F0FA; color: #0E529F; } .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span, .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i, .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop span, .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop i { color: #0E529F; } .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow, .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow { background: #E9F0FA; } .sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before, .settings-sidebar .sidebar-menu > ul > li > ul > li.submenu > a.subdrop .menu-arrow::before { border-color: #0E529F; } .sidebar .sidebar-menu > ul li.active a, .settings-sidebar .sidebar-menu > ul li.active a { color: #0E529F; } .sidebar .sidebar-menu > ul li.active svg, .settings-sidebar .sidebar-menu > ul li.active svg { color: #0E529F; } .sidebar .sidebar-menu > ul li .submenu > a.active, .settings-sidebar .sidebar-menu > ul li .submenu > a.active { background: #E9F0FA; color: #0E529F; } .sidebar .sidebar-menu > ul li .submenu > a.active span, .sidebar .sidebar-menu > ul li .submenu > a.active i, .settings-sidebar .sidebar-menu > ul li .submenu > a.active span, .settings-sidebar .sidebar-menu > ul li .submenu > a.active i { color: #0E529F; } .sidebar .sidebar-menu > ul li .submenu > a.active .menu-arrow, .settings-sidebar .sidebar-menu > ul li .submenu > a.active .menu-arrow { background: #E9F0FA; } .sidebar .sidebar-menu > ul li .submenu > a.active .menu-arrow::before, .settings-sidebar .sidebar-menu > ul li .submenu > a.active .menu-arrow::before { border-color: #0E529F; } .sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop, .settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop { color: #0E529F; } .sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop::after, .settings-sidebar .sidebar-menu > ul li .submenu .submenu-two > a.subdrop::after { background: #0E529F; } .sidebar .sidebar-menu .submenu-open .submenu ul li a:hover, .settings-sidebar .sidebar-menu .submenu-open .submenu ul li a:hover { color: #0E529F; } .sidebar .sidebar-menu .submenu-open .submenu ul li a:hover:after, .settings-sidebar .sidebar-menu .submenu-open .submenu ul li a:hover:after { background: #0E529F; border: 2px solid #E9F0FA; } .sidebar .sidebar-menu.subdrop .menu-arrow, .settings-sidebar .sidebar-menu.subdrop .menu-arrow { background: #E9F0FA; } .sidebar .nav-link.active, .settings-sidebar .nav-link.active { color: #0E529F; } .sidebar .sidebar-right ul li.active a, .settings-sidebar .sidebar-right ul li.active a { background: linear-gradient(46.62deg, #0E529F 0%, #423B93 93.64%); } .sidebar .sidebar-right ul li a.active, .settings-sidebar .sidebar-right ul li a.active { color: #0E529F; } .sidebar .sidemenu a:hover, .settings-sidebar .sidemenu a:hover { background: linear-gradient(46.62deg, #0E529F 0%, #423B93 93.64%); } .header-left #toggle_btn { background: #0E529F; } .sidebar .sidebar-logo #toggle_btn { background: #0E529F; } .topnav-dropdown-header .clear-noti { color: #0E529F; } [data-layout=modern] .header .header-user .user-menu .btn-menubar:hover, [data-layout=modern] .header .header-user .user-menu .btn-menubar:active, [data-layout=modern] .header .header-user .user-menu .btn-menubar.active { background-color: #E9F0FA; border-color: #E9F0FA; } [data-layout=horizontal-overlay] .header .header-user .user-menu .btn-menubar:hover { background: #E9F0FA; } [data-layout=horizontal-overlay] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active, [data-layout=horizontal-overlay] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover, [data-layout=horizontal-overlay] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop { background-color: #E9F0FA; } [data-layout=transparent] body, .data-layout-transparent body { background-color: #E9F0FA; } [data-layout=transparent] .header, .data-layout-transparent .header { border-bottom: 3px solid #0E529F; } [data-layout=transparent] .sidebar, .data-layout-transparent .sidebar { background-color: #E9F0FA; } body.data-layout-transparent { background-color: #E9F0FA; } body.data-layout-transparent .header { border-bottom: 3px solid #0E529F; } body.data-layout-transparent .sidebar { background-color: #E9F0FA; } [data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=sidebarcolorone] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=sidebarcolortwo] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=sidebarcolorthree] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=sidebarcolorfour] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=sidebarcolorfive] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=sidebarcolorsix] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=sidebarcolorseven] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=sidebarcoloreight] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=sidebarcolornine] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=sidebarcolorten] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=sidebarcoloreleven] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=sidebarcolortwelve] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=sidebarcolorthirteen] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=sidebarcolorfourteen] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-sidebar=all] .sidebar .sidebar-menu > ul > li.active a span { color: #0E529F; } [data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li.active a i { color: #0E529F; } [data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li a:hover, [data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a.active, [data-sidebar=all] .sidebar .sidebar-menu > ul > li ul li .submenu > ul li a:hover { color: #0E529F; } [data-layout=horizontal-overlay][data-topbarcolor=maroon] .header .header-user .user-menu .btn-menubar:hover { background: #E9F0FA; } [data-layout=horizontal-overlay][data-topbarcolor=maroon] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active, [data-layout=horizontal-overlay][data-topbarcolor=maroon] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover, [data-layout=horizontal-overlay][data-topbarcolor=maroon] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop { background-color: #E9F0FA; } [data-layout=horizontal-overlay][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar:hover, [data-layout=horizontal-sidemenu][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar:hover { background: #E9F0FA; } [data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active, [data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover, [data-layout=horizontal-overlay][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop, [data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active, [data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover, [data-layout=horizontal-sidemenu][data-topbarcolor=white] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop { background-color: #E9F0FA; } [data-layout=horizontal-overlay][data-topbarcolor=bluegem] .header .header-user .user-menu .btn-menubar:hover { background: #E9F0FA; } [data-layout=horizontal-overlay][data-topbarcolor=bluegem] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active, [data-layout=horizontal-overlay][data-topbarcolor=bluegem] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover, [data-layout=horizontal-overlay][data-topbarcolor=bluegem] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop { background-color: #E9F0FA; } [data-layout=horizontal-overlay][data-topbarcolor=all] .header .header-user .user-menu .btn-menubar:hover, [data-layout=horizontal-sidemenu][data-topbarcolor=all] .header .header-user .user-menu .btn-menubar:hover { background: #E9F0FA; } [data-layout=horizontal-overlay][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active, [data-layout=horizontal-overlay][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover, [data-layout=horizontal-overlay][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop, [data-layout=horizontal-sidemenu][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.active, [data-layout=horizontal-sidemenu][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a:hover, [data-layout=horizontal-sidemenu][data-topbarcolor=all] .sidebar-horizontal.sidebar .sidebar-menu .nav-menu > li.submenu > a.subdrop { background-color: #E9F0FA; } [data-layout=horizontal-overlay][data-topbarcolor=primary] [data-topbarbg=pattern3] .main-wrapper::before, [data-layout=horizontal-sidemenu][data-topbarcolor=primary] [data-topbarbg=pattern3] .main-wrapper::before { background: rgba(14, 82, 159, 0.85); } [data-layout=modern][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar:hover, [data-layout=modern][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar:active, [data-layout=modern][data-topbarcolor=white] .header .header-user .user-menu .btn-menubar.active { background-color: #E9F0FA; border-color: #E9F0FA; } [data-layout=modern][data-topbarcolor=blue] .header .header-user .user-menu .btn-menubar:hover, [data-layout=modern][data-topbarcolor=blue] .header .header-user .user-menu .btn-menubar:active, [data-layout=modern][data-topbarcolor=blue] .header .header-user .user-menu .btn-menubar.active { background-color: #E9F0FA; border-color: #E9F0FA; } [data-layout=modern][data-topbarcolor=primary] .header { background-color: #0E529F; border-color: #5B8FD0; } [data-layout=modern][data-topbarcolor=primary] .page-wrapper::before { background: #0E529F; } [data-color=primary] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-color=primary] .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before { border-right: 2px solid #0E529F; border-bottom: 2px solid #0E529F; } [data-color=primary] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop { color: #0E529F; } [data-color=primary] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span { color: #0E529F; } [data-color=primary] .sidebar .sidebar-menu > ul li .submenu > ul li a:before { background: #0E529F; } [data-color=primary] .sidebar .sidebar-menu > ul li .submenu > ul li a.active { color: #0E529F; } [data-color=primary] .sidebar .sidebar-menu > ul li .submenu > ul li a:hover { color: #0E529F; } [data-color=primary] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop, [data-color=primary] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active { color: #0E529F; } [data-color=primary] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a:hover, [data-color=primary] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a.active { color: #0E529F; } [data-color=primary] .btn.btn-primary, [data-color=primary] .page-header .btn-added { background-color: #0E529F !important; border: 1px solid #0E529F !important; } [data-color=primary] .btn.btn-primary:hover, [data-color=primary] .btn.btn-primary:focus, [data-color=primary] .btn.btn-primary.focus, [data-color=primary] .btn.btn-primary:active, [data-color=primary] .btn.btn-primary.active, [data-color=primary] .page-header .btn-added:hover, [data-color=primary] .page-header .btn-added:focus, [data-color=primary] .page-header .btn-added.focus, [data-color=primary] .page-header .btn-added:active, [data-color=primary] .page-header .btn-added.active { background-color: #0A3F7A; border: 1px solid #0A3F7A; } [data-color=primary] .btn-check:checked + .btn, [data-color=primary] .btn.active, [data-color=primary] .btn.show, [data-color=primary] .btn.show:hover, [data-color=primary] .btn:first-child:active, [data-color=primary] :not(.btn-check) + .btn:active { background-color: #0E529F; border-color: #0E529F; } [data-color=primary] .link-primary { color: #0E529F !important; } [data-color=primary] .link-primary:hover, [data-color=primary] .link-primary:focus, [data-color=primary] .link-primary:active { color: #0A3F7A; } [data-color=primary] .text-primary { color: #0E529F !important; } [data-color=primary] .badge.badge-primary { background: #0E529F; } [data-color=primary] .dataTables_paginate .pagination li.active a.page-link { background: #0E529F; border-color: #0E529F; } [data-color=primary] .bg-primary { background-color: #0E529F !important; border: 1px solid #0E529F !important; } [data-color=primary] .border-bottom.border-primary { border-color: #0E529F !important; } [data-color=primary] .border-primary { border-color: #0E529F !important; } [data-color=primary] .nav-tabs.nav-tabs-bottom li a.active, [data-color=primary] .nav-tabs.nav-tabs-bottom li a:hover { border-bottom-color: #0E529F; color: #0E529F; } [data-color=primary] .badge.badge-soft-primary { background: rgba(14, 82, 159, 0.1); color: #0E529F; } [data-color=primary] .btn-outline-primary { border: 1px solid #0E529F !important; color: #0E529F !important; } [data-color=primary] .btn-outline-primary:hover, [data-color=primary] .btn-outline-primary:focus, [data-color=primary] .btn-outline-primary.focus, [data-color=primary] .btn-outline-primary:active, [data-color=primary] .btn-outline-primary.active { background-color: #0E529F !important; border: 1px solid #0E529F !important; } [data-color=primary] .ts-wrapper.single.dropdown-active .ts-control { border-color: #0E529F; } [data-color=primary] .ts-dropdown .option.active { background: #0E529F; } [data-color=primary] .nav-tabs.nav-tabs-solid.nav-tabs-rounded-fill li a.active { background-color: #0E529F; border-color: #0E529F; } [data-color=primary] .nav-tabs .nav-link:hover { color: #0E529F; } [data-color=primary] .form-check-input:checked { background-color: #0E529F; border-color: #0E529F; } [data-color=primary] .sidebar-contact .toggle-theme { background-color: #0E529F; } [data-color=primary] .header .header-user .user-menu .profile-dropdown .dropdown-item:hover { color: #0E529F; } [data-color=primary] #sales-purchase .apexcharts-bar-series .apexcharts-series:nth-child(1) path, [data-color=primary] #revenue-income .apexcharts-bar-series .apexcharts-series:nth-child(1) path, [data-color=primary] #leads_stage .apexcharts-bar-series .apexcharts-series:nth-child(1) path, [data-color=primary] #s-col .apexcharts-bar-series .apexcharts-series:nth-child(1) path, [data-color=primary] #s-col-stacked .apexcharts-bar-series .apexcharts-series:nth-child(1) path { fill: #0E529F; } [data-color=primary] #deals_stage .apexcharts-bar-series .apexcharts-series path, [data-color=primary] #emp-department .apexcharts-bar-series .apexcharts-series path, [data-color=primary] #s-bar .apexcharts-bar-series .apexcharts-series path, [data-color=primary] #mixed-chart .apexcharts-bar-series .apexcharts-series path { fill: #0E529F; } [data-color=primary] #mixed-chart .apexcharts-legend-series:first-child .apexcharts-legend-marker, [data-color=primary] #s-col-stacked .apexcharts-legend-series:first-child .apexcharts-legend-marker, [data-color=primary] #s-col .apexcharts-legend-series:first-child .apexcharts-legend-marker { fill: #0E529F; } [data-color=primary] #s-line .apexcharts-line-series .apexcharts-series path { stroke: #0E529F; } [data-color=primary] #s-line .apexcharts-line-series .apexcharts-marker { fill: #0E529F; } [data-color=primary] #chart-bar-stacked .c3-target-data2 .c3-bar, [data-color=primary] #chart-bar .c3-target-data2 .c3-bar, [data-color=primary] #chart-bar-rotated .c3-target-data2 .c3-bar { fill: #0E529F !important; } [data-color=primary] #chart-spline-rotated .c3-target-data2 .c3-line { stroke: #0E529F !important; } [data-color=primary] #chart-spline-rotated .c3-target-data2 .c3-circle { fill: #0E529F; } [data-color=primary] .nav.tab-style-1 .nav-link.active { background-color: #0E529F !important; } [data-color=primary] .table tbody tr td a:hover { color: #0E529F; } [data-theme=dark] .head-icons a:hover { background: #0E529F; } [data-theme=dark] .sidebar .sidebar-menu > ul > li ul li a.active { color: #0E529F; } [data-theme=dark] .sidebar .sidebar-menu > ul > li ul > li.active a .menu-arrow::before { border-right: 2px solid #0E529F; border-bottom: 2px solid #0E529F; } [data-theme=dark] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop { color: #0E529F; } [data-theme=dark] .sidebar .sidebar-menu > ul > li ul > li.active a.subdrop span { color: #0E529F; } [data-theme=dark] .sidebar .sidebar-menu > ul li .submenu > ul li a:before { background: #0E529F; } [data-theme=dark] .sidebar .sidebar-menu > ul li .submenu > ul li a.active { color: #0E529F; } [data-theme=dark] .sidebar .sidebar-menu > ul li .submenu > ul li a:hover { color: #0E529F; } [data-theme=dark] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.subdrop, [data-theme=dark] .sidebar .sidebar-menu > ul li .submenu.submenu-two a.active { color: #0E529F; } [data-theme=dark] .sidebar-stacked.sidebar .sidebar-right ul li.submenu ul > li > a:hover, [data-theme=dark] .sidebar-stacked.sidebar .sidebar-right ul li.submenu ul > li > a.active { color: #0E529F; } [data-theme=dark] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a:hover, [data-theme=dark] .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a.active { color: #0E529F; } [data-theme=dark] .border.border-primary { border: 1px solid #0E529F !important; } [data-theme=dark] .vertical-tabs-2 .nav-item .nav-link.active { background-color: #0E529F; } [data-theme=dark] .nav-tabs.nav-tabs-top li a.active { border-top-color: #0E529F; } [data-theme=dark] .tab-style-3 .nav-item .nav-link.active:before { background-color: #0E529F; } [data-theme=dark] .tab-style-3 .nav-item .nav-link.active:after { border-color: #0E529F; color: #0E529F; } [data-theme=dark] .table .thead-primary th { background-color: #0E529F; } [data-theme=dark] .dropdown-menu .dropdown-item:not(.active):hover, [data-theme=dark] .dropdown-menu .dropdown-item:not(.active):focus, [data-theme=dark] .dropdown-menu .dropdown-item:not(.active):active { background-color: #0E529F; } [data-theme=dark] .dropdown-menu .dropdown-item.active { background-color: #0E529F; } [data-theme=dark] .theme-width input[type=radio]:checked ~ label { border-color: #0E529F; } [data-theme=dark] .theme-width input[type=radio]:checked ~ label::before { border-color: #0E529F; } [data-theme=dark] .theme-width label::after { background: #0E529F; } [data-theme=dark] .theme-sidebarcolor input[type=radio]:checked ~ label { border-color: #0E529F !important; } [data-theme=dark] .theme-sidebarcolor input[type=radio]:checked ~ label:after { color: #0E529F; } [data-theme=dark] .theme-sidebarbg input[type=radio]:checked ~ label:after { color: #0E529F; } [data-theme=dark] .custom-themecolor input[type=radio]:checked ~ label { outline-color: #0E529F; } [data-theme=dark] .custom-themecolor input[type=radio]:checked ~ label:after { color: #0E529F; } [data-theme=dark] .theme-colorsset label.primary-clr::before { background: #0E529F; } [data-theme=dark] .theme-mode input[type=radio]:checked ~ label { border-color: #0E529F; } [data-theme=dark] .theme-layout.active img { border: 1px solid #0E529F; } [data-theme=dark] .theme-layout input[type=radio]:checked ~ label .layout-img img { border-color: #0E529F; } [data-theme=dark] .bg-primary-100 a:hover { color: #0E529F; } [data-theme=dark] .checkout.payment-item:hover { border-color: #0E529F; color: #0E529F; } [data-theme=dark] .transaction-tab.nav-tabs li a.active, [data-theme=dark] .transaction-tab.nav-tabs li a:hover { border-color: #0E529F; } .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a:hover { color: #0E529F; } .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a:hover, .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu ul li a.active { color: #0E529F; } .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.active, .sidebar-horizontal.sidebar .sidebar-menu ul li.submenu > a.subdrop { color: #0E529F; } .sidebar-twocol.sidebar .nav-link.active, .sidebar-twocol.sidebar .nav-link:hover { background: #E9F0FA; } .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop { background: #E9F0FA; color: #0E529F; } .sidebar-twocol.sidebar .sidebar-right ul li a.subdrop:hover { color: #0E529F; } .sidebar-twocol.sidebar .sidebar-right ul li a.active { background: #E9F0FA; color: #0E529F; } .sidebar-twocol.sidebar .sidebar-right ul li.active a { background: #E9F0FA; } .sidebar-twocol.sidebar .sidebar-right ul li.submenu > a:hover { background: #E9F0FA; } .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a:hover, .sidebar-twocol.sidebar .sidebar-right ul li.submenu ul > li > a.active { color: #0E529F; } .sidebar-twocol.sidebar .sidebar-right .tab-pane > ul > li > a:hover { background: #E9F0FA; } [data-theme=dark] .slider-product-details .product-prev:hover, [data-theme=dark] .slider-product-details .product-next:hover { background: #0E529F; } .sidebar-contact .toggle-theme { background: #0E529F; } .theme-colorsset label.primary-clr::before { background: #0E529F; } .custom-themecolor label.primary-topbar { background: #0E529F; } .theme-sidebarcolor input[type=radio]:checked ~ label { border-color: #0E529F !important; } .theme-sidebarcolor input[type=radio]:checked ~ label:after { color: #0E529F; } [data-color=all] .theme-colorsset .pickr-container-primary { border-color: #0E529F; } [data-topbarcolor=all] .custom-themecolor .pickr-topbarcolor { outline-color: #0E529F; } [data-topbar=all] .custom-themecolor .pickr-topbar { outline-color: #0E529F; } [data-sidebar=all] .custom-themecolor .pickr-container-background { outline-color: #0E529F; } .main-chat-blk .chat .chat-body .messages .file-download .file-details ul li a { color: #0E529F; } .main-chat-blk .chat .chat-footer form .form-buttons .btn.send-btn { background: #0E529F; } .main-chat-blk .chat-options.chat-option-profile .list-inline-item a { background: #0E529F; } .main-chat-blk .btn-warning:hover { background-color: #5B8FD0; } .main-chat-blk .chat-voice-group ul li span { background: #0E529F; } .main-chat-blk .count-group span { background: #0E529F; } .main-chat-blk .nav.nav-tabs.chat-tabs .nav-item .nav-link.active { color: #5B8FD0; } .main-chat-blk .primary-title { color: #5B8FD0; } .main-chat-blk .list_group_notread { color: #5B8FD0 !important; } .main-chat-blk .right-sidebar-head.share-media .about-media-tabs .nav .nav-item.active { background: #0E529F; } .main-chat-blk .fav-title a { color: #0E529F; } .main-chat-blk .tooltip .arrow { background-color: #0E529F; } .main-chat-blk .tooltip .tooltip-inner { background-color: #0E529F; } .main-chat-blk .sidebar .user-list li a:hover { background-color: rgba(14, 82, 159, 0.08); border: 1px solid rgba(14, 82, 159, 0.08); } .main-chat-blk .sidebar .user-list li .users-list-body .last-chat-time .new-message-count { background-color: #0E529F; } .chat-cont-right .img_cont .user_img { border: 1.5px solid #0E529F; } .chat-cont-right ul.list-unstyled .media.sent .media-body .chat-msg-info li:not(:last-child)::after { background: #0E529F; } .chat-cont-right ul.list-unstyled .media.received .media-body::before { border-right: 6px solid #0E529F; border-top: 6px solid #0E529F; } .chat-cont-right ul.list-unstyled .media.received .media-body > div { background-color: #0E529F; } .history-modal-profile .right-sidebar-profile .list-inline-item a { background: #0E529F; } .chat-wrapper .chat-users-wrap .chat-user-list .chat-user-info .chat-user-time .count-message { background-color: #0E529F; } .chat-wrapper .chat .chat-body .messages .chats.chats-right .message-content .file-attach .file-icon { color: #0E529F; } .chat-wrapper .chats.chats-right .message-content { background-color: #0E529F; } .chat-wrapper .emoj-group > ul > li > a:hover { background-color: #0E529F; } .chat-wrapper .emoj-group-list ul li.add-emoj a, .chat-wrapper .emoj-group-list-foot ul li.add-emoj a { background-color: #0E529F; } .chat-wrapper .action-wrap i { color: #0E529F; } .chat-wrapper .link-icon:hover { color: #0E529F; } .chat-wrapper .contact-actions a:hover { background: #0E529F; border-color: #0E529F; } .chat-wrapper .chat-body .dropdown-item.active { background-color: #0E529F; } .dash-count { background: #0E529F; } .daterangepicker td.active, .daterangepicker td.active:hover { background: #0E529F; } .sales-cards .card h6 { color: #0E529F; } .dropdown-wraper .btn-white:hover, .dropdown-wraper .btn-white:active, .dropdown-wraper .btn-white.show { background: #0E529F; border-color: #0E529F; } .category-item.category-primary p::before { background: #0E529F; } .transaction-tab.nav-tabs li a.active, .transaction-tab.nav-tabs li a:hover { border-color: #0E529F; } .btn-group.custom-btn-group .btn.active { border-color: #0E529F; background: #0E529F; } .todo-grid-view.active, .todo-list-view.active { background: #0E529F; } .email-tags a.viewall-button:hover { color: #0E529F; } .list-item-hover:hover { border-color: #0E529F !important; } a.link-hover:hover { color: #0E529F !important; } .drag-upload-btn:hover { background: #0E529F; border-color: #0E529F; } .otp-input input.active { border: 2px solid #0E529F; } .comming-soon-pg .coming-soon-box h1 span { color: #0E529F; } .comming-soon-pg .coming-soon-box .social-media-icons li a:hover { background-color: #0E529F; } .login-wrapper .login-content .form-login input:focus { border: 1px solid #0E529F; } .login-wrapper .login-content .form-login .btn-login { background: #0E529F; border-color: #0E529F; } .login-wrapper .login-content .form-login .btn-login:hover { color: #0E529F; } .login-wrapper .login-content .form-login .alreadyuser h4 a { color: #0E529F; } .login-wrapper .login-content .toggle-password:hover { color: #0E529F; } .login-wrapper .login-content .toggle-passwords:hover { color: #0E529F; } .login-wrapper .login-content .form-sociallink ul li a:hover { background: #0E529F; } .hover-a:after { background: #0E529F; } .hover-a:hover { color: #0E529F !important; } .login-body .login-wrapper .loginbox .login-right .login-right-wrap form .btn-primary { background: #0E529F; } .login-body .login-wrapper .loginbox .login-right .login-right-wrap form .btn-primary:hover { color: #0E529F; } .add-icon span, .add-icon a { background: #0E529F; } .productimg .productlinkset h5 { background: #0E529F; } .tab-set ul li.active a { background: #0E529F; } .btn-pos ul li a.btn-recent { background: #0E529F; } .calculator-set .calculatortotal h4 { background: #0E529F; } .hold-order h2 { color: #0E529F; } .btn-set h4 { background: #0E529F; } .header-menuset ul li a { border: 1px solid #0E529F; background: #0E529F; } .invoice-load-btn .btn { color: #0E529F; border: 2px solid #0E529F; } .invoice-load-btn .btn span { border-right-color: #0E529F; } .invoice-load-btn .btn:hover { background: #0E529F; } .btn-scanner-set:hover { background: #0E529F; } .productset .productsetimg h6 { background: #0E529F; } .tabs_wrapper ul.tabs li.active { border-color: #0E529F; } .profile-set .profile-head { background: linear-gradient(90deg, #FF7765 0%, #0E529F 100%); } .profile-set .profile-top .profileupload a { background: #0E529F; } .modal-title-head h6 svg { color: #0E529F; } .search-path.search-path-new .btn-list.active, .search-path.search-path-new .btn-grid.active { background-color: #0E529F; } .search-path.search-path-new .btn-list:hover, .search-path.search-path-new .btn-grid:hover { background-color: #0E529F; } .layout-box { background: #0E529F; } table tbody td.action-table-data a.cancel-circle svg { color: #0E529F; } #collapse-header.active { background-color: #0E529F; border-color: #0E529F; } .checkout.payment-item:hover { background-color: #E9F0FA; border-color: #0E529F; color: #0E529F; } .page-header .btn-added.color:hover { background-color: #0E529F; } .add-newplus .plus-down-add { color: #0E529F; } .add-newplus span { color: #0E529F; } .add-product .add-icon a:hover { background-color: #0E529F; } .notes-page-wrapper .content .section-bulk-wrap .bulk-action-type .btn-added:hover { background: #0E529F; } .dropdown-menu.notes-menu a.dropdown-item:hover { background: #0E529F; } .edit-note-head a:hover { background: #0E529F; } .notes-dash .notes-top-head-submenu ul li span { background: #0E529F; } .notes-top-head-submenu .nav.todo-inbox button.todo-inbox span { background: #0E529F; } .custom-pagination .paginations .page-wrap li a.active { background: #0E529F; } .custom-pagination .paginations .page-wrap li :hover { background: #0E529F; } .section-notes-slider .notes-slider.slick-slider .slick-arrow-wrap button:hover i { color: #0E529F; } .employee-grid-profile .profile-info h5 { color: #0E529F; } .card-title-head h6 svg { color: #0E529F; } .new-employee-field .image-upload { background-color: #0E529F; } .checkboxs.modal-table-check input:checked ~ .checkmarks { border-color: #0E529F; } .todo-inbox-check .checkboxs input:checked ~ .checkmarks { border-color: #0E529F; } .daterangepicker .ranges li.active { background-color: #0E529F !important; } .todo-today-content .todo-today-header h6 { background-color: #0E529F; } .image-upload .image-uploads h4 span { color: #0E529F; } .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active { background-color: #E9F0FA; color: #0E529F; } .settings-wrapper .settings-sidebar .sidebar-menu .submenu-open ul .submenu ul li a.active::after { background-color: #0E529F; } .card-title-head h6 span { color: #0E529F; } .appearance-settings .theme-type-images .theme-image.active { border-color: #0E529F; } .appearance-settings .theme-type-images .theme-image.active span { color: #0E529F; } .theme-colors ul li span { background-color: #0E529F; } .theme-colors ul li span.active:after { background-color: #0E529F; } .input-notify-info span { color: #0E529F; } .bank-settings .btn-list.active, .bank-settings .btn-grid.active { background-color: #0E529F; } .table tbody td.action-table-data .language-action a:hover { background-color: #0E529F; } .table tbody td.action-table-data .language-action a.language-import:hover { background-color: #0E529F; } .back-btn a.btn-translation:hover { background-color: #0E529F; } .settings-wrapper .sidebar-menu .submenu.submenu-two > a.subdrop { background: #E9F0FA; } .invoice-card:hover { border-color: #0E529F; } .invoice-card:hover .avatar { background: #0E529F !important; } .pos-category .slick-slide:hover, .pos-category .slick-slide.active, .pos-category .swiper-slide:hover, .pos-category .swiper-slide.active { border-color: #0E529F; } .pos-category .slick-slide:hover h6 a, .pos-category .slick-slide.active h6 a, .pos-category .swiper-slide:hover h6 a, .pos-category .swiper-slide.active h6 a { color: #0E529F; } .pos-category .slick-arrow-wrap button.slick-next:hover, .pos-category .slick-arrow-wrap button.slick-prev:hover { background-color: #0E529F; border-color: #0E529F; } .pos-products .qty-item .dec:hover, .pos-products .qty-item .inc:hover { color: #0E529F; } .pos-products .product-info h6.cat-name a:hover { color: #0E529F; } .product-wrap .product-list .info span { background-color: #0E529F; } .product-wrap .product-list .qty-item .dec:hover, .product-wrap .product-list .qty-item .inc:hover { color: #0E529F; } .product-wrap .product-list .action a.edit-icon:hover { background-color: #0E529F; border-color: #0E529F; } aside.product-order-list .product-added h5 .count { background: #0E529F; } aside.product-order-list .payment-method .methods .payment-item:hover, aside.product-order-list .payment-method .methods .payment-item.active { background-color: #E9F0FA; border-color: #0E529F; color: #0E529F; } aside.product-order-list .payment-method .methods .payment-item:hover i, aside.product-order-list .payment-method .methods .payment-item.active i { color: #0E529F; } .pos-modal.upload-modal .modal-body ul li h6:hover a { color: #0E529F; } .pos-three .product-info:hover, .pos-three .product-info.active { border-color: #0E529F; } .pos-category3:hover { border-color: #0E529F; } .quick-cash .form-check .btn-check:checked + .btn { background: #E9F0FA; border-color: #0E529F; } .pos-category5 .swiper-slide:hover, .pos-category5 .swiper-slide.active, .pos-category5 .slick-slide:hover, .pos-category5 .slick-slide.active { border-color: #0E529F; } .calculator-wrap .calculator-body .btn-clear { background: #0E529F; } .new-join-link .chat-user-actives .meet-border:hover { background: #0E529F; } .new-join-link .chat-user-actives .meet-border svg { color: #0E529F; } .new-join-link .chat-user-actives .recent-user-titles h5 { color: #0E529F; } .single-video .join-video .video-avatar img { border: 2px solid #0E529F; } .video-expand:hover { background: #0E529F; } .meet-chat-blk .join-call .join-video .video-avatar img { border: 2px solid #0E529F; } .meet-drop.meet-mutes { background: #0E529F; } .meet-drop.meet-mutes-bottom { background: #0E529F; } .meet-call-menu-blk .video-call-action ul li.active a { background: #0E529F; border-color: #0E529F; } .volume-col #volume .ui-slider-range-min { background: #0E529F; } .volume-col #volume .ui-slider-handle { background: #0E529F; } .right-user-side.call-user-side .slime-grp .chat-options ul li a:hover { background: #0E529F; border-color: #0E529F; } .right-user-side.right-side-party .slime-grp .card-body-blk .user-list .user-list-item .users-list-body .last-chat-time .new-message-count { background-color: #0E529F; } .right-user-side .slime-grp .chat-footer form .send-chat a { background: #0E529F; } .slick-slider.video-slide .slick-arrow-wrap button.slick-next:hover, .slick-slider.video-slide .slick-arrow-wrap button.slick-prev:hover { background-color: #0E529F; } .audio-call-group ul li.active .avatar::before { border: 1px solid #0E529F; } .audio-call-group ul li .more-icon a { background-color: #0E529F; } .custom-input::-webkit-slider-thumb { background: #0E529F !important; } .custom-input::-moz-range-thumb { background: #0E529F !important; } .right-user-side.right-side-party .party-msg-blk .last-call-time .call-recent svg { color: #0E529F; } .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { stroke: #0E529F; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { color: #0E529F; fill: #0E529F; } .flatpickr-months .flatpickr-month { color: #0E529F; fill: #0E529F; } .flatpickr-day.today { border-color: #0E529F; background-color: #0E529F; } .icons-list .icons-list-item:hover { color: #0E529F; } ul.sortable-list li, ol.sortable-list li { background-color: #0E529F; border: 1px solid #0E529F; } ul.sortable-list li.selected, ol.sortable-list li.selected { background-color: #0E529F; border: 1px solid #0E529F; } .google-map-overlay { background: #0E529F; border: solid 0.188rem #0E529F; } .flatpickr-day.today.inRange { color: #0E529F; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { fill: #0E529F; } .flatpickr-current-month .flatpickr-monthDropdown-months { border: 1px dashed #0E529F; } .flatpickr-day.today { border-color: #0E529F !important; background-color: #0E529F !important; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #0E529F; border-color: #0E529F; } .flatpickr-day.today:hover { background-color: #0E529F !important; border-color: #0E529F !important; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { color: #0E529F; fill: #0E529F; } .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { stroke: #0E529F; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-block-end-color: #0E529F; } .numInputWrapper span.arrowUp:after { border-block-end: 0.25rem solid #0E529F; } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-block-start-color: #0E529F; } .numInputWrapper span.arrowDown:after { border-block-start: 0.25rem solid #0E529F; } span.flatpickr-weekday { color: #0E529F; } .flatpickr-months .flatpickr-month { color: #0E529F; fill: #0E529F; } .flatpickr-monthDropdown-months, .numInput { color: #0E529F; } .card-header-border .bg-primary .card-header { border-color: #5B8FD0; } .files-list a.active { background: #E9F0FA; } .files-list a:hover, .files-list a.active { background: #E9F0FA; } .welcome-wrap { background: #0E529F; } #company-chart .apexcharts-bar-series .apexcharts-series path:hover { fill: #0E529F; } .wishlist-products .qty-item .dec:hover, .wishlist-products .qty-item .inc:hover { color: #0E529F; } .wishlist-products .product-info h6.cat-name a:hover { color: #0E529F; } .content .call-img .call-overlay-top .pin-icon { background: #0E529F; } .guest-off.activate { background: #0E529F !important; } /* The DreamsPOS full-screen loader becomes a thin Washkr-blue bar: the page is never hidden. */ #global-loader { position: fixed !important; top: 0; left: 0; right: 0; bottom: auto !important; width: auto !important; height: 3px !important; background: transparent !important; z-index: 2000; overflow: hidden; pointer-events: none; } #global-loader .whirly-loader { display: none !important; } #global-loader::before { content: ''; position: absolute; top: 0; left: -40%; width: 40%; height: 3px; background: var(--w-accent); border-radius: 3px; animation: w-loader 1s ease-in-out infinite; } @keyframes w-loader { to { left: 100%; } } /* -------------------------------------------------------------- layout --- */ .header.w-header { left: var(--w-sidebar-w); height: var(--w-header-h); background: rgba(244, 246, 249, .92); backdrop-filter: saturate(1.4) blur(8px); border-bottom: 1px solid var(--w-line); box-shadow: inset 0 3px 0 var(--w-company); /* the active company's band */ } .page-wrapper { margin-left: var(--w-sidebar-w); padding-top: var(--w-header-h); background: var(--w-bg); } .page-wrapper .content { padding: 24px 32px 40px; max-width: 1480px; } .w-pagebar { margin-left: var(--w-sidebar-w); padding: calc(var(--w-header-h) + 18px) 32px 0; max-width: calc(1480px + var(--w-sidebar-w)); } .w-pagebar + .page-wrapper, .w-pagebar ~ .page-wrapper { padding-top: 0; } .w-pagebar ~ .page-wrapper .content { padding-top: 16px; } .footer { background: transparent; border: 0; color: var(--w-faint); } /* ------------------------------------------------------------- sidebar --- */ .sidebar.w-sidebar { width: var(--w-sidebar-w); background: var(--w-surface); border-right: 1px solid #E8ECF2; padding: 18px 12px 12px; top: 0; z-index: 1001; display: flex; flex-direction: column; gap: 14px; box-shadow: none; } .w-sidebar-top { display: flex; align-items: center; justify-content: space-between; padding: 0 8px; } .w-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--w-text); } .w-brand:hover { color: var(--w-text); } .w-brand-mark { width: 34px; height: 34px; border-radius: 10px; background: var(--w-accent); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; flex: none; } .w-brand-name { font-weight: 800; font-size: 18px; letter-spacing: -.02em; } .w-sidebar-close { border: 0; background: var(--w-track); width: 34px; height: 34px; border-radius: 10px; color: var(--w-text-2); } .w-sidebar .sidebar-inner { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; height: auto !important; margin: 0 -4px; padding: 0 4px; } .w-sidebar .slimScrollDiv { height: auto !important; flex: 1; } .w-nav { display: flex; flex-direction: column; gap: 14px; padding: 0 !important; } .w-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; } .w-nav-label { font-size: 11px; font-weight: 700; color: var(--w-faint); text-transform: uppercase; letter-spacing: .06em; padding: 0 10px 4px; } .w-nav-item { display: flex !important; align-items: center; gap: 10px; padding: 8px 10px !important; border-radius: 10px; text-decoration: none; font-size: 14px; font-weight: 500; color: var(--w-text-2) !important; background: transparent; } .w-nav-item i { font-size: 18px; width: 20px; text-align: center; color: inherit; flex: none; } .w-nav-item:hover { background: #EEF3FA; color: var(--w-text) !important; } .w-nav-item.is-active { background: var(--w-accent-tint); color: var(--w-accent) !important; font-weight: 700; } .w-nav-item.is-prominent { background: var(--w-accent); color: #fff !important; font-weight: 700; box-shadow: var(--w-shadow-btn); } .w-nav-item.is-prominent:hover { background: var(--w-accent-hover); color: #fff !important; } .w-nav-text { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .w-nav-badge { font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: var(--w-pill); background: var(--w-red-bg); color: var(--w-red); } .w-sidebar-overlay { display: none; } /* Company card (sidebar) */ .w-company { position: relative; } .w-company-card { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #E3E8F0; border-radius: var(--w-radius-sm); background: var(--w-surface-2); text-align: left; font-family: inherit; color: var(--w-text); box-shadow: inset 3px 0 0 var(--w-company); } button.w-company-card { cursor: pointer; } .w-company-card.dropdown-toggle::after { display: none; } .w-company-card .ti-chevron-down { color: var(--w-muted); } .w-company-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--w-company); flex: none; display: inline-block; } .w-company-text { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; } .w-company-cap { font-size: 11px; color: var(--w-muted); font-weight: 500; } .w-company-text .user-name { font-size: 14px; font-weight: 700; color: var(--w-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .w-company-menu { width: 100%; padding: 6px; border-radius: var(--w-radius-sm); } .w-company-menu .dropdown-item { display: flex; align-items: center; gap: 10px; border-radius: 8px; padding: 8px 10px; font-weight: 600; border: 0; background: transparent; width: 100%; text-align: left; } .w-company-menu .dropdown-item.active, .w-company-menu .dropdown-item:active { background: var(--w-accent-tint); color: var(--w-accent); } /* -------------------------------------------------------------- header --- */ .w-header-inner { height: 100%; display: flex; align-items: center; gap: 16px; padding: 0 32px !important; } .w-header-title { display: flex; align-items: center; gap: 12px; min-width: 0; } .w-header-page { font-size: 18px; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; } .w-company-pill { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; padding: 5px 12px; border-radius: var(--w-pill); background: var(--w-company-tint); color: var(--w-company-text, var(--w-accent)); font-size: 12px; font-weight: 700; } .w-header-actions { margin-left: auto; display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; list-style: none; padding: 0; float: none !important; } .w-header-actions > li { margin: 0 !important; } .w-header-actions .nav-item-box > a, .w-icon-btn { width: 40px; height: 40px; border-radius: 12px; border: 1px solid var(--w-line-strong); background: var(--w-surface); display: inline-flex; align-items: center; justify-content: center; color: var(--w-text-2); font-size: 18px; } .w-menu-btn { display: none; } .w-avatar-btn { border: 0; background: transparent; padding: 0; } .w-avatar { width: 38px; height: 38px; border-radius: 50%; background: var(--w-accent-tint); color: var(--w-accent); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px; flex: none; } .w-avatar-lg { width: 44px; height: 44px; font-size: 15px; } .w-avatar-sm { width: 30px; height: 30px; font-size: 11px; } .w-profile-menu { min-width: 240px; padding: 8px; border-radius: 14px; } .w-profile-head { display: flex; gap: 12px; align-items: center; padding: 8px 10px 12px; } .w-profile-head b { display: block; font-size: 14px; } .w-profile-head small { color: var(--w-muted); } .w-profile-menu .dropdown-item { display: flex; gap: 10px; align-items: center; border-radius: 8px; padding: 9px 10px; font-weight: 600; width: 100%; border: 0; background: transparent; text-align: left; } /* Ctrl+K search */ .w-search { position: relative; display: flex; align-items: center; gap: 8px; flex: 0 1 380px; min-width: 0; margin-left: auto; padding: 0 12px; height: 40px; border-radius: 12px; background: var(--w-surface); border: 1px solid var(--w-line-strong); color: var(--w-muted); } .w-search:focus-within { border-color: var(--w-accent); box-shadow: 0 0 0 3px var(--w-accent-tint); } .w-search input { border: 0; outline: 0; background: transparent; font: inherit; color: var(--w-text); flex: 1; min-width: 0; height: 100%; } .w-search + .w-header-actions { margin-left: 0; } .w-kbd { font-family: var(--w-font); font-size: 11px; padding: 2px 6px; border-radius: 6px; background: var(--w-track); border: 1px solid var(--w-line-strong); color: var(--w-muted); white-space: nowrap; } .w-search-results { position: absolute; top: calc(100% + 8px); left: 0; right: 0; min-width: 320px; max-height: 70vh; overflow-y: auto; background: var(--w-surface); border-radius: 14px; box-shadow: var(--w-shadow-pop); padding: 8px; z-index: 1050; } .w-search-group { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--w-faint); padding: 8px 10px 4px; } .w-search-item { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; color: var(--w-text); text-decoration: none; } .w-search-item i { color: var(--w-muted); font-size: 16px; } .w-search-item:hover, .w-search-item.is-focus { background: var(--w-surface-2); color: var(--w-text); } .w-search-item b { font-weight: 700; } .w-search-item small { color: var(--w-muted); margin-left: auto; white-space: nowrap; } .w-search-empty { padding: 14px 10px; color: var(--w-muted); } /* ------------------------------------------------------ page bar / tabs --- */ .w-pagebar-inner { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } .w-pagebar-title { font-size: 26px; font-weight: 800; letter-spacing: -.02em; margin-right: 6px; } .w-pagebar-action { margin-left: auto; } .w-tabs { display: inline-flex; gap: 4px; background: var(--w-track); padding: 4px; border-radius: var(--w-pill); flex-wrap: wrap; max-width: 100%; } .w-tab { border: 0; padding: 7px 14px; border-radius: var(--w-pill); font-size: 13px; font-weight: 600; background: transparent; color: var(--w-muted); text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; } .w-tab:hover { color: var(--w-text); } .w-tab.is-active { background: var(--w-surface); color: var(--w-text); box-shadow: 0 1px 3px rgba(16, 24, 40, .12); } .w-tab-count, .w-tabs .badge.w-tab-count, .w-chips .badge.w-tab-count { font-size: 11px; font-weight: 700; padding: 1px 7px; border-radius: var(--w-pill); background: var(--w-red-bg); color: var(--w-red); } .w-chips { display: inline-flex; gap: 8px; flex-wrap: wrap; } .w-chip { padding: 7px 14px; border-radius: var(--w-pill); border: 1px solid var(--w-line-strong); background: var(--w-surface); font-size: 13px; font-weight: 600; color: var(--w-text-2); text-decoration: none; display: inline-flex; gap: 6px; align-items: center; } .w-chip:hover { border-color: var(--w-accent-soft); color: var(--w-text); } .w-chip.is-active { background: var(--w-accent-tint); border-color: var(--w-accent-tint); color: var(--w-accent); } /* -------------------------------------------------- Washkr components --- */ .w-page-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; } .w-page-title { margin: 0; font-size: 26px; font-weight: 800; letter-spacing: -.02em; } .w-page-sub { margin: 4px 0 0; color: var(--w-muted); font-size: 14px; } .w-card { background: var(--w-surface); border-radius: var(--w-radius-lg); box-shadow: var(--w-shadow); padding: 20px 22px; min-width: 0; } .w-card-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; } .w-card-title { margin: 0; font-size: 16px; font-weight: 700; } .w-card-link { font-size: 13px; font-weight: 600; text-decoration: none; } .w-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } .w-grid-4 { display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); } .w-grid-3 { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); } .w-stack { display: flex; flex-direction: column; gap: 18px; } .w-stat { background: var(--w-surface); border-radius: var(--w-radius); box-shadow: var(--w-shadow); padding: 16px; display: flex; flex-direction: column; gap: 6px; text-decoration: none; color: inherit; min-width: 0; } a.w-stat:hover { color: inherit; box-shadow: 0 1px 2px rgba(16,24,40,.04), 0 10px 28px rgba(16,24,40,.08); } .w-stat-label { font-size: 12px; font-weight: 600; color: var(--w-muted); display: flex; align-items: center; gap: 8px; } .w-stat-value { font-size: 24px; font-weight: 800; letter-spacing: -.02em; line-height: 1.15; } .w-stat-value.is-big { font-size: 38px; letter-spacing: -.03em; } .w-stat-sub { font-size: 12px; color: var(--w-muted); } .w-label { font-size: 12px; font-weight: 600; color: var(--w-muted); } .w-num { font-variant-numeric: tabular-nums; } .w-pill { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: var(--w-pill); white-space: nowrap; line-height: 1.5; } .w-tone-blue { background: var(--w-accent-tint); color: var(--w-accent); } .w-tone-green { background: var(--w-green-bg); color: var(--w-green); } .w-tone-amber { background: var(--w-amber-bg); color: var(--w-amber); } .w-tone-red { background: var(--w-red-bg); color: var(--w-red); } .w-tone-grey { background: var(--w-grey-bg); color: var(--w-grey); } .w-tone-purple { background: var(--w-purple-bg); color: var(--w-purple); } .w-icon-tile { width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; flex: none; font-size: 18px; } .w-icon-tile.is-sm { width: 26px; height: 26px; border-radius: 8px; font-size: 14px; } .w-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 18px; border-radius: var(--w-pill); font-weight: 700; font-size: 14px; line-height: 1.2; border: 1px solid transparent; text-decoration: none; cursor: pointer; font-family: inherit; white-space: nowrap; transition: background .15s, box-shadow .15s, border-color .15s; } .w-btn i { font-size: 16px; } .w-btn-primary { background: var(--w-accent); color: #fff; box-shadow: var(--w-shadow-btn); } .w-btn-primary:hover, .w-btn-primary:focus { background: var(--w-accent-hover); color: #fff; } .w-btn-secondary { background: var(--w-surface); color: var(--w-text); border-color: var(--w-line-strong); font-weight: 600; } .w-btn-secondary:hover { border-color: var(--w-accent-soft); color: var(--w-text); } .w-btn-ghost { background: transparent; color: var(--w-accent); } .w-btn-sm { padding: 7px 12px; font-size: 13px; } .w-btn-block { width: 100%; } .w-btn[disabled], .w-btn.disabled { opacity: .5; pointer-events: none; } .w-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; } .w-table { width: 100%; border-collapse: collapse; font-size: 13px; } .w-table th { color: var(--w-faint); font-weight: 600; text-align: left; padding: 8px 10px; white-space: nowrap; border-bottom: 1px solid var(--w-line); } .w-table td { padding: 12px 10px; border-bottom: 1px solid var(--w-line); vertical-align: middle; } .w-table tbody tr:hover { background: #F7F9FC; } .w-table tr[data-drawer-url] { cursor: pointer; } .w-table .is-num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; } .w-list-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid var(--w-track); text-decoration: none; color: inherit; } .w-list-row:first-of-type { border-top: 0; } a.w-list-row:hover { color: inherit; background: var(--w-surface-2); margin: 0 -10px; padding: 10px; border-radius: 12px; } .w-list-main { flex: 1; min-width: 0; display: flex; flex-direction: column; } .w-list-main b { font-size: 13px; } .w-list-main span { font-size: 12px; color: var(--w-muted); } .w-empty { text-align: center; padding: 36px 16px; display: flex; flex-direction: column; align-items: center; gap: 8px; } .w-empty-icon { width: 52px; height: 52px; border-radius: 16px; background: var(--w-track); color: var(--w-muted); display: inline-flex; align-items: center; justify-content: center; font-size: 24px; } .w-empty-title { margin: 6px 0 0; font-weight: 700; font-size: 15px; color: var(--w-text); } .w-empty-text { margin: 0; color: var(--w-muted); max-width: 420px; } .w-empty-action { margin-top: 8px; } .w-skeleton { display: block; border-radius: 8px; background: linear-gradient(90deg, #EEF1F5 0%, #F7F9FC 50%, #EEF1F5 100%); background-size: 200% 100%; animation: w-shimmer 1.2s infinite linear; height: 14px; } .w-skeleton + .w-skeleton { margin-top: 10px; } .w-skeleton.is-title { height: 22px; width: 55%; } .w-skeleton.is-block { height: 72px; border-radius: 14px; } @keyframes w-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } } .w-plate { font-family: var(--w-mono); font-weight: 800; font-size: 12px; letter-spacing: .04em; padding: 4px 8px; border-radius: 6px; background: var(--w-plate-bg); border: 1px solid var(--w-plate-line); color: var(--w-text); white-space: nowrap; display: inline-block; } .w-stepper { display: flex; align-items: flex-start; } .w-step { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; position: relative; font-size: 12px; color: var(--w-faint); text-align: center; } .w-step::before { content: ''; position: absolute; top: 9px; right: 50%; left: -50%; height: 2px; background: var(--w-line-strong); } .w-step:first-child::before { display: none; } .w-step-dot { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--w-line-strong); background: var(--w-surface); position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; color: #fff; } .w-step.is-done { color: var(--w-text-2); font-weight: 600; } .w-step.is-done .w-step-dot { background: var(--w-accent); border-color: var(--w-accent); } .w-step.is-done::before, .w-step.is-current::before { background: var(--w-accent); } .w-step.is-current { color: var(--w-accent); font-weight: 700; } .w-step.is-current .w-step-dot { border-color: var(--w-accent); box-shadow: 0 0 0 4px var(--w-accent-tint); } .w-progress { height: 12px; border-radius: var(--w-pill); background: #EEF2F7; overflow: hidden; display: flex; gap: 3px; } .w-progress > span { display: block; height: 100%; border-radius: var(--w-pill); background: var(--w-accent); } .w-dot { width: 10px; height: 10px; border-radius: 3px; display: inline-block; flex: none; } .w-segmented { display: inline-flex; gap: 4px; background: var(--w-track); padding: 4px; border-radius: var(--w-pill); } .w-segmented button { border: 0; cursor: pointer; padding: 6px 14px; border-radius: var(--w-pill); font-size: 13px; font-weight: 600; background: transparent; color: var(--w-muted); font-family: inherit; } .w-segmented button.is-active { background: var(--w-surface); color: var(--w-text); box-shadow: 0 1px 3px rgba(16, 24, 40, .12); } .w-bars { display: flex; align-items: flex-end; gap: 10px; height: 170px; padding-top: 10px; } .w-bars-col { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%; justify-content: flex-end; min-width: 0; } .w-bars-pair { display: flex; gap: 3px; align-items: flex-end; height: 100%; width: 100%; justify-content: center; } .w-bars-pair span { width: 12px; max-width: 40%; border-radius: 6px 6px 2px 2px; min-height: 2px; } .w-bars-label { font-size: 11px; color: var(--w-faint); white-space: nowrap; } .w-report-group { display: flex; flex-direction: column; gap: 10px; margin-bottom: 22px; } .w-group-label { margin: 0; font-size: 13px; font-weight: 700; color: var(--w-faint); text-transform: uppercase; letter-spacing: .06em; } .w-report-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; } .w-report-card { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 14px; border: 1px solid var(--w-line); background: var(--w-surface); text-decoration: none; color: var(--w-text); } .w-report-card:hover { border-color: var(--w-accent-soft); box-shadow: 0 6px 18px rgba(16, 24, 40, .06); color: var(--w-text); } .w-report-text { display: flex; flex-direction: column; gap: 2px; } .w-report-text b { font-size: 14px; } .w-report-text span { font-size: 12px; color: var(--w-muted); } .w-action-card { display: flex; flex-direction: column; gap: 10px; padding: 20px; border-radius: var(--w-radius-lg); text-decoration: none; color: var(--w-text); background: var(--w-surface); box-shadow: var(--w-shadow); border: 1px solid transparent; } .w-action-card:hover { border-color: var(--w-accent-soft); color: var(--w-text); } .w-action-card b { font-size: 16px; } .w-action-card span.w-stat-sub { font-size: 12px; } /* "Pick a company" (a work page opened on All Companies) */ .w-pick { position: fixed; inset: 0; z-index: 1060; background: var(--w-overlay); display: flex; align-items: center; justify-content: center; padding: 16px; } .w-pick-card { background: var(--w-surface); border-radius: 20px; box-shadow: var(--w-shadow-pop); padding: 24px; width: 100%; max-width: 420px; } .w-pick-card h2 { font-size: 20px; font-weight: 800; margin: 0 0 6px; } .w-pick-card p { color: var(--w-muted); margin: 0 0 16px; } .w-pick-list { display: flex; flex-direction: column; gap: 8px; } .w-pick-list button { width: 100%; justify-content: flex-start; } /* ---------------------------------------------------------------- drawer --- */ .w-drawer-overlay { position: fixed; inset: 0; background: var(--w-overlay); z-index: 1070; opacity: 0; pointer-events: none; transition: opacity 200ms ease-out; } .w-drawer { position: fixed; top: 0; right: 0; bottom: 0; height: 100vh; height: 100dvh; width: var(--w-drawer-w); max-width: 100%; margin: 0; background: var(--w-surface); z-index: 1071; display: flex; flex-direction: column; box-shadow: -12px 0 32px rgba(16, 24, 40, .12); transform: translateX(104%); transition: transform 200ms ease-out; outline: 0; } html.w-drawer-open .w-drawer { transform: translateX(0); } html.w-drawer-open .w-drawer-overlay { opacity: 1; pointer-events: auto; } html.w-drawer-open { overflow: hidden; } .w-drawer-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--w-line); } .w-drawer-head h2 { margin: 0; font-size: 18px; font-weight: 800; letter-spacing: -.01em; } .w-drawer-head .w-label { display: block; } .w-drawer-nav { display: flex; gap: 6px; } .w-drawer-close, .w-drawer-step { width: 36px; height: 36px; border-radius: 10px; border: 1px solid #E3E8F0; background: var(--w-surface); display: inline-flex; align-items: center; justify-content: center; color: var(--w-text-2); cursor: pointer; } .w-drawer-body { flex: 1; overflow-y: auto; padding: 18px 20px; display: flex; flex-direction: column; gap: 18px; } .w-drawer-foot { padding: 16px 20px; border-top: 1px solid var(--w-line); display: flex; flex-direction: column; gap: 10px; } .w-drawer-foot .w-btn-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; } .w-drawer-foot .w-btn-row .w-btn { padding: 10px 6px; border-radius: 12px; font-size: 13px; } .w-drawer-foot .w-btn-primary { border-radius: 14px; padding: 14px; } .w-person { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 14px; background: var(--w-surface-2); } .w-person .w-avatar { background: var(--w-accent); color: #fff; width: 42px; height: 42px; } .w-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .w-fact { border: 1px solid var(--w-line); border-radius: 12px; padding: 10px 12px; } .w-fact-value { font-size: 17px; font-weight: 800; margin-top: 2px; font-variant-numeric: tabular-nums; } .w-line-item { display: flex; justify-content: space-between; gap: 10px; font-size: 13px; padding: 8px 0; border-bottom: 1px solid var(--w-track); } .w-line-item span { color: var(--w-text-2); } .w-section-title { font-size: 13px; font-weight: 700; margin: 0 0 4px; } /* ----------------------------------------- DreamsPOS pages, softened --- */ .page-header { margin-bottom: 18px; } .page-header .page-title h4, .page-header h4 { font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: var(--w-text); } .page-header .page-title h6, .page-header h6 { color: var(--w-muted); font-weight: 500; } .card { border: 0; border-radius: var(--w-radius-lg); box-shadow: var(--w-shadow); background: var(--w-surface); } .card .card-header { background: transparent; border-bottom: 1px solid var(--w-line); padding: 16px 20px; } .card .card-body { padding: 18px 20px; } .card .card-footer { background: transparent; border-top: 1px solid var(--w-line); } .table { --bs-table-hover-bg: #F7F9FC; color: var(--w-text); } .table thead th, .table thead td, .table > thead { background: var(--w-surface-2) !important; color: var(--w-faint) !important; font-weight: 600; font-size: 13px; border-bottom: 1px solid var(--w-line) !important; } .table tbody td { border-color: var(--w-line); } .table-hover > tbody > tr:hover > *, .table tbody tr:hover > td { background-color: #F7F9FC; } .table-responsive { border-radius: var(--w-radius-sm); } .btn { border-radius: var(--w-pill); font-weight: 600; font-family: inherit; } .btn-primary { background-color: var(--w-accent) !important; border-color: var(--w-accent) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(14, 82, 159, .18); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: var(--w-accent-hover) !important; border-color: var(--w-accent-hover) !important; } .btn-outline-primary { color: var(--w-accent) !important; border-color: var(--w-accent) !important; } .btn-outline-primary:hover { background: var(--w-accent) !important; color: #fff !important; } .btn-light, .btn-white, .btn-secondary-light { background: var(--w-surface); border-color: var(--w-line-strong); color: var(--w-text); } .btn-added, .page-header .btn-added { border-radius: var(--w-pill) !important; background: var(--w-accent) !important; border-color: var(--w-accent) !important; color: #fff !important; box-shadow: var(--w-shadow-btn); } .page-header .btn-added:hover { background: var(--w-accent-hover) !important; } .btn.btn-secondary { background-color: var(--w-surface) !important; border: 1px solid var(--w-line-strong) !important; color: var(--w-text) !important; } .btn.btn-secondary:hover, .btn.btn-secondary:focus { border-color: var(--w-accent-soft) !important; color: var(--w-text) !important; } .btn.btn-primary { background-color: var(--w-accent) !important; border: 1px solid var(--w-accent) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(14, 82, 159, .18); } .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { background-color: var(--w-accent-hover) !important; border-color: var(--w-accent-hover) !important; } .btn-outline-primary, .btn.btn-outline-primary { color: var(--w-accent) !important; border-color: var(--w-accent) !important; background: transparent !important; } .btn-outline-primary:hover, .btn.btn-outline-primary:hover { background: var(--w-accent) !important; color: #fff !important; } .badge { border-radius: var(--w-pill); font-weight: 700; } .badge.bg-success, .badge-success, .badge.badge-soft-success { background: var(--w-green-bg) !important; color: var(--w-green) !important; } .badge.bg-warning, .badge-warning, .badge.badge-soft-warning { background: var(--w-amber-bg) !important; color: var(--w-amber) !important; } .badge.bg-danger, .badge-danger, .badge.badge-soft-danger { background: var(--w-red-bg) !important; color: var(--w-red) !important; } .badge.bg-secondary, .badge.bg-light, .badge.badge-soft-secondary { background: var(--w-grey-bg) !important; color: var(--w-grey) !important; } .badge.bg-primary, .badge.bg-info, .badge.badge-soft-primary, .badge.badge-soft-info { background: var(--w-accent-tint) !important; color: var(--w-accent) !important; } .w-nav-badge, .w-tab-count { background: var(--w-red-bg) !important; color: var(--w-red) !important; } .form-control, .form-select, .select2-container--default .select2-selection--single { border-radius: 10px; border-color: var(--w-line-strong); font-family: inherit; } .form-control:focus, .form-select:focus { border-color: var(--w-accent); box-shadow: 0 0 0 3px var(--w-accent-tint); } .form-label { font-weight: 600; color: var(--w-text-2); } .dropdown-menu { border: 0; border-radius: 14px; box-shadow: var(--w-shadow-pop); padding: 6px; } .dropdown-item { border-radius: 8px; } .dropdown-item.active, .dropdown-item:active { background: var(--w-accent-tint); color: var(--w-accent); } .modal-content { border: 0; border-radius: 20px; box-shadow: var(--w-shadow-pop); } .modal-header { border-bottom: 1px solid var(--w-line); } .modal-footer { border-top: 1px solid var(--w-line); } .nav-tabs .nav-link.active, .nav-pills .nav-link.active { color: var(--w-accent); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background: var(--w-accent) !important; color: #fff !important; } .page-item.active .page-link { background: var(--w-accent); border-color: var(--w-accent); } .page-link { color: var(--w-accent); border-radius: 8px !important; margin: 0 2px; } .alert { border-radius: 14px; border: 0; } #view-only-banner { border-radius: 0; background: var(--w-amber-bg); color: var(--w-amber); } .dataTables_wrapper .dataTables_filter input { border-radius: 10px; } /* ----------------------------------------------------------- responsive --- */ @media (max-width: 1199.98px) and (min-width: 992px) { /* Tablet: icon rail */ :root { --w-sidebar-w: var(--w-sidebar-mini); } .sidebar.w-sidebar { padding: 18px 10px; } .w-brand-name, .w-nav-label, .w-nav-text, .w-company-text, .w-company-card .ti-chevron-down { display: none; } .w-nav-item { justify-content: center; padding: 10px !important; } .w-nav-badge { position: absolute; transform: translate(14px, -12px); padding: 0 5px; } .w-nav-item { position: relative; } .w-company-card { justify-content: center; padding: 10px; } .w-sidebar-top { justify-content: center; } .w-company-menu { width: 240px; } } @media (max-width: 991.98px) { /* Phone / small tablet: the sidebar is a drawer */ .header.w-header { left: 0; } .page-wrapper, .w-pagebar { margin-left: 0 !important; } .sidebar.w-sidebar { transform: translateX(-104%); transition: transform 200ms ease-out; margin-left: 0 !important; left: 0 !important; width: 280px; box-shadow: var(--w-shadow-pop); } html.w-nav-open .sidebar.w-sidebar { transform: none; } html.w-nav-open .w-sidebar-overlay { display: block; position: fixed; inset: 0; background: var(--w-overlay); z-index: 1000; } .w-menu-btn { display: inline-flex; flex: none; } .w-header-inner { padding: 0 16px !important; gap: 10px; } .w-header-page { display: none; } .w-search { flex: 1 1 auto; margin-left: 0; } .w-kbd { display: none; } .page-wrapper .content { padding: 16px 16px 32px; } .w-pagebar { padding: calc(var(--w-header-h) + 14px) 16px 0; } .w-pagebar-title { font-size: 22px; width: 100%; } .w-pagebar-action { margin-left: 0; } .w-tabs { overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; } .w-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .w-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 575.98px) { /* Phone: the company stays visible as its coloured dot (the band above the header too). */ .w-company-pill { font-size: 0; padding: 7px; gap: 0; } .w-company-pill .w-company-dot { width: 12px; height: 12px; } .w-grid { grid-template-columns: minmax(0, 1fr); } .w-grid-3 { grid-template-columns: minmax(0, 1fr); } .w-page-title, .w-pagebar-title { font-size: 22px; } .w-stat-value.is-big { font-size: 30px; } .w-drawer { width: 100%; } .w-card { padding: 16px; } .w-facts { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } } /* No horizontal page scroll at 390px: wide tables scroll inside their card, toolbars wrap. */ @media (max-width: 767.98px) { html, body { max-width: 100%; overflow-x: hidden; } .page-wrapper .content .row { --bs-gutter-x: 1rem; } .page-header, .table-top, .table-tab, .d-flex.align-items-center.justify-content-between { flex-wrap: wrap; gap: 8px; } .card .table-responsive, .w-card .table-responsive { overflow-x: auto; } .page-header .page-btn { margin-left: 0 !important; } } /* ------------------------------------------- dark mode (not switched on) --- */ [data-washkr-theme="dark"] { --w-bg: #0F1420; --w-surface: #161C2A; --w-surface-2: #1C2333; --w-track: #222B3D; --w-line: #263044; --w-line-strong: #2F3A50; --w-text: #F3F5F9; --w-text-2: #D2D8E3; --w-muted: #A3ADBF; --w-faint: #8B95A8; --w-accent-tint: #13294A; --w-overlay: rgba(0, 0, 0, .5); }