@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap");#ico-symbols{position:absolute;width:0;height:0;overflow:hidden;}.ico-colore{fill:#fff;}@keyframes pulse{0%,100%{stroke-width:0;}35%{stroke-width:40px;}}@keyframes fadein{0%{opacity:0;}100%{opacity:1;}}@keyframes avanzaico{0%,100%{transform:scale(1);}35%{transform:scale(1.3);}}body{font-family:"Open Sans",sans-serif;}#splash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#fff;}#splash #splash-logo{display:flex;align-items:center;justify-content:center;flex-direction:column;animation:fadein 1s ease-in-out .1s;animation-fill-mode:both;}#splash #splash-logo img{width:120px;margin-bottom:15px;}#splash #splash-logo h1{font-size:18px;margin-bottom:0;text-align:center;}#splash #splash-loading{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;margin:30px 0;animation:fadein 1s ease-in-out;animation-fill-mode:both;}#splash #splash-loading img{width:50px;margin-bottom:10px;}#splash #splash-loading p{width:80%;margin:0;font-size:12px;line-height:1.3;text-align:center;}#splash #splash-loading p span{font-size:16px;font-weight:bold;color:var(--colorePrincipale,#333);}#splash #splash-txt{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;padding:20px 15px 50px;animation:fadein 1s ease-in-out .2s;animation-fill-mode:both;}#splash #splash-txt .nav-dir{display:block;width:36px;height:36px;border-radius:50%;background-color:var(--colorePrincipale,#333);}#splash #splash-txt .nav-dir .ico-nav{display:block;width:24px;height:24px;margin:6px;}#splash #splash-txt p{margin:0;font-size:15px;line-height:1.3;color:var(--colorePrincipale,#333);}#splash #splash-credits{display:flex;align-items:center;justify-content:center;padding:15px 0;border-top:1px solid #ddd;animation:fadein 1s ease-in-out .4s;animation-fill-mode:both;}#splash #splash-credits img{width:50px;margin-right:15px;}#splash #splash-credits p{flex:1;margin:6px 0 0;font-size:14px;line-height:1;}#header{z-index:1;height:100px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.25);box-shadow:0 1px 2px 0 rgba(0,0,0,.25);overflow:hidden;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;}#header #intestazione{display:flex;align-items:center;justify-content:space-between;height:100px;}#header #intestazione #intestazione-logo img{width:44px;margin-right:10px;}#header #intestazione #intestazione-testo{flex:1;line-height:1.1;}#header #intestazione #intestazione-testo h1{font-size:14px;font-weight:700;}#header #intestazione #intestazione-testo h2{font-size:16px;}#header #intestazione #intestazione-testo h3{font-size:12px;font-weight:300;}#header #intestazione #intestazione-testo h3 strong{font-weight:600;white-space:nowrap;}#header #intestazione #btn-info{flex:0 auto;display:block;width:30px;height:30px;margin-left:15px;border-radius:50%;background-color:var(--colorePrincipale,#333);cursor:pointer;}#header #intestazione #btn-info .ico-info,#header #intestazione #btn-info .ico-close{width:20px;height:20px;margin:5px;}#header #intestazione #btn-info .ico-info{display:block;}#header #intestazione #btn-info .ico-close{display:none;}#header #intestazione #btn-volume{flex:0 auto;display:block;width:30px;height:30px;margin-left:15px;border-radius:50%;background-color:var(--colorePrincipale,#333);cursor:pointer;}#header #intestazione #btn-volume .ico-volume,#header #intestazione #btn-volume .ico-volume-mute{width:20px;height:20px;margin:5px;}#header #intestazione #btn-volume .ico-volume-mute{display:block;}#header #intestazione #btn-volume .ico-volume{display:none;}#header #intestazione #btn-volume.active .ico-volume-mute{display:none;}#header #intestazione #btn-volume.active .ico-volume{display:block;}#header #info{height:calc(100vh - 100px - 65px);height:calc(var(--vh,1vh)*100 - 100px - 65px);padding:30px 0 10px;overflow-y:auto;}#header #info h3{font-size:16px;}#header #info p{font-size:14px;}#header #footer-credits{display:flex;align-items:center;justify-content:space-between;height:64px;padding:10px 0;border-top:1px solid #eee;}#header #footer-credits img{width:60px;margin-right:15px;}#header #footer-credits p{flex:1;margin-bottom:0;line-height:1.1;font-size:16px;}#header.opened{height:100vh;height:calc(var(--vh,1vh)*100);}#header.opened #intestazione #btn-info .ico-info{display:none;}#header.opened #intestazione #btn-info .ico-close{display:block;}#map-container{position:relative;height:calc(100vh - 100px);height:calc(var(--vh,1vh)*100 - 100px);background-color:#efefef;overflow:hidden;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;}#map-container.closed{height:0;}#map-container #indicazioni{display:flex;align-items:center;justify-content:space-between;position:absolute;top:15px;right:10%;left:10%;z-index:10;padding:15px;border-radius:10px;background-color:var(--colorePrincipale,#333);}#map-container #indicazioni #indicazioni-testo{flex:1;font-size:18px;line-height:1.1;color:#fff;}#map-container #indicazioni #indicazioni-testo span{display:none;}#map-container #indicazioni #indicazioni-icona{flex:0 auto;display:block;width:30px;height:30px;margin-right:15px;}#map-container #indicazioni #indicazioni-icona .ico-arrow{display:block;width:30px;height:30px;}#map-container #bg-navigazione{position:absolute;bottom:0;right:0;left:0;z-index:11;height:90px;background-color:rgba(255,255,255,.8);}#map-container #navigazione{position:absolute;bottom:15px;right:15px;left:15px;z-index:12;height:60px;}#map-container #navigazione .nav-dir{position:absolute;top:0;z-index:14;display:block;width:60px;height:60px;border-radius:50%;background-color:var(--colorePrincipale,#333);cursor:pointer;}#map-container #navigazione .nav-dir:before{position:absolute;left:-2%;top:-28px;display:block;width:104%;padding:2px 0 5px;border-radius:5px;background-color:var(--colorePrincipale,#333);font-size:15px;line-height:1;color:#fff;text-align:center;}#map-container #navigazione .nav-dir .ico-nav{display:block;width:40px;height:40px;margin:10px;}#map-container #navigazione .nav-dir#nav-prec{left:0;}#map-container #navigazione .nav-dir#nav-prec:before{content:"indietro";}#map-container #navigazione .nav-dir#nav-succ{right:0;animation:avanzaico 3s infinite ease-in-out;}#map-container #navigazione .nav-dir#nav-succ:before{content:"avanza";}#map-container #navigazione #nav-piano{position:absolute;bottom:36px;right:70px;left:70px;z-index:13;text-align:center;}#map-container #navigazione #nav-piano span{display:inline-block;font-size:20px;line-height:1;font-weight:bold;color:var(--colorePrincipale,#333);text-shadow:1px 1px 1px #fff;}#map-container #navigazione #nav-check{position:absolute;bottom:15px;right:70px;left:70px;z-index:14;font-size:14px;text-align:center;}#map-container #navigazione #nav-check label{text-shadow:1px 1px 1px #fff;}#map-container #navigazione #nav-credits{position:absolute;bottom:-10px;right:70px;left:70px;padding-top:2px;border-top:1px solid #ddd;text-align:center;font-size:12px;text-shadow:1px 1px 1px #fff;}#map-container #mappa-svg{width:100vw;height:calc(100vh - 100px);height:calc(var(--vh,1vh)*100 - 100px);}#map-container #mappa-svg #mappa-svg-rotazione{width:200%;height:200%;margin-left:-50%;margin-top:-50%;}#map-container #mappa-svg #mappa-svg-rotazione.map-transition{-webkit-transition:all 1000ms ease-in-out;-moz-transition:all 1000ms ease-in-out;-ms-transition:all 1000ms ease-in-out;-o-transition:all 1000ms ease-in-out;transition:all 1000ms ease-in-out;}#map-container #mappa-svg #mappa-svg-rotazione svg{width:100%;height:100%;cursor:move;touch-action:none;}#map-container #mappa-svg #mappa-svg-rotazione svg #pos{display:none;rx:40px;ry:40px;fill:var(--coloreSecondario,#00f);stroke:#fff;stroke-width:0;stroke-opacity:.75;animation:pulse 1s infinite ease-in-out;-webkit-transition:all 1000ms ease-in-out;-moz-transition:all 1000ms ease-in-out;-ms-transition:all 1000ms ease-in-out;-o-transition:all 1000ms ease-in-out;transition:all 1000ms ease-in-out;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-percorso{fill:none;stroke:var(--colorePrincipale,#333);stroke-width:18px;stroke-dasharray:32px 20px;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-destinazione{fill:var(--coloreSecondario,#00f);fill-opacity:.5;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-icona{fill:#fff;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-segno{fill:none;stroke:#666;stroke-width:2;stroke-linecap:square;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-piano{display:none;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-edificio{fill:#eeddd2;stroke:#333;stroke-width:4px;stroke-linecap:square;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-prato{fill:#7fcc66;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-acqua{fill:#6cc;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-area-1{fill:#dee2e6;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-area-2{fill:#c0c0c0;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-area-3{fill:#aaa;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-area-4{fill:#999;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-stanza{fill:#c0c0c0;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-muro{fill:#333;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-scale{fill:#6cc;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-ascensore{fill:#7fcc66;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-profilo{fill:none;stroke:#333;stroke-width:2;stroke-linecap:square;}#map-container #mappa-svg #mappa-svg-rotazione svg .svg-sezione{fill:none;stroke:#333;stroke-width:8;stroke-linecap:square;}.svg-label{font-size:50px;fill:var(--colorePrincipale,#333);font-weight:bold;text-shadow:1px 1px 1px #fff;}.svg-label-scale{font-size:50px;fill:#6cc;font-weight:bold;text-shadow:1px 1px 1px #fff;}.svg-label-ascensore{font-size:50px;fill:#7fcc66;font-weight:bold;text-shadow:1px 1px 1px #fff;}#list-container{height:calc(100vh - 100px);height:calc(var(--vh,1vh)*100 - 100px);background-color:#efefef;overflow-y:auto;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;}#list-container.closed{height:0;}#list-container h3{font-size:16px;}#list-container p{font-size:12px;}#list-container ul{list-style:none;padding-left:0;margin:20px 0;}#list-container ul li{padding:5px 0;}#list-container ul li a{display:flex;align-items:center;justify-content:space-between;border-radius:5px;background-color:var(--colorePrincipale,#333);color:#fff;text-decoration:none;overflow:hidden;}#list-container ul li a .label-reparto{flex:1;padding:10px;font-size:14px;line-height:1.1;font-weight:bold;}#list-container ul li a .label-posizione{flex:0 auto;}#list-container ul li a .label-posizione>span{display:flex;flex-direction:column;align-items:center;justify-content:center;float:left;width:68px;height:68px;font-size:12px;line-height:1.4;text-align:center;}#list-container ul li a .label-posizione>span.label-corpo{background-color:#999;}#list-container ul li a .label-posizione>span.label-piano{background-color:#666;}#list-container ul li a .label-posizione>span .label-big{font-size:18px;line-height:1.2;}#list-container ul li a .label-posizione>span .label-big.small{letter-spacing:-1px;}@media only screen and (orientation:landscape){#landscape-alert{display:block!important;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999;width:100%;height:100%;background-color:var(--colorePrincipale,#333);background-image:url("../image/ico-rotate-device.png");background-position:center;background-repeat:no-repeat;background-size:100px;}}