@charset "UTF-8";

:root {
    --main: #575756;
    --colore: #00AEEF;
    --blu: #1C53B6;
    --azzurro: #277BE4;
    --verde: #2AB540;
    --giallo: #ffee00;
    --giallo2: #FDFADB;
    --rosso: #EE342D;
    --rosso-scuro: #C00000;
    --arancio: #EF3D23;
    --grigio: #2d2d2d;
    --grigio-chiaro: #808080;
    --grigio-molto-chiaro: #EEF0F4;
    --mainfont: "Poppins", "Avenir", "Montserrat", "Corbel", "URW Gothic", source-sans-pro, sans-serif;
}

html { height: 100%;
	/* Adjust font size */
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

body { height: 100%; background: var(--grigio-molto-chiaro); color: #333; /* overflow-x: hidden; */ font-family: var(--mainfont); font-weight: 400;
	display: flex; min-height: 100vh; flex-direction: column;
}

.contenuto-pagina { flex: 1; width:100%; }

p { font-size: inherit; line-height: inherit; }

h1,h2,h3,h4,h5,h6 { color: var(--blu); line-height: 1.05; font-weight: 700; }
h1, .h1 { font-family: var(--mainfont); font-size: 30px; }
h2, .h2 { font-family: var(--mainfont); font-size: 22px; }
h3, .h3 { font-family: var(--mainfont); font-size: 20px; }
h4, .h4 { font-family: var(--mainfont); font-size: 18px; }
h5, .h5 { font-family: var(--mainfont); font-size: 16px; }

h1 { text-transform: uppercase; }

.grid .grid { max-width: none; }

.big { font-size: 116%; }

a { text-decoration: none; color: var(--blu); }
a:hover { color: var(--arancio); }

strong,b { font-family: var(--mainfont); font-weight: 700; }
label { font-family: var(--mainfont); font-weight: 700; font-size: 17px; }
legend { font-family: var(--mainfont); font-weight: 700; font-size: 22px; color: var(--blu); margin-bottom: 18px; line-height: 1.2; }

.align-center { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; /* align vertical and center horizontally */ }
.valign-middle { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; /* align vertical */ }
.align-right { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end; /* align right horizontally */ }

.cover { min-height: 50%; background-color: #000; background-size: cover; background-position: center 80%; }

.logo {
	padding: 0;
    font-size: 0;
    float: left;
    margin-left: calc(50% - 87px);
    margin-top: 4px;
    margin-bottom: 3px;

}
.logo svg { width: 162px; height: 50px; }
.logo img {
	width: 162px;
	height: auto;
}
@media screen and (min-width: 768px) {
	.logo img {
		width: 186px;
	}
}
@media screen and (min-width: 1024px) {
	.logo img {
		width: 200px;
	}
}
@media screen and (min-width: 1440px) {
	.logo img {
		width: 225px;
	}
}

svg.icon {
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
 }

.nav-wrap {
	position: relative;
}
.nav-wrap:after {
	content: "";
	width: 100%;
	height: 10px;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: -10px;
	box-shadow: 0 5px 8px 0px rgba(50, 50, 50, .13);
	z-index: -1;
}

#main-menu { text-transform: uppercase; font-weight: 700; }
#main-menu .primary { padding: 12px 0; }

.payoff { text-transform: uppercase; }
.payoff em { color: var(--arancio); }

.blu { color: var(--blu); }
.arancio { color: var(--arancio); }
.grigio { color: var(--grigio); }
.grigio-chiaro { color: var(--grigio-chiaro); }

a.bianco { color: #fff; }
a.bianco:hover { color: var(--arancio); }

hr.tiny { max-width: 100px; border-top-width: 2px; }
hr.arancio { border-top-color: var(--arancio); }

.button,button {
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}


.button,button { font-family: var(--mainfont); font-weight: 700; font-size: 14px; background: var(--blu); color: #fff; border: none; padding: 11px 20px 9px 20px; border-radius: 4px; }
.button:hover,button:hover { background: var(--arancio); color: #fff; }


.button.small { font-size: 13px; padding: 10px 15px 6px 15px; }
.button.alt { color: var(--arancio); }
.button.alt:hover { color: #000; }
.button.mini { font-size: 10px; padding: 2px 8px; }

.espandiCodiciButton {
    margin-top: 5px;
}
.espandiCodiciButtonResult {
    position: relative;
    z-index: 2;
}
.espandiCodiciButtonResult ul {
    position: absolute;
    background-color: #fff;
    padding: 1rem 1rem .35rem 1rem;
    border-radius: 5px;
    list-style-type: none;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}




#ricerca-articoli form {
    display: flex;
}
#ricerca-articoli .button {
    padding: 8px 15px 6px 15px;
}
#ricerca-articoli p.filtro {
    background-color: #fff;
}
#ricerca-articoli a.reset {
    font-size: 15px;
    float: right;
    color: var(--colore);
    padding: 2px 0;
}
#ricerca-articoli a.reset svg {
    width: 15px;
    height: 15px;
    float: left;
    margin: 2px 6px 0 0;
}

.hidden {
  display: none;
}

.button.white { background-color: #fff; color: #000; box-shadow: inset 0 0 0 1px var(--main); }
.button.white:hover { background-color: var(--rosso); color: #fff; box-shadow: inset 0 0 0 1px var(--rosso); }


.button .eye { margin: -8px -4px 0 18px !important; float: right; width: 36px; height: auto; }

.button.big { font-size: 18px; }

.uppercase { text-transform: uppercase; }

.tog { position: absolute; right: 0; top: 3px; z-index: 9999; cursor: pointer; }
.tog span { background: var(--blu); }



.page-header { min-height: 22%; padding: 70px 10px 60px 10px; }
.page-header h1 { margin-bottom: 0; font-size: 38px; }


.shadow { -webkit-box-shadow: 5px 5px 8px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 5px 5px 8px 0px rgba(50, 50, 50, 0.1); box-shadow: 5px 5px 8px 0px rgba(50, 50, 50, 0.1); }

.border-left { border-left: 3px solid var(--blu); }

.colonne { column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 60px;
    -moz-column-gap: 60px;
    -webkit-column-gap: 60px; }



/* marquee */
.marquee h2 { font-size: 14px; margin-bottom: 0; padding: 3px 0 0; }

.tickerwrapper {
  position: relative;
  width: 99.9%;
  height: 30px;
  overflow: hidden;
  cursor: pointer;
  font-size: 13px;
}

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

.tickerwrapper ul.cloned {
  position: absolute;
  top: 0px;
  left: 0px;
}

.tickerwrapper ul li {
  float: left;
  padding-left: 20px;
}



#selezione-ricerca { margin-bottom: 40px; }


/* tabs */
.tabs {
	display: flex;
	flex-wrap: wrap;
}
.tabs label {
	order: 1;
	display: block;
	padding: .5rem 1rem;
	font-size: 18px;
	margin: 0;
	cursor: pointer;
	background: transparent;
	transition: background ease 0.2s;
}
.tabs .tab {
  	order: 99;
  	flex-grow: 1;
	width: 100%;
	display: none;
	padding: 1rem 1rem .1rem 1rem;
	background: #fff;
}
.tabs input[type="radio"] {
	display: none;
}
.tabs input[type="radio"]:checked + label {
	background: #fff;
	color: var(--blu);
	border-left: 3px solid var(--blu);
}
.tabs input[type="radio"]:checked + label + .tab {
	display: block;
}

@media (max-width: 460px) {
  .tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}





/* TABS NEW */

.tabs-container input.hidden {
  display: none;
}
.tabs-container input:checked + label {
  background: var(--blu); color: #fff;
}
.tabs-container input#tab1:checked ~ .content-container #login {
	display: block;
}
.tabs-container input#tab1:checked ~ .content-container #selezione-ricerca {
	display: block;
}
.tabs-container input#tab2:checked ~ .content-container #c2 {
	display: block;
}
.tabs-container input#tab3:checked ~ .content-container #c3 {
	display: block;
}
.tabs-container input#tab4:checked ~ .content-container #c4 {
	display: block;
}
.tabs-container input#tab5:checked ~ .content-container #c5 {
	display: block;
}
.tabs-container input#tab6:checked ~ .content-container #c6 {
	display: block;
}
.tabs-container input#tab7:checked ~ .content-container #c7 {
	display: block;
}
.tabs-container input#tab8:checked ~ .content-container #c8 {
	display: block;
}
.tabs-container input#tabone:checked ~ .content-container #tab-resi {
	display: block;
}
.tabs-container input#tabtwo:checked ~ .content-container #tab-nuovoreso {
	display: block;
}

