.box{border-top: 1px;}
    .box-header.with-border {border-bottom: 2px solid #f4f4f4;}
    #id_site_date {width: 90px;}

    #only-for-small-device{
        display: none;
      }
    @media only screen and (max-width: 600px) {
      #only-for-small-device{
        display: block;
      }
    }

    #map-option-menu{
        position: absolute;
        display: inline-block;
        left: 5px;
        top: 5px;
        background: white;
        z-index: 5;
        border-radius: 4px;
        width: 285px;
    }
    #map-legend{
        position: absolute;
        display: inline-block;
        left:5px;
        bottom:5px;
        background: white;
        padding: 5px;
        z-index: 4;
        border-radius: 4px;
        width: 400px;
    }
    #map-title-menu{
        position: absolute;
        display: inline-block;
        right: 5px;
        bottom: 5px;
        background: white;
        padding: 5px;
        z-index: 4;
        border-radius: 4px;
        width: 300px;
    }
    #map-container{
        position: relative;
    }
    #thoreau-map{
        height: 100%;
        /* height:560px; */
    }
    .session {
      margin-bottom: 20px;
    }
    .row-leg {
      height: 30px;
      width: 100%;
    }
    .colors {
      /* background: linear-gradient(to right, #160086, #3700FF, #006DFF, #00FFE3, #2FFF69, #D2FF00, #FF8900, #FF0000, #940000 ); */
      margin-bottom: 5px;
    }
    .lbl {
      font-size: 10pt;
      width: calc(360px / 9);
      display: inline-block;
      text-align: center;
    }