#modal .modalbox.transit-docs-modal{
  width:min(1320px,calc(100vw - 36px));
  max-width:calc(100vw - 36px);
  height:calc(100vh - var(--app-header-h) - 36px);
  max-height:calc(100vh - var(--app-header-h) - 36px);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
#modal .modalbox.transit-docs-modal>h3{flex:0 0 auto}
#modal .modalbox.transit-docs-modal>#mText{
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
#modal .transit-docs-layout{
  flex:1 1 auto;
  min-height:0;
  display:flex!important;
  flex-direction:column;
  gap:12px;
}
#modal .transit-docs-layout>label{flex:0 0 auto}
#modal #transitDocsPreview{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
}
#modal #transitDocsPreview>.settings-note,
#modal #transitDocsPreview>.actions,
#modal #transitDocsPreview>.hint{flex:0 0 auto}
#modal #transitDocsPreview>.tablewrap{
  flex:1 1 auto;
  min-height:140px;
  max-height:none;
  overflow:auto;
}
#modal .modalbox.transit-docs-modal>.modalactions{
  flex:0 0 auto;
  margin-top:12px;
}
@media(max-width:700px){
  #modal .modalbox.transit-docs-modal{
    width:calc(100vw - 20px);
    max-width:calc(100vw - 20px);
    height:calc(100vh - var(--app-header-h) - 20px);
    max-height:calc(100vh - var(--app-header-h) - 20px);
  }
}
.settings-note{font-size:11px;color:#7a838d;margin-top:9px;line-height:1.45}
#modal .modalbox.transit-docs-modal:has(#mText table){height:calc(100vh - var(--app-header-h) - 36px);max-height:calc(100vh - var(--app-header-h) - 36px);overflow:hidden}
@media(max-width:700px){#modal .modalbox.transit-docs-modal:has(#mText table){height:calc(100vh - var(--app-header-h) - 20px);max-height:calc(100vh - var(--app-header-h) - 20px)}}