body {
    position: relative;
    background: rgb(24 26 51) !important;
    color: #fff !important;
}
.footer-section-app {
    background: rgb(5 4 7);
    color: #fff;
    border-top: 1px solid #f1f1f122;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}


.cky-btn-revisit-wrapper,
div#side-tabs {
    display:none !important;
}
.credit-section-app {
    display: block;
    width: 100%;
    padding: .45rem 1rem;
    background: transparent;
    font-size: .625rem;
    height: 2rem;
    overflow: hidden;
    filter: grayscale(1);
    opacity: .5;
}

header.header-app {
    display: flex;
    width: 100%;
    position: fixed;
    z-index: 150;
    top: 0;
    left: 0;
    right: 0;
    height: 3.5rem;
    flex-flow: row wrap;
    background: #181a33;
    border-bottom: 1px solid #f1f1f122;
}

header.header-app img {
        display: block;
        width: 100%;
        width: 16rem;
        margin: 0 auto;
        height: auto;
        align-self: center;
}

main#main_container_app {
    position: fixed;
    top: 3.5rem;
    left: 0;
    right: 0;
    bottom: 2rem;
    z-index: 10;
    height: -webkit-calc(100% - 5.5rem);
    height: -moz-calc(100% - 5.5rem);
    height: calc(100% - 5.5rem);
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    margin: 0;
    padding: 1.5rem;
    background: rgb(24 26 51);
    background: linear-gradient(180deg, rgb(24 26 51) 0%, rgb(24 26 51) 25%, rgb(24 26 51) 30%, rgb(0 0 0) 100%);
    display: flex;
    flex-flow: row wrap;
    scrollbar-width: thin;
    scrollbar-color: var(--colore-anno, #ff8b24) #00000000;
}

.loader-app {
    display: block;
    width: 18.75rem;
    margin: 0 auto;
    align-self: center;
    position: absolute;
    height: 18.75rem;
    top: calc(50% - 9.375rem);
    left: calc(50% - 9.375rem);
    z-index: 10;
}

.loader-app > img {
    display:block;
    width:8rem;
    position:absolute;
    top:0;
    z-index:10;
    left:calc(50% - 4rem);
}

.content-loader-app {
    width: 300px;
    height: 300px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem auto 0 auto;
}

  .content-loader-app .planet {
    width: 65%;
    height: 65%;
    background-color: #546c8c;
    border-radius: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    transform-origin: center center;
    box-shadow: inset 2px -10px 0px rgba(0, 0, 0, 0.1);
    animation: planet 5s ease infinite alternate;
    /* planet ring */
    /* to cover the back of the ring */
    /* planet spots */
  }
  @keyframes planet {
    0% {
      transform: rotate(10deg);
    }
    100% {
      transform: rotate(-10deg);
    }
  }
  .content-loader-app .planet .ring {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    background-color: #bacbd9;
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: 33% center;
    box-shadow: 2px -10px 0px rgba(0, 0, 0, 0.1), inset -5px -10px 0px rgba(0, 0, 0, 0.1);
    animation: ring 3s ease infinite;
    /* small ball */
    /* inner ring */
  }
  @keyframes ring {
    0% {
      transform: rotateX(110deg) rotateZ(0deg) translate(-50px, 5px);
    }
    100% {
      transform: rotateX(110deg) rotateZ(360deg) translate(-50px, 5px);
    }
  }
  .content-loader-app .planet .ring:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 30px;
    border-radius: 100%;
    background-color: #7ea1bf;
    z-index: 2;
    left: calc(0px - 5px);
    box-shadow: inset -3px 3px 0px rgba(0, 0, 0, 0.2);
  }
  .content-loader-app .planet .ring:after {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    border-radius: 100%;
    background-color: #7ea1bf;
    box-shadow: inset 2px -10px 0px rgba(0, 0, 0, 0.1);
  }
  .content-loader-app .planet .cover-ring {
    position: absolute;
    width: 100%;
    height: 50%;
    border-bottom-left-radius: 80%;
    border-bottom-right-radius: 80%;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    transform: translate(0px, -17px);
    background-color: #546c8c;
    z-index: 2;
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.1);
  }
  .content-loader-app .planet .spots {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
  }
  .content-loader-app .planet .spots span {
    width: 30px;
    height: 30px;
    background-color: #3c4359;
    position: absolute;
    border-radius: 100%;
    box-shadow: inset -2px 3px 0px rgba(0, 0, 0, 0.3);
    animation: dots 5s ease infinite alternate;
  }
  @keyframes dots {
    0% {
      box-shadow: inset -3px 3px 0px rgba(0, 0, 0, 0.3);
    }
    100% {
      box-shadow: inset 3px 3px 0px rgba(0, 0, 0, 0.3);
    }
  }
  .content-loader-app .planet .spots span:nth-child(1) {
    top: 20px;
    right: 50px;
  }
  .content-loader-app .planet .spots span:nth-child(2) {
    top: 40px;
    left: 50px;
    width: 15px;
    height: 15px;
  }
  .content-loader-app .planet .spots span:nth-child(3) {
    top: 80px;
    left: 20px;
    width: 25px;
    height: 25px;
  }
  .content-loader-app .planet .spots span:nth-child(4) {
    top: 80px;
    left: 90px;
    width: 40px;
    height: 40px;
  }
  .content-loader-app .planet .spots span:nth-child(5) {
    top: 160px;
    left: 70px;
    width: 15px;
    height: 15px;
  }
  .content-loader-app .planet .spots span:nth-child(6) {
    top: 165px;
    left: 125px;
    width: 10px;
    height: 10px;
  }
  .content-loader-app .planet .spots span:nth-child(7) {
    top: 90px;
    left: 150px;
    width: 15px;
    height: 15px;
  }
  .content-loader-app p {
    color: #bacbd9;
    font-size: 14px;
    z-index: 2;
    position: absolute;
    bottom: -20px;
    font-family: "Roboto Mono", monospace;
    animation: text 4s ease infinite;
    width: 100px;
    text-align: center;
  }
  @keyframes text {
    0% {
      transform: translateX(-30px);
      letter-spacing: 0px;
      color: #bacbd9;
    }
    25% {
      letter-spacing: 3px;
      color: #7ea1bf;
    }
    50% {
      transform: translateX(30px);
      letter-spacing: 0px;
      color: #bacbd9;
    }
    75% {
      letter-spacing: 3px;
      color: #7ea1bf;
    }
    100% {
      transform: translateX(-30px);
      letter-spacing: 0px;
      color: #bacbd9;
    }
  }

  .navigation-app {
    position: fixed;
    z-index: 100;
    display: flex;
    width: calc(100% - 3rem);
    left: 1.5rem;
    bottom: 3rem;
    background: rgb(62, 64, 80);
    background: linear-gradient(180deg, rgb(24 26 51) 0%, rgb(5 4 7) 100%);
    padding: .5rem;
    border-radius: .5rem;
    justify-content: space-between;
}

