/* -------  style widget ----------*/

#panel-flyradar{
  min-height: 180px;
  background:#888; 
  padding: 5px 10px;
  color: #FFF;
  font-family: 'Open Sans', sans-serif; 
  font-size:15px;
} 

.flyradar-panel-body{
    margin-bottom:5px;
}

.flyradar-instrument{
    float:left;
    height:125px;
    width: 125px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image:url('flyradar-instrument.svg');
}

.flyradar-header,
.flyradar-links{
    margin-left:135px;
}


.flyradar-instrument .run{
    width: 105px;
    height: 105px;
    position: absolute;
    top: 16px;
    left: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(flyradar-rotate.svg);
    -webkit-animation: rotating 15s linear infinite;
}

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.flyradar-instrument .stop{
    width: 103px;
    height: 103px;
    position: absolute; top: 16px; left: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(flyradar-stop.svg);
}

.flyradar-header{
    border-bottom: 1px solid #FFF;
} 

.flyradar-title{
    font-size:20px;
    font-weight:700;
    margin-bottom:-5px;
}

.flyradar-links{
    margin-top:5px;
    margin-left:130px;
}

.flyradar-links li{
    margin-left: -20px;
}
.flyradar-links li a{
    color:#FFF;
}

.flyradar-links li a:hover{
    color:#CCC;
}

.who{
    position:absolute;
    bottom:8px;
}

.button-to-map{
    clear:both;
    background: #2a421f;
    text-align: center;
    padding: 6px;
    border-radius: 10px;
    color: #EEE !important;
    font-weight: 700;
    display: block;
}

.button-to-map:hover{
    color:#7ef606 !important;
    cursor:pointer;
}