.tabs-container input#tabthree:checked ~ .content-container #tab-autorizzazioni {
	display: block;
}
.tabs-container input#tabfour:checked ~ .content-container #tab-prenotazioni {
	display: block;
}


.tabs-container > label,
.tabs-container > .label {
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
  padding: 1px 20px;
  text-align: center;
  background: #fff;
  color: var(--main);
  position: relative;
  transition: 0.25s background ease;
  cursor: pointer;
}
.tabs-container .content-container {
  position: relative;
  margin-right: -20px;
}
.tabs-container .content-container .content {
  width: 100%;
  display: none;
  transition: 0.25s ease;
}
.tabs-container > .label {
	font-family: var(--mainfont);
    font-weight: 400;
    margin: 0 0 4px 0;
}
.tabs-container .label:hover {
  background: var(--main); color: #fff;
}

@media (min-width: 768px) {
  #tab-nuovoreso .field-wrapper.start {
    justify-content: flex-start;
  }
  #tab-nuovoreso .field-wrapper.start .field {
    width: 100%;
    max-width: 270px;
  }
  #tab-nuovoreso .field-wrapper.start .field.last {
    padding-left: 30px;
  }
}



dl dd { /* line-height: 36px; */ margin-bottom: 15px; }
dl dt { font-family: var(--mainfont); font-weight: 600; font-size: 16px; }


.button.smaller { padding: 11px 12px 9px; min-width: 44px; min-height: 44px; text-align: center; }


.nowrap { white-space: nowrap; }

/* tooltip */
/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
  cursor: pointer;
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: 0.8em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: "";
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  text-align: center;
  /*
    Let the content set the size of the tooltips
    but this will also keep them from being obnoxious
    */
  min-width: 10em;
  max-width: 30em;
  white-space: normal;
/*
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
*/
  padding: 1ch 1.5ch;
  border-radius: 0.3ch;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 100ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 100ms ease-out forwards;
}

@media screen and (max-width: 767px) {
	/* MOBILE */
	[tooltip].mob-left::before {
	  top: 50%;
	  border-right-width: 0;
	  border-left-color: #333;
	  left: calc(0em - 5px);
	  transform: translate(-0.5em, -50%);
	}
	[tooltip].mob-left::after {
	  top: calc(50% - 12px);
	  right: calc(100% + 5px);
	  transform: translate(-0.5em, -50%);
	  left: -60px !important;
	  bottom: auto !important;
	}
}





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

.padding { padding: 1rem 1rem 1.1rem; }
.padding-less { padding: .7rem .7rem 0rem}

.blocco-centrale { padding-bottom: 30px; }

