/* .errors { background:pink; padding-top: 14px; padding-bottom: 4px; margin-bottom: 10px; } */ label { font-weight: bold; } [x-cloak] { display: none !important; } /* Kliento pastabų mygtuko hover "popup" */ .notes-tooltip { position: absolute; z-index: 2000; max-width: 340px; max-height: 200px; overflow: auto; padding: 0.5rem 0.75rem; font-size: 0.875rem; line-height: 1.35; color: #fff; background-color: rgba(33, 37, 41, 0.95); border-radius: 0.375rem; white-space: pre-line; word-break: break-word; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.35); pointer-events: none; } .no-wrap { white-space: nowrap; } .notice-feedback { color: green; } /* Eye positioning in inputs */ .eyeye { position: absolute; font-size: 20px; color: #e95420; top: 50%; right: 13px; transform: translateY(-50%); cursor: pointer; } /* htmx indicator styling and transitions*/ .htmx-indicator { height: 0px; opacity: 0; transition: opacity 500ms ease-in; } .htmx-request .htmx-indicator { height: 80px; opacity: 1 } .htmx-request.htmx-indicator { height: 80px; opacity: 1 } #spinner { position: fixed; /*height: 80px;*/ top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; background-color: rgba(255, 255, 255, 0.829); display: block; } /* Re-consent page (terms / privacy) – heading hierarchy */ .terms-consent-docs h1 { font-size: 1.75rem; /* h3 */ margin-top: 3rem; margin-bottom: 1rem; } .terms-consent-docs h2 { font-size: 1.5rem; /* h4 */ margin-top: 1.5rem; margin-bottom: 1rem; } .terms-consent-docs h3 { font-size: 1.25rem; /* h5 */ margin-top: 1.25rem; margin-bottom: 1rem; } .terms-consent-docs h4, .terms-consent-docs h5, .terms-consent-docs h6 { font-size: 1rem; /* h6 */ margin-top: 1rem; margin-bottom: 0.75rem; } .terms-consent-docs table { width: 100%; margin: 1rem 0; border-collapse: collapse; font-size: 0.95em; } .terms-consent-docs table th, .terms-consent-docs table td { border: 1px solid #dee2e6; padding: 0.5rem; vertical-align: top; } .terms-consent-docs table th { background: #f8f9fa; } .terms-consent-checkboxes { padding: 1rem; border: 1px solid #dee2e6; border-radius: 0.375rem; background: #f8f9fa; } /*the elements in the seller field should be with margin zero*/ td.zero-margin>* { margin: 0; } /*kol kas neveikia*/ .toast { z-index: 9999; } .show_error { color: red; font-size: 0.875em; /*corresponds to bs small */ } /* undo heading link color and underline for sortable columns */ th a { color: var(--bs-body-color); text-decoration: none; } /* sortable ghost entry */ .sortable-ghost .row { --bs-bg-opacity: 0.5; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } /* ===== Vartotojo pasirenkama tema (tamsioji / navbar spalva) ===== Pagrindinė „coffee“ tema sukompiliuota į styles.css ($dark perraša SCSS faile), todėl čia – tik kitų parinkčių perrašos. Pasirinkimas saugomas sesijoje ir pritaikomas per (žr. default_layout). Keičiama tik Bootstrap `dark` spalva; oranžinis akcentas (#e95420) ir logotipas lieka nepakeisti. Atitinka app/Config/Theme.php sąrašą. */ html[data-theme="coffee"] { --bs-dark: #4a3a2e; --bs-dark-rgb: 74, 58, 46; } html[data-theme="purple"] { --bs-dark: #772953; --bs-dark-rgb: 119, 41, 83; } html[data-theme="teal"] { --bs-dark: #0f5e59; --bs-dark-rgb: 15, 94, 89; } html[data-theme="navy"] { --bs-dark: #2c3e50; --bs-dark-rgb: 44, 62, 80; } html[data-theme="graphite"] { --bs-dark: #3d3b36; --bs-dark-rgb: 61, 59, 54; } html[data-theme="green"] { --bs-dark: #2d6a4f; --bs-dark-rgb: 45, 106, 79; }