.navigation-app a {
    display:block;
    align-self:center;
    flex:1;
    position:relative;
}

.navigation-app a.sezione-selezionata::after {
    content:'';
    display:block;
    width:100%;
    height:2px;
    background:var(--colore-anno, #ff8b24);
    bottom:0;
    left:0;
    right:0;
}

.navigation-app a img {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0 auto .25rem auto;
}

.navigation-app a span {
    display: block;
    width: 100%;
    text-align: center;
    color: #bacbd9;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 600;
}

div#data_content_app {
    display: flex;
    width: 100%;
    height: auto;
    margin-bottom: 5rem;
    position: relative;
    z-index: 1;
    flex-flow: row wrap;
}

.menu-eventi-app {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    align-self: center;
}

.menu-eventi-app > a {
    display: block;
    width: -webkit-calc(50% - 1rem);
    width: -moz-calc(50% - 1rem);
    width: calc(50% - 1rem);
    margin: .5rem;
    padding: .5rem;
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
}

.menu-eventi-app > a > img {
    display: block;
    width: 100%;
    max-width: 4rem;
    margin: 0 auto .5rem auto;
}

.menu-eventi-app > a > span {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 600;
}

.colore-selezionato {
    color:var(--colore-anno, #ff8b24);
}

.colore-grigio-chiaro {
    color:#bdc7e5;
}

.background-selezionato {
    background-color:var(--colore-anno, #ff8b24);
}

.background-salute {
    background-color: #7e6899;
}

.background-suolo {
    background-color:#548749;
}

.background-oceani {
    background-color:#2787b2;
}

.background-clima {
    background-color:#c3444b;
}

.background-citta {
    background-color:#c0832a;
}

.background-open {
    background-color: #7d6f6f;
}

.item-prenotazione-app {
    display: block;
    width: 100%;
    background: #373f57;
    padding: .75rem;
    border-radius: .5rem;
    font-size: .875rem;
    position: relative;
    overflow:hidden;
}


.item-prenotazione-app.orario-passato-app:before {
    content: 'Evento terminato';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    padding: .35rem .5rem;
    font-size: .625rem;
    font-weight: 600;
    line-height: 1;
    background: var(--colore-anno, #ff8b24);
    text-transform: uppercase;
    border-bottom-left-radius: .5rem;
}

.item-prenotazione-app.orario-imminente-app:before {
    content: 'Sta per iniziare';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    padding: .35rem .5rem;
    font-size: .625rem;
    font-weight: 600;
    line-height: 1;
    background: #e26923;
    text-transform: uppercase;
    border-bottom-left-radius: .5rem;
}

.item-prenotazione-app.orario-incorso-app:before {
    content: 'Evento in corso';
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    padding: .35rem .5rem;
    font-size: .625rem;
    font-weight: 600;
    line-height: 1;
    background: #17aa80;
    text-transform: uppercase;
    border-bottom-left-radius: .5rem;
}


.item-prenotazione-app > div:not(:last-child) {
    margin-bottom:.5rem;
}

.item-prenotazione-app {
    margin-bottom:.75rem;
}

.riga-info-classe-app {
    display: flex;
    flex-flow: row wrap;
    width: calc(100% + .5rem);
    margin-left:-.25rem;
}

.riga-info-classe-app > div {
    display:block;
    width:33.333%;
    padding:.25rem;
}

.riga-info-classe-app > div > span {
    display:inline-block;
    font-weight:600;
    margin-right:.25rem;
    color:#a9b7e0;
}

.container-prenotazioni-app {
    display: flex;
    width: 100%;
    margin-top: 4rem;
    flex-flow: row wrap;
}

.dati-utente-app {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    position: fixed;
    z-index: 10;
    top: 3.5rem;
    left: 0;
    right: 0;
    padding: .5rem 1.5rem;
    background: #181a33;
    height: 4rem;
    border-bottom: 1px solid #f1f1f122;
}

.dati-utente-app > div:first-child {
    display: flex;
    flex-flow: row wrap;
    width: -webkit-calc(100% - 6rem);
    width: -moz-calc(100% - 6rem);
    width: calc(100% - 6rem);
    align-self: center;
}

.dati-utente-app > div:first-child strong {
    display: block;
    width: 100%;
    text-transform: uppercase;
    color: var(--colore-anno, #ff8b24);
    margin-bottom:.25rem;
}

.dati-utente-app > div:first-child span {
    font-size: .75rem;
    font-weight: 600;
    display: block;
    width: 100%;
    text-transform: uppercase;
}

.dati-utente-app > div:last-child {
    width: 6rem;
    align-self: center;
    padding-left: .75rem;
    position:relative;
}

button.pulsante-opzioni-account {
    background: var(--colore-anno, #ff8b24);
    color: var(--colore-anno-contrasto, #ffffff);
    width: 100%;
    display: block;
    text-align: center;
    line-height: 1;
    padding: .5rem .5rem .35rem .5rem;
    border-radius: .75rem;
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 600;
}

button.pulsante-opzioni-account .fa-caret-down {
    transform-origin: center;
    transform:rotate(0);
    transition:all .5s linear;
}

button.pulsante-opzioni-account.menu-open .fa-caret-down {
    transform:rotate(180deg);
}

a.pulsante-conferma-annulla {
    display: block;
    width: 100%;
    text-align: center;
    padding: .5rem;
    color: #fff;
    font-size: .875rem;
    font-weight: bold;
    border-radius: .5rem;
}

a.pulsante-conferma-annulla.pulsante-conferma {
    background: var(--colore-anno, #ff8b24);
    margin-bottom: 1rem;
}

a.pulsante-conferma-annulla.pulsante-annulla {
    background: #32a5da;
}

a.pulsante-conferma-annulla:link,
a.pulsante-conferma-annulla:visited,
a.pulsante-conferma-annulla:hover {
    color:#ffffff !important;
}

#menu_opzioni_account_app {
    display: block;
    position: absolute;
    top: 2rem;
    background: #1a1a1a;
    padding: 1rem .75rem;
    right: 0;
    width: 10rem;
    text-align: right;
}

#menu_opzioni_account_app a {
    display:block;
    line-height:1;
    text-transform:uppercase;
    font-size:.75rem;

}

#menu_opzioni_account_app a:not(:last-child) {
    margin-bottom: 1rem;
}


.dati-utente-app > div:first-child > figure {
    width: 3rem;
    margin-right:.5rem;
    align-self:center;
}

.dati-utente-app > div:first-child > div {
    display: block;
    width: calc(100% - 4.5rem);
    align-self: center;
    font-size: 1rem;
    line-height: 1;
    font-family: 'Barlow Condensed',sans-serif;
}

.dati-prenotazione-evento-app {
    padding-bottom: .5rem;
    border-bottom: 1px solid #f1f1f122;
} 

.dati-istituto-evento-app span {
    display:block;
    width:100%;
    font-weight:600;
    color:#a9b7e0;
}

.dati-prenotazione-evento-app span {
    display: block;
    width: 100%;
    font-weight: 600;
}

.dati-prenotazione-evento-app > a {
    background: #4a9fd8;
    display: inline-block;
    padding: .5rem .75rem .35rem .75rem;
    border-radius: .5rem;
}

.navigation-dashboard-form {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 0;
}

.items-access-carousel {
    display: block;
    width: 100%;
}

div#data_content_app.block-item {
    display:block; 
}

a.dashboard-access-option,
button.dashboard-access-option {
    background: #4a9fd8;
    color: #fff;
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 600;
    padding: .75rem .5rem .5rem .5rem;
    display: block;
    line-height: 1;
    border-radius: .5rem;
    text-align: center;
}

a.dashboard-access-option i,
button.dashboard-access-option i {
    display:inline-block;
    margin-right:.25rem;
}

.navigation-dashboard-form > a,
.navigation-dashboard-form > button {
    align-self: flex-end;
    width: 5rem;
    margin-bottom: -webkit-calc(.75rem + 1px);
    margin-bottom: -moz-calc(.75rem + 1px);
    margin-bottom: calc(.75rem + 1px);
}

.row-pulsanti-registrazione {
    display: flex;
    flex-flow: row wrap;
    align-self: flex-end;
    margin-left: 0;
    padding: 1rem .75rem .75rem .75rem;
    justify-content: center;
    position: relative;
    border: 1px solid #f1f1f122;
    border-radius: .5rem;
}

.row-pulsanti-registrazione a:not(:last-child),
.row-pulsanti-registrazione button:not(:last-child) {
    margin-right: 0.75rem;
}

span.indicazione-box-registrazione.colore-bianco {
    display: block;
    position: absolute;
    top: -.75rem;
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
}

span.indicazione-box-registrazione.colore-bianco span {
    padding: 0 .5rem;
    display: inline-block;
    line-height: 1;
    background: #181a33;
    color: #bacbd9;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 600;
}

.dashboard-access-option.selected {
    background: var(--colore-anno, #ff8b24);
}

.dati-item-access-carousel {
    padding: 1.5rem .75rem .75rem .75rem;
    border: 1px solid #f1f1f122;
    border-radius: .5rem;
    position: relative;
}

.items-access-carousel .owl-carousel .owl-stage-outer {
    padding-top:1.5rem;
}

.campi-form-access-carousel label {
    display: block;
    font-size: .625rem;
    color: #fff;
    line-height: 1;
    margin: 0;
    padding: .5rem .5rem .35rem .5rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: -1rem;
}

.campi-form-access-carousel:not(:last-child) {
    margin-bottom: 1.25rem;
}

.dati-item-access-carousel h4.colore-bianco {
    display: block;
    text-align: center;
    font-size: .75rem;
    color: #bdc7e5;
    position: absolute;
    top: -.5625rem;
    left: 0;
    right: 0;
    z-index: 10;
    backdrop-filter: none;
    text-transform: uppercase;
}

.dati-item-access-carousel h4.colore-bianco span {
    display: inline-block;
    background: #181a33;
    padding: .25rem .5rem;
}

.campo-form-app {
    box-shadow: none !important;
    border: 0 !important;
    outline: none !important;
    border-radius: .5rem !important;
    height: auto !important;
    padding: .5rem 1rem .35rem 1rem !important;
    line-height: 1 !important;
    margin: 0 !important;
    font-size: .875rem !important;
}

div.campi-form-access-carousel {
    position: relative;
}

a.toggle-password {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1rem;
    color: rgba(0, 0, 0, .75) !important;
    line-height: 1;
    width: 2rem;
    cursor: pointer;
    display: flex;
    flex-flow: row wrap;
    text-align: center;
    height: 2rem;
    z-index: 20;
}

a.toggle-password i {
    display:block;
    align-self:center;
}

a.toggle-password i.fa-eye-slash {
    display:none;
}

a.toggle-password.password-visibile i.fa-eye-slash {
    display:block;
}

a.toggle-password.password-visibile i.fa-eye {
    display:none;
}

input.password-field {
    padding-right: 3rem !important;
}

a.pulsante-rosso-form {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    background: var(--colore-anno, #ff8b24);
    padding: .75rem 1rem .5rem 1rem;
    border-radius: .5rem;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 600;
}

.errori-accesso-app {
    text-align: center;
    display: block;
    margin-top: 0;
    background: #bdc7e5;
    color: #363636;
    padding: .75rem 1rem .5rem 1rem;
    border-radius: .5rem;
    font-size: .875rem;
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 1;
}

.campi-form-access-carousel.campo-obbligatorio::after {
    content: '*';
    color: var(--colore-anno, #ff8b24);
    position: absolute;
    top: .25rem;
    right: .25rem;
    line-height: 1;
    z-index: 10;
}

.campi-form-access-carousel.campo-obbligatorio-label::after {
    content: '*';
    color: var(--colore-anno, #ff8b24);
    position: absolute;
    top: 1.75rem;
    right: .25rem;
    line-height: 1;
    z-index: 10;
}

.success-registration-app {
    display: block;
    width: 100%;
    font-size: .875rem;
    color: #fff;
    background: #30373c;
    border-radius: .5rem;
    padding: .75rem;
}

ul.credenziali-accesso-app {
    margin: 1rem 0;
    list-style-type: none;
}

ul.credenziali-accesso-app li {
    display:block;
    width:100%;
}

ul.credenziali-accesso-app li strong {
    display: block;
    color: #bdc7e5;
}

ul.credenziali-accesso-app li:not(:last-child) {
    margin-bottom:.5rem;
}

.empty-prenotazioni {
    text-align:center;
}

.colore-porpora {
    color: var(--colore-anno, #ff8b24);
}

figure.robottino-404 {
    display: block;
    width: 100%;
    max-width: 30rem;
    margin: 1rem auto;
}

figure.robottino-404 img {
    width:100%;
    height:auto;
}

section#macrocontainer_mappa_app {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    background: #000;
}

.frame-mappa-app,
.map-container-app {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index:1;
}

figure#immagine_mappa-app {
    position: absolute !important;
    width: 100%;
    height: 100%;
    transform-origin: center;
    transform: scale(1);
    transition: transform .5s linear;
}

figure#immagine_mappa-app img.responsive-image-map {
    position:absolute !important;
    left:0;
    right:0;
    bottom:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:contain;
    filter:invert(1);
}

.fixed-top-container {
    z-index: 200 !important;
    overflow: hidden !important;
    top: 0 !important;
    height: 100% !important;
    bottom: 0 !important;
}

.fixed-top-container div#data_content_app.data-content-app {
    position:absolute !important;
    left:0;
    right:0;
    bottom:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden !important;
}

.map-zoom-buttons-app {
    position: absolute;
    z-index: 10;
    background: var(--colore-anno, #ff8b24);
    padding: 0;
    border-radius: 1rem;
    display: flex;
    overflow: hidden;
    flex-flow: row wrap;
    justify-content: center;
    bottom: .5rem;
    left: -webkit-calc(50% - 6rem);
    left: -moz-calc(50% - 6rem);
    left: calc(50% - 6rem);
    width: 12rem;
}

button.map-zoom-app {
    display: block;
    padding: 0;
    line-height: 1;
    text-align: center;
    font-size: .875rem;
    font-weight: 600;
    align-self: center;
    width: 3rem;
    height: 2rem;
}

button.map-zoom-app:not(:last-child) {
    border-right:1px solid #00000033;
}

.count-eventi {
    display: block;
    font-size: .75rem;
    color: var(--colore-anno-contrasto, #ffffff);
    background: var(--colore-anno, #ff8b24);
    line-height: 1;
    padding: .25rem .25rem .125rem .25rem;
    text-align: center;
    width: 2rem;
    position: absolute;
    top: 0;
    right: 0;
    border-bottom-left-radius: .5rem;
    border-left: 1px solid #00000044;
    border-bottom: 1px solid #00000044;
}

@media all and (orientation: portrait) {
    figure#immagine_mappa-app  img.responsive-image-map.oriz-map {
        display:none !important;
    }
}

@media all and (orientation: landscape) {
    figure#immagine_mappa-app  img.responsive-image-map.vert-map {
        display:none !important;
    }
}

.post-evento-app {
    display: block;
    width: 100%;
    height: auto;
    align-self: flex-start;
    border-radius: .5rem;
    border: 1px solid #2d2c30;
}

.post-evento-app:not(:last-child) {
    margin-bottom:1.5rem;
}

.immagine-post-app {
    display: block;
    width: 100%;
    position: relative;
    z-index:1;
}

header.header-post-app {
    display: block;
    width: 100%;
    margin: 0;
    padding:0;
    background: var(--colore-anno, #ff8b24);
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    overflow: hidden;
}

figure.img-post-app {
    position: relative;
    z-index: 1;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    overflow: hidden;
}

.header-post-app h4.titolo-post-app {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    line-height: 1.5;
}

h4.titolo-post-app a {
    display:block;
    padding: .75rem .75rem .562rem .75rem;
}

.content-single-event-app {
    display: block;
    width: 100%;
    margin: 0;
    position: relative;
    padding: .75rem;
    border: 1px solid var(--colore-anno, #ff8b24);
    border-radius: .5rem;
    align-self: flex-start;
}

.scheda-evento-app {
    margin-top: .75rem !important;
    margin-bottom: 0 !important;
    border-radius: .5rem;
    overflow: hidden;
}

.entry-content-app .firma-evento-scientifico {
    margin:1rem 0 !important;
}

h1.entry-title-app {
    font-size: 1.5rem !important;
    margin-bottom: 1rem;
    font-weight: 600;
}

.entry-content-app,
.entry-content-app p {
    font-size:.875rem;
    color:#ffffff;
}

.scheda-evento-scientifico.scheda-evento-app.grid-x .item-scheda-evento-scientifico:not(:last-child) {
    width:50% !important
}

.scheda-evento-scientifico.scheda-evento-app.grid-x .item-scheda-evento-scientifico:last-child:not(:nth-child(2)) {
    width:100% !important
}

.scheda-evento-scientifico.scheda-evento-app.grid-x .item-scheda-evento-scientifico .icona-scheda-evento::before {
    filter:invert(1);
}

.scheda-evento-scientifico.scheda-evento-app.grid-x .item-scheda-evento-scientifico span.icona-scheda-evento {
    text-transform: uppercase;
    font-weight: 600;
    font-size: .75rem;
}

.indice-taxonomy {
    display:block;
    width:100%;
}

a.pulsante-load-eventi-from-single {
    background: var(--colore-anno, #ff8b24);
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    padding: .32rem .75rem 0 .75rem;
    border-radius: .5rem;
    overflow: hidden;
    height: 1.25rem;
}

.navigation-form-prenotazioni .row-pulsanti-registrazione {
    width: 100%;
    margin-left: 0;
    padding:1.5rem .75rem .75rem .75rem;
}
.navigation-form-prenotazioni .row-pulsanti-registrazione span.indicazione-box-registrazione.colore-bianco {
    top:-.5rem;
}

.navigation-form-prenotazioni .row-pulsanti-registrazione span.indicazione-box-registrazione.colore-bianco span {
    font-size:1rem !important;
}

.navigation-form-prenotazioni .row-pulsanti-registrazione a.dashboard-access-option {
    width:-webkit-calc(50% - .75rem);
    width:-moz-calc(50% - .75rem);
    width:calc(50% - .75rem);
}

.owl-item .item form .colonna-form {
    width:100%;
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
    float:none;
}

.owl-item .item form .riga-form {
    margin-bottom:0 !important;
}

.owl-item .item form .riga-form label {
    margin-bottom: 0;
    color: #bdc7e5;
    font-size: .75rem;
    text-transform: uppercase;
    display: block;
    padding-left: .5rem;
    width: 100%;
}

.owl-item .item form .riga-form input,
.owl-item .item form .riga-form select {
    border: 0;
    font-size: .875rem;
    line-height: 1;
    padding: .75rem .5rem .5rem .5rem;
    height: auto;
    border-radius: .5rem;
}

.data-content-app .overlay-messaggio {
    background:#000000cc;
}

.data-content-app .overlay-messaggio-content {
    background: var(--colore-anno, #ff8b24);
    border-radius: .5rem;
    box-shadow: none;
}

.data-content-app .overlay-close-button {
    color: #fff;
    border-color: #ffffff33;
    border-radius: 50%;
    top: .5rem;
    right: .5rem;
    background: #00000055;
}

.data-content-app .warning-prenotazione h1,
.data-content-app .warning-prenotazione h2,
.data-content-app .warning-prenotazione h3,
.data-content-app .warning-prenotazione h4,
.data-content-app .warning-prenotazione h5,
.data-content-app .warning-prenotazione h6,
.data-content-app #messaggio_errore_prenotazione h1,
.data-content-app #messaggio_errore_prenotazione h2,
.data-content-app #messaggio_errore_prenotazione h3,
.data-content-app #messaggio_errore_prenotazione h4,
.data-content-app #messaggio_errore_prenotazione h5,
.data-content-app #messaggio_errore_prenotazione h6 {
    color:#fff !important
}

.data-content-app .riga-form a:link,
.data-content-app .riga-form a:visited,
.data-content-app .riga-form a:hover {
    color:#a9b7e0 !important;
}

.data-content-app .riga-form strong {
    color:var(--colore-anno, #ff8b24) !important;
}

#pulsante_invio_registrazione,
#pulsante_invio_registrazione_scuola {
    background:var(--colore-anno, #ff8b24) !important;
    margin-top:1rem;
}

.data-content-app .blocco-pulsante-invio {
    backdrop-filter: grayscale(1);
}

.dati-utente-app.dati-supervisore > div:first-child > div {
    padding-top:.75rem;
}

.dati-utente-app.dati-supervisore::before {
    content: 'supervisore';
    position: absolute;
    top: .5rem;
    left: 5rem;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
}

a.navigation-supervisore.dashboard-access-option {
    width: 100%;
    position: relative;
}

a.navigation-supervisore.dashboard-access-option:not(:last-child) {
    margin-bottom:.75rem;
}

.tabella-supervisore-app tbody {
    border:0 !important;
}

.tabella-supervisore-app tbody tr.riga-header {
    background: var(--colore-anno, #ff8b24);
}

.tabella-supervisore-app tbody tr:not(.riga-header):nth-child(even) {
    background-color: #333333 !important;
}

.tabella-supervisore-app tbody tr:not(.riga-header):nth-child(odd) {
    background-color: #444444 !important;
}

.tabella-supervisore-app tbody tr.riga-header th {
    text-align:left !important
}

.items-access-carousel.carousel-supervisore .owl-carousel .owl-stage-outer {
    padding-top:0 !important;
}

.schede-registrazione-accesso-app .container-prenotazioni-supervisore {
    border-radius: .5rem;
    overflow: hidden;
}

.riga-dati-supervisore-app {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    background: var(--colore-anno, #ff8b24);
    padding: .75rem;
    border-radius: .5rem;
    font-size: .875rem;
}

.riga-dati-supervisore-app:not(:last-child) {
    margin-bottom:.75rem;
}

.riga-dati-supervisore-app div label {
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.5;
    display: block;
    color: #ffffffbe;
}

.row-1 {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: .5rem;
    margin: .5rem 0;
    border: 1px solid #ffffff33;
    border-radius: .5rem;
}

.data-1 {
    display: block;
    width: 3rem;
}

.data-2 {
    display: block;
    width: -webkit-calc(100% - 3rem);
    width: -moz-calc(100% - 3rem);
    width: calc(100% - 3rem);
}

.data-3 {
    display: block;
    width: 100%;
    margin: .5rem 0;
}

.data-4 {
    display:block;
    width:100%;
    margin-bottom:.5rem;
}

.data-5 {
    display:block;
    width:100%;
}

.row-2 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
    padding: .5rem;
    text-align: center;
}


span.indice-prenotazioni.indice-prenotazioni-app {
    left: initial !important;
    right: -.5rem !important;
    top: -.5rem !important;
    border-radius: 50% !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    font-size: 9px !important;
    padding: 5px 0 0 0 !important;
}

.carousel-supervisore .container-prenotazioni-app.empty-prenotazioni {
    margin-top:0 !important;
}

table.tabella-responsive tbody {
    display:block;
    width:100%;
}

.tabella-supervisore-app tbody tr {
    display: flex;
    flex-flow:row wrap;
}

.tabella-supervisore-app tbody tr th,
.tabella-supervisore-app tbody tr td {
    padding:.5rem !important;
}

.tabella-supervisore-app tbody tr th:nth-child(1),
.tabella-supervisore-app tbody tr td:nth-child(1) {
    width:4rem;
    text-align:left !important;
}
.tabella-supervisore-app tbody tr th:nth-child(2),
.tabella-supervisore-app tbody tr td:nth-child(2) {
    width:calc(100% - 4rem);
    text-align:left !important;
}

.tabella-supervisore-app tbody tr th:nth-child(3),
.tabella-supervisore-app tbody tr td:nth-child(3) {
    width:50%;
    text-align:left !important;
}

.tabella-supervisore-app tbody tr th:nth-child(4),
.tabella-supervisore-app tbody tr td:nth-child(4) {
    width:50%;
    text-align:left !important;
}

.tabella-supervisore-app tbody tr th:nth-child(5),
.tabella-supervisore-app tbody tr td:nth-child(5) {
    width:33.333%;
    text-align:left !important;
}

.tabella-supervisore-app tbody tr th:nth-child(6),
.tabella-supervisore-app tbody tr td:nth-child(6) {
    width:33.333%;
    text-align:left !important;
}

.tabella-supervisore-app tbody tr th:nth-child(7),
.tabella-supervisore-app tbody tr td:nth-child(7) {
    width:33.333%;
    text-align:left !important;
}


.footer-single-post-data-app {
    padding: 0 .75rem .5rem .75rem;
    display: flex;
    flex-flow: row wrap;
}

.footer-single-post-data-app i {
    align-self:center;
}

a.link-tag-app {
    font-size: .625rem;
    display: block;
    padding: .25rem .5rem .25rem .5rem;
    border: 1px solid #fff;
    line-height: 1;
    text-transform: uppercase;
    border-radius: .5rem;
    margin: .25rem;
    align-self: center;
    font-weight:600;
}

.navigation-dashboard-form.navigation-form-prenotazioni {
    margin-top: 1.5rem;
}

.owl-item .item h2.colore-bianco {
    font-size:1.25rem;
    text-align:center;
}

.messaggio-credenziali-app {
    display: block;
    width: 100%;
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
    margin-top: 1.5rem;
    padding: .75rem;
    border: 1px solid var(--colore-anno, #ff8b24);
    border-radius: .5rem;
}

.messaggio-credenziali-app > strong {
    display: block;
    width: 100%;
    line-height: 1;
    margin-bottom: .5rem;
    font-size: .875rem;
    color: var(--colore-anno, #ff8b24);
    font-weight:700;
}

.riga-domanda-sondaggio {
    display: block;
    width: 100%;
    color: #fff;
    border: 1px solid #2d2c30;
    border-radius: .5rem;
    padding: .75rem 1rem;
    margin-bottom: .75rem;
    background: #0f212a;
}
  
  .riga-domanda-sondaggio:last-child {
    margin-bottom:1rem;
  }
  
  .riga-domanda-sondaggio label {
    color:#fff;
  }
  
  .riga-domanda-sondaggio > label {
    color: var(--colore-anno, #ff8b24);
    font-family: 'Barlow Condensed', sans-serif;
    font-size:1.25rem;
  }
  
  .riga-domanda-sondaggio > span {
    display:block;
    font-size:.875rem;
  }

  .riga-domanda-sondaggio > span > strong {
    font-size:1rem;
    font-weight:600;
  }

  div#container_mappa.container-mappa-app {
    margin-top: 1.75rem;
    border-radius: .5rem;
}

div#container_mappa.container-mappa-app a#pulsante_toggle_mappa {
    font-family: 'Barlow Condensed';
    text-transform: uppercase;
    font-weight: 600;
}

.spacer-mappa-app {
    display: block;
    width: 100%;
    height: 1rem;
}

div#container_mappa.container-mappa-app .box-mappa-eventi {
    padding: 0;
    width: 100%;
    display: block;
    border-radius: .25rem;
    overflow: hidden;
}

.adhs-container .adhs-modal .adhs-list .adhs-list-item .adhs-instruction {
    font-size:.875rem !important;
    line-height:1.5 !important;
}

.adhs-container .adhs-modal .adhs-list .adhs-emphasis {
    font-size:1rem !important;
    line-height:1.5 !important;
}

.adhs-container.adhs-mobile .adhs-modal .adhs-blurb {
    font-size:.75rem !important;
    text-align:center !important;
}



.adhs-container .adhs-logo {
    background-image:url('../icone/favicon-96x96.png');
    background-position:center;
    background-repeat:no-repeat;
    border-radius:.5rem;
    overflow:hidden;
}

.adhs-list-button {
    background-image: url('../images/ios-safari-sharing-api-button-2.svg');
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block !important;
    width: 1.25rem;
    height: 1.25rem;
    background-size: 1rem !important;
    box-shadow: none !important;
}

.adhs-list-item:last-child .adhs-instruction .adhs-list-button {
    background-image: url('../images/ios-safari-add-to-home-screen-button-2.svg');
    width: 100%;
    background-position: left center;
    padding-left: 1.5rem !important;
    font-size: .875rem !important;
    height: 1.5rem !important;
}

.adhs-container .adhs-modal .adhs-list .adhs-list-item .adhs-list-button .adhs-list-button-text {
    font-size:.875rem !important;
}

.adhs-container .adhs-logo img,
.adhs-list-button img {
    display:none !important;
}

.macrocontainer-mappa-interna {
    position: relative !important;
    top: initial !important;
    left: initial !important;
    right: Initial !important;
    bottom: initial !important;
    height: 16rem !important;
}

.pinch-zoom-container {
    min-height:16rem !important;
}

.macrocontainer-mappa-interna .map-zoom-buttons-app button.map-zoom-app:last-child {
    display:none;
}

.macrocontainer-mappa-interna .map-zoom-app.map-zoom-reset-app {
    border-right:0 !important;
}

.wpcf7-spinner {
    position:absolute !important;
    right:0 !important;
}

.prenotazioni-chiuse {
    display: block;
    width: 100%;
    text-align: center;
}

.opzioni-periodi span {
    font-size: .652rem !important;
    font-weight: 500 !important;
}

.opzioni-periodi {
    width: 6rem !important;
}
/* ===== Colore annuale: contrasto sui blocchi che ereditavano il bianco ===== */

.background-selezionato,
a.pulsante-conferma-annulla.pulsante-conferma,
.dashboard-access-option.selected,
a.pulsante-rosso-form,
.map-zoom-buttons-app,
button.map-zoom-app,
header.header-post-app,
a.pulsante-load-eventi-from-single,
.data-content-app .overlay-messaggio-content,
#pulsante_invio_registrazione,
#pulsante_invio_registrazione_scuola,
.tabella-supervisore-app tbody tr.riga-header,
.riga-dati-supervisore-app {
    color: var(--colore-anno-contrasto, #ffffff);
}