.avviso .inner { background: var(--arancio); color: #fff; font-size: 13px; line-height: 1.3; }
.avviso h3 { color: #fff; font-size: 14px; margin-bottom: 2px; }
.avviso p { margin-bottom: 0; }
.avviso .inner:last-child { padding-bottom: .58rem; }


.field-wrapper { display: flex; flex-flow: row; flex-wrap: wrap; justify-content:space-between; }
.field-wrapper.start { justify-content: flex-start; }
.field-wrapper .field,
.field-wrapper .field.wide { width: 100%; }



table {
    width: 100%;
    max-width: 100%;
    border: none;
    border-collapse: collapse;
}

table th {
    vertical-align: middle;
    padding: 12px 9px 12px 10px;
    font-size: 14px;
    line-height: 1.2;
}

/*
table th.text-right {
	padding-right: 14px;
}
*/

table td {
    border-bottom:1px solid var(--azzurro);
    vertical-align: top;
    padding: 8px 9px 4px;
    font-size: 13px;
    line-height: 1.2;
}

table td:not(.foto) {
	padding-top: 12px;
}
table td.foto {
	padding: 6px 4px 2px 6px;
	background-color: #fff;
}
table td.prezzo {
	text-align: right;
}

table.pad-more td,
table.pad-more th { padding: 12px 12px 8px; }

table td.foto img {
	max-width: 64px;
	height: auto;
}

.attenzione { font-size: 14px; }
.recupero-password { font-size: 14px; padding-top: 25px; }
.recupero-password ul { padding: 0; margin: 0; }
.recupero-password li { list-style-type: none; padding: 0; margin: 0; line-height: 1.4; }




#risultati-ricerca { }
#risultati-ricerca .filtro { font-family: var(--mainfont); line-height: 1.2; }
#risultati-ricerca .filtro a.reset { color: var(--arancio); background: #fff; padding: 1px 8px; border-radius: 3px; }
#risultati-ricerca .filtro a.reset:hover { color: var(--azzurro); }
#risultati-ricerca .filtro .filtro_descr { margin-right: 1rem; }
#risultati-ricerca td.qta input { width: 40px; max-width: 40px; padding: 0 4px; font-size: 14px; height: 28px; }

table th { background: var(--blu); color: #fff; }
table th a { color: #fff; }
table th.prezzo { white-space: nowrap; }
table th.prezzo span { position: relative; padding-right: 30px; }
table th.prezzo svg { width: 20px; height: 13px; position: absolute; right: 0; top: 3px; }
table td.azione svg { width: 30px; height: 30px; border: 1px solid var(--blu); padding: 6px; border-radius: 4px; background-color: #fff; margin-left: 10px; }
table td.azione { white-space: nowrap; padding-right: 14px; }
table td.azione svg:hover { border-color: var(--arancio); background-color: var(--arancio); color: #fff;  cursor: pointer; }
table td.azione a:first-of-type svg { margin-left: 0; }

table td.ordini_stati { font-size:11px; }
table td.canale_provenienza { font-size:9px; color: #fff; padding-inline: 4px; }
table td.azione.search { font-size:10px; padding:4px 4px 0; }

tr.giallo td { background-color: yellow !important; }
tr.verde td { background-color: #33ff00 !important;}

#modulecad { height: 300px; }

@media screen and (min-width:1024px) and (max-width:1050px) {
	#secondary { -webkit-transform: translateX(10px); transform: translateX(10px); }
	.blocco-centrale { -webkit-transform: translateX(-10px); transform: translateX(-10px);}
}




@media screen and (max-width:767px) {

    table.wdn_responsive_table td, table.wdn_responsive_table th {
        display: block
    }

    table.wdn_responsive_table thead tr {
        display: none
    }

    table.wdn_responsive_table tbody tr:first-child th {
        border-top-width: 0
    }

    table.wdn_responsive_table tbody tr { border-bottom:0 solid red; }
/*     table.wdn_responsive_table tbody tr:last-child { border-bottom:0 solid #fff; } */

    table.wdn_responsive_table tbody tr td:last-child { border-bottom: none; }

    table.wdn_responsive_table tbody tr:nth-of-type(even) {
        background-color: #F3F4F7
    }

    table.wdn_responsive_table tbody td {
	    padding: 5px 17px;
        text-align: left;
        border-top: none;
        border-bottom-color: #eee;
    }

    table.wdn_responsive_table tbody td:before {
        display: block;
        font-family: var(--mainfont); font-size: 12px; letter-spacing: 2px; color: var(--blu); text-transform: uppercase; margin-bottom: 2px;
        content: attr(data-header);
    }

    table.wdn_responsive_table tbody td:empty {
        display: none
    }

    table.wdn_responsive_table tbody td:nth-of-type(even) {
		background-color: transparent
    }


}


@media screen and (max-width: 767px) {
  table.responsive {
    border: 0;
  }

  table.responsive caption {
    font-size: 1.3em;
  }

  table.responsive thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table.responsive tr {
    border-bottom: 1px solid #777;
    display: block;
    margin-bottom: .625em;
    padding-left: 0;
    padding-right: 0;
  }

  table.responsive td {
    border-bottom: 0px solid #777;
    display: block;
    font-size: .88em;
    text-align: right;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 8px;
    padding-top: 3px;
  }

  table.responsive td::before {
    content: attr(data-label);
    float: left;
    font-size: .84em;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 10px;
  }

  table.responsive td:last-child {
    border-bottom: 0;
  }

  table.responsive tbody td:empty,
  table.responsive tbody td:empty::before {
    display: none;
    content: '';
  }

  .responsive_hide { display: none; }




table td.foto { padding-top: 16px !important; }
table td.azione { padding-bottom: 16px !important; }



 /* custom */
   table.accettazione tr.autorizzazione th {
    border-bottom: 0px solid #777;
    display: block;
    font-size: .88em;
    text-align: right;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 8px;
    padding-top: 3px;
  }
  table.accettazione tr.autorizzazione th::before {
	content: attr(data-label);
    float: left;
    font-size: .84em;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 10px;
  }

}





table.accettazione th {
	background-color: var(--grigio);
}

table.accettazione tr:nth-child(even) td {
	background-color: transparent;
}


@media screen and (max-width: 767px) {
	table.accettazione tr.dettaglio_reso, table.resi_riepilogo tbody.reso tr.dettaglio_reso {
		display: none;
	}
	table.accettazione tr.resi_aggiornamenti, table.resi_riepilogo tbody.reso tr.resi_aggiornamenti {
		display: none;
	}
}
table.accettazione tbody.autorizzazione tr.autorizzazione {
	border-top: 40px solid #fff !important;
}
table.accettazione tbody.autorizzazione tr.autorizzazione:nth-child(1) {
	border-top: 0 solid #fff !important;
}
table.accettazione tbody.autorizzazione th {
	padding: 5px 12px 4px;
	font-size: 14px;
}

table.accettazione tbody.autorizzazione tr.dettaglio_reso th, table.resi_riepilogo tbody.reso tr.dettaglio_reso th  {
	padding: 15px 12px 11px;
	font-size: 15px;
	background-color: var(--blu);
}

table.accettazione tbody.autorizzazione tr.resi_aggiornamenti th, table.resi_riepilogo tbody.reso tr.resi_aggiornamenti th  {
	background-color: #b9b9b9;
	font-weight: 700;
}

table.accettazione tr.righe_aggiornamenti td, table.resi_riepilogo tbody.reso tr.righe_aggiornamenti td {
	padding: 5px 12px 4px;
	background-color: var(--grigio-molto-chiaro);
	font-size: 12px;
}

tr.autorizzazione {
	font-weight:bold;
}

table.accettazione thead.resi th {
	background-color: #b8b8b8;
	padding: 9px 12px 6px;
}
table.accettazione thead.resi td {
	background: #F3F4F7;
	font-weight: 700;
}
table.accettazione tr.reso td.buttons span.cont {
	display: flex;
	justify-content: flex-end;
}
table.accettazione tr.reso td.buttons .button {
	padding: 5px 8px;
	margin-left: 8px;
	min-width: 30px;
}

@media screen and (max-width: 767px) {
	table.accettazione tr.reso td.buttons .button {
		padding: 12px 20px;
		margin-left: 20px;
		margin-bottom: 10px;
	}
	table.accettazione .thbutton {
		padding: 4px 16px !important;
		width: auto !important;
		height: auto !important;
	}
}


table.accettazione tr.reso td.buttons .button.check {
	background-color: var(--verde);
}
table.accettazione tr.reso td.buttons .button.ban {
	background-color: var(--colore);
}
table.accettazione tr.reso td.buttons .button.euro {
	background-color: var(--arancio);
}
table.accettazione tr.reso td.buttons .button.arrow {
	background-color: var(--blu);
}
table.accettazione tr.reso td.buttons .button:hover {
	background-color: var(--main);
}

table.accettazione tr.reso td.buttons .button.disabled_button {
	background-color: #EEEEEE !important;
}
table.accettazione tr.reso td.buttons .button.scarico_avvenuto,
table.accettazione tr.reso td.buttons .button.resi_richiedi_scarico[disabled] {
	background-color: transparent !important;
	color: var(--blu);
	box-shadow: inset 0 0 0 1px var(--blu);
	cursor: default;
}

table.accettazione tr.reso td.buttons .button.rimborso_avvenuto {
	background-color: transparent !important;
	color: var(--arancio);
	box-shadow: inset 0 0 0 1px var(--arancio);
	cursor: default;
}

table.accettazione tr.reso td.buttons .button.resi_accetta[disabled] {
	background-color: transparent;
	color: var(--verde);
	box-shadow: inset 0 0 0 1px var(--verde);
	cursor: default;
}

table.accettazione tr.reso td.buttons .button.resi_respingi[disabled] {
	background-color: transparent;
	color: var(--colore);
	box-shadow: inset 0 0 0 1px var(--colore);
	cursor: default;
}



table.accettazione .nome_articolo {
	color: var(--rosso-scuro);
}

.thbutton {
	box-shadow: inset 0 0 0 1px #fff;
}
.thbutton:hover {
	box-shadow: inset 0 0 0 1px var(--colore);
}



.title_dett_pren {
	position: relative;
}
.toggle_dett_pren {
	position: absolute;
	right: 0;
	font-size: 14px;
	padding: 5px 8px;
	cursor: pointer;
	background: var(--rosso-scuro);
}
.toggle_dett_pren:hover {
	background: var(--main);
}
.dettagli_prenotazione {
	padding-bottom: 20px;
}
.dettagli_prenotazione dd {
	margin-bottom: 8px;
}
.stampa_prenotazione {
	font-size: .8rem;
	background: var(--rosso-scuro);
	margin: 12px 12px 0 0;
	white-space: nowrap;
}
.stampa_prenotazione span {
	display: inline-block;
	transform: translateY(-4px);
}
.stampa_prenotazione .fas {
	font-size: 1.8rem;
	margin-right: 13px;
}
.stampa_prenotazione:hover {
	background: var(--main);
}
@media screen and (min-width: 768px) {
	.stampa_prenotazione {
		font-size: 1rem;
	}
}
@media screen and (min-width: 1440px) {
	.stampa_prenotazione {
		font-size: 1.05rem;
	}
}









#adSearchDataContainer { text-align: center; background: #fff; }
#adSearchDataContainer img { margin: 0 auto 2rem; max-width: 100%; height: auto; }
#adSearchDataContainer .filtro { text-align: left; background: #fff; padding: 6px 14px; }
#adSearchDataContainer .filtro_descr { padding-right: 15px; }
#adSearchDataContainer .filtro .reset { font-size: 15px; float: right; color: var(--arancio); padding: 2px 0; }
#adSearchDataContainer .filtro .reset svg { width: 15px; height: 15px; float: left; margin: 2px 6px 0 0; }
#adSearchDataContainer .filtro .reset:hover { color: var(--blu); }

.disponibilita { display: inline-block; width: 12px; height: 12px; border-radius: 12px; margin-left: 9px; }
.disponibilita.si { background-color: green; }
.disponibilita.no { background-color: red; }





/* sidebar  */
.sideblock { margin-bottom: 20px !important; }
.sideblock .inner { background: #fff; padding: 18px 18px 12px; font-size: 15px; }
.sideblock ul { padding-bottom: 0; margin-bottom: 0; }
.sideblock li { list-style-type: none; margin-bottom: 3px; }
.sideblock.connessi li { overflow-wrap: break-word; line-height: 1; margin-bottom: 9px; }
.sideblock li a { display: block; padding-right: 20px; position: relative; }
.sideblock li a:after { content: ''; position: absolute; right: 0; top: 8px; width: 7px; height: 11px; -webkit-transition:all 0.2s;-moz-transition:all 0.2;transition:all 0.2s; background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA1IDkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+PHBhdGggZD0iTTAsNy4yMzlsMC44NTUsMC44NTVsNC4xMDQsLTMuNzI0bDAsLTAuNjI3bC00LjEwNCwtMy43NDNsLTAuNzk4LDAuODU1bDMuNDc3LDMuMTkybC0zLjUzNCwzLjE5MloiIHN0eWxlPSJmaWxsOiM0ZDRkNGQ7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9zdmc+);
}

.sideblock li a:hover:after { transform: translate(5px); }



.sideblock h3 { margin-bottom: 20px; }
.sideblock h4.utente-connesso { margin-bottom: 14px; color: var(--main); font-family: var(--mainfont); font-size: 17px; font-weight: 700; }

.sideblock.promo .inner { background: transparent; padding: 0; }
.sideblock.promo h3 { color: #fff; margin-bottom: 0; font-size: 22px; position: relative; }
.sideblock.promo h3 strong { /* font-size: 1.2em;  */display: block; margin-bottom: 8px; }
.sideblock.promo svg { position: absolute; width: 21px; height: 16px; right: 40px; bottom: 23px; }
.sideblock.promo a { background: var(--blu); color: #fff; display: block; padding: 21px 18px 12px; }
.sideblock.promo a:hover { background: var(--arancio); color: #fff; }
.sideblock.promo a:hover h3 { color: var(--arancio); color: #fff; }
.sideblock.promo .fas { position: absolute; right: 0; top: 0; }

.sideblock.promo .inner.novita {
    background: var(--blu);
    color: #fff;
    padding: 21px 18px 12px;
}
.sideblock.promo .inner.novita.fresh {
    background: var(--rosso-scuro);
}
.sideblock.promo .inner.novita a {
    padding: 10px;
    display: block;
    position: relative;
    color: #fff;
    background-color: var(--azzurro);
    border: 1px solid var(--azzurro);
    border-radius: 4px;
}
.sideblock.promo .inner.novita a:hover {
    color: #fff;
    background-color: var(--arancio);
    border-color: var(--arancio);
}
.sideblock.promo .inner.novita.fresh a:hover {
    background-color: var(--blu);
    border-color: var(--blu);
}
.sideblock.promo .inner.novita h3 {
    margin-bottom: 16px;
    text-transform: uppercase;
}
.sideblock.promo .inner.novita h4 {
    font-size: 17px;
    margin-bottom: 10px;
}
.sideblock.promo .inner.novita .fas {
    font-size: 20px;
    top: 9px;
    right: 10px;
}


#sidecart .item { font-size: 13px; }
#sidecart .item .qta { font-weight: 700; color: var(--blu); }
#sidecart li { margin-bottom: 10px; }
#sidecart .price { font-size: 14px; font-weight: 700; }

#sidecart .rimuoviArticolo,
#sidecart .aggiungiArticolo { float: right; font-size: 11px; cursor: pointer; margin-top: 2px; margin-left: 4px; background: #fff; padding: 0px 2px; border:1px solid var(--blu); color: var(--blu); width: 19px; text-align: center; }
#sidecart .rimuoviArticolo:hover,
#sidecart .aggiungiArticolo:hover { border-color: var(--arancio); color: var(--arancio); }

/* #sidecart .aggiungiArticolo { float: right; font-size: 12px; cursor: pointer; margin-top: 2px; background: #fff; padding: 0px 2px; border:1px solid var(--blu); color: var(--blu); }  */

/* #sidecart .aggiungiArticolo:hover { background: var(--arancio); }  */

#sidecart .totale { font-size: 19px; font-weight: 700; padding-top: 4px; }
#sidecart .totale span { float: right; }

.button.svuota { border: none; padding: 8px 15px 6px 15px; }
.button.svuota:hover { color: #fff; }
.button.acquista { border: none; padding: 8px 15px 6px 15px; }
.button.acquista:hover { }


input, textarea, select { font-family: var(--mainfont); font-size: 15px; padding-inline: 8px; caret-color: var(--azzurro); }
option { font: -moz-pull-down-menu; }
textarea { resize: vertical; min-height: 120px; }

input,
input[type=radio],
input[type=checkbox],
input[type=datetime-local] {
	accent-color: var(--azzurro);
}
input[type=datetime-local] { max-width: 200px; }
input[type="datetime-local"]::-webkit-datetime-edit-year-field:focus,
input[type="datetime-local"]::-webkit-datetime-edit-month-field:focus,
input[type="datetime-local"]::-webkit-datetime-edit-day-field:focus,
input[type="datetime-local"]::-webkit-datetime-edit-hour-field:focus,
input[type="datetime-local"]::-webkit-datetime-edit-minute-field:focus,
input[type="datetime-local"]::-webkit-datetime-edit-second-field:focus {
    background-color: var(--azzurro);
    color: #fff;
}

input[type="datetime-local"]::-moz-datetime-edit-year-field:focus,
input[type="datetime-local"]::-moz-datetime-edit-month-field:focus,
input[type="datetime-local"]::-moz-datetime-edit-day-field:focus,
input[type="datetime-local"]::-moz-datetime-edit-hour-field:focus,
input[type="datetime-local"]::-moz-datetime-edit-minute-field:focus,
input[type="datetime-local"]::-moz-datetime-edit-second-field:focus {
    background-color: var(--azzurro);
    color: #fff;
}

input[type="datetime-local"]::-ms-datetime-edit-year-field:focus,
input[type="datetime-local"]::-ms-datetime-edit-month-field:focus,
input[type="datetime-local"]::-ms-datetime-edit-day-field:focus,
input[type="datetime-local"]::-ms-datetime-edit-hour-field:focus,
input[type="datetime-local"]::-ms-datetime-edit-minute-field:focus,
input[type="datetime-local"]::-ms-datetime-edit-second-field:focus {
    background-color: var(--azzurro);
    color: #fff;
}


 ::-webkit-input-placeholder { /* WebKit browsers */
color: #999 !important;
opacity: 1;
font-family: var(--mainfont);
}
 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #777 !important;
opacity: 1;
}
 ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #777 !important;
opacity: 1;
}
 :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #777 !important;
opacity: 1;
}

.prefooter { min-height: 38%; }
.prefooter img { max-width: 390px; }
.prefooter .social { margin: 0 8px; }
.prefooter.filter:after { opacity: .7; }
.prefooter.cover { padding: 80px 0 60px; }





table.wide { width: 100%; }
table td.last { width: 130px; }
table td.titolo { font-weight: 700; }
.table-container { width: 100%;	overflow-y: auto; _overflow: auto;	margin: 0 0 1em; }




.ad_message { text-align: center; background: var(--arancio); color: #fff; font-weight: 700; font-size: 20px; padding: 10px; }
.ad_message p { margin: 0 auto; }





.footer { font-size: 15px; background: #fff; padding-top: 20px; padding-bottom: 20px; line-height: 1.36; }
.footer .grid { margin-bottom: 0; }
.footer .credits { padding-top: 18px; }




/* lightbox */
.featherlight:last-of-type { background-color: rgba(238, 240, 244, 0.9) !important; }
.featherlight .featherlight-close-icon { color: var(--blu) !important; position: fixed !important; background: transparent !important; font-size: 25px; line-height: 35px !important; width: 35px !important; top: 10px !important; right: 10px !important; }
.featherlight-content { -webkit-box-shadow: 5px 5px 8px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 5px 5px 8px 0px rgba(50, 50, 50, 0.1); box-shadow: 5px 5px 8px 0px rgba(50, 50, 50, 0.1); }
@media screen and (min-width: 1600px) {
	.featherlight .featherlight-close-icon { font-size: 35px; line-height: 35px !important; width: 35px !important; }
}


.modal { display: none; max-width: 600px; }
.modal p:last-of-type { margin-bottom: 0; }



.loader.active { background: rgba(255,255,255,0.85); display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100vw; height: 100vh; z-index: 99; }

.loader.active .lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -40px;
}
.loader.active .lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid var(--azzurro);
  border-color: var(--azzurro) transparent var(--azzurro) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



/* MAX */

@media screen and (max-width: 519px) {
	.mob-100 { width: 100% !important; flex: 0 0 100% !important; }
	.mob-50 { width: 50% !important; }

}





/* MIN */

@media screen and (min-width: 460px) {
	.field-wrapper .field { width: 48%; }
	.field-wrapper .field-100 { width: 100% !important; }
	.recupero-password { text-align: right; padding-top: 8px; }

}



@media screen and (min-width: 580px) {
	#modulecad { height: 400px; }
}

@media screen and (min-width: 768px) {
	.grid { max-width: 96%; }
	.grid--full { max-width: 100% !important; }
	#main-menu .primary { float: right; padding: 0; }
	.nav-header { max-width: 250px; }
	ul.primary li a { font-size: 13px; padding: 19px 14px 14px; }
	table td { background: #fff; }
	table tr:nth-child(even) td { background: #F3F4F7; }
	table tr:last-child td { border-bottom: none !important; }
	#modulecad { height: 500px; }
}

@media screen and (min-width: 992px) {
	.sideblock.promo h3 { font-size: 20px; }
/*
	.sideblock.promo h3 strong { font-size: 1.5em; }
	.sideblock.promo svg { width: 25px; height: 38px; bottom: 13px; }
*/

	.footer { padding-top: 24px; }
	.footer .copyright { text-align: left; }
	.footer .credits { padding-top: 2px; text-align: right; }

}

@media screen and (min-width: 1024px) {
	h1, .h1 { font-size: 31px; }
	h2, .h2 { font-size: 24px; }
	h3, .h3 { font-size: 22px; }
	h4, .h4 { font-size: 19px; }
	.grid { /* max-width: 980px; */ max-width: 100%; }
	.logo { margin-left: 20px; margin-top: 7px; margin-bottom: 6px; }
	ul.primary li a { font-size: 14px; padding: 20px 14px 14px; }
	.marquee h2 { position: relative;
    background: var(--grigio-molto-chiaro);
    z-index: 2;
    display: inline-block;
    padding-right: 15px;
    padding-bottom: 12px;
	}
	.tickerwrapper { margin-top: -26px; }
	#secondary h3 { font-size: 20px; }
	.copyright { text-align: left; }
	.credits { text-align: right; }
}

@media screen and (min-width: 1280px) {
	.grid { max-width: 1230px; }
	.field-wrapper .field { width: 24%; }
	.field-wrapper .field-33 { width: 31%; }
	.field-wrapper .field-50 { width: 48%; }
	#modulecad { height: 580px; }
/* 	#secondary h3 { font-size: 22px; } */
	.sideblock { margin-bottom: 25px !important; }
/* 	.sideblock.promo h3 { font-size: 23px; } */
}

@media screen and (min-width: 1440px) {
/* 	h1, .h1 { font-size: 34px; } */
	h2, .h2 { font-size: 26px; }
	h3, .h3 { font-size: 24px; }
	h4, .h4 { font-size: 20px; }
	.padding { padding: 1.4rem; }
/* 	.grid { max-width: 1280px; } */
	.logo { margin-top: 10px; margin-bottom: 9px; }
	.logo svg { width: 200px; height: 61px; }
	ul.primary li a { /* font-size: 15px; */ padding: 29px 20px 16px; }
/* 	label { font-size: 18px; } */
/* 	.tabs label { padding: .5rem 1.5rem; } */
/* 	.tabs .tab { padding: 1.5rem 1.5rem .5rem 1.5rem; }	 */
	#modulecad { height: 680px; }
/* 	#secondary h3 { font-size: 24px; } */
	legend { font-size: 24px; margin-bottom: 20px; }
	.footer { padding-top: 30px; padding-bottom: 28px; }
}

@media screen and (min-width: 1600px) {
/*
	.logo { margin-top: 13px; margin-bottom: 12px; }
	.logo svg { width: 220px; height: 68px; }
	ul.primary li a { padding: 35px 20px 18px; }
	table th { font-size: 16px; padding: 14px 12px; }
	table td { font-size: 14px; padding: 8px 12px 4px}
	table th.prezzo svg { top: 2px; }
*/
	#modulecad { height: 760px; }
/* 	.sideblock { margin-bottom: 30px !important; } */
}

@media screen and (min-width: 1800px) {
/* 	.grid { max-width: 1600px; } */
/* 	ul.primary li a { font-size: 16px; } */
	#modulecad { height: 870px; }
}




.video-featherlight {
    max-width: 100%;
    width: 960px;
}
.featherlight .featherlight-content {
    padding: 15px 15px 0 !important;
    border-bottom: 7px solid transparent !important;
}
#videoWrapper {
    display: none;
}
.featherlight .featherlight-content #videoWrapper {
     display: block !important;
}


#ContactBox {
	position: fixed;
	width: 48px;
	bottom: 10px;
	right: 8px;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
}
#whatsappContact,
#telephoneContact {
	width: 48px;
	height: 48px;
	margin-top: 12px;
	border-radius: 50%;
	background-image: url(../images/whatsapp.svg);
	background-repeat: no-repeat;
	background-size: cover;
	transition: box-shadow 0.3s,transform 0.3s;
	box-shadow: 0 0 16px 0 rgba(50, 50, 50, 0.35);
}
#telephoneContact {
	background-image: url(../images/telefono.svg);
}
#whatsappContact a,
#telephoneContact a {
	display: block;
	width: 100%;
	height: 100%;
}
#whatsappContact span,
#telephoneContact span {
	display: none;
}
#whatsappContact:hover,
#telephoneContact:hover {
	box-shadow: none;
	transform: scale(1.13);
}
@media screen and (min-width: 1280px) {
	#ContactBox {
		bottom: 12px;
		right: 10px;
	}
}





.video-featherlight {
    max-width: 100%;
    width: 960px;
}
.featherlight .featherlight-content {
    padding: 15px 15px 0 !important;
    border-bottom: 7px solid transparent !important;
}
#videoWrapper {
    display: none;
}
.featherlight .featherlight-content #videoWrapper {
     display: block !important;
}










/* TABS NEW */

.tabs-container input.hidden {
  display: none;
}
.tabs-container input:checked + label {
  background: var(--main); color: #fff;
}
.tabs-container input#tab1:checked ~ .content-container #login {
	display: block;
}
.tabs-container input#tab1:checked ~ .content-container #selezione-ricerca {
	display: block;
}
.tabs-container input#tab2:checked ~ .content-container #c2 {
	display: block;
}
.tabs-container input#tab3:checked ~ .content-container #c3 {
	display: block;
}
.tabs-container input#tab4:checked ~ .content-container #c4 {
	display: block;
}
.tabs-container input#tab5:checked ~ .content-container #c5 {
	display: block;
}
.tabs-container input#tab6:checked ~ .content-container #c6 {
	display: block;
}
.tabs-container input#tab7:checked ~ .content-container #c7 {
	display: block;
}
.tabs-container input#tab8:checked ~ .content-container #c8 {
	display: block;
}
.tabs-container input#tabone:checked ~ .content-container #tab-resi {
	display: block;
}
.tabs-container input#tabtwo:checked ~ .content-container #tab-nuovoreso {
	display: block;
}

