input[type="range"]::-webkit-slider-thumb{
  height: 20px; background-color: blue !important;
}
.home-icon16{
  background:transparent url(../images/house.png) center 0 no-repeat !important;
}
.logo{
  background:transparent url(../images/logo.png) center 0 no-repeat !important;
}
.contents{
  background:transparent url(../images/contents.png) center 0 no-repeat !important;
}
.baselayers{
  background:transparent url(../images/layers.png) center 0 no-repeat !important;
}
.esrimap{
	background:transparent url(../images/globe.png) center 0 no-repeat !important;
}
.climate{
  background:transparent url(../images/climate.png) center 0 no-repeat !important;
}
.wblogo{
  background:transparent url(../images/worldbank.gif) center 0 no-repeat !important;
}
.indicators{
  background:transparent url(../images/indicators.png) center 0 no-repeat !important;
}
.charts{
  background:transparent url(../images/areacharts.png) center 0 no-repeat !important;
}
.clients-icon16{
	background:transparent url(../images/user_green.png) center 0 no-repeat !important;	
}
.invoices-icon16{
	background:transparent url(../images/table_money.png) center 0 no-repeat !important;	
}
.categories-icon16{
	background:transparent url(../images/application_view_icons.png) center 0 no-repeat !important;	
}
.icon-grid{
	background:transparent url(../images/disk16.png) center 0 no-repeat !important;	
}
.new-icon16{
	background:transparent url(../images/page_add16.png) center 0 no-repeat !important;	
}
.delete-icon16{
	background:transparent url(../images/delete16.png) center 0 no-repeat !important;	
}
.y-grid3-not-so-different-row {
  color: #129919 !important;
  text-align:right;
}
.y-grid3-different-row {
  color: #f20726 !important;
  text-align:right;
// ... any other css thing you like ...
}
.city-over-5-million {
  background-clip: padding-box;
  border-radius: 45px;
  background: rgba(241, 128, 23, 1.0);
  opacity: 0.8;
}
.city-between-1-5-million {
  background-clip: padding-box;
  border-radius: 35px;
  background: rgba(253, 156, 115, 1.0);
  opacity: 0.8;
}
.city-under-1-million {
  background-clip: padding-box;
  border-radius: 25px;
  background: rgba(240, 194, 12, 1.0);
  opacity: 0.8;
}
.city-under-half-million {
  background-clip: padding-box;
  border-radius: 20px;
  background: rgba(110, 204, 57, 1.0);
  opacity: 0.8;
}
.marker-neutral {
  background-clip: padding-box;
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.0);
  opacity: 0.8;
}
.legend {
  line-height: 18px;
  color: #555;
}
.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 1.0;
}
.info {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255,255,255,0.8);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  border-radius: 5px;
  opacity: 0.8;
}
.info h4 {
  margin: 0 0 5px;
  color: #777;
}
.leaflet-test-control {
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-test-control-button {
  background:#fff url(../images/contents.png) center  no-repeat !important;
  width: 26px;
  height: 26px;
  border-radius: 5px;
}

.leaflet-touch .leaflet-test-control-button  {
  width: 32px;
  height: 32px;
}

.leaflet-date-control {
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-date-control-button {
  background:#fff url(../images/calendar.png) center  no-repeat !important;
  width: 26px;
  height: 26px;
  border-radius: 5px;
}
.leaflet-touch .leaflet-date-control-button  {
  width: 32px;
  height: 32px;
}
.leaflet-selection-control {
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-selection-control-button {
  background:#fff url(../images/calendar.png) center  no-repeat !important;
  width: 26px;
  height: 26px;
  border-radius: 5px;
}
.leaflet-touch .leaflet-selection-control-button   {
  width: 32px;
  height: 32px;
}
.leaflet-info-control {
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  background: #fff;
  width: 26px;
  height: 26px;
  border-radius: 5px;
}
.leaflet-info-control-button {
  background:#fff url(../images/info.png) center  no-repeat !important;
  width: 24px;
  height: 24px;
  border-radius: 5px;
}
.leaflet-touch .leaflet-info-control-button  {
  width: 32px;
  height: 32px;
}

.leaflet-test-slider {
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-slider {
  background:#fff;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:1000;
  padding:0px;
  width:20px;
  border-radius: 8px;
  height:800px !important;
//  background: rgba(205,201,201,0.8);
  background: -webkit-linear-gradient(left,rgba(205,201,201,0.5),rgba(205,201,201,1));
  background: -o-linear-gradient(right,rgba(205,201,201,0.5),rgba(205,201,201,1));
  background: -moz-linear-gradient(right,rgba(205,201,201,0.5),rgba(205,201,201,1));
  background: linear-gradient(to right, rgba(205,201,201,0.5), rgba(205,201,201,1));

}
/*
.leaflet-slider-thumb{
  position:absolute;
  height:200px;
  width:20px;
  padding:5px;
  background:#f00;
  font-weight:bold;
  border:1px solid #333;
  cursor:pointer;
  -webkit-user-select: none;
}
*/
.leaflet-slider-thumb{
  -webkit-appearance:none !important;
  position:relative;
  top:50%;
  left:-5px;
  z-index:10000 !important;
  height:30px !important;
  width:30px  !important;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border:1px solid dimgray;
//  background: rgba(205,201,201,0.8);

  background: -webkit-linear-gradient(left,rgba(205,201,201,0.5),rgba(205,201,201,1));
  background: -o-linear-gradient(right,rgba(205,201,201,0.5),rgba(205,201,201,1));
  background: -moz-linear-gradient(right,rgba(205,201,201,0.5),rgba(205,201,201,1));
  background: linear-gradient(to right, rgba(205,201,201,0.5), rgba(205,201,201,1));

  /*
  background: #a90329;
  background: -moz-linear-gradient(left, #a90329 0%, #8f0222 50%, #6d0019 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a90329), color-stop(50%,#8f0222), color-stop(100%,#6d0019));
  background: -webkit-linear-gradient(left, #a90329 0%,#8f0222 50%,#6d0019 100%);
  background: -o-linear-gradient(left, #a90329 0%,#8f0222 50%,#6d0019 100%);
  background: -ms-linear-gradient(left, #a90329 0%,#8f0222 50%,#6d0019 100%);
  background: linear-gradient(to right, #a90329 0%,#8f0222 50%,#6d0019 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );
  */
}


.leaflet-simple-slider {
  right: 8px;
  background:#fff;
  z-index:1000;
  width:150px;
  border-radius: 8px;
  height:12px !important;
  background : #d3d3d3;
}

/*
.leaflet-simple-slider {
  right: 8px;
  background:#fff;
  z-index:1000;
  width:12px;
  border-radius: 8px;
  height:80px !important;
  background : #d3d3d3;
}
*/

.leaflet-simple-slider-thumb {
  -webkit-appearance: none !important;
  position: absolute;
/*  left: -4px; */
  top: -4px;
  z-index: 10000 !important;
  height: 20px !important;
  width: 20px !important;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border: 1px solid dimgray;
/*  background: #808080; */
  background: rgba(205,201,201,1.0);
}

.leaflet-control-layers-base {
  box-shadow: 0 1px 5px rgba(0,0,0,0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(../images/layers.png);
  width: 26px;
  height: 26px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(../images/layers-2x.png);
  background-size: 16px 16px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 32px;
  height: 32px;
}