:root {
    --grigio: #e2e5ea;
    --grigio-scuro: #2b2f36;
    --celeste: #3892d3;
    --celeste-hover: #2f78b0;
    --celeste-light: #eaf4fc;
    --bianco: #ffffff;
    --bianco-sporco: #f9f9f9;
    --bianco-sporco-pagina: #f8f9fb;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-full: 999px;
    --shadow-sm: 0 1px 2px rgba(20,20,43,.06);
    --shadow-md: 0 4px 16px rgba(20,20,43,.08);
    --shadow-lg: 0 12px 32px rgba(20,20,43,.14);
    --transition-fast: 150ms ease;
}

body,html{font-family:'Open Sans',sans-serif;color:var(--grigio-scuro);font-size:14px;background-color:#fff;line-height:22px;padding-left:5px;padding-right:5px}

html, body {background-color: var(--bianco-sporco-pagina)}

label{font-family:'Open Sans',sans-serif;color:var(--grigio-scuro);font-size:14px;line-height:22px}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #0000b3;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #0000b3;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #0000b3;
}

.numeromezzo {font-size: 25px; font-weight: 700; float: left}

.prov{display:none}

.disabled{background-color:#ddd!important;color:#888!important}

.disclaimer{background-color:#ccc;box-sizing:border-box;color:#c00;text-align:center;font-size:18px;margin-bottom:20px;line-height:35px;padding:12px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}

.error{color:#c00}

.popup-open{cursor:pointer}

.shadow {position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:10000;background-color:rgba(0, 0, 0, 0.6);display:none}

.popup {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10000;max-width:700px;max-height:550px;width:calc(100% - 80px);height:calc(100% - 80px);background-color:#fff;padding:24px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:0;color:var(--grigio-scuro);text-align: left;}

.popup-prospetto {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10000;max-width:700px;max-height:550px;width:100%;height:100%;background-color:#fff;padding:24px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:0;color:var(--grigio-scuro);text-align: left;overflow-y:scroll}

.close-popup {position:absolute;top:-20px;right:-20px;background-color:var(--celeste);color:#fff !important;border-radius:100%;width:40px;height:40px;text-align:center;line-height:44px;cursor:pointer;box-shadow:var(--shadow-md);transition:background-color var(--transition-fast), box-shadow var(--transition-fast)}

.close-popup:hover {background-color:var(--celeste-hover);box-shadow:var(--shadow-lg)}

.close-popup .fa, .close-popup .far, .close-popup .fas, .close-popup svg.svg-inline--fa , .close-popup .fa-solid {color:#fff;font-size: 20px !important;}

.popup-close {position: absolute;top: 20px;right: 20px;cursor: pointer;}

#pendolina-sfondo {width: 1754px;height: 2480px;background-size: contain;margin: 30px auto;position:relative;}

#pendolina-fotodefunto-orizzontale {margin: 0px auto;font-size: 2200%;font-family: 'Merriweather', serif;text-align: center;line-height: 1;position: absolute;top: 100px;left: 100px;z-index: 2;color: #000;padding: 0 40px;box-sizing: border-box;}

#pendolina-img-defunto {width: 311px;}

#pendolina-defunto {width: 100%;margin:0px auto;font-size:2200%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:70px;left:0;z-index:2;color:#000;padding: 0 40px;box-sizing: border-box;}

#pendolina-estensione {width: 100%;margin:0px auto;font-size:550%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:700px;left:0;z-index:2;color:#000;font-style:italic;padding: 0 40px;box-sizing: border-box;}

#pendolina-funerale {width: 100%;margin:0px auto;font-size:650%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:800px;left:0;z-index:2;color:#000;padding: 0 40px;box-sizing: border-box;}

#pendolina-funzione {width: 100%;margin:0px auto;font-size:650%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:1200px;left:0;z-index:2;color:#000;padding: 0 40px;box-sizing: border-box;}

#pendolina-servizio {width: 50%;margin:0px auto;font-size:350%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:1650px;left:0;z-index:2;color:#000;padding: 0 40px;box-sizing: border-box;left:50%;transform: translateX(-50%);}

#pendolina-sfondo-orizzontale {width: calc(100vw - 36px);height: calc(100vh - 16px);background-size: contain;margin: 30px auto;position:relative;}

#pendolina-defunto-orizzontale {width: 100%;margin:0px auto;font-size:2200%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:70px;left:0;z-index:2;color:#000;padding: 0 40px;box-sizing: border-box;}

#pendolina-defunto-orizzontale-foto {width: calc(100% - 500px);margin:0px auto;font-size:2200%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:70px;left:500px;z-index:2;color:#000;padding: 0 40px;box-sizing: border-box;}

#pendolina-estensione-orizzontale {width: 100%;margin:0px auto;font-size:550%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:355px;left:0;z-index:2;color:#000;font-style:italic;padding: 0 40px;box-sizing: border-box;}

#pendolina-estensione-orizzontale-foto {width: calc(100% - 500px);margin:0px auto;font-size:550%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:355px;left:500px;z-index:2;color:#000;font-style:italic;padding: 0 40px;box-sizing: border-box;}

#pendolina-funerale-orizzontale {width: 100%;margin:0px auto;font-size:650%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:420px;left:0;z-index:2;color:#000;padding: 0 40px;box-sizing: border-box;}

#pendolina-funerale-orizzontale-foto {width: calc(100% - 500px);margin:0px auto;font-size:650%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:420px;left:500px;z-index:2;color:#000;padding: 0 40px;box-sizing: border-box;}

#pendolina-funzione-orizzontale {width: 100%;margin:0px auto;font-size:650%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:540px;left:0;z-index:2;color:#000;padding: 0 40px;box-sizing: border-box;}

#pendolina-funzione-orizzontale-foto {width: calc(100% - 500px);margin:0px auto;font-size:650%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:540px;left:500px;z-index:2;color:#000;padding: 0 40px;box-sizing: border-box;}

#pendolina-servizio-orizzontale {width: 50%;margin:0px auto;font-size:350%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:670px;left:0;z-index:2;color:#000;padding: 0 40px;box-sizing: border-box;left:50%;transform: translateX(-50%);}

#pendolina-servizio-orizzontale-foto {width: calc(100% - 500px);margin:0px auto;font-size:350%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:670px;left:500px;z-index:2;color:#000;padding: 0 40px;box-sizing: border-box;}

#pendolina-orari-orizzontale {width: 50%;margin:0px auto;font-size:350%;font-family: 'Merriweather', serif;text-align:center;line-height:1;position:absolute;top:960px;z-index:2;color:#000;padding: 0 40px;box-sizing: border-box;right:0%;}

.blu-font {color: #2626ff}

.apri-segnalazione {cursor:pointer}

.signature-pad--body {border: 1px solid var(--grigio);border-radius: var(--radius-sm);width: 100%;height: 100%;max-height: 300px;}

.signature-pad--body canvas {width: 100% !important;height: 150px !important;}

.asl, .cremazione{display:none}

a{color:#444;text-decoration:underline}

a:hover{color:#000;text-decoration:none}

.clear{display:block;height:0;clear:both}

#space,#tips{display:none}

.inline-input {width: 45%;float: left;display: block;font-size: 14px;font-family: 'Open Sans',sans-serif;border: 1px solid var(--grigio);color: var(--grigio-scuro);box-sizing: border-box;padding: 6px;background-color: #f9f9f9;border-radius: var(--radius-sm);transition: border-color var(--transition-fast), box-shadow var(--transition-fast);margin-right: 2.5%;}

.inline-inputx {width: 92.5%;float: left;display: block;font-size: 14px;font-family: 'Open Sans',sans-serif;border: 1px solid var(--grigio);color: var(--grigio-scuro);box-sizing: border-box;padding: 6px;background-color: #f9f9f9;border-radius: var(--radius-sm);transition: border-color var(--transition-fast), box-shadow var(--transition-fast);margin-right: 2.5%;}

.btn-inline {width: 5%;padding: 3.5px;border: 1px solid var(--grigio);border-radius: var(--radius-sm);box-sizing: border-box;cursor: pointer;display: inline-block;text-align: center;transition: border-color var(--transition-fast), background-color var(--transition-fast);}

.btn-inline .fas, .btn-inline .fa-solid {font-size: 18px !important;}

.cf:after,.cf:before{content:" ";display:table}

.cf:after{clear:both}

.img{background-size:cover;background-repeat:no-repeat;background-position:center}

.bold{font-weight:700}

.italic{font-style:italic}

.sinistra-nord {float: left; width: calc(50% - 20px);}

.destra-nord {float: right; width: calc(50% - 20px);}

.prospetto-quadrato {float: left;width: calc(33.333333% - 16.6666666px);border: 1px solid #aaa;margin-right: 20px;margin-bottom: 20px;padding: 10px; box-sizing: border-box;text-align: center;min-height:316px}

@keyframes blinker { 0% { opacity: 1.0; }50% { opacity: 0.0; }100% { opacity: 1.0; }}

.blink-text {animation:1s blinker linear infinite;}

.prospetto-quadrato.last {margin-right: 0}

.prospetto-quadrato.funerali {background-color: rgba(192,192,192,1);}

.prospetto-quadrato.ott {background-color: rgba(210,76,255,0.5);}

.prospetto-quadrato.accessori {background-color: rgba(115,220,255,0.5);}

.mezzo-tot {padding: 10px;margin-bottom: 20px;border: #ccc 1px solid;position: relative;float: left;width: calc(33.33333% - 20px); margin-right: 20px;box-sizing: border-box;min-height: 238px;}

.mezzo-tot.terzo{margin-right:0}

.mezzo-tot.rossino {background-color:#cc0000;color: #fff;}

.mezzo-tot.verdino {background-color:#008800;color: #fff;}

.mezzo-tot.giallino {background-color:#FFCC00;}

.mezzo-tot.arancioncino {background-color:#ff8300;}

.mezzo-tot.bluino {background-color:#2626ff;color: #fff;}

.campo {float: left;padding-right: 5px;}

.quadrato.verdino {background-color:#008800;}

.quadrato.giallino {background-color:#FFCC00;}

.opensegnalazione {float: right;}

.opensegnalazione .fas, .opensegnalazione .fa-solid {font-size: 18px !important}

.verdino .opensegnalazione .fas, .bluino .opensegnalazione .fas, .arancioncino .opensegnalazione .fas, .verdino .opensegnalazione .fa-solid, .bluino .opensegnalazione .fa-solid, .arancioncino .opensegnalazione .fa-solid {color: #fff}

.giallino .opensegnalazione .fas, .giallino .opensegnalazione .fa-solid {color: #444;}

.opensegnalazione .close-popup .fas, .opensegnalazione .close-popup .fa-solid {color: #fff;}

.quadrato.arancioncino {background-color:#ff8300;}

.quadrato.bluino {background-color:#2626ff;}

.quadrato.rossino {background-color:#cc0000;}

.listino-img {display: block;float: left;width: 150px;margin-right: 10px;border:1px solid #ccc;}

.fa,.far,.fas,svg.svg-inline--fa,.fa-solid{color:#ccc;font-size:35px!important;text-decoration:none!important}

a:hover .fa,a:hover .far,a:hover .fas,a:hover svg.svg-inline--fa,a:hover .fa-solid{color:#000}

.icon_cnt{vertical-align:middle;text-align:left}

.icon_cnt .fa,.icon_cnt .far,.icon_cnt .fas,.icon_cnt svg.svg-inline--fa, .icon_cnt .fa-solid{font-size:20px!important; opacity: 1}

svg.svg-inline--fa.little{font-size:20px !important;padding-right:5px}

.grey{color:#ccc !important}

.red{color:#cc0000 !important}

.yellow{color:#ffcc00 !important}

.green{color:#008800 !important}

.blue{color:#0000b3 !important}

.altrox {display:none}

.legend {display:none;height:auto}

.sx_50 {float: left;width: calc(50% - 20px)}

.dx_50 {float: right;width: calc(50% - 20px)}

.title{margin-bottom:30px;font-weight:600;letter-spacing:.2px;cursor:pointer}

.title .fas, .title .fa-solid {font-size:20px !important;padding-right:10px}

.operator {display:none;height:auto}

.titleo{margin-bottom:30px;font-weight:600;letter-spacing:.2px;cursor:pointer}

.titleo .fas, .titleo .fa-solid {font-size:20px !important;padding-right:10px}

.icon_cnt img{display:block;line-height:0;max-width:120px;width: 25px;margin:0px auto;}

.popup img {margin: 0;}

.funerali td {padding:5px;background-color:rgba(192,192,192,1);font-weight:700;color:#000}

.ott td {padding:5px;background-color:rgba(210,76,255,0.5);font-weight:700;color:#000}

.accessori td {padding:5px;background-color:rgba(115,220,255,0.5);font-weight:700;color:#000}

.altro td {padding:5px;background-color:rgba(205,133,63,0.5);font-weight:700;color:#000}

.funerali .icon_cnt, .ott .icon_cnt, .accessori .icon_cnt, .altro .icon_cnt {background-color: #fff;}

.quadrato {width:20px;height:20px;display:inline-block;margin-right:5px;position:relative;top:5px;}

.legenda {margin-right:25px;display:inline-block}

.list .icon_cnt img {max-width: 30px;display: block;width: 25px;}

.td.icon_cnt img {max-width: 30px;display: block;width: 25px;}

.cont-popup img {max-width: 30px;display: inline-block;width: 25px;}

.cont-popup .fa,.cont-popup .far,.cont-popup .fas,.cont-popup svg.svg-inline--fa,.cont-popup .fa-solid{font-size:20px!important}

.funerali .icon_cnt, .ott .icon_cnt, .accessori .icon_cnt, .altro .icon_cnt {text-align:center}

.tabellone {float:left;width:calc(33.33333% - 13.3333333px);margin-right:20px}

.tabellone.last {margin-right:0}

.all_prod {width:100%;border-left:#ccc 1px solid;border-right:#ccc 1px solid;box-sizing:border-box}

.head_prod {padding:10px;text-align:center;background-color:#ccc;border-bottom:#ccc 1px solid;font-weight:700;border-top:#ccc 1px solid}

.sx1_prod {float:left;width:50%;border-right:#ccc 1px solid;border-bottom:#ccc 1px solid;box-sizing:border-box;text-align:left;padding:10px;font-weight:700}

.dx1_prod {float:right;width:50%;border-bottom:#ccc 1px solid;box-sizing:border-box;text-align:left;padding:10px;position:relative;}

.dx1_prod.part{padding:10px 35px 10px 10px}

.mb {margin-bottom: 20px;}

.shadow2 {position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:10000;background-color:rgba(0, 0, 0, 0.6);display:none}

.popup2 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10000;max-width: 700px;max-height: 400px;width: 100%;height: 100%;background-color: #fff;padding: 24px;border-radius: var(--radius-md);box-shadow: var(--shadow-lg);border: 0;color: var(--grigio-scuro);text-align: center}

.close-popup2 {position: absolute;top: -20px;right: -20px;background-color: #fff;color: #ccc;border-radius: 100%;width: 40px;height: 40px;text-align: center;line-height: 40px;cursor: pointer;box-shadow: var(--shadow-md);transition: color var(--transition-fast), box-shadow var(--transition-fast)}

.close-popup2:hover {color: var(--celeste);box-shadow: var(--shadow-lg)}

.plus {position: absolute;top: 50%;transform: translateY(-50%);right: 10px;color: #000;cursor:pointer;}

.plus .fas, .close-popup2 .fas, .plus .fa-solid, .close-popup2 .fa-solid {color:#000 !important;font-size:20px !important}

.listino {width: 100%;min-width: 300px;border: 0;}

#table-slide th, #table-slide td {text-align: center !important;padding: 10px !important;}

.grigio {background-color: #eee;}

.bg-green td {background-color: #95c486;}

.bg-yellow td {background-color: #ffdc72;}

.bg-red td {background-color: #eb7154;}

.text-danger {color: #CC0000}

.text-warning {color: #FFCC00}

.text-success {color: #008800}

.text-info {color: #0000CC}

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

.red-border {border: 1px solid #cc0000; padding: 10px;}

.box-operazioni {float:left;width:calc(25% - 15px);margin-right:20px;border:3px solid var(--grigio);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px;box-sizing:border-box;position: relative;margin-bottom: 80px;min-height: 242px;transition:box-shadow var(--transition-fast);}

.box-operazioni:hover {box-shadow:var(--shadow-md);}

.rowlistino{box-sizing: border-box;border-right: #ccc 1px solid;border-left: #ccc 1px solid;border-bottom: #ccc 1px solid;padding: 10px;text-align: left;}

.rowlistino.first {border-top:#ccc 1px solid;font-weight:700;background-color: #ccc;text-align:center}

.ripristina {position: absolute;top: 20px;right: 20px;}

.ripristina .fas, .ripristina .fa-solid {font-size:20px !important}

.note {min-height: 88px;}

.box-operazioni.last {margin-right:0}

.bordo-rosso {border-color: #cc0000;}

.bordo-giallo {border-color: #ffcc00;}

.bordo-verde {border-color: #008800;}

.testo-rosso {color: #cc0000;}

.testo-giallo {color: #ffcc00;}

.testo-verde {color: #008800;}

.bordo-blu {border-color: #0000b3;}

.box-operazioni .icona{border-radius:100%;background-color:#fff;z-index:2;position:absolute;top:-50px;height:80px;width:80px;left:50%;transform:translateX(-50%);line-height: 88px;border:3px solid var(--grigio);box-shadow:var(--shadow-sm);text-align: center;}

.box-operazioni .icona img{max-height:40px;display:block;margin:0px auto;margin-top:20px}

.box-operazioni .titolo {margin-top: 15px;font-weight:600;letter-spacing:.2px;text-transform:uppercase;text-align: center;margin-bottom: 5px;}

.icona.bordo-rosso {border-color: #cc0000;}

.icona.bordo-giallo {border-color: #ffcc00;}

.icona.bordo-verde {border-color: #008800;}

.icona.bordo-blu {border-color: #0000b3;}

.btncnt {padding-top: 10px;text-align: center}

.position{position:relative}

.svg-inline--fa {display: inline-block;height: 1em;overflow: visible;vertical-align: -0.125em;width: 0.75em;}

.btn{font-size:14px;font-family:'Open Sans',sans-serif;display:inline-block;color:#fff;background-color:#444;border:1px solid #444;border-radius:var(--radius-sm);padding:6px 20px;text-decoration:none;text-transform:lowercase;text-align:center;margin:0 auto;cursor:pointer;line-height:22px;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}

.btn:active,.btn:focus,.btn:hover{color:#444;background-color:#fff;box-shadow:var(--shadow-sm)}.btn.form{margin:0 auto;display:block}

.btn.absolute{position:absolute;bottom:20px;right:20px}

.btn.verde {background-color: #008800;color: #fff;border-color:#008800;}

.btn.rosso {background-color: #cc0000;color: #fff;border-color:#cc0000;}

.container{padding:0 20px;margin:0 auto;position:relative;box-sizing:border-box;max-width: 100%}

.input{font-size:14px;font-family:'Open Sans',sans-serif;border:1px solid var(--grigio);color:var(--grigio-scuro);box-sizing:border-box;width:100%;padding:6px 10px;background-color:#f9f9f9;border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast)}

.input:focus{background-color:#fff;border-color:var(--celeste);box-shadow:0 0 0 3px var(--celeste-light)}

#cnt_head{margin-top:40px;margin-bottom:20px}

#cnt_logo{float:left;font-weight:700;font-size:24px;padding-bottom:20px}

#cnt_logo a{display:block;line-height:0}

#logo{max-width:120px;line-height:0}

#cnt_slogan{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-weight:700;font-size:30px}

#cnt_menu{padding:0;margin-bottom:5px}

#menu_trigger{display:none;color:#fff;padding:10px 20px;font-weight:700;background-color:#444;cursor:pointer;position:relative}

#menu_trigger:after{content:"\f0c9";font-family: "Font Awesome 5 Pro";font-weight:700;display:block;position:absolute;right:20px;top:9px;font-size:26px}

#menu{display:block;margin:0;padding:0;list-style-type:none;text-align:left;background-color:#ccc;background-image:url(img/menu.png)}

.menu-li{float:left;position:relative}

.menu-a{text-align:center;display:inline-block;color:#444;padding:10px 15px;border-right:#fff 1px solid;font-weight:700;text-transform:uppercase;text-decoration:none}

.bordernone{border-right:none}

.menu-a.hover,.menu-li:hover .menu-a{color:#444}

.submenu {margin: 0;padding: 0;display: none;position: absolute;padding: 10px;top: 40px;left: 0px;white-space: nowrap;z-index: 1200;text-align: center;padding-top: 20px;background-color:#cccccc;list-style-type: none;}

.menu-li:hover .submenu{display:block}

.menu-a:hover .submenu{display:block}

.submenu .menu-li {float:none;text-align:left}

.submenu .menu-a {border:0;text-align:left}

section{margin-top:20px}

#cnt_body{padding:20px 20px 80px 20px;box-shadow:var(--shadow-sm)}

.f_right{float:right;margin-left:20px}

.f_right a{margin-left:15px}

.alert{color:red;font-style:italic}

.data_table{width:100%;border-collapse:collapse}

.data_table tbody tr:hover{background-color:var(--celeste-light);transition:background-color var(--transition-fast)}

.data_table.slide {min-width:300px;border-collapse:collapse}

.bordata {border-top: 1px solid #ccc;border-left: 1px solid #ccc;}

.bordered.grigio {background-color: #eee;font-style:italic}

.bordered.white {background-color: #fff;}

.bordered.blu {background-color: rgba(115,220,255,0.5);}

.bordered.red {background-color: #cc0000; color: #fff !important}

.bordered.green {background-color: #008800; color: #fff !important}

.table-container {width:100%;overflow-x:auto}

.table-responsive {display: block; width: 100%; overflow-x: auto; }

#table-slide {min-width: 500px;width:100% !important;}

.data_table.collapse{border-collapse:collapse}

.data_table.collapse thead tr{border-bottom:1px solid #ccc}

.data_table.collapse thead tr td{padding-bottom:5px}

.bordered td {border: 1px solid #ccc;padding:5px}

.bordered.intestazione td, .bordered.intestazione th {border: 1px solid #ccc;padding:5px;text-align: center;background-color:#aaa}

.label{width:25%;vertical-align:middle}

.top{vertical-align:top}

.label em,.label i{font-size:11px}

#googlemap{height:400px}

.table_spacing{padding:10px 0}

.flag{float:right;margin-right:10px;max-width:22px}

.rigaup{height:1px;overflow:hidden;font-size:1px;background-color:#ccc;margin-top:0;margin-bottom:10px}

.items td{border-bottom:1px solid #ccc;padding:10px 0}

.riga{height:1px;overflow:hidden;font-size:1px;background-color:#ccc;margin-top:10px;margin-bottom:10px}

.titolo_principale{margin:0;padding:0;padding-bottom:20px;font-size:17px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;line-height:35px}

.pag{cursor:pointer}#map_cnt{position:relative}

#map{height:400px}

#map_ctrl{position:absolute;top:7px;left:50%;transform:translateX(-50%);z-index:5;background-color:#fff;padding:5px;box-shadow:var(--shadow-md);border-radius:var(--radius-sm);text-align:center;line-height:30px;font-size:12px!important}

#map_ctrl *{font-size:12px!important;box-sizing:border-box}

#map_ctrl input[type=button]{cursor:pointer}

#map_ctrl input{border:1px solid #ccc;padding:3px 5px}

#delete_marker{margin-left:20px}

.checkbox_cnt{padding:20px;border:1px solid var(--grigio);border-radius:var(--radius-md);max-height:300px;overflow-y:scroll}

.checkbox{margin-bottom:5px;cursor:pointer}

.checkbox label{cursor:pointer;padding-left:5px}

.checkbox .fa,.checkbox .far,.checkbox .fas{color:#444;font-size:14px!important}

.checkbox:last-child{margin-bottom:0}

.tree{background-color:#fff;display:block;padding:5px;border-radius:var(--radius-sm);text-decoration:none;transition:background-color var(--transition-fast)}

.tree:hover{background-color:#e6e6e6;color:#9a3f38}

.tree.selected,.tree.selected:hover{background-color:#ccc;color:#9a3f38}

.tree.disabled,.tree.disabled:hover{cursor:not-allowed;background-color:#fff;text-decoration:line-through;color:#ccc}

.btn_permessi{padding:5px;width:30px;display:inline-block;border:0;text-align:center;cursor:pointer}

.lettura{background-color:#090;color:#fff}

.lettura:before{content:"L"}

.scrittura{background-color:#d00;color:#fff}

.scrittura:before{content:"S"}

.niente{background-color:#ccc;color:#fff}

.niente:before{content:"N"}

#legenda{float:right}

.permesso{float:right;margin-left:20px}

.permesso .btn_permessi{width:13px;cursor:auto;padding:0 5px}

#tabella_bordi{width:100%;border-collapse:collapse}

#tabella_bordi,#tabella_bordi td,#tabella_bordi tr{border:1px solid #ccc}

#tabella_bordi td{padding:5px;height:90px;vertical-align:middle}

#tabella_bordi td.bottoni{text-align:center;width:12.5%}

.mobile_table{display:none}

.vend_cnt{border:1px solid #ccc;border-top:0;margin-top:40px}

.vend_cnt.first{margin-top:0}

.vend{text-align:center;font-weight:700;padding:10px;border-top:1px solid #ccc}

.mat_btn_cnt{border-top:1px solid #ccc}

.mat_cnt{float:left;width:80%;text-align:left}

.btn-cnt{text-align:center;padding-top:20px}

.btn_cnt{float:left;width:20%;text-align:right}

.btn_cnt .btn_permessi{padding:10px 0;display:block;border:0;text-align:center;cursor:pointer;width:auto}

.padding{padding:5px}

.desktop_table *{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}

footer{margin-top:20px}

#cnt_copy{padding-top:5px;border-top:5px solid #ccc;color:#888}

#queue{border:1px solid #e5e5e5;height:200px;overflow:auto;margin-bottom:20px;padding:0 3px 3px;width:100%;box-sizing:border-box}

ul.tab_menu{z-index:1000;list-style:none;position:relative;top:1px;padding:0;margin:0;box-sizing:border-box}

.tab_menu li{display:inline-block;background-color:#fff;z-index:100}

.tab_menu li a{display:block;text-transform:uppercase;font-weight:700;padding-left:10px;padding-right:10px;height:35px;line-height:35px;border-top:#aaa 1px dotted;border-bottom:#aaa 1px dotted;border-right:#aaa 1px dotted;box-sizing:border-box;color:#888;text-decoration:none !important}

.tabfirst{border-left:#aaa 1px dotted}

.tabmenuactive{border-bottom:#fff 1px solid !important;color:#000 !important}

.tab{z-index:9;position:absolute;display:none;top:35px;width:100%;box-sizing:border-box;border-left:#aaa 1px dotted;border-right:#aaa 1px dotted;border-top:#aaa 1px dotted;border-bottom:#aaa 1px dotted;padding:20px}

.tabactive{display:block;position:relative;top:0px}

.list {display:inline-block;}

.solo_mobile{display:none}

.turni {
    width: 100%;
    min-width: 500px;
    border-collapse: separate;
    border-spacing: 0;
    border: 0;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}

.turni tr td, .turni tr th {
    border-right: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    padding: 5px;
    text-align: left;
    box-sizing: border-box;
    text-align: center;
}

.turni tr:first-child td, .turni tr:first-child th {
    border-top: #ccc 1px solid;
}
.turni tr td:first-child, .turni tr th:first-child {
    border-left: #ccc 1px solid;
}
.turni tr th {
    padding: 7px 20px;
    text-transform: uppercase;
    border-top: #ccc 1px solid;
    color: #444;
    background-color: #ccc;
}

.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	justify-content: center;
	align-items: center;
	z-index: 1000;
}

.modal-content {
	background-color: #fff;
	padding: 24px;
	border-radius: var(--radius-md);
	width: 90%;
	max-width: 600px;
	box-shadow: var(--shadow-lg);
	position: relative;
	overflow-y: scroll;
	max-height: 90%;
}

.faq-item {
	margin-bottom: 15px;
	padding: 10px;
	border-bottom: 1px solid #e0e0e0;
}

.question {
	font-weight: bold;
	font-size: 1.1em;
	cursor: pointer;
}

.answer {
	font-size: 1em;
	color: #555;
	padding: 10px 0 0 10px;
}

.close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	cursor: pointer;
	color: #888;
	transition: color var(--transition-fast);
}

.close:hover {
	color: var(--celeste);
}

::-webkit-scrollbar {
	width: .6rem;
	height: .6rem;
	border-radius: .5rem;
	background: hsl(0, 0%, 85%);
}

::-webkit-scrollbar-thumb {
	border-radius: .5rem;
	background: hsl(0, 0%, 65%);
}

::-webkit-scrollbar-thumb:hover {
	border-radius: .5rem;
	background: hsl(0, 0%, 55%);
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -7.5px;
	margin-left: -7.5px;
	box-sizing: border-box;
}

.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	position: relative;
	width: 100%;
	padding-right: 7.5px;
	padding-left: 7.5px;
	box-sizing: border-box;
}

.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	position: relative;
	width: 100%;
	padding-right: 7.5px;
	padding-left: 7.5px;
	box-sizing: border-box;
}

.form-group {
	margin-bottom: 15px;
}

.form-group label {
	margin-bottom: 5px;
	display: block;
}

.cerchiogiallo {
	color: #ffcc00 !important;
}

.cerchiorosso {
	color: #cc0000 !important;
}

.cerchioverde {
	color: #008800 !important;
}

.cerchioblu {
	color: #003399 !important;
}

@media all and (min-width:821px){
	#menu{display:block!important}
}

@media all and (max-width:820px){
	#menu_trigger{display:block}
	
	.list {display:block;margin-bottom:10px}
	
	.legend {margin-bottom:20px;}
	
	.list .icon_cnt {width: 50px !important;text-align:center}
	
	.list .icon_cnt svg {width: auto !important}
	
	#menu{display:none;background-image: none; background-color: #fff;}
	
	.menu-li{float:none;display:block}
	
	.menu-a{border:0;border-bottom:1px solid #ccc;background-color:#fff;color:#444;text-align:left; display:block}
	
	.menu-li.icon_cnt .menu-a {width: calc(100% - 40px);display:inline-block;background-color: #fff}
	
	/*.menu-a.hover,.menu-li:hover .menu-a{background-color:#f5f5f5}*/
	.menu-a.hover,.menu-a:hover{background-color:#f5f5f5}
	
	.menu-li.icon_cnt:hover {background-color: #f5f5f5;}
	
	.menu-li.icon_cnt .menu-a:hover {background-color: #f5f5f5;}

	.nomob {display:none}
	
	.solo_mobile {display:table-cell}
	
	.submenu {position:relative;top:0;display:block;padding:0;background-color:transparent;margin-left: 20px}
	
	.submenu .menu-li {border-bottom:1px solid #ccc}

	.mezzo-tot {
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:20px;
		min-height: 1px;
	}
	
	/*.noshow {display:none}*/
	
	.showpc {display:none}
}

@media all and (max-width:796px){
	/*.popup {width:calc(100% - 120px);height:auto;max-height:none}*/
	
	.box-operazioni {float: none;width: 100%;min-height: 0px;margin-right:0}
	
	.note {min-height:0;}
	
	.tabellone {float:none;margin-bottom:20px;margin-right:0;width:100%;}
	
	.sx_50 {float:none;width:100%;margin-bottom:20px;}
	
	.dx_50 {float:none;width:100%;}
	
}

@media all and (max-height:400px){
	.popup {overflow-y:scroll;overflow-x:hidden;max-height:calc(100vh - 80px)}
	
	.close-popup {top:5px;right:5px}
	
	.btn-cnt {padding-bottom:20px}
}

@media all and (max-width:666px){
	#cnt_logo{float:none;margin:0 auto;text-align:center}
	
	#cnt_logo img{max-width: 100%;width:auto}
	
	#cnt_slogan{position:static;transform:translateY(0);font-size:20px;margin-top:20px;text-align:center}
	
	.operative .btn {display: block;max-width: 170px;margin:0px auto;margin-bottom: 20px;}
}

@media all and (max-width:500px){
	#legenda{float:none;margin-bottom:20px;text-align:center}

	.permesso{display:inline-block;float:none;margin:0 5px}

	.desktop_table{display:none}

	.mobile_table{display:block}
	
	.tipx {display:none}
}

.giorno {width: calc(100% / 7);border: 1px solid #ccc;border-right: 0;float: left;min-height: 125px;font-weight: 700;text-align: center;box-sizing: border-box;cursor:pointer;padding:15px;text-decoration: none}

.giorno.selected {background-color:#008800;color:#fff}

.giorno.last {border-right: 1px solid #ccc;}

.giorno.sotto {border-top: 0;}

.giorno.disabilitato {cursor:default;background-color: #efefef}

.giorno.lastissimo {border-right: 1px solid #ccc;width: calc(100% / 7 + 1px)}

.ora {width: calc(100% / 6);border: 1px solid #ccc;border-right: 0;float: left;min-height: 210px;font-weight: 700;text-align: center;box-sizing: border-box;cursor:pointer;padding:15px;}

.ora.selected {background-color:#008800;color:#fff}

.ora.last {border-right: 1px solid #ccc;}

.ora.sotto {border-top: 0;}

.ora.lastissimo {width: calc(100% / 6 + 1px); border-right: 1px solid #ccc;}

.ora.disabilitato {cursor:default;background-color: #efefef}

.ora.giallo {background-color:#ffcc00;}

.scaduto {
	background-color: #cc0000;
	color: #fff;
}
.attenzione {
	background-color: #ffcc00;
}

.navigation {
	padding: 10px;
	background-color: #f5f5f5;
	border: 1px solid var(--grigio);
	border-radius: var(--radius-sm);
	margin-bottom: 20px;
}

.checkbox_cnt {
	padding: 20px;
	border: 1px solid var(--grigio);
	border-radius: var(--radius-md);
	max-height: 300px;
	overflow-y: scroll;
	display: block;
}

.check-cont {
	margin-bottom: 5px;
	cursor: pointer;
	display: block;
}

.checkbox {
	margin-bottom: 5px;
	cursor: pointer;
}

.checkbox label {
	cursor: pointer;
	padding-left: 5px;
}

.checkbox .fa-solid,
.checkbox .fa-regular
{
	color: #444444;
	font-size: 14px !important;
}

.check-cont:last-child {
	margin-bottom: 0;
}

.parroco {
	margin-left: 15px;
}

.parroco label {
	cursor: pointer;
	padding-left: 5px;
}

.fa-solid.little {
	font-size: 14px !important;
}

.canvas-container {
	max-width: 400px;
	width: 100%;
	margin: 20px 0;
}

@media all and (max-width:1400px){
	.giorno{min-height: 142px;}
}

@media all and (max-width:1100px){
	.giorno{min-height: 165px;}
}

@media all and (max-width: 960px){
	.giorno {width: 25%;box-sizing: border-box;}
	
	.giorno.quarto {border-right: 1px solid #ccc;}
	
	.giorno.last {border-right: 0;}
	
	.giorno.last.quarto {border-right: 1px solid #ccc;}
	
	.giorno.lastissimo {border-right: 1px solid #ccc;width: calc(25% + 1px);}
	
	.giorno.mobilesotto {border-top: 0}
	
	.ora {width: 25%;box-sizing: border-box;}
	
	.ora.quarto {border-right: 1px solid #ccc;}
	
	.ora.last {border-right: 0;}
	
	.ora.last.quarto {border-right: 1px solid #ccc;}
	
	.ora.lastissimo {border-right: 1px solid #ccc;width: calc(25% + 1px);}
	
	.ora.mobilesotto {border-top: 0}
}

@media all and (max-width: 600px){
	.giorno {width: 50%;box-sizing: border-box;font-size: 13px;}
	
	.giorno.secondo {border-right: 1px solid #ccc;}
	
	.giorno.last {border-right: 0;}
	
	.giorno.last.quarto {border-right: 0;}
	
	.giorno.last.secondo {border-right: 1px solid #ccc;}
	
	.giorno.last.quarto.secondo {border-right: 1px solid #ccc;}
	
	.giorno.last.quarto {border-right: 1px solid #ccc;}
	
	.giorno.lastissimo {border-right: 1px solid #ccc;width: calc(50% + 1px);}
	
	.giorno.mobilesottox {border-top: 0}
	
	.ora {width: 50%;box-sizing: border-box;min-height: 185px;font-size: 13px;}
	
	.ora.secondo {border-right: 1px solid #ccc;}
	
	.ora.last {border-right: 0;}
	
	.ora.last.quarto {border-right: 0;}
	
	.ora.last.secondo {border-right: 1px solid #ccc;}
	
	.ora.last.quarto.secondo {border-right: 1px solid #ccc;}
	
	.ora.last.quarto {border-right: 1px solid #ccc;}
	
	.ora.lastissimo {border-right: 1px solid #ccc;width: 50%;}
	
	.ora.mobilesottox {border-top: 0}
}

@media all and (max-width: 500px){
	.giorno {min-height: 190px}
}

/* Card-list "Servizi Attivi" (servizi-attivi.php) */
.servizi-lista { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }

@media (max-width: 1200px){
	.servizi-lista { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px){
	.servizi-lista { grid-template-columns: 1fr; }
}

.servizio-card { position: relative; display: flex; align-items: flex-start; gap: 12px; background: var(--bianco); border: 1px solid var(--grigio); border-radius: var(--radius-md); padding: 14px 16px; box-shadow: var(--shadow-sm); transition: box-shadow var(--transition-fast), border-color var(--transition-fast); }

.servizio-card:hover { box-shadow: var(--shadow-md); border-color: var(--celeste); }

.servizio-card.funerali { background-color: rgba(192,192,192,.35); }

.servizio-card.ott { background-color: rgba(210,76,255,.18); }

.servizio-card.accessori { background-color: rgba(115,220,255,.18); }

.servizio-card-edit { flex: 0 0 auto; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-full); background: var(--celeste-light); color: var(--celeste-hover); text-decoration: none; transition: background-color var(--transition-fast); }

.servizio-card-edit:hover { background: var(--celeste); color: var(--bianco); }

.servizio-card-edit .fa-solid { font-size: 20px !important; }

.servizio-card-body { flex: 1 1 auto; min-width: 0; }

.servizio-card-nome { font-weight: 600; font-size: 15px; color: var(--grigio-scuro); margin-bottom: 4px; text-transform: uppercase; letter-spacing: .2px; }

.servizio-card-riga { font-size: 13px; color: #6b7280; line-height: 1.4; }

.servizio-card-muted { color: #6b7280; }

.servizio-card-side { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 8px; padding-top: 2px; }

.servizio-card-dot { display: block; width: 12px; height: 12px; border-radius: var(--radius-full); box-shadow: 0 0 0 3px rgba(0,0,0,.03); }

.servizio-card-info { color: #6b7280; text-decoration: none; font-size: 16px; transition: color var(--transition-fast); }

.servizio-card-info:hover { color: var(--celeste) !important; }

.servizio-card-info .fa-solid { font-size: 30px !important; }

.servizio-card-info:hover .fa-solid { color: var(--celeste) !important; }

.popup-operazioni-titolo { margin: 0 0 12px 0; font-size: 16px; font-weight: 600; color: var(--grigio-scuro); }

.popup-operazioni-lista { display: flex; flex-direction: column; gap: 10px; max-height: calc(100% - 40px); overflow-y: auto; }

.popup-operazione-item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border: 1px solid var(--grigio); border-radius: var(--radius-md); background: var(--bianco-sporco-pagina); }

.popup-operazione-icona { flex: 0 0 auto; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: var(--grigio-scuro); }

.popup-operazione-icona img { max-width: 100%; max-height: 100%; }

.popup-operazione-icona .fa-solid { font-size: 28px !important; color: var(--nero) !important; }

.popup-operazione-testo { flex: 1 1 auto; min-width: 0; }

.popup-operazione-titolo { font-weight: 600; font-size: 13px; color: var(--grigio-scuro); margin-bottom: 2px; }

.popup-operazione-stato { font-size: 12px; color: #6b7280; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }

.popup-operazione-pallino { display: inline-block; width: 9px; height: 9px; border-radius: var(--radius-full); flex: 0 0 auto; }

.popup-operazione-vuota { font-size: 13px; color: #6b7280; text-align: center; padding: 20px 0; }