html {
   overflow: hidden;
   margin: 0;
   border: 0;
   font: inherit;
   vertical-align: baseline;
   overflow-x: hidden;
   box-sizing: border-box;
   width: 100vw;
   height: 100vh;
   padding-top: env(safe-area-inset-top, 0);
   padding-bottom: env(safe-area-inset-bottom, 0);
   padding-left: env(safe-area-inset-left, 0);
   padding-right: env(safe-area-inset-right, 0);
   background-color: #FAFAFA
}

body {
   overflow-y: hidden;
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   font: inherit;
   overflow-x: hidden;
}

/* body, html {
   margin: 0;
   padding: 0;
   border: 0;
   font: inherit;
   vertical-align: baseline;
   overflow-x: hidden;
   width: 100vw;
   height: 100vh;
} */

::-webkit-scrollbar {
   width: 5px;
   height: 5px
}

::-webkit-scrollbar-track {
   background: #fff
}

::-webkit-scrollbar-thumb {
   background: #a9a9a9;
   border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
   background: gray
}

.scroller {
   scrollbar-color: gray #fff;
   scrollbar-width: thin
}

textarea {
   scrollbar-color: gray #fff;
   scrollbar-width: thin
}

.noselect {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none
}

.install-banner {
   display: none;
   cursor: pointer;
   bottom: -400px;
   width: 360px;
   height: 60px;
   background-color: white;
   z-index: 999999999;
   position: absolute;
   max-width: 90%;
   left: 50%;
   transform: translateX(-50%);
   text-align: center;
   border-radius: 4px;
   box-shadow: 0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%);
}

.install-banner-animated {
   transition: 1s;
   transform: translate(-50%, -430px);
}

.install-banner-animated-out {
   transition: 1s;
   transform: translate(-50%, 430px);
}

.install-icon {
   left: -10px;
   height: 40px;
   width: 40px;
   top: 50%;
   position: relative;
   transform: translateY(-50%);
}

.install-message {
   top: -4px;
   position: relative;
   left: 0px;
   margin-right: 10px;
   font-size: 14px;
   color: #595959;
}

.install-btn {
   display: none;
   cursor: pointer;
   top: -5px;
   position: relative;
   height: 34px;
   padding: 8px;
   padding-left: 18px;
   padding-right: 18px;
   background-color: white;
   border: 1px solid silver;
   border-radius: 4px;
   left: 5px;
}

.install-close {
   cursor: pointer;
   position: relative;
   left: 8px;
   top: -4px;
   font-size: 14px;
}

.add-pwa {
   color: #595959;
}

.ios-banner-container-iphone {
   width: 100%;
   z-index: -1000;
   position: absolute;
   bottom: -400px;
}

.ios-banner-container-ipad {
   width: 100%;
   z-index: -1000;
   position: absolute;
   top: -400px;
}

.ios-banner-container-enter-bottom {
   transition: 1s;
   bottom: 10px;
}

.ios-banner-container-enter-top {
   transition: 1s;
   top: 10px;
}

.ios-banner-container-exit-bottom {
   transition: 1s;
   bottom: -400px;
}

.ios-banner-container-exit-top {
   transition: 1s;
   top: -400px;
}

.ios-banner-iphone {
   position: relative;
   width: 40%;
   background-color: white;
   max-width: 90vw;
   min-width: 320px;
   left: 50%;
   transform: translateX(-50%);
   text-align: center;
   padding: 5px 20px 12px 20px;
   border-radius: 4px;
   box-shadow: 0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%);
   z-index: -1;
}

.ios-banner-ipad {
   position: relative;
   width: calc(50% - 50px);
   background-color: white;
   left: 50%;
   text-align: center;
   padding: 5px 20px 12px 20px;
   border-radius: 4px;
   box-shadow: 0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%);
   z-index: -1;
}

.ios-install-text {
   font-size: 14px;
   color: #595959;
}

.ios-arrow-down {
   bottom: 30px;
   margin: 0 auto;
   width: 0;
   height: 0;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-top: 20px solid white;
}

.ios-arrow-up {
   top: 30px;
   margin: 0 calc(6% + 60px) 0 auto;
   width: 0;
   height: 0;
   border-left: 20px solid transparent;
   border-right: 20px solid transparent;
   border-bottom: 20px solid white;
}

.safari-icon {
   position: relative;
   width: 20px;
   left: -10px;
   top: 5px;
}

#cookie-bar {
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   font-family: Roboto,Arial,sans-serif;
   font-size: 15px;
   font-weight: 300;
   letter-spacing: 0;
   box-sizing: border-box;
   background: rgba(0,0,0,0.7);
   height: auto;
   line-height: 24px;
   color: #FFF;
   text-align: center;
   padding: 10px;
   position: fixed;
   left: 0;
   width: 100%;
   bottom: 0;
   top: auto;
   z-index: 2000;
}

#paragraph-cookie-bar {
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   font-family: Roboto,Arial,sans-serif;
   font-size: 15px;
   font-weight: 300;
   letter-spacing: 0;
   line-height: 24px;
   text-align: center;
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   color: #DDD;
}

#fisrt-anchor-cookie-bar {
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   font-family: Roboto,Arial,sans-serif;
   font-size: 15px;
   font-weight: 300;
   letter-spacing: 0;
   line-height: 24px;
   text-align: center;
   box-sizing: border-box;
   background-color: transparent;
   outline: none!important;
   color: #FFF;
   display: inline-block;
   border-radius: 3px;
   text-decoration: underline;
   margin-left: 8px;
   padding: 0px 10px 0px 0px;
}

.cb-enable {
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: rgba(0,0,0,0);
   font-family: Roboto,Arial,sans-serif;
   font-size: 15px;
   font-weight: 300;
   letter-spacing: 0;
   line-height: 24px;
   text-align: center;
   box-sizing: border-box;
   outline: none!important;
   color: #FFF;
   display: inline-block;
   border-radius: 3px;
   margin-left: 8px;
   background: #070;
   padding: 5px 10px;
   cursor: pointer;
   text-decoration: none;
}


/* ============================================= */
/* Sovrascrittura icone header - Notifiche      */
/* ============================================= */

/* Sovrascrive l'icona della campanella usando l'id container-bell */
#container-bell svg {
   display: none !important;
}

#container-bell {
   background-image: url('/assets/img/notifica.svg') !important;
   background-repeat: no-repeat !important;
   background-position: center !important;
   background-size: 24px 24px !important;
   min-width: 24px;
   min-height: 24px;
}