.tabs-container input#tabthree:checked ~ .content-container #tab-autorizzazioni {
	display: block;
}
.tabs-container input#tabfour:checked ~ .content-container #tab-prenotazioni {
	display: block;
}


.tabs-container > label,
.tabs-container > .label {
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
  padding: 1px 20px;
  text-align: center;
  background: #fff;
  color: var(--main);
  position: relative;
  transition: 0.25s background ease;
  cursor: pointer;
}
.tabs-container .content-container {
  position: relative;
/*   margin-right: -20px; */
}
.tabs-container .content-container .content {
  width: 100%;
  display: none;
  transition: 0.25s ease;
}
.tabs-container > .label {
	font-family: var(--mainfont); font-weight: 600;
    margin: 0 0 4px 0;
}
.tabs-container .label:hover {
  background: var(--main); color: #fff;
}

@media (min-width: 768px) {
  #tab-nuovoreso .field-wrapper.start {
    justify-content: flex-start;
  }
  #tab-nuovoreso .field-wrapper.start .field {
    width: 100%;
    max-width: 270px;
  }
  #tab-nuovoreso .field-wrapper.start .field.last {
    padding-left: 30px;
  }
}



dl dd { margin-bottom: 15px; }
dl dt { font-family: var(--mainfont); font-weight: 600; font-size: 16px; }

