.leaflet-bottom.leaflet-left{
        width: 100%;
      }
      .leaflet-control-container .leaflet-timeline-controls{
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
      }

      .leaflet-control-layers-expanded {
        color: #BA9A74;
      }

      .leaflet-interactive {
        fill-opacity: 1;
      }

      button, input, optgroup, select, textarea {
        color: #E4572E;
      }

      .leaflet-control.leaflet-timeline-control .button-container button.play:before, .leaflet-control.leaflet-timeline-control .button-container button.next:after {
        border-left-color: #BA9A74;
      }

      .leaflet-control.leaflet-timeline-control .button-container button.prev:after {
        border-right-color: #BA9A74;
      }

      .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
        border-color: #ffffff;
      }

      button {
        background-color: #E3DBC9;
        border-color: #E3DBC9;
        border: 0;
        margin: 2;
        width: 18;
      }

      .leaflet-bar a, .leaflet-bar a:hover {
        color: #BA9A74;
      }

      .time-slider {
          -webkit-appearance: none;
          width: 100%;
          height: 5px;
          border-radius: 5px;   
          background: #E3DBC9;
          outline: none;
          opacity: 0.7;
          -webkit-transition: .2s;
          transition: opacity .2s;
          margin-top: 17px;
      }

      .time-slider::-webkit-slider-thumb {
          -webkit-appearance: none;
          appearance: none;
          width: 16px;
          height: 16px;
          border-radius: 50%; 
          background: #BA9A74;
          cursor: pointer;

      }

      .leaflet-control.leaflet-timeline-control .button-container button.pause:before {

           width: 4px;
          height: 14px;
          border: 4px solid #BA9A74;
          border-width: 0 4px;
          margin-top: -7px;
          margin-left: -6px;
          background: transparent;
      }

      .time-slider::-moz-range-thumb {
          width: 16px;
          height: 16px;
          border-radius: 50%;
          background: #BA9A74;
          cursor: pointer;
      }

      .time-text {
        color: #4C4C47;
        font-weight: 500;
      }


      .leaflet-control.leaflet-timeline-control .button-container button.next:before,

      .leaflet-control.leaflet-timeline-control .button-container button.prev:before {
        background: #BA9A74;
      }