@font-face{font-family:'vsurf';src:url('../plugins/individuart/meteosurf/components/assets/fonts/vsurf.eot?bd76ke');src:url('../plugins/individuart/meteosurf/components/assets/fonts/vsurf.eot?bd76ke#iefix') format('embedded-opentype'),url('../plugins/individuart/meteosurf/components/assets/fonts/vsurf.ttf?bd76ke') format('truetype'),url('../plugins/individuart/meteosurf/components/assets/fonts/vsurf.woff?bd76ke') format('woff'),url('../plugins/individuart/meteosurf/components/assets/fonts/vsurf.svg?bd76ke#vsurf') format('svg');font-weight:normal;font-style:normal;font-display:block}
.icon{ font-family:'vsurf' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.vsurf-arrow:before{content:"\e901"}
.vsurf-barometer:before{content:"\e900"}
.vsurf-bars:before{content:"\e90c"}
.vsurf-dawn:before{content:"\e906"}
.vsurf-period:before{content:"\e909"}
.vsurf-sea-down:before{content:"\e908"}
.vsurf-sea-thermometer:before{content:"\e90b"}
.vsurf-sea-up:before{content:"\e902"}
.vsurf-sunset:before{content:"\e907"}
.vsurf-thermometer:before{content:"\e903"}
.vsurf-wave:before{content:"\e90a"}
.vsurf-waves:before{content:"\e90d"}
.vsurf-wind:before{content:"\e905"}
.vsurf-windsock:before{content:"\e904"}
.container-maps img{display:block;width:auto;max-width:100%;margin:0 auto}
.maps-info{margin-bottom:30px;padding:10px 20px}
.tabs.meteo-tabs{margin-bottom:15px}
.tabs.meteo-tabs .indicator{background-color:#00a6dd}
.tabs.meteo-tabs .tab a{color:#000}
.tabs.meteo-tabs .tab a:focus.active{background-color:#d4edff}
.tabs.meteo-tabs .tab a.active{background-color:#d4edff}
input[type="range"]{border:none}
input[type="range"]::-webkit-slider-thumb{background-color:#00a6dd}
input[type="range"]::-moz-range-thumb{background-color:#00a6dd}
input[type="range"]::-ms-thumb{background-color:#00a6dd}
input[type="range"] + .thumb{background-color:#00a6dd}
input[type="range"] + .thumb.active .value{color:#fff}
.range-box{margin-top:10px;background-color:#f5f5f5;padding:10px}
.range-box .tiny{font-size:1.7rem}
.range-box__text{text-align:center;font-size:0.8rem}
.webcams-legend{border:1px dashed #2196f3;padding:10px;font-size:0.9rem}
.webcams-legend .material-icons{display:inline-block;vertical-align:middle;font-size:1.2rem}
.webcams-listbox{border:1px solid #dadada;padding:10px;margin-top:40px;background:#fff}
.webcams-listbox__title{font-size:1.8rem;margin:0 0 10px}
.webcams-listbox .section{padding-top:0}
.card.card--webcam .card-title{padding:10px;font-size:1rem}
.card.card--webcam .card-title i{font-size:1rem;display:inline-block;vertical-align:middle}
@media only screen and (min-width :601px){.card.card--webcam .card-title{font-size:1.2rem}
.card.card--webcam .card-title i{font-size:1.2rem}
}
@media only screen and (min-width :993px){.card.card--webcam .card-title{padding:16px;font-size:1.3rem}
.card.card--webcam .card-title i{font-size:1.3rem}
}
.card.card--webcam .card-action a{color:#00a6dd !important}
.card.card--buoy{min-height:200px}
.card.card--buoy .card-title{margin:0;padding:0;font-size:0.9rem;line-height:1.3;color:#333}
@media only screen and (min-width :601px){.card.card--buoy .card-title{font-size:1.1rem}
}
@media only screen and (min-width :993px){.card.card--buoy .card-title{font-size:1.2rem}
}
.card.card--buoy .card-content{padding:25px 5px 5px}
.card.card--buoy .card-content .btn{margin-top:10px;font-size:0.6rem}
.card.card--buoy .card-content .btn .left{margin-right:5px}
.card.card--buoy .buoy-link{transition:color 0.2s ease-in-out;cursor:pointer;color:#47a4d9}
.card.card--buoy .buoy-link:hover{color:#2c6687 !important}
.card.card--buoy .card-action a{color:#00a6dd !important}
@media only screen and (min-width :601px){.card.card--buoy{min-height:250px}
}
@media only screen and (min-width :993px){.card.card--buoy{min-height:290px}
}
.modal{width:90% !important}
.modal.modal--webcam{max-height:85%;width:94% !important;text-align:center}
.modal.modal--webcam .modal-close{position:fixed;top:10px;right:10px;font-size:1.5rem}
.modal.modal--webcam iframe{max-width:600px}
@media only screen and (min-width :601px){.modal.modal--webcam{width:80% !important}
}
@media only screen and (min-width :993px){.modal.modal--webcam{width:80% !important}
}
.modal .webcam-image-reload{display:block;margin:0 auto;max-width:100% !important;width:auto}
.modal .webcam-image-rotate{transform:rotate(180deg)}
.modal .modal--webcam__title{text-align:center;margin:0 0 20px;padding:0;color:#00a6dd}
.table-container{overflow-x:scroll;margin-bottom:20px}
.input-field--tabla-selector{margin-top:35px}
.input-field--tabla-selector label{font-size:1.2rem;top:-45px;color:#47a4d9;text-transform:uppercase;font-weight:bold}
.input-field--tabla-selector select{border:1px solid #ccc}
.dropdown-content li > a,.dropdown-content li > span{color:#00a6dd}
.select-wrapper input.select-dropdown:focus{border-bottom:1px solid #00a6dd}
.bg-wave{background-color:#e5effc}
.wave-height{color:#4879ce}
.wave-height--medium{color:#ff8321}
.wave-height--high{color:#ff282d}
.bg-wind{background-color:#dbf7e8}
.bg-atm{background-color:#f5f5f5}
.buoy-table th,.buoy-table td{font-size:0.8rem;padding:8px 5px;border-radius:0}
@media only screen and (min-width :601px){.buoy-table th,.buoy-table td{font-size:0.9rem}
}
@media only screen and (min-width :993px){.buoy-table th,.buoy-table td{font-size:1rem}
}
.tabla-table th,.tabla-table td{font-size:0.8rem;padding:8px 5px;border-radius:0}
@media only screen and (min-width :601px){.tabla-table th,.tabla-table td{font-size:0.9rem}
}
@media only screen and (min-width :993px){.tabla-table th,.tabla-table td{font-size:1rem}
}
.td-wide{min-width:150px}
.button-container{margin-top:2rem}
#spots-map{width:100%;height:37.5rem}
.info-window__title{font-size:1.2rem;margin:0 0 0.8rem;text-transform:none}
.info-window__text{font-size:14px;margin:0 0 0.8rem;text-transform:none}
.icon-box-container{display:flex;flex-direction:column;justify-content:space-evenly}
@media only screen and (min-width :601px){.icon-box-container{flex-direction:row}
}
.icon-box{padding:1rem;text-align:center}
.icon-box__title{font-family:"Open Sans",sans-serif;font-weight:normal;margin:0 0 0.5rem;padding:0;font-size:16px}
.icon-box__icon{display:block;font-size:35px;margin:0 0 0.5rem}
.icon-box__text{display:block;font-size:24px;line-height:1;font-weight:bold}
.bg-atm .icon-box__title{color:#9e9e9e}
.bg-atm .icon-box__icon,.bg-atm .icon-box__text{color:#616161}
.bg-wave .icon-box__title{color:#64b5f6}
.bg-wave .icon-box__icon,.bg-wave .icon-box__text{color:#1976d2}
.bg-wind .icon-box__title{color:#81c784}
.bg-wind .icon-box__icon,.bg-wind .icon-box__text{color:#43a047}