@charset "UTF-8";
/* CSS Document */

<style type="text/css">
/*
.leaflet-control-rainviewer {
    background-color: '#FF0000';
}

.leaflet-control-rainviewer.leaflet-bar.leaflet-control.leaflet-control-rainviewer-active{
    background-color: '#FF0000';
}

*/

.leaflet-control-rainviewer-active {
    width: auto;
    height: auto;
    background-color: #FFF;
    padding: 25px 25px;
}

.leaflet-control-rainviewer-active a.GT_leaflet-control-rainviewer-button {
    display: none;
}

.leaflet-control-rainviewer-container {
    margin: auto;
    text-align: center;
    
   background-image: url("https://www.wizzymaps.com/images/rainviewer_bg_trans.svg");
    background-repeat: repeat;
    background-color:transparent;
    /*opacity:0.4;*/
    position: relative;
    padding:5px;/*20*/
    border-radius:8px; 
    margin: 80px 0px 0px 90px;
    
}

.leaflet-control-rainviewer-opacityslider, .leaflet-control-rainviewer-positionslider, .leaflet-control-rainviewer-label{
    display: block;
    clear: both;
    margin-top: 15px;
}

.leaflet-control-rainviewer-timestamp {
    text-align: center;
    margin: auto;
    clear: both;
    margin-top: 15px;
}

.leaflet-control-rainviewer-close {
    position: absolute;
    margin: 80px 0px 0px 90px;
    right: 5px;
    top: 5px;
    /*width: 16px;
    height: 16px;
    opacity: 0.3;*/
    
    background-image: url("https://www.wizzymaps.com/images/btn_close.svg");
    background-color: #000;
width: 20px;
height: 20px;
    
    background-repeat: no-repeat;
  background-size: 20px 20px;
    
    border-radius:8px;
cursor: pointer;
    
}

.leaflet-control-rainviewer-prev{
 /*background-image: url("https://www.wizzymaps.com/images/btn_close.svg");
    background-size: 30px 30px;*/
    background-color: #000;

    border:none;
    width: 30px;
height: 30px;
    border-radius:15px;
 margin: 10px 0px 0px 0px;
    font-family: Arial,Helvetica,sans-serif;
  	font-weight:normal;
  	font-size: 12px;
	color:#FFF;
	text-align:center;
    cursor: pointer;
}

.leaflet-control-rainviewer-next{
 /*background-image: url("https://www.wizzymaps.com/images/btn_close.svg");
    background-size: 30px 30px;*/
    background-color: #000;
   
    border:none;
    width: 30px;
height: 30px;
    border-radius:15px;
   margin: 10px 0px 0px 0px;
font-family: Arial,Helvetica,sans-serif;
  	font-weight:normal;
  	font-size: 12px;
	color:#FFF;
	text-align:center;cursor: pointer;
}

.leaflet-control-rainviewer-startstop{
 /*background-image: url("https://www.wizzymaps.com/images/btn_close.svg");
    background-size: 30px 30px;*/
    background-color: #000;
color:#FFF;
     margin: 10px 10px 0 10px;
    
    border:none;
    width: 100px;
height: 30px;
    border-radius:8px;
font-family: Arial,Helvetica,sans-serif;
  	font-weight:normal;
  	font-size: 12px;
	color:#FFF;
	text-align:center;
    cursor: pointer;
}
.leaflet-control-rainviewer-prev:hover,.leaflet-control-rainviewer-next:hover,.leaflet-control-rainviewer-startstop:hover{
    opacity:0.5;
}


/*
.leaflet-control-rainviewer-close:hover {
    opacity: 1;
    cursor: pointer;
}

.leaflet-control-rainviewer-close:before,
.leaflet-control-rainviewer-close:after {
    position: absolute;
    right: 8px;
    content: ' ';
    height: 16px;
    width: 2px;
    background-color: #333;
}

.leaflet-control-rainviewer-close:before {
    transform: rotate(45deg);
}

.leaflet-control-rainviewer-close:after {
    transform: rotate(-45deg);
}*/

.leaflet-control-rainviewer{
    
 border-radius:22px;
}
.leaflet-control-rainviewer a{
    
 border-radius:22px;

}
.leaflet-control-rainviewer a.GT_leaflet-control-rainviewer-button {
    padding:0px 0 0 0;
    width:40px;
    height:40px;
    border-radius:22px;
    background: #000 url("https://www.wizzymaps.com/images/btn_rain.svg") no-repeat 0 0;
    background-size: 40px 40px;
    margin: 220px 0px 0px 3px;
    
}
.leaflet-control-rainviewer a.GT_leaflet-control-rainviewer-button:hover {
   opacity:0.5;
}


.leaflet-control-rainviewer{
   
    border-radius:22px;
}

.leaflet-touch .leaflet-control-rainviewer a {
    background-position: 2px 2px;
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
    .leaflet-control-rainviewer a {
        background-image: url("images/rainviewer@2x.png");
        border-radius:22px;
    }
}
</style>