.mfcftoplgnd {
color: #111 ;
font-weight: 700;
font-size: 12px;
line-height: 1.2em;
font-family: 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
}
.mfcfslider-container {
height: 302px;
border-radius: 4px;
padding: 2px;
margin-left: 5px;
margin-top: 5px;
}
.mfcfslider-values-container {
height: 236px;
overflow-x: hidden;
overflow-y: hidden;
margin-left: 175px;
}
.monthlyslider {
height: 18px;
margin-top :0px !important;
margin-bottom:0px !important ;
}
#fdw-pricing-table .header-mfcf-slider {
background-color: rgb(227,238,247);
height: 33px;
border-bottom: 2px solid;
font-weight: 700;
font-size: 12px;
padding-top:2px !important ;
}
.mfcf-slider-value-ora-slider {
font-size: 9pt;
line-height: 1;
/* color: #e41404; */
}
#fdw-pricing-table li.lislider {
padding: 1px 0;
margin-bottom:1px ;
}
#fdw-pricing-table hr.hrslider {
/* border: 0; */
margin: 0.1em 0;
}
.arrow-down {
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #f1c400;
}
.mfcfslider-legend-container {
position:relative;display:block;width:100px;height:245px;float:left;/*border:1px solid red */
}
.mfcfslider-values-container {
margin-left: 0px;
}
.arrow-down {
margin-left: 112px;
}
.mfcfslider-values-container-5d {
width: 2594px;
}
.imgtempo-slider {
width: 20px;
height: 20px;
padding-top: 0px;
}
.monthlysliderlast {
height:18px;
}
#fdw-pricing-table .plan1 .header-slider{
border-bottom-color: #f1c400;
padding-top: 2px !important;
}
#fdw-pricing-table .header-slider {
position: relative;
font-size: 11px;
font-weight: 600;
height: 33px;
padding: 0px;
/* margin: -20px -20px 20px -20px; */
border-bottom: 2px solid;
background-color: #eee;
}
.plan-slider {
width: 98px !important;
}
.plan-bottom {
width: 98px !important;
height:188px ;
/* display:none ; */
/*border:1px solid red ; */
}
.monthlysliderlegend {
font-size:11px !important ;
height: 14px;
color: #444 : !important ;
margin-top: 8px !important;
margin-bottom: 0px !important;
}
.imglogoweather-legend-mappa {
width: 30px;
height: auto;
margin-top: -5px;
margin-left: 0px ;
}
.imagexpand-legend-mappa {
width: 20px;
height: auto;
cursor : pointer ;
margin-top: 0px;
margin-bottom: 4px;
margin-left: 30px ;
}
.legendarrowtitle
{
margin-top:-16px ;
color:#111 ;
font-weight: 700 ;
font-size:12px ;
height:16px ;
line-height: 1.5em ;
font-family: 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
}
.mfcfscroll {
width:194px;
}
.mfcfslider-values-container {
width: 2594px;
}
.mfcfslider-values-container-5d {
width: 2094px;
}
@media screen and (max-width: 401px)
{
.mfcftoplgnd {
/* margin-top: -5px; */
}
.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
font-size: 9px;
}
}
@media screen and (max-width: 601px)
{
.legendarrowtitle {
margin-right: -190px;
}
}
@media screen and (min-width: 351px)
{
.mfcfscroll {
width:240px;
}
.mfcfslider-values-container {
width: 2634px;
}
.mfcfslider-values-container-5d {
width: 2134px;
}
.mfcfslider-values-container-wrf {
width: 3894px;
}
}
@media screen and (min-width: 401px)
{
.mfcfscroll {
width:294px;
}
.mfcfslider-values-container {
width: 2694px;
}
.mfcfslider-values-container-5d {
width: 2194px;
}
.mfcfslider-values-container-wrf {
width: 3894px;
}
}
@media screen and (min-width: 601px)
{
.mfcfscroll {
width:494px;
}
.mfcfslider-values-container {
width: 2894px;
}
.mfcfslider-values-container-5d {
width: 2394px;
}
.mfcfslider-values-container-wrf {
width: 4094px;
}
}
@media screen and (min-width: 811px)
{
.mfcfslider-values-container {
width: 3094px;
}
.mfcfslider-values-container-5d {
width: 2594px !important ;
}
.mfcfslider-values-container-wrf {
width: 4294px;
}
.mfcfscroll {
width:694px;
}
}
.plan-bottom-collapsed
{
display:none ;
}
.mfcf-slider-data-values-container-collapsed
{
display:none ;
}
.mfcfslider-container-collapsed {
height: 95px;
}
.mfcfslider-container-inactive {
display:none ;
}
.mfcfslider-legend-container-collapsed {
height: 40px;
}
.mfcfslider-values-container-collpased {
height: 40px;
}
.leaflet-bottom .leaflet-control {
/* margin-bottom: 80%;
margin-top: -530px;
margin-left: 97px !important;
display:none ; */
}
.imgtempo-slider-last {
width: 25px;
height: 25px;
margin-top: -4px;
}
#cfLegnd{
display: none ;
}
.mfcflegend{
padding:2px;
padding-left:4px ;
font-size:13px;
font-weight:700;
position:absolute;
min-width:250px;
border:2px solid #888 ;
border-radius:4px ;
line-height:18px;
height:60px;
background-color: rgb(255,255,255,0.85);
margin-top:2px;
margin-left:63px;
z-index:500
}
@media screen and (max-width: 611px)
{
.mfcflegend{
margin-left:50px;
}
}
.mfcf-mirino {
position: fixed;
width: 30px;
height: 30px;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -34px;
z-index:501
}
@media screen and (max-width: 511px)
{
.mfcf-mirino {
margin-top: -19px;
margin-left: -13px;
}
}
.mfcf-stations {
width: 100px ;
height:30px ;
border:1px solid rgb(241, 196, 0) ;
border-radius:3px ;
background-color: rgb(250,250,250,0.9) ;
position: absolute;
overflow: hidden ;
z-index:700 ;
top:117px ;
left:55px ;
transition: width 0.5s, height 0.5s ; ;
}
@media screen and (min-width: 700px)
{
.mfcf-stations {
top:55px ;
left:65% ;
}
}
.mfcf-stations-expanded {
height:auto ;
max-height:300px ;
overflow-y: scroll ;
overflow-y: scroll ;
scrollbar-width: thin;
scrollbar-color: rgb(241, 196, 0) white ;
border:3px solid rgb(241, 196, 0) ;
border-radius:8px ;
width:270px ;
max-width: 320px ;
transition: width 0.5s,height 0.5s ;
}
.mfcf-ul-stations {
display: block;
list-style-type:none;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 2px;
margin-inline-end: 4px;
padding-inline-start: 4px;
padding-inline-end: 2px;
margin-top:10px ;
}
.mfcf-li-stations{
height:80px ;
padding:2px ;
line-height: 25px ;
padding-bottom:7px ;
text-align:left ;
margin-bottom:4px ;
font-size: 12px ;
border-bottom:1px solid black ;
}
.mfcf-li-stations-knots
{
font-weight: 700 ;
color:#e30007;
font-size: 16px ;
}
.mfcf-li-stations-dir
{
font-weight: 700 ;
color:#111 ;
font-size: 13px ;
}
.mfcf-li-stations-title
{
font-weight: 700 ;
color:#111 ;
font-size: 12px ;
}
.mfcf-stations-live-image{
text-align: center ;
width: 46px; height:auto;
margin-top:5px ;
margin-left :35% ;
}
.mfcf-stations-graph-image{
width: 28%; height:auto;
margin-left:13px ;
display: none ;
}
.imagexpand-live
{
position:absolute;
margin-top:4px ;
margin-left:4px ;
width:20px ;
height:auto ;
}
.mfcf-live-control-panel
{
float:right;
width:60px ;
height:auto ;
margin-left:10px ;
/*border:1px solid black ; */
}
@media screen and (min-width: 800px)
{
.mfcf-stations-expanded {
height:auto ;
max-height:300px ;
width:auto ;
max-width: 400px ;
overflow-y: scroll ;
scrollbar-width: thin;
scrollbar-color: rgb(241, 196, 0) white ;
}
.mfcf-ul-stations {
line-height:22px;
}
.mfcf-li-stations{
height:80px ;
font-size: 14px ;
border-bottom:1px solid black ;
}
.mfcf-li-stations-dir
{
font-size: 14px ;
}
.mfcf-li-stations-title
{
font-size: 15px ;
}
.mfcf-li-stations-knots
{
font-size: 16px ;
}
.mfcf-stations-graph-image{
display: inline ;
}
}
#loading {
position: absolute;
top: 50%;
left: 50%;
opacity:0.6 ;
margin-top:-40px;
margin-left:-40px;
z-index: 502;
}
@media screen and (min-width: 465px) {
body.index {
background-color: #41362f;
background-color: rgb(65, 54, 47,0.75) ;
background-color: rgb(16, 3, 43,0.80) ;
background-color: rgb(40, 2, 25,0.90) ;
background-image: repeating-linear-gradient(-45deg, rgba(0,0,0, 1), rgba(40,2,25, 0.1) 1px, transparent 1px, transparent 16px);
background-size: 2px 2px;
/* background-color: #e5e5f7;
background-image: linear-gradient(135deg, #1b1e62 25%, transparent 25%), linear-gradient(225deg, #1b1e62 25%, transparent 25%), linear-gradient(45deg, #1b1e62 25%, transparent 25%), linear-gradient(315deg, #1b1e62 25%, #e5e5f7 25%);
background-position: 6px 0, 6px 0, 0 0, 0 0;
background-size: 6px 6px;
background-repeat: repeat; */
}
#map {
position: absolute;
height: calc(100vh - 10px);
width: calc(100vw - 54px);
border-radius: 5px;
border: 1px solid #111;
margin-top: 2px;
margin-left: 5px;
background-color: #03002e;
}
.cfleftbarcontrol {
position:absolute;
background-color:rgb(255,255,255,0.95);
width:47px;
height:calc(100vh - 10px );
left:calc(100vw - 48px );
top:2px;
border:1px solid rgb(0, 0, 0,1) ;
border-radius:3px;
padding-top:140px;
}
}
.cfMenuSourceDisplayClose {
position: absolute;
left: 260px;
top: 3px;
width: 23px;
height: auto;
}
.cfleftbarcontrolimg-wind {
width:35px ;
height: auto :
}
.cfleftbarcontrolimg-weather {
width:35px ;
height: auto ;
}
.cfleftbarcontrolimg-source {
margin-left:3px;
margin-top:0px;
width:35px ;
height: auto ;
/*border: 1px solid #ccc ; */
}
.cfleftbarcontrol-container {
margin-top:5px ;
margin-left:2px ;
margin-right:2px;
margin-bottom:3px ;
/*border: 1px solid black ;*/
border-radius:5px ;
padding:1px ;
width:auto ;
height:35px ;
}
.cfleftbarcontrol-container-active {
background-color:rgb(241,196,0,1) ;
}
.cfwindcontrolimg-source {
margin-left:-3px;
margin-top:0px;
width:35px ;
height: auto ;
/*border: 1px solid #ccc ; */
}
.cfwindcontrol-container {
margin-top:5px ;
margin-left:5px ;
margin-right:3px;
margin-bottom:3px ;
border: 3px solid black ;
border-radius: 8px ;
padding:1px ;
height:35px ;
width:auto ;
}
.cfwindcontrol-container-active {
background-color:rgb(241,196,0,1) ;
}
.cfMenuSourceDisplay {
position: absolute;
background-color: rgb(255,255,255,0.85);
width: 290px;
height: auto;
left: calc(100vw - 335px );
top: 148px;
border: 1px solid rgb(0, 0, 0,1);
border-radius: 5px;
padding: 5px;
z-index: 100000000;
display: none;
}
@media screen and (max-width: 465px) {
.cfleftbarcontrol {
z-index:1000000;
background-color:rgb(255,255,215,0.35);
top:150px;
right:2px ;
border:none ;
border-radius:5px ;
height:170px;
padding-top:3px ;
position:absolute ;
/* display:none ; */
}
}
@media screen and (min-width: 465px) {
.cfMenuSourceDisplay {
width:350px;
left:calc(100vw - 397px );
}
.cfMenuSourceDisplayClose {
left: 320px;
}
}
@media screen and (max-width: 465px) {
.cfMenuSourceDisplay {
top:150px;
}
}
.cfMenuSourceDisplay-active {
display:block ;
transition: display 2s;
}
.cfMenuSourceDisplay ul {
list-style:none ;
padding-left:0px !important ;
padding-top:15px;
margin-bottom:10px;
}
.cfMenuSourceDisplay ul li {
font-size: 1em ;
color:#111 ;
font-weight:700 ;
padding-left:5px;
padding-right:5px;
border-bottom : 1px solid #ededed;
}
@media screen and (min-width: 1270px) {
.cfMenuSourceDisplay ul li {
font-size: 0.9em ;
}
}
.cfMenuSourceDisplay ul li.active {
color: darkblue;
border-bottom: 2px solid #111;
border-top: 2px solid #111;
/* border-radius: 4px; */
}
.cfMenuSourceDisplay label {
font-weight:700 ;
color:#111 ;
font-size:0.9em ;
}
.cfMenuSourceDisplay li div {
background-color:rgb(255,255,255) ;
display:none ;
}
.cfMenuSourceDisplay li div p {
font-weight:400 ;
color:#222 ;
font-size:0.9em ;
padding:1em ;
margin:0 ;
margin-bottom:3px;
border : 1px solid #ccc;
}
.cfleftbarcontrol-container-mobile {
position:absolute;
left:calc(100vw - 48px );
top:150px;
border: 1px solid black ;
border-radius:5px ;
padding:1px ;
width:44px ;
height:44px ;
z-index:10000000 ;
}
.cfleftbarcontrolimg-source-mobile {
margin-left:2px;
margin-top:2px;
width:38px ;
height: auto ;
border: 1px solid #ccc ;
}
.mfcf-popupCustom .leaflet-popup-tip,
.mfcf-popupCustom .leaflet-popup-content-wrapper {
color: #234c5e;
font-size:1.2em ;
font-weight:700 ;
color: #234c5e;
position: relative;
width: 300px;
height: 200px;
top: 60px;
left:0px;
right:10px ;
border : 2px solid rgb(241, 196, 0,1);
border-radius: 7px ;
}
.mfcf-popupCustom .leaflet-popup-content {
margin: 0;
line-height: 0.4;
}
.mfcf-popupCustom .leaflet-popup-tip-container {
display: none;
}
.mfcf-popupCustom a.leaflet-popup-close-button {
/*
position: absolute;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #111;
font-size: 18px;
text-decoration: none;
font-weight: bold;
background: transparent; */
}
.mfcf-popupCustom a.leaflet-popup-close-button {
top: 62px;
right: 3px;
font-size: 24px;
color : red
}
.mfcf-labelplace {
font-size :0.9em ;
font-weight: 600 ;
color:white ;
width:160px !important;
text-shadow:black 4px 4px 3px ;
font-family: "Roboto Slab", serif;
font-family :"Helvetica Neue", Arial, Helvetica, sans-serif;
letter-spacing: .25rem;
}
.mfcf-labelspot {
font-size :0.9em ;
font-weight: 700 ;
color:black ;
width:74px !important;
/*text-shadow:black 4px 4px 3px ; */
font-family: "Roboto Slab", serif;
letter-spacing: .05rem;
}
.mfcf-labelplace .dot {
height: 7px;
width: 7px;
background-color: red;
border-radius: 50%;
display: inline-block;
border:1px solid black;
}
.mfcf-labelspot .dot {
height: 9px;
width: 9px;
background-color: #f1c400;
border-radius: 50%;
display: inline-block;
border:1px solid black;
}
.mfcf-labelplace div {
margin-left: 11px;
margin-top: -16px;
}
.mfcf-labelspot div {
width:100% ;
margin-left: 13px;
margin-top: -18px;
padding-left:1px ;
padding-right: 1px ;
padding-top:0px;
border-radius: 4px ;
text-align: center ;
background-color: rgb(255,255,255,0.8) ;
}
.mfcf-labelspot div.windlabelmfcf {
border : 1px solid white ;
background-color: #077395 ;
color: white ;
}
.mfcf-weather-popup-div
{
width:100%;
height:190px;
margin:auto;
/*border:1px solid red;*/
margin-top:0px;
overflow-y:scroll ;
border-radius: 7px ;
}
.mfcf-wheater-popup-img {
width:30px ;
height:auto ;
vertical-align: middle ;
padding-right: 2px ;
}
.mfcf-weather-popup-div ul {
display: block;
list-style-type: none;
margin-block-start: 0.1em;
margin-block-end: 0.1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 10px;
unicode-bidi: isolate;
}
.mfcf-weather-popup-div li {
font-size: 0.9em;
font-weight: 700;
padding-top: 4px;
padding-left: 0px;
padding-right: 0px;
width: 100%;
float: left;
}
.mfcf-wbox-div {
float: left ;
margin:5px ;
}
.mfcf-wbox-div a {
line-height: 1.1em ;
}
.mfcf-wbox-div span {
padding: 3px;
padding-left:4px ;
padding-right:4px ;
min-width:15px ;
border-radius: 2px;
}
.cf-popup-humidity-text {
margin-left: 2px;
margin-top: -15px;
color: darkred;
}
.cf-popup-rain-text {
margin-left: 2px;
margin-top: -22px;
text-align: center;
color: seagreen;
}
.satLegend {
z-index: 1000000;
position: absolute;
color: white;
bottom: 35px;
left: 110px;
font-weight: 700;
font-size: 14px;
}
.dpclogo {
width:100px;
background-color:rgb(255,255,255,0.65);
height:auto;
position:absolute;
left:20px;
border-radius:3px;
border:1px solid #ccc ;
padding:3px ;
bottom:60px;
z-index:10000000;
}
.eumetsatlogo {
width:100px;
height:auto;
position:absolute;
left:10px;
border-radius:3px;
padding:3px ;
bottom:35px;
z-index:10000000;
}
@media screen and (max-width: 401px)
{
.eumetsatlogo {
left:120px;
bottom:70px;
}
.satLegend {
left:133px;
bottom:50px;
}
.dpclogo {
bottom:50px;
}
}
.dpclogo-inactive {
display:none ;
}
.eumetsatlogo-inactive {
display:none ;
}
.mfcfscreenControl {
position:absolute ;
width:40px ;
height:auto ;
z-index:100000;
right: 4px;
top:8px ;
}