@font-face {
    font-family: 'fontello';
    src: url('../dist/font-dedameteo/v-beta/fontello.eot?81890151');
    src: url('../dist/font-dedameteo/v-beta/fontello.eot?81890151#iefix') format('embedded-opentype'),
            url('../dist/font-dedameteo/v-beta/fontello.woff?81890151') format('woff'),
            url('../dist/font-dedameteo/v-beta/fontello.ttf?81890151') format('truetype'),
            url('../dist/font-dedameteo/v-beta/fontello.svg?81890151#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
    }




/*
.leaflet-tile{
  -webkit-animation: fade-in .8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: fade-in .8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
*/


  .map-label-ext{
    mix-blend-mode: normal;
    border-radius: 20px;
    font-family: Fira Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    white-space: nowrap;
    font-family: 'Fira Sans', sans-serif;
    /*
    -webkit-animation: fade-in .8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in .8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    */
  }

  .map-label-empty{
    mix-blend-mode: normal;
    font-family: Fira Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    white-space: nowrap;
    font-family: 'Fira Sans', sans-serif;
    /*
    -webkit-animation: fade-in .8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in .8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    */
  }
  
  .map-label{
    mix-blend-mode: normal;
    border-radius: 17px;
    white-space: nowrap;
    /*
    -webkit-animation: fade-in .8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in .8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    */
  }
  
  .map-label-nocache{
    mix-blend-mode: normal;
    border-radius: 17px;
    white-space: nowrap;
    /*
    -webkit-animation: fade-in .8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: fade-in .8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    */
  }
  



.leaflet-container {
  cursor: grab !important;
}
.leaflet-container:active {
  cursor: grabbing !important;
}



.rotate-15{
  -webkit-transform:rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
}
.rotate-13{
  -webkit-transform:rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.rotate-11{
  -webkit-transform:rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
.rotate-09{
  -webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rotate-07{
  -webkit-transform:rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.rotate-05{
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rotate-03{
  -webkit-transform:rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


.tools_leftbar{
    font-family: "fontello";
    color: white;
    background-color: rgba(200,200,200,.5);
    border-radius: 61px;
    z-index: 9999;
}
.barbtnsearch{
  width: 46px;
  height: 46px;
  text-align: center;
  background:#082747 url(../img/zoom_icon.svg) center center no-repeat;
  margin: 7px;
  cursor:pointer;
  background-size: 22px;
  border-radius: 61px;
}
.barbtnclose{
  width: 46px;
  height: 46px;
  text-align: center;
  background:#082747 url(../img/m_close_icon.svg) center center no-repeat;
  margin: 7px;
  cursor:pointer;
  background-size: 22px;
}
.barbtnopen{
  width: 46px;
  height: 46px;
  text-align: center;
  background:#082747 url(../img/m_open_icon.svg) center center no-repeat;
  margin: 7px;
  cursor:pointer;
  background-size:22px;
  border-radius: 61px;
}
#btnm_slide_up{
  width: 46px;
  height: 46px;
  text-align: center;
  background:white url(../img/long-arrow-up.svg) center center no-repeat;
  border-radius: 60px;
  margin: 7px;
  cursor:pointer;
}
#btnm_slide_dwn{
  width: 46px;
  height: 46px;
  text-align: center;
  background:white url(../img/long-arrow-down.svg) center center no-repeat;
  border-radius: 60px;
  margin: 7px;
  cursor:pointer;
}
.barbtn i{
    font-family: "fontello";
    font-style: normal;
    line-height: 2em;
    font-size: 22px;
}


.osmdark {
	filter: invert(0.8) grayscale(0.9) brightness(0.8) !important;
	-webkit-filter: invert(0.8) grayscale(0.9) brightness(0.8) !important;
}

.leaflet-container {
  background: #5b879c;
}

.plus{
    background-color:green;
}

.icon_sel_small{
  background-color: white;
  color: #21435e!important;
}
.icon_sel{
  background-color: #F5F5F5 !important;
}

.icon_sel img{
    filter: brightness(0) saturate(100%) invert(12%) sepia(19%) saturate(4237%) hue-rotate(185deg) brightness(96%) contrast(99%);
}


.barbtn{
  width: 46px;
  height: 46px;
  left: 20px;
  top: 14px;
  float: left;
  text-align: center;
  background-color:#082747;
  border-radius: 60px;
  margin: 7px;
  cursor:pointer;
}


.btn_plus{
  left: 38px;
  margin-top:4px;
  background-color:#147cb3;
  border-radius: 10px;
  font-size: x-small;
  width: 15px;
  position: absolute;
  text-align: center;
}

.sublayer{
  display: none;
}


.bnt_sublayer{
    clear: both;
    background: url(../img/plus.png) 40px 0px no-repeat;
    overflow: auto;
}

.barbtn:hover{
  background-color: #32546b;
}


/* Effemeridi */

.efem_mcontainer {
  width:240px;
  height:120px;
  margin:auto;
  overflow:hidden;
  clear: both;
}

.efem_line {
margin:20px;
padding-top:calc(100% - 40px);
position:relative;
border-radius:50%;
border:1px dashed white;
background-repeat:no-repeat;
transition:3s;
}

.efem_planet {
content:"";
position:absolute;
top:calc(50% - 20px);
left:-15px;
width:30px;
height:30px;
border-radius:50%;
border:2px solid #FFC0CB;
}

.metar-colour-0{
  background-color: rgba(8,172,0,.5)
}
.metar-colour-1{
  background-color: rgba(0,155,199,.5)
}
.metar-colour-2{
  background-color: rgba(255,0,0,.5)
}
.metar-colour-3{
  background-color: rgba(113,13,119,.5)
}
.metar-colour-4{
  background-color: rgba(0,0,0,.5)
}