dl.legenda dt {
	display: inline-block;
	width: 80px;
	font-size: 15px;
}
dl.legenda dd {
	display: inline-block;
	width: calc(100% - 100px);
	font-size: 14px;
	margin-bottom: 7px;
}
dl.legenda .m3 {
	font-size: 9px;
}

.button.icon { padding: 2px 10px 0px; font-size: 16px; background-color: var(--blu);
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 2.13;}
.button.icon:hover { background-color: var(--colore); }

.button.icon.rosso { background-color: var(--blu); }
.button.icon.rosso:hover { background-color: var(--colore); }

.tooltip.button {
	background: #fff;
	color: var(--blu);
	border:1px solid var(--blu);
	padding: 0;
	width: 30px;
	height: 30px;
}
.tooltip.button:hover {
	background: var(--colore);
	color: #fff;
	border:1px solid var(--colore);
}
.tooltip.button .fas {
	transform: translateY(-1px);
}

/* tooltip */
/* START TOOLTIP STYLES */
[tooltip] {
  position: relative; /* opinion 1 */
  cursor: pointer;
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: 0.8em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: "";
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
  content: attr(tooltip); /* magic! */
  text-align: center;
  /*
    Let the content set the size of the tooltips
    but this will also keep them from being obnoxious
    */
  min-width: 10em;
  max-width: 30em;
  white-space: normal;
/*
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
*/
  padding: 1ch 1.5ch;
  border-radius: 0.3ch;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -0.5em);
}

