body {
    padding: 0;
    margin: 0;
}
html, body {
    height: 100%;
     width: 100%;
     overflow: auto;
}

.container {
    height: 100%;
    width: 100%;
    /*padding-left: 0px;*/
    /*padding-right: 0px;*/
}

#map {
    height: 100%;
     width: 100%;
}

.legend {
    line-height: 18px;
    color: #555;
}
.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 1;
}

.leaflet-control-command-expanded{
    /*position:absolute;*/
     padding: 3px;
    width:200px;
    height:200px;
    display:none;
    /*background-color:white;
    border:1px #000000;
    z-index: 8;*/
    opacity:0.9;
}

.leaflet-control-command-interior
{
    background-image: url(images/command.png);
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    padding: 3px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65);
    cursor: auto;
    text-align: center;
    background-color: #FFFFFF;
}

    .leaflet-control-command-interior:hover
{
    background-color: #F4F4F4;
}

 .DivDate{
    padding:15px 0;
 }

.glyphicon-calendar{
    color:white;
}

.calendar{
    color:white;
}