.leaflet-loader-container {
	height: 100%;
	width: 100%;
	
	position: absolute;
	z-index: 1000;

	cursor: auto;
}
@media screen and (min-width: 481px) {
.leaflet-loader-container .leaflet-loader-background {
	position:fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(255,216,0,0.8);
	/*background-color   : #ffd800;*/
    background-image   : radial-gradient(#ffe85f 6%, transparent 33%),                   
	                     radial-gradient(#ffe85f 6%, transparent 33%);
	background-position: 0 0, 4px 4px;
    background-size    : 8px 8px;
}
}
@media screen and (max-width: 480px) {
.leaflet-loader-container .leaflet-loader-background {
	position:fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(255,216,0,0.8);
	/*background-color   : #ffd800;*/
    /*
	background-image   : radial-gradient(#ffe85f 6%, transparent 33%),                   
	                     radial-gradient(#ffe85f 6%, transparent 33%);
	background-position: 0 0, 4px 4px;
    background-size    : 8px 8px;
	*/
}	
}
.leaflet-loader {
	/*width:57.6px;
	margin: 30em auto;*/
	margin: -10px 0 0 -30px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 20px;
}

@-webkit-keyframes hideLoader {
    from {opacity: 1;}
    to {opacity: 0;}
}
@keyframes hideLoader {
    from {opacity: 1;}
    to {opacity: 0;}
}

/*
Following css for the loading animations comes from :
https://connoratherton.com/loaders
*/

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }

  45% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 0.7; }

  80% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.leaflet-loader > div:nth-child(0) {
  background-color: #fff;
  -webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.75s -0.36s infinite cubic-bezier(.2, .68, .18, 1.08); }
.leaflet-loader > div:nth-child(1) {
  background-color: #fff;
  -webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.75s -0.24s infinite cubic-bezier(.2, .68, .18, 1.08); }
.leaflet-loader > div:nth-child(2) {
  background-color: #fff;
  -webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.75s -0.12s infinite cubic-bezier(.2, .68, .18, 1.08); }
.leaflet-loader > div:nth-child(3) {
  background-color: #fff;
  -webkit-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
          animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); }
.leaflet-loader > div {
  /*background-color: #c8c2a2;*/
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block; }