/* body {padding: 0;} */
#map { background: #efefef; width: 100%; height: 636px; }
.leaflet-container { height: 100%; width: 100%; max-width: 100%; max-height: 100%; }
.info { padding: 6px 8px; font: 14px/16px Arial, Helvetica, sans-serif; background: white; background: rgba(255,255,255,0.8); border-radius: 5px; }
.info h4 { margin: 0 0 5px; color: #777; }

/* Stick left panel to left side for map to float */
.cp-left {position:absolute;top:134px;left:15px;z-index: 500;}
@media (min-width:1380px){.cp-left{left: 60px;}}

/* JM ADDED FOR IND1 TABLES */
#indicator-selection-table:checked ~ label svg.svg_larrow{transform:rotate(0deg);transition:all 0.4s ease-in-out;}
#indicator-selection-table:checked ~ label .text{display:inline-block;transition:all 0.4s ease-in-out;}
#indicator-selection-table:checked ~ .wbox{display:block;animation:fadein .8s;transition:all 0.4s ease-in-out;}
/* END ADD */

/* JM ADDED TO HIDE IND1 TABLES */
.ind1-table{display:none;}
@media (max-width:991px){
    .ind1 .cp-left{top:130px;padding-bottom:0;}
    .ind1 .cp-right{width:100%;}
    .ind1 .cu_select{margin-bottom: 0px;}
    .ind1 .cp-left.table {position:relative;top:0;left:0;}
    }

@media (max-width:767px){
    .ind1 .cp-left:not(.table){top:160px;left:0;padding:0 15px}
    .ind1 .cu_select{margin-bottom: 8px;}
}

@media (max-width:567px){
    .ind1 .cp-left:not(.table){top:180px;}
    .ind1 .cu_select{margin-bottom: 10px;}
    }