#map {height: 100%;}
    #map_menu {height: 100%;}
    html,
    body {
        height: 100%;
        margin: 0;
        padding: 0;
        font-family: sans-serif;
        
    }
	.square1 {
	   height: 15px;
	   width: 15px;
	}
	.square_transparent {
		height: 15px;
		width: 15px;
		background-color: #FFF;
		opacity: 1.0;
		visibility: hidden;
	}    
    .filters {
      height: 20px;
      width: 200px;
      margin-top: 10px;
      margin-right: 10px;
    }
    
    .info_box {
      width: 200px;
      background-color: transparent;
      margin-top: 10px;
      margin-right: 10px;
      border-style: outset;
      border-width: 1px;
      overflow: auto;
    }    
    .table_infobox {
      border: none;
      border-spacing: 0;
      border-collapse: collapse;
    } 
    
    .table_pasma {
      border: thin black solid;
      border-spacing: 0;
      border-collapse: collapse;
    } 
    
    .table_pasma img.normal {
        border: thin green solid;
        padding: 2px;
        background-color: #58c1ff;
        height: 15px;
        width: 15px; 
    }
    
    .table_pasma img.active {
        background-color: lightgreen;
    }
    
    .table_infobox tr {
      background-color: #58c1ff;
    }
    
    .table_infobox tr_a0 {
      height : 15px;
    }     
    .table_infobox tr_a1 {   
      height : 20px;
    }
    
    .table_infobox tr_ax {   
    }
    
    nav {
      /*display: flex;*/
      display: none;
      width: 100%;
      gap: 1rem;
      background-color: #2e65ff;
      color: white;
    }
    .menubutton>input {
      display: none;
    }
    
    /*these toggles the display of the menu button, it works because the label after the input element */
    
    .menubutton>input:checked+label .not-active {
      display: none;
    }
    
    .menubutton>input:not(:checked)+label .active {
      display: none;
    }
    
    .flex-container {
      display: flex;
      height: 100%;
      width: 100%;
    }
    
    /*levá strana sidebaru - konstatní šířka 3rem*/
    .flex-child-mapmenu {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    	background-color: #58c1ff;
        height: 100%;
        width: 3rem;
        transition: width .3s;        
    }   
    
    /*pravá strana sidebaru - 0-15 rem*/
    .flex-child-mapmenur {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    	background-color: #58c1ff;
        height: 100%;
        width: 0rem;
        transition: width .3s;        
    }   
   
   .flex-child-mapmenu input {
        width: 2.7rem;   
        text-align: right;
        margin: 5px;
   }
   
   .flex-child-mapmenu select {
        text-align: right;
        margin: 5px;
   }
    
   .flex-child-mapmenur input {
        width: 4.5rem;   
        height: 1rem;
   }
   
   .flex-child-mapmenur input[type="checkbox"] {
        width: 0rem;   
        height: 0rem;
   }
   
   .flex-child-mapmenur select {
        width: 6rem;   
        height: 20px;
        padding: 1px 1px;
   }
    
    .flex-child-map {
        flex-grow: 1;
        height: 100%;
        transition: transform .3s;
    } 
    
    .flex-child-map-row-container {
        display: flex;         
        align-items: center;
    }
    
    .flex-child-map-row-container-item {    
        flex-direction: column;
    }
    
    .flex-child-map-row-container-item-right {    
        flex-direction: column;
        display: none;
    }
    
    .flex-child-map-row-container-item-right-active {
        display: flex;
    }
       
    .sidebar-active {
      width: 15rem;
    }
    
    .wf_input {
        height: 20px;
        visibility: none;
    }
    .wf_input-active {
        visibility: visible;    
    }
    
     /*nástrojena práci s dpb*/
    .dpbdraw{
        margin: 4px;
        background-color: #78c2f0;
        border-radius: 4px;
        border: 1px solid #fff;
        overflow: hidden;
        float: left;
        display: block;
      }
      
      .dpbdraw label {
        float: left;
        line-height: 2.0em;
        width: 2.0em;
        height: 2.0em;
      }
      
      .dpbdraw label span {
        text-align: center;
        padding: 5px 0;
        display: block;
      }
      
      .dpbdraw label input {
        position: absolute;
        display: none;
        color: #fff !important;
      }
      /* selects all of the text within the input element and changes the color of the text */
      .dpbdraw label input + span{color: #fff;}
 
      .dpbdraw input:checked + span {
          color: #ffffff;
          text-shadow: 0 0  6px rgba(0, 0, 0, 0.8);
      }
       
    .dpb_rozdelit input:checked + span{background-color: #82D44E;}
    .dpb_ochrpasmo_linearni input:checked + span{background-color: #82D44E;}
    .dpb_ochrpasmo_obvodove input:checked + span{background-color: #82D44E;}
    .dpb_dira input:checked + span{background-color: #82D44E;}
    .dpb_span input:checked + span{background-color: #82D44E;}
    .dpb_edit input:checked + span{background-color: #82D44E;}
    .dpb_newpoly input:checked + span{background-color: #82D44E;}
    .dpb_newpoint input:checked + span{background-color: #82D44E;}
    .dpb_newcircle input:checked + span{background-color: #82D44E;}
    
    //.dpb_refresh input:checked + span{background-color: #9cfc26;}
    .dpb_refresh input + span{background-color: #9cfc26;}
    
    /*nástroje na vyhledávání/geolokaci*/ 
    #pac-container {
        padding-bottom: 12px;
        margin-right: 12px;
    }
    
    .pac-controls {
        display: inline-block;
        padding: 5px 11px;
    }
    
    .pac-controls label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
    }
    
    #pac-input {
          background-color: #fff;
          font-family: Roboto;
          font-size: 18px;
          font-weight: 300;
          margin-left: 12px;
          padding: 2px 0px 0 6px;
          text-overflow: ellipsis;
          width: 200px;
          height: 35px;
          margin-top: 8px;
    }
    
    #pac-input:focus {
        border-color: #4d90fe;
    }
    
    #target {
        width: 345px;
    } 
    
    .table_polygons {
        border-collapse: collapse;
        font-size: 0.9em;
        font-family: sans-serif;
        min-width: 220px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    }
    
    .table_polygons thead tr {
        background-color: #009879;
        color: #ffffff;
    }
    
    .table_polygons th,
    .table_polygons td {
        padding: 2px 2px;
        text-align: left;
    }
    
    .table_polygons img.normal {
        border: thin green solid;
        padding: 2px;
        background-color: #58c1ff;
        height: 15px;
        width: 15px; 
    }
    
    .table_polygons img.active {
        background-color: lightgreen;
    }
    
    .table_polygons tbody tr {
        border-bottom: thin solid #dddddd;
    }
    
    .table_polygons tbody tr:nth-of-type(even) {
        background-color: #f3f3f3;
    }
    
    .table_polygons tbody tr:last-of-type {
        border-bottom: thin solid #009879;
    }
    
    .table_polygons tbody tr.active-row {
        font-weight: bold;
        color: #009879;
    }
    
    .table_polygons input[type="text"] {
        width: 5rem;   
        text-align: left;
   }
   .table_polygons input[type="checkbox"] {
        width: 1rem;   
        text-align: left;
        display: none;
   }