/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, 0.5em);
}

/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-0.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-0.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(0.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(0.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: 0.9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  animation: tooltips-vert 100ms ease-out forwards;
}

[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  animation: tooltips-horz 100ms ease-out forwards;
}

@media screen and (max-width: 767px) {
	/* MOBILE */
	[tooltip].mob-left::before {
	  top: 50%;
	  border-right-width: 0;
	  border-left-color: #333;
	  left: calc(0em - 5px);
	  transform: translate(-0.5em, -50%);
	}
	[tooltip].mob-left::after {
	  top: calc(50% - 12px);
	  right: calc(100% + 5px);
	  transform: translate(-0.5em, -50%);
	  left: -60px !important;
	  bottom: auto !important;
	}
}

.navigazione {
	padding-bottom: 18px;
}


ol li::marker {
	font-weight: 600;
}

sup {
	display: inline-block;
	font-size: 62%;
	transform: translateY(-6px);
}

.legenda {
	font-size: 10px;
	line-height: 1.3;
	display: inline-block;
	padding-top: 5px;
}



#prenotazioniAdminCercaText {
	margin-right: 10px;
}
#prenotazioniAdminCercaButton {
	margin-right: 10px;
}











 /* custom */
   table.resi_riepilogo tr.reso th {
    border-bottom: 0px solid #777;
    display: block;
    font-size: .88em;
    text-align: right;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 8px;
    padding-top: 3px;
  }
  table.resi_riepilogo tr.reso th::before {
	content: attr(data-label);
    float: left;
    font-size: .84em;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 10px;
  }




