/** * Elaw Design System — Design Tokens * ERP Jurídico — GrupoPrazo * * Load after theme_light.css so tokens override legacy values. * Override --elaw-primary per deployment. * The --default-layout-* variables are injected server-side via the layouts. * * Dark mode: add data-theme="dark" or class="dark" to or . * * Organization guide: * 01. Tokens and primitive variables. * 02. Base legacy overrides for Clip-One/Bootstrap. * 03. Scoped form enhancements applied by elaw-forms.js. * 04. Elaw adoption layer for MVC layout, navigation, panels and tables. * 05. Stabilization layer. Keep cross-component fixes here so later changes * remain easy to find and do not become scattered one-off overrides. */ /* ─── Google Fonts ─────────────────────────────────────────────────────── */ /* @import removido — usar no para evitar bloqueio de renderização */ /* ─── Light Mode Tokens ─────────────────────────────────────────────────── */ :root { /* === BRAND / CONFIGURABLE ============================================= */ --elaw-primary: var(--default-layout-bg, #F14E18); --elaw-primary-hover: var(--default-layout-elemento-focus-hover, #d44114); --elaw-primary-light: #fde8e0; /* Legacy red (nav active default — overridden by --default-layout-* vars) */ --elaw-red: #C83531; --elaw-red-dark: #8C2300; /* Default layout vars are intentionally not declared here. They are injected by the Razor layouts and may vary by cliente. */ /* === NEUTRALS ========================================================= */ --elaw-gray-100: #f8f8f8; --elaw-gray-200: #e2e2e2; --elaw-gray-300: #D9D9D9; --elaw-gray-400: #D5D5D5; --elaw-gray-500: #C8C7CC; --elaw-gray-600: #909090; --elaw-gray-700: #666666; --elaw-gray-800: #4E4E4E; --elaw-gray-900: #333333; /* === SEMANTIC ========================================================= */ --elaw-body-bg: #ffffff; --elaw-container-bg: #ffffff; --elaw-sidebar-bg: #ffffff; --elaw-navbar-bg: rgba(255, 255, 255, 0.95); --elaw-text-primary: #364f6a; --elaw-text-secondary: #4E4E4E; --elaw-text-muted: #666666; --elaw-text-placeholder: #CBCBCB; --elaw-text-inverse: #ffffff; --elaw-link: #ce0000; --elaw-link-hover: #b33426; --elaw-border: #D5D5D5; --elaw-border-strong: #D9D9D9; --elaw-divider: #C8C7CC; --elaw-card-bg: #ffffff; --elaw-card-border: #D9D9D9; --elaw-card-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); --elaw-table-row-hover-bg: #f1f1f1; --elaw-input-bg: #ffffff; --elaw-input-border: #D5D5D5; --elaw-input-border-hover: #B5B5B5; --elaw-input-border-focus: var(--default-layout-elemento-focus, rgba(236, 82, 82, 0.8)); --elaw-input-shadow-focus: 0 0 12px rgba(236, 82, 82, 0.35); --elaw-field-height: 40px; --elaw-form-item-height: 60px; --elaw-field-padding-x: 12px; /* Status */ --elaw-success: #5cb85c; --elaw-success-bg: #dff0d8; --elaw-danger: #D05359; --elaw-danger-alt: #D1504E; --elaw-danger-bg: #fde8e8; --elaw-warning: #ffc900; --elaw-warning-bg: #fff8e0; --elaw-info: #65BCDA; --elaw-info-bg: #e3f4fb; /* Navigation */ --elaw-nav-item-text: #364f6a; --elaw-nav-item-icon: var(--default-layout-color, var(--elaw-text-primary)); --elaw-nav-item-hover-bg: #D9D9D9; --elaw-nav-item-active-bg: var(--default-layout-bg, #C83531); --elaw-nav-item-active-text: #ffffff; --elaw-nav-submenu-bg: #ffffff; /* === SPACING ========================================================== */ --elaw-space-1: 4px; --elaw-space-2: 8px; --elaw-space-3: 12px; --elaw-space-4: 16px; --elaw-space-5: 20px; --elaw-space-6: 24px; --elaw-space-7: 30px; --elaw-space-8: 40px; --elaw-space-9: 60px; /* === BORDER RADIUS ==================================================== */ --elaw-radius-none: 0px; --elaw-radius-sm: 4px; --elaw-radius-md: 7px; --elaw-radius-lg: 20px; --elaw-radius-pill: 30px; --elaw-radius-circle: 100%; /* === TYPOGRAPHY ======================================================= */ --elaw-font-body: 'Open Sans', 'Open+Sans', sans-serif; --elaw-font-heading: 'Raleway', sans-serif; --elaw-font-ui: 'Poppins', sans-serif; --elaw-font-icon: 'clip-font'; --elaw-font-mono: 'Courier New', Courier, monospace; --elaw-text-xs: 10px; --elaw-text-sm: 12px; --elaw-text-base: 14px; --elaw-text-md: 16px; --elaw-text-lg: 20px; --elaw-text-xl: 25px; --elaw-text-2xl: 30px; --elaw-text-3xl: 40px; --elaw-form-label-font-size: 12px; --elaw-form-control-font-size: 13px; --elaw-form-option-font-size: 13px; --elaw-form-control-weight: 400; --elaw-form-label-weight: 700; --elaw-form-control-line-height: 1.35; --elaw-weight-light: 300; --elaw-weight-normal: 400; --elaw-weight-medium: 500; --elaw-weight-semibold: 600; --elaw-weight-bold: 700; --elaw-weight-extrabold: 800; --elaw-leading-tight: 1.2; --elaw-leading-base: 1.5; --elaw-leading-loose: 1.8; /* === ELEVATION ======================================================== */ --elaw-shadow-none: none; --elaw-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1); --elaw-shadow-md: 0px 4px 6px rgba(0, 0, 0, 0.15); --elaw-shadow-lg: 0px 4px 6px rgba(0, 0, 0, 0.5); --elaw-shadow-input: 0 0 12px rgba(236, 82, 82, 0.35); } /* ─── Dark Mode Tokens ──────────────────────────────────────────────────── */ .dark, [data-theme="dark"], html[data-theme="dark"] body { --elaw-body-bg: #1a1d21; --elaw-container-bg: #141618; --elaw-sidebar-bg: #1e2228; --elaw-navbar-bg: rgba(26, 29, 33, 0.97); --elaw-text-primary: #ffffff; --elaw-text-secondary: #ffffff; --elaw-text-muted: #ffffff; --elaw-text-placeholder: #4e5a66; --elaw-text-inverse: #1a1d21; --elaw-link: #ffffff; --elaw-link-hover: #ffffff; --elaw-border: #2e3540; --elaw-border-strong: #3a4250; --elaw-divider: #2a3240; --elaw-card-bg: #22262d; --elaw-card-border: #2e3540; --elaw-card-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4); --elaw-table-row-hover-bg: rgba(255, 255, 255, .10); --elaw-input-bg: #1e2228; --elaw-input-border: #2e3540; --elaw-input-border-hover: #4a5568; --elaw-input-border-focus: rgba(241, 78, 24, 0.7); --elaw-input-shadow-focus: 0 0 12px rgba(241, 78, 24, 0.25); --elaw-nav-item-text: #ffffff; --elaw-nav-item-hover-bg: #2a3240; --elaw-nav-item-active-bg: var(--elaw-primary, #F14E18); --elaw-nav-item-active-text: #ffffff; --elaw-nav-submenu-bg: #1e2228; --elaw-gray-100: #1e2228; --elaw-gray-200: #22262d; --elaw-gray-300: #2e3540; --elaw-card-bg: #22262d; --elaw-success-bg: #1a2d1a; --elaw-danger-bg: #2d1a1a; --elaw-warning-bg: #2d2710; --elaw-info-bg: #112028; --elaw-shadow-md: 0px 4px 12px rgba(0, 0, 0, 0.4); --elaw-shadow-lg: 0px 8px 20px rgba(0, 0, 0, 0.6); } /* ─── Base overrides using design tokens ────────────────────────────────── */ /* These work in concert with main.css, adding variable-based refinements */ body { font-family: 'Open Sans', sans-serif !important; font-family: var(--elaw-font-body) !important; font-size: var(--elaw-text-sm); color: var(--elaw-text-primary); } h1, h2, h3 { font-family: 'Raleway', sans-serif !important; font-family: var(--elaw-font-heading) !important; color: var(--elaw-text-primary); } a, a:focus, a:hover, a:active { color: var(--elaw-link); } a:hover { color: var(--elaw-link-hover); } /* ─── Tables ─────────────────────────────────────────────────────────────── */ .table thead th { background-color: var(--elaw-gray-200); color: var(--elaw-text-secondary); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; border-bottom: 2px solid var(--elaw-border-strong); white-space: nowrap; } .table tbody tr:hover td { background-color: var(--elaw-table-row-hover-bg); } .table tbody td { color: var(--elaw-text-primary); vertical-align: middle; border-color: var(--elaw-border); } /* Clickable process/case numbers */ .proc-num, td .link-proc { color: var(--elaw-nav-item-active-bg); font-weight: 600; cursor: pointer; } .proc-num:hover, td .link-proc:hover { text-decoration: underline; color: var(--elaw-nav-item-active-bg); } /* ─── Badges ─────────────────────────────────────────────────────────────── */ .elaw-badge, .badge-elaw-danger { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 3px; } .elaw-badge-danger { background: var(--elaw-danger); color: #fff; } .elaw-badge-warning { background: var(--elaw-warning); color: #333; } .elaw-badge-success { background: var(--elaw-success); color: #fff; } .elaw-badge-info { background: var(--elaw-info); color: #fff; } .elaw-badge-muted { background: var(--elaw-gray-300); color: #555; } /* ─── Status text helpers ───────────────────────────────────────────────── */ .text-elaw-danger { color: var(--elaw-danger) !important; } .text-elaw-success { color: var(--elaw-success) !important; } .text-elaw-warning { color: var(--elaw-warning) !important; } .text-elaw-info { color: var(--elaw-info) !important; } .text-elaw-muted { color: var(--elaw-text-muted) !important; } .text-elaw-primary-brand { color: var(--elaw-primary) !important; } /* ─── Cards / Panels ────────────────────────────────────────────────────── */ .panel, .widget { background: var(--elaw-card-bg); border-color: var(--elaw-card-border); border-radius: 10px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); overflow: visible; } .panel-heading { border-bottom-color: var(--elaw-border-strong); background-color: var(--elaw-card-bg); border-radius: 10px 10px 0 0 !important; } .panel-body { background: var(--elaw-card-bg); color: var(--elaw-text-primary); font-size: var(--elaw-text-sm); } /* Panel title color via primary */ .panel-title, .panel-heading .panel-title { font-family: var(--elaw-font-heading); font-size: 13px; color: var(--elaw-text-primary); font-weight: 700; } /* Colored panel header variant */ .panel-primary > .panel-heading { background-color: var(--elaw-nav-item-active-bg) !important; border-color: var(--elaw-nav-item-active-bg) !important; color: #fff !important; } .panel-primary > .panel-heading .panel-title { color: #fff; } /* ─── Widget dashboard cards ────────────────────────────────────────────── */ .elaw-widget-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: var(--elaw-space-3); margin-bottom: var(--elaw-space-4); } .elaw-widget-card { background: var(--elaw-card-bg); border: 1px solid var(--elaw-card-border); border-radius: 10px; padding: var(--elaw-space-3); position: relative; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .elaw-widget-num { font-family: var(--elaw-font-heading); font-size: 28px; font-weight: var(--elaw-weight-bold); color: var(--elaw-text-primary); line-height: 1.1; } .elaw-widget-lbl { font-size: 11px; color: var(--elaw-text-muted); margin-top: 2px; } .elaw-widget-icon { position: absolute; right: 10px; top: 10px; font-size: 30px; color: rgba(200, 53, 49, 0.12); } /* ─── Buttons (supplement Bootstrap) ───────────────────────────────────── */ .btn { border-radius: var(--elaw-radius-md); font-family: var(--elaw-font-body); font-weight: var(--elaw-weight-bold); font-size: var(--elaw-text-sm); transition: background 0.12s, border-color 0.12s; } .btn-primary { background-color: var(--elaw-nav-item-active-bg); border-color: var(--elaw-nav-item-active-bg); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: var(--elaw-red-dark); border-color: var(--elaw-red-dark); } /* ─── Form inputs ───────────────────────────────────────────────────────── */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .form-control, select.form-control { background-color: var(--elaw-input-bg); border-color: var(--elaw-input-border); color: var(--elaw-text-primary); font-family: var(--elaw-font-body); } textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="search"]:hover, .form-control:hover { border-color: var(--elaw-input-border-hover); } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="search"]:focus, .form-control:focus { border-color: var(--elaw-primary) !important; box-shadow: 0 0 0 3px rgba(241, 78, 24, 0.12) !important; outline: none; } /* ─── Scoped Floating-Label (.elaw-field) ───────────────────────────────── */ /* Aplicado apenas a form-groups marcados pelo elaw-forms.js */ /* Isso evita quebrar grupos de radio, checkboxes, sidebars, etc. */ .form-group.elaw-field { position: relative; min-height: var(--elaw-form-item-height); padding-top: 9px; margin-bottom: 10px; } /* Label flutua na borda superior do controle */ .form-group.elaw-field > label.control-label, .form-group.elaw-field > .control-label { position: absolute; top: 0; left: 16px; z-index: 10; background: var(--elaw-card-bg, #ffffff); padding: 0 6px; font-size: var(--elaw-form-label-font-size); font-weight: 700; color: var(--elaw-text-muted, #666666); line-height: 1.1; pointer-events: none; letter-spacing: .01em; margin-bottom: 0; text-transform: none; white-space: nowrap; max-width: calc(100% - 36px); overflow: hidden; text-overflow: ellipsis; transition: color .15s; } .form-group.elaw-field > label.control-label .text-danger, .form-group.elaw-field > .control-label .text-danger, .form-group.elaw-field > label.control-label span[style*="red"], .form-group.elaw-field > .control-label span[style*="red"] { color: var(--elaw-danger, #D05359) !important; } /* Controle direto — borda outlined */ .form-group.elaw-field > .form-control, .form-group.elaw-field > .bootstrap-select > .dropdown-toggle, .form-group.elaw-field > select.multiselect + div.btn-group button.multiselect, .form-group.elaw-field > .select2-container .select2-choice { min-height: var(--elaw-field-height) !important; /* height: var(--elaw-field-height) !important;*/ padding: 7px var(--elaw-field-padding-x) !important; border: 2px solid var(--elaw-input-border, #D5D5D5) !important; border-radius: 12px !important; background: var(--elaw-input-bg, #ffffff) !important; color: var(--elaw-text-primary, #364f6a) !important; font-size: var(--elaw-form-control-font-size) !important; line-height: 1.3 !important; box-shadow: none !important; } .form-group.elaw-field > textarea.form-control { /* height: auto !important;*/ min-height: 78px !important; padding-top: 9px !important; resize: both; overflow: auto !important; } /* Input-group: controle esquerdo */ .form-group.elaw-field > .input-group { display: flex !important; align-items: stretch !important; width: 100% !important; min-height: var(--elaw-field-height) !important; height: var(--elaw-field-height) !important; max-height: var(--elaw-field-height) !important; } .form-group.elaw-field > .input-group > .form-control:first-child { min-height: var(--elaw-field-height) !important; height: var(--elaw-field-height) !important; max-height: var(--elaw-field-height) !important; flex: 1 1 auto !important; padding: 7px var(--elaw-field-padding-x) !important; border: 2px solid var(--elaw-input-border, #D5D5D5) !important; border-right: none !important; border-radius: 12px 0 0 12px !important; } .form-group.elaw-field > .input-group > .bootstrap-select, .form-group.elaw-field > .input-group > .bootstrap-select.form-control, .form-group.elaw-field > .input-group > .select2-container:not(.select2-container-multi) { flex: 1 1 auto !important; min-width: 0 !important; min-height: var(--elaw-field-height) !important; height: var(--elaw-field-height) !important; max-height: var(--elaw-field-height) !important; padding: 0 !important; } .form-group.elaw-field > .input-group > .bootstrap-select > .dropdown-toggle, .form-group.elaw-field > .input-group > .select2-container:not(.select2-container-multi) .select2-choice { min-height: var(--elaw-field-height) !important; height: var(--elaw-field-height) !important; max-height: var(--elaw-field-height) !important; } .form-group.elaw-field > .input-group:has(> .input-group-addon) > .bootstrap-select > .dropdown-toggle, .form-group.elaw-field > .input-group:has(> .input-group-addon) > .select2-container:not(.select2-container-multi) .select2-choice { border-right: none !important; border-radius: 12px 0 0 12px !important; } /* Input-group sem addon */ .form-group.elaw-field > .input-group > .form-control:only-child { border: 2px solid var(--elaw-input-border, #D5D5D5) !important; border-radius: 12px !important; } /* Addon direito */ .form-group.elaw-field > .input-group > .input-group-addon:last-child, .form-group.elaw-field > .input-group > .input-group-addon { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 44px !important; width: 44px !important; padding: 0 10px !important; min-height: var(--elaw-field-height) !important; height: var(--elaw-field-height) !important; max-height: var(--elaw-field-height) !important; border: 2px solid var(--elaw-input-border, #D5D5D5) !important; border-left: none !important; border-radius: 0 12px 12px 0 !important; background: var(--elaw-gray-100, #f8f8f8); color: var(--elaw-text-muted, #666); line-height: 1 !important; white-space: nowrap !important; } .form-group.elaw-field > .input-group > .input-group-addon a, .form-group.elaw-field > .input-group > .input-group-addon i { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } /* Botão addon direito */ .form-group.elaw-field > .input-group > .input-group-btn:last-child > .btn { min-height: var(--elaw-field-height) !important; height: var(--elaw-field-height) !important; border-radius: 0 12px 12px 0 !important; border: 2px solid var(--elaw-input-border, #D5D5D5) !important; border-left: none !important; } /* fieldset.field-outline já tem sua própria borda */ .form-group.elaw-field > fieldset.field-outline { margin-top: -2px; } /* Padroniza a altura do item inteiro do form, incluindo radios e fieldsets. */ html.elaw-on form .form-group.elaw-choice-field, html.elaw-on form .form-group.elaw-outline-field, html.elaw-on .panel-body .form-group.elaw-choice-field, html.elaw-on .panel-body .form-group.elaw-outline-field { min-height: var(--elaw-form-item-height) !important; margin-bottom: 10px !important; } html.elaw-on form .form-group.elaw-choice-field > label.control-label, html.elaw-on form .form-group.elaw-choice-field > .control-label, html.elaw-on .panel-body .form-group.elaw-choice-field > label.control-label, html.elaw-on .panel-body .form-group.elaw-choice-field > .control-label { display: block; min-height: 20px; margin: 0 0 8px 0 !important; color: var(--elaw-text-primary) !important; font-size: 12px; font-weight: 700; } html.elaw-on form .form-group.elaw-choice-field .radio, html.elaw-on form .form-group.elaw-choice-field .checkbox, html.elaw-on .panel-body .form-group.elaw-choice-field .radio, html.elaw-on .panel-body .form-group.elaw-choice-field .checkbox { display: flex; align-items: center; flex-wrap: wrap; min-height: var(--elaw-field-height); margin: 0 !important; gap: 8px 18px; } html.elaw-on form .form-group.elaw-choice-field .radio-inline, html.elaw-on form .form-group.elaw-choice-field .checkbox-inline, html.elaw-on .panel-body .form-group.elaw-choice-field .radio-inline, html.elaw-on .panel-body .form-group.elaw-choice-field .checkbox-inline { display: inline-flex !important; align-items: center; min-height: 32px; margin-top: 0 !important; margin-bottom: 0 !important; color: var(--elaw-text-primary); } html.elaw-on:not(.business-on) form .form-group.elaw-choice-field, html.elaw-on:not(.business-on) .panel-body .form-group.elaw-choice-field { margin-bottom: 18px !important; padding-bottom: 4px; } html.elaw-on:not(.business-on) form .form-group.elaw-choice-field .radio-inline, html.elaw-on:not(.business-on) form .form-group.elaw-choice-field .checkbox-inline, html.elaw-on:not(.business-on) .panel-body .form-group.elaw-choice-field .radio-inline, html.elaw-on:not(.business-on) .panel-body .form-group.elaw-choice-field .checkbox-inline { margin-bottom: 6px !important; } /* ── Focus: label e bordas ficam na cor primária ── */ .form-group.elaw-field:focus-within > label.control-label, .form-group.elaw-field:focus-within > .control-label { color: var(--elaw-nav-item-active-bg, #C83531); } .form-group.elaw-field:focus-within > .form-control, .form-group.elaw-field:focus-within > .bootstrap-select > .dropdown-toggle, .form-group.elaw-field:focus-within > select.multiselect + div.btn-group button.multiselect, .form-group.elaw-field:focus-within > .select2-container .select2-choice { border-color: var(--elaw-nav-item-active-bg, #C83531) !important; box-shadow: 0 0 0 3px rgba(208, 83, 89, 0.12) !important; } .form-group.elaw-field:focus-within > .input-group > .form-control { border-color: var(--elaw-nav-item-active-bg, #C83531) !important; box-shadow: none !important; } .form-group.elaw-field:focus-within > .input-group > .input-group-addon, .form-group.elaw-field:focus-within > .input-group > .input-group-btn > .btn { border-color: var(--elaw-nav-item-active-bg, #C83531) !important; } /* ── Validação ── */ .form-group.elaw-field.has-error > label.control-label, .form-group.elaw-field.has-error > .control-label, .form-group.elaw-field:has(.input-validation-error) > label.control-label, .form-group.elaw-field:has(.field-validation-error) > label.control-label { color: var(--elaw-danger, #D05359) !important; } .form-group.elaw-field.has-error > .form-control, .form-group.elaw-field.has-error > .bootstrap-select > .dropdown-toggle, .form-group.elaw-field.has-error > select.multiselect + div.btn-group button.multiselect, .form-group.elaw-field.has-error > .select2-container .select2-choice, .form-group.elaw-field.has-error > .input-group > .form-control, .form-group.elaw-field > .input-validation-error, .form-group.elaw-field:has(.field-validation-error) > .form-control { border-color: var(--elaw-danger, #D05359) !important; box-shadow: none !important; } .form-group.elaw-field.has-success > label.control-label, .form-group.elaw-field.has-success > .control-label { color: var(--elaw-success, #5cb85c) !important; } .form-group.elaw-field.has-success > .form-control, .form-group.elaw-field.has-success > .bootstrap-select > .dropdown-toggle, .form-group.elaw-field.has-success > select.multiselect + div.btn-group button.multiselect, .form-group.elaw-field.has-success > .select2-container .select2-choice, .form-group.elaw-field.has-success > .input-group > .form-control { border-color: var(--elaw-success, #5cb85c) !important; } .form-group.elaw-field .field-validation-error, .form-group.elaw-field .help-block, .form-group.elaw-field .help-inline { display: block; margin: 6px 0 0 8px; font-size: 12px; font-weight: 500; } /* ─── Alerts ────────────────────────────────────────────────────────────── */ .alert-info { background-color: var(--elaw-info-bg); border-color: var(--elaw-info); color: #1a5f80; } .alert-success { background-color: var(--elaw-success-bg); border-color: var(--elaw-success); } .alert-danger, .alert-error { background-color: var(--elaw-danger-bg); border-color: var(--elaw-danger); } .alert-warning { background-color: var(--elaw-warning-bg); border-color: var(--elaw-warning); } /* ─── Login screen — hero typography ───────────────────────────────────── */ .elaw-hero-title { font-family: var(--elaw-font-ui); font-size: var(--elaw-text-3xl); font-weight: var(--elaw-weight-extrabold); color: var(--elaw-primary); text-transform: uppercase; letter-spacing: 0.02em; } .elaw-hero-sub { font-family: var(--elaw-font-ui); font-size: var(--elaw-text-lg); font-weight: var(--elaw-weight-normal); color: var(--elaw-text-secondary); text-transform: uppercase; } .elaw-login-cta { font-family: var(--elaw-font-ui); font-weight: var(--elaw-weight-extrabold); letter-spacing: 0.06em; border-radius: var(--elaw-radius-pill); background: var(--elaw-primary); color: var(--elaw-text-inverse); box-shadow: 0px 4px 12px rgba(241, 78, 24, 0.4); border: none; transition: background 0.15s; } .elaw-login-cta:hover { background: var(--elaw-primary-hover); color: #fff; } /* ─── Breadcrumbs ───────────────────────────────────────────────────────── */ .breadcrumb { background: transparent; padding-left: 0; } .breadcrumb > li + li::before { color: var(--elaw-gray-600); } .breadcrumb a { color: var(--elaw-link); } .breadcrumb .active { color: var(--elaw-text-muted); } /* ─── Sidebar navigation ────────────────────────────────────────────────── */ .sidebar-menu > li > a, .nav-sidebar > li > a { color: var(--elaw-nav-item-text); font-size: var(--elaw-text-sm); transition: background 0.12s; } .sidebar-menu > li > a:hover, .nav-sidebar > li > a:hover { background-color: var(--elaw-nav-item-hover-bg); } .sidebar-menu > li.active > a, .nav-sidebar > li.active > a { background-color: var(--elaw-nav-item-active-bg); color: var(--elaw-nav-item-active-text); } /* ─── Page headers with Raleway ─────────────────────────────────────────── */ .page-title, .panel-title, h2.section-title { font-family: var(--elaw-font-heading); color: var(--elaw-text-primary); } /* ─── Dark mode body / container adjustments ────────────────────────────── */ [data-theme="dark"] body, html[data-theme="dark"] body { background-color: var(--elaw-body-bg); color: var(--elaw-text-primary); } [data-theme="dark"] .panel, [data-theme="dark"] .widget, [data-theme="dark"] .elaw-widget-card { background: var(--elaw-card-bg); border-color: var(--elaw-card-border); } [data-theme="dark"] .table thead th { background-color: var(--elaw-gray-200); color: var(--elaw-text-secondary); border-color: var(--elaw-border-strong); } [data-theme="dark"] .table tbody td { color: var(--elaw-text-primary); border-color: var(--elaw-border); } [data-theme="dark"] textarea, [data-theme="dark"] input[type="text"], [data-theme="dark"] input[type="password"], [data-theme="dark"] input[type="number"], [data-theme="dark"] input[type="email"], [data-theme="dark"] .form-control { background-color: var(--elaw-input-bg); border-color: var(--elaw-input-border); color: var(--elaw-text-primary); } [data-theme="dark"] .breadcrumb a { color: var(--elaw-link); } /* ─── Utility ───────────────────────────────────────────────────────────── */ .font-heading { font-family: var(--elaw-font-heading) !important; } .font-body { font-family: var(--elaw-font-body) !important; } .font-ui { font-family: var(--elaw-font-ui) !important; } .shadow-elaw-md { box-shadow: var(--elaw-shadow-md) !important; } .shadow-elaw-sm { box-shadow: var(--elaw-shadow-sm) !important; } .shadow-elaw-none { box-shadow: none !important; } .radius-elaw-none { border-radius: var(--elaw-radius-none) !important; } .radius-elaw-sm { border-radius: var(--elaw-radius-sm) !important; } .radius-elaw-md { border-radius: var(--elaw-radius-md) !important; } .radius-elaw-lg { border-radius: var(--elaw-radius-lg) !important; } .radius-elaw-pill { border-radius: var(--elaw-radius-pill) !important; } /* ─── Outlined fieldset input (field-outline pattern) ───────────────────── */ fieldset.field-outline { position: relative; border: 1.5px solid var(--elaw-input-border); border-radius: 12px; background: var(--elaw-input-bg); transition: border-color .15s, box-shadow .15s; width: 100%; min-height: var(--elaw-field-height); padding: 0; margin: 0; } fieldset.field-outline:focus-within { border-color: var(--elaw-primary); } fieldset.field-outline legend { margin-left: 10px; padding: 0 4px; font-size: 10.5px; font-weight: 600; color: var(--elaw-text-muted); letter-spacing: .03em; line-height: 0; width: auto; border: none; float: none; } fieldset.field-outline:focus-within legend { color: var(--elaw-primary); } fieldset.field-outline input, fieldset.field-outline select, fieldset.field-outline textarea { display: block; width: 100%; min-height: calc(var(--elaw-field-height) - 12px); border: none !important; outline: none !important; box-shadow: none !important; background: transparent; font-family: var(--elaw-font-body); font-size: var(--elaw-form-control-font-size); color: var(--elaw-text-primary); padding: 4px var(--elaw-field-padding-x) 8px; line-height: 1.4; border-radius: 0 0 12px 12px; } fieldset.field-outline select { color: var(--elaw-text-muted); } fieldset.field-outline textarea { resize: both; min-height: 64px; overflow: auto; } fieldset.field-outline.error { border-color: var(--elaw-danger); } fieldset.field-outline.error legend { color: var(--elaw-danger); } /* ─── Sidebar — main-navigation-menu overrides ──────────────────────────── */ /* Apply design system rounded nav items to the existing Clip-One sidebar */ .main-navigation .main-navigation-menu > li > a, ul.main-navigation-menu > li > a { border-radius: var(--elaw-radius-md); margin: 1px 6px; padding: 8px 10px; border-top: none !important; color: var(--elaw-nav-item-text); font-size: var(--elaw-text-sm); transition: background 0.12s; } .main-navigation .main-navigation-menu > li > a:hover, ul.main-navigation-menu > li > a:hover { background-color: var(--elaw-nav-item-hover-bg) !important; } .main-navigation .main-navigation-menu > li > a > i, ul.main-navigation-menu > li > a > i { color: var(--elaw-nav-item-icon); } .main-navigation .main-navigation-menu > li.active > a, ul.main-navigation-menu > li.active > a, .main-navigation .main-navigation-menu > li.open > a, ul.main-navigation-menu > li.open > a { background-color: var(--elaw-nav-item-active-bg) !important; color: var(--elaw-nav-item-active-text) !important; border-radius: var(--elaw-radius-md) !important; } .main-navigation .main-navigation-menu > li.active > a > i, ul.main-navigation-menu > li.active > a > i { color: var(--elaw-nav-item-active-text) !important; } /* Sub-menu items */ ul.main-navigation-menu > li > ul.sub-menu > li > a, .main-navigation .main-navigation-menu ul.sub-menu > li > a { border-radius: var(--elaw-radius-md); margin: 1px 4px 1px 8px; padding: 6px 10px 6px 34px; border-top: none !important; font-size: 11.5px; color: var(--elaw-text-muted); } ul.main-navigation-menu > li > ul.sub-menu > li > a:hover, .main-navigation .main-navigation-menu ul.sub-menu > li > a:hover { background-color: var(--elaw-nav-item-hover-bg) !important; color: var(--elaw-text-primary) !important; } ul.main-navigation-menu > li > ul.sub-menu > li.active > a, .main-navigation .main-navigation-menu ul.sub-menu > li.active > a { font-weight: 700; color: var(--elaw-nav-item-active-bg) !important; background-color: var(--elaw-primary-light) !important; } /* ─── Menu horizontal: alinhar à esquerda ───────────────────────────────── */ /* main.css usa justify-content: center — sobrescreve para flex-start */ html.elaw-on .tab-option-holder, ul.main-navigation-menu.tab-option-holder { justify-content: flex-start !important; } /* ─── Navbar (header bar) ────────────────────────────────────────────────── */ .navbar-inverse { background: var(--elaw-navbar-bg) !important; border-color: var(--elaw-divider) !important; } /* ─── Main container background ─────────────────────────────────────────── */ .main-navigation { background-color: var(--elaw-sidebar-bg) !important; } /* ─── Dark mode adjustments for main navigation ─────────────────────────── */ .dark .main-navigation, [data-theme="dark"] .main-navigation { background-color: var(--elaw-sidebar-bg) !important; } .dark ul.main-navigation-menu > li > a, [data-theme="dark"] ul.main-navigation-menu > li > a { color: var(--elaw-nav-item-text); } .dark ul.main-navigation-menu > li > a:hover, [data-theme="dark"] ul.main-navigation-menu > li > a:hover { background-color: var(--elaw-nav-item-hover-bg) !important; } /* ─── Modals ─────────────────────────────────────────────────────────────── */ .modal-content { border-radius: 12px !important; border: none; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.1); background: var(--elaw-card-bg); overflow: hidden; } .modal-header { border-bottom-color: var(--elaw-border); padding: 16px 20px; background: var(--elaw-card-bg); } .modal-title { font-family: var(--elaw-font-heading) !important; font-size: 15px; font-weight: 700; color: var(--elaw-text-primary); } .modal-body { background: var(--elaw-card-bg); color: var(--elaw-text-primary); font-size: var(--elaw-text-sm); } .modal-footer { border-top-color: var(--elaw-border); background: var(--elaw-card-bg); } /* ─── Badges (Bootstrap overrides) ───────────────────────────────────────── */ .badge { border-radius: 4px; font-weight: 700; } .badge-pill { border-radius: 30px !important; } .label-success { background-color: var(--elaw-success) !important; } .label-danger { background-color: var(--elaw-danger) !important; } .label-warning { background-color: var(--elaw-warning) !important; color: #333 !important; } .label-info { background-color: var(--elaw-info) !important; } .label-primary { background-color: var(--elaw-nav-item-active-bg) !important; } /* ─── Form controls — improved base style ───────────────────────────────── */ /* Border-radius on .form-control inside .form-group is handled by */ /* the .form-group floating-label rules above. This block covers */ /* standalone .form-control elements (search boxes, filters, etc.) */ .form-control { border-color: var(--elaw-input-border); border-radius: 8px; color: var(--elaw-text-primary); background-color: var(--elaw-input-bg); font-family: var(--elaw-font-body); font-size: 13px; transition: border-color .15s, box-shadow .15s; } .form-control:hover { border-color: var(--elaw-input-border-hover); } /* ─── Breadcrumbs ─────────────────────────────────────────────────────────── */ .breadcrumb { background: transparent; padding-left: 0; font-size: 11px; } .breadcrumb > li + li::before { color: var(--elaw-gray-600); } .breadcrumb a { color: var(--elaw-link); } .breadcrumb > .active { color: var(--elaw-text-muted); } /* ─── Status dot helpers ─────────────────────────────────────────────────── */ .status-dot { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--elaw-text-secondary); } .dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; } .dot-success { background: var(--elaw-success); } .dot-danger { background: var(--elaw-danger); } .dot-warning { background: var(--elaw-warning); } .dot-info { background: var(--elaw-info); } /* ─── Dark mode — modals and cards ──────────────────────────────────────── */ .dark .modal-content, [data-theme="dark"] .modal-content { background: var(--elaw-card-bg); } .dark .panel, .dark .widget, [data-theme="dark"] .panel, [data-theme="dark"] .widget { background: var(--elaw-card-bg); border-color: var(--elaw-card-border); } .dark .modal-header, .dark .modal-body, .dark .modal-footer, [data-theme="dark"] .modal-header, [data-theme="dark"] .modal-body, [data-theme="dark"] .modal-footer { background: var(--elaw-card-bg); border-color: var(--elaw-border); color: var(--elaw-text-primary); } .dark .form-control, [data-theme="dark"] .form-control { background: var(--elaw-input-bg); border-color: var(--elaw-input-border); color: var(--elaw-text-primary); } /* ========================================================================== Elaw Design System adoption - global legacy MVC layer Applied after the legacy Clip-One styles to standardize the application without changing view behavior or JavaScript hooks. ========================================================================== */ html, body { min-height: 100%; background: var(--elaw-container-bg) !important; } body, .main-container, .main-content, .main-content.elaw-view { color: var(--elaw-text-primary); font-family: var(--elaw-font-body) !important; } .main-content { background: transparent !important; } .main-content > .container, .main-content .container { width: 100%; max-width: none; } /* Header / navigation */ .navbar-inverse, html.elaw-on .navbar.navbar-inverse.navbar-fixed-top { background: var(--elaw-navbar-bg) !important; border: 1px solid var(--elaw-divider) !important; border-radius: 10px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important; } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:hover, .navbar-inverse .nav > li > a, .navbar-inverse .navbar-nav > li > a, .navbar-inverse .current-user > a { color: var(--elaw-text-primary) !important; font-family: var(--elaw-font-body) !important; } .navbar-inverse .nav > li > a:hover, .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle { background: var(--elaw-gray-100) !important; color: var(--elaw-nav-item-active-bg) !important; } .sidebar-search { background: var(--elaw-gray-100) !important; border: 1px solid var(--elaw-border) !important; border-radius: var(--elaw-radius-md) !important; } .search-box, .navbar .search-box { background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; } .sidebar-search input, .search-box input, .navbar input[type="search"], .navbar input[type="text"] { background: transparent !important; border: none !important; box-shadow: none !important; } html.elaw-on .navbar .search-box { position: relative !important; width: 420px !important; max-width: 34vw; min-height: 40px; } html.elaw-on .navbar .sidebar-search { position: relative !important; top: 0 !important; right: auto !important; width: 100% !important; min-width: 340px; min-height: 40px !important; height: 40px !important; margin: 2px 0 !important; padding: 0 40px 0 18px !important; display: block !important; background: #ffffff !important; border: 1px solid rgba(148, 163, 184, .35) !important; border-radius: 10px !important; box-shadow: 0 1px 4px rgba(15, 23, 42, .05) !important; transition: border-color .16s ease, box-shadow .16s ease; } html.elaw-on .navbar .sidebar-search:focus-within { border-color: var(--default-layout-color, var(--elaw-nav-item-active-bg)) !important; box-shadow: 0 2px 8px rgba(15, 23, 42, .08) !important; } html.elaw-on .navbar .sidebar-search .form-group { height: 100%; margin: 0 !important; padding: 0 !important; } html.elaw-on .navbar .sidebar-search .form-group input, html.elaw-on .navbar .sidebar-search input#textFinder { width: 100% !important; min-height: 38px !important; height: 38px !important; padding: 5px 0 !important; color: var(--elaw-text-primary) !important; font-size: 16px !important; line-height: 1.2 !important; } html.elaw-on .navbar .sidebar-search .form-group input::placeholder { color: var(--elaw-text-muted) !important; opacity: .75; } html.elaw-on .navbar .sidebar-search .form-group button.submit { top: 50% !important; right: 10px !important; width: 28px !important; height: 28px !important; padding: 0 !important; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; } html.elaw-on .navbar .sidebar-search .form-group button.submit i { font-size: 18px; color: var(--elaw-nav-item-icon, var(--elaw-text-primary)) !important; } html.elaw-on .navbar .elaw-header-users-dropdown { position: relative !important; top: auto !important; right: auto !important; left: auto !important; z-index: 4; display: flex !important; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0 0 0 12px !important; padding: 0 !important; list-style: none !important; transform: none !important; font-size: 20px !important; align-self: center; flex: 0 0 32px; } html.elaw-on .navbar .elaw-header-users-dropdown > .dropdown-toggle { display: inline-flex !important; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0 !important; color: var(--elaw-nav-item-active-bg) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html.elaw-on .navbar .elaw-header-users-dropdown > .dropdown-toggle .clip-users { color: var(--elaw-nav-item-active-bg) !important; font-size: 20px !important; line-height: 1; } html.elaw-on .navbar .elaw-header-users-dropdown .dropdown-menu { top: 38px !important; right: 0 !important; left: auto !important; } @media (max-width: 1199px) { html.elaw-on .navbar .search-box { width: 360px !important; max-width: 42vw; } html.elaw-on .navbar .sidebar-search { min-width: 280px; } } /* Breadcrumbs */ ol.breadcrumb, .breadcrumb, html.elaw-on .breadcrumb { display: flex; align-items: center; min-height: 34px; /* margin: 8px 0 14px;*/ padding: 8px 12px !important; background: var(--elaw-card-bg) !important; border: 1px solid var(--elaw-card-border) !important; border-radius: var(--elaw-radius-md) !important; box-shadow: var(--elaw-shadow-sm); color: var(--elaw-text-muted); } ol.breadcrumb a, .breadcrumb a, html.elaw-on .breadcrumb a { color: var(--elaw-nav-item-active-bg) !important; font-weight: 600; } ol.breadcrumb i, .breadcrumb i { color: var(--elaw-nav-item-active-bg) !important; } /* Page titles */ .page-header, html.elaw-on .page-header { margin: 10px 0 14px !important; padding: 0 0 10px !important; border-bottom: 1px solid var(--elaw-border-strong) !important; background: transparent !important; } .page-header h1, .page-title, .styleH1, .panel-body h2, h1, h2.section-title { font-family: var(--elaw-font-heading) !important; color: var(--elaw-text-primary) !important; font-weight: 700; } .page-header h1 { font-size: 24px; } .styleH1, html.elaw-on .styleH1 { border: 1px solid var(--elaw-card-border); box-shadow: var(--elaw-shadow-sm); text-align: left !important; display: block !important; width: 100% !important; padding: 1rem !important; } .page-header, html.elaw-on .page-header { text-align: left !important; } .page-header h1, html.elaw-on .page-header h1, html.elaw-on .page-header .styleH1 { text-align: left !important; margin-left: 0 !important; padding-left: 1rem !important; } /* Cards / panels / wrappers */ .panel, .panel.panel-default, .panel.panel-group, .widget, .well, .box, .body-table, div.table, html.elaw-on .body-table, html.elaw-on .table { background: var(--elaw-card-bg) !important; border: 1px solid var(--elaw-card-border) !important; border-radius: 10px !important; box-shadow: var(--elaw-shadow-sm) !important; } .panel, .panel.panel-default, .panel.panel-group, .widget, .well, .box { overflow: visible !important; } .panel-heading, .panel-heading-20, .panel-default > .panel-heading, .panel-group .panel-heading, html.elaw-on .panel-heading, html.elaw-on .panel-heading-20, html.elaw-on .accordion-teal .panel-heading .accordion-toggle { min-height: 34px; padding: 8px 14px !important; background: var(--elaw-gray-200) !important; border: none !important; border-bottom: 1px solid var(--elaw-card-border) !important; border-radius: 10px 10px 0 0 !important; color: var(--elaw-text-secondary) !important; box-shadow: none !important; } .panel-heading a, .panel-heading-20 a, .panel-heading .panel-title, .panel-title, .panel-heading strong, html.elaw-on .panel-heading > a, html.elaw-on .panel-heading-20 > a { color: var(--elaw-text-primary) !important; font-family: var(--elaw-font-heading) !important; font-weight: 700; } .panel-body, .panel-collapse, html.elaw-on .panel-collapse, html.elaw-on .panel-bottom, html.elaw-on .panel-heading + .panel-body { background: var(--elaw-card-bg) !important; border: none !important; border-radius: 0 0 10px 10px !important; } .panel-body { padding: 14px !important; } .panel-danger > .panel-heading, .panel-primary > .panel-heading { background: var(--elaw-nav-item-active-bg) !important; border-color: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } .panel-danger > .panel-heading *, .panel-primary > .panel-heading * { color: #ffffff !important; } /* Buttons */ .btn, html.elaw-on .btn, input.btn, button.btn, a.btn { min-height: 30px; padding: 6px 14px; border-radius: var(--elaw-radius-md) !important; border-width: 1px; border-style: solid; font-family: var(--elaw-font-body) !important; font-size: 12px; font-weight: 700; line-height: 1.3; box-shadow: none !important; transition: background-color .12s, border-color .12s, color .12s, box-shadow .12s; } button.btn, a.btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; } .btn:focus, .btn:active, .btn.active { outline: none !important; box-shadow: 0 0 0 3px rgba(241, 78, 24, 0.14) !important; } .btn-primary, .btn-bricky, .btn-blue, .btn-option, .btn-export, html.elaw-on .btn-primary { background: var(--elaw-nav-item-active-bg) !important; border-color: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } .btn-primary:hover, .btn-primary:focus, .btn-bricky:hover, .btn-bricky:focus, .btn-blue:hover, .btn-export:hover, .btn-export:focus, html.elaw-on .btn-primary:hover, html.elaw-on .btn-primary:focus { background: var(--default-layout-elemento-focus-hover, var(--elaw-red-dark)) !important; border-color: var(--default-layout-elemento-focus-hover, var(--elaw-red-dark)) !important; color: #ffffff !important; } .btn-default, .btn-secondary, html.elaw-on .btn-default:not(.multiselect-clear-filter) { background: #ffffff !important; border-color: var(--elaw-gray-500) !important; color: var(--elaw-text-primary) !important; } .btn-default:hover, .btn-default:focus, .btn-secondary:hover, .btn-secondary:focus { background: var(--elaw-gray-100) !important; border-color: var(--elaw-nav-item-active-bg) !important; color: var(--elaw-nav-item-active-bg) !important; } .btn-success { background: var(--elaw-success) !important; border-color: var(--elaw-success) !important; color: #ffffff !important; } .btn-danger, .btn-red { background: var(--elaw-danger) !important; border-color: var(--elaw-danger) !important; color: #ffffff !important; } .btn-warning { background: var(--elaw-warning) !important; border-color: var(--elaw-warning) !important; color: #333333 !important; } .btn-info { background: var(--elaw-info) !important; border-color: var(--elaw-info) !important; color: #ffffff !important; } .btn-link { color: var(--elaw-nav-item-active-bg); } .btn-sm, .btn-xs { min-height: 24px; padding: 3px 10px !important; font-size: 11px !important; } .btn-lg { min-height: 38px; padding: 9px 18px !important; font-size: 14px !important; } .btn-acoes, html.elaw-on .btn-acoes { background: #ffffff !important; border-color: var(--elaw-border) !important; color: var(--elaw-text-primary) !important; } .btn-acoes:hover, .btn-acoes:focus, .open .dropdown-toggle.btn-acoes { background: var(--elaw-gray-100) !important; border-color: var(--elaw-nav-item-active-bg) !important; color: var(--elaw-nav-item-active-bg) !important; } html.elaw-on .btn-group.elaw-actions-single { display: inline-flex !important; position: relative; vertical-align: middle; } html.elaw-on .btn-group.elaw-actions-single > .btn-acoes.elaw-action-primary { min-width: 80px; padding-right: 26px !important; position: relative; border-radius: var(--elaw-radius-pill) !important; cursor: pointer; } html.elaw-on .btn-group.elaw-actions-single > .btn-acoes.elaw-action-primary::after { content: ""; position: absolute; right: 11px; top: 50%; margin-top: -1px; border-top: 5px solid currentColor; border-right: 5px solid transparent; border-left: 5px solid transparent; } html.elaw-on .btn-group.elaw-actions-single > .btn-acoes.elaw-action-hidden-toggle { display: none !important; } html.elaw-on .btn-group.elaw-actions-single.open > .btn-acoes.elaw-action-primary { background: var(--elaw-gray-100) !important; border-color: var(--elaw-nav-item-active-bg) !important; color: var(--elaw-nav-item-active-bg) !important; } html.elaw-on .btn-group.elaw-actions-single > .dropdown-menu { margin-top: 4px; } /* Forms */ label, .control-label, .form-label { color: var(--elaw-text-primary); font-family: var(--elaw-font-body); font-size: 12px; font-weight: 600; } input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .form-control, select.form-control, .input-group-addon, .bootstrap-select > .dropdown-toggle, select.multiselect + div.btn-group button.multiselect { min-height: var(--elaw-field-height); height: var(--elaw-field-height); background: var(--elaw-input-bg) !important; border: 2px solid var(--elaw-input-border) !important; border-radius: 12px !important; color: var(--elaw-text-primary) !important; font-family: var(--elaw-font-body) !important; font-size: var(--elaw-form-control-font-size); box-shadow: none !important; } textarea, .bootstrap-select > .dropdown-toggle, select.multiselect + div.btn-group button.multiselect { min-height: var(--elaw-field-height); /* height: var(--elaw-field-height);*/ background: var(--elaw-input-bg) !important; border: 2px solid var(--elaw-input-border) !important; border-radius: 12px !important; color: var(--elaw-text-primary) !important; font-family: var(--elaw-font-body) !important; font-size: var(--elaw-form-control-font-size); box-shadow: none !important; } textarea, .form-control, select.form-control { padding: 7px var(--elaw-field-padding-x); } textarea { height: auto; min-height: 78px; resize: both; overflow: auto; } textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="search"]:hover, .form-control:hover, .bootstrap-select > .dropdown-toggle:hover, select.multiselect + div.btn-group button.multiselect:hover { border-color: var(--elaw-input-border-hover) !important; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="search"]:focus, .form-control:focus, .bootstrap-select.open > .dropdown-toggle, select.multiselect + div.btn-group.open button.multiselect { border-color: var(--elaw-nav-item-active-bg) !important; box-shadow: 0 0 0 3px rgba(241, 78, 24, 0.12) !important; outline: none !important; } input[readonly], textarea[readonly], .form-control[readonly], input[disabled], select[disabled], textarea[disabled], .form-control[disabled], .bootstrap-select.disabled > .dropdown-toggle, fieldset[disabled] .form-control { background: var(--elaw-gray-100) !important; border-color: var(--elaw-border) !important; color: var(--elaw-text-muted) !important; cursor: not-allowed; } .input-group-addon { background: var(--elaw-gray-100) !important; color: var(--elaw-text-muted) !important; } /* Altura unica para campos de uma linha em todos os componentes de formulario. */ html.elaw-on input.form-control:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), html.elaw-on select.form-control, html.elaw-on .form-control.input-sm, html.elaw-on .form-control.input-lg, html.elaw-on .input-group .form-control, html.elaw-on .bootstrap-select.form-control, html.elaw-on .bootstrap-select > .dropdown-toggle, html.elaw-on select.multiselect + div.btn-group button.multiselect, html.elaw-on .input-group-addon, html.elaw-on .input-group-btn > .btn, html.elaw-on .select2-container .select2-choice, html.elaw-on .select2-container--default .select2-selection--single { min-height: var(--elaw-field-height) !important; height: var(--elaw-field-height) !important; box-sizing: border-box !important; } html.elaw-on input.form-control:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), html.elaw-on select.form-control, html.elaw-on .input-group .form-control { padding-top: 7px !important; padding-bottom: 7px !important; line-height: 1.3 !important; } html.elaw-on .bootstrap-select > .dropdown-toggle, html.elaw-on select.multiselect + div.btn-group button.multiselect, html.elaw-on .input-group-btn > .btn, html.elaw-on .select2-container .select2-choice, html.elaw-on .select2-container--default .select2-selection--single { display: inline-flex !important; align-items: center !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* Bootstrap-select: evita dupla borda/padding entre wrapper e botao interno. */ html.elaw-on .bootstrap-select, html.elaw-on .bootstrap-select.form-control, html.elaw-on .form-group.elaw-field > .bootstrap-select, html.elaw-on .input-group .bootstrap-select.form-control { width: 100% !important; min-height: var(--elaw-field-height) !important; height: var(--elaw-field-height) !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 12px !important; box-shadow: none !important; } html.elaw-on .bootstrap-select > .dropdown-toggle { position: relative !important; width: 100% !important; justify-content: flex-start !important; padding: 0 44px 0 var(--elaw-field-padding-x) !important; background: var(--elaw-input-bg) !important; border: 2px solid var(--elaw-input-border) !important; border-radius: 12px !important; color: var(--elaw-text-primary) !important; text-align: left !important; } html.elaw-on .bootstrap-select > .dropdown-toggle .filter-option, html.elaw-on .bootstrap-select > .dropdown-toggle .filter-option-inner, html.elaw-on .bootstrap-select > .dropdown-toggle .filter-option-inner-inner { position: static !important; display: block !important; float: none !important; width: 100% !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; line-height: 1.35 !important; text-align: left !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html.elaw-on .bootstrap-select > .dropdown-toggle .bs-caret { position: static !important; } html.elaw-on .bootstrap-select > .dropdown-toggle .bs-caret .caret, html.elaw-on .bootstrap-select > .dropdown-toggle > .caret { position: absolute !important; top: 50% !important; right: 16px !important; left: auto !important; margin-top: -2px !important; } html.elaw-on .select2-container .select2-choice .select2-chosen, html.elaw-on .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: calc(var(--elaw-field-height) - 4px) !important; } /* Combos: normaliza wrappers/plugins para a mesma altura dos inputs. */ html.elaw-on select.form-control:not([multiple]), html.elaw-on .bootstrap-select, html.elaw-on .bootstrap-select.btn-group, html.elaw-on .bootstrap-select.form-control, html.elaw-on .bootstrap-select > .dropdown-toggle, html.elaw-on .input-group .bootstrap-select, html.elaw-on .input-group .bootstrap-select.form-control, html.elaw-on .input-group .bootstrap-select > .dropdown-toggle, html.elaw-on select.multiselect + div.btn-group, html.elaw-on select.multiselect + div.btn-group > .btn, html.elaw-on select.multiselect + div.btn-group button.multiselect, html.elaw-on .select2-container:not(.select2-container-multi), html.elaw-on .select2-container:not(.select2-container-multi) .select2-choice, html.elaw-on .select2-container--default .select2-selection--single { min-height: var(--elaw-field-height) !important; height: var(--elaw-field-height) !important; max-height: var(--elaw-field-height) !important; box-sizing: border-box !important; } html.elaw-on .bootstrap-select > .dropdown-toggle, html.elaw-on select.multiselect + div.btn-group > .btn, html.elaw-on select.multiselect + div.btn-group button.multiselect, html.elaw-on .select2-container:not(.select2-container-multi) .select2-choice, html.elaw-on .select2-container--default .select2-selection--single { display: flex !important; align-items: center !important; width: 100% !important; padding-top: 0 !important; padding-bottom: 0 !important; } html.elaw-on .bootstrap-select > .dropdown-toggle, html.elaw-on select.multiselect + div.btn-group > .btn, html.elaw-on select.multiselect + div.btn-group button.multiselect { padding-left: var(--elaw-field-padding-x) !important; padding-right: 44px !important; line-height: 1.35 !important; } html.elaw-on .bootstrap-select > .dropdown-toggle .filter-option, html.elaw-on .bootstrap-select > .dropdown-toggle .filter-option-inner, html.elaw-on .bootstrap-select > .dropdown-toggle .filter-option-inner-inner, html.elaw-on select.multiselect + div.btn-group button.multiselect .multiselect-selected-text { display: block !important; min-height: 0 !important; height: auto !important; max-height: none !important; line-height: 1.35 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html.elaw-on .select2-container:not(.select2-container-multi) .select2-choice { margin-top: 0 !important; padding: 0 44px 0 var(--elaw-field-padding-x) !important; } html.elaw-on .select2-container:not(.select2-container-multi) .select2-choice .select2-chosen, html.elaw-on .select2-container--default .select2-selection--single .select2-selection__rendered { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.35 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html.elaw-on .select2-container:not(.select2-container-multi) .select2-choice .select2-arrow { width: 36px !important; height: 100% !important; border: 0 !important; } html.elaw-on .select2-container-multi, html.elaw-on .select2-container-multi .select2-choices { min-height: var(--elaw-field-height) !important; box-sizing: border-box !important; } /* Combos: trava final para plugins nao ultrapassarem a altura dos inputs. */ html.elaw-on .form-group > .input-group { display: flex !important; align-items: stretch !important; width: 100% !important; min-height: var(--elaw-field-height) !important; height: var(--elaw-field-height) !important; max-height: var(--elaw-field-height) !important; } html.elaw-on .form-group > .input-group > .form-control, html.elaw-on .form-group > .input-group > .bootstrap-select, html.elaw-on .form-group > .input-group > .bootstrap-select.form-control, html.elaw-on .form-group > .input-group > select.multiselect + div.btn-group, html.elaw-on .form-group > .input-group > .select2-container:not(.select2-container-multi) { flex: 1 1 auto !important; min-width: 0 !important; } html.elaw-on .form-group > .input-group > .input-group-addon { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 44px !important; width: 44px !important; min-height: var(--elaw-field-height) !important; height: var(--elaw-field-height) !important; max-height: var(--elaw-field-height) !important; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 1 !important; } html.elaw-on .form-group .bootstrap-select, html.elaw-on .form-group .bootstrap-select.btn-group, html.elaw-on .form-group .bootstrap-select.form-control, html.elaw-on .form-group select.multiselect + div.btn-group, html.elaw-on .form-group .select2-container:not(.select2-container-multi), html.elaw-on .input-group .bootstrap-select, html.elaw-on .input-group select.multiselect + div.btn-group, html.elaw-on .input-group .select2-container:not(.select2-container-multi) { min-height: var(--elaw-field-height) !important; height: var(--elaw-field-height) !important; max-height: var(--elaw-field-height) !important; overflow: visible !important; box-sizing: border-box !important; } html.elaw-on .form-group .bootstrap-select > .dropdown-toggle, html.elaw-on .form-group .bootstrap-select.btn-group > .dropdown-toggle, html.elaw-on .form-group select.multiselect + div.btn-group > .btn, html.elaw-on .form-group select.multiselect + div.btn-group button.multiselect, html.elaw-on .form-group .select2-container:not(.select2-container-multi) .select2-choice, html.elaw-on .form-group .select2-container--default .select2-selection--single, html.elaw-on .input-group .bootstrap-select > .dropdown-toggle, html.elaw-on .input-group select.multiselect + div.btn-group > .btn, html.elaw-on .input-group select.multiselect + div.btn-group button.multiselect, html.elaw-on .input-group .select2-container:not(.select2-container-multi) .select2-choice, html.elaw-on .input-group .select2-container--default .select2-selection--single { min-height: var(--elaw-field-height) !important; height: var(--elaw-field-height) !important; max-height: var(--elaw-field-height) !important; padding-top: 0 !important; padding-bottom: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } html.elaw-on .form-group .bootstrap-select > .dropdown-toggle .filter-option, html.elaw-on .form-group .bootstrap-select > .dropdown-toggle .filter-option-inner, html.elaw-on .form-group .bootstrap-select > .dropdown-toggle .filter-option-inner-inner, html.elaw-on .form-group select.multiselect + div.btn-group button.multiselect .multiselect-selected-text, html.elaw-on .form-group .select2-container:not(.select2-container-multi) .select2-choice .select2-chosen, html.elaw-on .form-group .select2-container--default .select2-selection--single .select2-selection__rendered, html.elaw-on .input-group .bootstrap-select > .dropdown-toggle .filter-option, html.elaw-on .input-group .bootstrap-select > .dropdown-toggle .filter-option-inner, html.elaw-on .input-group .bootstrap-select > .dropdown-toggle .filter-option-inner-inner, html.elaw-on .input-group select.multiselect + div.btn-group button.multiselect .multiselect-selected-text, html.elaw-on .input-group .select2-container:not(.select2-container-multi) .select2-choice .select2-chosen, html.elaw-on .input-group .select2-container--default .select2-selection--single .select2-selection__rendered { max-height: calc(var(--elaw-field-height) - 4px) !important; line-height: calc(var(--elaw-field-height) - 4px) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } html.elaw-on .form-group .select2-container-multi, html.elaw-on .form-group .select2-container-multi .select2-choices, html.elaw-on .input-group .select2-container-multi, html.elaw-on .input-group .select2-container-multi .select2-choices { max-height: var(--elaw-field-height) !important; overflow-y: auto !important; } html.elaw-on textarea.form-control, html.elaw-on .form-group.elaw-field > textarea.form-control { /* height: auto !important;*/ min-height: 78px !important; } .has-error .form-control, .form-group.has-error .bootstrap-select > .dropdown-toggle, .field-validation-error + .form-control { border-color: var(--elaw-danger) !important; } .has-error .control-label, .field-validation-error, .validation-summary-errors { color: var(--elaw-danger) !important; } .help-block, .help-inline, .field-validation-valid { color: var(--elaw-text-muted); font-size: 11px; } /* Selects / dropdowns */ .dropdown-menu, .bootstrap-select .dropdown-menu, .multiselect-container, .ui-autocomplete, .select2-drop, .select2-dropdown { background: var(--elaw-card-bg) !important; border: 1px solid var(--elaw-border-strong) !important; border-radius: var(--elaw-radius-md) !important; box-shadow: var(--elaw-shadow-md) !important; color: var(--elaw-text-primary); overflow: hidden; } .dropdown-menu > li > a, .bootstrap-select .dropdown-menu li a, .multiselect-container > li > a, .select2-results .select2-result-label { color: var(--elaw-text-primary) !important; font-size: 12px; padding: 7px 12px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .bootstrap-select .dropdown-menu li a:hover, .bootstrap-select .dropdown-menu li.selected a, .multiselect-container > li > a:hover, .multiselect-container > li.active > a, .select2-results .select2-highlighted { background: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } .bootstrap-select .bs-searchbox .form-control, .multiselect-container .input-group .form-control { min-height: 30px; border-radius: var(--elaw-radius-md) !important; } /* Panel headers and action menus */ html.elaw-on .panel.panel-default:not(.panel-danger):not(.panel-primary) > .panel-heading, html.elaw-on .panel.panel-default:not(.panel-danger):not(.panel-primary) > .panel-heading-20 { background: var(--elaw-card-bg) !important; border-bottom-color: var(--elaw-card-border) !important; color: var(--elaw-text-primary) !important; box-shadow: inset 4px 0 0 var(--elaw-nav-item-active-bg) !important; } /* Accordions: cor suave no titulo, sem voltar ao cinza chapado. */ html.elaw-on .panel.panel-group:not(.panel-danger):not(.panel-primary), html.elaw-on .panel-group .panel:not(.panel-danger):not(.panel-primary), html.elaw-on .accordion .panel:not(.panel-danger):not(.panel-primary) { background: var(--elaw-card-bg) !important; border-color: var(--elaw-card-border) !important; border-left: 4px solid var(--elaw-nav-item-active-bg) !important; box-shadow: var(--elaw-shadow-sm) !important; } html.elaw-on .panel.panel-group:not(.panel-danger):not(.panel-primary) > .panel-heading, html.elaw-on .panel.panel-group:not(.panel-danger):not(.panel-primary) > .panel-heading-20, html.elaw-on .panel-group .panel:not(.panel-danger):not(.panel-primary) > .panel-heading, html.elaw-on .panel-group .panel:not(.panel-danger):not(.panel-primary) > .panel-heading-20, html.elaw-on .accordion .panel:not(.panel-danger):not(.panel-primary) > .panel-heading, html.elaw-on .accordion .panel:not(.panel-danger):not(.panel-primary) > .panel-heading-20, html.elaw-on .accordion-teal .panel-heading .accordion-toggle { background: transparent !important; border: 0 !important; border-bottom-color: transparent !important; border-radius: 0 !important; color: var(--elaw-text-primary) !important; box-shadow: none !important; } html.elaw-on .panel.panel-group:not(.panel-danger):not(.panel-primary) > .panel-heading a, html.elaw-on .panel.panel-group:not(.panel-danger):not(.panel-primary) > .panel-heading-20 a, html.elaw-on .panel-group .panel:not(.panel-danger):not(.panel-primary) > .panel-heading a, html.elaw-on .panel-group .panel:not(.panel-danger):not(.panel-primary) > .panel-heading-20 a, html.elaw-on .accordion .panel:not(.panel-danger):not(.panel-primary) > .panel-heading a, html.elaw-on .accordion .panel:not(.panel-danger):not(.panel-primary) > .panel-heading-20 a { color: var(--elaw-text-primary) !important; } html.elaw-on .panel.panel-group:not(.panel-danger):not(.panel-primary) .accordion-icon, html.elaw-on .panel-group .panel:not(.panel-danger):not(.panel-primary) .accordion-icon, html.elaw-on .accordion .panel:not(.panel-danger):not(.panel-primary) .accordion-icon, html.elaw-on .accordion-custom .panel-heading .accordion-toggle, html.elaw-on .accordion-custom .panel-heading .accordion-toggle.collapsed, html.elaw-on .accordion-teal .panel-heading .accordion-toggle, html.elaw-on .accordion-teal .panel-heading .accordion-toggle.collapsed { display: block; background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--elaw-text-primary) !important; } html.elaw-on .panel.panel-group:not(.panel-danger):not(.panel-primary) .accordion-icon > .icon-arrow, html.elaw-on .panel-group .panel:not(.panel-danger):not(.panel-primary) .accordion-icon > .icon-arrow, html.elaw-on .accordion .panel:not(.panel-danger):not(.panel-primary) .accordion-icon > .icon-arrow, html.elaw-on .accordion-custom .panel-heading .accordion-toggle > .icon-arrow { color: var(--elaw-nav-item-active-bg) !important; } html.elaw-on .panel.panel-default.panel-danger > .panel-heading, html.elaw-on .panel.panel-default.panel-danger > .panel-heading-20, html.elaw-on .panel.panel-default.panel-primary > .panel-heading, html.elaw-on .panel.panel-default.panel-primary > .panel-heading-20 { background: var(--elaw-nav-item-active-bg) !important; border-bottom-color: transparent !important; color: #ffffff !important; position: relative; } html.elaw-on .panel.panel-default.panel-danger > .panel-heading *, html.elaw-on .panel.panel-default.panel-danger > .panel-heading-20 *, html.elaw-on .panel.panel-default.panel-primary > .panel-heading *, html.elaw-on .panel.panel-default.panel-primary > .panel-heading-20 * { color: #ffffff !important; } html.elaw-on .panel-heading .btn-group.btn-group-xs, html.elaw-on .panel-heading-20 .btn-group.btn-group-xs { align-items: center; display: inline-flex; position: relative; z-index: 30; } html.elaw-on .panel-heading .btn-group.btn-group-xs.pull-right, html.elaw-on .panel-heading-20 .btn-group.btn-group-xs.pull-right { align-items: stretch !important; float: none !important; margin: 0 !important; position: absolute !important; right: 14px !important; top: 50% !important; transform: translateY(-50%) !important; } html.elaw-on .panel-heading .btn-group.btn-group-xs > .btn-acoes, html.elaw-on .panel-heading-20 .btn-group.btn-group-xs > .btn-acoes { align-items: center !important; min-height: 30px; height: 30px !important; display: inline-flex !important; justify-content: center !important; line-height: 1 !important; margin: 0 !important; padding-bottom: 0 !important; padding-top: 0 !important; background: #ffffff !important; border-color: #d8dee6 !important; color: var(--elaw-text-primary) !important; } html.elaw-on .panel-heading .btn-group.btn-group-xs > .btn-acoes *, html.elaw-on .panel-heading-20 .btn-group.btn-group-xs > .btn-acoes * { color: inherit !important; } html.elaw-on .panel-heading .btn-group.btn-group-xs > .btn-acoes .caret, html.elaw-on .panel-heading-20 .btn-group.btn-group-xs > .btn-acoes .caret { border-top-color: currentColor !important; } html.elaw-on .panel-heading .btn-group.btn-group-xs:not(.elaw-actions-single) > .btn-acoes:not(.dropdown-toggle), html.elaw-on .panel-heading-20 .btn-group.btn-group-xs:not(.elaw-actions-single) > .btn-acoes:not(.dropdown-toggle) { border-radius: var(--elaw-radius-pill) 0 0 var(--elaw-radius-pill) !important; } html.elaw-on .panel-heading .btn-group.btn-group-xs:not(.elaw-actions-single) > .btn-acoes.dropdown-toggle, html.elaw-on .panel-heading-20 .btn-group.btn-group-xs:not(.elaw-actions-single) > .btn-acoes.dropdown-toggle { min-width: 32px; padding-left: 9px !important; padding-right: 9px !important; border-left: 0 !important; border-radius: 0 var(--elaw-radius-pill) var(--elaw-radius-pill) 0 !important; } html.elaw-on .panel-heading .btn-group.btn-group-xs.elaw-actions-single > .btn-acoes.elaw-action-primary, html.elaw-on .panel-heading-20 .btn-group.btn-group-xs.elaw-actions-single > .btn-acoes.elaw-action-primary { border-radius: var(--elaw-radius-pill) !important; min-width: 80px !important; padding-left: 13px !important; padding-right: 28px !important; } html.elaw-on .panel-heading .btn-group.btn-group-xs.elaw-actions-single > .btn-acoes.elaw-action-hidden-toggle, html.elaw-on .panel-heading-20 .btn-group.btn-group-xs.elaw-actions-single > .btn-acoes.elaw-action-hidden-toggle { border: 0 !important; display: none !important; height: 0 !important; margin: 0 !important; min-height: 0 !important; min-width: 0 !important; opacity: 0 !important; padding: 0 !important; pointer-events: none !important; width: 0 !important; } html.elaw-on .panel-heading .btn-group.btn-group-xs > .btn-acoes:hover, html.elaw-on .panel-heading .btn-group.btn-group-xs > .btn-acoes:focus, html.elaw-on .panel-heading .btn-group.btn-group-xs.open > .btn-acoes, html.elaw-on .panel-heading-20 .btn-group.btn-group-xs > .btn-acoes:hover, html.elaw-on .panel-heading-20 .btn-group.btn-group-xs > .btn-acoes:focus, html.elaw-on .panel-heading-20 .btn-group.btn-group-xs.open > .btn-acoes { background: #f7fbff !important; border-color: var(--elaw-nav-item-active-bg) !important; color: var(--elaw-nav-item-active-bg) !important; } html.elaw-on .panel-heading .dropdown-menu, html.elaw-on .panel-heading-20 .dropdown-menu { min-width: 230px; padding: 8px 0 !important; background: #ffffff !important; border: 1px solid var(--elaw-border-strong) !important; border-radius: var(--elaw-radius-md) !important; box-shadow: var(--elaw-shadow-md) !important; color: var(--elaw-text-primary) !important; overflow: visible; z-index: 1055; } html.elaw-on .panel-heading .dropdown-menu > li, html.elaw-on .panel-heading-20 .dropdown-menu > li { display: block !important; visibility: visible !important; opacity: 1 !important; } html.elaw-on .panel-heading .dropdown-menu > li > a, html.elaw-on .panel-heading-20 .dropdown-menu > li > a { display: block !important; padding: 9px 14px !important; color: var(--elaw-text-primary) !important; background: #ffffff !important; font-size: 12px; font-weight: 600; line-height: 1.35; text-align: left; white-space: normal; visibility: visible !important; opacity: 1 !important; } html.elaw-on .panel-heading .dropdown-menu > li > a *, html.elaw-on .panel-heading-20 .dropdown-menu > li > a * { color: inherit !important; } html.elaw-on .panel-heading .dropdown-menu > li > a:hover, html.elaw-on .panel-heading .dropdown-menu > li > a:focus, html.elaw-on .panel-heading-20 .dropdown-menu > li > a:hover, html.elaw-on .panel-heading-20 .dropdown-menu > li > a:focus { background: var(--elaw-primary-light) !important; color: var(--elaw-nav-item-active-bg) !important; } html.elaw-on .panel.panel-default.panel-danger > .panel-heading .dropdown-menu, html.elaw-on .panel.panel-default.panel-danger > .panel-heading-20 .dropdown-menu, html.elaw-on .panel.panel-default.panel-primary > .panel-heading .dropdown-menu, html.elaw-on .panel.panel-default.panel-primary > .panel-heading-20 .dropdown-menu { background: #ffffff !important; color: var(--elaw-text-primary) !important; } html.elaw-on .panel.panel-default.panel-danger > .panel-heading .dropdown-menu > li > a, html.elaw-on .panel.panel-default.panel-danger > .panel-heading-20 .dropdown-menu > li > a, html.elaw-on .panel.panel-default.panel-primary > .panel-heading .dropdown-menu > li > a, html.elaw-on .panel.panel-default.panel-primary > .panel-heading-20 .dropdown-menu > li > a { color: var(--elaw-text-primary) !important; background: #ffffff !important; } html.elaw-on .panel.panel-default.panel-danger > .panel-heading .dropdown-menu > li > a *, html.elaw-on .panel.panel-default.panel-danger > .panel-heading-20 .dropdown-menu > li > a *, html.elaw-on .panel.panel-default.panel-primary > .panel-heading .dropdown-menu > li > a *, html.elaw-on .panel.panel-default.panel-primary > .panel-heading-20 .dropdown-menu > li > a * { color: inherit !important; } html.elaw-on .panel.panel-default.panel-danger > .panel-heading .dropdown-menu > li > a:hover, html.elaw-on .panel.panel-default.panel-danger > .panel-heading .dropdown-menu > li > a:focus, html.elaw-on .panel.panel-default.panel-danger > .panel-heading-20 .dropdown-menu > li > a:hover, html.elaw-on .panel.panel-default.panel-danger > .panel-heading-20 .dropdown-menu > li > a:focus, html.elaw-on .panel.panel-default.panel-primary > .panel-heading .dropdown-menu > li > a:hover, html.elaw-on .panel.panel-default.panel-primary > .panel-heading .dropdown-menu > li > a:focus, html.elaw-on .panel.panel-default.panel-primary > .panel-heading-20 .dropdown-menu > li > a:hover, html.elaw-on .panel.panel-default.panel-primary > .panel-heading-20 .dropdown-menu > li > a:focus { background: var(--elaw-primary-light) !important; color: var(--elaw-nav-item-active-bg) !important; } html.elaw-on .panel-heading .btn-group.open > .dropdown-menu, html.elaw-on .panel-heading-20 .btn-group.open > .dropdown-menu, html.elaw-on .panel.panel-default.panel-primary > .panel-heading .btn-group.open > .dropdown-menu, html.elaw-on .panel.panel-default.panel-primary > .panel-heading-20 .btn-group.open > .dropdown-menu { background: #ffffff !important; border: 1px solid var(--elaw-border-strong) !important; box-shadow: 0 12px 28px rgba(12, 26, 49, .18) !important; } html.elaw-on .panel-heading .btn-group.open > .dropdown-menu > li > a, html.elaw-on .panel-heading-20 .btn-group.open > .dropdown-menu > li > a, html.elaw-on .panel.panel-default.panel-primary > .panel-heading .btn-group.open > .dropdown-menu > li > a, html.elaw-on .panel.panel-default.panel-primary > .panel-heading-20 .btn-group.open > .dropdown-menu > li > a { background: #ffffff !important; color: var(--elaw-text-primary) !important; opacity: 1 !important; text-shadow: none !important; } html.elaw-on .panel-heading .btn-group.open > .dropdown-menu > li > a *, html.elaw-on .panel-heading-20 .btn-group.open > .dropdown-menu > li > a *, html.elaw-on .panel.panel-default.panel-primary > .panel-heading .btn-group.open > .dropdown-menu > li > a *, html.elaw-on .panel.panel-default.panel-primary > .panel-heading-20 .btn-group.open > .dropdown-menu > li > a * { color: inherit !important; } html.elaw-on .panel-heading .btn-group.open > .dropdown-menu > li > a:hover, html.elaw-on .panel-heading .btn-group.open > .dropdown-menu > li > a:focus, html.elaw-on .panel-heading-20 .btn-group.open > .dropdown-menu > li > a:hover, html.elaw-on .panel-heading-20 .btn-group.open > .dropdown-menu > li > a:focus, html.elaw-on .panel.panel-default.panel-primary > .panel-heading .btn-group.open > .dropdown-menu > li > a:hover, html.elaw-on .panel.panel-default.panel-primary > .panel-heading .btn-group.open > .dropdown-menu > li > a:focus, html.elaw-on .panel.panel-default.panel-primary > .panel-heading-20 .btn-group.open > .dropdown-menu > li > a:hover, html.elaw-on .panel.panel-default.panel-primary > .panel-heading-20 .btn-group.open > .dropdown-menu > li > a:focus { background: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } /* Tables / grids / lists */ .table-responsive, .grid-container { border-radius: 10px; } table.table, .dataTable, .data-table { width: 100%; margin-bottom: 0; border-collapse: separate !important; border-spacing: 0 6px; color: var(--elaw-text-primary); font-size: 12px; } table.table > thead > tr > th, table.table > thead > tr > td, .dataTable > thead > tr > th, .data-table thead th, html.elaw-on table.table.table-hover > thead > tr, html.elaw-on table.table.table-hover > thead > tr > th { background: var(--elaw-gray-200) !important; border: none !important; border-bottom: 2px solid var(--elaw-card-border) !important; color: var(--elaw-text-secondary) !important; font-family: var(--elaw-font-body) !important; font-size: 11px; font-weight: 700; letter-spacing: .03em; padding: 8px 10px !important; text-transform: uppercase; white-space: nowrap; } table.table > tbody > tr, .dataTable > tbody > tr, .gridrow, .gridrow_alternate { border: none !important; } table.table > tbody > tr > td, .dataTable > tbody > tr > td, .data-table tbody td, html.elaw-on table.table.table-hover > tbody > tr > td, html.elaw-on .gridrow > td, html.elaw-on .gridrow_alternate > td { /* background: var(--elaw-gray-100) !important;*/ border-top: none !important; border-bottom: 1px solid #ffffff !important; color: var(--elaw-text-primary) !important; font-size: 12px; padding: 8px 10px !important; vertical-align: middle !important; } table.table > tbody > tr > td:first-child, html.elaw-on table.table.table-hover > tbody > tr > td:first-child, html.elaw-on .gridrow > td:first-child, html.elaw-on .gridrow_alternate > td:first-child { border-radius: var(--elaw-radius-md) 0 0 var(--elaw-radius-md) !important; } table.table > tbody > tr > td:last-child, html.elaw-on table.table.table-hover > tbody > tr > td:last-child, html.elaw-on .gridrow > td:last-child, html.elaw-on .gridrow_alternate > td:last-child { border-radius: 0 var(--elaw-radius-md) var(--elaw-radius-md) 0 !important; } /* Detalhe de processo: campos informativos nao devem parecer linhas de grid. */ html.elaw-on .processo-details-panel > .panel-body.panel-bottom > table.table, html.elaw-on .processo-details-panel > .panel-body.panel-bottom > table.table > tbody > tr, html.elaw-on .processo-details-panel > .panel-body.panel-bottom > table.table > tbody > tr > td { background: transparent !important; border-bottom-color: transparent !important; box-shadow: none !important; } html.elaw-on .processo-details-panel > .panel-body.panel-bottom > table.table > tbody > tr > td:first-child, html.elaw-on .processo-details-panel > .panel-body.panel-bottom > table.table > tbody > tr > td:last-child { border-radius: 0 !important; } .table-hover > tbody > tr:hover > td, table.table-hover > tbody > tr:hover > td, .dataTable > tbody > tr:hover > td, html.elaw-on table.table.table-hover > tbody > tr:hover > td { background: var(--elaw-table-row-hover-bg, #f1f1f1) !important; color: var(--elaw-text-primary) !important; transition: background-color .12s; } table.table a, .dataTable a { color: var(--elaw-nav-item-active-bg) !important; font-weight: 600; } table.table a:hover, .dataTable a:hover { color: var(--default-layout-elemento-focus-hover, var(--elaw-red-dark)) !important; text-decoration: underline; } .pagination > li > a, .pagination > li > span, html.elaw-on .pagination > li > a { min-width: 30px; min-height: 30px; margin: 0 2px; padding: 6px 10px !important; border: 1px solid var(--elaw-border) !important; border-radius: var(--elaw-radius-md) !important; background: #ffffff !important; color: var(--elaw-text-primary) !important; font-weight: 700; } .pagination > .active > a, .pagination > .active > span, .pagination > li > a:hover, .pagination > li > span:hover { background: var(--elaw-nav-item-active-bg) !important; border-color: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } .pagination > li.is-current-page > a, .pagination > li.is-current-page > span, .pagination > li.is-current-page > a:hover, .pagination > li.is-current-page > span:hover, .pagination > li.is-current-page > a:focus, .pagination > li.is-current-page > span:focus { background: var(--elaw-nav-item-active-bg) !important; border-color: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; box-shadow: 0 0 0 1px var(--elaw-nav-item-active-bg) inset; } .list-group, .list-group-item { border-color: var(--elaw-border) !important; } .list-group-item { color: var(--elaw-text-primary); } .list-group-item:hover, .list-group-item:focus { background: var(--elaw-primary-light) !important; color: var(--elaw-text-primary); } /* Tabs */ .nav-tabs { border-bottom: 1px solid var(--elaw-border-strong) !important; } .panel-tabs { position: relative; } .panel-tabs .nav-tabs { margin-top: -44px !important; margin-bottom: 0 !important; } .nav-tabs > li > a, html.elaw-on .nav-tabs > li > a, html.elaw-on .panel-tabs .nav-tabs > li > a { border: none !important; border-radius: var(--elaw-radius-md) var(--elaw-radius-md) 0 0 !important; color: var(--elaw-text-muted) !important; font-family: var(--elaw-font-body); font-weight: 700; } .panel-tabs .nav-tabs > li > a, html.elaw-on .panel-tabs .nav-tabs > li > a, html.elaw-on .panel-tabs .nav-tabs > li:first-child > a { top: 0 !important; height: 36px !important; padding: 9px 16px !important; } .nav-tabs > li > a:hover, html.elaw-on .nav-tabs > li > a:hover { background: var(--elaw-gray-100) !important; color: var(--elaw-nav-item-active-bg) !important; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, html.elaw-on .panel-tabs .nav-tabs > li.active > a { background: var(--elaw-nav-item-active-bg) !important; border: 1px solid var(--elaw-nav-item-active-bg) !important; border-bottom-color: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } html.elaw-on .panel-tabs .nav-tabs > li.active > a, html.elaw-on .panel-tabs .nav-tabs > li.active > a:hover, html.elaw-on .panel-tabs .nav-tabs > li.active > a:focus { top: 0 !important; height: 36px !important; } /* Databoard: breadcrumb and view tabs in the same visual row */ .databoard-home-topline, html.elaw-on .databoard-home-topline { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: 18px; min-height: 48px; margin: 8px 0 14px; padding: 0 14px 0 18px; overflow: hidden; background: var(--elaw-card-bg) !important; border: 1px solid var(--elaw-card-border) !important; border-left: 4px solid var(--elaw-nav-item-active-bg) !important; border-radius: var(--elaw-radius-md) !important; box-shadow: var(--elaw-shadow-sm); } .databoard-home-breadcrumb, html.elaw-on .databoard-home-breadcrumb { flex: 1 1 auto; min-width: 140px; min-height: 46px; margin: 0 !important; padding: 8px 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; } .databoard-home-tabs, html.elaw-on .databoard-home-tabs { display: flex !important; flex: 0 1 auto; align-items: center; justify-content: flex-end; flex-wrap: nowrap; gap: 6px; min-height: 46px; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; white-space: nowrap; } .databoard-home-tabs > li, html.elaw-on .databoard-home-tabs > li { float: none !important; margin: 0 !important; } .databoard-home-tabs > li > a, html.elaw-on .databoard-home-tabs > li > a { display: inline-flex; align-items: center; justify-content: center; min-height: 34px; margin: 0 !important; padding: 7px 16px !important; color: var(--elaw-text-secondary) !important; font-family: var(--elaw-font-body); font-weight: 700; text-decoration: none !important; background: transparent !important; border: 1px solid transparent !important; border-radius: var(--elaw-radius-pill) !important; } .databoard-home-tabs > li > a:hover, html.elaw-on .databoard-home-tabs > li > a:hover { color: var(--elaw-nav-item-active-bg) !important; background: var(--elaw-gray-100) !important; } .databoard-home-tabs > li.active > a, .databoard-home-tabs > li.active > a:hover, .databoard-home-tabs > li.active > a:focus, html.elaw-on .databoard-home-tabs > li.active > a, html.elaw-on .databoard-home-tabs > li.active > a:hover, html.elaw-on .databoard-home-tabs > li.active > a:focus { color: #ffffff !important; background: var(--elaw-nav-item-active-bg) !important; border-color: var(--elaw-nav-item-active-bg) !important; border-bottom-color: var(--elaw-nav-item-active-bg) !important; box-shadow: var(--elaw-shadow-sm); } .databoard-home-panel, html.elaw-on .databoard-home-panel { margin-top: 0 !important; } .databoard-home-tab-content > .tab-content, html.elaw-on .databoard-home-tab-content > .tab-content { margin-top: 0 !important; } @media (max-width: 1199px) { .databoard-home-topline, html.elaw-on .databoard-home-topline { align-items: center; flex-direction: row; gap: 8px; padding: 0 8px 0 12px; } .databoard-home-breadcrumb, html.elaw-on .databoard-home-breadcrumb { flex: 0 0 auto; min-width: auto; padding-right: 8px !important; } .databoard-home-tabs, html.elaw-on .databoard-home-tabs { justify-content: flex-end; flex: 1 1 auto; width: auto; min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; } .databoard-home-tabs > li > a, html.elaw-on .databoard-home-tabs > li > a { min-height: 32px; padding: 7px 11px !important; font-size: 12px; } } /* Modals */ .modal-content, .bootbox .modal-content, .ui-dialog, #dialog-modalWithRecurso .modal-content, #dialog-modalWithRecurso .modal-body { background: var(--elaw-card-bg) !important; border: 1px solid var(--elaw-card-border) !important; border-radius: 12px !important; box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22) !important; overflow: visible !important; } .modal-header, .ui-dialog .ui-dialog-titlebar { min-height: 44px; padding: 14px 18px !important; background: var(--elaw-card-bg) !important; border-bottom: 1px solid var(--elaw-border) !important; border-radius: 12px 12px 0 0 !important; } .modal-title, .modal-header h4, .ui-dialog-title { color: var(--elaw-text-primary) !important; font-family: var(--elaw-font-heading) !important; font-size: 18px !important; font-weight: 700 !important; } .modal-body, .ui-dialog-content { background: var(--elaw-card-bg) !important; color: var(--elaw-text-primary); padding: 18px !important; } .modal-footer { padding: 14px 18px !important; background: #eef3f6 !important; border-top: 1px solid var(--elaw-border) !important; border-radius: 0 0 12px 12px !important; } html.elaw-on:not(.business-on) .modal-backdrop { z-index: 20007000 !important; } html.elaw-on:not(.business-on) .modal { z-index: 20007100 !important; } html.elaw-on:not(.business-on) .modal-chat-interno .modal-dialog { height: min(720px, calc(100vh - 48px)) !important; margin: 24px auto !important; max-width: calc(100vw - 40px) !important; width: min(760px, calc(100vw - 40px)) !important; } html.elaw-on:not(.business-on) .modal-chat-interno .modal-content { display: flex !important; flex-direction: column !important; height: 100% !important; overflow: hidden !important; width: 100% !important; } html.elaw-on:not(.business-on) .modal-chat-interno .modal-header, html.elaw-on:not(.business-on) .modal-chat-interno .modal-footer { flex: 0 0 auto !important; } html.elaw-on:not(.business-on) .modal-chat-interno .modal-body { flex: 1 1 auto !important; min-height: 0 !important; overflow: hidden !important; padding: 0 !important; position: relative !important; } html.elaw-on:not(.business-on) .modal-chat-interno .ChatContent { bottom: auto !important; height: 100% !important; left: auto !important; overflow: hidden !important; padding: 0 !important; position: relative !important; right: auto !important; top: auto !important; } html.elaw-on:not(.business-on) .modal-chat-interno .ChatForm, html.elaw-on:not(.business-on) .modal-chat-interno .ChatModulo { background: #ffffff !important; border: 0 !important; inset: 0 !important; } .modal-header .close, .ui-dialog-titlebar-close { color: var(--elaw-text-muted) !important; opacity: .8; } .modal-header .close:hover, .ui-dialog-titlebar-close:hover { color: var(--elaw-danger) !important; opacity: 1; } /* Alerts / badges / toastr */ .alert, .errorHandler { border-radius: var(--elaw-radius-md) !important; border-width: 1px !important; font-family: var(--elaw-font-body); font-size: 12px; } .badge, .label { border-radius: var(--elaw-radius-pill) !important; font-size: 10px; font-weight: 700; padding: 3px 8px; } #toast-container > div, .toast { border-radius: var(--elaw-radius-md) !important; box-shadow: var(--elaw-shadow-md) !important; font-family: var(--elaw-font-body) !important; } .toast-success { background-color: var(--elaw-success) !important; } .toast-error { background-color: var(--elaw-danger) !important; } .toast-info { background-color: var(--elaw-info) !important; } .toast-warning { background-color: var(--elaw-warning) !important; color: #333333 !important; } /* Datepicker / jQuery UI */ .datepicker, .datepicker.dropdown-menu, .ui-datepicker { background: var(--elaw-card-bg) !important; border: 1px solid var(--elaw-border-strong) !important; border-radius: var(--elaw-radius-md) !important; box-shadow: var(--elaw-shadow-md) !important; padding: 8px !important; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td span.active, .ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active { background: var(--elaw-nav-item-active-bg) !important; border-color: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } .ui-widget-header { background: var(--elaw-gray-200) !important; border-color: var(--elaw-border) !important; color: var(--elaw-text-primary) !important; } /* Sidebar / menu */ .main-navigation, html.elaw-on .main-navigation { background: var(--elaw-sidebar-bg) !important; } ul.main-navigation-menu > li > a, html.elaw-on ul.main-navigation-menu > li > a { color: var(--elaw-nav-item-text) !important; font-family: var(--elaw-font-body) !important; font-weight: 600; } ul.main-navigation-menu > li > a:hover, ul.main-navigation-menu > li.open > a, ul.main-navigation-menu > li:hover > a { background: var(--elaw-gray-100) !important; color: var(--elaw-nav-item-active-bg) !important; } ul.main-navigation-menu > li.active > a, html.elaw-on ul.main-navigation-menu > li.active > a { background: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } ul.main-navigation-menu > li.active > a i, ul.main-navigation-menu > li.active > a .icon-arrow { color: #ffffff !important; } html.elaw-on .main-navigation ul.main-navigation-menu.tab-option-holder > li.open:not(.active) > a, html.elaw-on ul.main-navigation-menu.tab-option-holder > li.open:not(.active) > a { background: transparent !important; color: var(--elaw-nav-item-text) !important; } html.elaw-on .main-navigation ul.main-navigation-menu.tab-option-holder > li.open:not(.active) > a i, html.elaw-on ul.main-navigation-menu.tab-option-holder > li.open:not(.active) > a i, html.elaw-on .main-navigation ul.main-navigation-menu.tab-option-holder > li.open:not(.active) > a .icon-arrow, html.elaw-on ul.main-navigation-menu.tab-option-holder > li.open:not(.active) > a .icon-arrow { color: var(--elaw-nav-item-text) !important; } ul.main-navigation-menu li > ul.sub-menu, html.elaw-on ul.main-navigation-menu li > ul.sub-menu { background: var(--elaw-nav-submenu-bg) !important; } ul.main-navigation-menu li > ul.sub-menu > li > a, html.elaw-on ul.main-navigation-menu li > ul.sub-menu > li > a { color: var(--elaw-text-secondary) !important; } ul.main-navigation-menu li > ul.sub-menu > li > a:hover, ul.main-navigation-menu li > ul.sub-menu > li.active > a { background: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } /* Navegacao superior - acresce cor sem alterar a estrutura do menu. */ html.elaw-on .navbar-content.col-md-12 { background: var(--elaw-card-bg) !important; border-top: 1px solid var(--elaw-card-border); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75), 0 5px 16px rgba(0, 0, 0, .08); left: 0 !important; right: 0 !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu { position: relative !important; left: 0 !important; right: auto !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; background: transparent !important; border-radius: 0 0 14px 14px; overflow: visible; } @media (min-width: 768px) { html.elaw-on .main-navigation.seven-menu-shell.tab-menu { display: flex !important; align-items: flex-start; justify-content: flex-start !important; gap: 0 !important; } } html.elaw-on .main-navigation.seven-menu-shell.tab-menu::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; border-radius: 0 0 999px 999px; background: var(--elaw-nav-item-active-bg); opacity: .9; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li:has(> ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario)) { position: static !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) { left: 0 !important; right: 0 !important; top: 100% !important; width: 100% !important; max-width: 100vw; min-height: auto !important; max-height: calc(100vh - 14rem); overflow-x: hidden; overflow-y: auto; padding: 18px 24px !important; background: #ffffff !important; background-image: none !important; border: 1px solid var(--elaw-border); border-top: 0; border-radius: 0 0 12px 12px; box-shadow: 0 16px 32px rgba(15, 23, 42, .18); } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) > li, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) > li > ul, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) ul.sub-menu, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li.categoria { background: #ffffff !important; border: 0 !important; box-shadow: none !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li.categoria { padding-top: 0 !important; margin-top: 0 !important; } /* Menu principal no topo: manter itens próximos da margem esquerda e sem abreviação. */ html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-8 { order: 0; flex: 1 1 auto !important; justify-content: flex-start !important; align-content: flex-start !important; align-items: center !important; flex-wrap: wrap; float: none !important; width: auto !important; max-width: none !important; height: auto !important; min-height: 4rem; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; row-gap: 2px; column-gap: 4px; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-8 > li.tab-option { flex: 0 0 auto; float: none; width: auto !important; max-width: none; overflow: visible; min-width: 0; padding: 0 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-8 > li.tab-option > a { overflow: visible; text-overflow: clip; white-space: nowrap; text-align: left; margin: 4px 0; padding: 8px 8px !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-8 > li.tab-option:first-child { margin-left: 0 !important; padding-left: 0 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-8 > li.tab-option:first-child > a { margin-left: 0 !important; padding-left: 0 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-10, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-2 { flex: 0 0 auto; float: none; width: auto; max-width: none; height: auto; min-height: 4rem; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; flex-wrap: nowrap; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-10 { order: 2; margin-left: 0 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-2 { order: 1; margin-left: auto !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-10 > li.tab-option, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-2 > li.tab-option { flex: 0 0 auto; width: auto; min-width: max-content; overflow: visible; padding: 0 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-2 > li.tab-option { position: relative; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-2 > li.tab-option > a { display: flex; align-items: center; justify-content: center; min-width: 3rem; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-2 > li.tab-option > a > .clip-chevron-down { display: inline-flex; align-items: center; justify-content: center; float: none; width: auto; min-width: 2.25rem; min-height: 0; padding: 0 !important; color: var(--elaw-text-primary) !important; font-size: 1.8rem !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-10 > li.tab-option > a, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-2 > li.tab-option > a { overflow: visible; text-overflow: clip; white-space: nowrap; margin: 4px 0; padding: 8px 6px !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-10 > li.tab-option > a > .title, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-2 > li.tab-option > a > .title { display: inline-block; max-width: none; overflow: visible; text-overflow: clip; white-space: nowrap; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-2 > li.tab-option > ul.gavetario.sub-menu.tab-menu-dropdown { position: absolute; top: calc(100% + 4px); right: 0; left: auto; z-index: 1001; min-width: 16rem; width: max-content; max-width: calc(100vw - 1rem); } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-2 > li.tab-option.open > ul.gavetario.sub-menu.tab-menu-dropdown, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-2 > li.tab-option:hover > ul.gavetario.sub-menu.tab-menu-dropdown { display: block; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > a { position: relative; background: transparent !important; border-radius: 12px; color: var(--elaw-text-primary) !important; margin: 6px 4px; padding: 10px 14px !important; transition: background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > a::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 3px; border-radius: 999px; background: transparent; transform: scaleX(.35); opacity: 0; transition: transform .18s ease, opacity .18s ease, background-color .18s ease; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li:not(.active) > a:hover, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li:hover:not(.active) > a { background: var(--elaw-card-bg) !important; color: var(--elaw-nav-item-active-bg) !important; box-shadow: inset 0 -3px 0 var(--elaw-nav-item-active-bg), 0 4px 10px rgba(0, 0, 0, .08); } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li:not(.active) > a:hover::after, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li:hover:not(.active) > a::after { background: var(--elaw-nav-item-active-bg); opacity: .55; transform: scaleX(1); } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.active > a { background: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; box-shadow: 0 8px 18px rgba(0, 0, 0, .18); transform: translateY(-1px); } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.active > a::after { opacity: 0; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > a i, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > a .icon-arrow, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > a .badge { transition: color .18s ease, background-color .18s ease; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li:not(.active) > a:hover i, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li:not(.active) > a:hover .icon-arrow, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li:hover:not(.active) > a i, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li:hover:not(.active) > a .icon-arrow { color: var(--elaw-nav-item-active-bg) !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.active > a i, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.active > a .icon-arrow { color: #ffffff !important; } /* Estado selecionado: texto sempre branco sobre a cor principal. */ html.elaw-on .nav-tabs > li.active > a, html.elaw-on .nav-tabs > li.active > a:hover, html.elaw-on .nav-tabs > li.active > a:focus, html.elaw-on .panel-tabs .nav-tabs > li.active > a, html.elaw-on .databoard-home-tabs > li.active > a, html.elaw-on .databoard-home-tabs > li.active > a:hover, html.elaw-on .databoard-home-tabs > li.active > a:focus, html.elaw-on ul.main-navigation-menu > li.active > a, html.elaw-on ul.main-navigation-menu > li.active > a *, html.elaw-on ul.main-navigation-menu li > ul.sub-menu > li.active > a, html.elaw-on .dropdown-menu > li.active > a, html.elaw-on .dropdown-menu > li.active > a *, html.elaw-on .bootstrap-select .dropdown-menu li.selected a, html.elaw-on .bootstrap-select .dropdown-menu li.selected a *, html.elaw-on .multiselect-container > li.active > a, html.elaw-on .multiselect-container > li.active > a *, html.elaw-on .select2-results .select2-highlighted, html.elaw-on .select2-results .select2-highlighted *, html.elaw-on .panel-primary > .panel-heading, html.elaw-on .panel-primary > .panel-heading *, html.elaw-on .panel-danger > .panel-heading, html.elaw-on .panel-danger > .panel-heading * { color: #ffffff !important; } /* Widgets / dashboard */ .grid-stack-item, html.elaw-on .grid-stack-item, .core-box, .elaw-widget-card { border-radius: 12px !important; } .grid-stack > .grid-stack-item, html.elaw-on .grid-stack > .grid-stack-item, .elaw-widget-card { background: var(--elaw-card-bg) !important; border: 1px solid var(--elaw-card-border) !important; box-shadow: var(--elaw-shadow-sm) !important; } .grid-stack > .grid-stack-item > .grid-stack-item-content, html.elaw-on .grid-stack > .grid-stack-item > .grid-stack-item-content, .grid-stack .core-box, html.elaw-on .grid-stack .core-box, .grid-stack .core-box.numero-destaque, html.elaw-on .grid-stack .core-box.numero-destaque { background: transparent !important; border: none !important; box-shadow: none !important; } .widget-titulo h2, html.elaw-on div.widget-titulo > h2 { color: var(--elaw-nav-item-active-bg) !important; font-family: var(--elaw-font-heading) !important; } /* Dashboard cards with tables: use the card area and avoid nested boxes. */ html.elaw-on .grid-stack > .grid-stack-item:has(.widget-table-card) > .grid-stack-item-content, html.elaw-on .grid-stack > .grid-stack-item:has(.subsidio-resumo-widget) > .grid-stack-item-content { left: 0 !important; right: 0 !important; padding: 12px 14px !important; } html.elaw-on .grid-stack .widget-table-card, html.elaw-on div.grid-stack-item-content > div.sessoes > .core-box.widget-table-card, html.elaw-on .grid-stack .subsidio-resumo-widget { width: 100% !important; max-width: 100% !important; height: 100%; margin: 0 !important; } html.elaw-on .grid-stack .widget-table-card { display: flex !important; flex-direction: column; } html.elaw-on .grid-stack .subsidio-resumo-widget { display: flex !important; flex-direction: column; } html.elaw-on .grid-stack .widget-table-card .heading { flex: 0 0 auto; margin-bottom: 8px !important; } html.elaw-on .grid-stack .subsidio-resumo-widget h5 { flex: 0 0 auto; } html.elaw-on .grid-stack .widget-table-card .content, html.elaw-on .grid-stack .subsidio-resumo-widget { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; overflow: hidden; } html.elaw-on .grid-stack .widget-table-card .widget-card-table, html.elaw-on .grid-stack .widget-table-card .table-responsive, html.elaw-on .grid-stack .subsidio-resumo-widget .subsidio-resumo-table-wrap { width: 100% !important; max-width: 100% !important; height: 100%; max-height: 100%; flex: 1 1 auto; min-height: 0; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; overflow-x: auto; overflow-y: auto; scrollbar-width: thin; } html.elaw-on .grid-stack .widget-table-card table.table, html.elaw-on .grid-stack .subsidio-resumo-widget table.table { width: 100% !important; min-width: 0; margin: 0 !important; border: none !important; border-collapse: collapse !important; border-spacing: 0 !important; table-layout: auto; } html.elaw-on .grid-stack .widget-table-card table.table > thead > tr > th, html.elaw-on .grid-stack .subsidio-resumo-widget table.table > thead > tr > th { border: none !important; padding: 8px 10px !important; } html.elaw-on .grid-stack .widget-table-card table.table > tbody > tr > td, html.elaw-on .grid-stack .subsidio-resumo-widget table.table > tbody > tr > td { border: none !important; padding: 8px 10px !important; } html.elaw-on .grid-stack .subsidio-resumo-widget table.table > tbody > tr > td:first-child, html.elaw-on .grid-stack .subsidio-resumo-widget table.table > tbody > tr > td:last-child, html.elaw-on .grid-stack .widget-table-card table.table > tbody > tr > td:first-child, html.elaw-on .grid-stack .widget-table-card table.table > tbody > tr > td:last-child { border-radius: 0 !important; } html.elaw-on .widget-card-table a.widget-action-button, html.elaw-on .widget-table-card a.widget-action-button, html.elaw-on #gridWidget a.widget-action-button { display: inline-flex !important; align-items: center; justify-content: center; width: 26px; height: 26px; min-width: 26px; border-radius: 7px; color: var(--elaw-primary, #003b7a) !important; text-decoration: none !important; vertical-align: middle; } html.elaw-on .widget-card-table a.widget-action-button i, html.elaw-on .widget-table-card a.widget-action-button i, html.elaw-on #gridWidget a.widget-action-button i { display: inline-flex; align-items: center; justify-content: center; color: inherit !important; font-size: 15px; line-height: 1; } html.elaw-on .widget-card-table a.widget-action-button:hover, html.elaw-on .widget-card-table a.widget-action-button:focus, html.elaw-on .widget-table-card a.widget-action-button:hover, html.elaw-on .widget-table-card a.widget-action-button:focus, html.elaw-on #gridWidget a.widget-action-button:hover, html.elaw-on #gridWidget a.widget-action-button:focus { background: rgba(0, 59, 122, .10); color: var(--elaw-primary-hover, #002f61) !important; } html[data-theme="dark"] .widget-card-table a.widget-action-button, html[data-theme="dark"] .widget-table-card a.widget-action-button, html[data-theme="dark"] #gridWidget a.widget-action-button { color: #ffffff !important; } html[data-theme="dark"] .widget-card-table a.widget-action-button:hover, html[data-theme="dark"] .widget-card-table a.widget-action-button:focus, html[data-theme="dark"] .widget-table-card a.widget-action-button:hover, html[data-theme="dark"] .widget-table-card a.widget-action-button:focus, html[data-theme="dark"] #gridWidget a.widget-action-button:hover, html[data-theme="dark"] #gridWidget a.widget-action-button:focus { background: rgba(255, 255, 255, .12); } html.elaw-on:not(.business-on) div.grid-stack-item-content > div.sessoes > .core-box:has(table) { display: flex !important; flex-direction: column; height: 100%; max-height: 100%; min-height: 0; overflow: hidden; } html.elaw-on:not(.business-on) div.grid-stack-item-content > div.sessoes > .core-box:has(table) > .heading { flex: 0 0 auto; } html.elaw-on:not(.business-on) div.grid-stack-item-content > div.sessoes > .core-box:has(table) > .content { flex: 1 1 auto; min-height: 0; overflow-x: hidden; overflow-y: auto; scrollbar-width: thin; } html.elaw-on:not(.business-on) div.grid-stack-item-content > div.sessoes > .core-box:has(table) > .content > .table, html.elaw-on:not(.business-on) div.grid-stack-item-content > div.sessoes > .core-box:has(table) > .content > .table-responsive, html.elaw-on:not(.business-on) div.grid-stack-item-content > div.sessoes > .core-box:has(table) > .content > .widget-card-table { margin-bottom: 0 !important; max-height: 100%; overflow-x: auto; } /* Loading: escritorio virtual */ html.elaw-on .elaw-block-loading-card { position: relative; display: flex; align-items: center; gap: 16px; min-height: 84px; padding: 18px 22px; overflow: hidden; color: var(--elaw-text-primary); background: radial-gradient(circle at 16% 18%, rgba(255, 255, 255, 0.98) 0, rgba(255, 255, 255, 0) 36%), linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(245, 248, 252, 0.96)); border: 1px solid rgba(255, 255, 255, 0.72); border-left: 5px solid var(--elaw-nav-item-active-bg); border-radius: 22px; box-shadow: 0 24px 70px rgba(15, 23, 42, 0.24), 0 8px 22px rgba(15, 23, 42, 0.12); } html[data-theme="dark"].elaw-on .elaw-block-loading-card { color: #ffffff; background: radial-gradient(circle at 16% 18%, rgba(255, 255, 255, 0.12) 0, rgba(255, 255, 255, 0) 36%), linear-gradient(135deg, rgba(18, 26, 38, 0.98), rgba(11, 18, 30, 0.96)); border-color: rgba(226, 232, 240, 0.22); border-left-color: var(--elaw-nav-item-active-bg); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.52), 0 8px 22px rgba(0, 0, 0, 0.34); } html.elaw-on .elaw-block-loading-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.42) 42%, transparent 72%); transform: translateX(-100%); animation: elaw-loading-sheen 1.8s ease-in-out infinite; } html[data-theme="dark"].elaw-on .elaw-block-loading-card::after { background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, 0.14) 42%, transparent 72%); } html.elaw-on .elaw-block-loading-orb { position: relative; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; background: rgba(255, 255, 255, 0.92); border: 1px solid var(--elaw-nav-item-active-bg); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72), 0 8px 20px rgba(15, 23, 42, 0.16); } html[data-theme="dark"].elaw-on .elaw-block-loading-orb { background: rgba(9, 15, 25, 0.92); border-color: rgba(255, 255, 255, 0.72); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12), 0 8px 20px rgba(0, 0, 0, 0.32); } html.elaw-on .elaw-block-loading-orb::before, html.elaw-on .elaw-block-loading-orb::after { content: ""; position: absolute; border-radius: 50%; } html.elaw-on .elaw-block-loading-orb::before { inset: 8px; border: 3px solid rgba(255, 255, 255, 0.78); border-top-color: var(--elaw-nav-item-active-bg); animation: elaw-loading-spin 0.9s linear infinite; } html[data-theme="dark"].elaw-on .elaw-block-loading-orb::before { border-color: rgba(255, 255, 255, 0.22); border-top-color: #ffffff; } html.elaw-on .elaw-block-loading-orb::after { inset: 19px; background: var(--elaw-nav-item-active-bg); box-shadow: 0 0 0 6px rgba(15, 23, 42, 0.06); } html[data-theme="dark"].elaw-on .elaw-block-loading-orb::after { background: #ffffff; box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.08); } html.elaw-on .elaw-block-loading-content { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; text-align: left; } html.elaw-on .elaw-block-loading-content strong { display: block; color: var(--elaw-text-primary); font-family: var(--elaw-font-heading); font-size: 16px; font-weight: 800; letter-spacing: 0.02em; } html[data-theme="dark"].elaw-on .elaw-block-loading-content strong { color: #ffffff; -webkit-text-fill-color: #ffffff; } html.elaw-on .elaw-block-loading-content span { display: block; color: var(--elaw-text-muted); font-size: 13px; font-weight: 600; line-height: 1.35; } html[data-theme="dark"].elaw-on .elaw-block-loading-content span { color: #ffffff; -webkit-text-fill-color: #ffffff; } @keyframes elaw-loading-spin { to { transform: rotate(360deg); } } @keyframes elaw-loading-sheen { 0% { transform: translateX(-100%); } 55%, 100% { transform: translateX(110%); } } /* Login/auth screens */ body.login, body.login.example1 { background-color: var(--elaw-container-bg) !important; color: var(--elaw-text-primary); font-family: var(--elaw-font-body) !important; } .main-login, .box-login, .box-forgot, .box-register { border-radius: 14px; } .main-login .form-control, .box-login .form-control, .box-forgot .form-control, .box-register .form-control { min-height: 38px; } #btn-login, .button-login, .elaw-login-cta { border-radius: var(--elaw-radius-pill) !important; } /* ========================================================================== Stabilization layer -------------------------------------------------------------------------- Keep global cross-component corrections in this final layer. The legacy screens mix Bootstrap 3, select2, bootstrap-select, multiselect and custom Razor markup; keeping normalization here makes future layout changes easier to audit and avoids fragile one-off selectors in unrelated sections. ========================================================================== */ /* Forms: unified typography for labels, controls and dropdown options. Labels remain visually distinct, but all values share the same type scale. */ html.elaw-on form label, html.elaw-on form .control-label, html.elaw-on form .form-label, html.elaw-on .panel-body .form-group > label, html.elaw-on .panel-body .form-group > .control-label, html.elaw-on .modal-body .form-group > label, html.elaw-on .modal-body .form-group > .control-label, html.elaw-on .form-group.elaw-field > label.control-label, html.elaw-on .form-group.elaw-field > .control-label { font-family: var(--elaw-font-body) !important; font-size: var(--elaw-form-label-font-size) !important; font-weight: var(--elaw-form-label-weight) !important; line-height: 1.25 !important; } html.elaw-on input.form-control:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), html.elaw-on select.form-control, html.elaw-on textarea.form-control, html.elaw-on .input-group .form-control, html.elaw-on .bootstrap-select > .dropdown-toggle, html.elaw-on select.multiselect + div.btn-group button.multiselect, html.elaw-on .select2-container:not(.select2-container-multi) .select2-choice, html.elaw-on .select2-container--default .select2-selection--single, html.elaw-on .input-group-addon { font-family: var(--elaw-font-body) !important; font-size: var(--elaw-form-control-font-size) !important; font-weight: var(--elaw-form-control-weight) !important; line-height: var(--elaw-form-control-line-height) !important; } html.elaw-on .bootstrap-select > .dropdown-toggle .filter-option, html.elaw-on .bootstrap-select > .dropdown-toggle .filter-option-inner, html.elaw-on .bootstrap-select > .dropdown-toggle .filter-option-inner-inner, html.elaw-on select.multiselect + div.btn-group button.multiselect .multiselect-selected-text, html.elaw-on .select2-container:not(.select2-container-multi) .select2-choice .select2-chosen, html.elaw-on .select2-container--default .select2-selection--single .select2-selection__rendered { font-family: var(--elaw-font-body) !important; font-size: var(--elaw-form-control-font-size) !important; font-weight: var(--elaw-form-control-weight) !important; line-height: var(--elaw-form-control-line-height) !important; } html.elaw-on .dropdown-menu > li > a, html.elaw-on .bootstrap-select .dropdown-menu li a, html.elaw-on .multiselect-container > li > a, html.elaw-on .select2-results .select2-result-label { font-family: var(--elaw-font-body) !important; font-size: var(--elaw-form-option-font-size) !important; font-weight: var(--elaw-form-control-weight) !important; line-height: var(--elaw-form-control-line-height) !important; } /* Mobile adjustments */ @media (max-width: 799px) { .main-content > .container, .main-content .container { padding-left: 8px; padding-right: 8px; } ol.breadcrumb, .breadcrumb { flex-wrap: wrap; min-height: auto; } .panel-body, .modal-body { padding: 12px !important; } .btn, input.btn, button.btn, a.btn { min-height: 34px; } table.table, .dataTable { border-spacing: 0 4px; font-size: 11px; } table.table > tbody > tr > td, .dataTable > tbody > tr > td { padding: 7px 8px !important; } } /* Global night mode */ html[data-theme="dark"] { color-scheme: dark; } html[data-theme="dark"], html[data-theme="dark"] body { background: radial-gradient(circle at top left, rgba(241, 78, 24, .12), transparent 34rem), linear-gradient(135deg, #101318 0%, #151922 42%, #11141a 100%) !important; color: var(--elaw-text-primary) !important; } html[data-theme="dark"] body, html[data-theme="dark"] .main-container, html[data-theme="dark"] .main-content, html[data-theme="dark"] .page-content, html[data-theme="dark"] .navbar-content, html[data-theme="dark"] .footer, html[data-theme="dark"] .wrap-menu, html[data-theme="dark"] .main-navigation { background: transparent !important; color: var(--elaw-text-primary) !important; } html[data-theme="dark"] .navbar.navbar-inverse, html[data-theme="dark"] .navbar.navbar-inverse .container, html[data-theme="dark"] .navbar-content.col-md-12 { background: rgba(20, 24, 31, .94) !important; border-color: rgba(255, 255, 255, .08) !important; box-shadow: 0 10px 28px rgba(0, 0, 0, .32) !important; } html[data-theme="dark"] .navbar .navbar-tools, html[data-theme="dark"] .navbar .nav > li > a, html[data-theme="dark"] .navbar .nav > li > h6, html[data-theme="dark"] .navbar .current-user .username, html[data-theme="dark"] .navbar .current-user > a { color: var(--elaw-text-primary) !important; } html[data-theme="dark"] a, html[data-theme="dark"] .breadcrumb a { color: #ff8b5d; } html[data-theme="dark"] a:hover, html[data-theme="dark"] a:focus { color: #ffb194; } html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] h6, html[data-theme="dark"] label, html[data-theme="dark"] .control-label, html[data-theme="dark"] .page-title, html[data-theme="dark"] .panel-title, html[data-theme="dark"] .title { color: var(--elaw-text-primary) !important; } html[data-theme="dark"] .text-muted, html[data-theme="dark"] small, html[data-theme="dark"] .help-block, html[data-theme="dark"] .status-dot { color: var(--elaw-text-secondary) !important; } html[data-theme="dark"] .panel, html[data-theme="dark"] .panel-default, html[data-theme="dark"] .well, html[data-theme="dark"] .widget, html[data-theme="dark"] .box, html[data-theme="dark"] .card, html[data-theme="dark"] .elaw-widget-card, html[data-theme="dark"] .modal-content, html[data-theme="dark"] .ui-dialog, html[data-theme="dark"] .popover, html[data-theme="dark"] .dropdown-menu, html[data-theme="dark"] .tab-content { background: rgba(31, 36, 45, .96) !important; border-color: rgba(255, 255, 255, .1) !important; color: var(--elaw-text-primary) !important; box-shadow: 0 16px 42px rgba(0, 0, 0, .28) !important; } html[data-theme="dark"] .panel-heading, html[data-theme="dark"] .panel-default > .panel-heading, html[data-theme="dark"] .modal-header, html[data-theme="dark"] .modal-footer, html[data-theme="dark"] .ui-dialog-titlebar, html[data-theme="dark"] .accordion-heading, html[data-theme="dark"] .accordion-toggle { background: rgba(42, 49, 61, .98) !important; border-color: rgba(255, 255, 255, .08) !important; color: var(--elaw-text-primary) !important; } html[data-theme="dark"] .panel-body, html[data-theme="dark"] .modal-body, html[data-theme="dark"] .accordion-body, html[data-theme="dark"] .accordion-inner { background: transparent !important; color: var(--elaw-text-primary) !important; } html[data-theme="dark"] .breadcrumb, html[data-theme="dark"] ol.breadcrumb { background: rgba(31, 36, 45, .88) !important; border-color: rgba(255, 255, 255, .08) !important; color: var(--elaw-text-secondary) !important; } html[data-theme="dark"] .nav-tabs, html[data-theme="dark"] .panel-tabs, html[data-theme="dark"] .databoard-home-tabs { border-color: rgba(255, 255, 255, .1) !important; } html[data-theme="dark"] .nav-tabs > li > a, html[data-theme="dark"] .databoard-home-tabs > li > a { background: rgba(31, 36, 45, .72) !important; border-color: rgba(255, 255, 255, .08) !important; color: var(--elaw-text-secondary) !important; } html[data-theme="dark"] .nav-tabs > li.active > a, html[data-theme="dark"] .databoard-home-tabs > li.active > a { background: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } html[data-theme="dark"] table, html[data-theme="dark"] .table, html[data-theme="dark"] .dataTable { background: transparent !important; color: var(--elaw-text-primary) !important; } html[data-theme="dark"] .table > thead > tr > th, html[data-theme="dark"] table.dataTable thead th, html[data-theme="dark"] .dataTables_wrapper .dataTables_scrollHead, html[data-theme="dark"] .grid-header { background: rgba(42, 49, 61, .98) !important; border-color: rgba(255, 255, 255, .1) !important; color: var(--elaw-text-primary) !important; } html[data-theme="dark"] .table > tbody > tr, html[data-theme="dark"] table.dataTable tbody tr { background: rgba(31, 36, 45, .86) !important; } html[data-theme="dark"] .table-striped > tbody > tr:nth-child(odd), html[data-theme="dark"] table.dataTable.stripe tbody tr.odd, html[data-theme="dark"] table.dataTable.display tbody tr.odd { background: rgba(37, 43, 54, .92) !important; } html[data-theme="dark"] .table-hover > tbody > tr:hover, html[data-theme="dark"] table.dataTable.hover tbody tr:hover, html[data-theme="dark"] table.dataTable.display tbody tr:hover { background: var(--elaw-table-row-hover-bg, rgba(255, 255, 255, .10)) !important; } html[data-theme="dark"] .table > tbody > tr > td, html[data-theme="dark"] .table > tfoot > tr > td, html[data-theme="dark"] table.dataTable tbody td { border-color: rgba(255, 255, 255, .08) !important; color: var(--elaw-text-primary) !important; } html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]), html[data-theme="dark"] textarea, html[data-theme="dark"] select, html[data-theme="dark"] .form-control, html[data-theme="dark"] .bootstrap-select > .dropdown-toggle, html[data-theme="dark"] select.multiselect + div.btn-group button.multiselect, html[data-theme="dark"] .select2-container:not(.select2-container-multi) .select2-choice, html[data-theme="dark"] .select2-container--default .select2-selection--single, html[data-theme="dark"] .select2-container--default .select2-selection--multiple, html[data-theme="dark"] .input-group-addon { background: rgba(24, 29, 37, .96) !important; border-color: rgba(255, 255, 255, .12) !important; color: var(--elaw-text-primary) !important; box-shadow: none !important; } html[data-theme="dark"] input[readonly], html[data-theme="dark"] textarea[readonly], html[data-theme="dark"] .form-control[readonly], html[data-theme="dark"] input[disabled], html[data-theme="dark"] textarea[disabled], html[data-theme="dark"] select[disabled], html[data-theme="dark"] .form-control[disabled], html[data-theme="dark"] fieldset[disabled] .form-control { background: rgba(55, 62, 74, .82) !important; color: #8f9baa !important; -webkit-text-fill-color: #8f9baa !important; opacity: 1 !important; } /* ╔══════════════════════════════════════════════════════════════════════╗ ║ PUBLICACAO LIST — Modern card layout ║ ║ Aplicado apenas em modo elaw. Visual moderno, fundo limpo, focus UX. ║ ║ Não altera estrutura HTML nem comportamento dos botões. ║ ╚══════════════════════════════════════════════════════════════════════╝ */ /* Container externo de cada publicação: card adaptativo (light/dark) */ html.elaw-on .publicacao-table { display: block; background: var(--elaw-card-bg, #ffffff) !important; border: 1px solid var(--elaw-card-border, #e5e7eb) !important; border-radius: 14px !important; box-shadow: 0 2px 12px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .03) !important; overflow: hidden; padding: 6px 10px 10px; transition: box-shadow .18s ease, transform .18s ease; } html.elaw-on .publicacao-table:hover { box-shadow: 0 4px 18px rgba(15, 23, 42, .07), 0 2px 6px rgba(15, 23, 42, .04) !important; } /* Dark mode: card com sombra mais profunda */ html[data-theme="dark"].elaw-on .publicacao-table, html[data-theme="dark"] .publicacao-table { background: var(--elaw-card-bg, #22262d) !important; border-color: var(--elaw-card-border, #2e3540) !important; box-shadow: 0 2px 12px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .25) !important; } html[data-theme="dark"].elaw-on .publicacao-table:hover, html[data-theme="dark"] .publicacao-table:hover { box-shadow: 0 6px 22px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .3) !important; } /* Tabela interna: zera estriado e bordas */ html.elaw-on .publicacao-table, html.elaw-on table.table.table-striped:has(.publicacao-table), html.elaw-on .table .publicacao-table { margin-bottom: 0 !important; } /* Linhas da publicação: sem zebrado, sem bordas pesadas */ html.elaw-on .publicacao-table > tr, html.elaw-on .publicacao-table tr { background: transparent !important; border: 0 !important; } html.elaw-on table.table-striped > tbody.publicacao-table > tr:nth-of-type(odd), html.elaw-on table.table-striped > tbody.publicacao-table > tr:nth-of-type(even) { background: transparent !important; } /* Células: padding generoso, SEM bordas (visual limpo) */ html.elaw-on .publicacao-table > tr > td, html.elaw-on .publicacao-table tr > td, html.elaw-on table.table > tbody.publicacao-table > tr > td { border: 0 !important; border-top: 0 !important; padding: 6px 14px !important; vertical-align: top; background: transparent !important; font-size: 13px; line-height: 1.45; color: var(--elaw-text-primary); } /* Primeira linha do card (header-area): destaque visual com fundo suave */ html.elaw-on .publicacao-table > tr.header-area > td, html.elaw-on .publicacao-table > tr:first-child > td { padding-top: 14px !important; padding-bottom: 14px !important; background: transparent !important; } html.elaw-on .publicacao-table > tr.header-area, html.elaw-on .publicacao-table > tr:first-child { background: linear-gradient(180deg, var(--elaw-gray-100, #fafbfc) 0%, var(--elaw-card-bg, #ffffff) 100%) !important; border-radius: 10px; margin-bottom: 8px; } /* Dark mode: header com gradiente sutil escuro */ html[data-theme="dark"].elaw-on .publicacao-table > tr.header-area, html[data-theme="dark"].elaw-on .publicacao-table > tr:first-child, html[data-theme="dark"] .publicacao-table > tr.header-area, html[data-theme="dark"] .publicacao-table > tr:first-child { background: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, transparent 100%) !important; } /* Linhas col-md-12 (rows full-width): pequeno espaço de respiro */ html.elaw-on .publicacao-table > tr.col-md-12 > td { padding-top: 6px !important; padding-bottom: 6px !important; } /* Hover sutil em cada linha para dar feedback visual */ html.elaw-on .publicacao-table > tr:not(.header-area):not(.btn-area):not(.prazo-sugerido):hover { background: rgba(0, 0, 0, .035) !important; border-radius: 6px; } /* Dark mode: hover mais visível */ html[data-theme="dark"].elaw-on .publicacao-table > tr:not(.header-area):not(.btn-area):not(.prazo-sugerido):hover, html[data-theme="dark"] .publicacao-table > tr:not(.header-area):not(.btn-area):not(.prazo-sugerido):hover { background: var(--elaw-table-row-hover-bg, rgba(255, 255, 255, .10)) !important; } /* Labels (strong) — etiquetas mais sutis e modernas */ html.elaw-on .publicacao-table > tr > td > strong, html.elaw-on .publicacao-table tr > td > strong { display: block; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--elaw-text-muted); margin-bottom: 2px; } /* Primeira coluna (label) — não precisa de "strong" empilhado em coluna estreita */ html.elaw-on .publicacao-table > tr > td:first-child { width: 14%; min-width: 130px; padding-right: 4px !important; } html.elaw-on .publicacao-table > tr > td:first-child > strong { margin-bottom: 0; font-size: 11.5px; color: var(--elaw-text-muted); } /* Valor das células — peso médio, melhor leitura */ html.elaw-on .publicacao-table > tr > td:not(:first-child) { font-weight: 500; color: var(--elaw-text-primary); } /* Dark mode: labels e valores com cores ajustadas para contraste */ html[data-theme="dark"].elaw-on .publicacao-table > tr > td, html[data-theme="dark"] .publicacao-table > tr > td { color: var(--elaw-text-primary) !important; } html[data-theme="dark"].elaw-on .publicacao-table > tr > td > strong, html[data-theme="dark"] .publicacao-table > tr > td > strong, html[data-theme="dark"].elaw-on .publicacao-table tr > td > strong, html[data-theme="dark"] .publicacao-table tr > td > strong { color: var(--elaw-text-muted) !important; opacity: .9; } html[data-theme="dark"].elaw-on .publicacao-table > tr > td:not(:first-child), html[data-theme="dark"] .publicacao-table > tr > td:not(:first-child) { color: var(--elaw-text-primary) !important; } /* Labels danger/success (badges "Sem Sugestão", "Existem N Publicações") */ /* Fundo sólido + texto branco = alto contraste WCAG AA */ html.elaw-on .publicacao-table .label.label-danger { background: var(--elaw-danger, #c0392b) !important; color: #ffffff !important; border: 0; border-radius: 999px; padding: 5px 14px; font-size: 11.5px; font-weight: 700; letter-spacing: .03em; text-transform: none; display: inline-block; box-shadow: 0 1px 3px rgba(192, 57, 43, .25); } html.elaw-on .publicacao-table .label.label-success { background: var(--elaw-success, #1b8a3a) !important; color: #ffffff !important; border: 0; border-radius: 999px; padding: 5px 14px; font-size: 11.5px; font-weight: 700; letter-spacing: .03em; text-transform: none; display: inline-block; box-shadow: 0 1px 3px rgba(27, 138, 58, .25); } /* "Alterar Vínculo" — pílula link moderno com cor primária forte */ html.elaw-on .publicacao-table a.label.label-danger { background: var(--elaw-primary, #F14E18) !important; color: #ffffff !important; border: 0; text-decoration: none; cursor: pointer; transition: background .15s, transform .1s, box-shadow .15s; box-shadow: 0 1px 3px rgba(241, 78, 24, .3); } html.elaw-on .publicacao-table a.label.label-danger:hover { background: var(--elaw-primary-hover, #d44114) !important; color: #ffffff !important; transform: translateY(-1px); box-shadow: 0 3px 8px rgba(241, 78, 24, .4); } /* Link do processo — destaque com cor primária e underline ao hover */ html.elaw-on .publicacao-table a[href*="/processo/details"] { color: var(--elaw-primary, #F14E18) !important; font-weight: 600; text-decoration: none; transition: color .15s; } html.elaw-on .publicacao-table a[href*="/processo/details"]:hover { color: var(--elaw-primary-hover, #d44114) !important; text-decoration: underline; } /* h5 dentro das células (envolve os labels) — sem margens grandes */ html.elaw-on .publicacao-table h5 { margin: 0; padding: 0; line-height: 1; } /* Botão Reclassificar / Sem sugestão (cabeçalho) — mais moderno */ html.elaw-on .publicacao-table input.btn[id="buttonNewClassificarPublicacao"], html.elaw-on .publicacao-table input.btn-default { background: var(--elaw-card-bg, #ffffff) !important; border: 1px solid var(--elaw-border) !important; color: var(--elaw-text-secondary) !important; border-radius: 8px !important; padding: 6px 14px !important; font-size: 12.5px !important; font-weight: 600; transition: all .15s; } html.elaw-on .publicacao-table input.btn[id="buttonNewClassificarPublicacao"]:hover, html.elaw-on .publicacao-table input.btn-default:hover { background: var(--elaw-gray-100) !important; border-color: var(--elaw-primary, #F14E18) !important; color: var(--elaw-primary, #F14E18) !important; } /* Dark mode: botões com fundo escuro e texto claro */ html[data-theme="dark"].elaw-on .publicacao-table input.btn[id="buttonNewClassificarPublicacao"], html[data-theme="dark"] .publicacao-table input.btn[id="buttonNewClassificarPublicacao"], html[data-theme="dark"].elaw-on .publicacao-table input.btn-default, html[data-theme="dark"] .publicacao-table input.btn-default { background: rgba(255, 255, 255, .04) !important; border-color: rgba(255, 255, 255, .15) !important; color: var(--elaw-text-primary) !important; } html[data-theme="dark"].elaw-on .publicacao-table input.btn[id="buttonNewClassificarPublicacao"]:hover, html[data-theme="dark"] .publicacao-table input.btn[id="buttonNewClassificarPublicacao"]:hover, html[data-theme="dark"].elaw-on .publicacao-table input.btn-default:hover, html[data-theme="dark"] .publicacao-table input.btn-default:hover { background: rgba(241, 78, 24, .15) !important; border-color: var(--elaw-primary, #F14E18) !important; color: var(--elaw-primary, #F14E18) !important; } /* Área de botões inferiores — espaço respirável + agrupamento moderno */ html.elaw-on .publicacao-table tr.btn-area > td { border-top: 1px solid rgba(226, 232, 240, .8) !important; padding-top: 14px !important; padding-bottom: 6px !important; margin-top: 6px; } /* Wrapper interno (.space-top-container.btn-area) — vira flex row horizontal */ html.elaw-on .publicacao-table div.btn-area, html.elaw-on .publicacao-table .space-top-container.btn-area, html.elaw-on .publicacao-table tr.btn-area > td > .btn-area, html.elaw-on .publicacao-table tr.btn-area > td > div { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; padding: 0 !important; margin: 0 !important; float: none !important; } /* Os 2 grupos de botões (col-md-8 esquerda, col-md-4 direita) — flex row interno */ html.elaw-on .publicacao-table div.btn-area > div, html.elaw-on .publicacao-table .space-top-container.btn-area > div, html.elaw-on .publicacao-table tr.btn-area > td > div > div { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; align-items: center !important; } /* Grupo da esquerda (col-md-8): cresce para ocupar espaço disponível */ html.elaw-on .publicacao-table div.btn-area > div.col-md-8, html.elaw-on .publicacao-table .space-top-container.btn-area > div.col-md-8, html.elaw-on .publicacao-table tr.btn-area > td > div > div.col-md-8 { flex: 1 1 auto !important; justify-content: flex-start !important; min-width: 0 !important; max-width: none !important; } /* Grupo da direita (col-md-4): alinhado à direita, content-width */ html.elaw-on .publicacao-table div.btn-area > div.col-md-4, html.elaw-on .publicacao-table .space-top-container.btn-area > div.col-md-4, html.elaw-on .publicacao-table tr.btn-area > td > div > div.col-md-4 { flex: 0 0 auto !important; justify-content: flex-end !important; margin-left: auto !important; min-width: 0 !important; max-width: none !important; } /* TD que envolve os botões: full width, sem padding-top excessivo */ html.elaw-on .publicacao-table tr.btn-area > td { display: block !important; width: 100% !important; padding: 14px !important; border-top: 1px solid rgba(226, 232, 240, .8) !important; margin-top: 8px; background: rgba(250, 251, 252, .5) !important; border-radius: 0 0 12px 12px; } html.elaw-on .publicacao-table .btn-area input.btn { border-radius: 8px !important; padding: 7px 14px !important; font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: .01em; transition: all .15s ease; margin: 0 !important; width: auto !important; display: inline-block !important; white-space: nowrap !important; } html.elaw-on .publicacao-table .btn-area input.btn-primary { background: var(--elaw-primary, #F14E18) !important; border-color: var(--elaw-primary, #F14E18) !important; color: #fff !important; } html.elaw-on .publicacao-table .btn-area input.btn-primary:hover { background: var(--elaw-primary-hover, #d44114) !important; border-color: var(--elaw-primary-hover, #d44114) !important; transform: translateY(-1px); box-shadow: 0 2px 6px rgba(241, 78, 24, .25); } html.elaw-on .publicacao-table .btn-area input.btn-option { background: var(--elaw-card-bg, #ffffff) !important; border: 1px solid var(--elaw-border) !important; color: var(--elaw-text-primary) !important; } html.elaw-on .publicacao-table .btn-area input.btn-option:hover { background: var(--elaw-gray-100) !important; border-color: var(--elaw-primary, #F14E18) !important; color: var(--elaw-primary, #F14E18) !important; } html.elaw-on .publicacao-table .btn-area input.btn-mail { background: var(--elaw-card-bg, #ffffff) !important; border: 1px solid var(--elaw-border) !important; color: var(--elaw-text-primary) !important; } html.elaw-on .publicacao-table .btn-area input.btn-mail:hover { background: var(--elaw-info, #3498db) !important; border-color: var(--elaw-info, #3498db) !important; color: #fff !important; } /* Dark mode: btn-option e btn-mail */ html[data-theme="dark"].elaw-on .publicacao-table .btn-area input.btn-option, html[data-theme="dark"] .publicacao-table .btn-area input.btn-option, html[data-theme="dark"].elaw-on .publicacao-table .btn-area input.btn-mail, html[data-theme="dark"] .publicacao-table .btn-area input.btn-mail { background: rgba(255, 255, 255, .04) !important; border-color: rgba(255, 255, 255, .15) !important; color: var(--elaw-text-primary) !important; } html[data-theme="dark"].elaw-on .publicacao-table .btn-area input.btn-option:hover, html[data-theme="dark"] .publicacao-table .btn-area input.btn-option:hover { background: rgba(241, 78, 24, .15) !important; border-color: var(--elaw-primary, #F14E18) !important; color: var(--elaw-primary, #F14E18) !important; } html[data-theme="dark"].elaw-on .publicacao-table .btn-area input.btn-mail:hover, html[data-theme="dark"] .publicacao-table .btn-area input.btn-mail:hover { background: var(--elaw-info, #3498db) !important; border-color: var(--elaw-info, #3498db) !important; color: #fff !important; } /* Container externo do card (.col-md-12.table) — sem fundo, sem padding extra */ html.elaw-on .col-md-12.table.space-top-container { background: transparent !important; padding: 0 !important; margin-bottom: 14px !important; } /* Body da página de listagem: fundo limpo, neutro */ html.elaw-on .main-content, html.elaw-on body { background: var(--elaw-body-bg, #f7f8fa) !important; } /* Painel "Filtros" — visual mais clean integrado ao tema */ html.elaw-on .panel.panel-default.panel-group:has(#filtro), html.elaw-on .panel.panel-default.panel-group:has(.panel-heading-20) { background: #ffffff !important; border: 1px solid var(--elaw-card-border, #e5e7eb) !important; border-radius: 12px !important; box-shadow: 0 1px 4px rgba(15, 23, 42, .04) !important; overflow: hidden; } /* Breadcrumb da página — espaçamento mais aerado */ html.elaw-on .breadcrumb { background: transparent !important; padding: 8px 0 !important; margin-bottom: 4px !important; font-size: 13px; } html.elaw-on .breadcrumb > li.active { color: var(--elaw-text-secondary, #4E4E4E); font-weight: 600; } html.elaw-on .breadcrumb > li > a { color: var(--elaw-primary, #F14E18) !important; text-decoration: none; } html.elaw-on .breadcrumb > li > a:hover { text-decoration: underline; } /* "Voltar" / "Exibindo X de Y" — sem fundo cinza, padding consistente */ html.elaw-on .voltar-paginacao { background: transparent !important; padding: 0 !important; margin-bottom: 10px; } html.elaw-on .voltar-paginacao .btn-default { background: #ffffff !important; border: 1px solid var(--elaw-border, #d5d5d5) !important; color: var(--elaw-text-primary, #364f6a) !important; border-radius: 8px !important; padding: 6px 16px !important; font-weight: 600; } html.elaw-on .voltar-paginacao .btn-default:hover { background: var(--elaw-gray-100, #f8f8f8) !important; border-color: var(--elaw-primary, #F14E18) !important; color: var(--elaw-primary, #F14E18) !important; } /* Inteiro teor link — estilo discreto */ html.elaw-on .publicacao-table a.action-button { display: inline-flex; align-items: center; gap: 6px; color: var(--elaw-info, #3498db); font-weight: 600; text-decoration: none; } html.elaw-on .publicacao-table a.action-button:hover { color: var(--elaw-info-hover, #2980b9); } html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #7e8a99 !important; } html[data-theme="dark"] .dropdown-menu > li > a, html[data-theme="dark"] .bootstrap-select .dropdown-menu li a, html[data-theme="dark"] .multiselect-container > li > a, html[data-theme="dark"] .select2-results .select2-result-label { color: var(--elaw-text-primary) !important; } html[data-theme="dark"] .dropdown-menu > li > a:hover, html[data-theme="dark"] .dropdown-menu > li > a:focus, html[data-theme="dark"] .bootstrap-select .dropdown-menu li a:hover, html[data-theme="dark"] .multiselect-container > li > a:hover, html[data-theme="dark"] .select2-results .select2-highlighted { background: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } html[data-theme="dark"] .select2-drop, html[data-theme="dark"] .select2-dropdown, html[data-theme="dark"] .bootstrap-select .dropdown-menu, html[data-theme="dark"] .multiselect-container, html[data-theme="dark"] .ui-multiselect-menu, html[data-theme="dark"] .datepicker, html[data-theme="dark"] .datepicker.dropdown-menu, html[data-theme="dark"] .ui-datepicker { background: #202630 !important; border-color: rgba(255, 255, 255, .12) !important; color: var(--elaw-text-primary) !important; box-shadow: 0 18px 48px rgba(0, 0, 0, .42) !important; } html[data-theme="dark"] .ui-widget-content, html[data-theme="dark"] .ui-widget-header, html[data-theme="dark"] .ui-state-default, html[data-theme="dark"] .ui-state-active, html[data-theme="dark"] .ui-state-hover { border-color: rgba(255, 255, 255, .12) !important; color: var(--elaw-text-primary) !important; } html[data-theme="dark"] .ui-widget-header, html[data-theme="dark"] .ui-datepicker-header { background: rgba(42, 49, 61, .98) !important; } html[data-theme="dark"] .alert, html[data-theme="dark"] .label, html[data-theme="dark"] .badge { border-color: rgba(255, 255, 255, .12) !important; } html[data-theme="dark"] hr, html[data-theme="dark"] .divider { border-color: rgba(255, 255, 255, .1) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li:not(.active) > a:hover, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li:hover:not(.active) > a { background: rgba(255, 255, 255, .07) !important; } html[data-theme="dark"] .elaw-theme-toggle-holder { display: inline-flex !important; align-items: center; } html[data-theme="dark"] .elaw-theme-toggle, .elaw-theme-toggle { align-items: center; border: 1px solid rgba(255, 255, 255, .12); border-radius: 999px; display: inline-flex !important; gap: 7px; margin: 8px 6px !important; min-height: 36px; padding: 7px 12px !important; text-decoration: none !important; transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease; } .elaw-theme-toggle { background: rgba(255, 255, 255, .76) !important; border-color: rgba(0, 0, 0, .08); color: var(--elaw-nav-item-active-bg) !important; } .elaw-theme-toggle:hover, .elaw-theme-toggle:focus { background: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; box-shadow: 0 8px 18px rgba(0, 0, 0, .16); } html[data-theme="dark"] .elaw-theme-toggle { background: rgba(255, 255, 255, .08) !important; color: #f6f8fb !important; } html[data-theme="dark"] .elaw-theme-toggle:hover, html[data-theme="dark"] .elaw-theme-toggle:focus { background: var(--elaw-nav-item-active-bg) !important; border-color: transparent; color: #ffffff !important; } .elaw-auth-theme-toggle { position: fixed; top: 18px; right: 18px; z-index: 1050; margin: 0 !important; backdrop-filter: blur(10px); } html[data-theme="dark"] body.login, html[data-theme="dark"] body.login.example1 { background-color: #101318 !important; background-blend-mode: multiply; } html[data-theme="dark"] .login .box-login, html[data-theme="dark"] .login .box-forgot, html[data-theme="dark"] .login .box-register, html[data-theme="dark"] .login .new-account, html[data-theme="dark"] .login .copyright, html[data-theme="dark"] .login .form-actions { background: rgba(31, 36, 45, .94) !important; border-color: rgba(255, 255, 255, .1) !important; color: var(--elaw-text-primary) !important; } html[data-theme="dark"] .login .form-actions { border-top-color: rgba(255, 255, 255, .1) !important; } html[data-theme="dark"] .login .new-account a, html[data-theme="dark"] .login .copyright, html[data-theme="dark"] .login .box-login h3, html[data-theme="dark"] .login .box-forgot h3, html[data-theme="dark"] .login .box-register h3 { color: var(--elaw-text-primary) !important; } html[data-theme="dark"] .list-group, html[data-theme="dark"] .list-group-item, html[data-theme="dark"] .thumbnail, html[data-theme="dark"] .page-header, html[data-theme="dark"] .timeline, html[data-theme="dark"] .fc, html[data-theme="dark"] .fc-view, html[data-theme="dark"] .fc-widget-content, html[data-theme="dark"] .ChatPosicao, html[data-theme="dark"] .ChatContent, html[data-theme="dark"] .ChatFooter, html[data-theme="dark"] .msg_container_base { background: rgba(31, 36, 45, .96) !important; border-color: rgba(255, 255, 255, .1) !important; color: var(--elaw-text-primary) !important; } html[data-theme="dark"] .fc-widget-header, html[data-theme="dark"] .ChatGradient, html[data-theme="dark"] .ChatTitulo { background: rgba(42, 49, 61, .98) !important; border-color: rgba(255, 255, 255, .1) !important; color: var(--elaw-text-primary) !important; } html[data-theme="dark"] .elaw-field > label.control-label, html[data-theme="dark"] .form-group.elaw-field > label.control-label, html[data-theme="dark"] .form-group.elaw-field > .control-label { background: var(--elaw-card-bg, #22262d) !important; } .elaw-theme-toggle i { font-size: 15px; } .elaw-theme-toggle-text { font-size: 12px; font-weight: 700; white-space: nowrap; } @media (max-width: 1100px) { .elaw-theme-toggle-text { display: none; } } /* Compact top-bar refinements */ html.elaw-on .navbar .search-box { width: 380px !important; max-width: 30vw; min-height: 36px; } html.elaw-on .navbar .sidebar-search { min-width: 300px; min-height: 36px !important; height: 36px !important; margin: 0 !important; padding: 0 36px 0 16px !important; border-radius: 9px !important; } html.elaw-on .navbar .sidebar-search .form-group input, html.elaw-on .navbar .sidebar-search input#textFinder { min-height: 34px !important; height: 34px !important; font-size: 15px !important; } html.elaw-on .navbar .sidebar-search .form-group button.submit { right: 8px !important; width: 26px !important; height: 26px !important; } html.elaw-on .navbar .sidebar-search .form-group button.submit i { font-size: 17px; } html.elaw-on .navbar .search-box.col-md-3, html.elaw-on .navbar .search-box.col-md-3::before, html.elaw-on .navbar .search-box.col-md-3::after { background: transparent !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; } html.elaw-on .navbar .search-box.col-md-3 .sidebar-search { border: 0 !important; box-shadow: none !important; } html[data-theme="dark"] .navbar .elaw-theme-toggle { justify-content: center; min-width: 36px; width: 36px; min-height: 36px; padding: 0 !important; } html[data-theme="dark"] .navbar .elaw-theme-toggle .elaw-theme-toggle-text { display: none !important; } /* Menu principal compacto: fundo branco e itens sem espacamento de grid. */ html.elaw-on .navbar-content, html.elaw-on .navbar-content.col-md-12, html.elaw-on .main-navigation.seven-menu-shell.tab-menu, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.gavetario.sub-menu.tab-menu-dropdown { background: #ffffff !important; background-image: none !important; } html.elaw-on .navbar-content, html.elaw-on .navbar-content.col-md-12 { box-sizing: border-box !important; display: block !important; float: none !important; margin-left: 14px !important; margin-right: 14px !important; max-width: calc(100% - 28px) !important; padding-left: 0 !important; padding-right: 0 !important; width: calc(100% - 28px) !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu { border-radius: 0 !important; box-sizing: border-box !important; box-shadow: 0 1px 0 rgba(15, 23, 42, .08), 0 6px 16px rgba(15, 23, 42, .08); display: flex !important; float: none !important; left: 0 !important; margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; min-height: 44px; padding: 0 14px !important; right: auto !important; width: 100% !important; z-index: 2; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu::before { background: #ffffff !important; border-radius: 0 !important; bottom: 0; content: ""; display: block !important; height: 100%; left: 0; opacity: 1 !important; pointer-events: none; position: absolute; right: 0; top: 0; transform: none; width: auto; z-index: 0; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu > * { position: relative; z-index: 1; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder { align-items: center !important; align-content: center !important; display: flex !important; flex-wrap: nowrap !important; gap: 2px !important; height: auto !important; justify-content: flex-start !important; margin: 0 !important; max-width: 100% !important; min-height: 44px !important; overflow: visible !important; padding: 0 !important; width: 100% !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.tab-option, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.tab-option.col-md-12 { align-items: center !important; display: flex !important; flex: 0 0 auto !important; float: none !important; margin: 0 !important; max-width: none !important; min-width: 0 !important; overflow: visible !important; padding: 0 1px !important; width: auto !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.tab-option > a { align-items: center; display: inline-flex; justify-content: center; margin: 3px 0 !important; min-height: 36px; padding: 7px 10px !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.tab-option > a > .title { display: inline-block; max-width: none !important; overflow: visible !important; text-overflow: clip !important; white-space: nowrap !important; } /* Modulo Escritorio: manter menu superior sempre centralizado. */ html.elaw-on:not(.business-on) .main-navigation.seven-menu-shell.tab-menu { justify-content: center !important; } html.elaw-on:not(.business-on) .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder, html.elaw-on:not(.business-on) .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.col-md-8 { justify-content: center !important; align-content: center !important; } html.elaw-on:not(.business-on) .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder { width: 100% !important; } /* Compatibilidade: se algum ambiente ainda carregar o holder com .row, remover pseudo-itens vazios do Bootstrap. */ html.elaw-on:not(.business-on) .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.row::before, html.elaw-on:not(.business-on) .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder.row::after { content: none !important; display: none !important; } html.elaw-on:not(.business-on) .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li:empty, html.elaw-on:not(.business-on) .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > div:empty, html.elaw-on:not(.business-on) .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-menu-empty-node, html.elaw-on:not(.business-on) .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > div.elaw-menu-empty-node { display: none !important; margin: 0 !important; padding: 0 !important; width: 0 !important; } /* Regra de Escritorio: nao truncar label do combo de perdas e danos. */ html.elaw-on .divTipoPagamentoConversaoPerdaDanos > label.control-label, html.elaw-on .divTipoPagamentoConversaoPerdaDanos > .control-label { display: block !important; max-width: 100% !important; overflow: visible !important; text-overflow: initial !important; white-space: normal !important; line-height: 1.35 !important; } /* Regra de Escritorio: reduzir espaco vertical entre opcoes desse multiselect. */ html.elaw-on select.multiselect-tipo-pagamento-conversao + div.btn-group.open .multiselect-container > li > a { padding-top: 4px !important; padding-bottom: 4px !important; } html.elaw-on select.multiselect-tipo-pagamento-conversao + div.btn-group.open .multiselect-container > li > a > label { margin-top: 0 !important; margin-bottom: 0 !important; line-height: 1.2 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.tab-option > a > .clip-chevron-down { color: var(--elaw-text-primary) !important; font-size: 1.45rem !important; min-width: 20px; padding: 0 !important; } html[data-theme="dark"] .navbar-content, html[data-theme="dark"] .navbar-content.col-md-12, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.gavetario.sub-menu.tab-menu-dropdown { background: var(--elaw-card-bg, #202630) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu::before { background: var(--elaw-card-bg, #202630) !important; } /* Header: aproxima a busca do logo e centraliza verticalmente o localizar. */ html.elaw-on .navbar.navbar-inverse.navbar-fixed-top > .container.elawMenu { align-items: center !important; display: flex !important; gap: 8px !important; } html.elaw-on .navbar.navbar-inverse.navbar-fixed-top .navbar-header.col-md-1 { align-items: center !important; display: flex !important; flex: 0 0 auto !important; float: none !important; margin: 0 !important; min-height: 52px; padding-left: 10px !important; padding-right: 2px !important; width: auto !important; } html.elaw-on .navbar.navbar-inverse.navbar-fixed-top .navbar-header.col-md-1 > a { align-items: center; display: inline-flex; } html.elaw-on .navbar.navbar-inverse.navbar-fixed-top .search-box.col-md-3 { align-items: center !important; display: flex !important; flex: 0 0 340px !important; float: none !important; justify-content: flex-start !important; margin: 0 0 0 2px !important; max-width: 26vw !important; min-height: 52px; padding-left: 0 !important; padding-right: 0 !important; width: 340px !important; } html.elaw-on .navbar.navbar-inverse.navbar-fixed-top .search-box.col-md-3 .sidebar-search { align-items: center !important; display: flex !important; height: 34px !important; margin: 0 !important; min-height: 34px !important; } html.elaw-on .navbar.navbar-inverse.navbar-fixed-top .search-box.col-md-3 .sidebar-search .form-group { align-items: center !important; display: flex !important; height: 100% !important; width: 100%; } html.elaw-on .navbar.navbar-inverse.navbar-fixed-top .search-box.col-md-3 input#textFinder { align-self: center; height: 32px !important; line-height: 32px !important; min-height: 32px !important; padding-bottom: 0 !important; padding-top: 0 !important; } /* Chat: painel compacto do menu, sem ocupar a tela inteira. */ html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu { overflow: visible !important; position: relative !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu > a { border-radius: 10px !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu.open > a, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu.active > a { background: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu.open > a .title, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu.active > a .title { color: #ffffff !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu > ul.sub-menu.tab-menu-dropdown.chat { background: #ffffff !important; background-image: none !important; border: 1px solid rgba(15, 23, 42, .12) !important; border-radius: 0 0 10px 10px !important; box-shadow: 0 14px 30px rgba(15, 23, 42, .20) !important; height: auto !important; left: auto !important; margin: 0 !important; max-height: none !important; max-width: calc(100vw - 32px) !important; min-height: 0 !important; min-width: 360px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; right: 0 !important; top: calc(100% + 4px) !important; width: 430px !important; z-index: 1060 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu > ul.sub-menu.tab-menu-dropdown.chat > li { background: #ffffff !important; height: 520px !important; max-height: calc(100vh - 170px) !important; min-height: 420px !important; min-width: 0 !important; overflow: hidden !important; position: relative !important; width: 100% !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatGradient { height: 42px !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatTitulo { align-items: center !important; background: var(--elaw-nav-item-active-bg) !important; border-radius: 0 !important; color: #ffffff !important; display: flex !important; font-size: 14px !important; font-weight: 700 !important; height: 42px !important; justify-content: center !important; line-height: 42px !important; padding: 0 42px 0 18px !important; text-align: center !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatClose { color: #ffffff !important; line-height: 1 !important; opacity: .92; right: 12px !important; top: 12px !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatContent { background: #ffffff !important; bottom: 42px !important; left: 0 !important; overflow: hidden !important; padding: 0 !important; right: 0 !important; top: 42px !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatFooter { align-items: center !important; background: #f6f7f8 !important; border-top: 1px solid rgba(15, 23, 42, .08) !important; color: var(--elaw-text-primary, #364f6a) !important; display: flex !important; font-size: 13px !important; font-weight: 700 !important; height: 42px !important; justify-content: center !important; line-height: 42px !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatForm, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatModulo { background: #ffffff !important; border: 0 !important; bottom: 0 !important; left: 0 !important; overflow: hidden !important; padding: 0 !important; right: 0 !important; top: 0 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatForm { display: flex !important; flex-direction: column !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatHeader { background: #ffffff !important; border: 0 !important; border-bottom: 1px solid rgba(15, 23, 42, .08) !important; color: var(--elaw-text-primary, #364f6a) !important; flex: 0 0 auto !important; padding: 14px 18px 10px !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatHeader h2 { color: var(--elaw-text-primary, #364f6a) !important; font-size: 15px !important; font-weight: 700 !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatContentButtonNovaMensagem { background: #ffffff !important; border-bottom: 1px solid rgba(15, 23, 42, .08) !important; flex: 0 0 auto !important; margin: 0 !important; max-height: none !important; max-width: none !important; padding: 12px 18px !important; text-align: left !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu #buttonNovaMensagem { background: var(--elaw-nav-item-active-bg) !important; border: 0 !important; border-radius: 8px !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; height: 32px !important; min-height: 32px !important; padding: 0 16px !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatFormInputs { left: auto !important; padding: 12px 18px !important; position: static !important; right: auto !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu #formChats { flex: 1 1 auto !important; overflow-x: hidden !important; overflow-y: auto !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatFormInputs > div { margin: 0 !important; max-width: none !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu #chatGrid table { background: transparent !important; margin: 0 !important; width: 100% !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatGrupoTr, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatGrupoTd { background: #ffffff !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatGrupoTd { border-bottom: 1px solid rgba(15, 23, 42, .08) !important; color: var(--elaw-text-primary, #364f6a) !important; padding-bottom: 12px !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatMsg, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatMsgFull { background: #ffffff !important; border: 1px solid rgba(15, 23, 42, .10) !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(15, 23, 42, .08) !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatMsgText, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatMsgName, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatMsgTime, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatMsgNaoLida { color: var(--elaw-text-primary, #364f6a) !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatContentBox { left: 0 !important; right: 0 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatBottom { background: #ffffff !important; border-top: 1px solid rgba(15, 23, 42, .08) !important; left: 0 !important; right: 0 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-chat-menu .ChatBottom textarea { background: #f8fafc !important; border-radius: 8px !important; color: var(--elaw-text-primary, #364f6a) !important; margin: 6px 8px !important; width: calc(100% - 16px) !important; } /* TimeSheet: popover compacto aberto pelo item do menu, sem herdar o mega menu. */ html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu { flex: 0 0 auto !important; min-width: 112px !important; overflow: visible !important; position: relative !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > a { border-radius: 10px !important; min-width: 112px !important; overflow: visible !important; padding-left: 12px !important; padding-right: 12px !important; text-overflow: clip !important; white-space: nowrap !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > a .title { display: inline-block !important; max-width: none !important; overflow: visible !important; text-overflow: clip !important; white-space: nowrap !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu.open > a, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu.active > a { background: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu.open > a .title, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu.active > a .title { color: #ffffff !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet { background: #ffffff !important; background-image: none !important; border: 1px solid rgba(15, 23, 42, .10) !important; border-radius: 18px !important; box-shadow: 0 22px 48px rgba(15, 23, 42, .20), 0 2px 8px rgba(15, 23, 42, .08) !important; height: auto !important; left: auto !important; margin: 0 !important; max-height: none !important; max-width: calc(100vw - 32px) !important; min-height: 0 !important; min-width: 420px !important; overflow: hidden !important; padding: 0 !important; right: 0 !important; top: calc(100% + 10px) !important; width: min(560px, calc(100vw - 32px)) !important; z-index: 1050 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet::before { background: #ffffff !important; border-left: 1px solid rgba(15, 23, 42, .10) !important; border-top: 1px solid rgba(15, 23, 42, .10) !important; content: "" !important; display: block !important; height: 14px !important; position: absolute !important; right: 34px !important; top: -7px !important; transform: rotate(45deg) !important; width: 14px !important; z-index: 0 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > li.panel-body.msg_container_base { align-items: stretch !important; background: #ffffff !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; gap: 12px !important; height: auto !important; justify-content: flex-start !important; max-height: min(58vh, 520px) !important; min-height: 0 !important; min-width: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; padding: 18px !important; width: 100% !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > li.panel-body.msg_container_base > div { box-sizing: border-box !important; max-width: 100% !important; min-width: 0 !important; width: auto !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container.empty { align-items: center !important; display: flex !important; height: auto !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container.empty > div { display: flex !important; justify-content: center !important; padding: 0 !important; width: 100% !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container:not(.empty) { background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important; border: 1px solid rgba(15, 23, 42, .11) !important; border-radius: 16px !important; box-sizing: border-box !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .90), 0 8px 18px rgba(15, 23, 42, .07) !important; margin: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding: 16px !important; width: 100% !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container:not(.empty) .well { background: rgba(241, 245, 249, .90) !important; border: 0 !important; border-radius: 14px !important; box-shadow: none !important; color: var(--elaw-text-primary, #364f6a) !important; line-height: 1.45 !important; margin: 0 !important; min-height: 72px !important; padding: 18px !important; text-align: center !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container p { color: var(--elaw-text-primary, #364f6a) !important; font-size: 14px !important; margin: 0 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container.empty .well, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > li.panel-body.msg_container_base:empty::before { align-items: center !important; background: #ffffff !important; border: 1px solid rgba(15, 23, 42, .16) !important; border-radius: 8px !important; box-shadow: 0 3px 10px rgba(15, 23, 42, .13) !important; color: var(--elaw-text-primary, #364f6a) !important; display: flex !important; font-size: 12px !important; font-weight: 500 !important; height: 56px !important; justify-content: center !important; line-height: 1.3 !important; margin: 0 !important; min-height: 56px !important; padding: 0 14px !important; text-align: center !important; width: 100% !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > li.panel-body.msg_container_base:empty::before { content: "Nenhum timesheet localizado"; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > .panel-footer { align-items: center !important; background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important; border-top: 1px solid rgba(15, 23, 42, .08) !important; display: flex !important; justify-content: center !important; margin: 0 !important; min-height: 82px !important; padding: 14px !important; text-align: center !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > .panel-footer .btn.buttonTimeSheet { align-items: center !important; background: #5cb85c !important; border: 0 !important; border-radius: 12px !important; box-shadow: 0 8px 18px rgba(92, 184, 92, .24) !important; color: #ffffff !important; display: inline-flex !important; font-size: 15px !important; font-weight: 700 !important; height: 44px !important; justify-content: center !important; line-height: 44px !important; min-height: 44px !important; min-width: 96px !important; padding: 0 24px !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > .panel-footer .btn.buttonTimeSheet:hover, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > .panel-footer .btn.buttonTimeSheet:focus { background: #4cae4c !important; color: #ffffff !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-reference { box-sizing: border-box !important; color: var(--elaw-text-primary, #364f6a) !important; display: block !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.35 !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; padding: 0 2px !important; width: 100% !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-reference a { color: var(--elaw-text-primary, #364f6a) !important; display: -webkit-box !important; line-height: 1.35 !important; max-width: 100% !important; overflow: hidden !important; text-decoration: none !important; text-overflow: ellipsis !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-card-body { align-items: center !important; display: grid !important; gap: 14px 16px !important; grid-template-columns: minmax(98px, auto) minmax(0, 1fr) !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-actions, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-time, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-observation { float: none !important; min-width: 0 !important; padding: 0 !important; width: auto !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-actions { align-items: center !important; display: flex !important; justify-content: flex-start !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-actions .btn-group { align-items: center !important; display: inline-flex !important; gap: 8px !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-actions .btn { align-items: center !important; background: #ffffff !important; border: 1px solid rgba(15, 23, 42, .20) !important; border-radius: 999px !important; box-shadow: 0 4px 10px rgba(15, 23, 42, .08) !important; color: var(--elaw-text-primary, #364f6a) !important; display: inline-flex !important; height: 44px !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; width: 44px !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-actions .buttonPlay { color: var(--elaw-nav-item-active-bg, #5cb85c) !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-actions .buttonPlay.btn-success, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-actions .buttonPause.btn-warning, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-actions .buttonStop.btn-danger { color: #ffffff !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-actions .buttonPlay.btn-success { background: #5cb85c !important; border-color: #5cb85c !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-actions .buttonPause.btn-warning { background: #f0ad4e !important; border-color: #f0ad4e !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-actions .buttonStop.btn-danger { background: #d9534f !important; border-color: #d9534f !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-time { text-align: right !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-timer, html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container p.timesheet-shortcut-timer { color: var(--elaw-text-primary, #364f6a) !important; font-size: 28px !important; font-weight: 500 !important; letter-spacing: .02em !important; line-height: 1.1 !important; margin: 0 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-observation { grid-column: 1 / -1 !important; } html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-observation a { color: var(--elaw-text-primary, #364f6a) !important; display: block !important; text-decoration: none !important; } @media (max-width: 640px) { html.elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet { max-width: calc(100vw - 24px) !important; min-width: 0 !important; width: calc(100vw - 24px) !important; } } /* Fundo base global: remove o cinza legado ao redor dos cards em todas as telas. */ html.elaw-on:not([data-theme="dark"]), html.elaw-on:not([data-theme="dark"]) body, html.elaw-on:not([data-theme="dark"]) .main-container, html.elaw-on:not([data-theme="dark"]) .main-content, html.elaw-on:not([data-theme="dark"]) .main-content.elaw-view, html.elaw-on:not([data-theme="dark"]) .main-content > .container, html.elaw-on:not([data-theme="dark"]) .main-content .container, html.elaw-on:not([data-theme="dark"]) .page-content, html.elaw-on:not([data-theme="dark"]) .content, html.elaw-on:not([data-theme="dark"]) .tab-content, html.elaw-on:not([data-theme="dark"]) .tab-content-space, html.elaw-on:not([data-theme="dark"]) .tab-pane, html.elaw-on:not([data-theme="dark"]) .tabs-left, html.elaw-on:not([data-theme="dark"]) .tabbable, html.elaw-on:not([data-theme="dark"]) .space-top-container, html.elaw-on:not([data-theme="dark"]) .wrap-menu, html.elaw-on:not([data-theme="dark"]) .footer { background: #ffffff !important; background-image: none !important; } html.elaw-on:not([data-theme="dark"]) .main-navigation, html.elaw-on:not([data-theme="dark"]) .navbar-content, html.elaw-on:not([data-theme="dark"]) .navbar-content.col-md-12, html.elaw-on:not([data-theme="dark"]) .main-navigation.seven-menu-shell.tab-menu { background: #ffffff !important; background-image: none !important; } /* Homologacao treinamento: ajustes visuais exclusivos do modo escuro. */ html[data-theme="dark"] { --elaw-dark-surface: #151a21; --elaw-dark-surface-2: #1b222b; --elaw-dark-surface-3: #222b36; --elaw-dark-border: rgba(226, 232, 240, .14); --elaw-dark-border-strong: rgba(226, 232, 240, .22); --elaw-dark-text: #ffffff; --elaw-dark-text-soft: #ffffff; --elaw-dark-text-muted: #ffffff; } /* Labels: preserve contrast in dark mode even on legacy forms with inline styles. */ html.elaw-on[data-theme="dark"] form label, html.elaw-on[data-theme="dark"] form .control-label, html.elaw-on[data-theme="dark"] form .form-label, html.elaw-on[data-theme="dark"] .panel-body .form-group > label, html.elaw-on[data-theme="dark"] .panel-body .form-group > .control-label, html.elaw-on[data-theme="dark"] .modal-body .form-group > label, html.elaw-on[data-theme="dark"] .modal-body .form-group > .control-label, html.elaw-on[data-theme="dark"] .form-group.elaw-field > label.control-label, html.elaw-on[data-theme="dark"] .form-group.elaw-field > .control-label, html[data-theme="dark"] body.elaw-night-mode form label, html[data-theme="dark"] body.elaw-night-mode form .control-label, html[data-theme="dark"] body.elaw-night-mode form .form-label, html[data-theme="dark"] body.elaw-night-mode .panel-body .form-group > label, html[data-theme="dark"] body.elaw-night-mode .panel-body .form-group > .control-label, html[data-theme="dark"] body.elaw-night-mode .modal-body .form-group > label, html[data-theme="dark"] body.elaw-night-mode .modal-body .form-group > .control-label { color: var(--elaw-dark-text-soft, #c6d0dc) !important; -webkit-text-fill-color: var(--elaw-dark-text-soft, #c6d0dc) !important; } html.elaw-on[data-theme="dark"] form label > strong, html.elaw-on[data-theme="dark"] form .control-label > strong, html.elaw-on[data-theme="dark"] .form-group.elaw-field > label.control-label > strong, html.elaw-on[data-theme="dark"] .form-group.elaw-field > .control-label > strong, html[data-theme="dark"] body.elaw-night-mode form label > strong, html[data-theme="dark"] body.elaw-night-mode form .control-label > strong { color: inherit !important; -webkit-text-fill-color: inherit !important; } html.elaw-on[data-theme="dark"] .page-header, html[data-theme="dark"] body.elaw-night-mode .page-header { background: transparent !important; border-color: var(--elaw-dark-border, rgba(226, 232, 240, .14)) !important; } html.elaw-on[data-theme="dark"] .styleH1, html.elaw-on[data-theme="dark"] .page-header .styleH1, html.elaw-on[data-theme="dark"] .page-header h1, html[data-theme="dark"] body.elaw-night-mode .styleH1, html[data-theme="dark"] body.elaw-night-mode .page-header .styleH1, html[data-theme="dark"] body.elaw-night-mode .page-header h1 { background: var(--elaw-dark-surface-2, #1b222b) !important; border-color: var(--elaw-dark-border-strong, rgba(226, 232, 240, .22)) !important; color: var(--elaw-dark-text, #eef4fb) !important; -webkit-text-fill-color: var(--elaw-dark-text, #eef4fb) !important; } html[data-theme="dark"] body, html[data-theme="dark"] .main-container, html[data-theme="dark"] .main-content, html[data-theme="dark"] .main-content.elaw-view, html[data-theme="dark"] .main-content > .container, html[data-theme="dark"] .main-content .container, html[data-theme="dark"] .page-content, html[data-theme="dark"] .content, html[data-theme="dark"] .tab-content, html[data-theme="dark"] .tab-content-space, html[data-theme="dark"] .tab-pane, html[data-theme="dark"] .tabs-left, html[data-theme="dark"] .tabbable, html[data-theme="dark"] .space-top-container, html[data-theme="dark"] .wrap-menu, html[data-theme="dark"] .footer { /* background: #101419 !important;*/ background-image: none !important; color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .navbar.navbar-inverse.navbar-fixed-top, html[data-theme="dark"] .navbar.navbar-inverse.navbar-fixed-top > .container.elawMenu { background: #151a21 !important; border-color: var(--elaw-dark-border) !important; } html[data-theme="dark"] .navbar .sidebar-search, html[data-theme="dark"] .navbar.navbar-inverse.navbar-fixed-top .search-box.col-md-3 .sidebar-search { background: #111821 !important; border: 1px solid var(--elaw-dark-border-strong) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03) !important; } html[data-theme="dark"] .navbar .sidebar-search .form-group, html[data-theme="dark"] .navbar .sidebar-search .form-group input, html[data-theme="dark"] .navbar .sidebar-search input#textFinder, html[data-theme="dark"] .navbar input[type="search"], html[data-theme="dark"] .navbar input[type="text"] { background: transparent !important; border: 0 !important; color: var(--elaw-dark-text) !important; -webkit-text-fill-color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .navbar .sidebar-search input::placeholder, html[data-theme="dark"] .search-box input::placeholder { color: var(--elaw-dark-text-muted) !important; opacity: 1 !important; } html[data-theme="dark"] .navbar .sidebar-search .form-group button.submit, html[data-theme="dark"] .navbar .sidebar-search .form-group button.submit i { background: transparent !important; color: var(--elaw-nav-item-icon, var(--elaw-dark-text)) !important; } html[data-theme="dark"] textarea, html[data-theme="dark"] input[type="text"], html[data-theme="dark"] input[type="password"], html[data-theme="dark"] input[type="datetime"], html[data-theme="dark"] input[type="datetime-local"], html[data-theme="dark"] input[type="date"], html[data-theme="dark"] input[type="month"], html[data-theme="dark"] input[type="time"], html[data-theme="dark"] input[type="week"], html[data-theme="dark"] input[type="number"], html[data-theme="dark"] input[type="email"], html[data-theme="dark"] input[type="url"], html[data-theme="dark"] input[type="search"], html[data-theme="dark"] input[type="tel"], html[data-theme="dark"] .form-control, html[data-theme="dark"] select, html[data-theme="dark"] select.form-control, html[data-theme="dark"] .input-group-addon, html[data-theme="dark"] .bootstrap-select > .dropdown-toggle, html[data-theme="dark"] select.multiselect + div.btn-group button.multiselect, html[data-theme="dark"] .select2-container:not(.select2-container-multi) .select2-choice, html[data-theme="dark"] .select2-container--default .select2-selection--single, html[data-theme="dark"] .select2-container--default .select2-selection--multiple, html[data-theme="dark"] .ui-selectmenu, html[data-theme="dark"] .ui-multiselect, html[data-theme="dark"] .ui-state-default { background: var(--elaw-dark-surface-2) !important; border-color: var(--elaw-dark-border-strong) !important; color: var(--elaw-dark-text) !important; -webkit-text-fill-color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .bootstrap-select > .dropdown-toggle .filter-option, html[data-theme="dark"] .bootstrap-select > .dropdown-toggle .filter-option-inner, html[data-theme="dark"] .bootstrap-select > .dropdown-toggle .filter-option-inner-inner, html[data-theme="dark"] select.multiselect + div.btn-group button.multiselect .multiselect-selected-text, html[data-theme="dark"] .select2-container:not(.select2-container-multi) .select2-choice .select2-chosen, html[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered, html[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__rendered, html[data-theme="dark"] .ui-selectmenu-status { color: var(--elaw-dark-text) !important; } html[data-theme="dark"] input[readonly], html[data-theme="dark"] textarea[readonly], html[data-theme="dark"] .form-control[readonly], html[data-theme="dark"] input[disabled], html[data-theme="dark"] textarea[disabled], html[data-theme="dark"] select[disabled], html[data-theme="dark"] .form-control[disabled], html[data-theme="dark"] .bootstrap-select.disabled > .dropdown-toggle, html[data-theme="dark"] fieldset[disabled] .form-control { background: #202833 !important; border-color: rgba(226, 232, 240, .1) !important; color: #9daaba !important; -webkit-text-fill-color: #9daaba !important; opacity: 1 !important; } html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: var(--elaw-dark-text-muted) !important; opacity: 1 !important; } html[data-theme="dark"] .dropdown-menu, html[data-theme="dark"] .bootstrap-select .dropdown-menu, html[data-theme="dark"] .multiselect-container, html[data-theme="dark"] .select2-drop, html[data-theme="dark"] .select2-dropdown, html[data-theme="dark"] .ui-selectmenu-menu, html[data-theme="dark"] .ui-selectmenu-open, html[data-theme="dark"] .ui-multiselect-menu, html[data-theme="dark"] .ui-autocomplete { background: #161c24 !important; border-color: var(--elaw-dark-border-strong) !important; color: var(--elaw-dark-text) !important; box-shadow: 0 18px 46px rgba(0, 0, 0, .48) !important; } html[data-theme="dark"] .dropdown-menu > li > a, html[data-theme="dark"] .bootstrap-select .dropdown-menu li a, html[data-theme="dark"] .multiselect-container > li > a, html[data-theme="dark"] .select2-results .select2-result-label, html[data-theme="dark"] .ui-selectmenu-menu li a, html[data-theme="dark"] .ui-menu .ui-menu-item a { background: transparent !important; color: var(--elaw-dark-text-soft) !important; } html[data-theme="dark"] .dropdown-menu > li > a:hover, html[data-theme="dark"] .dropdown-menu > li > a:focus, html[data-theme="dark"] .bootstrap-select .dropdown-menu li a:hover, html[data-theme="dark"] .bootstrap-select .dropdown-menu li.selected a, html[data-theme="dark"] .multiselect-container > li > a:hover, html[data-theme="dark"] .multiselect-container > li.active > a, html[data-theme="dark"] .select2-results .select2-highlighted, html[data-theme="dark"] .ui-selectmenu-open li.ui-selectmenu-item-focus, html[data-theme="dark"] .ui-selectmenu-open li.ui-selectmenu-item-selected, html[data-theme="dark"] .ui-menu .ui-menu-item a.ui-state-focus { background: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } html[data-theme="dark"] .dropdown-menu > li > a:hover *, html[data-theme="dark"] .dropdown-menu > li > a:focus *, html[data-theme="dark"] .bootstrap-select .dropdown-menu li.selected a *, html[data-theme="dark"] .multiselect-container > li.active > a *, html[data-theme="dark"] .select2-results .select2-highlighted *, html[data-theme="dark"] .ui-selectmenu-open li.ui-selectmenu-item-focus a, html[data-theme="dark"] .ui-selectmenu-open li.ui-selectmenu-item-selected a { color: #ffffff !important; } html[data-theme="dark"] .panel, html[data-theme="dark"] .panel-default, html[data-theme="dark"] .well, html[data-theme="dark"] .widget, html[data-theme="dark"] .box, html[data-theme="dark"] .card, html[data-theme="dark"] .elaw-widget-card, html[data-theme="dark"] .grid-stack > .grid-stack-item, html[data-theme="dark"] .grid-stack > .grid-stack-item > .grid-stack-item-content, html[data-theme="dark"] .grid-stack .core-box, html[data-theme="dark"] .grid-stack .widget-table-card, html[data-theme="dark"] .grid-stack .subsidio-resumo-widget, html[data-theme="dark"] .grid-stack .widget-card-table, html[data-theme="dark"] .grid-stack .table-responsive, html[data-theme="dark"] .grid-stack .subsidio-resumo-table-wrap { background: var(--elaw-dark-surface) !important; border-color: var(--elaw-dark-border) !important; color: var(--elaw-dark-text) !important; } html[data-theme="dark"].elaw-on .panel.panel-default.panel-group:has(#filtro), html[data-theme="dark"].elaw-on .panel.panel-default.panel-group:has(.panel-heading-20) { background: var(--elaw-dark-surface, #171d25) !important; border-color: var(--elaw-dark-border, rgba(226, 232, 240, .14)) !important; box-shadow: none !important; } html[data-theme="dark"].elaw-on .panel.panel-default.panel-group:has(#filtro) > .panel-body, html[data-theme="dark"].elaw-on .panel.panel-default.panel-group:has(.panel-heading-20) > .panel-body { background: var(--elaw-dark-surface, #171d25) !important; border-color: var(--elaw-dark-border, rgba(226, 232, 240, .14)) !important; } html[data-theme="dark"] .panel-heading, html[data-theme="dark"] .panel-default > .panel-heading, html[data-theme="dark"] .panel-heading-20, html[data-theme="dark"] .widget-title, html[data-theme="dark"] .widget-titulo, html[data-theme="dark"] .grid-stack .widget-table-card .heading { /* background: #1e2630 !important;*/ border-color: var(--elaw-dark-border) !important; color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .page-title, html[data-theme="dark"] .panel-title, html[data-theme="dark"] .widget-title, html[data-theme="dark"] .widget-titulo h1, html[data-theme="dark"] .widget-titulo h2, html[data-theme="dark"] .widget-titulo h3, html[data-theme="dark"] .grid-stack h1, html[data-theme="dark"] .grid-stack h2, html[data-theme="dark"] .grid-stack h3, html[data-theme="dark"] .grid-stack h4, html[data-theme="dark"] .grid-stack h5, html[data-theme="dark"] .grid-stack .heading, html[data-theme="dark"] .grid-stack .heading *, html[data-theme="dark"] .subsidio-resumo-widget h5 { color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .grid-stack .widget-table-card .content, html[data-theme="dark"] .grid-stack .subsidio-resumo-widget .content, html[data-theme="dark"] .grid-stack .subsidio-resumo-widget { color: var(--elaw-dark-text-soft) !important; } /* Dark mode: garantir contraste máximo no texto das widgets da Home. */ html[data-theme="dark"] .grid-stack .core-box .heading h2, html[data-theme="dark"] .grid-stack .core-box .content, html[data-theme="dark"] .grid-stack .core-box .content *, html[data-theme="dark"] .grid-stack .core-box .view-more, html[data-theme="dark"] .grid-stack .core-box .view-more *, html[data-theme="dark"] .grid-stack .core-box div.numero-destaque, html[data-theme="dark"] .grid-stack .widget-titulo h1, html[data-theme="dark"] .grid-stack .widget-titulo h2, html[data-theme="dark"] .grid-stack .widget-titulo h3, html[data-theme="dark"] .grid-stack .table > tbody > tr > td, html[data-theme="dark"] .grid-stack .table > thead > tr > th, html[data-theme="dark"] .grid-stack .table a { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Dark mode: tabs da Home/Databoard sempre com texto branco para contraste. */ html[data-theme="dark"] .databoard-home-tabs > li > a, html[data-theme="dark"] .databoard-home-tabs > li > a:hover, html[data-theme="dark"] .databoard-home-tabs > li > a:focus, html[data-theme="dark"] .databoard-home-tabs > li.active > a, html[data-theme="dark"] .databoard-home-tabs > li.active > a:hover, html[data-theme="dark"] .databoard-home-tabs > li.active > a:focus, html[data-theme="dark"] .ui-tabs .ui-tabs-nav > li > a, html[data-theme="dark"] .ui-tabs .ui-tabs-nav > li > a:hover, html[data-theme="dark"] .ui-tabs .ui-tabs-nav > li > a:focus, html[data-theme="dark"] .ui-tabs .ui-tabs-nav > li.ui-tabs-selected > a, html[data-theme="dark"] .ui-tabs .ui-tabs-nav > li.ui-state-active > a, html[data-theme="dark"] .nav-tabs > li > a, html[data-theme="dark"] .nav-tabs > li > a:hover, html[data-theme="dark"] .nav-tabs > li > a:focus, html[data-theme="dark"] .nav-tabs > li.active > a, html[data-theme="dark"] .nav-tabs > li.active > a:hover, html[data-theme="dark"] .nav-tabs > li.active > a:focus { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: none !important; } /* Dark mode: cabecalhos de filtros/painel precisam vencer regras claras do elaw-on. */ html[data-theme="dark"].elaw-on .panel.panel-default:not(.panel-danger):not(.panel-primary) > .panel-heading, html[data-theme="dark"].elaw-on .panel.panel-default:not(.panel-danger):not(.panel-primary) > .panel-heading-20, html[data-theme="dark"].elaw-on .panel.panel-group:not(.panel-danger):not(.panel-primary) > .panel-heading, html[data-theme="dark"].elaw-on .panel.panel-group:not(.panel-danger):not(.panel-primary) > .panel-heading-20, html[data-theme="dark"] body .panel.panel-default:not(.panel-danger):not(.panel-primary) > .panel-heading, html[data-theme="dark"] body .panel.panel-default:not(.panel-danger):not(.panel-primary) > .panel-heading-20 { background: var(--elaw-dark-surface-2, #1b222b) !important; background-image: none !important; border-color: var(--elaw-dark-border-strong, rgba(226, 232, 240, .22)) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; box-shadow: inset 4px 0 0 var(--elaw-nav-item-active-bg, #ce0000) !important; text-shadow: none !important; } html[data-theme="dark"].elaw-on .panel.panel-default:not(.panel-danger):not(.panel-primary) > .panel-heading *, html[data-theme="dark"].elaw-on .panel.panel-default:not(.panel-danger):not(.panel-primary) > .panel-heading-20 *, html[data-theme="dark"].elaw-on .panel.panel-group:not(.panel-danger):not(.panel-primary) > .panel-heading *, html[data-theme="dark"].elaw-on .panel.panel-group:not(.panel-danger):not(.panel-primary) > .panel-heading-20 *, html[data-theme="dark"] body .panel.panel-default:not(.panel-danger):not(.panel-primary) > .panel-heading *, html[data-theme="dark"] body .panel.panel-default:not(.panel-danger):not(.panel-primary) > .panel-heading-20 * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: none !important; } html[data-theme="dark"] table, html[data-theme="dark"] .table, html[data-theme="dark"] .dataTable, html[data-theme="dark"] .backGroudTable, html[data-theme="dark"] .body-table { background: transparent !important; color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .table > thead > tr > th, html[data-theme="dark"] table.dataTable thead th, html[data-theme="dark"] .dataTables_wrapper .dataTables_scrollHead, html[data-theme="dark"] .grid-header, html[data-theme="dark"] .backGroudTable > thead > tr > th { background: #242d38 !important; border-color: var(--elaw-dark-border) !important; color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .table > thead > tr, html[data-theme="dark"] .table > thead > tr > th, html[data-theme="dark"] .table > thead > tr > td, html[data-theme="dark"] table.table.table-hover > thead > tr, html[data-theme="dark"] table.table.table-hover > thead > tr > th, html[data-theme="dark"] table.table.table-hover > thead > tr > td, html[data-theme="dark"] table.dataTable thead tr, html[data-theme="dark"] table.dataTable thead th, html[data-theme="dark"] table.dataTable thead td, html[data-theme="dark"] .grid-header, html[data-theme="dark"] .grid-header > th, html[data-theme="dark"] .grid-header > td, html[data-theme="dark"] .backGroudTable > thead > tr, html[data-theme="dark"] .backGroudTable > thead > tr > th, html[data-theme="dark"] .backGroudTable > thead > tr > td { background: #242d38 !important; background-image: none !important; border-color: var(--elaw-dark-border-strong, rgba(226, 232, 240, .22)) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: none !important; } html[data-theme="dark"] .table > thead > tr > th *, html[data-theme="dark"] .table > thead > tr > td *, html[data-theme="dark"] table.table.table-hover > thead > tr > th *, html[data-theme="dark"] table.table.table-hover > thead > tr > td *, html[data-theme="dark"] table.table.table-hover > thead > tr a, html[data-theme="dark"] table.dataTable thead th *, html[data-theme="dark"] table.dataTable thead td *, html[data-theme="dark"] .grid-header *, html[data-theme="dark"] .grid-header a, html[data-theme="dark"] .backGroudTable > thead > tr > th *, html[data-theme="dark"] .backGroudTable > thead > tr > td * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: none !important; } html[data-theme="dark"] .table > tbody > tr, html[data-theme="dark"] table.dataTable tbody tr, html[data-theme="dark"] .backGroudTable > tbody > tr { background: #171d25 !important; } html[data-theme="dark"] .table-striped > tbody > tr:nth-child(odd), html[data-theme="dark"] .table > tbody > tr:nth-child(odd), html[data-theme="dark"] table.dataTable.stripe tbody tr.odd, html[data-theme="dark"] table.dataTable.display tbody tr.odd, html[data-theme="dark"] .backGroudTable > tbody > tr:nth-child(odd) { background: #1d2530 !important; } html[data-theme="dark"] .table-striped > tbody > tr:nth-child(even), html[data-theme="dark"] .table > tbody > tr:nth-child(even), html[data-theme="dark"] table.dataTable.stripe tbody tr.even, html[data-theme="dark"] table.dataTable.display tbody tr.even, html[data-theme="dark"] .backGroudTable > tbody > tr:nth-child(even) { background: #151b23 !important; } html[data-theme="dark"] .table-hover > tbody > tr:hover, html[data-theme="dark"] table.dataTable.hover tbody tr:hover, html[data-theme="dark"] table.dataTable.display tbody tr:hover, html[data-theme="dark"] .backGroudTable > tbody > tr:hover { background: var(--elaw-table-row-hover-bg, rgba(255, 255, 255, .10)) !important; } html[data-theme="dark"] .table > tbody > tr > td, html[data-theme="dark"] .table > tfoot > tr > td, html[data-theme="dark"] table.dataTable tbody td, html[data-theme="dark"] .backGroudTable > tbody > tr > td { border-color: rgba(226, 232, 240, .08) !important; color: var(--elaw-dark-text-soft) !important; } html[data-theme="dark"] table.table a, html[data-theme="dark"] .table a, html[data-theme="dark"] .dataTable a, html[data-theme="dark"] .backGroudTable a, html[data-theme="dark"] .gridrow a, html[data-theme="dark"] .gridrow_alternate a, html[data-theme="dark"] td .link-proc, html[data-theme="dark"] .linkProcesso { color: #93c5fd !important; -webkit-text-fill-color: #93c5fd !important; text-decoration-color: rgba(147, 197, 253, .75) !important; } html[data-theme="dark"] table.table a:hover, html[data-theme="dark"] table.table a:focus, html[data-theme="dark"] .table a:hover, html[data-theme="dark"] .table a:focus, html[data-theme="dark"] .dataTable a:hover, html[data-theme="dark"] .dataTable a:focus, html[data-theme="dark"] .backGroudTable a:hover, html[data-theme="dark"] .backGroudTable a:focus, html[data-theme="dark"] .gridrow a:hover, html[data-theme="dark"] .gridrow a:focus, html[data-theme="dark"] .gridrow_alternate a:hover, html[data-theme="dark"] .gridrow_alternate a:focus, html[data-theme="dark"] td .link-proc:hover, html[data-theme="dark"] td .link-proc:focus, html[data-theme="dark"] .linkProcesso:hover, html[data-theme="dark"] .linkProcesso:focus { color: #bfdbfe !important; -webkit-text-fill-color: #bfdbfe !important; text-decoration: underline !important; text-decoration-thickness: 2px; } html[data-theme="dark"] .pagination > li > a, html[data-theme="dark"] .pagination > li > span, html[data-theme="dark"].elaw-on .pagination > li > a, html[data-theme="dark"].elaw-on .pagination > li > span { background: #1b222b !important; border: 1px solid var(--elaw-dark-border-strong, rgba(226, 232, 240, .22)) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03); } html[data-theme="dark"] .pagination > li > a:hover, html[data-theme="dark"] .pagination > li > a:focus, html[data-theme="dark"] .pagination > li > span:hover, html[data-theme="dark"] .pagination > li > span:focus, html[data-theme="dark"].elaw-on .pagination > li > a:hover, html[data-theme="dark"].elaw-on .pagination > li > a:focus, html[data-theme="dark"].elaw-on .pagination > li > span:hover, html[data-theme="dark"].elaw-on .pagination > li > span:focus { background: #253142 !important; border-color: #93c5fd !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html[data-theme="dark"] .pagination > .active > a, html[data-theme="dark"] .pagination > .active > span, html[data-theme="dark"] .pagination > .active > a:hover, html[data-theme="dark"] .pagination > .active > span:hover, html[data-theme="dark"] .pagination > .active > a:focus, html[data-theme="dark"] .pagination > .active > span:focus, html[data-theme="dark"] .pagination > li.is-current-page > a, html[data-theme="dark"] .pagination > li.is-current-page > span, html[data-theme="dark"] .pagination > li.is-current-page > a:hover, html[data-theme="dark"] .pagination > li.is-current-page > span:hover, html[data-theme="dark"] .pagination > li.is-current-page > a:focus, html[data-theme="dark"] .pagination > li.is-current-page > span:focus { background: var(--elaw-nav-item-active-bg, #2563eb) !important; border-color: #bfdbfe !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; box-shadow: 0 0 0 2px rgba(191, 219, 254, .38) !important; } html[data-theme="dark"] .pagination > .disabled > a, html[data-theme="dark"] .pagination > .disabled > span, html[data-theme="dark"] .pagination > .disabled > a:hover, html[data-theme="dark"] .pagination > .disabled > span:hover, html[data-theme="dark"] .pagination > .disabled > a:focus, html[data-theme="dark"] .pagination > .disabled > span:focus { background: #151b23 !important; border-color: rgba(226, 232, 240, .12) !important; color: rgba(255, 255, 255, .46) !important; -webkit-text-fill-color: rgba(255, 255, 255, .46) !important; } html[data-theme="dark"] .btn-acoes, html[data-theme="dark"] .btn-group.elaw-actions-single > .btn-acoes.elaw-action-primary, html[data-theme="dark"] .panel-heading .btn-group.btn-group-xs > .btn-acoes, html[data-theme="dark"] .panel-heading-20 .btn-group.btn-group-xs > .btn-acoes { background: #101820 !important; border-color: var(--elaw-dark-border-strong) !important; color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .btn-acoes *, html[data-theme="dark"] .panel-heading .btn-group.btn-group-xs > .btn-acoes *, html[data-theme="dark"] .panel-heading-20 .btn-group.btn-group-xs > .btn-acoes * { color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .btn-acoes:hover, html[data-theme="dark"] .btn-acoes:focus, html[data-theme="dark"] .open .dropdown-toggle.btn-acoes, html[data-theme="dark"] .btn-group.elaw-actions-single.open > .btn-acoes.elaw-action-primary, html[data-theme="dark"] .panel-heading .btn-group.btn-group-xs.open > .btn-acoes, html[data-theme="dark"] .panel-heading-20 .btn-group.btn-group-xs.open > .btn-acoes { background: var(--elaw-nav-item-active-bg) !important; border-color: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } html[data-theme="dark"] .btn-acoes:hover *, html[data-theme="dark"] .btn-acoes:focus *, html[data-theme="dark"] .open .dropdown-toggle.btn-acoes * { color: #ffffff !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu::before, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder { background: #151a21 !important; background-image: none !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.tab-option > a, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.tab-option > a .title, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.tab-option > a .clip-chevron-down { color: var(--elaw-dark-text-soft) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.tab-option.open > a, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.tab-option.active > a, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.tab-option:hover > a { background: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.tab-option.open > a *, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.tab-option.active > a *, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.tab-option:hover > a * { color: #ffffff !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.gavetario.sub-menu.tab-menu-dropdown, html[data-theme="dark"] ul.main-navigation-menu li > ul.sub-menu, html[data-theme="dark"] .tab-menu-dropdown { background: #151a21 !important; background-image: none !important; border-color: var(--elaw-dark-border) !important; color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown li, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.gavetario.sub-menu.tab-menu-dropdown li, html[data-theme="dark"] ul.main-navigation-menu li > ul.sub-menu > li { background: transparent !important; color: var(--elaw-dark-text-soft) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown li > a, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.gavetario.sub-menu.tab-menu-dropdown li > a, html[data-theme="dark"] ul.main-navigation-menu li > ul.sub-menu > li > a { background: transparent !important; color: var(--elaw-dark-text-soft) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown li > a:hover, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown li.active > a, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.gavetario.sub-menu.tab-menu-dropdown li > a:hover, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.gavetario.sub-menu.tab-menu-dropdown li.active > a, html[data-theme="dark"] ul.main-navigation-menu li > ul.sub-menu > li > a:hover, html[data-theme="dark"] ul.main-navigation-menu li > ul.sub-menu > li.active > a { background: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.chat, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.chat > li, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatForm, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatModulo, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatContent, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatHeader, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatContentButtonNovaMensagem, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatGrupoTr, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatGrupoTd, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatBottom { background: #151a21 !important; border-color: var(--elaw-dark-border) !important; color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatMsg, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatMsgFull, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatBottom textarea { background: #1c2430 !important; border-color: var(--elaw-dark-border) !important; color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatHeader h2, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatMsgText, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatMsgName, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatMsgTime, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatMsgNaoLida, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu .ChatFooter { color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet > li.panel-body.msg_container_base, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container:not(.empty), html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container.empty .well, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet > li.panel-body.msg_container_base:empty::before { background: #151a21 !important; border-color: var(--elaw-dark-border) !important; color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet > .panel-footer { background: #111821 !important; border-color: var(--elaw-dark-border) !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > li.panel-body.msg_container_base, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container.empty .well, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > li.panel-body.msg_container_base:empty::before { background: #151a21 !important; border-color: var(--elaw-dark-border) !important; color: var(--elaw-dark-text) !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > .panel-footer { background: #111821 !important; border-color: var(--elaw-dark-border) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet::before { background: #151a21 !important; border-color: var(--elaw-dark-border) !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet::before { background: #151a21 !important; border-color: var(--elaw-dark-border) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-card { background: linear-gradient(180deg, #17202b 0%, #111821 100%) !important; border-color: var(--elaw-dark-border) !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-card { background: linear-gradient(180deg, #17202b 0%, #111821 100%) !important; border-color: var(--elaw-dark-border) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-reference a, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-timer, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-observation a, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container p { color: var(--elaw-dark-text) !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-reference, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-reference a { color: var(--elaw-dark-text, #f8fafc) !important; -webkit-text-fill-color: var(--elaw-dark-text, #f8fafc) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-observation .well { background: #1c2430 !important; color: var(--elaw-dark-text) !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-observation .well { background: #1c2430 !important; color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-actions .btn { background: #111821 !important; border-color: var(--elaw-dark-border) !important; color: var(--elaw-dark-text) !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-actions .buttonPlay.btn-success, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-actions .buttonPause.btn-warning, html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-actions .buttonStop.btn-danger { color: #ffffff !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-actions .buttonPlay.btn-success { background: #5cb85c !important; border-color: #5cb85c !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-actions .buttonPause.btn-warning { background: #f0ad4e !important; border-color: #f0ad4e !important; } html[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-actions .buttonStop.btn-danger { background: #d9534f !important; border-color: #d9534f !important; } /* TimeSheet no modo escuro: reforca contraste do popover aberto pelo menu. */ html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet, html.elaw-on.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet, html.elaw-on body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet { background: #101820 !important; border-color: rgba(226, 232, 240, .22) !important; box-shadow: 0 26px 64px rgba(0, 0, 0, .46), 0 0 0 1px rgba(255, 255, 255, .04) !important; color: #f8fafc !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet::before, html.elaw-on.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet::before, html.elaw-on body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet::before { background: #101820 !important; border-color: rgba(226, 232, 240, .22) !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > li.panel-body.msg_container_base, html.elaw-on.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > li.panel-body.msg_container_base, html.elaw-on body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > li.panel-body.msg_container_base { background: #101820 !important; color: #f8fafc !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-reference, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-reference a, html.elaw-on.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-reference, html.elaw-on.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-reference a, html.elaw-on body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-reference, html.elaw-on body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-reference a { color: #f8fafc !important; -webkit-text-fill-color: #f8fafc !important; text-shadow: 0 1px 0 rgba(0, 0, 0, .32) !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container:not(.empty).timesheet-shortcut-card, html.elaw-on.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container:not(.empty).timesheet-shortcut-card, html.elaw-on body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container:not(.empty).timesheet-shortcut-card { background: linear-gradient(180deg, #17212c 0%, #111923 100%) !important; border-color: rgba(226, 232, 240, .20) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 14px 28px rgba(0, 0, 0, .32) !important; color: #f8fafc !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-timer, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-timer span, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container p.timesheet-shortcut-timer, html.elaw-on.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-timer, html.elaw-on.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-timer span, html.elaw-on.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container p.timesheet-shortcut-timer, html.elaw-on body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-timer, html.elaw-on body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-timer span, html.elaw-on body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container p.timesheet-shortcut-timer { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-observation .well, html.elaw-on.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-observation .well, html.elaw-on body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .timesheet-shortcut-observation .well { background: rgba(226, 232, 240, .08) !important; border: 1px solid rgba(226, 232, 240, .12) !important; color: #f8fafc !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-observation, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-observation a, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container p, html.elaw-on.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-observation, html.elaw-on.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-observation a, html.elaw-on.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container p, html.elaw-on body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-observation, html.elaw-on body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu .timesheet-shortcut-observation a, html.elaw-on body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet #gridTimeSheets .msg_container p { color: #f8fafc !important; -webkit-text-fill-color: #f8fafc !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > .panel-footer, html.elaw-on.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > .panel-footer, html.elaw-on body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li.elaw-timesheet-menu > ul.sub-menu.tab-menu-dropdown.timesheet > .panel-footer { background: #0f1720 !important; border-color: rgba(226, 232, 240, .16) !important; } /* Dark mode: keep mega submenus legible over the legacy high-specificity light menu rules. */ html.elaw-on[data-theme="dark"] .navbar-content, html[data-theme="dark"].elaw-on .navbar-content, html[data-theme="dark"] body.dark .navbar-content { z-index: 20005000 !important; overflow: visible !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu, html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu, html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder, html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder, html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder { position: relative !important; z-index: 20005010 !important; overflow: visible !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario), html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario), html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) { position: absolute !important; z-index: 20006000 !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario), html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario), html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) { background: #121a24 !important; background-image: linear-gradient(180deg, #18212b 0%, #111821 100%) !important; border-color: rgba(226, 232, 240, .14) !important; box-shadow: 0 18px 38px rgba(0, 0, 0, .55) !important; color: #edf4fb !important; opacity: 1 !important; isolation: isolate !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) > li, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) > li > ul, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) ul.sub-menu, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li.categoria, html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) > li, html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) > li > ul, html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) ul.sub-menu, html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li.categoria, html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) > li, html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) > li > ul, html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) ul.sub-menu, html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li.categoria { background: transparent !important; color: #edf4fb !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li.categoria > span.title, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > span, html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li.categoria > span.title, html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > span, html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li.categoria > span.title, html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > span { color: #f8fbff !important; text-shadow: none !important; -webkit-text-fill-color: #f8fbff !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a .title, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a span, html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a, html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a .title, html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a span, html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a, html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a .title, html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a span { color: #dbe7f3 !important; -webkit-text-fill-color: #dbe7f3 !important; } html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a:hover, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a:focus, html.elaw-on[data-theme="dark"] .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li.active > a, html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a:hover, html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a:focus, html[data-theme="dark"].elaw-on .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li.active > a, html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a:hover, html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li > a:focus, html[data-theme="dark"] body.dark .main-navigation.seven-menu-shell.tab-menu ul.main-navigation-menu.tab-option-holder > li > ul.sub-menu.tab-menu-dropdown:not(.chat):not(.timesheet):not(.gavetario) li.active > a { background: rgba(206, 0, 0, .24) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Dark mode: final contrast guard for legacy form widgets. */ html[data-theme="dark"] body input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="file"]):not([type="image"]):not([type="color"]), html[data-theme="dark"] body textarea, html[data-theme="dark"] body select, html[data-theme="dark"] body .form-control, html[data-theme="dark"] body .bootstrap-select > .dropdown-toggle, html[data-theme="dark"] body select.multiselect + div.btn-group button.multiselect, html[data-theme="dark"] body .select2-container:not(.select2-container-multi) .select2-choice, html[data-theme="dark"] body .select2-container--default .select2-selection--single, html[data-theme="dark"] body .select2-container--default .select2-selection--multiple, html[data-theme="dark"] body .ui-selectmenu, html[data-theme="dark"] body .ui-multiselect { background: #141b24 !important; border-color: rgba(226, 232, 240, .22) !important; color: #eef5fc !important; -webkit-text-fill-color: #eef5fc !important; caret-color: #ffffff !important; } html[data-theme="dark"] body input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="file"]):not([type="image"]):not([type="color"])::placeholder, html[data-theme="dark"] body textarea::placeholder, html[data-theme="dark"] body .form-control::placeholder { color: #9aa8b8 !important; -webkit-text-fill-color: #9aa8b8 !important; opacity: 1 !important; } html[data-theme="dark"] body input[readonly], html[data-theme="dark"] body textarea[readonly], html[data-theme="dark"] body .form-control[readonly], html[data-theme="dark"] body input[disabled], html[data-theme="dark"] body textarea[disabled], html[data-theme="dark"] body select[disabled], html[data-theme="dark"] body .form-control[disabled], html[data-theme="dark"] body .bootstrap-select.disabled > .dropdown-toggle, html[data-theme="dark"] body fieldset[disabled] .form-control { background: #202833 !important; border-color: rgba(226, 232, 240, .14) !important; color: #aebccc !important; -webkit-text-fill-color: #aebccc !important; opacity: 1 !important; } html[data-theme="dark"] body .btn-default:not(.multiselect-clear-filter), html[data-theme="dark"] body .btn-secondary, html[data-theme="dark"] body input.btn-default[type="button"], html[data-theme="dark"] body button.btn-default { background: #17212c !important; border-color: rgba(226, 232, 240, .24) !important; color: #f8fbff !important; -webkit-text-fill-color: #f8fbff !important; box-shadow: 0 8px 18px rgba(0, 0, 0, .24) !important; } html[data-theme="dark"] body .btn-default:not(.multiselect-clear-filter):hover, html[data-theme="dark"] body .btn-default:not(.multiselect-clear-filter):focus, html[data-theme="dark"] body .btn-secondary:hover, html[data-theme="dark"] body .btn-secondary:focus { background: var(--elaw-nav-item-active-bg) !important; border-color: var(--elaw-nav-item-active-bg) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Dark mode: normalize select plugin wrappers that still inherit light Bootstrap backgrounds. */ html[data-theme="dark"] body .btn-group.bootstrap-select, html[data-theme="dark"] body .btn-group.bootstrap-select.form-control, html[data-theme="dark"] body .bootstrap-select.btn-group, html[data-theme="dark"] body .bootstrap-select.form-control, html[data-theme="dark"] body .form-group .bootstrap-select, html[data-theme="dark"] body .input-group .bootstrap-select, html[data-theme="dark"] body .select2-container, html[data-theme="dark"] body .select2-container .select2-choice, html[data-theme="dark"] body .select2-container .select2-choices, html[data-theme="dark"] body .select2-container--default .select2-selection, html[data-theme="dark"] body .select2-container--default .select2-selection--single, html[data-theme="dark"] body .select2-container--default .select2-selection--multiple, html[data-theme="dark"] body select.multiselect + div.btn-group, html[data-theme="dark"] body select.multiselect + div.btn-group > .btn, html[data-theme="dark"] body select.multiselect + div.btn-group button.multiselect, html[data-theme="dark"] body .ui-selectmenu, html[data-theme="dark"] body .ui-multiselect, html[data-theme="dark"] body .input-group .input-group-addon { background: #141b24 !important; background-color: #141b24 !important; border-color: rgba(226, 232, 240, .22) !important; color: #eef5fc !important; -webkit-text-fill-color: #eef5fc !important; } html[data-theme="dark"] body .bootstrap-select.btn-group > .btn, html[data-theme="dark"] body .bootstrap-select.btn-group > button.btn, html[data-theme="dark"] body .bootstrap-select.btn-group > .dropdown-toggle, html[data-theme="dark"] body .bootstrap-select.form-control > .btn, html[data-theme="dark"] body .bootstrap-select.form-control > button.btn, html[data-theme="dark"] body .bootstrap-select.form-control > .dropdown-toggle, html[data-theme="dark"] body .form-group .bootstrap-select > .btn, html[data-theme="dark"] body .form-group .bootstrap-select > button.btn, html[data-theme="dark"] body .form-group .bootstrap-select > .dropdown-toggle, html[data-theme="dark"] body .input-group .bootstrap-select > .btn, html[data-theme="dark"] body .input-group .bootstrap-select > button.btn, html[data-theme="dark"] body .input-group .bootstrap-select > .dropdown-toggle { background: #141b24 !important; background-color: #141b24 !important; border-color: rgba(226, 232, 240, .22) !important; color: #eef5fc !important; -webkit-text-fill-color: #eef5fc !important; box-shadow: none !important; } html[data-theme="dark"] body .bootstrap-select .filter-option, html[data-theme="dark"] body .bootstrap-select .filter-option-inner, html[data-theme="dark"] body .bootstrap-select .filter-option-inner-inner, html[data-theme="dark"] body .bootstrap-select .dropdown-toggle .filter-option, html[data-theme="dark"] body .bootstrap-select .dropdown-toggle .filter-option-inner, html[data-theme="dark"] body .bootstrap-select .dropdown-toggle .filter-option-inner-inner, html[data-theme="dark"] body select.multiselect + div.btn-group button.multiselect .multiselect-selected-text, html[data-theme="dark"] body .select2-container .select2-choice .select2-chosen, html[data-theme="dark"] body .select2-container--default .select2-selection__rendered, html[data-theme="dark"] body .ui-selectmenu-status { color: #eef5fc !important; -webkit-text-fill-color: #eef5fc !important; } html[data-theme="dark"] body .bootstrap-select .dropdown-toggle .caret, html[data-theme="dark"] body .bootstrap-select.btn-group .dropdown-toggle .caret, html[data-theme="dark"] body .select2-container .select2-arrow, html[data-theme="dark"] body .select2-container .select2-arrow b { color: #c8d4e1 !important; border-top-color: #c8d4e1 !important; } /* Dark mode: hard override for native selects and Bootstrap Select controls. */ html[data-theme="dark"] body.dark select, html[data-theme="dark"] body.dark select.form-control, html[data-theme="dark"] body.dark select.form-control[readonly], html[data-theme="dark"] body.dark select.form-control[disabled], html[data-theme="dark"] body.dark .form-group select.form-control, html[data-theme="dark"] body.dark .input-group select.form-control { background: #141b24 !important; background-color: #141b24 !important; border-color: rgba(226, 232, 240, .22) !important; color: #eef5fc !important; -webkit-text-fill-color: #eef5fc !important; caret-color: #ffffff !important; color-scheme: dark; } html[data-theme="dark"] body.dark select.form-control:not([multiple]) { -webkit-appearance: none; appearance: none; background-image: linear-gradient(45deg, transparent 50%, #c8d4e1 50%), linear-gradient(135deg, #c8d4e1 50%, transparent 50%) !important; background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50% !important; background-repeat: no-repeat !important; background-size: 6px 6px, 6px 6px !important; padding-right: 42px !important; } html[data-theme="dark"] body.dark select option, html[data-theme="dark"] body.dark select optgroup { background: #141b24 !important; background-color: #141b24 !important; color: #eef5fc !important; -webkit-text-fill-color: #eef5fc !important; } html[data-theme="dark"] body.dark .bootstrap-select, html[data-theme="dark"] body.dark .dropdown.bootstrap-select, html[data-theme="dark"] body.dark .bootstrap-select.form-control, html[data-theme="dark"] body.dark .btn-group.bootstrap-select, html[data-theme="dark"] body.dark .btn-group.bootstrap-select.form-control, html[data-theme="dark"] body.dark .bootstrap-select > .dropdown-toggle, html[data-theme="dark"] body.dark .bootstrap-select > .dropdown-toggle.btn, html[data-theme="dark"] body.dark .bootstrap-select > .dropdown-toggle.btn-default, html[data-theme="dark"] body.dark .bootstrap-select > .dropdown-toggle.btn-light, html[data-theme="dark"] body.dark .bootstrap-select > button.dropdown-toggle, html[data-theme="dark"] body.dark .bootstrap-select > button.dropdown-toggle.btn, html[data-theme="dark"] body.dark .bootstrap-select > button.dropdown-toggle.btn-default, html[data-theme="dark"] body.dark .bootstrap-select > button.dropdown-toggle.btn-light, html[data-theme="dark"] body.dark .bootstrap-select > .dropdown-toggle.bs-placeholder, html[data-theme="dark"] body.dark .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, html[data-theme="dark"] body.dark .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, html[data-theme="dark"] body.dark .bootstrap-select > .dropdown-toggle.bs-placeholder:active, html[data-theme="dark"] body.dark .bootstrap-select.open > .dropdown-toggle, html[data-theme="dark"] body.dark .bootstrap-select.open > .dropdown-toggle:hover, html[data-theme="dark"] body.dark .bootstrap-select.open > .dropdown-toggle:focus { background: #141b24 !important; background-color: #141b24 !important; border-color: rgba(226, 232, 240, .22) !important; color: #eef5fc !important; -webkit-text-fill-color: #eef5fc !important; box-shadow: none !important; } html[data-theme="dark"] body.dark .bootstrap-select .filter-option, html[data-theme="dark"] body.dark .bootstrap-select .filter-option-inner, html[data-theme="dark"] body.dark .bootstrap-select .filter-option-inner-inner, html[data-theme="dark"] body.dark .bootstrap-select .dropdown-toggle .filter-option, html[data-theme="dark"] body.dark .bootstrap-select .dropdown-toggle .filter-option-inner, html[data-theme="dark"] body.dark .bootstrap-select .dropdown-toggle .filter-option-inner-inner, html[data-theme="dark"] body.dark .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option, html[data-theme="dark"] body.dark .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner, html[data-theme="dark"] body.dark .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner-inner { background: transparent !important; color: #eef5fc !important; -webkit-text-fill-color: #eef5fc !important; } html[data-theme="dark"] body.dark .bootstrap-select .dropdown-menu, html[data-theme="dark"] body.dark .bootstrap-select .dropdown-menu.inner, html[data-theme="dark"] body.dark .bootstrap-select .dropdown-menu li a, html[data-theme="dark"] body.dark .bootstrap-select .bs-searchbox input { background: #111821 !important; background-color: #111821 !important; color: #eef5fc !important; -webkit-text-fill-color: #eef5fc !important; } html[data-theme="dark"] body.dark .bootstrap-select .dropdown-menu li a:hover, html[data-theme="dark"] body.dark .bootstrap-select .dropdown-menu li a:focus, html[data-theme="dark"] body.dark .bootstrap-select .dropdown-menu li.selected a { background: rgba(206, 0, 0, .22) !important; background-color: rgba(206, 0, 0, .22) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html[data-theme="dark"] body.dark .bootstrap-select .dropdown-toggle .caret, html[data-theme="dark"] body.dark .bootstrap-select.btn-group .dropdown-toggle .caret, html[data-theme="dark"] body.dark .bootstrap-select > .dropdown-toggle:after { color: #c8d4e1 !important; border-top-color: #c8d4e1 !important; } /* Light mode: keep form objects clean, without the legacy gray fill. */ html:not([data-theme="dark"]) body input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="file"]):not([type="image"]):not([type="color"]), html:not([data-theme="dark"]) body textarea, html:not([data-theme="dark"]) body select, html:not([data-theme="dark"]) body .form-control, html:not([data-theme="dark"]) body .form-group.elaw-field > .form-control, html:not([data-theme="dark"]) body .input-group .form-control, html:not([data-theme="dark"]) body .bootstrap-select > .dropdown-toggle, html:not([data-theme="dark"]) body .bootstrap-select > .dropdown-toggle.btn, html:not([data-theme="dark"]) body .bootstrap-select > .dropdown-toggle.btn-default, html:not([data-theme="dark"]) body .bootstrap-select > button.dropdown-toggle, html:not([data-theme="dark"]) body select.multiselect + div.btn-group button.multiselect, html:not([data-theme="dark"]) body .select2-container:not(.select2-container-multi) .select2-choice, html:not([data-theme="dark"]) body .select2-container--default .select2-selection--single, html:not([data-theme="dark"]) body .select2-container--default .select2-selection--multiple, html[data-theme="light"] body input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="file"]):not([type="image"]):not([type="color"]), html[data-theme="light"] body textarea, html[data-theme="light"] body select, html[data-theme="light"] body .form-control, html[data-theme="light"] body .form-group.elaw-field > .form-control, html[data-theme="light"] body .input-group .form-control, html[data-theme="light"] body .bootstrap-select > .dropdown-toggle, html[data-theme="light"] body .bootstrap-select > .dropdown-toggle.btn, html[data-theme="light"] body .bootstrap-select > .dropdown-toggle.btn-default, html[data-theme="light"] body .bootstrap-select > button.dropdown-toggle, html[data-theme="light"] body select.multiselect + div.btn-group button.multiselect, html[data-theme="light"] body .select2-container:not(.select2-container-multi) .select2-choice, html[data-theme="light"] body .select2-container--default .select2-selection--single, html[data-theme="light"] body .select2-container--default .select2-selection--multiple { background: #ffffff !important; background-color: #ffffff !important; color: var(--elaw-text-primary, #364f6a) !important; -webkit-text-fill-color: var(--elaw-text-primary, #364f6a) !important; } html:not([data-theme="dark"]) body input[readonly], html:not([data-theme="dark"]) body textarea[readonly], html:not([data-theme="dark"]) body .form-control[readonly], html:not([data-theme="dark"]) body input[disabled], html:not([data-theme="dark"]) body select[disabled], html:not([data-theme="dark"]) body textarea[disabled], html:not([data-theme="dark"]) body .form-control[disabled], html:not([data-theme="dark"]) body .bootstrap-select.disabled > .dropdown-toggle, html:not([data-theme="dark"]) body fieldset[disabled] .form-control, html[data-theme="light"] body input[readonly], html[data-theme="light"] body textarea[readonly], html[data-theme="light"] body .form-control[readonly], html[data-theme="light"] body input[disabled], html[data-theme="light"] body select[disabled], html[data-theme="light"] body textarea[disabled], html[data-theme="light"] body .form-control[disabled], html[data-theme="light"] body .bootstrap-select.disabled > .dropdown-toggle, html[data-theme="light"] body fieldset[disabled] .form-control { background: #ffffff !important; background-color: #ffffff !important; border-color: var(--elaw-input-border, #D5D5D5) !important; color: var(--elaw-text-muted, #666666) !important; -webkit-text-fill-color: var(--elaw-text-muted, #666666) !important; } html:not([data-theme="dark"]) body .input-group-addon, html[data-theme="light"] body .input-group-addon { background: #ffffff !important; background-color: #ffffff !important; border-color: var(--elaw-input-border, #D5D5D5) !important; } /* Light mode: final clean-field guard for plugin wrappers and date/addon objects. */ html.elaw-on:not([data-theme="dark"]) body:not(.dark) input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="file"]):not([type="image"]):not([type="color"]), html.elaw-on:not([data-theme="dark"]) body:not(.dark) textarea, html.elaw-on:not([data-theme="dark"]) body:not(.dark) select, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .form-control, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .date.form-control, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .input-group .form-control, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .input-group-addon, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .input-group-btn > .btn, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .btn-group.bootstrap-select, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .bootstrap-select, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .bootstrap-select.form-control, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .bootstrap-select.btn-group, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .bootstrap-select > .dropdown-toggle, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .bootstrap-select > .dropdown-toggle.btn, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .bootstrap-select > .dropdown-toggle.btn-default, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .bootstrap-select > .dropdown-toggle.btn-light, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .bootstrap-select > button.dropdown-toggle, html.elaw-on:not([data-theme="dark"]) body:not(.dark) select.multiselect + div.btn-group, html.elaw-on:not([data-theme="dark"]) body:not(.dark) select.multiselect + div.btn-group > .btn, html.elaw-on:not([data-theme="dark"]) body:not(.dark) select.multiselect + div.btn-group button.multiselect, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .select2-container:not(.select2-container-multi), html.elaw-on:not([data-theme="dark"]) body:not(.dark) .select2-container:not(.select2-container-multi) .select2-choice, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .select2-container .select2-choice, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .select2-container .select2-choices, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .select2-container--default .select2-selection, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .select2-container--default .select2-selection--single, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .select2-container--default .select2-selection--multiple, html.elaw-on[data-theme="light"] body:not(.dark) input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="file"]):not([type="image"]):not([type="color"]), html.elaw-on[data-theme="light"] body:not(.dark) textarea, html.elaw-on[data-theme="light"] body:not(.dark) select, html.elaw-on[data-theme="light"] body:not(.dark) .form-control, html.elaw-on[data-theme="light"] body:not(.dark) .date.form-control, html.elaw-on[data-theme="light"] body:not(.dark) .input-group .form-control, html.elaw-on[data-theme="light"] body:not(.dark) .input-group-addon, html.elaw-on[data-theme="light"] body:not(.dark) .input-group-btn > .btn, html.elaw-on[data-theme="light"] body:not(.dark) .btn-group.bootstrap-select, html.elaw-on[data-theme="light"] body:not(.dark) .bootstrap-select, html.elaw-on[data-theme="light"] body:not(.dark) .bootstrap-select.form-control, html.elaw-on[data-theme="light"] body:not(.dark) .bootstrap-select.btn-group, html.elaw-on[data-theme="light"] body:not(.dark) .bootstrap-select > .dropdown-toggle, html.elaw-on[data-theme="light"] body:not(.dark) .bootstrap-select > .dropdown-toggle.btn, html.elaw-on[data-theme="light"] body:not(.dark) .bootstrap-select > .dropdown-toggle.btn-default, html.elaw-on[data-theme="light"] body:not(.dark) .bootstrap-select > .dropdown-toggle.btn-light, html.elaw-on[data-theme="light"] body:not(.dark) .bootstrap-select > button.dropdown-toggle, html.elaw-on[data-theme="light"] body:not(.dark) select.multiselect + div.btn-group, html.elaw-on[data-theme="light"] body:not(.dark) select.multiselect + div.btn-group > .btn, html.elaw-on[data-theme="light"] body:not(.dark) select.multiselect + div.btn-group button.multiselect, html.elaw-on[data-theme="light"] body:not(.dark) .select2-container:not(.select2-container-multi), html.elaw-on[data-theme="light"] body:not(.dark) .select2-container:not(.select2-container-multi) .select2-choice, html.elaw-on[data-theme="light"] body:not(.dark) .select2-container .select2-choice, html.elaw-on[data-theme="light"] body:not(.dark) .select2-container .select2-choices, html.elaw-on[data-theme="light"] body:not(.dark) .select2-container--default .select2-selection, html.elaw-on[data-theme="light"] body:not(.dark) .select2-container--default .select2-selection--single, html.elaw-on[data-theme="light"] body:not(.dark) .select2-container--default .select2-selection--multiple { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: var(--elaw-input-border, #D5D5D5) !important; color: var(--elaw-text-primary, #364f6a) !important; -webkit-text-fill-color: var(--elaw-text-primary, #364f6a) !important; } html.elaw-on:not([data-theme="dark"]) body:not(.dark) input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="file"]):not([type="image"]):not([type="color"]), html.elaw-on:not([data-theme="dark"]) body:not(.dark) textarea, html.elaw-on:not([data-theme="dark"]) body:not(.dark) select.form-control, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .form-control, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .date.form-control, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .input-group .form-control, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .input-group-addon, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .input-group-btn > .btn, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .bootstrap-select > .dropdown-toggle, html.elaw-on:not([data-theme="dark"]) body:not(.dark) select.multiselect + div.btn-group > .btn, html.elaw-on:not([data-theme="dark"]) body:not(.dark) select.multiselect + div.btn-group button.multiselect, html.elaw-on:not([data-theme="dark"]) body:not(.dark) .select2-container:not(.select2-container-multi) .select2-choice, /*html.elaw-on:not([data-theme="dark"]) body:not(.dark) .select2-container--default .select2-selection,*/ html.elaw-on[data-theme="light"] body:not(.dark) input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="hidden"]):not([type="file"]):not([type="image"]):not([type="color"]), html.elaw-on[data-theme="light"] body:not(.dark) textarea, html.elaw-on[data-theme="light"] body:not(.dark) select.form-control, html.elaw-on[data-theme="light"] body:not(.dark) .form-control, html.elaw-on[data-theme="light"] body:not(.dark) .date.form-control, html.elaw-on[data-theme="light"] body:not(.dark) .input-group .form-control, html.elaw-on[data-theme="light"] body:not(.dark) .input-group-addon, html.elaw-on[data-theme="light"] body:not(.dark) .input-group-btn > .btn, html.elaw-on[data-theme="light"] body:not(.dark) .bootstrap-select > .dropdown-toggle, html.elaw-on[data-theme="light"] body:not(.dark) select.multiselect + div.btn-group > .btn, html.elaw-on[data-theme="light"] body:not(.dark) select.multiselect + div.btn-group button.multiselect, html.elaw-on[data-theme="light"] body:not(.dark) .select2-container:not(.select2-container-multi) .select2-choice /*html.elaw-on[data-theme="light"] body:not(.dark) .select2-container--default .select2-selection */ { /* border: 2px solid var(--elaw-input-border, #D5D5D5) !important;*/ } /* Light mode hard override: remove legacy gray fills from wrappers/plugins. */ html:not([data-theme="dark"]) body:not(.dark) .btn-group.bootstrap-select, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select.form-control, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select.btn-group, html:not([data-theme="dark"]) body:not(.dark) select.multiselect + div.btn-group, html:not([data-theme="dark"]) body:not(.dark) select.multiselect + div.btn-group > .btn, html:not([data-theme="dark"]) body:not(.dark) select.multiselect + div.btn-group button.multiselect, html:not([data-theme="dark"]) body:not(.dark) .select2-container:not(.select2-container-multi), html:not([data-theme="dark"]) body:not(.dark) .select2-container:not(.select2-container-multi) .select2-choice, html:not([data-theme="dark"]) body:not(.dark) .select2-container--default .select2-selection, html:not([data-theme="dark"]) body:not(.dark) .select2-container--default .select2-selection--single, html:not([data-theme="dark"]) body:not(.dark) .select2-container--default .select2-selection--multiple, html:not([data-theme="dark"]) body:not(.dark) .ui-multiselect, html:not([data-theme="dark"]) body:not(.dark) .input-group-addon, html[data-theme="light"] body:not(.dark) .btn-group.bootstrap-select, html[data-theme="light"] body:not(.dark) .bootstrap-select, html[data-theme="light"] body:not(.dark) .bootstrap-select.form-control, html[data-theme="light"] body:not(.dark) .bootstrap-select.btn-group, html[data-theme="light"] body:not(.dark) select.multiselect + div.btn-group, html[data-theme="light"] body:not(.dark) select.multiselect + div.btn-group > .btn, html[data-theme="light"] body:not(.dark) select.multiselect + div.btn-group button.multiselect, html[data-theme="light"] body:not(.dark) .select2-container:not(.select2-container-multi), html[data-theme="light"] body:not(.dark) .select2-container:not(.select2-container-multi) .select2-choice, html[data-theme="light"] body:not(.dark) .select2-container--default .select2-selection, html[data-theme="light"] body:not(.dark) .select2-container--default .select2-selection--single, html[data-theme="light"] body:not(.dark) .select2-container--default .select2-selection--multiple, html[data-theme="light"] body:not(.dark) .ui-multiselect, html[data-theme="light"] body:not(.dark) .input-group-addon { background: #ffffff !important; background-color: #ffffff !important; background-image: none !important; border-color: var(--elaw-input-border, #D5D5D5) !important; box-shadow: none !important; } html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select > .dropdown-toggle .filter-option, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select > .dropdown-toggle .filter-option-inner, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select > .dropdown-toggle .filter-option-inner-inner, html:not([data-theme="dark"]) body:not(.dark) select.multiselect + div.btn-group button.multiselect .multiselect-selected-text, html:not([data-theme="dark"]) body:not(.dark) .select2-container .select2-choice .select2-chosen, html:not([data-theme="dark"]) body:not(.dark) .select2-container--default .select2-selection--single .select2-selection__rendered, html:not([data-theme="dark"]) body:not(.dark) .select2-container--default .select2-selection--multiple .select2-selection__rendered, html[data-theme="light"] body:not(.dark) .bootstrap-select > .dropdown-toggle .filter-option, html[data-theme="light"] body:not(.dark) .bootstrap-select > .dropdown-toggle .filter-option-inner, html[data-theme="light"] body:not(.dark) .bootstrap-select > .dropdown-toggle .filter-option-inner-inner, html[data-theme="light"] body:not(.dark) select.multiselect + div.btn-group button.multiselect .multiselect-selected-text, html[data-theme="light"] body:not(.dark) .select2-container .select2-choice .select2-chosen, html[data-theme="light"] body:not(.dark) .select2-container--default .select2-selection--single .select2-selection__rendered, html[data-theme="light"] body:not(.dark) .select2-container--default .select2-selection--multiple .select2-selection__rendered { color: var(--elaw-text-primary, #364f6a) !important; -webkit-text-fill-color: var(--elaw-text-primary, #364f6a) !important; } html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select > .dropdown-toggle.bs-placeholder, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner-inner, html[data-theme="light"] body:not(.dark) .bootstrap-select > .dropdown-toggle.bs-placeholder, html[data-theme="light"] body:not(.dark) .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option, html[data-theme="light"] body:not(.dark) .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner, html[data-theme="light"] body:not(.dark) .bootstrap-select > .dropdown-toggle.bs-placeholder .filter-option-inner-inner { color: var(--elaw-text-muted, #6a737d) !important; -webkit-text-fill-color: var(--elaw-text-muted, #6a737d) !important; } html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select > .dropdown-toggle .caret, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select.btn-group .dropdown-toggle .caret, html:not([data-theme="dark"]) body:not(.dark) .select2-container .select2-arrow, html:not([data-theme="dark"]) body:not(.dark) .select2-container .select2-arrow b, html[data-theme="light"] body:not(.dark) .bootstrap-select > .dropdown-toggle .caret, html[data-theme="light"] body:not(.dark) .bootstrap-select.btn-group .dropdown-toggle .caret, html[data-theme="light"] body:not(.dark) .select2-container .select2-arrow, html[data-theme="light"] body:not(.dark) .select2-container .select2-arrow b { color: var(--elaw-text-primary, #364f6a) !important; border-top-color: var(--elaw-text-primary, #364f6a) !important; } /* Light mode: selected option in combos needs stronger contrast. */ html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select .dropdown-menu > li.selected > a, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select .dropdown-menu > li.active > a, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select .dropdown-menu > li > a:hover, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select .dropdown-menu > li > a:focus, html:not([data-theme="dark"]) body:not(.dark) .dropdown-menu > li.active > a, html:not([data-theme="dark"]) body:not(.dark) .dropdown-menu > li.active > a:hover, html:not([data-theme="dark"]) body:not(.dark) .dropdown-menu > li.active > a:focus, html:not([data-theme="dark"]) body:not(.dark) .dropdown-menu > li > a:hover, html:not([data-theme="dark"]) body:not(.dark) .dropdown-menu > li > a:focus, html:not([data-theme="dark"]) body:not(.dark) .multiselect-container > li.active > a, html:not([data-theme="dark"]) body:not(.dark) .multiselect-container > li.active > a:hover, html:not([data-theme="dark"]) body:not(.dark) .select2-results .select2-highlighted, html[data-theme="light"] body:not(.dark) .bootstrap-select .dropdown-menu > li.selected > a, html[data-theme="light"] body:not(.dark) .bootstrap-select .dropdown-menu > li.active > a, html[data-theme="light"] body:not(.dark) .bootstrap-select .dropdown-menu > li > a:hover, html[data-theme="light"] body:not(.dark) .bootstrap-select .dropdown-menu > li > a:focus, html[data-theme="light"] body:not(.dark) .dropdown-menu > li.active > a, html[data-theme="light"] body:not(.dark) .dropdown-menu > li.active > a:hover, html[data-theme="light"] body:not(.dark) .dropdown-menu > li.active > a:focus, html[data-theme="light"] body:not(.dark) .dropdown-menu > li > a:hover, html[data-theme="light"] body:not(.dark) .dropdown-menu > li > a:focus, html[data-theme="light"] body:not(.dark) .multiselect-container > li.active > a, html[data-theme="light"] body:not(.dark) .multiselect-container > li.active > a:hover, html[data-theme="light"] body:not(.dark) .select2-results .select2-highlighted { background: var(--elaw-nav-item-active-bg, #ce0000) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select .dropdown-menu > li.selected > a *, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select .dropdown-menu > li.active > a *, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select .dropdown-menu > li > a:hover *, html:not([data-theme="dark"]) body:not(.dark) .bootstrap-select .dropdown-menu > li > a:focus *, html:not([data-theme="dark"]) body:not(.dark) .dropdown-menu > li.active > a *, html:not([data-theme="dark"]) body:not(.dark) .dropdown-menu > li > a:hover *, html:not([data-theme="dark"]) body:not(.dark) .dropdown-menu > li > a:focus *, html:not([data-theme="dark"]) body:not(.dark) .multiselect-container > li.active > a *, html:not([data-theme="dark"]) body:not(.dark) .select2-results .select2-highlighted *, html[data-theme="light"] body:not(.dark) .bootstrap-select .dropdown-menu > li.selected > a *, html[data-theme="light"] body:not(.dark) .bootstrap-select .dropdown-menu > li.active > a *, html[data-theme="light"] body:not(.dark) .bootstrap-select .dropdown-menu > li > a:hover *, html[data-theme="light"] body:not(.dark) .bootstrap-select .dropdown-menu > li > a:focus *, html[data-theme="light"] body:not(.dark) .dropdown-menu > li.active > a *, html[data-theme="light"] body:not(.dark) .dropdown-menu > li > a:hover *, html[data-theme="light"] body:not(.dark) .dropdown-menu > li > a:focus *, html[data-theme="light"] body:not(.dark) .multiselect-container > li.active > a *, html[data-theme="light"] body:not(.dark) .select2-results .select2-highlighted * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Dark mode: final contrast guard for form labels. Keep this scoped to real form labels so Bootstrap badges (.label) are not affected. */ html[data-theme="dark"] body label:not(.btn), html[data-theme="dark"] body .control-label, html[data-theme="dark"] body .form-label, html[data-theme="dark"] body fieldset.field-outline > legend, html[data-theme="dark"] body .form-group.elaw-field > label.control-label, html[data-theme="dark"] body .form-group.elaw-field > .control-label, html[data-theme="dark"] body .form-group.elaw-choice-field > label.control-label, html[data-theme="dark"] body .form-group.elaw-choice-field > .control-label, body.dark label:not(.btn), body.dark .control-label, body.dark .form-label, body.dark fieldset.field-outline > legend, body.elaw-night-mode label:not(.btn), body.elaw-night-mode .control-label, body.elaw-night-mode .form-label, body.elaw-night-mode fieldset.field-outline > legend { color: #f3f7fc !important; -webkit-text-fill-color: #f3f7fc !important; text-shadow: none !important; } html[data-theme="dark"] body .form-group.elaw-field > label.control-label, html[data-theme="dark"] body .form-group.elaw-field > .control-label, html[data-theme="dark"] body fieldset.field-outline > legend, body.dark .form-group.elaw-field > label.control-label, body.dark .form-group.elaw-field > .control-label, body.dark fieldset.field-outline > legend, body.elaw-night-mode .form-group.elaw-field > label.control-label, body.elaw-night-mode .form-group.elaw-field > .control-label, body.elaw-night-mode fieldset.field-outline > legend { background: var(--elaw-card-bg, #22262d) !important; } /* Danger action badges/links: keep text readable over red backgrounds. */ html.elaw-on body a.label.label-danger, html.elaw-on body .label.label-danger, html.elaw-on body a.label-danger, html.elaw-on body .badge.badge-danger, html.elaw-on body .badge-danger, html.elaw-on body .btn.btn-danger, html.elaw-on body .btn.btn-red, html.elaw-on body a.btn-danger, html.elaw-on body a.btn-red, html.elaw-on body button.btn-danger, html.elaw-on body button.btn-red, html.elaw-on body input.btn-danger, html.elaw-on body input.btn-red { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: none !important; } html.elaw-on body a.label.label-danger:hover, html.elaw-on body a.label.label-danger:focus, html.elaw-on body a.label-danger:hover, html.elaw-on body a.label-danger:focus, html.elaw-on body .badge.badge-danger:hover, html.elaw-on body .badge.badge-danger:focus, html.elaw-on body .btn.btn-danger:hover, html.elaw-on body .btn.btn-danger:focus, html.elaw-on body .btn.btn-red:hover, html.elaw-on body .btn.btn-red:focus { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html.elaw-on body .label.label-danger *, html.elaw-on body .badge.badge-danger *, html.elaw-on body .btn.btn-danger *, html.elaw-on body .btn.btn-red * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Publication pending report card: modern layout scoped only to this legacy partial. */ html.elaw-on body .publicacao-report-card { position: relative !important; width: 100% !important; max-width: 100% !important; float: none !important; overflow: hidden !important; padding: 22px 24px 20px !important; margin: 0 0 22px !important; background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important; border: 1px solid #dce3ec !important; border-radius: 22px !important; box-shadow: 0 18px 42px rgba(15, 23, 42, .09) !important; } html.elaw-on body .publicacao-report-card::before { content: "" !important; position: absolute !important; inset: 0 auto 0 0 !important; width: 6px !important; background: linear-gradient(180deg, #d00000 0%, #ff6b4a 100%) !important; } html.elaw-on body .publicacao-report-card > table.table.table-striped { display: block !important; width: 100% !important; margin: 0 !important; background: transparent !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; } html.elaw-on body .publicacao-report-card .publicacao-table { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 12px !important; width: 100% !important; background: transparent !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-column: span 3 !important; align-content: start !important; gap: 6px !important; width: auto !important; max-width: none !important; min-width: 0 !important; min-height: 74px !important; float: none !important; margin: 0 !important; padding: 14px 16px !important; background: #ffffff !important; border: 1px solid #e4eaf2 !important; border-radius: 18px !important; box-shadow: 0 4px 12px rgba(15, 23, 42, .035) !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-1, html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-2, html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-3, html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-4 { grid-column: span 3 !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-6 { grid-column: span 6 !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-8 { grid-column: span 8 !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-12, html.elaw-on body .publicacao-report-card .publicacao-table > tr.header-area, html.elaw-on body .publicacao-report-card .publicacao-table > tr.btn-area, html.elaw-on body .publicacao-report-card .publicacao-table > tr.prazo-sugerido, html.elaw-on body .publicacao-report-card .publicacao-table > tr.publicacao-card-detail { grid-column: 1 / -1 !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr.publicacao-card-header { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; min-height: 70px !important; gap: 10px 18px !important; padding: 16px 18px !important; background: linear-gradient(135deg, #f8fafc 0%, #ffffff 72%) !important; border-color: #edf1f7 !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr.publicacao-card-header > td:first-child { margin-right: 6px !important; color: #263b56 !important; font-size: 15px !important; letter-spacing: .01em !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr.publicacao-card-header > td:nth-last-child(2), html.elaw-on body .publicacao-report-card .publicacao-table > tr.publicacao-card-header > td:last-child { margin-left: auto !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr.publicacao-card-process { grid-column: span 6 !important; min-height: 112px !important; align-content: center !important; background: radial-gradient(circle at top right, rgba(208, 0, 0, .08), transparent 34%), linear-gradient(135deg, #fff9f8 0%, #ffffff 75%) !important; border-color: #f4d5d5 !important; } html.elaw-on body .publicacao-report-card .publicacao-process-line { gap: 10px !important; white-space: normal !important; } html.elaw-on body .publicacao-report-card .publicacao-process-line a:first-child { color: #d00000 !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.35 !important; } html.elaw-on body .publicacao-report-card .publicacao-card-detail { grid-template-columns: minmax(150px, 210px) minmax(0, 1fr) !important; align-items: start !important; min-height: 50px !important; padding: 13px 16px !important; background: #fbfdff !important; } html.elaw-on body .publicacao-report-card .publicacao-card-publication { background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important; } html.elaw-on body .publicacao-report-card .publicacao-card-document { border-color: #f0d3d3 !important; background: #fffafa !important; } html.elaw-on body .publicacao-report-card .publicacao-card-detail-warning { border-color: #ffd9b8 !important; background: #fff8f1 !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr > td { width: auto !important; max-width: none !important; float: none !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #2f4664 !important; font-size: 15px !important; line-height: 1.42 !important; white-space: normal !important; word-break: normal !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr > td:first-child { color: #2d4058 !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: .015em !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr:not(.publicacao-card-detail):not(.publicacao-card-header):not(.btn-area):not(.prazo-sugerido) > td:first-child { text-transform: uppercase !important; color: #61738b !important; font-size: 11px !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr > td:empty { display: none !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr > td[colspan] { grid-column: auto !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr.header-area > td, html.elaw-on body .publicacao-report-card .publicacao-table > tr.btn-area > td, html.elaw-on body .publicacao-report-card .publicacao-table > tr.prazo-sugerido > td { grid-column: auto !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr.prazo-sugerido > td, html.elaw-on body .publicacao-report-card .publicacao-table > tr.btn-area > td { display: block !important; width: 100% !important; } html.elaw-on body .publicacao-report-card .publicacao-table a { color: #d00000 !important; font-weight: 800 !important; } html.elaw-on body .publicacao-report-card .label { display: inline-flex !important; align-items: center !important; min-height: 30px !important; padding: 7px 13px !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1 !important; box-shadow: none !important; } html.elaw-on body .publicacao-report-card .label.label-danger, html.elaw-on body .publicacao-report-card a.label.label-danger { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: linear-gradient(135deg, #d94f5b 0%, #b90000 100%) !important; } html.elaw-on body .publicacao-report-card .label.label-success { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background: linear-gradient(135deg, #1fbf75 0%, #118a51 100%) !important; } html.elaw-on body .publicacao-report-card input#buttonNewClassificarPublicacao { min-height: 38px !important; padding: 0 18px !important; border-radius: 12px !important; border: 1px solid #cad3df !important; background: #ffffff !important; color: #2d4058 !important; font-weight: 800 !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr.btn-area, html.elaw-on body .publicacao-report-card .publicacao-table > tr.prazo-sugerido { display: block !important; min-height: 0 !important; background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr.prazo-sugerido .space-top-container { margin-top: 0 !important; } html.elaw-on body .publicacao-report-card .btn-area .space-top-container.btn-area { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 12px !important; padding: 14px 0 0 !important; margin: 2px 0 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html.elaw-on body .publicacao-report-card .btn-area .col-md-8, html.elaw-on body .publicacao-report-card .btn-area .col-md-4 { width: auto !important; float: none !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 9px !important; padding: 0 !important; } html.elaw-on body .publicacao-report-card .btn-area .col-md-8 { flex: 1 1 680px !important; justify-content: flex-start !important; } html.elaw-on body .publicacao-report-card .btn-area .col-md-4 { flex: 0 1 auto !important; justify-content: flex-end !important; } html.elaw-on body .publicacao-report-card .btn-area .btn { min-height: 40px !important; margin: 0 !important; padding: 0 18px !important; border-radius: 12px !important; font-weight: 800 !important; box-shadow: none !important; } html[data-theme="dark"] body .publicacao-report-card, body.dark .publicacao-report-card, body.elaw-night-mode .publicacao-report-card { background: linear-gradient(180deg, #161d26 0%, #10161d 100%) !important; border-color: var(--elaw-dark-border, rgba(226, 232, 240, .14)) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, .42) !important; } html[data-theme="dark"] body .publicacao-report-card .publicacao-table > tr, body.dark .publicacao-report-card .publicacao-table > tr, body.elaw-night-mode .publicacao-report-card .publicacao-table > tr { background: #17202a !important; border-color: rgba(226, 232, 240, .14) !important; box-shadow: none !important; } html[data-theme="dark"] body .publicacao-report-card .publicacao-table > tr.publicacao-card-header, body.dark .publicacao-report-card .publicacao-table > tr.publicacao-card-header, body.elaw-night-mode .publicacao-report-card .publicacao-table > tr.publicacao-card-header { background: linear-gradient(135deg, #1f2a37 0%, #151d27 100%) !important; } html[data-theme="dark"] body .publicacao-report-card .publicacao-table > tr.publicacao-card-process, body.dark .publicacao-report-card .publicacao-table > tr.publicacao-card-process, body.elaw-night-mode .publicacao-report-card .publicacao-table > tr.publicacao-card-process, html[data-theme="dark"] body .publicacao-report-card .publicacao-card-detail, body.dark .publicacao-report-card .publicacao-card-detail, body.elaw-night-mode .publicacao-report-card .publicacao-card-detail { background: #141c25 !important; border-color: rgba(226, 232, 240, .16) !important; } html[data-theme="dark"] body .publicacao-report-card .publicacao-table > tr > td, body.dark .publicacao-report-card .publicacao-table > tr > td, body.elaw-night-mode .publicacao-report-card .publicacao-table > tr > td { color: var(--elaw-dark-text-soft, #c6d0dc) !important; -webkit-text-fill-color: var(--elaw-dark-text-soft, #c6d0dc) !important; } html[data-theme="dark"] body .publicacao-report-card .publicacao-table > tr > td:first-child, body.dark .publicacao-report-card .publicacao-table > tr > td:first-child, body.elaw-night-mode .publicacao-report-card .publicacao-table > tr > td:first-child, html[data-theme="dark"] body .publicacao-report-card .publicacao-card-header > td:first-child, body.dark .publicacao-report-card .publicacao-card-header > td:first-child, body.elaw-night-mode .publicacao-report-card .publicacao-card-header > td:first-child { color: var(--elaw-dark-text, #eef4fb) !important; -webkit-text-fill-color: var(--elaw-dark-text, #eef4fb) !important; } html[data-theme="dark"] body .publicacao-report-card input#buttonNewClassificarPublicacao, body.dark .publicacao-report-card input#buttonNewClassificarPublicacao, body.elaw-night-mode .publicacao-report-card input#buttonNewClassificarPublicacao { background: #101820 !important; border-color: rgba(226, 232, 240, .22) !important; color: #eef4fb !important; -webkit-text-fill-color: #eef4fb !important; } @media (max-width: 1199px) { html.elaw-on body .publicacao-report-card .publicacao-table > tr, html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-1, html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-2, html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-3, html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-4 { grid-column: span 4 !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr.publicacao-card-process { grid-column: span 8 !important; } } @media (max-width: 991px) { html.elaw-on body .publicacao-report-card { padding: 14px !important; } html.elaw-on body .publicacao-report-card .publicacao-table { grid-template-columns: 1fr !important; } html.elaw-on body .publicacao-report-card .publicacao-table > tr, html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-1, html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-2, html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-3, html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-4, html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-6, html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-8, html.elaw-on body .publicacao-report-card .publicacao-table > tr.col-md-12, html.elaw-on body .publicacao-report-card .publicacao-table > tr.publicacao-card-process { grid-column: 1 / -1 !important; } html.elaw-on body .publicacao-report-card .publicacao-card-detail { grid-template-columns: 1fr !important; } html.elaw-on body .publicacao-report-card .btn-area .col-md-8, html.elaw-on body .publicacao-report-card .btn-area .col-md-4 { width: 100% !important; flex: 1 1 100% !important; justify-content: flex-start !important; } } /* Publication pending report card: clean UX refresh only for the updated publication partial. */ html.elaw-on body .publicacao-report-card--modern { position: relative !important; padding: 18px !important; overflow: hidden !important; background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important; border: 1px solid #dde5ef !important; border-radius: 22px !important; box-shadow: 0 16px 36px rgba(15, 23, 42, .08) !important; } html.elaw-on body .publicacao-report-card--modern::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; width: 5px !important; background: linear-gradient(180deg, #d00000 0%, #ef4444 100%) !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-table { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)) !important; gap: 12px !important; background: transparent !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-column: span 3 !important; min-height: 68px !important; align-content: center !important; padding: 13px 15px !important; margin: 0 !important; width: auto !important; max-width: none !important; float: none !important; background: #ffffff !important; border: 1px solid #e6edf5 !important; border-radius: 16px !important; box-shadow: 0 8px 18px rgba(15, 23, 42, .045) !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.col-md-1, html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.col-md-2, html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.col-md-3 { grid-column: span 3 !important; } /* col-md-4 maps to span 4 for 3-column layout (4+4+4=12) */ html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.col-md-4 { grid-column: span 4 !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.col-md-6, html.elaw-on body .publicacao-report-card--modern .publicacao-card-process { grid-column: span 6 !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.col-md-8 { grid-column: span 8 !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.col-md-12, html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.header-area, html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.publicacao-card-detail, html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.btn-area, html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.prazo-sugerido { grid-column: 1 / -1 !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr > td { display: block !important; float: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; color: #314762 !important; font-size: 15px !important; line-height: 1.45 !important; word-break: break-word !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr > td:empty { display: none !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr:not(.publicacao-card-header):not(.publicacao-card-actions):not(.publicacao-card-process):not(.publicacao-card-detail) > td:first-child { margin-bottom: 5px !important; color: #64748b !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .04em !important; text-transform: uppercase !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr > td h5, html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr > td p { margin: 0 !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-header { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 10px 14px !important; min-height: auto !important; padding: 14px 16px !important; background: linear-gradient(135deg, #ffffff 0%, #fff6f6 100%) !important; border-color: #f3d0d0 !important; box-shadow: inset 0 0 0 1px rgba(208, 0, 0, .04) !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-header > td { display: flex !important; align-items: center !important; width: auto !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-header > td:first-child { padding: 7px 12px !important; color: #1f334d !important; font-size: 13px !important; font-weight: 800 !important; background: #eef2f7 !important; border-radius: 999px !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-header .label { min-height: 32px !important; padding: 7px 13px !important; color: #ffffff !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 800 !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-header #buttonNewClassificarPublicacao { min-height: 36px !important; padding: 8px 18px !important; color: #314762 !important; background: #ffffff !important; border: 1px solid #cfd8e3 !important; border-radius: 12px !important; box-shadow: 0 6px 14px rgba(15, 23, 42, .06) !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-process { grid-template-columns: minmax(92px, 128px) minmax(0, 1fr) !important; min-height: 96px !important; align-items: center !important; background: linear-gradient(135deg, #fff7f7 0%, #ffffff 72%) !important; border-color: #ffd7d7 !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-process > td:first-child, html.elaw-on body .publicacao-report-card--modern .publicacao-card-detail > td:first-child { color: #334862 !important; font-size: 14px !important; font-weight: 900 !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-process-line { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 8px 10px !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-process a[href*="/processo/details"] { color: #d00000 !important; font-size: 16px !important; font-weight: 900 !important; line-height: 1.35 !important; text-decoration: none !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-process a[href*="/processo/details"]:hover { color: #a30000 !important; text-decoration: underline !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-process .label-danger { display: inline-flex !important; align-items: center !important; min-height: 28px !important; padding: 6px 12px !important; color: #ffffff !important; background: #dc5660 !important; border-radius: 999px !important; font-size: 12px !important; font-weight: 800 !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-detail { grid-template-columns: minmax(150px, 230px) minmax(0, 1fr) !important; min-height: 54px !important; align-items: center !important; background: #f8fafc !important; border-color: #e7edf5 !important; box-shadow: none !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-detail > td[colspan] { grid-column: auto !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-detail-warning { background: #fff7ed !important; border-color: #fed7aa !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-publication { align-items: start !important; padding-top: 16px !important; padding-bottom: 16px !important; background: #ffffff !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-publication > td:last-child { max-height: 230px !important; overflow: auto !important; padding: 14px !important; background: #f8fafc !important; border: 1px solid #e7edf5 !important; border-radius: 14px !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-document { background: #f6fff8 !important; border-color: #bbf7d0 !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-actions { display: block !important; min-height: auto !important; padding: 6px 0 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-actions > td, html.elaw-on body .publicacao-report-card--modern .publicacao-card-actions .space-top-container.btn-area { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 10px !important; width: 100% !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-actions .col-md-8, html.elaw-on body .publicacao-report-card--modern .publicacao-card-actions .col-md-4 { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; width: auto !important; max-width: 100% !important; padding: 0 !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-actions .col-md-4 { margin-left: auto !important; justify-content: flex-end !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-actions .btn { min-height: 38px !important; padding: 9px 16px !important; border-radius: 12px !important; font-weight: 800 !important; box-shadow: 0 8px 16px rgba(208, 0, 0, .12) !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-actions .btn-default { color: #334862 !important; background: #ffffff !important; border: 1px solid #d7e0ea !important; box-shadow: 0 6px 14px rgba(15, 23, 42, .06) !important; } @media (max-width: 1199px) { html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.col-md-1, html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.col-md-2, html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.col-md-3, html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.col-md-4 { grid-column: span 4 !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-process, html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr.col-md-6 { grid-column: 1 / -1 !important; } } @media (max-width: 767px) { html.elaw-on body .publicacao-report-card--modern { padding: 14px !important; border-radius: 18px !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-table { grid-template-columns: 1fr !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-table > tr, html.elaw-on body .publicacao-report-card--modern .publicacao-card-process, html.elaw-on body .publicacao-report-card--modern .publicacao-card-detail { grid-column: 1 / -1 !important; grid-template-columns: 1fr !important; } html.elaw-on body .publicacao-report-card--modern .publicacao-card-actions .col-md-4 { margin-left: 0 !important; justify-content: flex-start !important; } } html[data-theme="dark"] body .publicacao-report-card--modern, body.dark .publicacao-report-card--modern, body.dark-mode .publicacao-report-card--modern, body.elaw-dark-mode .publicacao-report-card--modern, body.elaw-night-mode .publicacao-report-card--modern { background: linear-gradient(180deg, #151c27 0%, #101720 100%) !important; border-color: #344256 !important; } html[data-theme="dark"] body .publicacao-report-card--modern .publicacao-table > tr, body.dark .publicacao-report-card--modern .publicacao-table > tr, body.dark-mode .publicacao-report-card--modern .publicacao-table > tr, body.elaw-dark-mode .publicacao-report-card--modern .publicacao-table > tr, body.elaw-night-mode .publicacao-report-card--modern .publicacao-table > tr { color: #dbe7f5 !important; background: #17202b !important; border-color: #334256 !important; box-shadow: none !important; } html[data-theme="dark"] body .publicacao-report-card--modern .publicacao-table > tr > td, body.dark .publicacao-report-card--modern .publicacao-table > tr > td, body.dark-mode .publicacao-report-card--modern .publicacao-table > tr > td, body.elaw-dark-mode .publicacao-report-card--modern .publicacao-table > tr > td, body.elaw-night-mode .publicacao-report-card--modern .publicacao-table > tr > td { color: #dbe7f5 !important; -webkit-text-fill-color: #dbe7f5 !important; } html[data-theme="dark"] body .publicacao-report-card--modern .publicacao-card-header, body.dark .publicacao-report-card--modern .publicacao-card-header, body.dark-mode .publicacao-report-card--modern .publicacao-card-header, body.elaw-dark-mode .publicacao-report-card--modern .publicacao-card-header, body.elaw-night-mode .publicacao-report-card--modern .publicacao-card-header { background: linear-gradient(135deg, #1b2633 0%, #241a1d 100%) !important; border-color: #4a2a31 !important; } html[data-theme="dark"] body .publicacao-report-card--modern .publicacao-card-header > td:first-child, body.dark .publicacao-report-card--modern .publicacao-card-header > td:first-child, body.dark-mode .publicacao-report-card--modern .publicacao-card-header > td:first-child, body.elaw-dark-mode .publicacao-report-card--modern .publicacao-card-header > td:first-child, body.elaw-night-mode .publicacao-report-card--modern .publicacao-card-header > td:first-child { color: #e5eef8 !important; background: #243244 !important; -webkit-text-fill-color: #e5eef8 !important; } html[data-theme="dark"] body .publicacao-report-card--modern .publicacao-card-process, body.dark .publicacao-report-card--modern .publicacao-card-process, body.dark-mode .publicacao-report-card--modern .publicacao-card-process, body.elaw-dark-mode .publicacao-report-card--modern .publicacao-card-process, body.elaw-night-mode .publicacao-report-card--modern .publicacao-card-process { background: linear-gradient(135deg, #241a1d 0%, #17202b 70%) !important; border-color: #4b2d34 !important; } html[data-theme="dark"] body .publicacao-report-card--modern .publicacao-card-detail, body.dark .publicacao-report-card--modern .publicacao-card-detail, body.dark-mode .publicacao-report-card--modern .publicacao-card-detail, body.elaw-dark-mode .publicacao-report-card--modern .publicacao-card-detail, body.elaw-night-mode .publicacao-report-card--modern .publicacao-card-detail { background: #111923 !important; border-color: #2d3b4f !important; } html[data-theme="dark"] body .publicacao-report-card--modern .publicacao-card-publication > td:last-child, body.dark .publicacao-report-card--modern .publicacao-card-publication > td:last-child, body.dark-mode .publicacao-report-card--modern .publicacao-card-publication > td:last-child, body.elaw-dark-mode .publicacao-report-card--modern .publicacao-card-publication > td:last-child, body.elaw-night-mode .publicacao-report-card--modern .publicacao-card-publication > td:last-child { color: #dbe7f5 !important; background: #101720 !important; border-color: #2d3b4f !important; -webkit-text-fill-color: #dbe7f5 !important; } /* Dark mode: ensure modals appear above navigation menu (which has z-index 20005010) */ html[data-theme="dark"] .modal-backdrop { z-index: 20007000 !important; } html[data-theme="dark"] .modal { z-index: 20007100 !important; } /* Escritório: multiselects não devem ser recortados por abas, paineis ou listas longas. */ html:not(.business-on) .tabs-left > .tab-content, html:not(.business-on) .tabs-right > .tab-content { display: flow-root; overflow: visible !important; } html:not(.business-on) select.multiselect + div.btn-group, html:not(.business-on) select.multiselect + div.btn-group.open { overflow: visible !important; } html:not(.business-on) .panel-body:has(select.multiselect + div.btn-group.open), html:not(.business-on) .modal-body:has(select.multiselect + div.btn-group.open), html:not(.business-on) .modal-content:has(select.multiselect + div.btn-group.open), html:not(.business-on) .table-responsive:has(select.multiselect + div.btn-group.open) { overflow: visible !important; } html:not(.business-on) select.multiselect + div.btn-group.open .multiselect-container { max-height: 420px; max-height: min(420px, calc(100vh - 180px)); overflow-y: auto !important; overflow-x: hidden !important; z-index: 20007110 !important; } /* Escritório dark: remove o fundo branco residual do trilho do menu lateral. */ html.elaw-on[data-theme="dark"]:not(.business-on) .tabs-left > .nav-tabs, html[data-theme="dark"]:not(.business-on) body.elaw-night-mode .tabs-left > .nav-tabs { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: var(--elaw-border, #2e3540) !important; } html.elaw-on[data-theme="dark"]:not(.business-on) .tabs-left > .nav-tabs > li > a, html.elaw-on[data-theme="dark"]:not(.business-on) .tabs-left > .nav-tabs > li > a:hover, html.elaw-on[data-theme="dark"]:not(.business-on) .tabs-left > .nav-tabs > li > a:focus, html[data-theme="dark"]:not(.business-on) body.elaw-night-mode .tabs-left > .nav-tabs > li > a, html[data-theme="dark"]:not(.business-on) body.elaw-night-mode .tabs-left > .nav-tabs > li > a:hover, html[data-theme="dark"]:not(.business-on) body.elaw-night-mode .tabs-left > .nav-tabs > li > a:focus { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: none !important; } /* Escritório: menu lateral em abas precisa de hover com contraste real. */ html.elaw-on:not(.business-on) .tabs-left > .nav-tabs > li:not(.active) > a:hover, html.elaw-on:not(.business-on) .tabs-left > .nav-tabs > li:not(.active) > a:focus { background: var(--elaw-nav-item-active-bg, #ce0000) !important; border-color: var(--elaw-nav-item-active-bg, #ce0000) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; box-shadow: 0 8px 18px rgba(206, 0, 0, .18); } html.elaw-on:not(.business-on) .tabs-left > .nav-tabs > li:not(.active) > a:hover *, html.elaw-on:not(.business-on) .tabs-left > .nav-tabs > li:not(.active) > a:focus * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Escritório: item selecionado deve acompanhar a cor parametrizada do sistema. */ html.elaw-on:not(.business-on) .tabs-left > .nav-tabs > li.active > a, html.elaw-on:not(.business-on) .tabs-left > .nav-tabs > li.active > a:hover, html.elaw-on:not(.business-on) .tabs-left > .nav-tabs > li.active > a:focus { background: var(--elaw-nav-item-active-bg, var(--default-layout-bg, #ce0000)) !important; background-image: none !important; border-color: var(--elaw-nav-item-active-bg, var(--default-layout-bg, #ce0000)) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html.elaw-on:not(.business-on) .tabs-left > .nav-tabs > li.active > a *, html.elaw-on:not(.business-on) .tabs-left > .nav-tabs > li.active > a:hover *, html.elaw-on:not(.business-on) .tabs-left > .nav-tabs > li.active > a:focus * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html:not(.business-on) select.multiselect + div.btn-group.open .multiselect-container > li > a, html:not(.business-on) select.multiselect + div.btn-group.open .multiselect-container > li > a > label { height: auto !important; min-height: 28px; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; line-height: 1.35 !important; } html:not(.business-on) select.multiselect + div.btn-group.open .multiselect-container > li > a > label { display: block; word-break: break-word; } /* Escritório: contraste alto para menus de Ações em cabeçalhos de painel. */ html.elaw-on:not(.business-on) .panel-heading .btn-group.open > .dropdown-menu, html.elaw-on:not(.business-on) .panel-heading-20 .btn-group.open > .dropdown-menu { background: #ffffff !important; border: 1px solid #cbd5e1 !important; box-shadow: 0 12px 28px rgba(15, 23, 42, .18) !important; } html.elaw-on:not(.business-on) .panel-heading .btn-group.open > .dropdown-menu > li > a, html.elaw-on:not(.business-on) .panel-heading-20 .btn-group.open > .dropdown-menu > li > a, html.elaw-on:not(.business-on) .panel-heading .btn-group.open > .dropdown-menu > li.active > a, html.elaw-on:not(.business-on) .panel-heading-20 .btn-group.open > .dropdown-menu > li.active > a { background: #ffffff !important; background-image: none !important; color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; opacity: 1 !important; text-shadow: none !important; } html.elaw-on:not(.business-on) .panel-heading .btn-group.open > .dropdown-menu > li.active > a, html.elaw-on:not(.business-on) .panel-heading-20 .btn-group.open > .dropdown-menu > li.active > a { background: var(--elaw-nav-item-active-bg, var(--default-layout-bg-color, #ce0000)) !important; background-image: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } html.elaw-on:not(.business-on) .panel-heading .btn-group.open > .dropdown-menu > li > a:hover, html.elaw-on:not(.business-on) .panel-heading .btn-group.open > .dropdown-menu > li > a:focus, html.elaw-on:not(.business-on) .panel-heading .btn-group.open > .dropdown-menu > li > a:active, html.elaw-on:not(.business-on) .panel-heading .btn-group.open > .dropdown-menu > li.active > a:hover, html.elaw-on:not(.business-on) .panel-heading .btn-group.open > .dropdown-menu > li.active > a:focus, html.elaw-on:not(.business-on) .panel-heading-20 .btn-group.open > .dropdown-menu > li > a:hover, html.elaw-on:not(.business-on) .panel-heading-20 .btn-group.open > .dropdown-menu > li > a:focus, html.elaw-on:not(.business-on) .panel-heading-20 .btn-group.open > .dropdown-menu > li > a:active, html.elaw-on:not(.business-on) .panel-heading-20 .btn-group.open > .dropdown-menu > li.active > a:hover, html.elaw-on:not(.business-on) .panel-heading-20 .btn-group.open > .dropdown-menu > li.active > a:focus { background: var(--elaw-nav-item-active-bg, var(--default-layout-bg-color, #ce0000)) !important; background-image: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .processo-section-panel > .panel-heading { align-items: center; background: var(--elaw-card-bg, #ffffff) !important; border-bottom: 1px solid var(--elaw-border-strong, #d8e0ec) !important; border-radius: var(--elaw-radius-lg, 12px) var(--elaw-radius-lg, 12px) 0 0 !important; display: flex; min-height: 64px; padding: 0 28px !important; } .processo-section-panel > .panel-heading .processo-section-title { align-items: center; color: var(--elaw-text-primary, #142033) !important; -webkit-text-fill-color: var(--elaw-text-primary, #142033) !important; display: flex; font-size: 22px; font-weight: 700; gap: 8px; line-height: 1.25; margin: 0; padding: 0 !important; } .processo-section-panel > .panel-heading .processo-section-title .fa { color: var(--elaw-nav-item-active-bg, var(--default-layout-bg, #ce0000)) !important; font-size: 16px; } .panel.elaw-heading-title-normalized > .panel-heading, .panel.elaw-heading-title-normalized > .panel-heading-20 { align-items: center !important; background: var(--elaw-card-bg, #ffffff) !important; border-bottom: 1px solid var(--elaw-border-strong, #d8e0ec) !important; border-radius: var(--elaw-radius-lg, 12px) var(--elaw-radius-lg, 12px) 0 0 !important; display: flex !important; gap: 10px; min-height: 64px; padding: 0 28px !important; } .panel.elaw-heading-title-normalized > .panel-heading .elaw-panel-heading-title, .panel.elaw-heading-title-normalized > .panel-heading-20 .elaw-panel-heading-title { align-items: center; color: var(--elaw-text-primary, #142033) !important; -webkit-text-fill-color: var(--elaw-text-primary, #142033) !important; display: flex; flex: 1 1 auto; font-family: var(--elaw-font-heading, "Raleway", sans-serif) !important; font-size: 22px; font-weight: 700; gap: 8px; line-height: 1.25; margin: 0 !important; padding: 0 !important; } .panel.elaw-heading-title-normalized > .panel-heading .elaw-panel-heading-title .fa, .panel.elaw-heading-title-normalized > .panel-heading-20 .elaw-panel-heading-title .fa { color: var(--elaw-nav-item-active-bg, var(--default-layout-bg, #ce0000)) !important; font-size: 16px; } .panel.elaw-heading-title-normalized.panel-danger > .panel-heading, .panel.elaw-heading-title-normalized.panel-danger > .panel-heading-20, .panel.elaw-heading-title-normalized.panel-primary > .panel-heading, .panel.elaw-heading-title-normalized.panel-primary > .panel-heading-20 { background: var(--elaw-nav-item-active-bg, var(--default-layout-bg, #ce0000)) !important; border-bottom-color: transparent !important; color: #ffffff !important; } .panel.elaw-heading-title-normalized.panel-danger > .panel-heading .elaw-panel-heading-title, .panel.elaw-heading-title-normalized.panel-danger > .panel-heading-20 .elaw-panel-heading-title, .panel.elaw-heading-title-normalized.panel-primary > .panel-heading .elaw-panel-heading-title, .panel.elaw-heading-title-normalized.panel-primary > .panel-heading-20 .elaw-panel-heading-title, .panel.elaw-heading-title-normalized.panel-danger > .panel-heading .elaw-panel-heading-title .fa, .panel.elaw-heading-title-normalized.panel-danger > .panel-heading-20 .elaw-panel-heading-title .fa, .panel.elaw-heading-title-normalized.panel-primary > .panel-heading .elaw-panel-heading-title .fa, .panel.elaw-heading-title-normalized.panel-primary > .panel-heading-20 .elaw-panel-heading-title .fa { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .panel.elaw-heading-title-normalized > .panel-heading > .pull-right, .panel.elaw-heading-title-normalized > .panel-heading > .btn-group, .panel.elaw-heading-title-normalized > .panel-heading-20 > .pull-right, .panel.elaw-heading-title-normalized > .panel-heading-20 > .btn-group { flex: 0 0 auto; margin-left: auto; } /* Abas laterais legadas: corrige blocos claros e baixo contraste no modo noturno. */ html[data-theme="dark"] .tabbable.tabs-left:has(> .nav-tabs.tab-red), html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content, html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content .tab-pane, html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content .space-top-container, body.elaw-night-mode .tabbable.tabs-left:has(> .nav-tabs.tab-red), body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content .tab-pane, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content .space-top-container { background: transparent !important; background-image: none !important; color: #ffffff !important; } html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red { background: #101720 !important; background-image: none !important; border: 1px solid var(--elaw-dark-border-strong, rgba(226, 232, 240, .22)) !important; border-radius: 16px !important; box-shadow: 0 18px 42px rgba(0, 0, 0, .24) !important; overflow: hidden !important; } html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red > li > a, html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red > li > a:hover, html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red > li > a:focus, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red > li > a, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red > li > a:hover, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red > li > a:focus { background: #1b2430 !important; border-color: rgba(226, 232, 240, .14) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: none !important; } html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red > li.active > a, html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red > li.active > a:hover, html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red > li.active > a:focus, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red > li.active > a, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red > li.active > a:hover, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red > li.active > a:focus { background: var(--elaw-nav-item-active-bg, var(--default-layout-bg, #ce0000)) !important; border-color: var(--elaw-nav-item-active-bg, var(--default-layout-bg, #ce0000)) !important; } html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content .panel, html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content .panel-body, html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content div.table, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content .panel, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content .panel-body, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content div.table { background: #111923 !important; background-image: none !important; border-color: var(--elaw-dark-border, rgba(226, 232, 240, .14)) !important; color: #ffffff !important; } html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content h4, html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content .table > tbody > tr > td, html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content .table > tbody > tr > td strong, html[data-theme="dark"] .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content .table a, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content h4, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content .table > tbody > tr > td, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content .table > tbody > tr > td strong, body.elaw-night-mode .tabbable.tabs-left > .nav-tabs.tab-red + .tab-content .table a { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: none !important; } @media (max-width: 768px) { .processo-section-panel > .panel-heading { min-height: 56px; padding: 0 18px !important; } .processo-section-panel > .panel-heading .processo-section-title { font-size: 18px; } .panel.elaw-heading-title-normalized > .panel-heading, .panel.elaw-heading-title-normalized > .panel-heading-20 { min-height: 56px; padding: 0 18px !important; } .panel.elaw-heading-title-normalized > .panel-heading .elaw-panel-heading-title, .panel.elaw-heading-title-normalized > .panel-heading-20 .elaw-panel-heading-title { font-size: 18px; } }