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

html, body {background-color: #F8f8ff}

label{font-family:'Open Sans',sans-serif;color:#444;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:10px}

.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:20px;border-radius:5px;border:0;color:#444;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:20px;border-radius:5px;border:0;color:#444;text-align: left;overflow-y:scroll}

.close-popup {position:absolute;top:-20px;right:-20px;background-color:#3892d3;color:#fff !important;border-radius:100%;width:40px;height:40px;text-align:center;line-height:44px;cursor:pointer}

.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 #ccc;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 #ccc;color: #444;box-sizing: border-box;padding: 5px;background-color: #f9f9f9;transition: all .2s ease;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 #ccc;color: #444;box-sizing: border-box;padding: 5px;background-color: #f9f9f9;transition: all .2s ease;margin-right: 2.5%;}

.btn-inline {width: 5%;padding: 3.5px;border: 1px solid #ccc;box-sizing: border-box;cursor: pointer;display: inline-block;text-align: center;}

.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}

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:700;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:700;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: 20px;border: 0;color: #444;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}

.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 #ccc;padding:20px;box-sizing:border-box;position: relative;margin-bottom: 80px;min-height: 242px;}

.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 #ccc;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:700;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;padding:3px 20px;text-decoration:none;text-transform:lowercase;text-align:center;margin:0 auto;cursor:pointer;line-height:22px;transition:all .2s ease}

.btn:active,.btn:focus,.btn:hover{color:#444;background-color:#fff}.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 #ccc;color:#444;box-sizing:border-box;width:100%;padding:5px;background-color:#f9f9f9;transition:all .2s ease}

.input:focus{background-color:#fff;box-shadow:none}

#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:0 0 8px #ccc}

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

.f_right a{margin-left:15px}

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

.data_table{width:100%}

.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 {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:700;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:-7px 7px 10px -10px #ccc;border-radius:4px;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 #ccc;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;text-decoration:none}

.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: 5px;
}

.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: 20px;
	border-radius: 8px;
	width: 90%;
	max-width: 600px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	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;
}

::-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 #ccc;
	margin-bottom: 20px;
}

@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}
}