html,body{overflow-x:hidden}body{font-family:Open Sans}.header-box{background:#fff;width:100%;height:90px;position:relative}.header-gradient{z-index:0;background:linear-gradient(#fff 0% 63.02%,#f3f3f3 100%);height:58px;position:absolute;top:0;left:0;right:0}.header-inner{z-index:1;gap:10px;height:74px;display:flex;position:absolute;top:5px;left:10px}.header-logo{width:95px;height:74px;position:relative}.status-box{box-sizing:border-box;border-radius:3px;justify-content:space-around;align-items:center;gap:40px;width:93.75%;min-height:200px;margin:0 auto;padding:16px 24px;display:flex;position:relative}.status--bezi{background:#7ba8040d;border:1px solid #7ba804}.status--nebezi{background:#e400000d;border:1px solid #e40000}.status--omezeni,.status--odstavka{background:#ffc2000d;border:1px solid #ffc200}.status-image,.status-icon{flex:1 1 0;justify-content:center;align-items:center;max-width:300px;display:flex}.status-image{background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:300px;height:300px}.status--nebezi .status-image{background-image:url(/FipKrecekVypadek.png)}.status--bezi .status-image{background-image:url(/FipKrecekBezi.png)}.status--odstavka .status-image{background-image:url(/FipKrecekOdstavka.png)}.status--omezeni .status-image{background-image:url(/FipKrecekPomaly.png)}.status-icon-shape{background-color:currentColor;width:120px;height:120px}.status-message{font-size:28px;font-weight:600;line-height:36px}.status--nebezi .status-message,.status--bezi .status-message,.status--omezeni .status-message,.status--odstavka .status-message{color:#000}.status--loading{opacity:.85}@media (width<=900px){.status-box{text-align:center;flex-direction:column;gap:20px;padding:32px 16px}.status-image{flex:none;width:250px;height:250px;margin:0 auto}.status-icon{display:none}.status-message{font-size:22px}}.outages-table{border-collapse:collapse;width:100%;margin:0 auto;font-size:13px;font-weight:400;line-height:18px}.outages-table thead{color:#fff;background-color:#009fb5}.outages-table th{text-align:left;height:30px;padding:6px}.outages-table th.status{width:20px;padding-left:4px;padding-right:2px}.outages-table th.start,.outages-table th.end{width:120px}.outages-table th.reason{width:518px}.outages-table th.madeBy{width:240px}.outages-table th.actions{width:88px}.outages-table tbody tr{background:#eff0ef;height:36px}.outages-table tbody td{color:#000;padding:0 4px}.outages-table tbody td.status{text-align:center;width:20px;padding-left:4px;padding-right:2px}.outages-table tbody td.start,.outages-table tbody td.end{width:120px}.outages-table tbody td.reason{width:518px}.outages-table tbody td.madeBy{width:240px}.outages-table tbody td.actions{text-align:right;white-space:nowrap;width:88px;padding-right:12px}.state-square{border-radius:3px;width:16px;height:16px;display:inline-block}.upcoming .state-square{background:#009fb5}.active .state-square{background:#ff6319}.previous .state-square{background:#b7b7b7}.failure .state-square{background:#e40000}.outages-table tbody tr.previous td{color:#636965;font-style:italic}.outages-table tbody tr.even td{background:#fff}.table-btn{box-sizing:border-box;cursor:pointer;background:linear-gradient(#fff 0%,#edf0ef 100%);border:1px solid #b1b4b2;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;padding:0;display:inline-flex}.btn-end-outage{box-sizing:border-box;cursor:pointer;background:linear-gradient(#fff 0%,#edf0ef 100%);border:1px solid #b1b4b2;border-radius:3px;justify-content:center;align-items:center;height:24px;padding:4px 8px;font-size:13px;display:inline-flex;position:relative;top:-3px}.table-btn:first-child{margin-left:0}.table-btn svg{width:16px;height:16px;display:block}.outages-table-a{color:#000;align-self:flex-start;font-size:12px;text-decoration:underline;display:inline-block}.outages-legend{color:#000;flex-wrap:wrap;align-self:flex-start;align-items:center;gap:8px 16px;width:100%;margin-top:8px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.table-border{box-sizing:border-box;border:1px solid #b7b7b7;border-radius:3px;flex-direction:column;align-items:center;gap:8px;width:93.75%;min-height:351px;margin:18px auto;padding:8px 12px;display:flex}.table-border-invisible{box-sizing:border-box;flex-direction:row;justify-content:center;align-items:stretch;gap:16px;width:93.75%;min-height:351px;margin:18px auto;display:flex}.table-border-half-width{box-sizing:border-box;border:1px solid #b7b7b7;border-radius:3px;flex-direction:column;align-items:center;gap:8px;width:calc(50% - 8px);min-width:0;min-height:351px;padding:8px 12px;display:flex}.header-row{align-items:center;width:100%;min-height:36px;display:flex;position:relative}.header-row-actions{flex-direction:row;flex-shrink:0;gap:8px;margin-left:auto;display:flex}.component-border-h1{color:#636965;justify-content:center;width:100%;margin:0;font-size:28px;font-weight:400;line-height:36px;display:flex}.table-border-h1{text-align:center;color:#636965;margin:0;font-size:28px;font-weight:400;line-height:36px;position:absolute;left:50%;transform:translate(-50%)}@media (width<=900px){.table-border-invisible{flex-direction:column}.table-border-half-width{width:100%}.header-row{flex-direction:column;align-items:center;gap:8px;position:static}.header-row-actions{flex-direction:column;justify-content:center;width:100%;margin-left:0}.header-row-actions button{justify-content:center;width:100%}.table-border-h1{text-align:center;width:100%;position:static;transform:none}}.add-outages-button{color:#fff;cursor:pointer;background:linear-gradient(#faa31a 0%,#f3641a 100%);border:1px solid #f3641a;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:5px 12px 5px 8px;font-size:13px;line-height:18px;display:inline-flex}.add-outages-button .icon{justify-content:center;align-items:center;width:18px;height:18px;display:flex}.add-outages-button .icon svg{width:16px;height:16px;display:block}.add-outages-button .label{align-items:center;font-size:13px;line-height:18px;display:flex}.modal-overlay{z-index:10;box-sizing:border-box;background-color:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0%}.modal{box-sizing:border-box;background:#fff;border-radius:3px;flex-direction:column;gap:12px;width:720px;max-width:100%;max-height:90vh;padding:12px;display:flex;overflow-y:auto}.modal,.modal *{font-style:normal!important}.modal-header{justify-content:space-between;align-items:center;padding:0 22px;display:flex}.modal-title{color:#009fb5;font-family:Open Sans;font-size:24px;font-weight:600;line-height:32px}.modal-close{cursor:pointer;background:0 0;border:none;font-size:20px}.modal .modal-content{border:1px solid #b7b7b7;border-radius:3px;flex-direction:column;gap:12px;padding:12px;display:flex}.form-row{align-items:center;gap:8px;padding:5px;display:flex}.form-row label{color:#000;flex-shrink:0;width:160px;font-family:Open Sans;font-size:13px;text-align:left!important}.textarea-row{align-items:flex-start}.input-group{background:#fff;border:1px solid #000;align-items:center;padding:3px 5px;display:flex}.input-group input{border:none;outline:none;flex:1}.calendar-icon{width:24px;height:24px}.textarea-row textarea{box-sizing:border-box;resize:none;border:1px solid #000;flex:1;min-width:0;height:80px;padding:5px;font-family:Open Sans}.modal .modal-buttons{justify-content:center;gap:12px;padding:8px 0;display:flex}.modal .btn-cancel{cursor:pointer;background:linear-gradient(#fff 0%,#edf0ef 100%);border:1px solid #b1b4b2;border-radius:3px;padding:5px 12px}.modal .btn-confirm{color:#fff;cursor:pointer;background:linear-gradient(#faa31a 0%,#f3641a 100%);border:1px solid #f3641a;border-radius:3px;padding:5px 12px}@media (width<=600px){.modal-header{padding:0 8px}.modal-title{font-size:20px}.form-row{flex-direction:column;align-items:stretch;gap:4px}.form-row label{width:auto}.modal .modal-buttons{flex-direction:column-reverse}}.switch{cursor:pointer;align-items:center;gap:10px;display:flex}.switch input{display:none}.slider{background:#ccc;border-radius:20px;width:36px;height:18px;transition:all .2s;position:relative}.slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.switch input:checked+.slider{background:#ff8a00}.switch input:checked+.slider:before{transform:translate(18px)}.switch-text{font-size:14px}.dyn-chart-plain{background:#fff;width:100%;height:220px}.dyn-chart-msg{color:#333;font-family:Open Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.dyn-chart-msg--error{color:#e40000}.dyn-yaxis-number,.dyn-yaxis-percent,.dyn-xaxis .recharts-cartesian-axis-tick-value{fill:#666;font-size:11px}.dyn-chart-plain .recharts-cartesian-grid-horizontal line{stroke:#ddd;stroke-width:1px}.dyn-chart-plain .recharts-cartesian-grid-vertical line{stroke:#0000}.dyn-chart-plain .recharts-default-tooltip{border-radius:4px;font-size:12px;background:#fff!important;border:1px solid #cfcfcf!important}.outageLabel-wrapper{justify-content:center;width:100%;margin-top:20px;display:flex}.outageLabel{color:#333;align-items:center;max-width:1000px;font-size:14px;display:flex}.outageLabel-color{border-radius:2px;width:12px;height:12px;margin-right:10px}.outageLabel-text{flex-wrap:wrap;justify-content:center;gap:6px;display:inline-flex}@media (width<=900px){.outageLabel{text-align:center;justify-content:center;padding:0 16px}.outageLabel-color{display:none}}.outageLabel-title{font-weight:700}.outageLabel-title-running{color:#ff6a00}.outageLabel-title-emergency{color:#e40000}.outageLabel-title-upcoming{color:#09b}.outageLabel-details{color:#444}.legend-label{color:#000;max-width:600px;font-size:12px;line-height:1.4}.legend-title{margin-right:6px;font-weight:600}.version-label{text-align:right;color:#b0b0b0;padding:8px 10px 10px;font-size:12px;display:block}.header-user{z-index:1;color:#333;font-size:13px;position:absolute;top:18px;right:16px}.header-logout{color:#f3641a;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.login-prompt{flex-direction:column;align-items:center;gap:12px;padding:24px 0;display:flex}.login-prompt-text{margin:0;font-size:15px}.toast-container{z-index:2000;flex-direction:column;gap:8px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.toast{color:#333;cursor:pointer;background:#fff;border-left:4px solid;border-radius:3px;padding:10px 14px;font-size:14px;line-height:20px;box-shadow:0 2px 8px #00000026}.toast--success{border-left-color:#7ba804}.toast--error{border-left-color:#e40000}.modal.confirm-dialog{max-width:400px}.confirm-dialog-text{margin:0 0 16px;font-size:15px}