.leaflet-credits-control {

    margin-right:0 !important;

    margin-bottom:0 !important; 

	width:124px;

    height:122px;

	        /* defined in the JavaScript code */

    padding-right:60px; 

	opacity:0.7; /* defined in the JavaScript code */

    background-repeat:no-repeat;

    background-position:80% 60%;

    cursor:pointer;

}

.leaflet-credits-control a {

    font-size:8pt;

    color:#333333 !important;

    text-decoration:none;

    text-align:right;

    display:none; /* becomes visible on mouse hover, see creditsControl */

}

.leaflet-credits-control a.leaflet-credits-showlink {

    display:inline-block;

    padding-left:5px;

    padding-right:5px;

    margin-top:5px;

    line-height:15px;

}



.leaflet-sidebar { 

  

  position: absolute;

  height: 100%;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 10px;

  z-index: 2000; }

  .leaflet-sidebar.left {

    left: -500px;

    transition: left 0.5s, width 0.5s;

    padding-right: 0; }

    .leaflet-sidebar.left.visible {

      left: 0; }

  .leaflet-sidebar.right {

    right: -500px;

    transition: right 0.5s, width 0.5s;

    padding-left: 0; }

    .leaflet-sidebar.right.visible {

      right: 0; }

  .leaflet-sidebar > .leaflet-control {

    height: 100%;

    width: 100%;

	border-style:solid;

	border-width:3px;
      border-color: #3F3221;

	border-top-left-radius:15px;

	border-bottom-left-radius:15px;

	overflow: auto;

    -webkit-overflow-scrolling: touch;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

	padding: 8px 24px;

    font-size: 1.1em;

    background: rgba(255, 255, 255, 0.75);

    box-shadow: 0 1px 30px rgba(0, 0, 0, 3);

	}

    .leaflet-touch .leaflet-sidebar > .leaflet-control {

      /*box-shadow: none;*/

	  /*   border: 2px solid rgba(0, 0, 0, 0.2);*/

      background-clip: padding-box; }

    @media (max-width: 767px) {

		.leaflet-sidebar .close { padding-top:16%;

		

		}

    .leaflet-sidebar {		

      width: 100%; padding-top:27px;

       }

      .leaflet-sidebar.left.visible ~ .leaflet-left {

        left: 100%; }

      .leaflet-sidebar.right.visible ~ .leaflet-right {

        right: 100%; }

      .leaflet-sidebar.left {

        left: -100%; }

        .leaflet-sidebar.left.visible {

          left: 0; }

      .leaflet-sidebar.right {

        right: -100%; }

        .leaflet-sidebar.right.visible {

          right: 0; }

      .leaflet-sidebar > .leaflet-control {

        box-shadow: none;

        -webkit-border-radius: 0;

        border-radius: 0; }

        */.leaflet-touch .leaflet-sidebar > .leaflet-control {

         /*  border: 0;*/ } }

  @media (min-width: 768px) and (max-width: 991px) {

    .leaflet-sidebar {

      width: 405px; }

      .leaflet-sidebar.left.visible ~ .leaflet-left {

        left: 405px; }

      .leaflet-sidebar.right.visible ~ .leaflet-right {

        right: 405px; } }

  @media (min-width: 992px) and (max-width: 1199px) {

    .leaflet-sidebar {

      width: 390px; }

      .leaflet-sidebar.left.visible ~ .leaflet-left {

        left: 390px; }

      .leaflet-sidebar.right.visible ~ .leaflet-right {

        right: 390px; } }

  @media (min-width: 1200px) {

    .leaflet-sidebar {

      width: 460px; }

      .leaflet-sidebar.left.visible ~ .leaflet-left {

        left: 460px; }

      .leaflet-sidebar.right.visible ~ .leaflet-right {

        right: 460px; } }

  .leaflet-sidebar .close {

    position: absolute;

    right: 15px;

    top: 2%;

    width: 41px;

    height: 51px;

    color: #424251;

    font-size: 50px;

    line-height: 1em;

    text-align: center;

    -webkit-border-radius: 16px;

    border-radius: 16px;

    cursor: pointer;

    z-index: 8000; }



.leaflet-left {

  transition: left 0.5s; }



.leaflet-right {

  transition: right 0.5s; }