/* === Levý panel === */
    .sidenav { width: 240px; } /* požadovaná šířka */
    /* === Pravý obsah === */
    main { padding: 16px; }
    /* Na desktopu nechť je levý panel fixní a obsah odsazený,
       aby se nepřekrývaly */
    @media (min-width: 993px) {
      .sidenav.sidenav-fixed { transform: translateX(0); } /* zajistí viditelnost */
      main { margin-left: 240px; } /* odsazení o šířku panelu */
    }

    /* Horní pruh vpravo */
    .topbar {
      display:flex; align-items:center; gap:12px;
      background:#fff; border-bottom:1px solid #e0e0e0;
      padding:8px 12px; position: sticky; top:0; z-index: 1000;
    }
    .search-wrap { flex:1; }
    .topbar .input-field { margin:0; }
     .sidenav { width: 240px; }
     
  @media (min-width: 993px) { 
  	main { margin-left: 240px; } 
  }

  /* submenu vzhled */
  .sidenav .collapsible { box-shadow: none; margin: 0; }
  .sidenav .collapsible-header { padding-left: 16px; }
  .sidenav .collapsible-header .material-icons:first-child { margin-right: 10px; }
  .sidenav .collapsible-body { padding: 0; }
  .sidenav .submenu > li > a { padding: 10px 16px 10px 52px; display: block; }
  .sidenav .submenu .divider { margin: 6px 0; }

  /* caret ikona vpravo */
  .sidenav .collapsible-header .caret { opacity: .7; }
  .sidenav .collapsible li.active > .collapsible-header .caret { transform: rotate(180deg); }

#searchResults .results-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
  }
  @media (max-width: 768px) {
    #searchResults .results-grid { grid-template-columns: 1fr; }
  }
  #searchResults .section-title { font-size:.9rem; font-weight:600; color:#616161; margin:6px 0 4px; }
  #searchResults table { width:100%; border-collapse: collapse; }
  #searchResults thead th { font-size:.8rem; font-weight:600; color:#616161; text-transform:uppercase; padding:6px 8px; border-bottom:1px solid #eee; }
  #searchResults tbody td { padding:8px; vertical-align:top; }
  #searchResults tbody tr { cursor:pointer; }
  #searchResults tbody tr:hover, #searchResults tbody tr.active { background:#f5f5f5; }
  
  /* konec menu */

 @media (max-width: 400px) { 
  main { padding: 5px; }
.card .card-content {
     padding: 0 5px;
}
.row .col .col {
    padding: 0;
  }
}
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 2rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 15px 0;
    padding: 0 5px;
    box-shadow: none;
    box-sizing: content-box;
    transition: all 0.3s;
}
table#tab {border:1px solid #888;}
table#tab tr{border:none;}
table#tab .trlink{border-bottom:1px solid #888;}
table#tab td{padding:10px;}

.btn, .btn-large, .btn-small {
    margin-bottom: 4px;
}

strong {font-weight: bold; }
.mce-content-body strong {font-weight: bold; }
img.responsive-img{    max-width: 100%;
    height: auto;}

/* tinymce*/
input.mce-textbox{
width: auto;
background: #fff;
border: 1px solid #c5c5c5;
display: inline-block;
-webkit-transition: border linear .2s, box-shadow linear .2s;transition: border linear .2s, box-shadow linear .2s;
height: 28px;
resize: none;
padding: 0 4px 0 4px;
white-space: pre-wrap;
color: #333;
}


	[type="checkbox"] + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block; 
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}
[type="checkbox"] + label:before, [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s;
}

.icona-doprava {
    max-height: 20px;
}

.collection .collection-item { padding: 15px 20px;}
.collection input[type=text],input[type=text].input80{ width: 90px; }	

input[type="button"] { margin: 5px;}


html, body {
  overflow-x: hidden;
  max-width: 100%;
}

.container {
  width: 100%;
  max-width: 100%;
}