.main-row{ position: relative}

body { overflow: hidden; }

      /*.navbar-offset { margin-top: 50px; }*/
      .navbar-offset { margin-top: 0px; }
      /*#map { position: absolute; top: 50px; bottom: 0px; left: 0px; right: 0px;}*/
      #map {  position: absolute; top: 50px; bottom: 0px; left: 0px; right: 0px; background-color: #22222217; margin-top: 0px}
      
      #map .ol-zoom { font-size: 1.2em; z-index: 57!important; }

      .zoom-top-opened-sidebar { margin-top: 5px; }
      .zoom-top-collapsed { margin-top: 45px;  }
      
      /*  */
      /*.ol-zoom-extent { top:4em}
      .zoom-extent-top-opened-sidebar { margin-top: 5px; }
      .zoom-extent-top-collapsed { margin-top:  2.6em; }
      */

      .mini-submenu{
        display:none;  
        background-color: rgba(255, 255, 255, 0.46);
        border: 2px solid rgb(132, 130, 132);
        border-radius: 4px;
        /*padding: 5px;  */
        /*position: relative;*/
        width: 40px; height: 40px;
        text-align: center;
        font-size: 27px;
        color: rgb(132, 130, 132);
      }

      .mini-submenu-left {
        position: absolute;
        top: 60px;
        left: 0.5em;
        z-index: 40;
        background-image: url(../../../images/images.png);
    /* background-color: red; */
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: 5px;
      }
      .mini-submenu-right {
        position: absolute;
        top: 60px;
        right: 0.5em;
        z-index: 40;
      }

      #map { z-index: 35; }

      .sidebar { z-index: 45; }

      /*.main-row { position: relative; top: 0; }*/
      .main-row { position: absolute; top: 0; left:0 }

      .mini-submenu:hover{
        cursor: pointer;
      }

      .slide-submenu{
        /*background: rgba(0, 0, 0, 0.45);*/
        display: inline-block;
        padding: 0 8px;
        border-radius: 4px;
        cursor: pointer;
      }

      
    #layers .panel-body .list-group .list-group-item label, 
    #layers2 .panel-body .list-group .list-group-item label,
    #layers-user .panel-body .list-group .list-group-item label 
    {  max-width: 275px; word-break: break-word;}
    
/* v2018 Pedro */    
#panel-izquierdo{ position: absolute; left: 0px; top: 50px; min-width: 300px}        
#panel-derecho{ position: absolute; right: 0px; top: 60px; min-width: 300px;     width: 350px;}          

.ol-zoom{ bottom: 140px !important; right: 20px !important; top:unset !important; left:unset !important; z-index: 57!important;}
.ol-zoom-extent{ bottom: 110px !important; right: 20px !important; top:unset !important; left:unset !important; z-index: 57!important;}

/* width */
::-webkit-scrollbar {    width: 7px; height: 7px}
/* Track */
::-webkit-scrollbar-track {    background: #f1f1f1; }
 /* Handle */
::-webkit-scrollbar-thumb {    background: #888; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {    background: #555; }

.contenedor-capas{
    background-image: url("../../../images/layers-icon-transp-blanco.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    line-height: 20px;
    padding-left: 25px;
    }
#layers .panel-default, #layers2 .panel-default, #layers-user .panel-default  { border: none;     /*width: max-content;*/}
#layers .categoria, #layers2 .categoria, #layers-user .categoria{  text-transform: uppercase; min-width: 300px;     border-bottom: 1px dotted #5fa3b1;}
#panel-derecho .panel-heading .panel-title{line-height: 20px} 


.panel-body { padding: 10px; }
label{margin-bottom: 0px}

.layers-evt h4, .layers-evt h5{ color: rgb(0, 89, 121)}
.panel { -webkit-box-shadow: none; box-shadow: none}
.panel-group .panel-heading+.panel-collapse>.panel-body {border-top: none}
.panel-group .panel+.panel{margin-top: 0px}

.panel-heading{border-top-left-radius: 0px; border-top-right-radius: 0px;}