table.resi_riepilogo thead th {
	background-color: var(--main);
	padding: 15px 12px 11px;
    font-size: 15px;
}

table.resi_riepilogo tr:nth-child(even) td {
	background-color: transparent;
}


@media screen and (max-width: 767px) {
	table.resi_riepilogo tr.dettaglio_reso,
	table.resi_riepilogo tbody.reso tr.dettaglio_reso {
		display: none;
	}
	table.resi_riepilogo tr.resi_aggiornamenti,
	table.resi_riepilogo tbody.reso tr.resi_aggiornamenti {
		display: none;
	}
}
table.resi_riepilogo tbody.reso tr.reso {
	border-top: 40px solid #fff !important;
}
table.resi_riepilogo tbody.reso tr.reso:nth-child(1) {
	border-top: 0 solid #fff !important;
}
table.resi_riepilogo tbody.reso th {
	padding: 5px 12px 4px;
	font-size: 14px;
}

table.resi_riepilogo tbody.reso tr.dettaglio_reso th,
table.resi_riepilogo tbody.reso tr.dettaglio_reso th  {
	padding: 15px 12px 11px;
	font-size: 15px;
	background-color: var(--rosso-scuro);
}

table.resi_riepilogo tbody.aggiornamenti tr.resi_aggiornamenti th,
table.resi_riepilogo tbody.aggiornamenti tr.resi_aggiornamenti th  {
	background-color: #b9b9b9;
	font-weight: 700;
}

table.resi_riepilogo tr.righe_aggiornamenti td,
table.resi_riepilogo tbody.reso tr.righe_aggiornamenti td {
	padding: 5px 12px 4px;
	background-color: var(--grigio-molto-chiaro);
	font-size: 12px;
}

tr.reso {
	font-weight:bold;
}

