/* Shared screen layout. Print documents keep their own styles. */
.eceg-menu-toggle { display: none; }
.eceg-table-scroll { display: contents; }
@media screen {
  #workspace img, #workspace video { max-width: 100%; height: auto; }
  #workspace iframe, #workspace .cke { max-width: 100%; }
  #workspace, #workspace form, #workspace fieldset { min-width: 0; }
  #workspace [hidden] { display: none !important; }
  #eceg-invoicing label { height: auto; line-height: 1.5; }
  #eceg-invoicing input, #eceg-invoicing select { min-height: 42px; }
  #eceg-invoicing textarea { min-height: 90px; }
  .eceg-menu-toggle:focus-visible, .eceg-table-scroll:focus-visible { outline: 3px solid #933aa8; outline-offset: 3px; }
}
@media screen and (max-width: 1120px) {
  div#statusbar { position: relative; min-width: 0; max-width: 100%; height: auto !important; min-height: 10px; }
  div#statusbar div.content { width: 100%; min-width: 0; max-width: 100%; padding: 10px 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
  div#statusbar div.content:empty { padding: 0; }
  div#statusbar #menu-ehaz { position: static; order: -1; flex: 1 1 100%; min-width: 0; white-space: normal; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  #menu-ehaz a.logo { margin: 0; height: auto; line-height: 40px; }
  #menu-ehaz .menu-1 { flex: 1 1 240px; min-width: 0; }
  #menu-ehaz .menu-1 a { margin: 0 8px; }
  #menu-ehaz #menu-haz-name { max-width: 100% !important; margin-left: 0; }
  div#statusbar .status { min-width: 0; max-width: 100%; margin-right: auto; }
  div#statusbar select#changeUsergroup { max-width: 100%; }
  div#statusbar .status > span { width: auto; max-width: 100%; height: auto; white-space: normal; }
  #menu-kereso { max-width: 100%; }
  div#content.full { width: 100%; min-width: 0; max-width: 100%; padding: 8px 12px 20px !important; min-height: calc(100vh - 100px) !important; }
  div#content.top, div#content.middle { position: relative; top: auto !important; left: auto; width: 100%; max-width: 600px; margin: 20px auto !important; padding: 12px !important; }
  div#content.full div#footer { position: static; width: 100%; max-width: 100%; min-width: 0; height: auto; margin-top: 24px; }
  div#content div#menu { margin: 0 0 12px; }
  div#content div#menu div.menu-1 { float: none; width: auto; line-height: 2.2; }
  div#content div#menu div.menu-2 { position: static; width: 100%; min-width: 0; max-width: 100%; height: auto; margin: 0; padding: 6px; white-space: normal; overflow: visible; line-height: 42px; }
  div#content div#menu div.menu-2-spacer { display: none; }
  div#content div#menu .menu2-item { display: inline-block; }
  body #workspace > div.menu { height: auto; margin: 0 0 12px; padding: 0; }
  body #workspace > div.menu > ul.modul-menu { position: static; width: 100%; min-width: 0; max-width: 100%; margin: 0; padding: 6px; white-space: normal; line-height: 36px; overflow: visible; }
  body.content_no-menu #workspace { padding-top: 0; }
  #workspace .sticky-tabs > .tab-menu, #workspace table.sticky-header > thead > tr.sticky, #workspace table[class*='form-'] > tbody > tr.sticky-h3 > td { position: static !important; }
  #workspace .eceg-table-scroll { display: block; width: 100%; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
  #workspace .eceg-table-scroll > table { margin-left: 0; margin-right: 0; }
  #workspace .eceg-table-scroll > table.list-1 { min-width: 640px; }
  #workspace div.box { max-width: 100%; }
  #workspace .tabs > ul.tab-menu { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; }
  #workspace .tabs > ul.tab-menu li { height: auto; margin: 0; }
  #workspace .tabs > ul.tab-menu li a { height: auto; min-height: 42px; white-space: normal; }
  #workspace select.selected-honap, #workspace select.selected-ev { position: static !important; margin: 6px 0 !important; max-width: 100%; }
  #workspace input:not([type=checkbox]):not([type=radio]), #workspace select, #workspace textarea, #workspace span.input { max-width: 100%; box-sizing: border-box; }
  #workspace pre { white-space: pre-wrap; overflow-wrap: anywhere; }
  #processing-time { display: none; }
}
@media screen and (max-width: 1120px) {
  div#content.full { padding-left: 8px !important; padding-right: 8px !important; }
  div#statusbar div.content { padding: 8px 12px; }
  #statusbar .user a { max-width: 100px; }
  div#statusbar select#changeUsergroup { min-height: 42px; font-size: 16px; }
  #menu-ehaz .menu-1 { flex-basis: 100%; }
  #menu-ehaz .menu-1 a { min-height: 40px; line-height: 40px; }
  #menu-ehaz .haz-menu { height: auto; }
  #menu-ehaz .haz-menu li a { width: 40px; height: 38px; }
  div#content div#menu .eceg-menu-toggle { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid #d4bfd9; border-radius: 6px; background: #fff; color: #6c2a7d; font: bold 16px/24px Arial,sans-serif; text-align: left; cursor: pointer; }
  .eceg-menu-toggle::after { content: '\2630'; font-size: 22px; }
  .eceg-menu-toggle[aria-expanded=true]::after { content: '\00d7'; }
  div#content div#menu.eceg-menu-ready:not(.eceg-menu-open) .menu-2 { display: none; }
  div#content div#menu .menu-2 .menu2-item { display: block; border: 0; padding: 0; }
  div#content div#menu .menu-2 .menu2-item::after { content: none; }
  div#content div#menu .menu-2 a { display: inline-block; min-height: 42px; white-space: normal; }
  div#content div#menu .menu-2 .menu2-item > a:first-child { min-width: 65%; }
  #workspace div.box { margin: 8px 0; padding: 14px 12px; width: auto !important; min-width: 0 !important; }
  #workspace div[style*='width:'] { max-width: 100%; }
  #workspace div[style*='min-width:'] { min-width: 0 !important; }
  #workspace div.box.color > h1 { margin: -14px -12px 10px; }
  #workspace div.box h1, #workspace div.box h2, #workspace div.box h3 { overflow-wrap: anywhere; }
  #workspace div.box h3 { margin-left: -12px; margin-right: -12px; }
  #workspace div.box ul.box-menu { position: static; display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 8px 0; }
  #workspace div.box ul.box-menu li, #workspace ul.modul-menu li { margin: 0 8px 0 0; }
  #workspace div.box ul.box-menu a, #workspace ul.modul-menu a { height: auto; min-height: 40px; line-height: 24px; padding-top: 8px; padding-bottom: 8px; white-space: normal; }
  #workspace > div[style*='float:'], #workspace .box > div[style*='float:'] { float: none !important; width: 100% !important; }
  #workspace table.form-1, #workspace table.form-2, #workspace table.form-3, #workspace table.search-1 { display: block; width: 100% !important; min-width: 0 !important; }
  #workspace table:is(.form-1,.form-2,.form-3,.search-1) > :is(tbody,thead,tfoot) { display: block; width: 100%; }
  #workspace table:is(.form-1,.form-2,.form-3,.search-1) > :is(tbody,thead,tfoot) > tr { display: block; width: 100%; margin: 0 0 12px; }
  #workspace table:is(.form-1,.form-2,.form-3,.search-1) > :is(tbody,thead,tfoot) > tr > :is(td,th) { display: block; width: 100% !important; min-width: 0 !important; padding: 4px 0; text-align: left; white-space: normal; overflow-wrap: anywhere; }
  #workspace table:is(.form-1,.form-2,.form-3,.search-1) > :is(tbody,thead,tfoot) > tr > td:empty { display: none; }
  #workspace table:is(.form-1,.form-2,.form-3,.search-1) > colgroup { display: none; }
  #workspace input:not([type=checkbox]):not([type=radio]):not([type=hidden]), #workspace select, #workspace textarea { font-size: 16px; min-height: 42px; }
  #workspace table:is(.form-1,.form-2,.form-3,.search-1) > tbody > tr > td > :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select:not(.date-select),textarea) { width: 100% !important; margin-right: 0 !important; }
  #workspace select.date-select { width: auto; max-width: 33%; }
  #workspace label { height: auto; min-height: 30px; line-height: 1.6; white-space: normal; }
  #workspace .checkbox-multi label { max-width: 100%; }
  #workspace a.button, #workspace a.submit { white-space: normal; height: auto; min-height: 42px; }
  #workspace .invoice-paged-list > div { gap: 8px; }
  #ceg-dashboard .dashboard-box { flex-basis: 100%; padding: 14px; }
  #ceg-dashboard .dashboard-card { min-width: 0; }
  #workspace #ceg-dashboard .dashboard-field input, #workspace #ceg-dashboard .dashboard-field select { font-size: 16px; }
  #eceg-invoicing .inv-grid { grid-template-columns: 1fr !important; }
  #eceg-invoicing .inv-panel { padding: 12px; }
  #eceg-invoicing .inv-preview { overflow: auto; }
  div#autocomplete { max-width: calc(100vw - 24px); }
}