.no-scroll-iframe {
     width: 100%;
     height: 920px;
     border: none;
     overflow: hidden;
     /* nasconde scroll */
     border: none;
     display: block;
     margin: 0;
     padding: 0;
 }

  .no-scroll-iframeHeader {
     width: 100%;
     height: 255px;
     border: none;
     overflow: hidden;
     /* nasconde scroll */
     border: none;
     display: block;
     margin: 0;
     padding: 0;
 }
 .no-scroll-iframe::-webkit-scrollbar {
     display: none;
     /* nasconde scrollbar nei browser Webkit (Chrome, Safari, Edge) */
 }

 #map_google {
     width: 100%;
     position: relative;
     height: 110vh;
 }

 #map_container {
     position: relative;
     width: 100%;
     height: 100%;
 }

 #overlay_custom {
     z-index: 9999 !important;
     pointer-events: auto;
 }

 #overlay_box {
     position: absolute;
     top: 20px;
     left: 20px;
     background: rgba(255, 255, 255, 0.9);
     padding: 15px;
     border-radius: 8px;
     z-index: 9999;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
 }

 /*
* Css geoportale
*/
 /* Stile per il controllo dei layer */

 #map .custom-cursor {
     cursor: url("assets/img/ico_maps/mirino.png") 16 16, auto;
 }


 #div_spuntisti_maps {
     position: absolute;
     top: 10px;
     left: 10px;
     background: white;
     border: 1px solid #ccc;
     padding: 10px 15px;
     z-index: 999;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
     font-family: Arial, sans-serif;
     font-size: 14px;
     border-radius: 5px;
 }

 .popup-custom {
     background-color: #fff;
     border: 2px solid #333;
     border-radius: 8px;
     padding: 10px;
     max-width: 300px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
     font-family: Arial, sans-serif;
     font-size: 14px;
     color: #333;
 }

 #popupstr1 {
     transform: scale(0.7);
     transform-origin: bottom center;
 }

 #popupstr {
     transform: scale(0.7);
     transform-origin: bottom center;
 }

 /* Opzionale: Stile per il contenuto specifico dentro il popup */
 .popup-custom strong {
     color: #0056b3;
     /* Colore per il titolo */
 }

 .short_menu_div {
     display: flex;
     gap: 5px;
 }

 .short_menu {
     position: relative;
     top: 2px;
 }

 .short_menu img {
     width: 27px;
 }

 .popup-arrow {
     width: 0;
     height: 0;
     border-left: 14px solid transparent;
     border-right: 14px solid transparent;
     border-top: 15px solid #ffffff;
     margin: 0 auto;
     position: absolute;
     bottom: -14px;
     left: 50%;
     transform: translateX(-50%);
 }

 #popupstr {
     display: none;
     position: absolute;
     background-color: white;
     padding: 10px;
     border: 1px solid #ccc;
     box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
     z-index: 1200;
     min-width: 100px;
     min-height: 50px;
     border-radius: 9px;
 }

 #popupstr1 {
     display: none;
     position: absolute;
     background-color: white;
     padding: 10px;
     border: 1px solid #ccc;
     box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
     z-index: 1200;
     min-width: 100px;
     min-height: 50px;
     border-radius: 9px;
 }

 .ol-popupstr {
     position: absolute;
     background-color: white;
     border: 1px solid black;
     padding: 10px;
     display: none;
     /* Nascosto di default */
     z-index: 20000;
     /* Assicurati che abbia una priorità sopra gli altri elementi */
 }

 .ol-popupstr-closer {
     position: absolute;
     top: 5px;
     right: 5px;
     background-color: white;
     border-radius: 50%;
     width: 20px;
     height: 20px;
     text-align: center;
     cursor: pointer;
     font-weight: bold;
 }

 .ol-popupstr-closer:hover {
     background-color: #ccc;
 }

 /* Stile per il tooltip delle misure */
 .ol-tooltip {
     background-color: white;
     border: 1px solid #4e4a4a;
     padding: 2px 4px;
     border-radius: 4px;
     white-space: nowrap;
     /* transform-origin: center center; */
     font-size: small;
 }

 .ol-tooltip-measure {
     opacity: 0.7;
     font-weight: bold;
     transform-origin: top center;
 }

 .ol-tooltip-static {
     background-color: lightyellow;
     border: 1px solid orange;
     transform-origin: top center;
 }

 .partial-tooltip {
     background-color: rgba(255, 255, 255, 0.8);
     color: #333;
     border: 1px solid #4e4a4a;
 }

 .area-tooltip {
     background: rgba(255, 255, 255, 0.85);
     color: #333;
     padding: 4px 8px;
     border: 1px solid #4e4a4a;
     border-radius: 4px;
     font-size: 13px;
     font-weight: bold;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }

 /* CSS per il tooltip delle misurazioni */
 #custom-scale {
     position: absolute;
     bottom: 13px;
     left: 10px;
     background: rgba(236, 236, 236, 0.7);
     padding: 2px;
     font-size: 12px;
     border: 1px solid gray;
     border-radius: 4px;
     z-index: 6000;
     width: 99px;
 }

 .btn-option-img {
     width: 25px;
 }

 .btn-option:hover {
     border-radius: 7px;
     padding: 2px;
     background: #cbc5ee;
     background: -webkit-linear-gradient(2deg,
             rgba(186, 186, 186, 1) 0%,
             rgba(255, 255, 255, 1) 99%);
     background: -moz-linear-gradient(2deg,
             rgba(186, 186, 186, 1) 0%,
             rgba(255, 255, 255, 1) 99%);
     background: linear-gradient(2deg,
             rgba(186, 186, 186, 1) 0%,
             rgba(255, 255, 255, 1) 99%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#BABABA", endColorstr="#FFFFFF", GradientType=0);
 }

 .btn-select {
     border-radius: 7px;
     padding: 2px;
     background: #bababa;
     background: -webkit-linear-gradient(2deg,
             rgba(186, 186, 186, 1) 0%,
             rgba(255, 255, 255, 1) 99%);
     background: -moz-linear-gradient(2deg,
             rgba(186, 186, 186, 1) 0%,
             rgba(255, 255, 255, 1) 99%);
     background: linear-gradient(2deg,
             rgba(186, 186, 186, 1) 0%,
             rgba(255, 255, 255, 1) 99%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#BABABA", endColorstr="#FFFFFF", GradientType=0);
 }

 .ol-popup.popup-custom {
     background: white;
     padding: 10px;
     border-radius: 8px;
     border: 1px solid #ccc;
     position: relative;
     min-width: 200px;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
 }

 .popup-header {
     display: flex;
     justify-content: flex-end;
 }

 .popup-close {
     background: none;
     border: none;
     font-size: 18px;
     cursor: pointer;
     line-height: 1;
     color: #888;
 }

 .popup-close:hover {
     color: #000;
 }

 .popup-content {
     padding-top: 5px;
 }

 .ol-popup {
     position: absolute;
     background-color: white;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
     padding: 10px;
     border-radius: 10px;
     border: 1px solid #cccccc;
     bottom: 12px;
     left: -50px;
     min-width: 400px;
     min-height: 200px;
     max-height: 500px;
     overflow-y: auto;
 }

 .ol-popup:after,
 .ol-popup:before {
     top: 100%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }

 .ol-popup:after {
     border-top-color: white;
     border-width: 10px;
     left: 48px;
     margin-left: -10px;
 }

 #cadastral-panel {
     background: #fff;
     padding: 1em;
     border-radius: 12px;
     box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
     font-family: sans-serif;
     font-size: 14px;
     max-width: 320px;
 }

 #cadastral-panel h3 {
     margin-top: 0;
     font-size: 16px;
     color: #333;
     margin-bottom: 10px;
 }

 .layer-control {
     display: flex;
     align-items: center;
     flex-direction: column;
     margin-bottom: 1em;
     border-bottom: 1px solid #eee;
     padding-bottom: 0.1em;
 }

 .inline-elements {
     margin-right: 10px;
     /* Aggiungi un piccolo spazio tra il checkbox e lo slider */
 }

 .layer-control label {
     display: flex;
     align-items: center;
     gap: 0.5em;
     font-weight: bold;
     margin-bottom: 2px;
 }

 .layer-control input[type="range"] {
     width: 100%;
     margin: 2px 0;
 }

 .opacity-val {
     font-size: 12px;
     text-align: right;
     color: #555;
 }

 .custom-controls {
     z-index: 10000;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 5px;
 }

 .horizontal-controls {
     display: flex;
     align-items: center;
     gap: 5px;
 }

 .zoom-controls {
     display: flex;
     align-items: center;
     justify-content: center;
     /* Allineamento orizzontale dei pulsanti */
     gap: 10px;
     /* Distanza tra i pulsanti */
 }

 .ctrl-btn {
     background-color: #ffffffdd;
     border: 1px solid #ccc;
     border-radius: 6px;
     width: 40px;
     height: 40px;
     font-size: 18px;
     cursor: pointer;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
     transition: background 0.2s;
 }

 .ctrl-btn:hover {
     background-color: #f0f0f0;
 }

 .pan-controls-block {
     position: absolute;
     bottom: 48px;
     right: 102px;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 2px 5px;
     width: 0px;
     z-index: 1;
 }

 .pan-controls-block button {
     background-color: #fff;
     border: 1px solid #ccc;
     /* padding: 8px 12px; */
     border-radius: 10px;
     /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */
     cursor: pointer;
     /* font-size: 16px; */
     transition: all 0.5s ease-in-out;
     /*height: 40px;*/
     /*width: 40px;*/
 }

 .pan-controls-block img {
     width: 28px;
     padding: 4px 5px 4px 5px;
 }

 .pan-controls-block button:hover {
     background-color: #007acc;
     color: white;
 }

 #icon_toggle_pan {
     position: absolute;
     bottom: 0px;
     right: 0px;
     width: 45px;
     height: 45px;
 }

 #group_pan {
     position: absolute;
     bottom: 55px;
     right: 23px;
     z-index: 1;
     overflow: hidden;
     width: 50px;
     /* default: solo icona */
     height: 50px;
     transition: width 0.9s ease, height 0.9s ease;
     /* <-- più lenta */
 }

 #controls_content {
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.9s ease;
     position: absolute;
     bottom: -23px;
     right: -1px;

     transition: opacity 0.8s ease, max-height 8.7s ease;
 }

 #group_pan:hover #controls_content {
     opacity: 1;
     visibility: visible;
 }

 #group_pan.open #controls_content {
     max-height: 500px;
     /* Altezza sufficiente a contenere i controlli */
 }

 #group_pan:hover {
     width: 230px;
     /* si espande quando hover */
     height: 160px;
 }

 .layer-control-img {
     width: 40px;
 }

 .my-fullscreen-control button {
     /*background: transparent !important;*/
     width: 26px;
     height: 26px;
     /*background: transparent !important;*/
     position: absolute;
     top: 9px;
     right: 13px;
     transform: scale(1.3);
     background-image: url("/assets/img/icons/ICO_1137.png");
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     z-index: 5;
     border: none;
     padding: 0;
 }

 /* Quando è attivo (fullscreen), cambia immagine */
 .my-fullscreen-control button.fullscreen-active {
     background-image: url("/assets/img/icons/ICO_1136.png");
 }

 .layer-draw {
     position: absolute;
     top: 136px;
     right: 7px;
     z-index: 1;
     background-color: rgba(255, 255, 255, 0.8);
     padding: 6px;
     border-radius: 5px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
     display: flex;
     flex-direction: column;
 }

 .legend_carto {
     /* position: absolute; */
     /* top: 56px; */
     /* left: 10px; */
     z-index: 20;
     background-color: #ffffffe6;
     padding: 6px;
     border-radius: 5px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
     display: flex;
     flex-direction: column;
     min-height: 20px;
     max-height: 500px;
     overflow-y: auto;
     overflow-x: hidden;

     /*  max-width: 264px;*/
 }

 .legend_market {
     position: absolute;
     top: 5px;
     right: -160px;
     z-index: 20;
     background-color: rgba(255, 255, 255, 0.8);
     padding: 6px;
     border-radius: 5px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
     display: flex;
     flex-direction: column;
 }

 .layer-list-control {
     position: absolute;
     top: 92px;
     right: 7px;
     z-index: 1;
 }

 /* Menu dei layer - inizialmente nascosto */
 .layer-menu {
     position: absolute;
     top: 93px;
     right: 51px;
     z-index: 1;
     background-color: rgba(255, 255, 255, 0.8);
     padding: 10px;
     border-radius: 5px;
     display: none;
     /* Menu nascosto di default */
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 }

 .layer-menu ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
 }

 .layer-menu li {
     cursor: pointer;
     padding: 5px;
     font-size: 14px;
 }

 .layer-list-control:hover+.layer-menu,
 .layer-menu:hover {
     display: block;
     transition: width 0.9s ease, height 0.9s ease;
     /* <-- più lenta */
 }

 /* Opzioni del menu */
 .layer-menu li {
     padding: 10px;
     border-bottom: 1px solid #ccc;
 }

 .layer-menu li:last-child {
     border-bottom: none;
 }

 .map {
     flex-grow: 1;
     height: 100vh;
 }

 #position-custom {
     position: absolute;
     bottom: 13px;
     left: 120px;
     background: rgba(236, 236, 236, 0.7);
     padding: 2px;
     font-size: 12px;
     border: 1px solid gray;
     border-radius: 4px;
     z-index: 6000;
 }

 #attribution-custom {
     position: absolute;
     right: 7px;
     bottom: 13px;
     background: rgba(255, 255, 255, 0.8);
     padding: 6px 12px;
     font-size: 12px;
     border-radius: 6px;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
     z-index: 10000;
 }

 .ol-attribution {
     position: absolute !important;
     left: -9999px;
 }

 #googleMap,
 #olMap {
     transition: opacity 0.5s ease;
     opacity: 1;
 }

 .map-hidden {
     opacity: 0;
     pointer-events: none;
 }

 /*
* Css stampa certificati 
*/

 .btn-block-custom {
     margin-top: 4px;
 }

 .cert-card {
     background: linear-gradient(135deg, #f8f9fa, #e0e0e0);
     border: 2px solid #c0c0c0;
     border-radius: 15px;
     box-shadow: 0 0 20px rgba(192, 192, 192, 0.5);
     padding: 10px;
     max-width: 380px;
     width: 100%;
     position: relative;
     overflow: hidden;
 }

 .cert-flex {
     display: flex;
     flex-wrap: wrap;
     gap: 16px;
 }

 .cert-box {
     flex: 0 1 calc(50% - 16px);
     /* Due per riga (con gap di 16px) */
     background-color: #f0f0f0;
     padding: 16px;
     box-sizing: border-box;
     border: 1px solid #ccc;
     border-radius: 8px;
 }

 .cert-card::before {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background-image: url("https://cdn-icons-png.flaticon.com/512/3064/3064197.png");
     background-repeat: no-repeat;
     background-size: 118px;
     opacity: 0.05;
     width: 118px;
     height: 110px;
     z-index: 10;
 }

 .firma-angolo_altoDx {
     position: absolute;
     top: 3px;
     right: 3px;
     /*width: 60px;*/
     /* o come preferisci */
     height: 40px;
     opacity: 0.7;
     /* effetto filigrana */
 }

 .cert-numero_firma {
     font-size: 18px;
     font-weight: bold;
     border-style: solid;
     border-width: 0.2px;
     border-color: #cdcecf;
     border-radius: 11px;
     text-align: center;
     width: 43px;
     background: #e6eae5;
 }

 .firma-angolo_altoSx {
     position: absolute;
     top: 3px;
     left: 3px;
     /*width: 60px;*/
     /* o come preferisci */
     height: 40px;
     opacity: 0.7;
     /* effetto filigrana */
 }

 .cert-valid {
     color: #056206;
 }

 .cert-invalid {
     color: #890909;
 }

 .card-content {
     position: relative;
     z-index: 1;
 }

 .cert-title {
     font-size: 14px;
     font-weight: 700;
     margin-bottom: 5px;
     text-align: center;
 }

 .cert-info {
     font-size: 12px;
     margin-bottom: 3px;
     text-align: left;
 }

 .cert-label {
     font-weight: bold;
     color: #555;
     text-align: left;
 }

 .panel_treeview {
     min-height: 700px;
     font-size: small;
     padding: 8px;
     -webkit-box-shadow: 5px 5px 4px -2px rgba(29, 45, 51, 0.65);
     box-shadow: 5px 5px 4px -2px rgba(29, 45, 51, 0.65);
     background-color: #f7f4f4;
     border-radius: 10px 10px 10px 10px;
 }

 .scheda_menu {
     background-color: #f1f1f1;
     border-radius: 6px;
     -webkit-box-shadow: 5px 5px 4px -2px rgba(29, 45, 51, 0.65);
     box-shadow: 5px 5px 4px -2px rgba(29, 45, 51, 0.65);
     padding-bottom: 3px;
     padding-top: 3px;
     padding-left: 10px;
     box-shadow: rgb(0 0 0 / 78%) 0px 2px 4px;
     padding: 6px;
 }

 #street-view-container {
     width: 250px;
     height: 250px;
     margin-top: 20px;
     border: 1px solid #ccc;
 }

 .streetview-container {
     display: flex;
     flex-wrap: wrap;
 }

 .streetview-item {
     margin: 10px;
     text-align: center;
 }

 .img-street {
     width: 200px;
     height: 200px;
     border: 1px solid #ddd;
 }

 #panorama-list {
     display: flex;
     flex-wrap: wrap;
     /* Fa andare le immagini su più righe se necessario */
     gap: 20px;
     /* Spaziatura tra le immagini */
 }

 /* Stile per ogni immagine */
 .panorama-item {
     display: inline-block;
     margin: 10px;
     text-align: center;
     width: 400px;
 }

 .panorama-item img {
     width: 100%;
     height: auto;
     border: 2px solid #ccc;
 }

 .panorama-item a {
     display: block;
     margin-top: 5px;
 }

 /* Posizione dei pulsanti nei menu di ricerca in alto*/
 .mnu_search {
     top: 4px;
 }

 .grp_search {
     position: relative;
     top: -20px;
 }

 /* Wrapper che contiene l'icona e le note */
 .note-wrapper {
     position: relative;
     /* Per posizionare correttamente il contenitore delle note */
     display: inline-block;
     /* Necessario per il comportamento di hover */
 }

 /* Contenitore delle note - nascosto per default */
 .note-container {
     display: none;
     /* Nascosto inizialmente */
     background-color: #f9f9f9;
     border-radius: 8px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     min-width: 500px;
     max-width: 700px;
     padding: 15px;
     margin-top: 10px;
     font-family: Arial, sans-serif;
     color: #333;
     position: absolute;
     /* Posizionato sopra l'elemento trigger */
     top: 100%;
     /* Appare sotto l'elemento che attiva l'hover */
     left: 0;
     z-index: 10;
     /* Assicurati che il contenitore sia sopra gli altri elementi */
 }

 /* Intestazione delle note (con icona e titolo) */
 .note-header {
     display: flex;
     align-items: center;
     margin-bottom: 10px;
 }

 .note-icon {
     font-size: 24px;
     color: #4caf50;
     /* Verde per l'icona */
     margin-right: 10px;
 }

 .note-title {
     font-size: 18px;
     font-weight: bold;
     color: #333;
 }

 /* Corpo del contenitore delle note */
 .note-body {
     padding-left: 20px;
 }

 /* Stile per ciascuna annotazione */
 .note-text {
     background-color: #fff;
     border-radius: 4px;
     padding: 3px;
     margin: 8px 0;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
     font-size: 14px;
     line-height: 2;
 }

 /* Hover per migliorare l'interazione dell'utente */
 .note-text:hover {
     background-color: #f1f1f1;
     cursor: pointer;
 }

 /* Mostra il contenitore delle note quando si passa sopra l'elemento trigger */
 .note-wrapper:hover .note-container {
     display: block;
     /* Mostra il contenitore delle note al passaggio del mouse */
 }

 /* Posizionamento dell'icona trigger */
 .note-trigger {
     cursor: pointer;
     font-size: 24px;
     color: #333;
     padding: 10px;
     border-radius: 50%;
     background-color: #f1f1f1;
     transition: background-color 0.3s;
 }

 .note-trigger:hover {
     background-color: #ddd;
     /* Cambia il colore quando si passa sopra l'icona */
 }

 .ana-left-panel {
     width: 18%;
     min-width: 2%;
     /* Larghezza minima */
     max-width: 98%;
     padding-bottom: 3px;
     padding-top: 3px;
     padding-left: 10px;
     box-shadow: rgb(0 0 0 / 78%) 0px 2px 4px;
     /* font-size: medium; */
     background-color: #fefefe;
     padding: 6px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     /* Evita che il testo vada a capo */
 }

 .ana-right-panel {
     width: 82%;
     min-width: 2%;
     max-width: 98%;
     padding-bottom: 3px;
     padding-top: 3px;
     padding-left: 10px;
     box-shadow: rgb(0 0 0 / 78%) 0px 2px 4px;
     /* font-size: medium; */
     background-color: #fefefe;
     padding: 6px;
 }

 .ana-resizer:hover {
     cursor: ew-resize;
     transform: scaleX(0.5);
     /* Ingrandisce leggermente in orizzontale */
     transition: all 0.6s ease;
     /* Anima tutte le proprietà modificabili in 0.3s */
 }

 .ana-resizer {
     background-image: url("../img/spirale.png");
     transition: all 0.3s ease;
     background-position: center;
     background-repeat: repeat-y;
     transition: all 0.3s ease;
     /* Anima tutte le proprietà modificabili in 0.3s */
     display: flex;
     align-items: center;
     /* Centra verticalmente il contenuto */
     justify-content: center;
     /* Centra orizzontalmente il contenuto */
     color: white;
     /* Colore del testo */
     font-family: Arial, sans-serif;
     /* Tipo di font */
     text-align: center;
     /* Allinea il testo al centro */
     width: 30px;
     overflow: hidden;
     margin-top: 10px;
     margin-bottom: 14px;
     cursor: ew-resize;
 }

 .overlapping-image {
     z-index: 1;
     /* Aggiungi un valore di z-index per far sì che l'immagine appaia sopra il div */
 }

 .ana-container {
     display: flex;
     width: 100%;
     /*height: 100vh;*/
     overflow: hidden;
     padding: 4px;
 }

 .area_modify {
     -webkit-box-shadow: 5px 5px 6px -1px rgba(77, 77, 77, 0.77);
     box-shadow: 5px 5px 6px -1px rgba(77, 77, 77, 0.77);
     /*background: #ececec;*/
     background: #00539f;
     color: white;
     border-radius: 11px;
     min-height: 37.05px;
     font-size: medium;
     padding: 7px 3px 4px 9px;
     /* font-weight: 600;*/
 }

 .border_dot {
     border: 1px dashed #ccc;
 }

 .modal_header_new {
     height: 50px;
     background-color: #0a3968;
     color: white;
 }

 #dragable_modal .modal-dialog {
     position: relative;
     max-width: 100%;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
     background: Ftitle_dvar(--white);
     /* width:500px; */
     margin: 0;
     /* padding: 20px; */
     overflow: hidden;
     resize: both;
 }

 .custom_tab_on_editor {
     background: var(--orange);
     padding: 0px;
     margin: 0px;
 }

 .custom_tab_on_editor .nav-item {
     margin-bottom: 0px;
 }

 .custom_tab_on_editor .nav-item .nav-link {
     min-width: 100px;
     text-align: center;
     border: 0px solid transparent;
     border-radius: 0px;
     padding: 10px;
     color: var(--white);
 }

 .custom_tab_on_editor .nav-item .nav-link:hover {
     color: #ffffff;
     border-width: 0px;
     background: #ffb586;
     border-bottom: 0px solid transparent;
 }

 .custom_tab_on_editor .nav-item.show .nav-link,
 .custom_tab_on_editor .nav-link.active {
     color: #ffffff;
     border-width: 0px;
     background: #ffb586;
     border-bottom: 0px solid transparent;
     position: relative;
 }

 .dragable_touch {
     cursor: move;
 }

 .custom_tab_on_editor .nav-item.show .nav-link:before,
 .custom_tab_on_editor .nav-link.active:before {
     content: "";
     border-bottom: 10px solid var(--white);
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
     position: absolute;
     bottom: 0px;
     left: 50%;
     transform: translateX(-50%);
 }

 .panelricerche {
     z-index: 1000;
     position: fixed;
     right: 0px;
     width: 450px;
     min-height: 150px;
     max-height: 550px;
     background-color: #e4eff9e3;
     border-style: groove;
     border-color: #ebd5928c;
 }

 .background_cart {
     background: rgba(226, 226, 226, 1);
     background: -moz-linear-gradient(left,
             rgba(226, 226, 226, 1) 12%,
             rgba(225, 225, 225, 1) 16%,
             rgba(219, 219, 219, 1) 41%,
             rgba(254, 254, 254, 1) 83%,
             rgba(254, 254, 254, 1) 87%);
     background: -webkit-gradient(left top,
             right top,
             color-stop(12%, rgba(226, 226, 226, 1)),
             color-stop(16%, rgba(225, 225, 225, 1)),
             color-stop(41%, rgba(219, 219, 219, 1)),
             color-stop(83%, rgba(254, 254, 254, 1)),
             color-stop(87%, rgba(254, 254, 254, 1)));
     background: -webkit-linear-gradient(left,
             rgba(226, 226, 226, 1) 12%,
             rgba(225, 225, 225, 1) 16%,
             rgba(219, 219, 219, 1) 41%,
             rgba(254, 254, 254, 1) 83%,
             rgba(254, 254, 254, 1) 87%);
     background: -o-linear-gradient(left,
             rgba(226, 226, 226, 1) 12%,
             rgba(225, 225, 225, 1) 16%,
             rgba(219, 219, 219, 1) 41%,
             rgba(254, 254, 254, 1) 83%,
             rgba(254, 254, 254, 1) 87%);
     background: -ms-linear-gradient(left,
             rgba(226, 226, 226, 1) 12%,
             rgba(225, 225, 225, 1) 16%,
             rgba(219, 219, 219, 1) 41%,
             rgba(254, 254, 254, 1) 83%,
             rgba(254, 254, 254, 1) 87%);
     background: linear-gradient(to right,
             rgba(226, 226, 226, 1) 12%,
             rgba(225, 225, 225, 1) 16%,
             rgba(219, 219, 219, 1) 41%,
             rgba(254, 254, 254, 1) 83%,
             rgba(254, 254, 254, 1) 87%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1);
     border-radius: 9px;
 }

 .rotate_text {
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     width: 104px;
 }

 .video_tutorial {
     z-index: 1;
     position: absolute;
     top: -24px;
     width: 40px;
     right: 18px;
 }

 /** cusgtomize calendar */
 .fc-event:hover .tooltipevent {
     z-index: 10001 !important;
     display: block !important;
 }

 .fc-daygrid-event-harness,
 .fc-timegrid-event-harness {
     max-width: 100%;
 }

 .fc-timegrid-event-harness:nth-child(1n) {
     inset: 0px 0% -21px 0% !important;
 }

 .fc-timegrid-event-harness:nth-child(2n) {
     inset: 0px 0% -21px 25% !important;
 }

 .fc-timegrid-event-harness:nth-child(3n) {
     inset: 0px 0% -21px 50% !important;
 }

 .fc-timegrid-event-harness:nth-child(4n) {
     inset: 0px 0% -21px 100% !important;
 }

 .fc-button-bg-color {
     background-color: #354c61;
 }

 .fc-button-border-color {
     background-color: #354c61;
 }

 .fc-day-today {
     background: #f5d969 !important;
     border: none !important;
 }

 .fc-day-sat {
     background-color: #cfc28662;
     border: none !important;
 }

 .fc-day-sun {
     background-color: #cfc2868c;
     border: none !important;
 }

 .fc-timeline-header-row {
     background-image: linear-gradient(to bottom, #b6ad90bf 30%, #c2c5aac7 100%);
 }

 .fc-datagrid-cell-cushion {
     background-image: linear-gradient(to bottom, #b6ad90bf 30%, #c2c5aac7 100%);
 }

 .fc-scroller {
     background-image: linear-gradient(to bottom, #c5c5c500 30%, #edededa3 100%);
 }

 /* CARRELLO */
 .dtfc-fixed-left {
     background-image: linear-gradient(to bottom, #fdfdfdfa 30%, #bcbcbce6 100%);
     z-index: 999;
 }

 .room_col {
     background-image: linear-gradient(to bottom, #fdfdfdfa 30%, #bcbcbce6 100%);
     z-index: 999;
 }

 .room_col_sabato {
     background-color: #e6ccb2;
 }

 .room_col_domenica {
     background-color: #ddb892;
 }

 .fc-event-container[style] {
     /*height: 25px !important;*/
 }

 .fc-event[style] {
     /* height: 25px !important;*/
 }

 .ighcharts-axis-labels {
     background-image: linear-gradient(to bottom, #ede0d4 30%, #f3cca8 100%);
     z-index: 999;
 }

 .carrello {
     position: relative;
     margin-right: -29px;
     color: #0e18c8;
     z-index: 100;
     text-align: center;
     font-size: 2.1em;
     top: -10px;
     font-family: monospace;
     font-weight: 600;
     text-align: center;
 }

 #div_cart_1 {
     padding-bottom: 3px;
     padding-top: -1px;
     padding-left: 33px;
     padding-right: 17px;
     border-radius: 8px;
     box-shadow: 3px 2px 4px 0px #684040;
     box-shadow: #4574c3 3px 3px 7px 0px;
     background-color: #908d91;
     top: 3px;
 }

 /*Barra di scorrimento*/

 ::-webkit-scrollbar-button:start:decrement,
 ::-webkit-scrollbar-button:end:increment {
     display: block;
     height: 10px;
 }

 ::-webkit-scrollbar-button:vertical:increment {
     background-color: #f5a2f5;
 }

 ::-webkit-scrollbar-track-piece {
     background-color: #f5a2f5;
     -webkit-border-radius: 3px;
 }

 ::-webkit-scrollbar-thumb:vertical {
     height: 30px;
     background-color: #cc1987;
     -webkit-border-radius: 4px;
 }

 ::-webkit-scrollbar-thumb:horizontal {
     width: 10px;
     background-color: #f5a2f5;
     -webkit-border-radius: 3px;
 }

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

 .container_registrazioni {
     border-style: solid;
     margin: 0px;
     padding: 9px;
     border-color: #c83d9a;
     border-radius: 12px;
     margin-top: 28px;
     border-width: 2px;
     background-color: #dad6e5;
 }

 .container_registrazioni_title {
     font-weight: 600;
     font-size: x-large;
     position: absolute;
     top: -5px;
 }

 .input_repertori {
     background-color: #d5ae4ba2;
     font-size: 1.8em;
 }

 .headimage {
     height: 150px;
     width: 100%;
     position: relative;
     /* min-height: 460px; */
     background-size: cover;
 }

 .headimage:before {
     content: "";
     display: block;
     width: 100%;
     height: 90%;
     position: absolute;
     left: -2%;
     top: 0;
     border-left: 1px solid var(--midorange);
     border-bottom: 1px solid var(--midorange);
     border-bottom-left-radius: 210px;
 }

 .headimage:after {
     content: "";
     display: block;
     background: white;
     height: 100%;
     width: 90%;
     position: absolute;
     top: 0;
     right: -20%;
     z-index: -1;
     border-left: 1px solid var(--midorange);
     border-bottom: 1px solid var(--midorange);
     border-bottom-left-radius: 200px;
 }

 .color_codice_1 {
     background-color: #a4cef8;
 }

 .color_codice_2 {
     background-color: #77fcd0;
 }

 .color_codice_3 {
     background-color: #a2fa8a;
 }

 .icon_help_note {
     height: 18px;
     margin-top: -9px;
 }

 .icon_breadcrumb {
     height: 25px;
     margin-top: -9px;
 }

 /*--------------------------------------
Definizione accessi SPID CIE CNS
---------------------------------------- */

 .spid_note {
     font-size: large;
     text-align: justify;
 }

 .spid_nav-tabs>li {
     float: left;
     margin-bottom: -1px;
 }

 .spid_nav>li {
     position: relative;
     display: block;
     height: 30px;
 }

 .button_spid {
     background-color: #0059b3;
     color: white;
     height: 61px;
     border-color: #0059b3;
     border-style: solid;
     border-width: 1px;
     height: 41px;
 }

 .button_spid:hover .button_spid:focus {
     background-color: #02386d;
     color: rgb(200, 200, 200);
 }

 .spid_tab-base .spid_nav-tabs>.active>a,
 .spid_tab-base .spid_nav-tabs>.active a:hover,
 .spid_tab-base .spid_nav-tabs>.active>a:focus {
     border-color: transparent;
     border-style: solid;
     border-width: 1px;
 }

 .spid_nav {
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
     height: 40px;
 }

 .spid_nav-tabs>li.active>a,
 .spid_nav-tabs>li.active>a:hover,
 .spid_nav-tabs>li.active>a:focus {
     color: #5f5b5b;
     /* background-color: #0059b3; */
     border-style: solid;
     border-width: 1px;
     border-top-color: #0059b3;
     border-top-style: solid;
     border-top-width: 9px;
     border-bottom-style: solid;
     border-bottom-color: white;
 }

 .tab_spid {
     color: white;
     background: #0059b3;
 }

 .spid_navbar-icon-color,
 .spid_navbar-top-links>li>a:focus:not(.mainnav-toggle)>i,
 .spid_navbar-top-links>li>a:hover:not(.mainnav-toggle)>i {
     color: #d9d9d9;
 }

 .spid_navbar-top-links>li>a {
     color: #fff;
 }

 .spid_navbar-top-links>li>a:not(.mainnav-toggle)>i {
     color: #fff;
 }

 .spid_navbar-top-links>li>a:hover {
     background-color: #0059b3 !important;
     color: #d9d9d9;
 }

 .spid_navbar-top-links>.open>a,
 .spid_navbar-top-links>.open>a:focus {
     background-color: #0059b3 !important;
     color: #d9d9d9;
 }

 .spid_navbar-top-links .tgl-menu-btn>a,
 .spid_navbar-top-links .tgl-menu-btn>a:hover,
 .spid_navbar-top-links .tgl-menu-btn>a:focus {
     color: #fff;
 }

 .spid_navbar-top-links .head-list li a i {
     color: #4d627b;
 }

 .spid_.navbar-top-links .head-list li a:hover {
     color: #7a878e;
 }

 /* -----------------------------------------
   Custom.css - put your own changes here
----------------------------------------- */

 .card_log {
     background-color: #ebedff;
     color: #474545;
     padding: 10px;
     border-radius: 7px;
     font-family: "Lato";
 }

 .note_cig {
     background: #8c9092;
     color: white;
     border-radius: 5px;
     font-size: x-small;
     padding: 3px 5px 3px 5px;
     border-radius: 9px;
 }

 .text-grey {
     color: rgb(75, 74, 74);
 }

 .text-red {
     color: rgb(94, 4, 4);
 }

 .text-green {
     color: rgb(5, 128, 36);
 }

 .txt-red {
     color: rgb(94, 4, 4);
 }

 .txt-green {
     color: rgb(5, 128, 36);
 }

 .icon-action {
     margin-right: 8px;
     margin-left: 7px;
     margin-top: 3px;
     margin-bottom: 3px;
     color: rgb(58, 57, 57);
     transform: scale(1.6);
 }

 .icon-action:hover {
     color: rgb(150, 2, 12);
     text-decoration: unset;
     transform: scale(2);
 }

 .text-sog_1 {
     font-family: monospace;
     font-size: 0.9em;
     line-height: 1.2;
 }

 .note_agg {
     background: #709373;
     color: white;
     border-radius: 5px;
     font-size: x-small;
     padding: 4px;
 }

 .text-white {
     color: white;
 }

 /* impostazioni nuovo ckeditor 5.0*/
 .ck-editor__editable[role="textbox"] {
     /* editing area */
     min-height: 300px;
     max-height: 600px !important;
 }

 .ck-content .image {
     /* block images */
     max-width: 80%;
 }

 .category_div {
     line-height: 0.5cm;
     color: red;
     margin-top: -0.5cm;
 }

 .ck-interline1 {
     line-height: 0.5cm;
     margin-bottom: 0.5cm;
 }

 .ck-interline2 {
     line-height: 1cm;
     margin-bottom: -15px;
 }

 .ck-interline3 {
     line-height: 1.5cm;
     margin-bottom: -15px;
 }

 .ck.ck-content:not(.ck-comment__input *) {
     height: 500px;
     overflow-y: auto;
 }

 .logo_intestazione {
     /* width: 100%;*/
     /* max-width:80px;*/
     max-height: 100px;
     text-align: center;
 }

 .car_object_title {
     /*
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #a3c9a69e;
  */
 }

 .car_object_select {
     -webkit-box-shadow: inset 0px 5px 10px -100px #ffffff,
         10px 8px 11px -2px #2e2e2e;
     -moz-box-shadow: inset 0px 5px 10px -100px #ffffff,
         10px 8px 11px -2px #2e2e2e;
     -o-box-shadow: inset 0px 5px 10px -100px #ffffff, 10px 8px 11px -2px #2e2e2e;
     box-shadow: inset 0px 5px 10px -100px #ffffff, 10px 8px 11px -2px #2e2e2e;
     background-color: #3366990d;
 }

 .car_object_pub {
     padding-bottom: 3px;
     padding-top: 1px;
     padding-left: 10px;
     margin-bottom: 2px;
     /*margin-left: 2px;*/
     border-radius: 12px;
     box-shadow: 3px 2px 4px 0px #635b5b;
     box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
     font-size: medium;
     height: 120px;
     line-height: 30px;
     border-left: solid;
     border-left-width: 11px;
     border-left-color: #761eaa;
 }

 .input_moduli {
     background-color: #edf70b7d;
 }

 .modal-dialog {
     -webkit-box-shadow: 9px 9px 10px -2px rgba(168, 163, 168, 1);
     -moz-box-shadow: 9px 9px 10px -2px rgba(168, 163, 168, 1);
     box-shadow: 9px 9px 10px -2px rgba(168, 163, 168, 1);
     border-radius: 8px;
 }

 .foglio_a4 {
     -webkit-box-shadow: 9px 9px 10px -2px rgba(168, 163, 168, 1);
     -moz-box-shadow: 9px 9px 10px -2px rgba(168, 163, 168, 1);
     box-shadow: 9px 9px 10px -2px rgba(168, 163, 168, 1);
     border-radius: 8px;
     background-color: white;
 }

 .car_object_sol {
     padding-bottom: 3px;
     padding-top: 1px;
     padding-left: 10px;
     margin-bottom: 2px;
     /*margin-left: 2px;*/
     border-radius: 12px;
     box-shadow: 3px 2px 4px 0px #635b5b;
     box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
     font-size: medium;
     height: 120px;
     line-height: 30px;
     border-left: solid;
     border-left-width: 11px;
     border-left-color: #773000;
 }

 .car_object_pro {
     padding-bottom: 3px;
     padding-top: 1px;
     padding-left: 10px;
     margin-bottom: 2px;
     /*margin-left: 2px;*/
     border-radius: 12px;
     box-shadow: 3px 2px 4px 0px #635b5b;
     box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
     font-size: medium;
     height: 120px;
     line-height: 30px;
     border-left: solid;
     border-left-width: 11px;
     border-left-color: #08721f;
 }

 .fa-search {
     margin-left: 0px;
     margin-top: 5px;
 }

 .card-wrapper.card-teaser-wrapper>.card-teaser.border {
     border-color: #b1b1b3;
 }

 .dat_news {
     font-size: large;
 }

 .card-wrapper.card-teaser-wrapper>.card-teaser {
     flex: 0 0 100%;
     margin: 16px 0;
     display: flex;
     flex-wrap: wrap;
 }

 .shadow-sm {
     box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
 }

 .card.card-teaser {
     flex-direction: row;
 }

 .card.card-teaser {
     padding: 16px 24px;
     text-decoration: none;
 }

 .card-adress {
     display: inline-flex;
     flex-direction: row;
     align-items: flex-start;
     padding: 10px;
     border-left-style: solid;
     border-left-width: 15px;
     border-color: #ccc;
     width: 100%;
 }

 .card.card-teaser {
     display: inline-flex;
     flex-direction: row;
     align-items: flex-start;
     padding: 18px;
     border-style: solid;
     border-width: 1px;
     border-color: #e9e6f2;
     border-radius: 4px;
     width: 100%;
 }

 .bg-agid-blu {
     background-color: #0059b3;
 }

 .link-list-wrapper ul {
     padding: 0;
     list-style-type: none;
 }

 .no_toc {
     padding-top: 0.55em;
     padding-bottom: 0.55em;
     padding-left: 18px;
     padding-right: 24px;
     font-size: x-large;
 }

 .nav-link {
     font-size: 1.2em;
     font-weight: 500;
     line-height: 2.2em;
     padding-top: 0.55em;
     padding-bottom: 0.55em;
     padding-left: 24px;
     padding-right: 24px;
 }

 .navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active {
     border-left: 2px solid #0059b3;
 }

 .navbar.it-navscroll-wrapper .h3,
 .navbar.it-navscroll-wrapper h3 {
     font-weight: 600;
     margin-bottom: 0.8rem;
     font-size: 0.833em;
     margin-top: 5px;
     letter-spacing: 1px;
     text-transform: uppercase;
     text-decoration: underline;
 }

 .nav-item {
     list-style: none;
 }

 .card_blog {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgba(0, 0, 0, 0.125);
     border-radius: 0.25rem;
     height: 330px;
     border-style: solid;
     border-width: 1px;
     padding: 4px;
 }

 .card_service {
     position: relative;
     padding: 6px;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgba(0, 0, 0, 0.125);
     border-radius: 0.25rem;
     height: 120px;
     border-style: solid;
     border-width: 1px;
     padding: 4px;
     flex: 0 0 32%;
 }

 .btn_read {
     position: absolute;
     bottom: 7px;
     right: 40px;
     font-size: initial;
     font-weight: 500px;
 }

 .title_c {
     position: absolute;
     bottom: 7px;
     right: 51%;
     font-size: initial;
     height: 40px;
     padding: 9px;
     font-weight: bold;
 }

 .title_e {
     position: absolute;
     bottom: 7px;
     left: 10px;
     font-size: initial;
     height: 40px;
     padding: 9px;
     font-weight: bold;
 }

 .title_b {
     color: #2e2e2ecf;
     padding: 3px 0px;
     font-size: x-large;
     font-weight: 600;
 }

 .title_c {
     color: #2e2e2ecf;
     padding: 3px 0px;
     font-size: small;
     font-weight: 500;
 }

 .title_d {
     /*padding: 3px 3px 3px 3px;*/
     font-weight: 600;
     color: rgb(248, 248, 248);
     font-size: large;
 }

 .title_a {
     border-left-style: inset;
     border-left-color: #0066ffcf;
     border-left-width: 7px;
     padding: 2px 4px 2px 8px;
     margin-top: 12px;
     font-weight: 600;
     color: rgb(32, 31, 31);
     font-size: 1.2em;
 }

 .title_e {
     padding: 6px 6px 6px 6px;
     margin-top: 2px;
     margin-bottom: 10px;
     font-weight: 600;
     color: rgb(32, 31, 31);
     font-size: large;
     border-style: solid;
     border-color: #0074ca29;
 }

 .title_f {
     border-left-style: inset;
     border-left-color: #0066ffcf;
     border-left-width: 7px;
     padding: 6px 6px 6px 6px;
     margin-top: 2px;
     margin-bottom: 10px;
     font-weight: 600;
     color: rgb(32, 31, 31);
     font-size: large;
 }

 .title_g {
     padding: 6px 6px 6px 6px;
     font-weight: 400;
     color: rgb(32, 31, 31);
     font-size: initial;
     position: relative;
     top: 22px;
     text-decoration: underline;
 }

 .title_h {
     padding: 1px 1px 1px 1px;
     margin-top: 1px;
     margin-bottom: 1px;
     font-weight: 600;
     color: rgb(65, 64, 64);
     font-size: medium;
 }

 .title_k {
     border-left-style: inset;
     border-left-color: #6fa6facf;
     border-left-width: 7px;
     padding: 4px 2px 3px 6px;
     margin-top: 2px;
     margin-bottom: 10px;
     font-weight: 600;
     color: rgb(65 63 112);
     font-size: larger;
 }

 .panel_body_os {
     padding: 6px;
     color: black;
     font-size: medium;
     max-height: 360px;
     overflow-y: auto;
 }

 /*----------------
progress meter password
------------------*/
 .bd-placeholder-img {
     font-size: 1.125rem;
     text-anchor: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
 }

 .card-img,
 .card-img-top {
     border-top-left-radius: calc(0.25rem - 1px);
     border-top-right-radius: calc(0.25rem - 1px);
     background-size: cover;
     height: 140px;
 }

 .card-img,
 .card-img-bottom,
 .card-img-top {
     width: 100%;
     background-size: cover;
 }

 .card-body {
     flex: 1 1 auto;
     padding: 0.5rem 0.5rem;
     font-size: small;
     font-weight: 500;
     background-size: cover;
 }

 .card_acc {
     position: absolute;
     bottom: 10px;
     right: 10px;
 }

 .card_acc_desc {
     position: absolute;
     bottom: 10px;

     font-size: medium;
     font-weight: 600;
     width: 100%;
 }

 .card-title {
     margin-bottom: 0.5rem;
     font-size: large;
     font-weight: 600;
 }

 .card-text:last-child {
     margin-bottom: 0;
     font-size: initial;
     min-height: 110px;
 }

 .card_menu {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgba(0, 0, 0, 0.125);
     border-radius: 0.25rem;
     min-height: 270px;
     border-bottom-style: solid;
     border-bottom-width: 9px;
     border-bottom-color: #008000;
 }

 progress {
     height: 4px;
     -webkit-box-shadow: none;
     box-shadow: none;
     background-color: #d4e9ff;
 }

 /*-----------------------
Impostazioni moduli
-------------------------*/
 .mod_titolo_a {
     color: #000000;
     font-size: x-large;
     font-weight: bolder;
     padding: 6px;
 }

 .mod_titolo_b {
     color: #2c2c2c;
     font-size: medium;
     padding: 1px 6px 6px 1px;
 }

 .ele_mod_c {
     min-height: 40px;
     background-color: #eaeaea;
     padding: 8px;
     font-size: medium;

     border-bottom-style: inset;
     border-bottom-width: thin;
 }

 .ele_mod_w {
     min-height: 40px;
     background-color: #feffff;
     padding: 8px;
     font-size: medium;
     border-top-style: inset;
     border-top-width: thin;
     border-bottom-style: inset;
     border-bottom-width: thin;
 }

 .mod_titolo_c {
     color: #2c2c2c;
     font-size: small;
     font-style: italic;
 }

 .panel_titolo {
     border-color: #bfbfbf;
     background-color: #f7f7f7;
     border-top-width: 1px;
     border-bottom-width: 1px;
     border-top-style: solid;
     border-bottom-style: solid;
     border-radius: 0px;
     color: black;
     font-size: medium;
 }

 .panel_corpo {
     background-color: #e5e7eb;
     color: #fff;
     position: relative;
 }

 .panel_arrow {
     text-align: right;
     margin-left: 0.3em;
     margin-top: 6px;
     color: #484848;
 }

 #bootstrapCookieConsentSettingsModal {
     max-width: 650px;
     margin: auto;
     width: 50%;
     padding: 10px;
 }

 .text_link_news {
     color: #d6012e;
     /*text-decoration: underline;*/
     font-weight: 600;
     line-height: 1.6;
 }

 #legenda_mercato {
     position: relative;
     top: 20px;
     left: 30px;
     z-index: 1;
 }

 #btn-close-info {
     position: absolute;
     top: 9px;
     right: 12px;
     font-size: 27px;
     background-color: #ececec;
     width: 34px;
     height: 34px;
     text-align: center;
     /* border-radius: 11px; */
     color: #1c3c8d;
 }

 .mer_maps_nuvola {
     padding-right: 3px;
     padding-bottom: 3px;
     overflow: hidden;
     max-width: 550px;
     line-height: 16px;
     font-size: 14px;
     /* min-height: 250px;*/
     /*position:absolute;*/
 }

 .header_maps_nuvola {
     color: white;
     background-color: #3d76af;
     font-size: x-large;
     font-weight: 200;
     font-family: "Titillium Web";
     padding: 9px;
     text-align: center;
 }

 .body_maps_nuvola {
     /*font-size: small;*/
     font-family: "Titillium Web";
     padding: 8px;
     text-align: left;
     color: black;
     line-height: 21px;
 }

 .div_placeholder {
     font-size: x-large;
     text-align: center;
     color: #7a7b7b;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100%;
     height: 40px;
 }

 .goog-te-banner-frame.skiptranslate {
     display: none !important;
 }

 body {
     top: 0px !important;
 }

 .VIpgJd-ZVi9od-ORHb-OEVmcd {
     display: none;
 }

 #goog-gt-tt,
 .goog-te-balloon-frame {
     display: none !important;
 }

 .goog-text-highlight {
     background: none !important;
     box-shadow: none !important;
 }

 .goog-te-banner-frame {
     display: none !important;
 }

 .goog-te-gadget-icon {
     background-image: url(../img/CA_950.png) !important;
     background-position: 0px 0px;
     height: 32px !important;
     width: 32px !important;
     margin-right: 0px !important;
     background-position: center;
     backdrop-filter: none;
     background-size: cover;
 }

 .goog-te-gadget {
     font-family: Roboto, "Open Sans", sans-serif !important;
     text-transform: uppercase;
 }

 .goog-te-gadget-simple {
     background-color: transparent !important;
     border: 1px solid rgba(255, 255, 255, 0.5) !important;
     padding: 2px !important;
     border-radius: 4px !important;
     font-size: 1rem !important;
     line-height: 1rem !important;
     display: inline-block;
     cursor: pointer;
     zoom: 1;
     margin-top: -1px;
     height: 39px;
 }

 .goog-te-menu2 {
     max-width: 100%;
 }

 .goog-te-gadget-simple span {
     color: #f7f7f8 !important;
 }

 .goog-logo-link {
     display: none !important;
 }

 .goog-te-gadget {
     color: transparent !important;
 }

 .goog-te-banner-frame.skiptranslate {
     display: none !important;
 }

 /* ================================== *\
    Mediaqueries
\* ================================== */
 @media (max-width: 667px) {
     #google_translate_element {
         bottom: calc(100% - 50% - 53px);
         left: 16px !important;
         width: 100% !important;

         goog-te-gadget {
             width: 100% !important;
         }

         .skiptranslate {
             width: 100% !important;
         }

         .goog-te-gadget-simple {
             width: calc(100% - 32px) !important;
             text-align: center;
         }
     }
 }

 .general_box {
     padding: 3px;
     -webkit-box-shadow: 0px 10px 13px -7px #000000,
         3px 3px 17px -6px rgba(0, 0, 0, 0.27);
     box-shadow: 0px 10px 13px -7px #000000,
         3px 3px 17px -6px rgba(0, 0, 0, 0.27);
 }

 .reduce_vertical {
     width: 40px;
 }

 .big_vertical {
     width: 90%;
 }

 .wpr {
     padding: 10px 30px;
     display: flex;
     justify-content: center;
     /* align horizontal */
 }

 .wpr span {
     float: left;
     margin: 0 5px;
 }

 .cell_green {
     background-color: #75f395;
 }

 .spid_box {
     padding: 8px;
     font-size: small;
     -webkit-box-shadow: 0px 10px 13px -7px #000000,
         3px 3px 17px -6px rgba(0, 0, 0, 0.27);
     box-shadow: 0px 10px 13px -7px #000000,
         3px 3px 17px -6px rgba(0, 0, 0, 0.27);
     min-height: 350px;
     background-color: #f7f4f4;
 }

 .spid_info {
     text-align: left;
     font-size: small;
 }

 .spid_link {
     color: #080808;
     font-size: small;
     width: 500;
     font-weight: 600;
 }

 /* IMPOSTAZIONI PER ICONE FA*/
 .div_save_form {
     border: 2px solid #3f9e3f;
     width: 400px;
     height: 50px;
     right: 0px;
     text-align: right;
     background-color: #66d6a3;
     position: absolute;
     bottom: 0;
     border-radius: 6px;
     padding: 8px;
 }

 .approve {
     color: rgb(49, 168, 49);
 }

 .archive {
     color: rgb(207, 55, 55);
 }

 .suspend {
     color: orange;
 }

 .info {
     color: rgb(26, 75, 121);
 }

 .purple {
     color: rgb(201, 83, 171);
 }

 .black {
     color: black;
 }

 .err_background {
     color: white;
     background-color: red;
 }

 .suc_background {
     color: white;
     background-color: green;
 }

 .war_background {
     color: white;
     background-color: orange;
 }

 .icon_fa {
     font-size: 152% !important;
     width: 24px;
     text-align: center;
     margin-top: 4px;
 }

 .comment_strike {
     text-decoration: line-through;
 }

 .comment_yes_1 {
     color: #126813;
     font-size: 140% !important;
     width: 24px;
     text-align: center;
 }

 .comment_no_1 {
     color: #ea3434;
     font-size: 140% !important;
     width: 24px;
     text-align: center;
 }

 .comment_bo_1 {
     color: #f5a20b;
     font-size: 140% !important;
     width: 24px;
     text-align: center;
 }

 .comment_bo_2 {
     color: #1370e3;
     font-size: 140% !important;
     width: 24px;
     text-align: center;
 }

 .comment_gray {
     color: #47433d;
     font-size: 140% !important;
     width: 24px;
     text-align: center;
 }

 .comment_icon {
     color: #524f4c;
     width: 24px;
     text-align: center;
 }

 /*FINE IMPOSTAZIONI ICONE */

 .list_anagrafica_UT {
     border-left-style: solid;
     border-left-width: thick;
     border-left-color: green;
     border-left-width: 10px;
 }

 .list_anagrafica_NOUT {
     border-left-style: solid;
     border-left-width: thick;
     border-left-color: red;
     border-left-width: 10px;
 }

 .container {
     margin: 0 auto;
     width: 50%;
 }

 .content {
     padding: 5px;
     margin: 0 auto;
 }

 .content span {
     width: 250px;
 }

 .timeline_text {
     text-align: left;
     font-size: 11px;
     font-weight: 600;
 }

 .ist_el_doc_prot {
     font-size: smaller;
     font-weight: 600;
     color: black;
 }

 .ist_el_doc_tit {
     font-size: smaller;
     font-weight: 600;
     color: brown;
     font-style: italic;
 }

 .dz-message {
     text-align: center;
     font-size: 28px;
 }

 .uc-setting {
     display: inline-block;
     text-align: center;
     background-color: #efeaeab3;
     padding: 2px;
 }

 .carto-box {
     display: flex;
     position: relative;
     bottom: 0;
 }

 .carto-controls {
     position: absolute;
     bottom: 46px;
     background-color: #f0f8ff7d;
     width: 94%;
 }

 .cart-slider-container {
     display: -webkit-box;
     padding: 6px;
 }

 .carto_check {
     /* Double-sized Checkboxes */
     -ms-transform: scale(1.5);
     /* IE */
     -moz-transform: scale(1.5);
     /* FF */
     -webkit-transform: scale(1.5);
     /* Safari and Chrome */
     -o-transform: scale(1.5);
     /* Opera */
     transform: scale(1.5);
     padding: 7px;
 }

 ul.lista-1 li {
     list-style-image: url(../assets/img/icons/ICO_115.png);
 }

 .link {
     text-decoration: underline;
     color: #1f0006;
     padding: 2px;
     font-size: medium;
     font-weight: 500;
 }

 .box_email {
     position: fixed;
     bottom: -60000px;
     left: 20%;
     border-radius: 10px 10px 0px 0px;
     min-height: 500px;
     background-color: #fff;
     width: 78%;
     display: block;
     z-index: 999999;
     margin-bottom: 25px;
     box-shadow: 7px 5px 4px 2px #9d9a9a9c;
     border-color: #dfdfdf;
     border-style: solid;
 }

 .box-inner_email {
     width: 100%;
     top: 0px;
     bottom: 0px;
     overflow: hidden;
     -webkit-overflow-scrolling: touch;
 }

 .contabile {
     border-style: solid;
     border-width: thin;
     padding: 4px;
     font-size: initial;
 }

 .note_update {
     color: #8f0505;
     font-size: smaller;
     font-weight: 400;
 }

 textarea {
     min-width: 100%;
     max-width: 100%;
 }

 .wrapper {
     position: relative;
     font-family: Arial, Helvetica, sans-serif;
     padding-top: 90px;
     padding-left: 50px;
     width: 80%;
     margin: auto;
 }

 .wrapper .text {
     font-family: Arial, Helvetica, sans-serif;
     padding-top: 50px;
 }

 .wrapper h1 {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 26px;
 }

 .longText {
     margin-top: 20px;
     width: 600px;
     font: 18px/24px Arial, Helvetica, sans-serif;
     color: gray;
 }

 span.btn {
     padding: 10px;
     display: inline-block;
     cursor: pointer;
     font: 12px/14px Arial, Helvetica, sans-serif;
     color: #aaa;
     background-color: #eee;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-box-shadow: #999 2px 0px 3px;
     -webkit-box-shadow: #999 2px 0px 3px;
 }

 span.btn:hover {
     background-color: #000;
 }

 /*
            custom style for extruder
            */

 .extruder.left.a .flap {
     font-size: 18px;
     color: white;
     top: 0;
     padding: 10px 0 10px 10px;
     background: #772b14;
     width: 30px;
     position: absolute;
     right: 0;
     -moz-border-radius: 0 10px 10px 0;
     -webkit-border-top-right-radius: 10px;
     -webkit-border-bottom-right-radius: 10px;
     -moz-box-shadow: #666 2px 0px 3px;
     -webkit-box-shadow: #666 2px 0px 3px;
 }

 .extruder.left.a .content {
     border-right: 3px solid #772b14;
 }

 .extruder.top .optionsPanel .panelVoice a:hover {
     color: #fff;
     background: url("elements/black_op_30.png");
     border-bottom: 1px solid #000;
 }

 .extruder.top .optionsPanel .panelVoice a {
     border-bottom: 1px solid #000;
 }

 .extruder.left.a .flap .flapLabel {
     background: #772b14;
 }

 .cd-panel {
     /*...*/
     visibility: hidden;
     transition: visibility 0s 0.3s;
     z-index: 999980;
 }

 .cd-panel.is-visible {
     visibility: visible;
     transition: visibility 0s 0s;
 }

 .cd-panel-header {
     /*...*/
     position: fixed;
     top: 50px;
     width: 90%;
     height: 50px;
     transition: right 0.1s 0s;
     z-index: 999999;
 }

 .is-visible .cd-panel-header {
     transition: top 0.3s 0.3s;
     width: 40%;
     height: 100%;
     top: 180px;
     right: 0;
 }

 .cd-panel-container {
     /*...*/
     background-color: white;
     position: fixed;
     width: 40%;
     height: 100%;
     top: 180px;
     right: 0;
     margin-top: 80px;
     transition-property: transform;
     transition-duration: 0.2s;
     transition-delay: 0.1s;
     transform: translate3d(100%, 0, 0);
 }

 .is-visible .cd-panel-container {
     transform: translate3d(0, 0, 0);
     transition-delay: 0s;
 }

 td.details-control {
     background: url("../assets/img/icons/details_open.png") no-repeat center center;
     cursor: pointer;
 }

 tr.shown td.details-control {
     background: url("../assets/img/icons/details_close.png") no-repeat center center;
 }

 .text_area {
     min-width: 100%;
     max-width: 100%;
     border-radius: 6px;
     border-color: #abadac;
     background-color: #f5f5f5;
 }

 .card_10 {
     cursor: -webkit-grab;
     cursor: grab;
     background-color: #fff;
     border-radius: 0px;
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07);
     border-width: 1px 0px 1px 19px;
     border-style: solid;
     border-color: transparent transparent transparent #b4b4b4;
     padding: 10px 15px 10px 15px;
     margin-bottom: 19px;
 }

 .approvazione_imp_2 {
     background-color: #ffc107;
     display: inline-block;
     min-width: 10px;
     padding: 3px 7px;
     font-size: 14px;
     font-weight: 700;
     line-height: 1;
     color: white;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     border-radius: 10px;
     padding: 6px 10px 6px 10px;
 }

 .approvazione_imp_3 {
     background-color: #ea190a;
     display: inline-block;
     min-width: 10px;
     padding: 3px 7px;
     font-size: 14px;
     font-weight: 700;
     line-height: 1;
     color: white;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     border-radius: 10px;
     padding: 6px 10px 6px 10px;
 }

 .approvazione_imp_1 {
     background-color: #21b127;
     display: inline-block;
     min-width: 10px;
     padding: 3px 7px;
     font-size: 14px;
     font-weight: 700;
     line-height: 1;
     color: white;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     border-radius: 10px;
     padding: 6px 10px 6px 10px;
 }

 .card_news {
     background-color: #3ab732;
     color: white;
 }

 /*---------------------
portale trasparenza
*/
 --------------------- .pagato_tot {
     background-color: green;
 }

 .pagato_parziale {
     background-color: orange;
 }

 .non_pagato {
     background-color: #ff4100;
 }

 .tra_section {
     background-color: #0066ccbf;
     border-color: #0066ccbf;
     color: #fff;
     padding: 10px;
     border-radius: 10px;
 }

 .panel-body-2 {
     background-color: #f7f7f7;
 }

 .tra_card_1 {
     height: 150px;
     border-style: solid;
     border-width: thin;
     border-color: darkslategray;
 }

 .tra_card_5 {
     height: 200px;
     border-style: solid;
     border-width: thin;
     border-color: darkslategray;
 }

 .tra_card_map {
     border-style: solid;
     border-width: 1px;
     border-color: #b5b5b5;
 }

 .tra_card_2 {
     height: 450px;
     border-style: solid;
     border-width: thin;
     border-color: darkslategray;
 }

 .tra_header_card {
     height: 40px;
     font-size: x-large;
     font-family: inherit;
     background-color: #939694;
     color: white;
     text-align: center;
 }

 .tra_header_card_2 {
     height: 30px;
     font-size: 1em;
     font-family: inherit;
     background-color: #939694;
     color: white;
     text-align: center;
     padding: 4px;
 }

 .card_yellow {
     background-color: yellow;
     color: black;
 }

 .card_green {
     background-color: green;
 }

 .card_blue {
     background-color: blue;
 }

 .card_brown {
     background-color: brown;
 }

 .tra_body_card_2 {
     padding: 20px 5px 20px 5px;
     font-size: 1.6em;
     font-family: sans-serif;
 }

 .tra_body_card_1 {
     padding: 20px 5px 20px 5px;
     font-size: 1.2em;
     font-family: sans-serif;
 }

 .table_casch td,
 .table_casch th {
     background-color: #fff !important;
     font-family: "Roboto Condensed", "sans-serif";
     font-size: smaller;
     font-weight: initial;
 }

 .table_cont td,
 .table_cont th {
     padding: 10px;
 }

 /*---------------------
portale trasparenza
*/
 --------------------- .istruttore {
     overflow-x: hidden;
     overflow-y: hidden;
 }

 .tab_imu {
     font-size: smaller;
 }

 .loader_1 {
     display: none;
     opacity: 0.7;
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 9999;
     background: #fafafa url(../assets/img/LO_1.gif) no-repeat center center;
     background-size: 180px 180px;
     text-align: center;
     font-weight: revert;
     font-size: xx-large;
     color: #464646;
 }

 .loader_2 {
     display: none;
     opacity: 0.7;
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 9999;
     background: #fafafa url(../assets/img/LO_2.gif) no-repeat center center;
     background-size: 180px 180px;
     text-align: center;
     font-weight: revert;
     font-size: xx-large;
     color: #464646;
 }

 .loader_3 {
     display: none;
     opacity: 0.7;
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 99999999;
     background: #fafafa url(../assets/img/LO_3.gif) no-repeat center center;
     background-size: 180px 180px;
     text-align: center;
     font-weight: revert;
     font-size: xx-large;
     color: #464646;
 }

 .loader_4 {
     display: none;
     opacity: 0.7;
     position: absolute;
     right: -40px;
     top: -20px;
     width: 100%;
     height: 100%;
     z-index: 9999;
     background: #b7b7b7 url(../img/LO_2.gif) no-repeat center center;
     background-size: 60px 60px;
     text-align: center;
     color: #999;
 }

 .div_bacheca {
     min-height: 80px;
     overflow: auto;
     max-height: 150px;
     overflow: auto;
     margin-right: -16;
 }

 .card_6 {
     border-left-style: solid;
 }

 .card_si {
     border-left-color: #2ec313;
     border-left-style: solid;
     border-left-width: 6px;
 }

 .card_no {
     border-left-color: #f90202;
     border-left-style: solid;
     border-left-width: 6px;
 }

 .card_at {
     border-left-color: #1613c3;
     border-left-style: solid;
     border-left-width: 6px;
 }

 .panel_danger {
     margin-bottom: 18px;
     border: 1px solid transparent;
     border-radius: 2px;
     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
     color: #fff;
     background-color: #b94a48;
     border-color: #b94a48;
 }

 .panel_success {
     margin-bottom: 18px;
     border: 1px solid transparent;
     border-radius: 2px;
     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
     color: #fff;
     background-color: #09633d;
     border-color: #09633d;
 }

 .panel_title {
     padding: 10px 15px;
     border-bottom: 1px solid transparent;
     border-top-right-radius: 1px;
     border-top-left-radius: 1px;
     margin-top: 0;
     margin-bottom: 0;
     font-size: 15px;
     color: white;
 }

 .panel-body {
     /*font-size: 1.5em;*/
     color: #000;
 }

 .session_log_time {
     color: white;
     font-size: initial;
     font-weight: 500;
     padding: 16px;
 }

 .table_casch td,
 .table_casch th {
     background-color: #fff !important;
     font-family: "Roboto Condensed", "sans-serif";
     font-size: smaller;
     font-weight: initial;
 }

 .box_comun {
     height: 350px;
     padding: 2px;
     border: 2px solid #eee;
     border-right: 0 solid;
     overflow: auto;
 }

 .intestazione_ente {
     min-height: 120px;
 }

 .shl_card_esercizi {
     border-left-style: solid;
     border-left-width: 10px;
     border-left-color: blue;
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8f8f8+0,efefef+48,efefef+48,efefef+87 */
     background: rgb(248, 248, 248);
     /* Old browsers */
     background: -moz-linear-gradient(top,
             rgba(248, 248, 248, 1) 0%,
             rgba(239, 239, 239, 1) 48%,
             rgba(239, 239, 239, 1) 48%,
             rgba(239, 239, 239, 1) 87%);
     /* FF3.6-15 */
     background: -webkit-linear-gradient(top,
             rgba(248, 248, 248, 1) 0%,
             rgba(239, 239, 239, 1) 48%,
             rgba(239, 239, 239, 1) 48%,
             rgba(239, 239, 239, 1) 87%);
     /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom,
             rgba(248, 248, 248, 1) 0%,
             rgba(239, 239, 239, 1) 48%,
             rgba(239, 239, 239, 1) 48%,
             rgba(239, 239, 239, 1) 87%);
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#efefef', GradientType=0);
     /* IE6-9 */
     padding: 6px;

     margin-bottom: 8px;
 }

 .icon_menu {
     vertical-align: middle;
     border-radius: 2rem;
     box-shadow: 0 0 0 4px #fff;
     background: #edecec30;
 }

 .center_menu {
     background: url("../img/backgrounds/5.png") repeat;
     padding-top: 10px;
     padding-bottom: 10px;
 }

 .text_search {
     text-transform: uppercase;
 }

 div.box {
     height: 650px !important;
     height
     /**/
     : 650px;
     padding: 5px;
     overflow: auto;
 }

 .box_norme {
     height: 400px !important;
     height
     /**/
     : 650px;
     padding: 5px;
     overflow: auto;
 }

 .btn-float {
     position: relative;
     margin-top: -110;
     /* scroll-margin-left: 15px; */
     margin-right: 10px;
     border-radius: 40px;
     height: 40px;
     width: 40px;
     background-color: #1800dc;
     border-color: white;
     color: white;
 }

 .scontrino {
     -webkit-box-shadow: 7px 10px 5px 0px rgba(189, 176, 189, 1);
     -moz-box-shadow: 7px 10px 5px 0px rgba(189, 176, 189, 1);
     box-shadow: 7px 10px 5px 0px rgba(189, 176, 189, 1);
     padding: 4px;
 }

 .footer_custom {
     border-top: 2px solid red;
     min-height: 30px;
     background-image: -ms-linear-gradient(top right, #ffffff 0%, #aacfef 100%);
     background-image: -moz-linear-gradient(top right, #ffffff 0%, #aacfef 100%);
     background-image: -o-linear-gradient(top right, #ffffff 0%, #aacfef 100%);
     background-image: -webkit-gradient(linear,
             right top,
             left bottom,
             color-stop(0, #ffffff),
             color-stop(1, #e8e8e8));
     background-image: -webkit-linear-gradient(top right,
             #ffffff 0%,
             #e2e3e5 100%);
     background-image: linear-gradient(to top right, #ffffff 0%, #e0e0e0 100%);
     padding-left: 14px;
     padding-bottom: 0px;
     position: fixed;
     bottom: 0;
     width: 100%;
     font-size: 13px;
 }

 .note {
     font-size: 0.8rem;
     font-weight: 600;
     font-weight: 600;
     color: #4b4b4d;
 }

 .footer_menu {
     background-color: #e44040;
     padding: 4px;
     color: white;
 }

 .footer_link {
     color: white;
 }

 .footer_link:hover {
     color: #e0dede;
 }

 .no_modify {
     display: none;
 }

 .modify {
     display: display;
 }

 .maiuscolo {
     text-transform: uppercase;
 }

 .minuscolo {
     text-transform: lowercase;
 }

 .intestazione_pagina {
     border-bottom-color: red;
     border-bottom-style: solid;
     border-bottom-width: thin;
     background-color: #fbfbfb;
     background-image: linear-gradient(to top right,
             #e4e4e41a 0%,
             #9a9a9a80 50%,
             #fdfdfdc7 100%);
     font-size: small;
     font-style: oblique;
     min-height: 105px;
 }

 .list_anagrafica_PF {
     border-left-style: solid;
     border-left-width: thick;
     border-left-color: blue;
 }

 .list_anagrafica_PG {
     border-left-style: solid;
     border-left-width: thick;
     border-left-color: red;
 }

 .onoffswitch-container {
     margin-top: 4px;
     margin-left: 7px;
     display: inline-block;
 }

 /*.onoffswitch{position:relative;width:50px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin-top:5px;margin-bottom:3px;margin-left:5px;display:inline-block;vertical-align:middle}*/
 .onoffswitch {
     position: relative;
     width: 50px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     display: inline-block;
     vertical-align: middle;
 }

 .onoffswitch-checkbox {
     display: none;
 }

 .onoffswitch-label {
     display: block;
     overflow: hidden;
     cursor: pointer;
     border: 1px solid #626262;
     border-radius: 50px;
     border-color: #adadad #b3b3b3 #9e9e9e;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
 }

 .onoffswitch-inner {
     width: 200%;
     margin-left: -100%;
     display: block;
 }

 .onoffswitch-inner:after,
 .onoffswitch-inner:before {
     float: left;
     width: 50%;
     height: 15px;
     padding: 0;
     line-height: 15px;
     font-size: 10px;
     font-family: Trebuchet, Arial, sans-serif;
     font-weight: 700;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }

 .onoffswitch-inner:before {
     content: attr(data-swchon-text);
     text-shadow: 0 -1px 0 #333;
     padding-left: 7px;
     background-color: #3276b1;
     color: #fff;
     box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.5),
         0 1px 2px rgba(0, 0, 0, 0.05);
     text-align: left;
 }

 .onoffswitch-inner:after {
     content: attr(data-swchoff-text);
     padding-right: 7px;
     text-shadow: 0 -1px 0 #fff;
     background-color: #fff;
     color: #555;
     text-align: right;
     box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),
         0 1px 2px rgba(0, 0, 0, 0.05);
 }

 .onoffswitch-switch {
     width: 19px;
     height: 19px;
     margin: -2px;
     background: #fff;
     border: 1px solid #9a9a9a;
     border-radius: 50px;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 32px;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     background-color: #f4f4f4;
     background-image: -moz-linear-gradient(top, #fff, #eee);
     background-image: -webkit-gradient(linear,
             0 0,
             0 100%,
             from(#fff),
             to(#eee));
     background-image: -webkit-linear-gradient(top, #fff, #eee);
     background-image: -o-linear-gradient(top, #fff, #eee);
     background-image: linear-gradient(to bottom, #fff, #eee);
     background-repeat: repeat-x;
     -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
     box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);
 }

 .onoffswitch-checkbox+.onoffswitch-label .onoffswitch-switch:before,
 .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before {
     color: #a90329;
     display: block;
     text-align: center;
     line-height: 19px;
     font-size: 10px;
     text-shadow: 0 -1px 0 #fff;
     font-weight: 700;
     font-family: FontAwesome;
 }

 .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch:before {
     color: #57889c;
 }

 .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
     margin-left: 0;
     display: block;
 }

 .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
     right: 0;
 }

 .onoffswitch-switch:hover {
     background-color: #eee;
 }

 .onoffswitch-switch:active {
     background-color: #eee;
     box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),
         0 1px 2px rgba(0, 0, 0, 0.05);
 }

 .onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-inner:before,
 .onoffswitch-checkbox:disabled+.onoffswitch-label .onoffswitch-inner:after {
     text-shadow: 0 1px 0 #fff;
     background: #bfbfbf;
     color: #333;
 }

 .onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-switch,
 .onoffswitch-checkbox:disabled+.onoffswitch-label .onoffswitch-switch {
     background-color: #f4f4f4;
     background-image: -moz-linear-gradient(top, #bfbfbf, #f4f4f4);
     background-image: -webkit-gradient(linear,
             0 0,
             0 100%,
             from(#bfbfbf),
             to(#f4f4f4));
     background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4);
     background-image: -o-linear-gradient(top, #bfbfbf, #f4f4f4);
     background-image: linear-gradient(to bottom, #bfbfbf, #f4f4f4);
     box-shadow: none !important;
 }

 .onoffswitch-checkbox:checked:disabled+.onoffswitch-label .onoffswitch-label,
 .onoffswitch-checkbox:disabled+.onoffswitch-label {
     border-color: #ababab #999 #878787 !important;
 }

 .onoffswitch-checkbox:checked+.onoffswitch-label {
     border-color: #3276b1 #2a6395 #255681;
 }

 .onoffswitch+span,
 .onoffswitch-title {
     display: inline-block;
     vertical-align: middle;
     margin-top: -5px;
 }

 .titolo_modulo {
     color: brown;
     -webkit-box-shadow: 0px 0px 5px 3px rgba(92, 91, 92, 1);
     -moz-box-shadow: 0px 0px 5px 3px rgba(92, 91, 92, 1);
     box-shadow: 0px 0px 5px 3px rgba(92, 91, 92, 1);
     padding: 1px;
     border-radius: 5px 5px 5px 5px;
     font-size: 14px;
     font-weight: 900;
 }

 .spinner_title {
     width: 60px;
     text-align: center;
 }

 .select_object2 {
     background-color: #e5f3c8;
 }

 .select_object {
     -webkit-box-shadow: 4px 4px 5px 0px rgba(25, 122, 16, 1);
     -moz-box-shadow: 4px 4px 5px 0px rgba(25, 122, 16, 1);
     box-shadow: 4px 4px 5px 0px rgba(25, 122, 16, 1);
     border-style: solid;
     border-width: thin;
     border-color: green;
     margin: 0px;
 }

 .img_pubb {
     margin-top: 20px;
 }

 .display_none {
     display: none;
 }

 .titolo_ext {
     background-color: #a50909;
     color: white;
     height: 35px;
     -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
     box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);
     padding: 10px;
 }

 .titoli {
     background-color: #dce6e6;
     padding: 5px;
     box-shadow: aquamarine;
     box-shadow: 4px 4px 4px 0px #8d8a8af5;
 }

 .fascia_red {
     border-left: #d00c0c;
     border-left-style: solid;
     border-left-width: 8px;
 }

 .fascia_blu {
     border-left: #498cce;
     border-left-style: solid;
     border-left-width: 8px;
 }

 #field {
     margin-left: 0.5em;
     float: left;
 }

 #field,
 label {
     float: left;
     font-family: Arial, Helvetica, sans-serif;
     font-size: small;
 }

 br {
     clear: both;
 }

 label.valid {
     background: url(images/checked.gif) no-repeat;
     display: block;
     width: 16px;
     height: 16px;
 }

 select.error {
     color: #b90909;
     border-style: solid;
     border-width: 1px;
     /*
     -webkit-box-shadow: 0px 0px 8px 3px rgba(250, 0, 0, 1);
     -moz-box-shadow: 0px 0px 8px 3px rgba(250, 0, 0, 1);
     box-shadow: 0px 0px 3px 3px rgba(250, 0, 0, 1);
     */
     font-size: small;
 }

 input.error {
     color: #b90909;
          border-style: solid;
     border-width: 1px;
     /*
     -webkit-box-shadow: 0px 0px 8px 3px rgba(250, 0, 0, 1);
     -moz-box-shadow: 0px 0px 8px 3px rgba(250, 0, 0, 1);
     box-shadow: 0px 0px 3px 3px rgba(250, 0, 0, 1);
     */
     font-size: small;
 }

 label.error {
    /*  background-color: #ff3a3399;*/
     color: #b90909;
     /*
     -webkit-box-shadow: 0px 0px 8px 3px rgba(250, 0, 0, 1);
     -moz-box-shadow: 0px 0px 8px 3px rgba(250, 0, 0, 1);
     box-shadow: 0px 0px 3px 3px rgba(250, 0, 0, 1);
     */
     border-style: none;
     font-size: small;
     width: 100%;
 }

 .error_old {
     font-size: 1rem;
     margin-top: 0.02rem;
     color: #ff0a0a;
     border-radius: 4px;
     padding: 2px;
     font-size: small;
     font-weight: 400;
 }

 .error {
    font-size: small;
    margin-top: 0.2rem;
    color: #ff0a0a;
    padding: 2px 20px 2px 2px; /* spazio a destra per la X */
    font-weight: 400;
    position: relative; /* serve per posizionare la X */
}
 
 .hr_intestazione {
     margin-top: 0.3rem;
     margin-bottom: 0.3rem;
     border-color: rgb(81, 124, 126);
 }

 .hr_custom {
     border-color: rgba(202, 85, 85, 0.87);
     width: 100%;
     margin-top: 10px;
 }

 .select_mese {
     border-color: cadetblue;
 }

 .right_sidebar {
     border-left: 1px solid #d9d9d9;
     background: url(../img/backgrounds/2-1.png) repeat;
     display: block;
 }

 /* -----------------------------------------
   Progressbars
----------------------------------------- */
 .progress {
     height: 30px;
     margin-top: 16px;
     margin-bottom: 16px;
     overflow: hidden;
     border-radius: 6px;
     background: #e1e1e1;
     box-shadow: -1px -1px 0 0 #d4d4d4 inset;
     z-index: 1;
 }

 .progress_txt {
     position: relative;
     top: 6px;
     padding: 2px;
 }

 .progress .progress-bar-white {
     background-color: #ffffff;
 }

 .progress-striped .progress .progress-bar-white {
     background-image: linear-gradient(45deg,
             rgba(255, 255, 255, 0.15) 25%,
             transparent 25%,
             transparent 50%,
             rgba(255, 255, 255, 0.15) 50%,
             rgba(255, 255, 255, 0.15) 75%,
             transparent 75%,
             transparent);
 }

 .progress .progress-bar {
     float: left;
     width: 0;
     height: 100%;
     font-size: 16px;
     line-height: 16px;
     color: #fff;
     text-align: center;
     box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
     transition: width 0.6s ease;
 }

 .progress .progress-bar.animated-bar {
     transition: width 2.5s ease !important;
 }

 .progress.progress-bar-xs {
     height: 6px;
 }

 .progress.progress-bar-xs .progress-bar {
     line-height: 6px;
     height: 6px;
 }

 .progress.progress-bar-sm {
     margin-top: 11px;
     height: 10px;
 }

 .progress.progress-bar-sm .progress-bar {
     line-height: 10px;
     height: 10px;
 }

 .progress.progress-bar-lg {
     height: 22.5px;
 }

 .progress.progress-bar-lg .progress-bar {
     line-height: 22.5px;
     height: 22.5px;
 }

 .progress.flat {
     border-radius: 0;
     height: 15px;
     margin-top: 9px;
 }

 .progress.flat .progress-bar {
     box-shadow: none;
     line-height: 15px;
     height: 15px;
     font-size: 11px;
     margin-top: 0;
     margin-left: 0;
     border-radius: 0;
 }

 .progress.flat.progress-bar-xs {
     height: 4px;
 }

 .progress.flat.progress-bar-xs .progress-bar {
     line-height: 4px;
     height: 4px;
 }

 .progress.flat.progress-bar-sm {
     height: 7.5px;
 }

 .progress.flat.progress-bar-sm .progress-bar {
     line-height: 7.5px;
     height: 7.5px;
 }

 .progress.flat.progress-bar-lg {
     height: 22.5px;
 }

 .progress.flat.progress-bar-lg .progress-bar {
     line-height: 22.5px;
     height: 22.5px;
 }

 .progress.transparent {
     background-color: rgba(0, 0, 0, 0.28);
 }

 .progress.white {
     background-color: #ffffff;
 }

 /* -----------------------------------------
   Notifications
----------------------------------------- */
 /*Red style*/
 .notification {
     padding: 0px 7px 0px 7px;
     color: #fff;
     background: #ed7a53;
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     font-weight: 700;
     font-size: 12px;
     font-family: Tahoma;
     position: absolute;
     top: -11px;
     right: -10px;
     box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
     text-shadow: none;
     /*green style*/
     /*blue style*/
 }

 .notification.green {
     background: #9fc569;
 }

 .notification.blue {
     background: #88bbc8;
 }

 /* -----------------------------------------
   Sidebar widget
----------------------------------------- */
 .sidebar-widget {
     position: relative;
     margin: -1px 0 10px 0;
     display: block;
     float: left;
     width: 100%;
     /*Sidebar Widget stats*/
     /*Rightnow stats style*/
 }

 .sidebar-widget .content {
     padding: 0px 4px;
     position: relative;
 }

 .sidebar-widget .title {
     background: url(../img/backgrounds/3.png) repeat;
     padding: 8px 3px 7px;
     margin-top: 0;
     border-top: 1px solid #c4c4c4;
     border-bottom: 1px solid #c4c4c4;
     box-shadow: 0 1px 0px #ffffff;
 }

 .sidebar-widget .progress {
     margin-bottom: 2px;
     width: 65%;
 }

 .sidebar-widget .percent {
     position: absolute;
     right: 1px;
     top: -1px;
     font-weight: 700;
 }

 .sidebar-widget .stat {
     font-size: 13px;
     display: inline-block;
     width: 100%;
     margin-top: 2px;
     text-align: center;
 }

 .sidebar-widget ul {
     padding-left: 0;
     list-style: none;
 }

 .sidebar-widget .stats {
     position: relative;
     margin: 0px -5px;
 }

 .sidebar-widget .stats .item {
     width: 90px;
     float: left;
     margin-left: 10px;
     margin-bottom: 5px;
 }

 .sidebar-widget .stats .item i.s16 {
     line-height: 18px;
     margin-top: 5px;
 }

 .sidebar-widget .stats .item .head {
     border-bottom: 1px solid #ebebeb;
     padding-bottom: 4px;
     margin-bottom: 8px;
 }

 .sidebar-widget .stats .item .number {
     font-size: 17px;
     font-weight: 600;
     float: left;
     width: 48%;
 }

 .sidebar-widget .stats .item .txt {
     float: left;
 }

 .sidebar-widget .stats .item .change {
     float: left;
     margin-top: 5px;
 }

 .sidebar-widget .stats .item .change i {
     margin-left: -2px;
     margin-right: 0;
 }

 .sidebar-widget .stats .item .spark {
     float: left;
     margin-top: 10px;
     margin-left: 5px;
 }

 .sidebar-widget .rightnow {
     position: relative;
 }

 .sidebar-widget .rightnow ul {
     margin-left: 10px;
 }

 .sidebar-widget .rightnow ul li {
     line-height: 24px;
     margin-bottom: 5px;
 }

 .sidebar-widget .rightnow ul li .number {
     font-size: 18px;
     font-weight: 700;
     margin-right: 10px;
     width: 30px;
     float: left;
     text-align: right;
     color: #2c7282;
 }

 /* -----------------------------------------

/**
 * Nestable
 */
 .dd {
     position: relative;
     display: block;
     margin: 0;
     padding: 0;
     max-width: 600px;
     list-style: none;
     font-size: 13px;
     line-height: 20px;
 }

 .dd-list {
     display: block;
     position: relative;
     margin: 0;
     padding: 0;
     list-style: none;
 }

 .dd-list .dd-list {
     padding-left: 30px;
 }

 .dd-collapsed .dd-list {
     display: none;
 }

 .dd-item,
 .dd-empty,
 .dd-placeholder {
     display: block;
     position: relative;
     margin: 0;
     padding: 0;
     min-height: 20px;
     font-size: 13px;
     line-height: 20px;
 }

 .dd-handle {
     display: block;
     height: 30px;
     margin: 5px 0;
     padding: 5px 10px;
     color: #333;
     text-decoration: none;
     font-weight: bold;
     border: 1px solid #ccc;
     background: #fafafa;
     background: linear-gradient(top, #fafafa 0%, #eeeeee 100%);
     border-radius: 3px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
 }

 .dd-handle:hover {
     color: #2ea8e5;
     background: #fff;
 }

 .dd-item>button {
     display: block;
     position: relative;
     cursor: pointer;
     float: left;
     width: 25px;
     height: 20px;
     margin: 5px 0;
     padding: 0;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 0;
     background: transparent;
     font-size: 12px;
     line-height: 1;
     text-align: center;
     font-weight: bold;
 }

 .dd-item>button:before {
     content: "+";
     display: block;
     position: absolute;
     width: 100%;
     text-align: center;
     text-indent: 0;
 }

 .dd-item>button[data-action="collapse"]:before {
     content: "-";
 }

 .dd-placeholder,
 .dd-empty {
     margin: 5px 0;
     padding: 0;
     min-height: 30px;
     background: #f2fbff;
     border: 1px dashed #b6bcbf;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
 }

 .dd-empty {
     border: 1px dashed #bbb;
     min-height: 100px;
     background-color: #e5e5e5;
     background-image: linear-gradient(45deg,
             #ffffff 25%,
             transparent 25%,
             transparent 75%,
             #ffffff 75%,
             #ffffff),
         linear-gradient(45deg,
             #ffffff 25%,
             transparent 25%,
             transparent 75%,
             #ffffff 75%,
             #ffffff);
     background-size: 60px 60px;
     background-position: 0 0, 30px 30px;
 }

 .dd-dragel {
     position: absolute;
     pointer-events: none;
     z-index: 9999;
 }

 .dd-dragel>.dd-item .dd-handle {
     margin-top: 0;
 }

 .dd-dragel .dd-handle {
     box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
 }

 /**
 * Nestable Extras
 */
 .nestable-lists {
     display: block;
     clear: both;
     padding: 30px 0;
     width: 100%;
     border: 0;
     border-top: 2px solid #ddd;
     border-bottom: 2px solid #ddd;
 }

 #nestable-menu {
     padding: 0;
     margin: 20px 0;
 }

 #nestable-output,
 #nestable2-output {
     width: 100%;
     height: 7em;
     font-size: 0.75em;
     line-height: 1.333333em;
     font-family: Consolas, monospace;
     padding: 5px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
 }

 #nestable2 .dd-handle {
     color: #fff;
     border: 1px solid #999;
     background: #bbb;
     background: linear-gradient(top, #bbbbbb 0%, #999999 100%);
 }

 #nestable2 .dd-handle:hover {
     background: #bbb;
 }

 #nestable2 .dd-item>button:before {
     color: #fff;
 }

 @media only screen and (min-width: 700px) {
     .dd {
         float: left;
         width: 48%;
     }

     .dd+.dd {
         margin-left: 2%;
     }
 }

 .dd-hover>.dd-handle {
     background: #2ea8e5 !important;
 }

 /**
 * Nestable Draggable Handles
 */
 .dd3-content {
     display: block;
     height: 30px;
     margin: 5px 0;
     padding: 5px 10px 5px 40px;
     color: #333;
     text-decoration: none;
     font-weight: bold;
     border: 1px solid #ccc;

     background: #f1f1f1;
     background: linear-gradient(top, #fafafa 0%, #eeeeee 100%);
     border-radius: 3px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     font-size: medium;
     font-size: 14px;
     font-family: monospace;
 }

 .dd3-content:hover {
     color: #2ea8e5;
     background: #fff;
 }

 .dd-dragel>.dd3-item>.dd3-content {
     margin: 0;
 }

 .dd3-item>button {
     margin-left: 30px;
 }

 .dd9-handle {
     text-decoration: none;
     background-image: url(../assets/img/icons/ICO_265.png);
     background-repeat: no-repeat;
     background-size: 90%;
     background-position: center;
     position: absolute;
     margin: 0;
     left: 0;
     top: 0;
     cursor: pointer;
     width: 30px;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 1px solid #aaa;
     background: linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }

 .dd8-handle-pop {
     text-decoration: none;
     background-image: url(../assets/img/icons/ICO_1116.png);
     background-repeat: no-repeat;
     background-size: 80%;
     background-position: center;
     position: absolute;
     margin: 0;
     left: 0;
     top: 0;
     cursor: pointer;
     width: 30px;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 1px solid #aaa;
     background: linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }

 .dd8-handle {
     text-decoration: none;
     background-image: url(../assets/img/icons/ICO_266.png);
     background-repeat: no-repeat;
     background-size: 80%;
     background-position: center;
     position: absolute;
     margin: 0;
     left: 0;
     top: 0;
     cursor: pointer;
     width: 30px;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 1px solid #aaa;
     background: linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }

 .dd3-handle {
     position: absolute;
     margin: 0;
     left: 0;
     top: 0;
     cursor: pointer;
     width: 30px;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 1px solid #aaa;
     background: #ddd;
     background: linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
 }

 .dd3-handle:before {
     content: "=";
     display: block;
     position: absolute;
     left: 0;
     top: 3px;
     width: 100%;
     text-align: center;
     text-indent: 0;
     color: #fff;
     font-size: 20px;
     font-weight: normal;
 }

 .dd3-handle:hover {
     background: #ddd;
 }

 .container_timeline {
     width: 100%;
     /* padding-right: .75rem; */
     /* padding-left: .75rem; */
     margin-right: auto;
     margin-left: auto;
 }

 .timeline_c {
     position: relative;
 }

 .timeline_c:before {
     position: absolute;
     content: "";
     width: 4px;
     height: calc(100% + 20px);
     background: rgb(138, 145, 150);
     background: -moz-linear-gradient(left,
             rgba(138, 145, 150, 1) 0%,
             rgba(122, 130, 136, 1) 60%,
             rgba(98, 105, 109, 1) 100%);
     background: -webkit-linear-gradient(left,
             rgba(138, 145, 150, 1) 0%,
             rgba(122, 130, 136, 1) 60%,
             rgba(98, 105, 109, 1) 100%);
     background: linear-gradient(to right,
             rgba(138, 145, 150, 1) 0%,
             rgba(122, 130, 136, 1) 60%,
             rgba(98, 105, 109, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a9196', endColorstr='#62696d', GradientType=1);
     left: 14px;
     top: 5px;
     border-radius: 4px;
 }

 .timeline_c-month {
     position: relative;
     padding: 4px 15px 4px 35px;
     background-color: #444950;
     display: inline-block;
     width: auto;
     border-radius: 40px;
     border: 1px solid #17191b;
     border-right-color: black;
     margin-bottom: 30px;
 }

 .timeline_c-month span {
     position: absolute;
     top: -1px;
     left: calc(100% - 10px);
     z-index: -1;
     white-space: nowrap;
     display: inline-block;
     background-color: #111;
     padding: 4px 10px 4px 20px;
     border-top-right-radius: 40px;
     border-bottom-right-radius: 40px;
     border: 1px solid black;
     box-sizing: border-box;
 }

 .timeline_c-month:before {
     position: absolute;
     content: "";
     width: 20px;
     height: 20px;
     background: rgb(138, 145, 150);
     background: -moz-linear-gradient(top,
             rgba(138, 145, 150, 1) 0%,
             rgba(122, 130, 136, 1) 60%,
             rgba(112, 120, 125, 1) 100%);
     background: -webkit-linear-gradient(top,
             rgba(138, 145, 150, 1) 0%,
             rgba(122, 130, 136, 1) 60%,
             rgba(112, 120, 125, 1) 100%);
     background: linear-gradient(to bottom,
             rgba(138, 145, 150, 1) 0%,
             rgba(122, 130, 136, 1) 60%,
             rgba(112, 120, 125, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a9196', endColorstr='#70787d', GradientType=0);
     border-radius: 100%;
     border: 1px solid #17191b;
     left: 5px;
 }

 .timeline_c-section {
     padding-left: 15px;
     display: block;
     position: relative;
     margin-bottom: 10px;
 }

 .timeline_c-date {
     margin-bottom: 9px;
     padding: 2px 15px;
     margin-left: 15px;
     background: linear-gradient(#74cae3, #5bc0de 60%, #4ab9db);
     position: relative;
     display: inline-block;
     border-radius: 20px;
     border: 1px solid #8d8d8e;
     color: #fff;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
 }

 .timeline_c-section:before {
     content: "";
     position: absolute;
     width: 30px;
     height: 1px;
     background-color: #444950;
     top: 12px;
     left: 20px;
 }

 .timeline_c-section:after {
     content: "";
     position: absolute;
     width: 10px;
     height: 10px;
     background: linear-gradient(to bottom,
             rgba(138, 145, 150, 1) 0%,
             rgba(122, 130, 136, 1) 60%,
             rgba(112, 120, 125, 1) 100%);
     top: 7px;
     left: 11px;
     border: 1px solid #17191b;
     border-radius: 100%;
 }

 .timeline_c-section .col-sm-4 {
     margin-bottom: 18px;
 }

 .timeline_c-box {
     position: relative;
     padding-left: 5px;
     padding-right: 5px;
     background-color: #eaeaea;
     border-radius: 15px;
     border-top-left-radius: 0px;
     border-bottom-right-radius: 0px;
     border: 1px solid #17191b;
     transition: all 0.3s ease;
     overflow: hidden;
 }

 .box-icon {
     position: absolute;
     right: 5px;
     top: 0px;
 }

 .box-title {
     padding: 5px 15px;
     border-bottom: 1px solid #17191b;
 }

 .box-title i {
     margin-right: 5px;
 }

 .box-content {
     padding: 5px 15px;
     background-color: #17191b;
 }

 .box-content strong {
     color: #666;
     font-style: italic;
     margin-right: 5px;
 }

 .box-item {
     margin-bottom: 5px;
 }

 .box-footer {
     padding: 5px 15px;
     border-top: 1px solid #17191b;
     background-color: #444950;
     text-align: right;
     font-style: italic;
 }

 div#gmaps-canvas {
     width: 775px;
     height: 300px;
 }

 .button_esercizio {
     width: 100%;
     margin-top: 10px;
     font-size: 1.9em;
     margin-left: 6px;
     padding-left: 6px;
     border-radius: 7px;
     height: 39px;
 }

 .tab_punti td {
     padding: 0;
     border-bottom-style: dotted;
     border-bottom-width: 1.5px;
     border-bottom-color: #e6e4e4;
 }

 .tab_intestazione th {
     text-shadow: 0 1px 0 #fff;
     background-image: -webkit-linear-gradient(top, #ffffff 0%, #cecece 100%);
     background-image: linear-gradient(to bottom, #ffffff 0%, #cecece 100%);
     background-repeat: repeat-x;
     border-color: #dbdbdb;
     border: 1px solid #ddd;
     border-width: 1px;
     border-style: solid;
     height: 28px;
     vertical-align: middle;
 }

 .text_white {
     color: white;
 }

 .text_black {
     color: black;
 }

 .text_red {}

 .text_redNew {
     color: #a30909;
 }

 .text_gren {
     color: #126813;
 }

 .text_red_b {
     color: #a90707;
     font-weight: 800;
 }

 .center_menu {
     margin: 10px;
 }

 .smart-timeline {
     position: relative;
     /*    background: whitesmoke;*/
     overflow-y: auto;
 }

 .gm-style-iw-a,
 gm-style-iw-t {
     max-height: 509px;
     padding: 8px;
     padding-right: 17px;
 }

 .div_control_no {
     min-height: 130px;
     border-radius: 8px;
     padding: 4px;
     background-image: linear-gradient(to bottom, #f5efd1 0%, #e0d28b 100%);
     background-repeat: repeat-x;
     border-color: #f5e79e;
     overflow: auto;
 }

 .div_control_si {
     min-height: 130px;
     border-radius: 8px;
     padding: 4px;
     background-image: linear-gradient(to bottom, #d1f5d5 0%, #77d072 100%);
     background-repeat: repeat-x;
     border-color: #33a94c;
     overflow: hidden;
 }

 .gm-style-iw gm-style-iw-c {
     max-height: 650px;
     min-height: 450px;
     min-width: 500px;
 }

 .gm-style .gm-style-iw-c {
     position: absolute;
     box-sizing: border-box;
     overflow-y: auto;
     top: 0;
     left: 0;
     /* min-height: 450px;*/
     min-width: 550px;
     max-height: 650px;
     transform: translate3d(-50%, -100%, 0);
     background-color: white;
     border-radius: 8px;
     padding: 8px;
     padding-right: 14px;
     box-shadow: 0 2px 7px 1pxrgba (0, 0, 0, 0.3);
 }

 div.gm-style-iw.gm-style-iw-c div.gm-style-iw-d {
     overflow: unset !important;
     padding-right: 14px;
 }

 .gm-style-iw {
     border: 1px solid rgba(72, 181, 233, 0.6);
     border-radius: 10px;
     box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
     color: #673ab7 !important;
     font-family: gothambook;
     text-align: center;
     /*min-height:450px;*/
     min-width: 550px;
     max-height: 650px;
     padding: 8px;
     padding-right: 9px;
     overflow: hidden;
     min-width: 366px;
 }

 #myInfoWindow-content {
     max-height: 200px !important;
     overflow: hidden !important;
     padding-right: 9px;
     overflow: hidden;
 }

 .card_3 {
     padding-bottom: 10px;
     padding-top: 10px;
     margin-bottom: 20px;
     margin-left: 20px;
     border-left-style: solid;
     border-left-width: 16px;
     -webkit-box-shadow: 5px 5px 10px 0px #000000;
     -moz-box-shadow: 5px 5px 10px 0px #000000;
     -o-box-shadow: 5px 5px 10px 0px #000000;
     box-shadow: 5px 5px 10px 0px #000000;
 }

 .card_5 {
     padding-bottom: 3px;
     padding-top: 3px;
     padding-left: 10px;
     box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     -webkit-box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     -moz-box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     background: linear-gradient(180deg, #f8f9fa, #e0e0e0c9);
     padding: 9px;
     border-radius: 6px;
 }

 .card_6_b {
     padding-bottom: 3px;
     padding-top: 3px;
     padding-left: 10px;
     box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     -webkit-box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     -moz-box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     background: linear-gradient(180deg, #f8f9fa, #d3dbb4c9);
     padding: 5px;
     border-radius: 6px;
     position: relative;
     margin-top: 6px;
 }

 .card_6_c {
     padding-bottom: 3px;
     padding-top: 3px;
     padding-left: 10px;
     box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     -webkit-box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     -moz-box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     background: linear-gradient(180deg, #f8f9fa, #b4dbcfc9);
     padding: 5px;
     border-radius: 6px;
     position: relative;
     margin-top: 6px;
 }

 .card_6_d {
     padding-bottom: 3px;
     padding-top: 3px;
     padding-left: 10px;
     box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     -webkit-box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     -moz-box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     background: linear-gradient(180deg, #f8f9fa, #dbb4b4c9);
     padding: 5px;
     border-radius: 6px;
     position: relative;
     margin-top: 6px;
 }

 .card_6_e {
     padding-bottom: 3px;
     padding-top: 3px;
     padding-left: 10px;
     box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     -webkit-box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     -moz-box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     background: linear-gradient(180deg, #f8f9fa, #d8c534c9);
     padding: 5px;
     border-radius: 6px;
     position: relative;
     margin-top: 6px;
 }

 .card_6_f {
     padding-bottom: 3px;
     padding-top: 3px;
     padding-left: 10px;
     box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     -webkit-box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     -moz-box-shadow: 3px 2px 5px 1px rgba(0, 0, 0, 0.55);
     background: linear-gradient(180deg, #f8f9fa, #c7b4dbc9);
     padding: 5px;
     border-radius: 6px;
     position: relative;
     margin-top: 6px;
 }

 .card_7 {
     padding-bottom: 2px;
     padding-top: 2px;
     margin-bottom: 2px;
     margin-left: 2px;
     border-left-style: solid;
     border-left-width: 14px;
     box-shadow: 3px 2px 4px 0px #635b5b;
     border-left-color: #ffe003;
 }

 .card_6 {
     padding-bottom: 2px;
     padding-top: 2px;
     margin-bottom: 2px;
     margin-left: 2px;
     border-left-style: solid;
     border-left-width: 14px;
     box-shadow: 3px 2px 4px 0px #635b5b;
     border-left-color: #f44336;
 }

 .card_9 {
     padding-bottom: 2px;
     padding-top: 2px;
     margin-bottom: 7px;
     box-shadow: 3px 2px 6px 1px #635b5b;
 }

 .card_4 {
     padding-bottom: 2px;
     padding-top: 2px;
     margin-bottom: 2px;
     margin-left: 2px;
     border-left-style: solid;
     border-left-width: 8px;
     box-shadow: 3px 2px 4px 0px #635b5b;
     border-left-color: #af0707;
 }

 .bg-color-blue {
     background-color: #57889c !important;
 }

 .bg-color-blueLight {
     background-color: #92a2a8 !important;
 }

 .bg-color-blueDark {
     background-color: #4c4f53 !important;
 }

 .bg-color-green {
     background-color: #356e35 !important;
 }

 .bg-color-greenLight {
     background-color: #71843f !important;
 }

 .bg-color-greenDark {
     background-color: #496949 !important;
 }

 .bg-color-red {
     background-color: #a90329 !important;
 }

 .bg-color-yellow {
     background-color: #b09b5b !important;
 }

 .bg-color-orange {
     background-color: #c79121 !important;
 }

 .bg-color-orangeDark {
     background-color: #a57225 !important;
 }

 .bg-color-pink {
     background-color: #ac5287 !important;
 }

 .bg-color-pinkDark {
     background-color: #a8829f !important;
 }

 .bg-color-purple {
     background-color: #6e587a !important;
 }

 .bg-color-darken {
     background-color: #404040 !important;
 }

 .bg-color-lighten {
     background-color: #d5e7ec !important;
 }

 .bg-color-white {
     background-color: #fff !important;
 }

 .bg-color-grayDark {
     background-color: #525252 !important;
 }

 .bg-color-magenta {
     background-color: #6e3671 !important;
 }

 .bg-color-teal {
     background-color: #568a89 !important;
 }

 .bg-color-redLight {
     background-color: #a65858 !important;
 }

 .badge_2 {
     display: inline-block;
     min-width: 10px;
     padding: 3px 7px;
     font-size: 12px;
     font-weight: 700;
     color: #fff;
     line-height: 1;
     vertical-align: middle;
     vertical-align: baseline;
     white-space: nowrap;
     text-align: center;
     background-color: #999;
     border-radius: 10px;
 }

 /* ================================== *\
    Mediaqueries
\* ================================== */
 @media (max-width: 667px) {
     #google_translate_element {
         bottom: calc(100% - 50% - 53px);
         left: 16px !important;
         width: 100% !important;

         goog-te-gadget {
             width: 100% !important;
         }

         .skiptranslate {
             width: 100% !important;
         }

         .goog-te-gadget-simple {
             width: calc(100% - 32px) !important;
             text-align: center;
         }
     }
 }

 .smart-timeline-list {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .smart-timeline-list:after {
     content: " ";
     background-color: #ff050566;
     position: absolute;
     display: block;
     width: 2px;
     top: 0;
     left: 96px;
     bottom: 0;
     z-index: 1;
 }

 .smart-timeline-list li {
     position: relative;
     margin: 0;
     padding: 15px 0;
 }

 .smart-timeline-list>li:hover {
     background-color: #f4f4f4;
 }

 .smart-timeline-hover li:hover {
     background-color: #f9f9f9;
 }

 .smart-timeline-icon {
     background: #3276b1;
     color: #fff;
     border-radius: 50%;
     position: absolute;
     width: 32px;
     height: 32px;
     line-height: 28px;
     font-size: 14px;
     text-align: center;
     left: 80px;
     top: 10px;
     z-index: 100;
     padding: 2px;
 }

 .smart-timeline-icon>img {
     height: 32px;
     width: 32px;
     border-radius: 50%;
     margin-top: -2px;
     margin-left: -2px;
     border: 2px solid #3276b1;
 }

 .smart-timeline-time {
     float: left;
     width: 70px;
     text-align: right;
 }

 .smart-timeline-time>small {
     font-style: italic;
 }

 .smart-timeline-content {
     margin-left: 123px;
 }

 .timeline-seperator {
     display: block;
     text-align: center;
     color: #999;
     margin: 20px 0 0;
 }

 .timeline-seperator> :first-child {
     padding: 4px 5px;
     border: 1px dashed rgba(0, 0, 0, 0.1);
     background: #fff;
     font-size: 11px;
     border-radius: 4px;
 }

 .timeline-seperator .btn,
 .timeline-seperator .btn+.dropdown-menu {
     margin-right: 15px;
 }

 .timeline-seperator:after {
     display: block;
     content: " ";
     margin: 0 20px;
     border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
     margin-top: -8px;
 }

 .oesis-timeline {
     position: relative;
     background: red;
 }

 .oesis-timeline-list {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .oesis-timeline-list:after {
     content: " ";
     background-color: #ff050566;
     position: absolute;
     display: block;
     width: 2px;
     top: 0;
     left: 16px;
     bottom: 0;
     z-index: 1;
 }

 .oesis-timeline-list li {
     position: relative;
     margin: 0;
     padding: 1px 0;
     height: 77px;
 }

 .oesis-timeline-list>li:hover {
     background-color: #f4f4f4;
 }

 .oesis-timeline-hover li:hover {
     background-color: #f9f9f9;
 }

 .oesis-timeline-icon {
     position: absolute;
     width: 32px;
     height: 32px;
     line-height: 28px;
     font-size: 14px;
     text-align: center;
     left: 2px;
     top: 10px;
     z-index: 100;
     padding: 2px;
 }

 .oesis-timeline-icon>img {
     height: 25px;
     width: 25px;
     margin-top: -2px;
     margin-left: -1px;
 }

 .oesis-timeline-time {
     float: left;
     width: 70px;
     text-align: right;
 }

 .oesis-timeline-time>small {
     font-style: italic;
 }

 .oesis-timeline-content {
     margin-left: 77px;
 }

 .oesis-timeline-seperator {
     display: block;
     text-align: center;
     color: #999;
     margin: 20px 0 0;
 }

 .oesis-timeline-seperator> :first-child {
     padding: 4px 5px;
     border: 1px dashed rgba(0, 0, 0, 0.1);
     background: #fff;
     font-size: 11px;
     border-radius: 4px;
 }

 .oesis-timeline-seperator .btn,
 .timeline-seperator .btn+.dropdown-menu {
     margin-right: 15px;
 }

 .oesis-timeline-seperator:after {
     display: block;
     content: " ";
     margin: 0 20px;
     border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
     margin-top: -8px;
 }

 /*
* CSS - #MBR - Workaround per il problema noto di Chrome con gli input di tipo number che sono disabled. 
* Chrome permette ancora di cambiare il valore tramite scroll del mouse anche quando il campo è disabilitato.
* Senza questa regola con lo scroll del mouse si poteva variare una data anche se questa era disattivata.
*/
 input[disabled] {
     pointer-events: none;
 }