.radar-controls{
    margin: 10px auto;  
    text-align: center;
}

.radar-date-container, .radar-type-choice{
    margin-right: 5px;
    min-height: 33px;
    line-height: 33px;
}

.precipitation-label{
    margin: 0 10px 0 15px;
    height: 33px;
    line-height: 33px;
}

.legende-lamedeau{    
    display: none;
}

.legende-lamedeau, .legende-reflexivite{    
    margin: 10px auto;    
}

.legende-lamedeau img, .legende-reflexivite img{
    vertical-align: bottom;
}

.legende-reflexivite{
    
}

#map-canvas {
    height: 500px;
    margin: 0px;
    padding: 0px
}

.image-radar { 
    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: pixelated; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
    
    opacity: 0.9;
}
    
.controls {
    margin-top: 16px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 2%;
    margin-right: 2%;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 96%;
}
.legend-container{
    margin-top: 10px;
    overflow: auto;
}
.thresholds, .scale-colors{
    overflow: auto;
    margin: auto;
}

.scale-threshold{
    width: 30px;
    text-align: center;
    float: left;
    font-size: 9px;
}

.scale-level{
    width: 30px;
    height: 30px;
    float: left;
}

.scale-colors{
    clear: both;
}

.etiquette-color{
    height: 30px;
    line-height: 30px;
    font-size: 9px;
    clear: both;
}

.rain-level-1{
    background-color: #C4EBFF;
}
.rain-level-2{
    background-color: #BFE6FF;
}
.rain-level-3{
    background-color: #80CCFF;
}
.rain-level-4{
    background-color: #40B3FF;
}
.rain-level-5{
    background-color: #0099FF;
}
.rain-level-6{
    background-color: #00FE67;
}
.rain-level-7{
    background-color: #01CC00;
}
.rain-level-8{
    background-color: #009900;
}
.rain-level-9{
    background-color: #006600;
}
.rain-level-10{
    background-color: #FFFF33;
}
.rain-level-11{
    background-color: #FFCC00;
}
.rain-level-12{
    background-color: #FE9900;
}
.rain-level-13{
    background-color: #FF6600;
}
.rain-level-14{
    background-color: #FE0000;
}
.rain-level-15{
    background-color: #FF0299;
}
.rain-level-16{
    background-color: #9A33CC;
}
.rain-level-17{
    background-color: #670099;
}

.supercooling-level-1{
    background-color: #ff6666;
}
.supercooling-level-2{
    background-color: #ff0000;
}
.supercooling-level-3{
    background-color: #cc0000;
}

.hail-level-1{
    background-color: #ff8e00;
}