table.resi_riepilogo thead.resi th {
	background-color: #b8b8b8;
	padding: 9px 12px 6px;
}
table.resi_riepilogo thead.resi td {
	background: #F3F4F7;
	font-weight: 700;
}
table.resi_riepilogo td.buttons span.cont {
	display: flex;
	justify-content: flex-end;
}
table.resi_riepilogo td.buttons .button {
	margin-left: 8px;
	min-width: 30px;
}


@media screen and (max-width: 767px) {
	table.resi_riepilogo td.buttons .button {
		margin-left: 20px;
		margin-bottom: 10px;
	}
	table.resi_riepilogo .thbutton {
		padding: 4px 16px !important;
		width: auto !important;
		height: auto !important;
	}
}

@media (min-width: 768px) and (max-width: 1440px) {
	table.resi_riepilogo td.buttons .button.icon {
		padding: 2px 4px 0px;
	    width: 34px;
	    height: 34px;
	    line-height: 1.9;
	}
}



table.resi_riepilogo td.buttons .button.check {
	background-color: var(--verde);
}
table.resi_riepilogo td.buttons .button.ban {
	background-color: var(--colore);
}
table.resi_riepilogo td.buttons .button.euro {
	background-color: var(--arancio);
}
table.resi_riepilogo td.buttons .button.arrow {
	background-color: var(--blu);
}
table.resi_riepilogo td.buttons .button:hover {
	background-color: var(--main);
}

table.resi_riepilogo td.buttons .button.disabled_button {
	background-color: #EEEEEE !important;
}
table.resi_riepilogo td.buttons .button.scarico_avvenuto,
table.resi_riepilogo td.buttons .button.resi_richiedi_scarico[disabled] {
	background-color: transparent !important;
	color: var(--blu);
	box-shadow: inset 0 0 0 1px var(--blu);
	cursor: default;
}

table.resi_riepilogo td.buttons .button.rimborso_avvenuto {
	background-color: transparent !important;
	color: var(--arancio);
	box-shadow: inset 0 0 0 1px var(--arancio);
	cursor: default;
}

table.resi_riepilogo td.buttons .button.resi_accetta[disabled] {
	background-color: transparent;
	color: var(--verde);
	box-shadow: inset 0 0 0 1px var(--verde);
	cursor: default;
}

table.resi_riepilogo td.buttons .button.resi_respingi[disabled] {
	background-color: transparent;
	color: var(--colore);
	box-shadow: inset 0 0 0 1px var(--colore);
	cursor: default;
}
table.resi_riepilogo .nome_articolo {
	color: var(--rosso-scuro);
}


.AdminRicerca form {
	display: flex;
}
.AdminRicerca form button {
	padding: 9px 20px 7px 20px;
}

.filtroRicerca {
  	padding-top: 5px;
}
.filtroRicerca span {
	font-size: 13px;
}
.filtroRicerca button {
	padding: 3px;
	width: 15px;
    height: 15px;
    border-radius: 50%;
    font-size: 9px;
    line-height: 10px;
    margin-left: 4px;
    margin-top: -3px;
}

#resiVideoToggle {
	color: var(--rosso-scuro);
}

#tableResiRiepilogo td.penultima {
	padding-right: 0;
}
#tableResiRiepilogo td.ultima {
	padding-left: 0;
}


.elenco2 li {
	color: var(--colore);
}

.elenco2 li span {
	color: var(--main);
}





table#inoltraReso tbody td {
  background-color: transparent;
  border: none;
  padding: .5rem;
}
table#inoltraReso td .resiblocchi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5px 10px;
}
table#inoltraReso td .resiblocchi > div.item {
  width: 47%;
  padding: .7rem 0;
}
table#inoltraReso td .resiblocchi > div.wide {
  width: 100%;
  padding: .7rem 0;
}
table#inoltraReso tbody label {
  font-size: 12px;
  text-transform: uppercase;
}
table#inoltraReso tbody tr {
  background-color: #F7F9FA;
}
table#inoltraReso tbody tr.last td {
  border-bottom: 20px solid #fff;
}
table#inoltraReso tbody tr:nth-child(n+1):nth-child(-n+4),
table#inoltraReso tbody tr:nth-child(n+9):nth-child(-n+12),
table#inoltraReso tbody tr:nth-child(n+17):nth-child(-n+20),
table#inoltraReso tbody tr:nth-child(n+25):nth-child(-n+28),
table#inoltraReso tbody tr:nth-child(n+33):nth-child(-n+36),
table#inoltraReso tbody tr:nth-child(n+41):nth-child(-n+44),
table#inoltraReso tbody tr:nth-child(n+49):nth-child(-n+52),
table#inoltraReso tbody tr:nth-child(n+57):nth-child(-n+60),
table#inoltraReso tbody tr:nth-child(n+65):nth-child(-n+68),
table#inoltraReso tbody tr:nth-child(n+73):nth-child(-n+76),
table#inoltraReso tbody tr:nth-child(n+81):nth-child(-n+84),
table#inoltraReso tbody tr:nth-child(n+89):nth-child(-n+92),
table#inoltraReso tbody tr:nth-child(n+97):nth-child(-n+100),
table#inoltraReso tbody tr:nth-child(n+105):nth-child(-n+108),
table#inoltraReso tbody tr:nth-child(n+113):nth-child(-n+116),
table#inoltraReso tbody tr:nth-child(n+121):nth-child(-n+124),
table#inoltraReso tbody tr:nth-child(n+129):nth-child(-n+132),
table#inoltraReso tbody tr:nth-child(n+137):nth-child(-n+140),
table#inoltraReso tbody tr:nth-child(n+145):nth-child(-n+148),
table#inoltraReso tbody tr:nth-child(n+153):nth-child(-n+156),
table#inoltraReso tbody tr:nth-child(n+161):nth-child(-n+164),
table#inoltraReso tbody tr:nth-child(n+169):nth-child(-n+172),
table#inoltraReso tbody tr:nth-child(n+177):nth-child(-n+180),
table#inoltraReso tbody tr:nth-child(n+185):nth-child(-n+188),
table#inoltraReso tbody tr:nth-child(n+193):nth-child(-n+196) {
  background-color: var(--grigio-molto-chiaro);
}


erroriForm {
	 color: var(--colore);
}

.successo {
	color: var(--verde);
}

.anomalia {
	color: var(--rosso);
}


.codiceArticolo {
	color: var(--colore);
}

.codiceArticolo:hover {
	cursor: help;
}


.resoNote, .resoSma, .resoFile, .resoDataMS, .resoTargaTelaio, .resoAvvertenze, .resoAvvertenzeDiv, #resoFooter {
	display: none;
}