/* modal-form.css - jednoduchý, závislostí zbavený modál */ body.nt-modal-open { overflow: hidden; } .nt-modal { display: none; position: fixed; z-index: 9999; inset: 0; } .nt-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.55); } .nt-modal-dialog { position: relative; max-width: 780px; margin: 4vh auto; background: #fff; border-radius: 6px; max-height: 92vh; overflow-y: auto; box-shadow: 0 10px 40px rgba(0,0,0,0.35); font-family: Arial, Helvetica, sans-serif; /* nezávisle od globálnych štýlov stránky (napr. text-align:center na body) */ text-align: left; } .nt-modal-dialog, .nt-modal-dialog * { text-align: left; } .nt-modal-dialog input, .nt-modal-dialog select, .nt-modal-dialog textarea { margin: 0; display: block; } .nt-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; background: #b60000; color: #fff; border-radius: 6px 6px 0 0; } .nt-modal-title { margin: 0; font-size: 18px; font-weight: bold; } .nt-modal-close { cursor: pointer; background: none; border: none; color: #fff; font-size: 22px; line-height: 1; } .nt-modal-body { padding: 18px 20px; } .nt-modal-countdown { font-size: 12px; color: #b60000; margin-bottom: 8px; font-weight: bold; } .nt-modal-status { display: none; padding: 10px 12px; margin-bottom: 12px; border-radius: 4px; font-size: 13px; } .nt-status-info { background: #eef6fb; border: 1px solid #98c8e0; color: #114b66; } .nt-status-error { background: #fdeaea; border: 1px solid #e0a0a0; color: #8a1f1f; } .nt-status-success { background: #eaf7ea; border: 1px solid #9fd3a0; color: #1f6a24; } .nt-form-row { margin-bottom: 12px; } .nt-form-row label { display: block; font-weight: bold; margin-bottom: 4px; font-size: 13px; } .nt-form-row input[type="text"], .nt-form-row select { width: 100%; box-sizing: border-box; padding: 6px 8px; border: 1px solid #ccc; border-radius: 3px; } .nt-field-error { color: #b60000; font-size: 12px; margin-top: 3px; } .nt-btn { background: #b60000; color: #fff; border: none; border-radius: 4px; padding: 9px 18px; font-size: 14px; cursor: pointer; } .nt-btn:hover { background: #8f0000; } .nt-btn-small { padding: 3px 8px; font-size: 12px; margin-left: 6px; } .nt-btn[disabled] { opacity: 0.6; cursor: default; } .nt-add-trigger { cursor: pointer; } .nt-edit-icon { cursor: pointer; border: none; background: none; padding: 0; } /* TinyMCE (dialógy ako "vlož obrázok", farebné palety, tooltipy) sa renderuje do samostatného kontajnera pripojeného na koniec - bez tohto by bol schovaný POD naším modálnym oknom (z-index 9999). */ .tox-tinymce-aux { z-index: 100000 !important; } .nt-datum-row { display: flex; align-items: center; gap: 10px; } .nt-datum-row input[type="text"] { width: 140px !important; flex: none; } .nt-datum-dnes { font-size: 12px; color: #666; white-space: nowrap; } .nt-datum-quick { font-size: 12px; white-space: nowrap; color: #b60000; text-decoration: underline; cursor: pointer; } .nt-datum-quick:hover { color: #8f0000; }