/*mapper historical*/
html, body {
    height: 99%;
}

#mapleaflet {
	width: 100%;
	height: 99%;
}

.xcustom .leaflet-popup-tip,
.xcustom .leaflet-popup-content-wrapper {
  background-color: rgba(55,178,72, 0.80);
    color: black;
	z-index: 999;
}
.xcustom1 .leaflet-popup-tip,
.xcustom1 .leaflet-popup-content-wrapper {
  background-color: rgba(55,178,72, 0.80);
    color: black;
	z-index: 999;
}
.xcustom2 .leaflet-popup-tip,
.xcustom2 .leaflet-popup-content-wrapper {
  background-color: rgba(55,178,72, 0.80);
    color: black;
	z-index: 999;
}
.xcustom3 .leaflet-popup-tip,
.xcustom3 .leaflet-popup-content-wrapper {
    background: #37b248;
    color: black;
	z-index: 999;
}
.xcustom4 .leaflet-popup-tip,
.xcustom4 .leaflet-popup-content-wrapper {
  background-color: rgba(55,178,72, 0.80);
    color: black;
	z-index: 999;
}
.xcustom5 .leaflet-popup-tip,
.xcustom5 .leaflet-popup-content-wrapper {
  background-color: rgba(55,178,72, 0.80);
    color: black;
	z-index: 999;
}
.xcustom6 .leaflet-popup-tip,
.xcustom6 .leaflet-popup-content-wrapper {
  background-color: rgba(55,178,72, 0.80);
    color: black;
	z-index: 999;
}
.xcustom7 .leaflet-popup-tip,
.xcustom7 .leaflet-popup-content-wrapper {
  background-color: rgba(55,178,72, 0.80);
    color: black;
	z-index: 999;
}
.xcustom8 .leaflet-popup-tip,
.xcustom8 .leaflet-popup-content-wrapper {
  background-color: rgba(55,178,72, 0.80);
    color: black;
	z-index: 999;
}
.xcustom9 .leaflet-popup-tip,
.xcustom9 .leaflet-popup-content-wrapper {
  background-color: rgba(55,178,72, 0.80);
    color: black;
	z-index: 999;
}
.xcustom10 .leaflet-popup-tip,
.xcustom10 .leaflet-popup-content-wrapper {
  background-color: rgba(55,178,72, 0.80);
    color: black;
	z-index: 999;
}
.xcustom11 .leaflet-popup-tip,
.xcustom11 .leaflet-popup-content-wrapper {
  background-color: rgba(55,178,72, 0.80);
    color: black;
	z-index: 999;
}
.xcustom12 .leaflet-popup-tip,
.xcustom12 .leaflet-popup-content-wrapper {
  background-color: rgba(55,178,72, 0.80);
    color: black;
	z-index: 999;
}
.xcustom13 .leaflet-popup-tip,
.xcustom13 .leaflet-popup-content-wrapper {
  background-color: rgba(55,178,72, 0.80);
    color: black;
	z-index: 999;
}

/* thumbnails historical */
 #thumbnail1{                         
    width: 116px;
	height: 151px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail1:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
  border: 1px solid green;
}
 #thumbnail2{                         
    width: 174px;
	height: 115px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail2:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail3{                         
    width: 174px;
	height: 250px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail3:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail4{                         
    width: 174px;
	height: 178px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail4:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail5{                         
    width: 174px;
	height: 116px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail5:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail6{                         
    width: 122px;
	height: 120px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail6:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail7{                         
    width: 174px;
	height: 100px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail7:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail8{                         
    width: 108px;
	height: 60px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail8:hover {
  transform: scale(2.0)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail9{                         
    width: 174px;
	height: 99px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail9:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail10{                         
    width: 88px;
	height: 81px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail10:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail11{                         
    width: 174px;
	height: 96px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail11:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail12{                         
    width: 121px;
	height: 69px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail12:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail13{                         
    width: 174px;
	height: 99px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail13:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail14{                         
    width: 174px;
	height: 138px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail14:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail15{                         
    width: 174px;
	height: 104px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail15:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail16{                         
    width: 174px;
	height: 139px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail16:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail17{                         
    width: 75px;
	height: 110px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail17:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail18{                         
    width: 218px;
	height: 155px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail18:hover {
  transform: scale(2.0)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail19{                         
    width: 113px;
	height: 73px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail19:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail20{                         
    width: 113px;
	height: 68px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail20:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail21{                         
    width: 174px;
	height: 102px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail21:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}
#thumbnail22{                         
    width: 173px;
	height: 102px;
	display: block;
    transition: all .4s ease-in-out;
}
#thumbnail22:hover {
  transform: scale(2.5)translateX(20px);
  z-index: 9990;
    border: 1px solid green;
}