/* ========================================================= DOV Task v1.3.4.91 - FINAL dark theme override Naloženo zadnje, po color-1.css, da preglasi Cuba/template stile. ========================================================= */ :root{--dov-dark-bg:#171b24;--dov-dark-panel:#1f2430;--dov-dark-card:#222836;--dov-dark-card-2:#252b37;--dov-dark-hover:#30384a;--dov-dark-border:#394153;--dov-dark-border-2:#323949;--dov-dark-text:#e8edf7;--dov-dark-title:#f8fafc;--dov-dark-muted:#aab3c5;--dov-dark-input:#171d28;--dov-dark-primary:#7366ff;} /* Aktivno v obeh primerih: server body.dark-only ali localStorage html.dov-pre-dark */ body.dark-only, html.dov-pre-dark body{ background:var(--dov-dark-bg)!important; color:var(--dov-dark-text)!important; } body.dark-only .page-wrapper, body.dark-only .page-body-wrapper, body.dark-only .page-body, body.dark-only .page-wrapper.compact-wrapper, body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper, body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .page-body, body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .page-body > .container-fluid, html.dov-pre-dark body .page-wrapper, html.dov-pre-dark body .page-body-wrapper, html.dov-pre-dark body .page-body, html.dov-pre-dark body .page-wrapper.compact-wrapper, html.dov-pre-dark body .page-wrapper.compact-wrapper .page-body-wrapper, html.dov-pre-dark body .page-wrapper.compact-wrapper .page-body-wrapper .page-body, html.dov-pre-dark body .page-wrapper.compact-wrapper .page-body-wrapper .page-body > .container-fluid{ background:var(--dov-dark-bg)!important; color:var(--dov-dark-text)!important; } /* GLAVA */ body.dark-only .page-header, body.dark-only .page-wrapper.compact-wrapper .page-header, body.dark-only .page-header .header-wrapper, body.dark-only .header-wrapper, body.dark-only .left-header, body.dark-only .right-header, body.dark-only .nav-right, body.dark-only .nav-menus, body.dark-only .header-logo-wrapper, body.dark-only .dov-header-left, body.dark-only .dov-header-right, html.dov-pre-dark body .page-header, html.dov-pre-dark body .page-wrapper.compact-wrapper .page-header, html.dov-pre-dark body .page-header .header-wrapper, html.dov-pre-dark body .header-wrapper, html.dov-pre-dark body .left-header, html.dov-pre-dark body .right-header, html.dov-pre-dark body .nav-right, html.dov-pre-dark body .nav-menus, html.dov-pre-dark body .header-logo-wrapper, html.dov-pre-dark body .dov-header-left, html.dov-pre-dark body .dov-header-right{ background:var(--dov-dark-panel)!important; color:var(--dov-dark-text)!important; border-color:var(--dov-dark-border-2)!important; box-shadow:none!important; } body.dark-only .page-header, html.dov-pre-dark body .page-header{border-bottom:1px solid var(--dov-dark-border-2)!important;} body.dark-only .page-header *, html.dov-pre-dark body .page-header *{border-color:var(--dov-dark-border-2);} body.dark-only .dov-header-btn, body.dark-only .dov-profile-button, body.dark-only .dov-lang-current, html.dov-pre-dark body .dov-header-btn, html.dov-pre-dark body .dov-profile-button, html.dov-pre-dark body .dov-lang-current{ background:transparent!important; color:var(--dov-dark-text)!important; } body.dark-only .dov-header-btn svg, body.dark-only .dov-profile-button svg, body.dark-only .page-header svg, html.dov-pre-dark body .dov-header-btn svg, html.dov-pre-dark body .dov-profile-button svg, html.dov-pre-dark body .page-header svg{ color:var(--dov-dark-text)!important; stroke:var(--dov-dark-text)!important; } body.dark-only .dov-header-btn:hover, body.dark-only .dov-profile-button:hover, body.dark-only .dov-lang-current:hover, html.dov-pre-dark body .dov-header-btn:hover, html.dov-pre-dark body .dov-profile-button:hover, html.dov-pre-dark body .dov-lang-current:hover{background:#2b3140!important;color:#fff!important;} body.dark-only .dov-profile-name, body.dark-only .dov-lang-current span, html.dov-pre-dark body .dov-profile-name, html.dov-pre-dark body .dov-lang-current span{color:#fff!important;} body.dark-only .dov-profile-role, html.dov-pre-dark body .dov-profile-role{color:var(--dov-dark-muted)!important;} body.dark-only .dov-update-pill, html.dov-pre-dark body .dov-update-pill{background:#1f3329!important;color:#d9fbe7!important;border:1px solid #2f6b46!important;box-shadow:none!important;} body.dark-only .dov-update-pill.dov-update-available, html.dov-pre-dark body .dov-update-pill.dov-update-available{background:#332719!important;color:#ffe7c2!important;border-color:#8a5d1d!important;} body.dark-only .dov-update-strong, body.dark-only .dov-update-link, html.dov-pre-dark body .dov-update-strong, html.dov-pre-dark body .dov-update-link{color:#8ff3ae!important;} body.dark-only .dov-update-available .dov-update-strong, body.dark-only .dov-update-available .dov-update-link, html.dov-pre-dark body .dov-update-available .dov-update-strong, html.dov-pre-dark body .dov-update-available .dov-update-link{color:#ffd166!important;} /* Dropdowni v glavi */ body.dark-only .onhover-show-div, body.dark-only .dropdown-menu, body.dark-only .dov-lang-dropdown, body.dark-only .dov-notification-dropdown, body.dark-only .dov-profile-dropdown, html.dov-pre-dark body .onhover-show-div, html.dov-pre-dark body .dropdown-menu, html.dov-pre-dark body .dov-lang-dropdown, html.dov-pre-dark body .dov-notification-dropdown, html.dov-pre-dark body .dov-profile-dropdown{ background:var(--dov-dark-card)!important; color:var(--dov-dark-text)!important; border:1px solid var(--dov-dark-border)!important; box-shadow:0 18px 45px rgba(0,0,0,.42)!important; } body.dark-only .dov-lang-option, body.dark-only .dov-profile-dropdown li a, body.dark-only .notification-dropdown li, html.dov-pre-dark body .dov-lang-option, html.dov-pre-dark body .dov-profile-dropdown li a, html.dov-pre-dark body .notification-dropdown li{background:transparent!important;color:var(--dov-dark-text)!important;} body.dark-only .dov-lang-option:hover, body.dark-only .dov-profile-dropdown li a:hover, html.dov-pre-dark body .dov-lang-option:hover, html.dov-pre-dark body .dov-profile-dropdown li a:hover{background:var(--dov-dark-hover)!important;color:#fff!important;} /* PAGE TITLE */ body.dark-only .page-title, body.dark-only .page-title .row, body.dark-only .page-title .breadcrumb, body.dark-only .page-wrapper .page-body-wrapper .page-body .page-title, html.dov-pre-dark body .page-title, html.dov-pre-dark body .page-title .row, html.dov-pre-dark body .page-title .breadcrumb, html.dov-pre-dark body .page-wrapper .page-body-wrapper .page-body .page-title{ background:var(--dov-dark-panel)!important; color:var(--dov-dark-title)!important; border-color:var(--dov-dark-border-2)!important; } body.dark-only .page-title h1, body.dark-only .page-title h2, body.dark-only .page-title h3, body.dark-only .page-title h4, body.dark-only .page-title h5, body.dark-only .page-title h6, body.dark-only .page-title a, body.dark-only .breadcrumb-item, body.dark-only .breadcrumb-item.active, html.dov-pre-dark body .page-title h1, html.dov-pre-dark body .page-title h2, html.dov-pre-dark body .page-title h3, html.dov-pre-dark body .page-title h4, html.dov-pre-dark body .page-title h5, html.dov-pre-dark body .page-title h6, html.dov-pre-dark body .page-title a, html.dov-pre-dark body .breadcrumb-item, html.dov-pre-dark body .breadcrumb-item.active{color:var(--dov-dark-title)!important;} /* FOOTER */ body.dark-only .footer, body.dark-only footer.footer, body.dark-only .footer .container-fluid, body.dark-only .footer .row, html.dov-pre-dark body .footer, html.dov-pre-dark body footer.footer, html.dov-pre-dark body .footer .container-fluid, html.dov-pre-dark body .footer .row{ background:var(--dov-dark-panel)!important; color:var(--dov-dark-muted)!important; border-color:var(--dov-dark-border-2)!important; } body.dark-only .footer p, body.dark-only .footer span, body.dark-only .footer a, html.dov-pre-dark body .footer p, html.dov-pre-dark body .footer span, html.dov-pre-dark body .footer a{color:var(--dov-dark-muted)!important;} body.dark-only .footer a:hover, html.dov-pre-dark body .footer a:hover{color:#fff!important;} /* Cards, boxes, tabs */ body.dark-only .card, body.dark-only .card-header, body.dark-only .card-body, body.dark-only .dov-card, body.dark-only .modal-content, body.dark-only .list-group-item, body.dark-only .accordion-item, body.dark-only .tab-content, body.dark-only .tab-pane, body.dark-only .white-box, body.dark-only .box, body.dark-only .dov-panel, body.dark-only .table-responsive, html.dov-pre-dark body .card, html.dov-pre-dark body .card-header, html.dov-pre-dark body .card-body, html.dov-pre-dark body .dov-card, html.dov-pre-dark body .modal-content, html.dov-pre-dark body .list-group-item, html.dov-pre-dark body .accordion-item, html.dov-pre-dark body .tab-content, html.dov-pre-dark body .tab-pane, html.dov-pre-dark body .white-box, html.dov-pre-dark body .box, html.dov-pre-dark body .dov-panel, html.dov-pre-dark body .table-responsive{ background:var(--dov-dark-card)!important; color:var(--dov-dark-text)!important; border-color:var(--dov-dark-border)!important; } body.dark-only h1,body.dark-only h2,body.dark-only h3,body.dark-only h4,body.dark-only h5,body.dark-only h6,body.dark-only label,body.dark-only .form-label, html.dov-pre-dark body h1,html.dov-pre-dark body h2,html.dov-pre-dark body h3,html.dov-pre-dark body h4,html.dov-pre-dark body h5,html.dov-pre-dark body h6,html.dov-pre-dark body label,html.dov-pre-dark body .form-label{color:var(--dov-dark-title)!important;} body.dark-only .text-muted, body.dark-only small, body.dark-only .dov-table-info, html.dov-pre-dark body .text-muted, html.dov-pre-dark body small, html.dov-pre-dark body .dov-table-info{color:var(--dov-dark-muted)!important;} body.dark-only .nav-tabs, body.dark-only .nav-tabs .nav-link, html.dov-pre-dark body .nav-tabs, html.dov-pre-dark body .nav-tabs .nav-link{background:transparent!important;border-color:var(--dov-dark-border)!important;color:#cbd5e1!important;} body.dark-only .nav-tabs .nav-link.active, body.dark-only .nav-tabs .nav-item.show .nav-link, html.dov-pre-dark body .nav-tabs .nav-link.active, html.dov-pre-dark body .nav-tabs .nav-item.show .nav-link{background:var(--dov-dark-card)!important;color:#fff!important;border-color:#5865f2!important;} /* Inputs, search, select and prikaz 10/25/50/100 */ body.dark-only .form-control, body.dark-only .form-select, body.dark-only input, body.dark-only select, body.dark-only textarea, body.dark-only .select2-container .select2-selection, body.dark-only .dov-table-toolbar .dov-table-search, body.dark-only .dov-table-search, body.dark-only .dov-table-toolbar .dov-table-length, body.dark-only .dov-table-per-page, body.dark-only .dataTables_length select, body.dark-only .dt-length select, html.dov-pre-dark body .form-control, html.dov-pre-dark body .form-select, html.dov-pre-dark body input, html.dov-pre-dark body select, html.dov-pre-dark body textarea, html.dov-pre-dark body .select2-container .select2-selection, html.dov-pre-dark body .dov-table-toolbar .dov-table-search, html.dov-pre-dark body .dov-table-search, html.dov-pre-dark body .dov-table-toolbar .dov-table-length, html.dov-pre-dark body .dov-table-per-page, html.dov-pre-dark body .dataTables_length select, html.dov-pre-dark body .dt-length select{ background:var(--dov-dark-input)!important; color:#eef2ff!important; border-color:#3b4456!important; box-shadow:none!important; } body.dark-only .form-control::placeholder, body.dark-only input::placeholder, body.dark-only textarea::placeholder, body.dark-only .dov-table-search::placeholder, html.dov-pre-dark body .form-control::placeholder, html.dov-pre-dark body input::placeholder, html.dov-pre-dark body textarea::placeholder, html.dov-pre-dark body .dov-table-search::placeholder{color:#8791a5!important;opacity:1!important;} body.dark-only select option, body.dark-only .form-select option, body.dark-only .dov-table-per-page option, html.dov-pre-dark body select option, html.dov-pre-dark body .form-select option, html.dov-pre-dark body .dov-table-per-page option{background:var(--dov-dark-input)!important;color:#eef2ff!important;} body.dark-only .dov-table-length-wrap, body.dark-only .dov-table-length-wrap label, body.dark-only .dov-table-length-wrap span, body.dark-only .dataTables_length, body.dark-only .dataTables_filter, body.dark-only .dt-length, body.dark-only .dt-search, html.dov-pre-dark body .dov-table-length-wrap, html.dov-pre-dark body .dov-table-length-wrap label, html.dov-pre-dark body .dov-table-length-wrap span, html.dov-pre-dark body .dataTables_length, html.dov-pre-dark body .dataTables_filter, html.dov-pre-dark body .dt-length, html.dov-pre-dark body .dt-search{color:#c2cad8!important;} /* Tabele in hover */ body.dark-only table, body.dark-only .table, html.dov-pre-dark body table, html.dov-pre-dark body .table{ color:var(--dov-dark-text)!important; border-color:var(--dov-dark-border)!important; --bs-table-bg:transparent!important; --bs-table-color:var(--dov-dark-text)!important; --bs-table-striped-bg:var(--dov-dark-card-2)!important; --bs-table-striped-color:var(--dov-dark-text)!important; --bs-table-hover-bg:var(--dov-dark-hover)!important; --bs-table-hover-color:#fff!important; --bs-table-border-color:var(--dov-dark-border)!important; } body.dark-only .table thead, body.dark-only .table thead tr, body.dark-only .table thead th, body.dark-only table thead th, html.dov-pre-dark body .table thead, html.dov-pre-dark body .table thead tr, html.dov-pre-dark body .table thead th, html.dov-pre-dark body table thead th{background:var(--dov-dark-card)!important;color:#fff!important;border-color:var(--dov-dark-border)!important;} body.dark-only .table tbody tr, body.dark-only table tbody tr, html.dov-pre-dark body .table tbody tr, html.dov-pre-dark body table tbody tr{background:#202631!important;color:var(--dov-dark-text)!important;border-color:var(--dov-dark-border)!important;} body.dark-only .table tbody tr:nth-child(even), body.dark-only table tbody tr:nth-child(even), html.dov-pre-dark body .table tbody tr:nth-child(even), html.dov-pre-dark body table tbody tr:nth-child(even){background:var(--dov-dark-card-2)!important;} body.dark-only .table td, body.dark-only .table th, body.dark-only table td, body.dark-only table th, body.dark-only .table tbody tr > *, body.dark-only table tbody tr > *, html.dov-pre-dark body .table td, html.dov-pre-dark body .table th, html.dov-pre-dark body table td, html.dov-pre-dark body table th, html.dov-pre-dark body .table tbody tr > *, html.dov-pre-dark body table tbody tr > *{color:var(--dov-dark-text)!important;background:transparent!important;border-color:var(--dov-dark-border)!important;} body.dark-only .table tbody tr:hover, body.dark-only table tbody tr:hover, body.dark-only .table-hover tbody tr:hover, html.dov-pre-dark body .table tbody tr:hover, html.dov-pre-dark body table tbody tr:hover, html.dov-pre-dark body .table-hover tbody tr:hover{background:var(--dov-dark-hover)!important;color:#fff!important;} body.dark-only .table tbody tr:hover > *, body.dark-only table tbody tr:hover > *, body.dark-only .table-hover tbody tr:hover > *, html.dov-pre-dark body .table tbody tr:hover > *, html.dov-pre-dark body table tbody tr:hover > *, html.dov-pre-dark body .table-hover tbody tr:hover > *{background:var(--dov-dark-hover)!important;color:#fff!important;} body.dark-only .dov-empty-row td, body.dark-only .dov-empty-state, body.dark-only .table tbody tr.dov-empty-row > td, html.dov-pre-dark body .dov-empty-row td, html.dov-pre-dark body .dov-empty-state, html.dov-pre-dark body .table tbody tr.dov-empty-row > td{background:#202631!important;color:var(--dov-dark-muted)!important;} /* Paginacija */ body.dark-only .dov-table-footer, body.dark-only .dataTables_info, body.dark-only .dt-info, html.dov-pre-dark body .dov-table-footer, html.dov-pre-dark body .dataTables_info, html.dov-pre-dark body .dt-info{color:var(--dov-dark-muted)!important;} body.dark-only .pagination .page-link, body.dark-only .dov-pagination-unified .page-link, body.dark-only .dov-table-footer .pagination .page-link, html.dov-pre-dark body .pagination .page-link, html.dov-pre-dark body .dov-pagination-unified .page-link, html.dov-pre-dark body .dov-table-footer .pagination .page-link{background:#252c3a!important;color:#cbd5e1!important;border-color:#344054!important;} body.dark-only .pagination .page-link:hover, html.dov-pre-dark body .pagination .page-link:hover{background:#343d50!important;color:#fff!important;} body.dark-only .pagination .page-item.active .page-link, html.dov-pre-dark body .pagination .page-item.active .page-link{background:var(--dov-dark-primary)!important;color:#fff!important;border-color:var(--dov-dark-primary)!important;} body.dark-only .pagination .page-item.disabled .page-link, html.dov-pre-dark body .pagination .page-item.disabled .page-link{background:#202631!important;color:#6f7a8f!important;opacity:1!important;} /* Warehouse / Material levi meni */ body.dark-only .warehouse-page .warehouse-nav-card, body.dark-only .warehouse-page .warehouse-nav-card .card-header, body.dark-only .warehouse-page .warehouse-left-menu, body.dark-only .warehouse-page .warehouse-menu-group, html.dov-pre-dark body .warehouse-page .warehouse-nav-card, html.dov-pre-dark body .warehouse-page .warehouse-nav-card .card-header, html.dov-pre-dark body .warehouse-page .warehouse-left-menu, html.dov-pre-dark body .warehouse-page .warehouse-menu-group{ background:var(--dov-dark-card)!important; color:var(--dov-dark-text)!important; border-color:var(--dov-dark-border)!important; } body.dark-only .warehouse-page .warehouse-menu-title, html.dov-pre-dark body .warehouse-page .warehouse-menu-title{color:var(--dov-dark-muted)!important;} body.dark-only .warehouse-page .warehouse-menu-item, html.dov-pre-dark body .warehouse-page .warehouse-menu-item{background:transparent!important;color:var(--dov-dark-text)!important;} body.dark-only .warehouse-page .warehouse-menu-item:hover, html.dov-pre-dark body .warehouse-page .warehouse-menu-item:hover{background:var(--dov-dark-hover)!important;color:#fff!important;} body.dark-only .warehouse-page .warehouse-menu-item.active, html.dov-pre-dark body .warehouse-page .warehouse-menu-item.active{background:var(--dov-dark-primary)!important;color:#fff!important;box-shadow:0 7px 18px rgba(115,102,255,.28)!important;} body.dark-only .warehouse-page .tab-content>.tab-pane>.card, body.dark-only .warehouse-page .tab-content>.tab-pane>.card>.card-header, body.dark-only .warehouse-page .tab-content>.tab-pane>.card>.card-body, html.dov-pre-dark body .warehouse-page .tab-content>.tab-pane>.card, html.dov-pre-dark body .warehouse-page .tab-content>.tab-pane>.card>.card-header, html.dov-pre-dark body .warehouse-page .tab-content>.tab-pane>.card>.card-body{background:var(--dov-dark-card)!important;color:var(--dov-dark-text)!important;border-color:var(--dov-dark-border)!important;} /* Badges / light helpers */ body.dark-only .bg-light, body.dark-only .badge.bg-light, body.dark-only .badge.text-dark, body.dark-only .bg-light.text-dark, html.dov-pre-dark body .bg-light, html.dov-pre-dark body .badge.bg-light, html.dov-pre-dark body .badge.text-dark, html.dov-pre-dark body .bg-light.text-dark{background:var(--dov-dark-hover)!important;color:var(--dov-dark-text)!important;} body.dark-only .btn-light, body.dark-only .btn-outline-light, html.dov-pre-dark body .btn-light, html.dov-pre-dark body .btn-outline-light{background:#252c3a!important;color:var(--dov-dark-text)!important;border-color:#3b4456!important;} body.dark-only .btn-light:hover, body.dark-only .btn-outline-light:hover, html.dov-pre-dark body .btn-light:hover, html.dov-pre-dark body .btn-outline-light:hover{background:#343d50!important;color:#fff!important;} /* Scrollbar */ body.dark-only ::-webkit-scrollbar-track, html.dov-pre-dark body ::-webkit-scrollbar-track{background:var(--dov-dark-bg)!important;} body.dark-only ::-webkit-scrollbar-thumb, html.dov-pre-dark body ::-webkit-scrollbar-thumb{background:#4b5568!important;border-radius:8px!important;} body.dark-only ::-webkit-scrollbar-thumb:hover, html.dov-pre-dark body ::-webkit-scrollbar-thumb:hover{background:#64748b!important;} /* DOV v1.3.4.92 - modern user dropdown and user settings dark mode */ body.dark-only .dov-profile-dropdown-modern, html.dov-pre-dark body .dov-profile-dropdown-modern{ background:rgba(31,36,48,.97)!important; border-color:#394153!important; box-shadow:0 24px 70px rgba(0,0,0,.48)!important; } body.dark-only .dov-profile-dropdown-head, html.dov-pre-dark body .dov-profile-dropdown-head{ border-bottom-color:#394153!important; } body.dark-only .dov-profile-dropdown-meta strong, html.dov-pre-dark body .dov-profile-dropdown-meta strong{ color:#f8fafc!important; } body.dark-only .dov-profile-dropdown-meta small, html.dov-pre-dark body .dov-profile-dropdown-meta small{ color:#aab3c5!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link{ color:#e8edf7!important; background:transparent!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link:hover, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link:hover{ background:#303747!important; color:#fff!important; } body.dark-only .dov-profile-menu-icon, html.dov-pre-dark body .dov-profile-menu-icon{ background:#303747!important; color:#b7a7ff!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link-admin .dov-profile-menu-icon, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link-admin .dov-profile-menu-icon{ background:#17324a!important; color:#79c3ff!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link-logout, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link-logout{ color:#ff8a8a!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link-logout .dov-profile-menu-icon, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link-logout .dov-profile-menu-icon{ background:#482331!important; color:#ff8a8a!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-separator, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-separator{ background:#394153!important; } body.dark-only .dov-user-settings-page .dov-user-settings-hero, body.dark-only .dov-user-settings-page .dov-user-settings-card, html.dov-pre-dark body .dov-user-settings-page .dov-user-settings-hero, html.dov-pre-dark body .dov-user-settings-page .dov-user-settings-card{ background:#222836!important; border-color:#394153!important; color:#e8edf7!important; } body.dark-only .dov-user-settings-eyebrow, html.dov-pre-dark body .dov-user-settings-eyebrow{ background:#303747!important; color:#b7a7ff!important; } body.dark-only .dov-user-settings-icon, html.dov-pre-dark body .dov-user-settings-icon{ background:#303747!important; color:#b7a7ff!important; } body.dark-only .dov-totp-qr-wrap, html.dov-pre-dark body .dov-totp-qr-wrap{ background:#fff!important; border-color:#4b5568!important; } /* ========================================================= DOV Task v1.3.4.93 - full dark UI pass: popups, modals, notifications, internal messages, task/service dialogs. ========================================================= */ body.dark-only .modal, html.dov-pre-dark body .modal{color:var(--dov-dark-text)!important;} body.dark-only .modal-backdrop, html.dov-pre-dark body .modal-backdrop{background:#030712!important;opacity:.72!important;} body.dark-only .modal-content, body.dark-only .dov-modal-dialog .modal-content, html.dov-pre-dark body .modal-content, html.dov-pre-dark body .dov-modal-dialog .modal-content{ background:var(--dov-dark-card)!important; color:var(--dov-dark-text)!important; border:1px solid var(--dov-dark-border)!important; box-shadow:0 24px 80px rgba(0,0,0,.56)!important; } body.dark-only .modal-header, body.dark-only .modal-footer, html.dov-pre-dark body .modal-header, html.dov-pre-dark body .modal-footer{ background:var(--dov-dark-panel)!important; color:var(--dov-dark-title)!important; border-color:var(--dov-dark-border)!important; } body.dark-only .modal-body, body.dark-only .modal-body.bg-light, body.dark-only .dov-modal-body, html.dov-pre-dark body .modal-body, html.dov-pre-dark body .modal-body.bg-light, html.dov-pre-dark body .dov-modal-body{ background:var(--dov-dark-card)!important; color:var(--dov-dark-text)!important; } body.dark-only .modal-title, body.dark-only .modal .section-title, body.dark-only .modal h1, body.dark-only .modal h2, body.dark-only .modal h3, body.dark-only .modal h4, body.dark-only .modal h5, body.dark-only .modal h6, html.dov-pre-dark body .modal-title, html.dov-pre-dark body .modal .section-title, html.dov-pre-dark body .modal h1, html.dov-pre-dark body .modal h2, html.dov-pre-dark body .modal h3, html.dov-pre-dark body .modal h4, html.dov-pre-dark body .modal h5, html.dov-pre-dark body .modal h6{color:var(--dov-dark-title)!important;} body.dark-only .dov-modal-section, body.dark-only .modal .dov-modal-section, body.dark-only .modal .section-body, body.dark-only .modal .task-form-section, body.dark-only .modal .form-section, body.dark-only .modal .border, html.dov-pre-dark body .dov-modal-section, html.dov-pre-dark body .modal .dov-modal-section, html.dov-pre-dark body .modal .section-body, html.dov-pre-dark body .modal .task-form-section, html.dov-pre-dark body .modal .form-section, html.dov-pre-dark body .modal .border{ background:#202631!important; color:var(--dov-dark-text)!important; border-color:var(--dov-dark-border)!important; } body.dark-only .modal .bg-light, body.dark-only .modal .bg-white, body.dark-only .modal .list-group, body.dark-only .modal .list-group-item, html.dov-pre-dark body .modal .bg-light, html.dov-pre-dark body .modal .bg-white, html.dov-pre-dark body .modal .list-group, html.dov-pre-dark body .modal .list-group-item{ background:#202631!important; color:var(--dov-dark-text)!important; border-color:var(--dov-dark-border)!important; } body.dark-only .modal .btn-close, html.dov-pre-dark body .modal .btn-close{filter:invert(1) grayscale(100%) brightness(1.8)!important;opacity:.85!important;} body.dark-only .modal .btn-outline-secondary, html.dov-pre-dark body .modal .btn-outline-secondary{color:#dbe5f3!important;border-color:#596377!important;background:#252c3a!important;} body.dark-only .modal .btn-outline-secondary:hover, html.dov-pre-dark body .modal .btn-outline-secondary:hover{background:#343d50!important;color:#fff!important;} body.dark-only .modal input, body.dark-only .modal select, body.dark-only .modal textarea, body.dark-only .modal .form-control, body.dark-only .modal .form-select, html.dov-pre-dark body .modal input, html.dov-pre-dark body .modal select, html.dov-pre-dark body .modal textarea, html.dov-pre-dark body .modal .form-control, html.dov-pre-dark body .modal .form-select{ background:var(--dov-dark-input)!important; color:#eef2ff!important; border-color:#3b4456!important; } body.dark-only .modal .form-check-input, html.dov-pre-dark body .modal .form-check-input{background-color:#111827!important;border-color:#596377!important;} body.dark-only .modal .form-check-input:checked, html.dov-pre-dark body .modal .form-check-input:checked{background-color:var(--dov-dark-primary)!important;border-color:var(--dov-dark-primary)!important;} /* Header notification dropdown with internal messages */ body.dark-only .dov-notification-dropdown-modern, html.dov-pre-dark body .dov-notification-dropdown-modern{ background:rgba(31,36,48,.98)!important; border-color:#394153!important; color:#e8edf7!important; } .dov-notification-dropdown-modern{min-width:340px!important;padding:0!important;overflow:hidden!important;} .dov-notification-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 12px;border-bottom:1px solid rgba(148,163,184,.24);} .dov-notification-head small{display:block;margin-top:3px;font-size:12px;color:#7f8a9f;} .dov-notification-open{font-size:12px;font-weight:700;text-decoration:none;color:#7366ff!important;white-space:nowrap;} .dov-notification-list{list-style:none;margin:0;padding:8px;max-height:360px;overflow:auto;} .dov-notification-item{display:block;border-radius:14px;margin:4px 0;} .dov-notification-item>a{display:flex!important;gap:12px;padding:11px 12px;border-radius:14px;text-decoration:none!important;color:inherit!important;} .dov-notification-item>a:hover{background:rgba(115,102,255,.10)!important;} .dov-notification-item.is-unread>a{background:rgba(115,102,255,.12)!important;} .dov-notification-item.is-internal .dov-notification-icon{background:#e8fff2;color:#12a150;} body.dark-only .dov-notification-item.is-internal .dov-notification-icon, html.dov-pre-dark body .dov-notification-item.is-internal .dov-notification-icon{background:#173d2b!important;color:#68f2a6!important;} .dov-notification-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#f1f5ff;flex:0 0 36px;} .dov-notification-content{min-width:0;display:block;} .dov-notification-content strong{display:block;font-size:13px;line-height:1.25;color:#1f2937;} .dov-notification-content small{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:#667085;white-space:normal;} .dov-notification-content em{display:block;margin-top:4px;font-style:normal;font-size:11px;color:#98a2b3;} .dov-notification-empty{padding:24px!important;text-align:center;color:#98a2b3!important;} body.dark-only .dov-notification-content strong, html.dov-pre-dark body .dov-notification-content strong{color:#f8fafc!important;} body.dark-only .dov-notification-content small, html.dov-pre-dark body .dov-notification-content small{color:#aab3c5!important;} body.dark-only .dov-notification-content em, html.dov-pre-dark body .dov-notification-content em{color:#7f8a9f!important;} body.dark-only .dov-notification-head, html.dov-pre-dark body .dov-notification-head{border-bottom-color:#394153!important;} body.dark-only .dov-notification-item>a:hover, html.dov-pre-dark body .dov-notification-item>a:hover{background:#303747!important;} body.dark-only .dov-notification-item.is-unread>a, html.dov-pre-dark body .dov-notification-item.is-unread>a{background:#2b3150!important;} body.dark-only .dov-notification-badge, html.dov-pre-dark body .dov-notification-badge{box-shadow:0 0 0 3px #1f2430!important;} /* Notification page / internal message card */ body.dark-only #notificationsApp .card, body.dark-only #notificationsApp .list-group-item, html.dov-pre-dark body #notificationsApp .card, html.dov-pre-dark body #notificationsApp .list-group-item{background:var(--dov-dark-card)!important;color:var(--dov-dark-text)!important;border-color:var(--dov-dark-border)!important;} body.dark-only #notificationsApp .list-group-item.bg-light, html.dov-pre-dark body #notificationsApp .list-group-item.bg-light{background:#2b3150!important;} body.dark-only .dov-internal-message-card, html.dov-pre-dark body .dov-internal-message-card{border-color:#4851a8!important;} /* Alerts/toasts/notify popups */ body.dark-only .toast, body.dark-only .toast-header, body.dark-only .toast-body, body.dark-only .alert, body.dark-only .notify-alert, body.dark-only .bootstrap-notify-container, body.dark-only .dov-toast, body.dark-only .swal2-popup, html.dov-pre-dark body .toast, html.dov-pre-dark body .toast-header, html.dov-pre-dark body .toast-body, html.dov-pre-dark body .alert, html.dov-pre-dark body .notify-alert, html.dov-pre-dark body .bootstrap-notify-container, html.dov-pre-dark body .dov-toast, html.dov-pre-dark body .swal2-popup{ background:var(--dov-dark-card)!important; color:var(--dov-dark-text)!important; border-color:var(--dov-dark-border)!important; } body.dark-only .swal2-title, body.dark-only .swal2-html-container, html.dov-pre-dark body .swal2-title, html.dov-pre-dark body .swal2-html-container{color:var(--dov-dark-text)!important;} /* Generic remaining white blocks */ body.dark-only .page-body .container-fluid > .row > [class*=col] > .card, body.dark-only .dov-page-card, body.dark-only .dov-section, body.dark-only .dov-box, body.dark-only .cuba-card, body.dark-only .project-box, body.dark-only .profile-card, html.dov-pre-dark body .page-body .container-fluid > .row > [class*=col] > .card, html.dov-pre-dark body .dov-page-card, html.dov-pre-dark body .dov-section, html.dov-pre-dark body .dov-box, html.dov-pre-dark body .cuba-card, html.dov-pre-dark body .project-box, html.dov-pre-dark body .profile-card{ background:var(--dov-dark-card)!important; color:var(--dov-dark-text)!important; border-color:var(--dov-dark-border)!important; } /* ========================================================= DOV Task v1.3.4.94 - Clean modern user dropdown dark mode ========================================================= */ body.dark-only .dov-profile-dropdown-modern, html.dov-pre-dark body .dov-profile-dropdown-modern, body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown.dov-profile-dropdown-modern, html.dov-pre-dark body .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown.dov-profile-dropdown-modern{ background:linear-gradient(180deg,#1f2531 0%,#1b202b 100%)!important; border-color:#344052!important; box-shadow:0 26px 70px rgba(0,0,0,.55)!important; } body.dark-only .dov-profile-dropdown-modern:before, html.dov-pre-dark body .dov-profile-dropdown-modern:before{ background:linear-gradient(90deg,#7366ff,#2dd4bf,#54ba4a)!important; } body.dark-only .dov-profile-dropdown-head, html.dov-pre-dark body .dov-profile-dropdown-head{ border-bottom-color:#344052!important; } body.dark-only .dov-profile-dropdown-meta strong, html.dov-pre-dark body .dov-profile-dropdown-meta strong{ color:#f8fafc!important; } body.dark-only .dov-profile-dropdown-meta small, html.dov-pre-dark body .dov-profile-dropdown-meta small{ color:#94a3b8!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link, body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown.dov-profile-dropdown-modern li a.dov-profile-menu-link, html.dov-pre-dark body .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown.dov-profile-dropdown-modern li a.dov-profile-menu-link{ color:#e5edf7!important; background:transparent!important; text-transform:none!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link span:not(.dov-profile-menu-icon), html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link span:not(.dov-profile-menu-icon){ color:inherit!important; text-transform:none!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link:hover, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link:hover{ background:linear-gradient(135deg,rgba(115,102,255,.24),rgba(45,212,191,.08))!important; color:#ffffff!important; box-shadow:inset 0 0 0 1px rgba(148,163,184,.12)!important; } body.dark-only .dov-profile-menu-icon, html.dov-pre-dark body .dov-profile-menu-icon{ background:#30384a!important; color:#c4b5fd!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link-admin .dov-profile-menu-icon, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link-admin .dov-profile-menu-icon{ background:#143650!important; color:#7dd3fc!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link-logout, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link-logout{ color:#fca5a5!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link-logout:hover, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link-logout:hover{ background:rgba(239,68,68,.14)!important; color:#fecaca!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link-logout .dov-profile-menu-icon, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link-logout .dov-profile-menu-icon{ background:#4b2634!important; color:#fb7185!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-separator, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-separator{ background:#344052!important; } /* ========================================================= DOV Task v1.3.4.95 - POPUP DARK THEME FINAL CATCH-ALL Popravi vse Bootstrap, DOVUI, SweetAlert, toast, dropdown, select2, datepicker/flatpickr, offcanvas in dinamične popupe. ========================================================= */ body.dark-only .modal, html.dov-pre-dark body .modal, body.dark-only .modal *:not(.btn):not(.badge):not(.dov-status-badge):not(.text-success):not(.text-danger):not(.text-warning):not(.text-primary):not(svg):not(path), html.dov-pre-dark body .modal *:not(.btn):not(.badge):not(.dov-status-badge):not(.text-success):not(.text-danger):not(.text-warning):not(.text-primary):not(svg):not(path){ border-color:#394153!important; } body.dark-only .modal .modal-dialog, html.dov-pre-dark body .modal .modal-dialog{ color:#e8edf7!important; } body.dark-only .modal .modal-content, body.dark-only .dov-system-modal .modal-content, body.dark-only .bootbox .modal-content, body.dark-only [role="dialog"].modal .modal-content, html.dov-pre-dark body .modal .modal-content, html.dov-pre-dark body .dov-system-modal .modal-content, html.dov-pre-dark body .bootbox .modal-content, html.dov-pre-dark body [role="dialog"].modal .modal-content{ background:#1f2430!important; color:#e8edf7!important; border:1px solid #394153!important; box-shadow:0 28px 90px rgba(0,0,0,.62)!important; } body.dark-only .modal .modal-header, body.dark-only .dov-system-modal .modal-header, html.dov-pre-dark body .modal .modal-header, html.dov-pre-dark body .dov-system-modal .modal-header{ background:#202636!important; color:#f8fafc!important; border-bottom-color:#394153!important; } body.dark-only .modal .modal-body, body.dark-only .modal .dov-modal-body, body.dark-only .dov-system-modal .modal-body, html.dov-pre-dark body .modal .modal-body, html.dov-pre-dark body .modal .dov-modal-body, html.dov-pre-dark body .dov-system-modal .modal-body{ background:#171d28!important; color:#e8edf7!important; } body.dark-only .modal .modal-footer, body.dark-only .dov-system-modal .modal-footer, html.dov-pre-dark body .modal .modal-footer, html.dov-pre-dark body .dov-system-modal .modal-footer{ background:#202636!important; border-top-color:#394153!important; } body.dark-only .modal .modal-title, body.dark-only .modal .dov-modal-title-block h5, body.dark-only .modal h1, body.dark-only .modal h2, body.dark-only .modal h3, body.dark-only .modal h4, body.dark-only .modal h5, body.dark-only .modal h6, body.dark-only .modal label, body.dark-only .modal .form-label, body.dark-only .dov-system-modal .modal-title, html.dov-pre-dark body .modal .modal-title, html.dov-pre-dark body .modal .dov-modal-title-block h5, html.dov-pre-dark body .modal h1, html.dov-pre-dark body .modal h2, html.dov-pre-dark body .modal h3, html.dov-pre-dark body .modal h4, html.dov-pre-dark body .modal h5, html.dov-pre-dark body .modal h6, html.dov-pre-dark body .modal label, html.dov-pre-dark body .modal .form-label, html.dov-pre-dark body .dov-system-modal .modal-title{ color:#f8fafc!important; } body.dark-only .modal small, body.dark-only .modal .text-muted, body.dark-only .modal .help-text, body.dark-only .modal .form-text, body.dark-only .dov-system-modal small, html.dov-pre-dark body .modal small, html.dov-pre-dark body .modal .text-muted, html.dov-pre-dark body .modal .help-text, html.dov-pre-dark body .modal .form-text, html.dov-pre-dark body .dov-system-modal small{ color:#aab3c5!important; } body.dark-only .modal .dov-modal-section, body.dark-only .modal .dov-form-section, body.dark-only .modal .task-form-section, body.dark-only .modal .form-section, body.dark-only .modal .crm-section-card, body.dark-only .modal .task-section-card, body.dark-only .modal .org-card-section, body.dark-only .modal .section-body, body.dark-only .modal .dov-system-message-box, body.dark-only .modal .list-group, body.dark-only .modal .list-group-item, body.dark-only .modal .card, body.dark-only .modal .card-header, body.dark-only .modal .card-body, body.dark-only .modal .bg-white, body.dark-only .modal .bg-light, html.dov-pre-dark body .modal .dov-modal-section, html.dov-pre-dark body .modal .dov-form-section, html.dov-pre-dark body .modal .task-form-section, html.dov-pre-dark body .modal .form-section, html.dov-pre-dark body .modal .crm-section-card, html.dov-pre-dark body .modal .task-section-card, html.dov-pre-dark body .modal .org-card-section, html.dov-pre-dark body .modal .section-body, html.dov-pre-dark body .modal .dov-system-message-box, html.dov-pre-dark body .modal .list-group, html.dov-pre-dark body .modal .list-group-item, html.dov-pre-dark body .modal .card, html.dov-pre-dark body .modal .card-header, html.dov-pre-dark body .modal .card-body, html.dov-pre-dark body .modal .bg-white, html.dov-pre-dark body .modal .bg-light{ background:#202631!important; color:#e8edf7!important; border-color:#394153!important; } body.dark-only .modal .dov-modal-section .section-title, body.dark-only .modal .dov-form-section .section-title, body.dark-only .modal .task-form-section .section-title, body.dark-only .modal .form-section .section-title, body.dark-only .modal .crm-section-header, body.dark-only .modal .task-section-header, html.dov-pre-dark body .modal .dov-modal-section .section-title, html.dov-pre-dark body .modal .dov-form-section .section-title, html.dov-pre-dark body .modal .task-form-section .section-title, html.dov-pre-dark body .modal .form-section .section-title, html.dov-pre-dark body .modal .crm-section-header, html.dov-pre-dark body .modal .task-section-header{ background:#252c3a!important; color:#f8fafc!important; border-color:#394153!important; } body.dark-only .modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), body.dark-only .modal select, body.dark-only .modal textarea, body.dark-only .modal .form-control, body.dark-only .modal .form-select, body.dark-only .modal .input-group-text, body.dark-only .modal .select2-container .select2-selection, html.dov-pre-dark body .modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), html.dov-pre-dark body .modal select, html.dov-pre-dark body .modal textarea, html.dov-pre-dark body .modal .form-control, html.dov-pre-dark body .modal .form-select, html.dov-pre-dark body .modal .input-group-text, html.dov-pre-dark body .modal .select2-container .select2-selection{ background:#111827!important; color:#eef2ff!important; border-color:#4b5568!important; box-shadow:none!important; } body.dark-only .modal input::placeholder, body.dark-only .modal textarea::placeholder, html.dov-pre-dark body .modal input::placeholder, html.dov-pre-dark body .modal textarea::placeholder{ color:#8791a5!important; opacity:1!important; } body.dark-only .modal .btn-close, body.dark-only .dov-system-modal .btn-close, html.dov-pre-dark body .modal .btn-close, html.dov-pre-dark body .dov-system-modal .btn-close{ filter:invert(1) grayscale(100%) brightness(1.9)!important; opacity:.88!important; } body.dark-only .modal .btn-outline-secondary, body.dark-only .modal .btn-light, html.dov-pre-dark body .modal .btn-outline-secondary, html.dov-pre-dark body .modal .btn-light{ background:#252c3a!important; color:#e8edf7!important; border-color:#4b5568!important; } body.dark-only .modal .btn-outline-secondary:hover, body.dark-only .modal .btn-light:hover, html.dov-pre-dark body .modal .btn-outline-secondary:hover, html.dov-pre-dark body .modal .btn-light:hover{ background:#30384a!important; color:#fff!important; } body.dark-only .modal table, body.dark-only .modal .table, body.dark-only .modal .table-responsive, html.dov-pre-dark body .modal table, html.dov-pre-dark body .modal .table, html.dov-pre-dark body .modal .table-responsive{ background:#202631!important; color:#e8edf7!important; border-color:#394153!important; } body.dark-only .modal table th, body.dark-only .modal table td, html.dov-pre-dark body .modal table th, html.dov-pre-dark body .modal table td{ color:#e8edf7!important; border-color:#394153!important; } body.dark-only .offcanvas, body.dark-only .offcanvas-header, body.dark-only .offcanvas-body, html.dov-pre-dark body .offcanvas, html.dov-pre-dark body .offcanvas-header, html.dov-pre-dark body .offcanvas-body{ background:#1f2430!important; color:#e8edf7!important; border-color:#394153!important; } body.dark-only .popover, body.dark-only .popover-header, body.dark-only .popover-body, html.dov-pre-dark body .popover, html.dov-pre-dark body .popover-header, html.dov-pre-dark body .popover-body{ background:#1f2430!important; color:#e8edf7!important; border-color:#394153!important; } body.dark-only .tooltip-inner, html.dov-pre-dark body .tooltip-inner{ background:#111827!important; color:#fff!important; } body.dark-only .swal2-popup, body.dark-only .swal2-toast, html.dov-pre-dark body .swal2-popup, html.dov-pre-dark body .swal2-toast{ background:#1f2430!important; color:#e8edf7!important; border:1px solid #394153!important; box-shadow:0 24px 70px rgba(0,0,0,.55)!important; } body.dark-only .swal2-title, body.dark-only .swal2-html-container, html.dov-pre-dark body .swal2-title, html.dov-pre-dark body .swal2-html-container{ color:#e8edf7!important; } body.dark-only .swal2-input, body.dark-only .swal2-textarea, body.dark-only .swal2-select, html.dov-pre-dark body .swal2-input, html.dov-pre-dark body .swal2-textarea, html.dov-pre-dark body .swal2-select{ background:#111827!important; color:#eef2ff!important; border-color:#4b5568!important; } body.dark-only .select2-dropdown, body.dark-only .select2-results__option, body.dark-only .select2-search__field, html.dov-pre-dark body .select2-dropdown, html.dov-pre-dark body .select2-results__option, html.dov-pre-dark body .select2-search__field{ background:#1f2430!important; color:#e8edf7!important; border-color:#394153!important; } body.dark-only .select2-results__option--highlighted, html.dov-pre-dark body .select2-results__option--highlighted{ background:#30384a!important; color:#fff!important; } body.dark-only .flatpickr-calendar, body.dark-only .flatpickr-months, body.dark-only .flatpickr-weekdays, body.dark-only .flatpickr-days, body.dark-only .flatpickr-day, body.dark-only .ui-datepicker, body.dark-only .ui-datepicker-header, body.dark-only .ui-datepicker-calendar, html.dov-pre-dark body .flatpickr-calendar, html.dov-pre-dark body .flatpickr-months, html.dov-pre-dark body .flatpickr-weekdays, html.dov-pre-dark body .flatpickr-days, html.dov-pre-dark body .flatpickr-day, html.dov-pre-dark body .ui-datepicker, html.dov-pre-dark body .ui-datepicker-header, html.dov-pre-dark body .ui-datepicker-calendar{ background:#1f2430!important; color:#e8edf7!important; border-color:#394153!important; } body.dark-only .flatpickr-day:hover, body.dark-only .flatpickr-day.selected, body.dark-only .ui-datepicker-calendar a:hover, html.dov-pre-dark body .flatpickr-day:hover, html.dov-pre-dark body .flatpickr-day.selected, html.dov-pre-dark body .ui-datepicker-calendar a:hover{ background:#7366ff!important; color:#fff!important; } body.dark-only .dov-toast, body.dark-only .dov-toast *, html.dov-pre-dark body .dov-toast, html.dov-pre-dark body .dov-toast *{ color:inherit; } body.dark-only .dov-toast, html.dov-pre-dark body .dov-toast{ background:#1f2430!important; color:#e8edf7!important; border-color:#394153!important; box-shadow:0 24px 70px rgba(0,0,0,.50)!important; } body.dark-only .dov-toast-message, html.dov-pre-dark body .dov-toast-message{ color:#aab3c5!important; } /* ========================================================= DOV Task v1.3.4.96 - clean user dropdown dark mode ========================================================= */ body.dark-only .dov-profile-dropdown-modern, html.dov-pre-dark body .dov-profile-dropdown-modern, body.dark-only .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown.dov-profile-dropdown-modern, html.dov-pre-dark body .page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown.dov-profile-dropdown-modern{ background:#1f2633!important; border-color:#334155!important; box-shadow:0 24px 70px rgba(0,0,0,.48)!important; } body.dark-only .dov-profile-dropdown-modern:before, html.dov-pre-dark body .dov-profile-dropdown-modern:before{ display:none!important; content:none!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-separator, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-separator{ display:none!important; height:0!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; } body.dark-only .dov-profile-dropdown-head, html.dov-pre-dark body .dov-profile-dropdown-head{ border-bottom-color:rgba(148,163,184,.22)!important; } body.dark-only .dov-profile-menu-icon, html.dov-pre-dark body .dov-profile-menu-icon, body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link-admin .dov-profile-menu-icon, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link-admin .dov-profile-menu-icon, body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link-logout .dov-profile-menu-icon, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link-logout .dov-profile-menu-icon{ background:transparent!important; border:0!important; box-shadow:none!important; color:#cbd5e1!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link:hover, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link:hover{ background:rgba(115,102,255,.13)!important; box-shadow:none!important; transform:none!important; color:#ffffff!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link:hover .dov-profile-menu-icon, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link:hover .dov-profile-menu-icon{ color:#a78bfa!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link-admin:hover .dov-profile-menu-icon, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link-admin:hover .dov-profile-menu-icon{ color:#38bdf8!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link-logout, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link-logout, body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link-logout .dov-profile-menu-icon, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link-logout .dov-profile-menu-icon{ color:#fb7185!important; background:transparent!important; } body.dark-only .dov-profile-dropdown-modern .dov-profile-menu-link-logout:hover, html.dov-pre-dark body .dov-profile-dropdown-modern .dov-profile-menu-link-logout:hover{ background:rgba(239,68,68,.12)!important; color:#fecaca!important; } /* ========================================================= DOV Task v1.3.4.97 - FULL DARK + UNIFIED CHECKBOX FINAL - zadnji preglas za celotno temno temo - enotni checkboxi/kljukice na vseh straneh, modalih in tabelah ========================================================= */ :root{ --dov-check-size:18px; --dov-check-radius:5px; --dov-check-primary:#7366ff; --dov-check-primary-hover:#5f54e8; --dov-check-border:#9aa7bd; --dov-check-bg:#ffffff; --dov-check-hover-bg:#f4f3ff; --dov-check-focus:rgba(115,102,255,.22); --dov-check-svg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.45' d='M3.15 8.25l3.05 3.05 6.65-7.1'/%3e%3c/svg%3e"); } /* Svetla + temna tema: ena velikost in ena kljukica povsod */ input[type="checkbox"], .form-check-input[type="checkbox"], .checkbox-primary.form-check-input[type="checkbox"], .role-permission-checkbox[type="checkbox"], table.dataTable input.dt-select-checkbox[type="checkbox"], .dov-checkbox-grid input[type="checkbox"], .modal input[type="checkbox"], #warehouse-app input[type="checkbox"]{ -webkit-appearance:none!important; appearance:none!important; width:var(--dov-check-size)!important; height:var(--dov-check-size)!important; min-width:var(--dov-check-size)!important; min-height:var(--dov-check-size)!important; max-width:var(--dov-check-size)!important; max-height:var(--dov-check-size)!important; padding:0!important; border:1.7px solid var(--dov-check-border)!important; border-radius:var(--dov-check-radius)!important; background-color:var(--dov-check-bg)!important; background-image:none!important; background-repeat:no-repeat!important; background-position:center!important; background-size:13px 13px!important; color:#fff!important; box-shadow:none!important; opacity:1!important; cursor:pointer!important; vertical-align:-3px!important; transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease!important; } .form-check-input[type="checkbox"]{margin-top:.12em!important;} label>input[type="checkbox"]:not(.form-check-input){margin-right:.5rem!important;} input[type="checkbox"]:hover, .form-check-input[type="checkbox"]:hover, .role-permission-checkbox[type="checkbox"]:hover, table.dataTable input.dt-select-checkbox[type="checkbox"]:hover{ border-color:var(--dov-check-primary)!important; background-color:var(--dov-check-hover-bg)!important; } input[type="checkbox"]:focus, .form-check-input[type="checkbox"]:focus, .role-permission-checkbox[type="checkbox"]:focus, table.dataTable input.dt-select-checkbox[type="checkbox"]:focus{ outline:0!important; border-color:var(--dov-check-primary)!important; box-shadow:0 0 0 .18rem var(--dov-check-focus)!important; } input[type="checkbox"]:checked, .form-check-input[type="checkbox"]:checked, .checkbox-primary.form-check-input[type="checkbox"]:checked, .role-permission-checkbox[type="checkbox"]:checked, table.dataTable input.dt-select-checkbox[type="checkbox"]:checked, .dov-checkbox-grid input[type="checkbox"]:checked, .modal input[type="checkbox"]:checked, #warehouse-app input[type="checkbox"]:checked{ background-color:var(--dov-check-primary)!important; border-color:var(--dov-check-primary)!important; background-image:var(--dov-check-svg)!important; color:#fff!important; } input[type="checkbox"]:checked:hover, .form-check-input[type="checkbox"]:checked:hover, .role-permission-checkbox[type="checkbox"]:checked:hover{ background-color:var(--dov-check-primary-hover)!important; border-color:var(--dov-check-primary-hover)!important; } input[type="checkbox"]:disabled, .form-check-input[type="checkbox"]:disabled{ opacity:.55!important; cursor:not-allowed!important; } .form-check, .form-check-visible, .dov-checkbox-grid .form-check, .modal .form-check{ color:inherit!important; } .form-check label, .form-check .form-check-label, .form-check-visible .form-check-label, .modal .form-check-label{ color:inherit!important; } /* Bootstrap switchi ostanejo switchi, ampak enotni in berljivi */ .form-switch .form-check-input[type="checkbox"]{ width:2.25em!important; min-width:2.25em!important; max-width:2.25em!important; height:1.2em!important; min-height:1.2em!important; max-height:1.2em!important; border-radius:999px!important; background-size:1em 1em!important; background-position:left center!important; background-image:none!important; } .form-switch .form-check-input[type="checkbox"]:checked{ background-color:var(--dov-check-primary)!important; border-color:var(--dov-check-primary)!important; } /* Temna tema: Bootstrap variable in zadnji catch-all */ body.dark-only, html.dov-pre-dark body{ --bs-body-bg:#171b24!important; --bs-body-color:#e8edf7!important; --bs-heading-color:#f8fafc!important; --bs-border-color:#394153!important; --bs-tertiary-bg:#202631!important; --bs-secondary-bg:#222836!important; --dov-check-bg:#111827; --dov-check-hover-bg:#1e2633; --dov-check-border:#64748b; --dov-check-focus:rgba(115,102,255,.30); background:#171b24!important; color:#e8edf7!important; } body.dark-only .page-wrapper, body.dark-only .page-body-wrapper, body.dark-only .page-body, body.dark-only .page-body>.container-fluid, body.dark-only .page-wrapper.compact-wrapper, body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper, body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .page-body, body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper .page-body>.container-fluid, html.dov-pre-dark body .page-wrapper, html.dov-pre-dark body .page-body-wrapper, html.dov-pre-dark body .page-body, html.dov-pre-dark body .page-body>.container-fluid, html.dov-pre-dark body .page-wrapper.compact-wrapper, html.dov-pre-dark body .page-wrapper.compact-wrapper .page-body-wrapper, html.dov-pre-dark body .page-wrapper.compact-wrapper .page-body-wrapper .page-body, html.dov-pre-dark body .page-wrapper.compact-wrapper .page-body-wrapper .page-body>.container-fluid{ background:#171b24!important; color:#e8edf7!important; } /* Sidebar je del celotne dark teme */ body.dark-only .sidebar-wrapper, body.dark-only .sidebar-wrapper>div, body.dark-only .sidebar-main, body.dark-only #sidebar-menu, body.dark-only .sidebar-links, body.dark-only .sidebar-links .simplebar-wrapper, body.dark-only .sidebar-links .simplebar-mask, body.dark-only .sidebar-links .simplebar-content-wrapper, body.dark-only .sidebar-links .simplebar-content, body.dark-only .logo-wrapper, body.dark-only .logo-icon-wrapper, html.dov-pre-dark body .sidebar-wrapper, html.dov-pre-dark body .sidebar-wrapper>div, html.dov-pre-dark body .sidebar-main, html.dov-pre-dark body #sidebar-menu, html.dov-pre-dark body .sidebar-links, html.dov-pre-dark body .sidebar-links .simplebar-wrapper, html.dov-pre-dark body .sidebar-links .simplebar-mask, html.dov-pre-dark body .sidebar-links .simplebar-content-wrapper, html.dov-pre-dark body .sidebar-links .simplebar-content, html.dov-pre-dark body .logo-wrapper, html.dov-pre-dark body .logo-icon-wrapper{ background:#1f2430!important; color:#e8edf7!important; border-color:#323949!important; } body.dark-only .sidebar-main-title h6, body.dark-only .sidebar-main-title p, body.dark-only .sidebar-link span, body.dark-only .sidebar-links li a, body.dark-only .mobile-back span, html.dov-pre-dark body .sidebar-main-title h6, html.dov-pre-dark body .sidebar-main-title p, html.dov-pre-dark body .sidebar-link span, html.dov-pre-dark body .sidebar-links li a, html.dov-pre-dark body .mobile-back span{ color:#cbd5e1!important; } body.dark-only .sidebar-link svg, body.dark-only .sidebar-wrapper svg, html.dov-pre-dark body .sidebar-link svg, html.dov-pre-dark body .sidebar-wrapper svg{ stroke:#cbd5e1!important; color:#cbd5e1!important; } body.dark-only .sidebar-list.active>.sidebar-link, body.dark-only .sidebar-link.active, body.dark-only .sidebar-link:hover, html.dov-pre-dark body .sidebar-list.active>.sidebar-link, html.dov-pre-dark body .sidebar-link.active, html.dov-pre-dark body .sidebar-link:hover{ background:rgba(115,102,255,.18)!important; color:#fff!important; border-radius:12px!important; } body.dark-only .sidebar-list.active>.sidebar-link span, body.dark-only .sidebar-link.active span, body.dark-only .sidebar-link:hover span, body.dark-only .sidebar-list.active>.sidebar-link svg, body.dark-only .sidebar-link.active svg, body.dark-only .sidebar-link:hover svg, html.dov-pre-dark body .sidebar-list.active>.sidebar-link span, html.dov-pre-dark body .sidebar-link.active span, html.dov-pre-dark body .sidebar-link:hover span, html.dov-pre-dark body .sidebar-list.active>.sidebar-link svg, html.dov-pre-dark body .sidebar-link.active svg, html.dov-pre-dark body .sidebar-link:hover svg{ color:#fff!important; stroke:#fff!important; } /* Header, footer, page title in beli helperji */ body.dark-only .page-header, body.dark-only .page-header .header-wrapper, body.dark-only .footer, body.dark-only footer.footer, body.dark-only .page-title, body.dark-only .page-title .row, html.dov-pre-dark body .page-header, html.dov-pre-dark body .page-header .header-wrapper, html.dov-pre-dark body .footer, html.dov-pre-dark body footer.footer, html.dov-pre-dark body .page-title, html.dov-pre-dark body .page-title .row{ background:#1f2430!important; color:#e8edf7!important; border-color:#323949!important; box-shadow:none!important; } body.dark-only .bg-white, body.dark-only .bg-light, body.dark-only .card-header.bg-white, body.dark-only .card-header.bg-light, body.dark-only pre.bg-light, body.dark-only .border.bg-light, html.dov-pre-dark body .bg-white, html.dov-pre-dark body .bg-light, html.dov-pre-dark body .card-header.bg-white, html.dov-pre-dark body .card-header.bg-light, html.dov-pre-dark body pre.bg-light, html.dov-pre-dark body .border.bg-light{ background:#202631!important; color:#e8edf7!important; border-color:#394153!important; } body.dark-only .text-dark, body.dark-only .badge.text-dark, html.dov-pre-dark body .text-dark, html.dov-pre-dark body .badge.text-dark{ color:#e8edf7!important; } body.dark-only code, html.dov-pre-dark body code{ color:#d8b4fe!important; background:rgba(115,102,255,.10)!important; border-radius:6px!important; padding:.08rem .28rem!important; } /* Vse kartice, panely, customer 360 in moduli */ body.dark-only .card, body.dark-only .card-header, body.dark-only .card-body, body.dark-only .dov-card, body.dark-only .info-card, body.dark-only .customer-360 .c360-hero, body.dark-only .customer-360 .timeline-item, body.dark-only .map-side-panel, body.dark-only .org-card-section, body.dark-only .crm-section-card, body.dark-only .task-section-card, body.dark-only .sub-select, body.dark-only .sub-stat, body.dark-only .sub-section-card, body.dark-only .warehouse-nav-card, body.dark-only .warehouse-left-menu, body.dark-only .warehouse-menu-group, body.dark-only .dov-panel, body.dark-only .white-box, body.dark-only .box, html.dov-pre-dark body .card, html.dov-pre-dark body .card-header, html.dov-pre-dark body .card-body, html.dov-pre-dark body .dov-card, html.dov-pre-dark body .info-card, html.dov-pre-dark body .customer-360 .c360-hero, html.dov-pre-dark body .customer-360 .timeline-item, html.dov-pre-dark body .map-side-panel, html.dov-pre-dark body .org-card-section, html.dov-pre-dark body .crm-section-card, html.dov-pre-dark body .task-section-card, html.dov-pre-dark body .sub-select, html.dov-pre-dark body .sub-stat, html.dov-pre-dark body .sub-section-card, html.dov-pre-dark body .warehouse-nav-card, html.dov-pre-dark body .warehouse-left-menu, html.dov-pre-dark body .warehouse-menu-group, html.dov-pre-dark body .dov-panel, html.dov-pre-dark body .white-box, html.dov-pre-dark body .box{ background:#222836!important; color:#e8edf7!important; border-color:#394153!important; } body.dark-only .customer-360 .c360-hero *, body.dark-only .card *, body.dark-only .dov-card *, html.dov-pre-dark body .customer-360 .c360-hero *, html.dov-pre-dark body .card *, html.dov-pre-dark body .dov-card *{ border-color:#394153; } /* Forms: ne pobarvamo checkboxov z input pravilom, ker imajo svoj enotni stil zgoraj */ body.dark-only input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), body.dark-only select, body.dark-only textarea, body.dark-only .form-control, body.dark-only .form-select, body.dark-only .input-group-text, body.dark-only .dov-table-search, body.dark-only .dov-table-per-page, body.dark-only .dov-table-length, body.dark-only .dataTables_length select, body.dark-only .dt-length select, body.dark-only .select2-container .select2-selection, html.dov-pre-dark body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), html.dov-pre-dark body select, html.dov-pre-dark body textarea, html.dov-pre-dark body .form-control, html.dov-pre-dark body .form-select, html.dov-pre-dark body .input-group-text, html.dov-pre-dark body .dov-table-search, html.dov-pre-dark body .dov-table-per-page, html.dov-pre-dark body .dov-table-length, html.dov-pre-dark body .dataTables_length select, html.dov-pre-dark body .dt-length select, html.dov-pre-dark body .select2-container .select2-selection{ background:#111827!important; color:#eef2ff!important; border-color:#4b5568!important; box-shadow:none!important; } body.dark-only input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus, body.dark-only select:focus, body.dark-only textarea:focus, body.dark-only .form-control:focus, body.dark-only .form-select:focus, html.dov-pre-dark body input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus, html.dov-pre-dark body select:focus, html.dov-pre-dark body textarea:focus, html.dov-pre-dark body .form-control:focus, html.dov-pre-dark body .form-select:focus{ border-color:#7366ff!important; box-shadow:0 0 0 .18rem rgba(115,102,255,.22)!important; } /* Modali, popupi, dropdowni, obvestila */ body.dark-only .modal-content, body.dark-only .modal-header, body.dark-only .modal-body, body.dark-only .modal-footer, body.dark-only .dropdown-menu, body.dark-only .onhover-show-div, body.dark-only .dov-profile-dropdown-modern, body.dark-only .dov-notification-dropdown-modern, body.dark-only .popover, body.dark-only .popover-header, body.dark-only .popover-body, body.dark-only .offcanvas, body.dark-only .offcanvas-header, body.dark-only .offcanvas-body, body.dark-only .list-group, body.dark-only .list-group-item, body.dark-only .swal2-popup, body.dark-only .swal2-toast, html.dov-pre-dark body .modal-content, html.dov-pre-dark body .modal-header, html.dov-pre-dark body .modal-body, html.dov-pre-dark body .modal-footer, html.dov-pre-dark body .dropdown-menu, html.dov-pre-dark body .onhover-show-div, html.dov-pre-dark body .dov-profile-dropdown-modern, html.dov-pre-dark body .dov-notification-dropdown-modern, html.dov-pre-dark body .popover, html.dov-pre-dark body .popover-header, html.dov-pre-dark body .popover-body, html.dov-pre-dark body .offcanvas, html.dov-pre-dark body .offcanvas-header, html.dov-pre-dark body .offcanvas-body, html.dov-pre-dark body .list-group, html.dov-pre-dark body .list-group-item, html.dov-pre-dark body .swal2-popup, html.dov-pre-dark body .swal2-toast{ background:#1f2430!important; color:#e8edf7!important; border-color:#394153!important; } body.dark-only .modal .dov-modal-section, body.dark-only .modal .dov-form-section, body.dark-only .modal .task-form-section, body.dark-only .modal .form-section, body.dark-only .modal .crm-section-card, body.dark-only .modal .task-section-card, body.dark-only .modal .org-card-section, body.dark-only .modal .section-body, html.dov-pre-dark body .modal .dov-modal-section, html.dov-pre-dark body .modal .dov-form-section, html.dov-pre-dark body .modal .task-form-section, html.dov-pre-dark body .modal .form-section, html.dov-pre-dark body .modal .crm-section-card, html.dov-pre-dark body .modal .task-section-card, html.dov-pre-dark body .modal .org-card-section, html.dov-pre-dark body .modal .section-body{ background:#202631!important; color:#e8edf7!important; border-color:#394153!important; } /* Login / 2FA - pusti original Cuba ozadje z vzorcem; popravi samo notranji extra panel. */ body.dark-only .login-card.login-dark, html.dov-pre-dark body .login-card.login-dark{ background-image:url(../images/login_bg.jpg)!important; background-position:center center!important; background-size:cover!important; background-repeat:no-repeat!important; background-color:#262932!important; background-blend-mode:overlay!important; box-shadow:none!important; border:0!important; } body.dark-only .login-card.login-dark .login-main, html.dov-pre-dark body .login-card.login-dark .login-main{ background:#323846!important; color:#e8edf7!important; border:0!important; box-shadow:0 0 37px hsla(0,0%,100%,.05)!important; } body.dark-only .login-card.login-dark .login-main .theme-form, html.dov-pre-dark body .login-card.login-dark .login-main .theme-form{ background:transparent!important; color:inherit!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0!important; } body.dark-only .login-card.login-dark .login-main h4, body.dark-only .login-card.login-dark .login-main label, html.dov-pre-dark body .login-card.login-dark .login-main h4, html.dov-pre-dark body .login-card.login-dark .login-main label{ color:#ffffff!important; } body.dark-only .login-card.login-dark .login-main p, html.dov-pre-dark body .login-card.login-dark .login-main p{ color:#cbd5e1!important; } body.dark-only .login-card.login-dark .login-main .text-muted, html.dov-pre-dark body .login-card.login-dark .login-main .text-muted{ color:#aeb9cc!important; } /* Tabele - zadnji preglas proti belim vrsticam */ body.dark-only .table, body.dark-only table, html.dov-pre-dark body .table, html.dov-pre-dark body table{ --bs-table-bg:transparent!important; --bs-table-color:#e8edf7!important; --bs-table-striped-bg:#252b37!important; --bs-table-striped-color:#e8edf7!important; --bs-table-hover-bg:#30384a!important; --bs-table-hover-color:#fff!important; --bs-table-border-color:#394153!important; color:#e8edf7!important; border-color:#394153!important; } body.dark-only .table thead th, body.dark-only table thead th, body.dark-only .table tbody tr, body.dark-only table tbody tr, body.dark-only .table tbody td, body.dark-only table tbody td, html.dov-pre-dark body .table thead th, html.dov-pre-dark body table thead th, html.dov-pre-dark body .table tbody tr, html.dov-pre-dark body table tbody tr, html.dov-pre-dark body .table tbody td, html.dov-pre-dark body table tbody td{ color:#e8edf7!important; border-color:#394153!important; } body.dark-only .table tbody tr:hover>*, body.dark-only table tbody tr:hover>*, html.dov-pre-dark body .table tbody tr:hover>*, html.dov-pre-dark body table tbody tr:hover>*{ background:#30384a!important; color:#fff!important; } /* ========================================================= DOV Task v1.3.4.98 - UI polish pass - lepša obvestila - okrogli avatarji brez belega ozadja - breadcrumb active v dark temi - task/organization/team modal dark fixi - lepši info alerti v popupih ========================================================= */ .dov-profile-avatar, .dov-profile-dropdown-avatar{ border-radius:999px!important; background:transparent!important; border:0!important; box-shadow:none!important; object-fit:cover!important; } .dov-profile-avatar{width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;} .dov-profile-dropdown-avatar{width:52px!important;height:52px!important;min-width:52px!important;flex:0 0 52px!important;} .dov-profile-button{padding-left:8px!important;padding-right:10px!important;} /* Notification dropdown - light + dark */ .dov-notification-dropdown-modern{width:380px!important;min-width:380px!important;max-width:min(380px,calc(100vw - 24px))!important;border-radius:20px!important;overflow:hidden!important;} .dov-notification-head{padding:18px 18px 14px!important;} .dov-notification-head h6{font-size:16px!important;font-weight:800!important;} .dov-notification-head small{font-size:12px!important;line-height:1.35!important;} .dov-notification-open{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 12px!important;border-radius:10px!important;background:#f3f0ff!important;color:#5b4bdf!important;} .dov-notification-open:hover{background:#ebe5ff!important;color:#4f46e5!important;} .dov-notification-list{padding:10px!important;max-height:420px!important;} .dov-notification-item{margin:0!important;} .dov-notification-item + .dov-notification-item{margin-top:6px!important;} .dov-notification-item>a{padding:12px 13px!important;border-radius:16px!important;align-items:flex-start!important;} .dov-notification-item.is-unread>a{box-shadow:inset 0 0 0 1px rgba(115,102,255,.10)!important;} .dov-notification-icon{font-size:17px!important;font-weight:700!important;} .dov-notification-content strong{font-size:13px!important;font-weight:800!important;} .dov-notification-content small{margin-top:4px!important;line-height:1.45!important;} .dov-notification-content em{margin-top:6px!important;} body.dark-only .dov-notification-open, html.dov-pre-dark body .dov-notification-open{background:#2c3452!important;color:#c4b5fd!important;} body.dark-only .dov-notification-open:hover, html.dov-pre-dark body .dov-notification-open:hover{background:#333d60!important;color:#ffffff!important;} body.dark-only .dov-notification-item>a, html.dov-pre-dark body .dov-notification-item>a{background:transparent!important;} body.dark-only .dov-notification-item.is-unread>a, html.dov-pre-dark body .dov-notification-item.is-unread>a{background:#29314a!important;box-shadow:inset 0 0 0 1px rgba(167,139,250,.10)!important;} body.dark-only .dov-notification-item>a:hover, html.dov-pre-dark body .dov-notification-item>a:hover{background:#30384a!important;} /* Breadcrumb active / page title */ body.dark-only .page-title .breadcrumb .breadcrumb-item, html.dov-pre-dark body .page-title .breadcrumb .breadcrumb-item{color:#94a3b8!important;} body.dark-only .page-title .breadcrumb .breadcrumb-item.active, html.dov-pre-dark body .page-title .breadcrumb .breadcrumb-item.active{color:#a78bfa!important;font-weight:700!important;} body.dark-only .page-title .breadcrumb .breadcrumb-item a, html.dov-pre-dark body .page-title .breadcrumb .breadcrumb-item a{color:#cbd5e1!important;} body.dark-only .page-title .breadcrumb .stroke-icon, html.dov-pre-dark body .page-title .breadcrumb .stroke-icon{stroke:#a78bfa!important;color:#a78bfa!important;} /* Task page dark fixes */ body.dark-only .tasks-card, body.dark-only .task-list-panel, body.dark-only .task-detail-pane, body.dark-only .task-list-panel .panel-title, body.dark-only .task-detail-head, body.dark-only .task-detail-body, body.dark-only .info-box, body.dark-only .task-page-card, html.dov-pre-dark body .tasks-card, html.dov-pre-dark body .task-list-panel, html.dov-pre-dark body .task-detail-pane, html.dov-pre-dark body .task-list-panel .panel-title, html.dov-pre-dark body .task-detail-head, html.dov-pre-dark body .task-detail-body, html.dov-pre-dark body .info-box, html.dov-pre-dark body .task-page-card{ background:#222836!important; color:#e8edf7!important; border-color:#394153!important; } body.dark-only .task-page-card:hover, html.dov-pre-dark body .task-page-card:hover{background:#283041!important;border-color:#556070!important;} body.dark-only .task-page-card.active, html.dov-pre-dark body .task-page-card.active{background:linear-gradient(135deg,rgba(115,102,255,.22),rgba(115,102,255,.08))!important;border-color:#7366ff!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important;} body.dark-only .task-page-card .task-title, body.dark-only .task-list-panel .panel-title, body.dark-only .task-detail-pane strong, body.dark-only .task-detail-pane h1, body.dark-only .task-detail-pane h2, body.dark-only .task-detail-pane h3, body.dark-only .task-detail-pane h4, body.dark-only .task-detail-pane h5, body.dark-only .task-detail-pane h6, html.dov-pre-dark body .task-page-card .task-title, html.dov-pre-dark body .task-list-panel .panel-title, html.dov-pre-dark body .task-detail-pane strong, html.dov-pre-dark body .task-detail-pane h1, html.dov-pre-dark body .task-detail-pane h2, html.dov-pre-dark body .task-detail-pane h3, html.dov-pre-dark body .task-detail-pane h4, html.dov-pre-dark body .task-detail-pane h5, html.dov-pre-dark body .task-detail-pane h6{color:#f8fafc!important;} body.dark-only .task-page-card .task-meta, body.dark-only .task-detail-pane .text-muted, body.dark-only .task-detail-empty, body.dark-only .info-box label, body.dark-only .info-box span, html.dov-pre-dark body .task-page-card .task-meta, html.dov-pre-dark body .task-detail-pane .text-muted, html.dov-pre-dark body .task-detail-empty, html.dov-pre-dark body .info-box label, html.dov-pre-dark body .info-box span{color:#aab3c5!important;} body.dark-only .mini-badge, body.dark-only .task-page-card .task-badges span, html.dov-pre-dark body .mini-badge, html.dov-pre-dark body .task-page-card .task-badges span{background:#30384a!important;color:#dbe5f3!important;} /* Organization page dark fixes */ body.dark-only #organization-app .card, body.dark-only #organization-app .card-header, body.dark-only #organization-app .card-body, body.dark-only #organization-app .tab-content, body.dark-only #organization-app .tab-pane, html.dov-pre-dark body #organization-app .card, html.dov-pre-dark body #organization-app .card-header, html.dov-pre-dark body #organization-app .card-body, html.dov-pre-dark body #organization-app .tab-content, html.dov-pre-dark body #organization-app .tab-pane{ background:#222836!important; color:#e8edf7!important; border-color:#394153!important; } body.dark-only #organization-app .nav-tabs .nav-link, html.dov-pre-dark body #organization-app .nav-tabs .nav-link{color:#cbd5e1!important;background:transparent!important;border-color:#394153!important;} body.dark-only #organization-app .nav-tabs .nav-link.active, html.dov-pre-dark body #organization-app .nav-tabs .nav-link.active{background:#2a3242!important;color:#ffffff!important;border-color:#7366ff!important;box-shadow:inset 0 -2px 0 #7366ff!important;} body.dark-only #organization-app h5, body.dark-only #organization-app h6, html.dov-pre-dark body #organization-app h5, html.dov-pre-dark body #organization-app h6{color:#f8fafc!important;} body.dark-only #organization-app small.text-muted, html.dov-pre-dark body #organization-app small.text-muted{color:#aab3c5!important;} /* Team modal / generic modal section fixes */ body.dark-only .dov-modal-section, body.dark-only .dov-modal-section .section-title, body.dark-only .dov-modal-section .section-body, body.dark-only .dov-checkbox-grid, body.dark-only .team-member-item .form-check, html.dov-pre-dark body .dov-modal-section, html.dov-pre-dark body .dov-modal-section .section-title, html.dov-pre-dark body .dov-modal-section .section-body, html.dov-pre-dark body .dov-checkbox-grid, html.dov-pre-dark body .team-member-item .form-check{ background:#202631!important; color:#e8edf7!important; border-color:#394153!important; } body.dark-only .dov-modal-section .section-title, html.dov-pre-dark body .dov-modal-section .section-title{background:#252c3a!important;color:#f8fafc!important;} body.dark-only .team-member-item .form-check, html.dov-pre-dark body .team-member-item .form-check{display:flex!important;align-items:center!important;gap:10px!important;padding:12px 14px!important;border:1px solid #394153!important;border-radius:12px!important;} body.dark-only .team-member-item .form-check-label, html.dov-pre-dark body .team-member-item .form-check-label{color:#e8edf7!important;} /* Modal info/alert styling - both light and dark */ .modal .alert, .dov-modal-body .alert{ position:relative!important; border-radius:16px!important; border:1px solid #d8def8!important; background:linear-gradient(135deg,#f6f7ff 0%,#eef2ff 100%)!important; color:#344054!important; padding:16px 18px 16px 68px!important; box-shadow:none!important; } .modal .alert.alert-info, .dov-modal-body .alert.alert-info{border-color:#d8def8!important;background:linear-gradient(135deg,#f7f7ff 0%,#eef2ff 100%)!important;color:#334155!important;} .modal .alert:before, .dov-modal-body .alert:before{ content:"i"!important; position:absolute!important; left:18px!important; top:18px!important; width:38px!important; height:38px!important; border-radius:12px!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:20px!important; font-weight:800!important; background:#7366ff!important; color:#fff!important; box-shadow:0 8px 20px rgba(115,102,255,.20)!important; } body.dark-only .modal .alert, body.dark-only .dov-modal-body .alert, html.dov-pre-dark body .modal .alert, html.dov-pre-dark body .dov-modal-body .alert{ border-color:#414a72!important; background:linear-gradient(135deg,#20263a 0%,#26304a 100%)!important; color:#dbe5f3!important; } body.dark-only .modal .alert:before, body.dark-only .dov-modal-body .alert:before, html.dov-pre-dark body .modal .alert:before, html.dov-pre-dark body .dov-modal-body .alert:before{background:#7366ff!important;color:#fff!important;box-shadow:0 8px 20px rgba(0,0,0,.24)!important;} /* Keep dark page list groups readable */ body.dark-only .list-group-item, html.dov-pre-dark body .list-group-item{background:#202631!important;color:#e8edf7!important;border-color:#394153!important;} /* ========================================================= DOV Task v1.3.4.100 - ABSOLUTE FINAL CHECKBOX NORMALIZER Enaka velikost, obroba, hover, focus in kljukica v svetli + temni temi. ========================================================= */ :root{ --dov-check-size-final:20px; --dov-check-radius-final:5px; --dov-check-border-final:#98a4b8; --dov-check-bg-final:#ffffff; --dov-check-hover-final:#f5f3ff; --dov-check-primary-final:#7366ff; --dov-check-primary-hover-final:#5f54e8; --dov-check-focus-final:rgba(115,102,255,.24); --dov-check-mark-final:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.7' d='M4.4 10.2l3.8 3.7 7.4-8.2'/%3e%3c/svg%3e"); } body.dark-only, html.dov-pre-dark body{ --dov-check-border-final:#7b879b; --dov-check-bg-final:#111827; --dov-check-hover-final:#1d2533; --dov-check-focus-final:rgba(115,102,255,.32); } input[type="checkbox"]:not(.form-switch .form-check-input):not([role="switch"]), .form-check-input[type="checkbox"]:not(.form-switch .form-check-input):not([role="switch"]), .modal input[type="checkbox"]:not(.form-switch .form-check-input):not([role="switch"]), .table input[type="checkbox"]:not(.form-switch .form-check-input):not([role="switch"]), .dov-checkbox-grid input[type="checkbox"]:not(.form-switch .form-check-input):not([role="switch"]), .team-member-check[type="checkbox"], .role-permission-checkbox[type="checkbox"], table.dataTable input.dt-select-checkbox[type="checkbox"]{ -webkit-appearance:none!important; appearance:none!important; box-sizing:border-box!important; width:var(--dov-check-size-final)!important; height:var(--dov-check-size-final)!important; min-width:var(--dov-check-size-final)!important; min-height:var(--dov-check-size-final)!important; max-width:var(--dov-check-size-final)!important; max-height:var(--dov-check-size-final)!important; flex:0 0 var(--dov-check-size-final)!important; display:inline-block!important; padding:0!important; margin:0 .5rem 0 0!important; border:2px solid var(--dov-check-border-final)!important; border-radius:var(--dov-check-radius-final)!important; background-color:var(--dov-check-bg-final)!important; background-image:none!important; background-repeat:no-repeat!important; background-position:center!important; background-size:15px 15px!important; box-shadow:none!important; cursor:pointer!important; opacity:1!important; vertical-align:-4px!important; transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease!important; } .form-check .form-check-input[type="checkbox"]:not(.form-switch .form-check-input){ float:none!important; margin-left:0!important; } input[type="checkbox"]:not(.form-switch .form-check-input):not([role="switch"]):hover, .form-check-input[type="checkbox"]:not(.form-switch .form-check-input):not([role="switch"]):hover, .team-member-check[type="checkbox"]:hover, .role-permission-checkbox[type="checkbox"]:hover, table.dataTable input.dt-select-checkbox[type="checkbox"]:hover{ border-color:var(--dov-check-primary-final)!important; background-color:var(--dov-check-hover-final)!important; } input[type="checkbox"]:not(.form-switch .form-check-input):not([role="switch"]):focus, .form-check-input[type="checkbox"]:not(.form-switch .form-check-input):not([role="switch"]):focus, .team-member-check[type="checkbox"]:focus, .role-permission-checkbox[type="checkbox"]:focus, table.dataTable input.dt-select-checkbox[type="checkbox"]:focus{ outline:0!important; border-color:var(--dov-check-primary-final)!important; box-shadow:0 0 0 .2rem var(--dov-check-focus-final)!important; } input[type="checkbox"]:not(.form-switch .form-check-input):not([role="switch"]):checked, .form-check-input[type="checkbox"]:not(.form-switch .form-check-input):not([role="switch"]):checked, .team-member-check[type="checkbox"]:checked, .role-permission-checkbox[type="checkbox"]:checked, table.dataTable input.dt-select-checkbox[type="checkbox"]:checked{ background-color:var(--dov-check-primary-final)!important; border-color:var(--dov-check-primary-final)!important; background-image:var(--dov-check-mark-final)!important; } input[type="checkbox"]:not(.form-switch .form-check-input):not([role="switch"]):checked:hover, .form-check-input[type="checkbox"]:not(.form-switch .form-check-input):not([role="switch"]):checked:hover, .team-member-check[type="checkbox"]:checked:hover, .role-permission-checkbox[type="checkbox"]:checked:hover{ background-color:var(--dov-check-primary-hover-final)!important; border-color:var(--dov-check-primary-hover-final)!important; } input[type="checkbox"]:disabled, .form-check-input[type="checkbox"]:disabled{ opacity:.55!important; cursor:not-allowed!important; } /* Team member selector: brez dodatnih belih okvirjev in z lepo poravnavo */ .team-member-item .form-check, .dov-checkbox-grid .form-check{ min-height:48px!important; display:flex!important; align-items:center!important; gap:0!important; padding:12px 14px!important; border:1px solid #e5eaf3!important; border-radius:14px!important; background:#ffffff!important; color:#1f2937!important; } .team-member-item .form-check-label, .dov-checkbox-grid .form-check-label{ color:inherit!important; font-weight:650!important; line-height:1.25!important; margin:0!important; } body.dark-only .team-member-item .form-check, body.dark-only .dov-checkbox-grid .form-check, html.dov-pre-dark body .team-member-item .form-check, html.dov-pre-dark body .dov-checkbox-grid .form-check{ background:#202631!important; color:#f8fafc!important; border-color:#394153!important; } body.dark-only .team-member-item .form-check:hover, body.dark-only .dov-checkbox-grid .form-check:hover, html.dov-pre-dark body .team-member-item .form-check:hover, html.dov-pre-dark body .dov-checkbox-grid .form-check:hover{ background:#252e3f!important; border-color:#536079!important; } /* DOV v1.3.4.101 - final task/customer360/notification dark catch */ body.dark-only .task-section-card .task-section-header, html.dov-pre-dark body .task-section-card .task-section-header{background:#252c3a!important;color:#f8fafc!important;border-color:#394153!important;} body.dark-only .task-action-dropdown .dropdown-menu, html.dov-pre-dark body .task-action-dropdown .dropdown-menu{background:#1f2430!important;border-color:#394153!important;} body.dark-only .task-action-dropdown .dropdown-item, html.dov-pre-dark body .task-action-dropdown .dropdown-item{background:transparent!important;color:#e8edf7!important;} body.dark-only .task-action-dropdown .dropdown-item:hover, html.dov-pre-dark body .task-action-dropdown .dropdown-item:hover{background:#30384a!important;color:#fff!important;} /* ========================================================= DOV Task v1.3.4.103 - final dark popup/toast/icons/table pass ========================================================= */ body.dark-only .dov-system-modal .modal-content, html.dov-pre-dark body .dov-system-modal .modal-content{background:#1f2430!important;color:#e8edf7!important;border-color:#394153!important;border-radius:16px!important;box-shadow:0 28px 90px rgba(0,0,0,.62)!important;} body.dark-only .dov-system-modal .modal-header, html.dov-pre-dark body .dov-system-modal .modal-header{background:#202636!important;color:#f8fafc!important;border-bottom-color:#394153!important;} body.dark-only .dov-system-modal .modal-body, html.dov-pre-dark body .dov-system-modal .modal-body{background:#171d28!important;color:#e8edf7!important;} body.dark-only .dov-system-modal .modal-footer, html.dov-pre-dark body .dov-system-modal .modal-footer{background:#202636!important;border-top-color:#394153!important;} body.dark-only #dovSystemModal .dov-system-message-box, body.dark-only .dov-system-modal .dov-system-message-box, html.dov-pre-dark body #dovSystemModal .dov-system-message-box, html.dov-pre-dark body .dov-system-modal .dov-system-message-box{background:#202631!important;color:#e8edf7!important;border-color:#394153!important;border-radius:14px!important;} body.dark-only .dov-system-message, html.dov-pre-dark body .dov-system-message{color:#e8edf7!important;} body.dark-only .dov-system-modal small, html.dov-pre-dark body .dov-system-modal small{color:#aab3c5!important;} body.dark-only .dov-toast, html.dov-pre-dark body .dov-toast{background:#1f2430!important;color:#e8edf7!important;border-color:#394153!important;box-shadow:0 24px 70px rgba(0,0,0,.55)!important;} body.dark-only .dov-toast-title, html.dov-pre-dark body .dov-toast-title{color:#f8fafc!important;} body.dark-only .dov-toast-message, html.dov-pre-dark body .dov-toast-message{color:#cbd5e1!important;} body.dark-only .dov-toast-icon, html.dov-pre-dark body .dov-toast-icon{background:rgba(115,102,255,.12)!important;color:#c4b5fd!important;} body.dark-only .dov-toast-close, html.dov-pre-dark body .dov-toast-close{color:#cbd5e1!important;} body.dark-only .dov-toast-close:hover, html.dov-pre-dark body .dov-toast-close:hover{color:#fff!important;} body.dark-only .dov-line-icon, html.dov-pre-dark body .dov-line-icon{stroke:currentColor!important;color:currentColor!important;} body.dark-only .dov-notification-dropdown-modern, html.dov-pre-dark body .dov-notification-dropdown-modern{background:#1f2430!important;border-color:#394153!important;border-radius:18px!important;} body.dark-only .dov-notification-empty, html.dov-pre-dark body .dov-notification-empty{color:#cbd5e1!important;background:#202631!important;border-radius:12px!important;margin:8px!important;} /* ========================================================= DOV Task v1.3.4.104 - notifications + Customer 360 table final ========================================================= */ .dov-notification-dropdown-modern{overflow:hidden!important;overflow-x:hidden!important;} .dov-notification-dropdown-modern .dov-notification-list{overflow-y:auto!important;overflow-x:hidden!important;} .dov-notification-dropdown-modern *{max-width:100%!important;box-sizing:border-box!important;} .dov-notification-content{overflow:hidden!important;} .dov-notification-content small,.dov-notification-content strong,.dov-notification-sender{word-break:break-word!important;overflow-wrap:anywhere!important;} .dov-notification-sender{display:block;margin-top:4px;font-size:12px;font-weight:700;color:#7366ff;} body.dark-only .dov-notification-sender,html.dov-pre-dark body .dov-notification-sender{color:#c4b5fd!important;} body.dark-only .dov-notification-badge,html.dov-pre-dark body .dov-notification-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;} body.dark-only .dov-notification-badge.d-none,html.dov-pre-dark body .dov-notification-badge.d-none{display:none!important;} .customer-360 .dov-table-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;margin:0 0 16px!important;padding:0!important;background:transparent!important;} .customer-360 .dov-table-search-wrap{width:260px!important;max-width:42%!important;min-width:220px!important;flex:0 1 320px!important;} .customer-360 .dov-table-length-wrap{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;white-space:nowrap!important;} .customer-360 .dov-table-search{height:42px!important;border-radius:8px!important;padding:0 14px!important;} .customer-360 .dov-table-per-page{width:78px!important;min-width:78px!important;height:42px!important;border-radius:10px!important;text-align:center!important;font-weight:800!important;} .customer-360 .dov-table-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;margin:14px 0 0!important;padding:0!important;} .customer-360 .dov-table-footer.d-none{display:flex!important;} .customer-360 .dov-table-info-col{text-align:left!important;} .customer-360 .dov-table-pages-col{text-align:right!important;display:flex!important;justify-content:flex-end!important;} .customer-360 .dov-table-pages-col.d-none{display:none!important;} .customer-360 .pagination{justify-content:flex-end!important;margin-left:auto!important;} .customer-360 .table-responsive{border-radius:12px!important;} .customer-360 .address-block .dov-table-toolbar{margin-top:12px!important;} body.dark-only .customer-360 .dov-table-toolbar, html.dov-pre-dark body .customer-360 .dov-table-toolbar{background:transparent!important;color:#e8edf7!important;border:0!important;} body.dark-only .customer-360 .dov-table-search, body.dark-only .customer-360 .dov-table-per-page, html.dov-pre-dark body .customer-360 .dov-table-search, html.dov-pre-dark body .customer-360 .dov-table-per-page{background:#111827!important;color:#eef2ff!important;border-color:#4b5568!important;} body.dark-only .customer-360 .dov-table-length-wrap, body.dark-only .customer-360 .dov-table-info, body.dark-only .customer-360 .dov-table-footer, html.dov-pre-dark body .customer-360 .dov-table-length-wrap, html.dov-pre-dark body .customer-360 .dov-table-info, html.dov-pre-dark body .customer-360 .dov-table-footer{color:#cbd5e1!important;} body.dark-only .customer-360 .table thead th, html.dov-pre-dark body .customer-360 .table thead th{background:#1d2430!important;color:#fff!important;border-color:#394153!important;} body.dark-only .customer-360 .table tbody td, html.dov-pre-dark body .customer-360 .table tbody td{background:#252c3a!important;color:#eef2ff!important;border-color:#394153!important;} @media(max-width:767.98px){.customer-360 .dov-table-toolbar{flex-direction:column!important;align-items:stretch!important}.customer-360 .dov-table-search-wrap{width:100%!important;max-width:100%!important;min-width:0!important}.customer-360 .dov-table-length-wrap{margin-left:0!important;justify-content:space-between!important}.customer-360 .dov-table-footer{flex-direction:column!important;align-items:stretch!important;gap:8px!important}} /* Task action icons and buttons readable in dark */ body.dark-only .task-action-dropdown .dropdown-menu, html.dov-pre-dark body .task-action-dropdown .dropdown-menu{background:#1f2430!important;border-color:#394153!important;box-shadow:0 20px 54px rgba(0,0,0,.50)!important;} body.dark-only .task-action-dropdown .dropdown-item, html.dov-pre-dark body .task-action-dropdown .dropdown-item{background:transparent!important;color:#e8edf7!important;border-radius:10px!important;} body.dark-only .task-action-dropdown .dropdown-item:hover, html.dov-pre-dark body .task-action-dropdown .dropdown-item:hover{background:#30384a!important;color:#fff!important;} body.dark-only .task-action-dropdown .dropdown-item svg, html.dov-pre-dark body .task-action-dropdown .dropdown-item svg{stroke:currentColor!important;color:currentColor!important;opacity:1!important;} body.dark-only .dov-action-toggle, html.dov-pre-dark body .dov-action-toggle{background:#252c3a!important;color:#e8edf7!important;border-color:#4b5568!important;} /* System/update/delete popups/toasts - no white blocks */ body.dark-only .dov-toast, body.dark-only .dov-toast *, html.dov-pre-dark body .dov-toast, html.dov-pre-dark body .dov-toast *{color:inherit;} body.dark-only .swal2-popup, body.dark-only .bootbox .modal-content, body.dark-only .modal-content, html.dov-pre-dark body .swal2-popup, html.dov-pre-dark body .bootbox .modal-content, html.dov-pre-dark body .modal-content{background:#1f2430!important;color:#e8edf7!important;border-color:#394153!important;} body.dark-only .swal2-title, body.dark-only .swal2-html-container, html.dov-pre-dark body .swal2-title, html.dov-pre-dark body .swal2-html-container{color:#e8edf7!important;} /* DOV v1.3.4.106 - global live notification header */ .dov-notification-trigger{position:relative!important;} .dov-notification-trigger-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:1;} .dov-notification-trigger-icon i{font-size:18px;line-height:1;} .dov-notification-trigger .is-open{display:none;} .dov-notification-trigger.is-open .is-bell,.dov-notification-menu.is-open .dov-notification-trigger .is-bell{display:none!important;} .dov-notification-trigger.is-open .is-open,.dov-notification-menu.is-open .dov-notification-trigger .is-open{display:inline-flex!important;} .dov-notification-menu.has-unread .dov-notification-trigger-icon{color:#7366ff!important;} .dov-notification-new-pill{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;width:max-content;min-height:21px;padding:0 8px;border-radius:999px;background:#7366ff;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;} .dov-notification-item.is-read .dov-notification-icon{background:#eef2f6;color:#64748b;} .dov-notification-item.is-unread .dov-notification-icon{background:#eafff2;color:#16a34a;} .dov-notification-item .dov-notification-message{cursor:pointer;white-space:normal;} .dov-notification-item.is-expanded .dov-notification-message{font-size:12.5px;line-height:1.5;color:#334155!important;} body.dark-only .dov-notification-trigger-icon,html.dov-pre-dark body .dov-notification-trigger-icon{color:#cbd5e1!important;} body.dark-only .dov-notification-menu.has-unread .dov-notification-trigger-icon,html.dov-pre-dark body .dov-notification-menu.has-unread .dov-notification-trigger-icon{color:#c4b5fd!important;} body.dark-only .dov-notification-new-pill,html.dov-pre-dark body .dov-notification-new-pill{background:#4f46e5!important;color:#fff!important;} body.dark-only .dov-notification-item.is-read .dov-notification-icon,html.dov-pre-dark body .dov-notification-item.is-read .dov-notification-icon{background:#30384a!important;color:#94a3b8!important;} body.dark-only .dov-notification-item.is-unread .dov-notification-icon,html.dov-pre-dark body .dov-notification-item.is-unread .dov-notification-icon{background:#173d2b!important;color:#68f2a6!important;} body.dark-only .dov-notification-item.is-expanded .dov-notification-message,html.dov-pre-dark body .dov-notification-item.is-expanded .dov-notification-message{color:#dbe5f3!important;} /* DOV Task v1.3.4.113 - Organizacija modal section-title dark fix */ body.dark-only #orgModal .org-card-section, html.dov-pre-dark body #orgModal .org-card-section{ background:#202631!important; border-color:#394153!important; color:#e8edf7!important; } body.dark-only #orgModal .org-card-section > .section-title, body.dark-only #orgModal .org-card-section > .section-title *, html.dov-pre-dark body #orgModal .org-card-section > .section-title, html.dov-pre-dark body #orgModal .org-card-section > .section-title *{ background:#252c3a!important; color:#f8fafc!important; border-color:#394153!important; } body.dark-only #orgModal .org-card-section > .section-body, html.dov-pre-dark body #orgModal .org-card-section > .section-body{ background:#202631!important; color:#e8edf7!important; } body.dark-only #orgModal .form-label, body.dark-only #orgModal label, html.dov-pre-dark body #orgModal .form-label, html.dov-pre-dark body #orgModal label{ color:#f8fafc!important; } /* DOV Task v1.3.4.114 - Customer 360 footer gap and table controls fallback */ .page-body .container-fluid.customer-360, .container-fluid.customer-360{padding-bottom:96px!important;margin-bottom:36px!important;} .customer-360 .info-card > .dov-table-toolbar, .customer-360 .info-card > .dov-table-footer{margin-left:24px!important;margin-right:24px!important;width:calc(100% - 48px)!important;max-width:calc(100% - 48px)!important;box-sizing:border-box!important;} .customer-360 .info-card > .dov-table-toolbar{margin-top:16px!important;margin-bottom:16px!important;} .customer-360 .info-card > .dov-table-footer{margin-top:14px!important;margin-bottom:22px!important;padding-left:0!important;padding-right:0!important;} .customer-360 .card-body > .dov-table-toolbar,.customer-360 .card-body > .dov-table-footer,.customer-360 .address-block > .dov-table-toolbar,.customer-360 .address-block > .dov-table-footer{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;} .customer-360 .dov-table-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;background:transparent!important;} .customer-360 .dov-table-search-wrap{flex:0 1 340px!important;width:340px!important;max-width:42%!important;min-width:260px!important;} .customer-360 .dov-table-length-wrap{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;white-space:nowrap!important;} .customer-360 .dov-table-search{width:100%!important;min-width:0!important;max-width:none!important;} .customer-360 .dov-table-per-page{width:78px!important;min-width:78px!important;max-width:78px!important;} .customer-360 .dov-table-footer.row.align-items-center.dov-table-manager{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:0!important;} .customer-360 .dov-table-footer.row.align-items-center.dov-table-manager > .dov-table-info-col,.customer-360 .dov-table-footer.row.align-items-center.dov-table-manager > div:first-child{flex:0 0 50%!important;width:50%!important;max-width:50%!important;text-align:left!important;padding-left:0!important;} .customer-360 .dov-table-footer.row.align-items-center.dov-table-manager > .dov-table-pages-col,.customer-360 .dov-table-footer.row.align-items-center.dov-table-manager > div:last-child{flex:0 0 50%!important;width:50%!important;max-width:50%!important;text-align:right!important;display:flex!important;justify-content:flex-end!important;padding-right:0!important;} .customer-360 .dov-table-footer.row.align-items-center.dov-table-manager > .dov-table-pages-col.d-none,.customer-360 .dov-table-footer.row.align-items-center.dov-table-manager > .dov-table-pages-col[hidden]{display:none!important;} .customer-360 .dov-table-footer.row.align-items-center.dov-table-manager nav,.customer-360 .dov-table-footer.row.align-items-center.dov-table-manager .pagination{justify-content:flex-end!important;margin-left:auto!important;margin-right:0!important;} @media(max-width:767.98px){.container-fluid.customer-360{padding-bottom:72px!important}.customer-360 .info-card > .dov-table-toolbar,.customer-360 .info-card > .dov-table-footer{margin-left:14px!important;margin-right:14px!important;width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important}.customer-360 .dov-table-toolbar{flex-direction:column!important;align-items:stretch!important}.customer-360 .dov-table-search-wrap{width:100%!important;max-width:100%!important;min-width:0!important;flex:1 1 auto!important}.customer-360 .dov-table-length-wrap{width:100%!important;margin-left:0!important;justify-content:space-between!important}.customer-360 .dov-table-footer.row.align-items-center.dov-table-manager > .dov-table-info-col,.customer-360 .dov-table-footer.row.align-items-center.dov-table-manager > div:first-child,.customer-360 .dov-table-footer.row.align-items-center.dov-table-manager > .dov-table-pages-col,.customer-360 .dov-table-footer.row.align-items-center.dov-table-manager > div:last-child{flex:0 0 100%!important;width:100%!important;max-width:100%!important;text-align:left!important}.customer-360 .dov-table-footer.row.align-items-center.dov-table-manager > .dov-table-pages-col,.customer-360 .dov-table-footer.row.align-items-center.dov-table-manager nav,.customer-360 .dov-table-footer.row.align-items-center.dov-table-manager .pagination{justify-content:center!important;margin-left:0!important}} /* DOV Task v1.3.4.116 - temna tema: akcijske ikone brez dodatnih kvadratkov */ body.dark-only .table .action-group .btn, body.dark-only .table .action-group button, body.dark-only .table .dov-action-group .btn, body.dark-only .table .dov-action-group button, body.dark-only .table .crm-actions .btn, body.dark-only .table .crm-actions button, body.dark-only .table .team-action-icons .btn, body.dark-only .table .team-action-icons button, body.dark-only .table .org-action-icons .btn, body.dark-only .table .org-action-icons button, body.dark-only .table button.dov-action-icon, body.dark-only .table a.dov-action-icon, html.dov-pre-dark body .table .action-group .btn, html.dov-pre-dark body .table .action-group button, html.dov-pre-dark body .table .dov-action-group .btn, html.dov-pre-dark body .table .dov-action-group button, html.dov-pre-dark body .table .crm-actions .btn, html.dov-pre-dark body .table .crm-actions button, html.dov-pre-dark body .table .team-action-icons .btn, html.dov-pre-dark body .table .team-action-icons button, html.dov-pre-dark body .table .org-action-icons .btn, html.dov-pre-dark body .table .org-action-icons button, html.dov-pre-dark body .table button.dov-action-icon, html.dov-pre-dark body .table a.dov-action-icon{ background:transparent!important; border-color:transparent!important; box-shadow:none!important; } /* DOV Task v1.3.4.117 - Notification icon centering final */ body.dark-only .dov-notification-link, html.dov-pre-dark body .dov-notification-link{ display:grid!important; grid-template-columns:44px minmax(0,1fr)!important; column-gap:12px!important; align-items:start!important; } body.dark-only .dov-notification-icon, html.dov-pre-dark body .dov-notification-icon, body.dark-only #notificationsApp .dov-notify-page-icon, html.dov-pre-dark body #notificationsApp .dov-notify-page-icon{ width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; flex:0 0 44px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; line-height:1!important; padding:0!important; margin:0!important; box-sizing:border-box!important; } body.dark-only .dov-notification-icon > i, html.dov-pre-dark body .dov-notification-icon > i, body.dark-only #notificationsApp .dov-notify-page-icon > i, html.dov-pre-dark body #notificationsApp .dov-notify-page-icon > i, body.dark-only .dov-notification-icon > svg, html.dov-pre-dark body .dov-notification-icon > svg, body.dark-only #notificationsApp .dov-notify-page-icon > svg, html.dov-pre-dark body #notificationsApp .dov-notify-page-icon > svg{ width:18px!important; height:18px!important; min-width:18px!important; min-height:18px!important; display:block!important; line-height:1!important; font-size:18px!important; margin:0!important; padding:0!important; position:static!important; transform:none!important; } /* ========================================================= DOV Task v1.3.4.170 - ABSOLUTE UNIFIED CHECKBOXES Enotne kljukice povsod: svetla/temna tema, modali, tabele, skladišče, pravice. ========================================================= */ :root{ --dov-ucheck-size:18px; --dov-ucheck-radius:5px; --dov-ucheck-border:#8fa0bb; --dov-ucheck-bg:#ffffff; --dov-ucheck-hover:#f4f2ff; --dov-ucheck-primary:#7366ff; --dov-ucheck-primary-hover:#5f54e8; --dov-ucheck-focus:rgba(115,102,255,.26); --dov-ucheck-mark:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.45' d='M4.1 9.15l3.25 3.25 6.65-7.25'/%3e%3c/svg%3e"); } body.dark-only, html.dov-pre-dark body{ --dov-ucheck-border:#69758c; --dov-ucheck-bg:#111827; --dov-ucheck-hover:#1d2533; --dov-ucheck-focus:rgba(115,102,255,.34); } body input[type="checkbox"]:not(.btn-check):not([role="switch"]):not(.form-switch .form-check-input), body .form-check-input[type="checkbox"]:not(.btn-check):not([role="switch"]):not(.form-switch .form-check-input), body .checkbox-primary.form-check-input[type="checkbox"], body .role-permission-checkbox[type="checkbox"], body .team-member-check[type="checkbox"], body table.dataTable input.dt-select-checkbox[type="checkbox"], body .dov-checkbox-grid input[type="checkbox"], body .modal input[type="checkbox"], body #warehouse-app input[type="checkbox"], body #warehouse-app .form-check-input[type="checkbox"], body .modal input.form-check-input[type="checkbox"].mat-feature, body .modal #mat_has_gpon_sn.form-check-input[type="checkbox"], body .modal #mat_has_serial_number.form-check-input[type="checkbox"], body .modal #mat_has_mac_address.form-check-input[type="checkbox"], body .modal #mat_has_capacity.form-check-input[type="checkbox"], body .modal #mat_quick_ont_entry.form-check-input[type="checkbox"]{ -webkit-appearance:none!important; appearance:none!important; box-sizing:border-box!important; display:inline-block!important; flex:0 0 var(--dov-ucheck-size)!important; width:var(--dov-ucheck-size)!important; height:var(--dov-ucheck-size)!important; min-width:var(--dov-ucheck-size)!important; min-height:var(--dov-ucheck-size)!important; max-width:var(--dov-ucheck-size)!important; max-height:var(--dov-ucheck-size)!important; padding:0!important; margin:0!important; border:2px solid var(--dov-ucheck-border)!important; border-radius:var(--dov-ucheck-radius)!important; background-color:var(--dov-ucheck-bg)!important; background-image:none!important; background-repeat:no-repeat!important; background-position:center!important; background-size:14px 14px!important; opacity:1!important; box-shadow:none!important; outline:0!important; cursor:pointer!important; vertical-align:-3px!important; transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease!important; } body .form-check .form-check-input[type="checkbox"]:not(.form-switch .form-check-input), body label > input[type="checkbox"]:not(.btn-check):not([role="switch"]):not(.form-switch .form-check-input){ margin-right:.55rem!important; } body .d-flex.gap-1 > input[type="checkbox"], body .d-flex.gap-2 > input[type="checkbox"], body .d-flex.gap-3 > input[type="checkbox"], body label.d-flex > input[type="checkbox"], body .form-check.d-flex > input[type="checkbox"]{ margin-right:0!important; } body input[type="checkbox"]:not(.btn-check):not([role="switch"]):not(.form-switch .form-check-input):hover, body .form-check-input[type="checkbox"]:not(.btn-check):not([role="switch"]):not(.form-switch .form-check-input):hover, body .role-permission-checkbox[type="checkbox"]:hover, body .team-member-check[type="checkbox"]:hover, body table.dataTable input.dt-select-checkbox[type="checkbox"]:hover, body #warehouse-app input[type="checkbox"]:hover, body .modal input.form-check-input[type="checkbox"].mat-feature:hover{ border-color:var(--dov-ucheck-primary)!important; background-color:var(--dov-ucheck-hover)!important; } body input[type="checkbox"]:not(.btn-check):not([role="switch"]):not(.form-switch .form-check-input):focus, body .form-check-input[type="checkbox"]:not(.btn-check):not([role="switch"]):not(.form-switch .form-check-input):focus, body .role-permission-checkbox[type="checkbox"]:focus, body .team-member-check[type="checkbox"]:focus, body table.dataTable input.dt-select-checkbox[type="checkbox"]:focus, body #warehouse-app input[type="checkbox"]:focus, body .modal input.form-check-input[type="checkbox"].mat-feature:focus{ border-color:var(--dov-ucheck-primary)!important; box-shadow:0 0 0 .18rem var(--dov-ucheck-focus)!important; } body input[type="checkbox"]:not(.btn-check):not([role="switch"]):not(.form-switch .form-check-input):checked, body .form-check-input[type="checkbox"]:not(.btn-check):not([role="switch"]):not(.form-switch .form-check-input):checked, body .checkbox-primary.form-check-input[type="checkbox"]:checked, body .role-permission-checkbox[type="checkbox"]:checked, body .team-member-check[type="checkbox"]:checked, body table.dataTable input.dt-select-checkbox[type="checkbox"]:checked, body .dov-checkbox-grid input[type="checkbox"]:checked, body .modal input[type="checkbox"]:checked, body #warehouse-app input[type="checkbox"]:checked, body #warehouse-app .form-check-input[type="checkbox"]:checked, body .modal input.form-check-input[type="checkbox"].mat-feature:checked, body .modal #mat_has_gpon_sn.form-check-input[type="checkbox"]:checked, body .modal #mat_has_serial_number.form-check-input[type="checkbox"]:checked, body .modal #mat_has_mac_address.form-check-input[type="checkbox"]:checked, body .modal #mat_has_capacity.form-check-input[type="checkbox"]:checked, body .modal #mat_quick_ont_entry.form-check-input[type="checkbox"]:checked{ border-color:var(--dov-ucheck-primary)!important; background-color:var(--dov-ucheck-primary)!important; background-image:var(--dov-ucheck-mark)!important; color:#fff!important; } body input[type="checkbox"]:not(.btn-check):not([role="switch"]):not(.form-switch .form-check-input):checked:hover, body .form-check-input[type="checkbox"]:not(.btn-check):not([role="switch"]):not(.form-switch .form-check-input):checked:hover, body .role-permission-checkbox[type="checkbox"]:checked:hover, body .team-member-check[type="checkbox"]:checked:hover, body table.dataTable input.dt-select-checkbox[type="checkbox"]:checked:hover, body #warehouse-app input[type="checkbox"]:checked:hover{ border-color:var(--dov-ucheck-primary-hover)!important; background-color:var(--dov-ucheck-primary-hover)!important; } body input[type="checkbox"]:disabled, body .form-check-input[type="checkbox"]:disabled{ opacity:.55!important; cursor:not-allowed!important; } body .form-switch .form-check-input[type="checkbox"], body .form-check-input[type="checkbox"][role="switch"]{ width:2.35em!important; min-width:2.35em!important; max-width:2.35em!important; height:1.25em!important; min-height:1.25em!important; max-height:1.25em!important; border-radius:999px!important; background-size:1em 1em!important; } /* DOV v1.3.4.314 - keep page-title like original Cuba in dark */ body.dark-only .page-title.dov-page-title-cuba .row, body.dark-only .page-title.dov-page-title-cuba .breadcrumb, html.dov-pre-dark body .page-title.dov-page-title-cuba .row, html.dov-pre-dark body .page-title.dov-page-title-cuba .breadcrumb{background:transparent!important;border:0!important;box-shadow:none!important} body.dark-only .page-title.dov-page-title-cuba, html.dov-pre-dark body .page-title.dov-page-title-cuba{padding:30px 36px!important;margin:0 0 30px!important;border:0!important;border-radius:0!important}