/* KF_THEME
   Predefined Color Themes - W3CSS Theme = 00000 - Plain No Colors
*/

/* https://coolors.co/34855C-e3b5a4-f5e9e2-0b0014-d44d5c */

/* loader RGB 0=cerchi
 loader 1=rotazione ali, 2=pallini prevalente, 3=frisbee esterno
 loader 1=rotazione centro1, 3=frisbee interno1	--colload0:		1,39,75;
 loader 1=rotazione centro2, 3=frisbee interno2	--colload1:		#757b7f;
 loader 1=rotazione centro3, 2=pallini	--colload2:		#757b7fAA;
*/

/* START PERSONALIZZATO
:root {
	--bck:			#FFFFFF;
	--genbcktrasp:	#4c4c4c7d;

	--mnubck: 		#9C0001;
	--mnutxt: 		#FFFFFF;
	--mnubckhover: 	#660000;
	--mnutxthover: 	#FFFFFF;
	--mnubcktrasp: 	#00000088;

	--inpdis:		#E9ECEF;

	--btnbck: 		#880000;
	--btntxt: 		#FFFFFF;
	--btnbckhover: 	#660000;
	--btntxthover: 	#FFFFFF;

	--accbck:		#b7a1a1;
	--acctxt:		#FFFFFF;
	--accbckhover: 	#660000;
	--acctxthover: 	#FFFFFF;

	--logbck:		#000000;
	--logbtnbck: 	#9C0001;
	--logbtntxt: 	#FFFFFF;
	--logbtnhover:	#660000;
	--logtxthover: 	#FFFFFF;
	--logbcktrasp: 	#C8C8C855;

	--colerro: 		#880000;
	--colok:   		#008800;
	--colwarn: 		#888888;
	--colhelp: 		#000088;

	--colload0:		1,39,75;
	--colload1:		#0B0014;
	--colload2:		#9C0001AA;
	--colload3:		#e3b5a4AA;
	--colload4:		#f5e9e2AA;
	--colload5:		#d44d5cAA;

	--hint:			#999999;
	--lbltxt:		#888888;

	--filtbck: 		#f1f1f1;

	--grigiotxt:	#f9f9f9;

	--tooltbck: 	#000088;
	--toolttxt: 	#ffffff;

	--bordiall: 	#555555;
	--bordimed: 	#CCCCCC;
	--bordilgt: 	#eaeaea;

	--echolor1: #58BA47;
	--echolor2: #f9ea0f;
	--echolor3: #f47221;
	--echolor4: #ed212e;
	--echolor5: #ed166a;
	--echolor6: #b81c88;
	--echolor7: #28378c;
	--echolor8: #127dc2;
}
.pager_frecce {
	max-height:22px;
	max-width:22px;
}
.pager_first {content:url('/themes/images/pager_first_green.png');}
.pager_prev  {content:url('/themes/images/pager_prev_green.png');}
.pager_next  {content:url('/themes/images/pager_next_green.png');}
.pager_last  {content:url('/themes/images/pager_last_green.png');}

.slideshow li:nth-child(1) span {
	background-image:url(/sites/images/01.jpg);
}
.slideshow li:nth-child(2) span {
	background-image:url(/sites/images/02.jpg);
	-webkit-animation-delay:15s;
	-moz-animation-delay:15s;
	animation-delay:15s;
}
.slideshow li:nth-child(3) span {
	background-image:url(/sites/images/03.jpg);
	-webkit-animation-delay:30s;
	-moz-animation-delay:30s;
	animation-delay:30s;
}
.slideshow li:nth-child(4) span {
	background-image:url(/sites/images/04.jpg);
	-webkit-animation-delay:45s;
	-moz-animation-delay:45s;
	animation-delay:45s;
}
.slideshow li:nth-child(5) span {
	background-image:url(/sites/images/05.jpg);
	-webkit-animation-delay:60s;
	-moz-animation-delay:60s;
	animation-delay:60s;
}
/* END PERSONALIZZATO */

.debug1 {background-color:#880000}
.debug2 {background-color:#008800}
.debug3 {background-color:#000088}

/*
 * Overrides (patch mobile tema drupal, non alterarle)
 */

html, body {
	background:var(--bck);
	font-size:16px!important;
	line-height:1.2!important;
}
body {
	word-wrap:break-word;
	font-weight:500;
}

#pupazzo {
	float:right;
	background-color:transparent;
	margin:4px;
}
#pupazzo img {max-height:40px;}

.w3-button:hover {
  color:var(--btntxthover)!important;
  background-color:var(--btnbckhover)!important;
}

.admin-context nav.action-links {margin-left:0!important;}

.site-name-slogan {display:none!important;}
#permissions .description > .permission-warning {display:none;}
#main-container, #highlighted-inner {background-color:transparent!important;}
/* #main-container .main-box > div {background-color:#ffffff!important;} */
#main-container .main-container-inner .w3css-content > div {padding:0!important;}
.w3-container, .w3-panel {padding:0!important;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:var(--hint);
  opacity:1; /* Firefox */
  font-size:0.8em;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:var(--hint);
  font-size:0.8em;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color:var(--hint);
}
::-webkit-input-placeholder { /* Edge */
  color:var(--hint);
  font-size:0.8em;
}

a.d8-has-image > img.w3-image {width:unset!important;}

/*tabs*/
/*.steppid {margin-top:10px;}*/
.w3-bar .w3-bar-item {width:unset!important;}
.w3-bar p {padding:7px 16px!important;margin:0!important;}
.w3-bar {
	margin:0!important;
	background-color:var(--accbck)!important;
	color:var(--acctxt)!important;
}
.w3-bar li.is-active {
	background-color:var(--mnubck);
	color:var(--mnutxt);
}
.w3-bar li.is-active > a {font-weight: normal!important;}

.w3-bar.fieldset-legend {display:block;padding:4px 8px;margin:0 0 -20px 0 !important;}

.w3-check, .w3-radio {
  width:16px!important;
  height:16px!important;
  position:unset!important;
  top:unset!important;
  margin:0 -4px 0 0;
}

.w3-table th, .w3-table-all th {font-size:0.8em;padding:4px!important;}
.w3-table td, .w3-table-all td {padding:2px 4px!important;}

form .form-item label {color:var(--lbltxt);white-space:nowrap;font-size:0.8em;}

form .form-type-select label {display: unset!important;}

.w3-select {background-color:#FFF!important;height:38px!important;padding:4px!important;}
.w3-input  {height:38px!important;padding:4px!important;}
.form-textarea {height:unset!important;}

.messages {padding:6px 8px!important;}

select {
	min-width:unset;
	-webkit-box-shadow:inset 0 0 5px rgba(51, 44, 51, 0.1);
	-moz-box-shadow:inset 0 0 5px rgba(51, 44, 51, 0.1);
	box-shadow:inset 0 0 5px rgba(51, 44, 51, 0.1);
}

.form-type-checkbox {white-space:nowrap;}
form .form-type-date, form .form-type-datetime, form .form-type-webform-time {width:100%!important;}

table.sticky-header {font-size:0.8em;top:50px!important;}
.sticky {
  position:-webkit-sticky;
  position:sticky;
  top:55px;
  z-index:1000;
}

/*ckeditor*/
/* #edit-cktesto-format {display:none;} */
.ck.ck-toolbar {background-color:var(--accbck) !important;}
.ck-reset_all :not(.ck-reset_all-excluded *), .ck.ck-reset_all {color:var(--acctxt) !important;}
.ck-content {min-height: 16.25rem;}

/*btn*/
.button {
	background-color:var(--btnbck)!important;
	color:var(--btntxt)!important;
}
.btn-admin {background-color:#F00!important;}

/*mnuh+logo*/
#main-navigation-h {
	background-color:var(--mnubck)!important;
	color:var(--mnutxt)!important;
}
.ul-parent-main {float:left;}
.ul-parent-account {float:right;max-height:40px;}
#main-navigation-h .ul-parent li > a {padding:14px 10px!important;}
#main-navigation-h .ul-parent li > a:hover {
	color:var(--mnutxthover)!important;
	background-color:var(--mnubckhover)!important;
}
.dropdown-arrow {padding-top:28px!important}

.site-logo {margin-top:0!important;max-height:30px!important;;overflow:visible!important;}
.site-logo img {max-width:180px;max-height:56px;z-index:10!important;}

/*mnuv*/
#open-nav-mobile {
	margin:0!important;
	padding:10px 8px 12px 8px;
	width:unset!important;
	color:var(--mnutxt)!important;
}

#open-nav-inner {
	margin:0!important;
	padding:10px 4px 6px 8px;
	width:unset!important;
	color:var(--mnutxt)!important;
}
#main-navigation-v {z-index:100!important;min-width:250px!important;}
#main-navigation-v .dropdown-arrow {padding:10px!important}
#main-navigation-v, #close-nav {
	background-color:var(--mnubcktrasp)!important;
	color:var(--mnutxt)!important;
}

/*come mnuv*/
#sidebar-filtri {
  z-index:3000;
  display:none;
  min-width:250px;
  right:0;
  font-size:0.8em;
}
#close-filtri {width:100%;display:flex;justify-content:center;}
#sidebar-filtri, #close-filtri {
	background-color:var(--mnubcktrasp)!important;
	color:var(--mnutxt)!important;
}
#sidebar-filtri .filtri {
	height:20px;
	padding:2px;
	margin:4px;
	padding:0;
	max-width:150px;
	border:1px solid var(--bordilgt);
}
#sidebar-filtri .pagerlimit {width:36px;text-align:center;}
#sidebar-filtri select {background-color:#FFF;}
#sidebar-filtri input[type=checkbox].filtri {
	width:16px;
	height:16px;
	margin:8px 4px 0 10px;
	border:1px solid var(--bordilgt);
}
#sidebar-filtri small {padding-left:30px;}
#sidebar-filtri p {
	padding:6px 4px 0 10px;
	margin:0;
}
#sidebar-filtri .separatore {color:var(--bordilgt);}
#sidebar-filtri-container {padding:4px;}

.cercapage0 {
	max-height:28px;
	max-width:28px;
	float:right;
	margin: 6px 0 6px;
	cursor:pointer !important;
	content:url('/themes/images/cercapage0.png');
}
.cercapage1 {
	max-height:28px;
	max-width:28px;
	float:right;
	margin: 6px 0 6px;
	cursor:pointer !important;
	content:url('/themes/images/cercapage1.png');
}

.aiutopage {
	max-height:28px;
	max-width:28px;
	float:right;
	margin:4px;
	cursor:pointer!important;
	content:url('/themes/images/helponline.png');
}

.aiutotbt {
	max-height:28px;
	max-width:28px;
	float:right;
	margin:4px;
	cursor:pointer!important;
	content:url('/themes/images/dev_tablet.png');
}

/*kflogin*/
#user-login-form label {display:none;}
#edit-pass--description {display:none;}
#edit-name--description {display:none;}
#user-pass label {display:none;}
#user-pass p {text-align:center;}

.kflogin-wrapper {width:100%; height:90vh; position:relative;}
.kflogin-form > #block-drupal8-w3css-theme-local-tasks {display:none;}
.kflogin-form {
	z-index:1;
	color:var(--mnutxt);
	background-color:var(--logbcktrasp);
	box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
	-moz-box-shadow:0 0 20px #666;
	-webkit-box-shadow:0 0 20px #666;
	box-shadow:0 0 20px #666;
	width:340px;
	border-radius:0.25em;
	padding:25px 30px 15px 30px;
	margin:0 auto;
	position:relative;
	top:50%;
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.kflogin-link {
	text-decoration:none;
	text-align:center;
	margin:-10px 0 10px 0;
	padding:4px;
	font-size:0.85em;
	color:var(--logbtnbck);
	font-weight:bold;
	text-shadow: #666 1px 0 10px;
}
.kflogin-form .w3-section {margin-top:0!important;margin-bottom:0!important;}
.kflogin-form .w3-border {border:none!important}
.kflogin-link a:hover {color:var(--logbtnhover)}
.kflogin-form input {
  outline:0;
  margin:0 0 6px;
  box-sizing:border-box;
  border-radius:0.25em!important;
  color:#000!important;
  padding: 10px !important;
}
.kflogin-form input[type="submit"], .kflogin-form button.form-submit {
  text-transform:uppercase;
  width:100%;
  cursor:pointer;
  font-weight:bold;
  background-color:var(--logbtnbck)!important;
  color:var(--logbtntxt)!important;
  border:none!important;
}
.kflogin-form input[type="submit"]:hover, .kflogin-form button.form-submit:hover {
	background-color:var(--logbtnhover)!important;
	color:var(--logtxthover)!important;
}
.signreg {color:var(--mnubck);}
.signreg:hover {color:var(--mnutxt);}
.kflogin-logo {text-align:center;margin-bottom:20px;}
.kflogin-logo img {max-width:100%;}
.kflogin-footer{text-align:center;}
.kflogin-footer p {margin:0;font-size:0.65em;}
.kflogin-form .messages--error {
  background-color:var(--colerro);
  color:var(--logbtntxt);
  border:none;
  border-radius:0.25em;
  text-align:center;
  box-shadow:none;
  margin:10px 0 6px 0;
  padding:6px!important;
}
.kflogin-form .messages--status {
  background-color:var(--colok);
  color:var(--logbtntxt);
  border:none;
  border-radius:0.25em;
  text-align:center;
  box-shadow:none;
  margin:10px 0 6px 0;
  padding:6px!important;
}

/*kflogin sliders*/
.slideshow {z-index:1;list-style:none;}
.slideshow li span {
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  color:transparent;
  background-size:cover;
  background-position:50% 50%;
  background-repeat:none;
  opacity:0;
  z-index:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  -webkit-animation:imageAnimation 75s linear infinite 0s;
  -moz-animation:imageAnimation 75s linear infinite 0s;
  animation:imageAnimation 75s linear infinite 0s;
}

@-webkit-keyframes imageAnimation {  0% {
 opacity:0;
 -webkit-animation-timing-function:ease-in;
}
 12.5% {
 opacity:1;
 -webkit-animation-timing-function:ease-out;
}
 25% {
 opacity:1;
}
 37.5% {
 opacity:0;
}
 100% {
 opacity:0;
}
}
@-moz-keyframes imageAnimation {  0% {
 opacity:0;
 -moz-animation-timing-function:ease-in;
}
 12.5% {
 opacity:1;
 -moz-animation-timing-function:ease-out;
}
 25% {
 opacity:1;
}
 37.5% {
 opacity:0;
}
 100% {
 opacity:0;
}
}
@keyframes imageAnimation {  0% {
 opacity:0;
 -webkit-animation-timing-function:ease-in;
 -moz-animation-timing-function:ease-in;
 animation-timing-function:ease-in;
}
 12.5% {
 opacity:1;
 -webkit-animation-timing-function:ease-out;
 -moz-animation-timing-function:ease-out;
 animation-timing-function:ease-out;
}
 25% {
 opacity:1;
}
 37.5% {
 opacity:0;
}
 100% {
 opacity:0;
}
}
.no-cssanimations .slideshow li span {opacity:1;}

/*kfpage*/
.kfpage .w3-margin-bottom {margin-bottom:0!important;}
.kfpage .w3-section, .kfpage .w3-code {margin-top:0!important;margin-bottom:0!important;}
.kfpage table {border:none;}
.kfpage thead {color:var(--lbltxt);}
.kfpage tr {line-height:0.9em;white-space:nowrap;}
.kfpage .w3-col {padding:0.2em;} /* overflow:hidden; NO per autocomplete */

.kfpage .active {
	background-color:var(--mnubck);
	color:var(--mnutxt);
}
.kfpage .w3-border {border-bottom:1px solid var(--bordimed)!important;}

.kfpage .maggiorata tr {line-height:1.5em;white-space:unset;}

.kfpage .no-hover:hover {background-color:inherit;cursor:default;}

.kfpage th.select-all{padding-left:4px!important;}

/*report a lista*/
.kfpage .vistalista {width:98%;margin:0 auto;}
.kfpage .vistalista tr {line-height:1.2em!important;}
.kfpage .vistalista th {padding:2px!important;}
.kfpage .vistalista td {padding:2px!important;}

/*form*/
.rigafiltri {
	min-height:36px;
	margin-top:-1px;
	box-sizing:border-box;
	font-size:0.8em;
	background-color:var(--filtbck);
	padding:2px;
	overflow:hidden;
	/* font-family:monospace, monospace; */
}
.rigafiltri > .pagerlimit {
	background-color:var(--filtbck);
	width:36px;
	padding:0;
	text-align:center;
	border:1px solid var(--bordilgt);
}
.rigafiltri > .recnum {float:left;border:0!important;}
.rigafiltri > .filtri {
	height:24px;
	padding:2px;
	margin:4px 2px 0 2px;
	max-width:150px;
	border:none;
	border:1px solid var(--bordilgt);
}
.rigafiltri .button {
	border:none!important;
	float:left;
	height:24px;
	padding:0 4px;
	margin:4px;
}
.rigafiltri input {
	float:right;
	padding:2px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.rigafiltri select {
	float:right;
	background-color:#FFF;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.rigafiltri input[type=checkbox].filtri {
	width:16px;
	height:16px;
	margin:7px 4px;
	border:1px solid var(--bordilgt);
}
.rigafiltri p {
	float:right;
	padding:7px 4px 0 4px;
	height:28px;
	margin:0;
}
.rigafiltri > .download {
	float:left;
	cursor:pointer;
	margin-right:6px;
}
.rigafiltri > .download img {
	width:30px;
	height:30px;
}
.rigafiltri > .image-button {
	float:right;
	width:28px;
	height:28px;
	border:0!important;
	background:transparent;
	padding:2px;
	margin:0 2px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.rigafiltri input[type="image"].filtri {
	width:28px;
	height:28px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.rigapager {
	position:fixed;
	left:0;
	bottom:0;
	font-size:0.8em;
	max-height:36px;
	margin:-1px;
	width:100%;
	overflow:hidden;
	background-color:var(--filtbck);
}
.pager__items {margin:0!important;background-color:transparent!important;}
.pager__item {margin:0!important;color:var(--lbltxt)!important}
.pager {margin:0!important;padding:0!important;}

/*.rigabottoni {text-align:center;}*/
.rigabottoni > * {margin:4px;}
.rigafiltri ::placeholder {font-size:0.9em!important;} /* Chrome, Firefox, Opera, Safari 10.1+ */
.rigafiltri :-ms-input-placeholder {font-size:0.9em!important;} /* Internet Explorer 10-11 */
.rigafiltri ::-webkit-input-placeholder {font-size:0.9em!important;} /* Edge */

/*generici*/
.readonly {pointer-events:none;background-color:var(--inpdis)!important;}

.allinea {margin-top:28px!important;}
.allinea2 {margin-top:20px!important;}

.alsx {text-align:left!important;}
.aldx {text-align:right!important;}
.brsx {border-left:1px solid var(--bordilgt);}
.brdx {border-right:1px solid var(--bordilgt);}
.brbt {border-bottom:1px solid var(--bordilgt);}
.alce {text-align:center!important;}
.just {text-align:justify;}
.fldx {float:right;}
.flsx {float:left;}

.testopiccolo {font-size:0.8em;}
.maiuscolo {text-transform:uppercase;}
.minuscolo {text-transform:lowercase;}
.nowrap {white-space:nowrap;}
.wrap {white-space:normal;}
.neretto {font-weight:bold;}
.giallo {background-color:#FFEE00!important;}
.obbligatorio {border-bottom: 1px solid #f00!important;}
.attento {color:#880000!important;}
.evidenza {color:#880000!important;font-weight:bold;}
.acapo{white-space:normal!important;}

.invisibile {display:none!important;}
.viewinline {display:inline!important;}
.nascosta {visibility:hidden;}
.zerodim {border:0;width:0;height:0;}

.etichetta {background-color:#fff;padding:0 4px;border:1px solid #666;width:100px;text-align:center;font-size:0.8em;}
.nomeutente {background-color:#CADEF0;color:#000;}
.nomecompilatore {background-color:#000;color:#EEE;}
.mattnovita {position:absolute;top:-15px;right:-15px;height:30px;}
.nopunti {list-style:none;padding:0;margin:0;}
.mattbtn {position:absolute;bottom:40px;width:100%;margin:0 auto;text-align:center;}
.adminidx {float:right;width:100px!important;}
.manina {cursor:pointer;}
.selezi {cursor:cell;}
.cancellato {font-size:0.8em;color:var(--hint);}

.lir {height:8px;}

.infield{position:relative;}
.ledinfield{
	height:18px;
	display:inline-block;
    position:absolute;
    top:-32px;
	right:2px;
}
.btninfieldsx{left:4px!important;cursor:pointer;}
.btninfielddx{right:4px!important;cursor:pointer;}
.urlinfield {
  height: 42px;
  display: inline-block;
  position: absolute;
  top: -42px;
  right: 0;
}

.micro {
	min-height:12px;max-height:12px;height:12px;
	min-width:12px;max-width:12px;width:12px;
}
.led, .ledhelp {
	min-height:20px;max-height:20px;height:20px;
	min-width:20px;max-width:20px;width:20px;
}
.icn {
	min-height:24px;max-height:24px;height:24px;
	min-width:24px;max-width:24px;width:24px;
}
.foto {max-height:24px;max-width:24px;}
.icnbig, .icnbighelp {
	min-height:40px;max-height:40px;height:40px;
	min-width:40px;max-width:40px;width:40px;
}
.icndoc {
	min-height:64px;max-height:64px;height:64px;
	min-width:64px;max-width:64px;width:64px;
}
.ledhelp, .icnbighelp {margin-top:-4px;}

.separatore {font-size:0.8em;color:var(--lbltxt);border-bottom:1px dotted var(--lbltxt);padding:4px 0;margin:4px 4px 8px;}

.pupazzo {padding:10px!important;margin:0 auto;vertical-align:middle;width:100%!important;object-fit:contain;}

.blink {
    -webkit-animation: blinker 5s infinite both;
            animation: blinker 5s infinite both;
}

@-webkit-keyframes blinker {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes blink {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.blinknew {color:#CC0000!important;}

.logbox {
  margin:4px;
  border:1px solid var(--bordilgt);
  box-shadow:4px 4px 8px rgba(0, 0, 0, 0.2);
  font-size:0.9em;
}
.logbox td {padding:4px; white-space:break-spaces;line-height:1.3em;}
.logbox .istante {text-align:center; font-size:0.8em;}

.riepilogo td {padding:4px 0;}
.riepilogocmd {
	min-height:16px;max-height:16px;height:16px;
	min-width:16px;max-width:16px;width:16px;
	cursor:pointer;
}

.prevent-select {
  -webkit-user-select:none; /* Safari */
  -ms-user-select:none; /* IE 10 and IE 11 */
  -moz-user-select:none; /* mozilla */
  user-select:none; /* Standard syntax */
}

/*cerchi*/
#loader0 {
  width: 8px;
  height: 8px;
  position: relative;
  border-radius: 50%;
  background: rgb(var(--colload0));
  left:50%;
  top:40%;
  animation: wavec 1s ease-in infinite;
}
@keyframes wavec {
 0% {  box-shadow:
  0 0 0 0px rgba(var(--colload0), 1),
  0 0 0 2em rgba(var(--colload0), 0.2),
  0 0 0 4em rgba(var(--colload0), 0.6),
  0 0 0 6em rgba(var(--colload0), 0.4),
  0 0 0 8em rgba(var(--colload0), 0.2)
  }
  100% {  box-shadow:
    0 0 0 8em rgba(var(--colload0), 0),
    0 0 0 6em rgba(var(--colload0), 0.2),
    0 0 0 4em rgba(var(--colload0), 0.4),
    0 0 0 2em rgba(var(--colload0), 0.6),
    0 0 0 0px rgba(var(--colload0), 1)
  }
}

/*rotazione*/
#loader1 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 300px;
  width: 300px;
  margin: -150px 0 0 -150px;
  border: 20px solid transparent;
  border-top-color: var(--colload1);
  border-bottom-color: var(--colload1);
  box-shadow: 0 0 30px var(--colload2);
  border-radius: 50%;
  -webkit-animation: loader1 1s linear infinite;
          animation: loader1 1s linear infinite;
}

#loader1:after {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 20px solid transparent;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.25);
  -webkit-animation: loader1_after 2s linear infinite;
          animation: loader1_after 2s linear infinite;
}

@keyframes loader1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loader1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes loader1_after {
  0% {
    background: var(--colload2);
  }
  25% {
    background: var(--colload1);
  }
  50% {
    background: var(--colload3);
  }
  100% {
    background: var(--colload4);
  }
}
@-webkit-keyframes loader1_after {
  0% {
    background: var(--colload2);
  }
  25% {
    background: var(--colload1);
  }
  50% {
    background: var(--colload3);
  }
  100% {
    background: var(--colload4);
  }
}

/*pallini*/
#loader2, #loader2:before, #loader2:after {
  border-radius:50%;
  width:2.5em;
  height:2.5em;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  -webkit-animation:load7 1.8s infinite ease-in-out;
  animation:load7 1.8s infinite ease-in-out;
}
#loader2 {
  color:var(--colload1);
  font-size:25px;
  margin:30vh auto;
  position:relative;
  text-indent:-9999em;
  -webkit-transform:translateZ(0);
  -ms-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation-delay:-0.16s;
  animation-delay:-0.16s;
}
#loader2:before, #loader2:after {
  content:'';
  position:absolute;
  top:0;
}
#loader2:before {
  left:-3.5em;
  -webkit-animation-delay:-0.32s;
  animation-delay:-0.32s;
}
#loader2:after {
  left:3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow:0 2.5em 0 -1.3em;
	color:var(--colload4);
  }
  40% {
    box-shadow:0 2.5em 0 0;
	color:var(--colload1);
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow:0 2.5em 0 -1.3em;
	color:var(--colload4);
  }
  40% {
    box-shadow:0 2.5em 0 0;
	color:var(--colload1);
  }
}

/*frisbee*/
#loader3 {
    position: relative;
    box-sizing: border-box;
    width: 30vh;
    height: 30vh;
    border-radius: 50%;
    border: 10px solid var(--colload1);
    transform-origin: 50% 50%;
    transform: perspective(200px) rotateX(66deg);
    animation: spinner-wiggle 1.2s infinite;
	top:20%;
	margin:0 auto;
	overflow:hidden;
	}
  #loader3:before,
  #loader3:after {
    content: "";
    position: absolute;
    inset: -20px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 40px solid #0000;
    animation: spinner-spin 1.2s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
      spinner-fade 1.2s linear infinite;
  }
  #loader3:before {
    border-top-color: var(--colload2);
  }
  #loader3:after {
    border-top-color: var(--colload3);
    animation-delay: 0.4s;
  }

  @keyframes spinner-spin {
    100% { transform: rotate(360deg)}
  }
  @keyframes spinner-fade {
    25%, 75% { opacity: 0.1}
    50% { opacity: 1 }
  }

/*accordion*/
.accordion {margin:5px 0;padding:0;}
.accordion dt {
	background-color:var(--accbck);
	color:var(--acctxt);
	border:1px solid var(--bordilgt);
	box-sizing:border-box;
	font-weight:400;
	font-size:0.9em;
	padding:10px;
	margin:0 0 5px;
	cursor:pointer;
	width:100%;
	text-align:left;
	outline:none;
}
.accordion dd {
	border-left:1px solid var(--bordilgt);
	border-right:1px solid var(--bordilgt);
	border-bottom:1px solid var(--bordilgt);
	font-weight:normal;
	margin:-5px 0 5px;
}
.accordion dt:hover {
	background-color:var(--accbckhover);
	color:var(--acctxthover)!important;
}
.accordion > dd > img {height:18px;}
.accordion table th {font-size:0.8em;}
.accordion table td {white-space:nowrap;}
.accordion dt > .rigapager a, .accordion dd > .rigapager a {
	display:inline-block;
	padding:0 6px;
	border:1px solid var(--bordilgt);
}

/*kool*/
.kfkool .btnBack {
    color:var(--btntxt)!important;
    background-color:var(--btnbck)!important;
    border:none!important;
	padding:8px 16px!important;
}
.kfkool .btnBack:hover {
    color:var(--btntxthover)!important;
    background-color:var(--btnbckhover)!important;
    border:none!important;
}
.kfkool .btnBack:disabled {
    color:var(--btntxt)!important;
    background-color:var(--inpdis)!important;
    border:none!important;
}
.kfkool .btnBack:focus {
    box-shadow:0 0 0 0.2rem rgba(17, 142, 242, 0.5)!important;
}
.kfkool .btnBack:not(:disabled):active {
    color:var(--btntxt)!important;
    background-color:var(--btnbckhover)!important;
    border:none!important;
}
.kfkool .btnBack:not(:disabled):active:focus {
    box-shadow:0 0 0 0.2rem rgba(17, 142, 242, 0.5)!important;
}
.kfkool .breadcrumb {
	margin-top:10px;
	padding-right:30px;
	background-color:var(--accbck);
	color:var(--acctxt);
	overflow:hidden;
	display: inline-table;
}
.kfkool .card-body ol {
  color: var(--acctxt);
  padding: 10px 30px;
  width: 100%;
}
.kfkool .breadcrumb-item a:hover {
    color:#fff;
    background-color:var(--mnutxthover);
	padding:4px 8px;
}

/*smallbox*/
.mattonella {max-height:277px!important;}

.small-box {
  border-radius:0.25em;
  position:relative;
  display:block;
  margin:4px;
  box-shadow:4px 4px 8px rgba(0, 0, 0, 0.2);
}
.small-box > .inner {
  padding:8px 10px 0 10px;
  min-height:252px;
  max-height:252px;
  overflow:hidden;
}
.small-box > .doppia {
	/*
	min-height:545px;
	max-height:545px;
	*/
	min-height:538px;
	max-height:538px;
	overflow:hidden;
}
.small-box > .small-box-footer {
  position:relative;
  text-align:center;
  padding:3px 0;
  color:var(--btntxt);
  color:rgba(255, 255, 255, 0.8);
  display:block;
  z-index:10;
  background:rgba(0, 0, 0, 0.1);
  text-decoration:none;
}
.small-box > .small-box-footer:hover {
  color:var(--btntxt);
  background:rgba(0, 0, 0, 0.15);
}
.small-box .inner table td {
  font-size:unset;
  padding:unset;
}
.small-box table {font-size:0.8em;width:100%;overflow:hidden;}
.small-box td {padding:0 3px;}
.small-box .icn {height:14px!important;}
.small-box h3 {
  font-size:26px;
  font-weight:bold;
  margin:0;
  padding:0;
  white-space:normal;
}
.small-box p {
  font-size:15px;
  margin:0 0 4px 0;
}
.small-box p > small {color:var(--grigiotxt);}

.small-box .icon {
  -webkit-transition:all 0.3s linear;
  -o-transition:all 0.3s linear;
  transition:all 0.3s linear;
  position:absolute;
  top:-4px;
  right:10px;
  z-index:0;
  font-size:65px;
  color:rgba(0, 0, 0, 0.15);
}
.small-box:hover {
  text-decoration:none;
  color:var(--grigiotxt);
}
.small-box:hover .icon {font-size:85px;}

.actionbtn {
  width: 180px;
}

/*tablet landscape 992*/
@media (max-width:992px) {

	html, body {font-size:98%!important}

	.notablet {display:none!important}
}
/*tablet portait*/
@media (max-width:767px) {

	html, body {font-size:96%!important}

	.notablet {display:none!important}

	.small-box {text-align:center;}

  .actionbtn {
    width: 110px!important;
  }

	form .form-item label {font-size:0.8em;}
}
/*mobile*/
@media (max-width:600px) {

	.nomobile {display:none!important}

	.testopiccolo {font-size:0.8em;}

	html, body {
		font-size:92%!important;
		line-height:1.2;
	}

	.site-logo img {margin:-8px!important;}
	.site-logo {width:unset!important;}

	.ledinfield{top:-26px;}
	.btninfieldsx{left:2px!important;}
	.btninfielddx{right:2px!important;}

	form .form-item label {font-size:0.8em;}

	.aiutopage {
		margin:0;
		padding:6px;
	}

	.rigafiltri > .filtri {max-width:100px;}

	.small-box > .inner {
	  padding:0 4px;
	  min-height:160px;
	  max-height:unset!important;
	  overflow:hidden;
	}
	.small-box > .doppia {
		min-height:50px;
		overflow:hidden;
	}

  .countdown {
      padding: 10px!important;
      margin: 10px 0 0 0!important;
  }
  .time { font-size:1.5rem!important;}

	.small-box p {font-size:unset;margin:0;padding:4px 0!important;}

	.w3-small {font-size:10px!important;padding:4px 0!important;}

	.allinea {margin-top:18px!important;}

	.w3-modal-content {margin:0 auto!important;}

	.w3-check, .w3-radio {
	  width:12px!important;
	  height:12px!important;
	}

	.w3-select {background-color:#FFF;height:32px!important;margin-bottom:2px!important;margin-top:2px!important;padding:2px!important;}
	.w3-input:not(textarea) {height:32px!important;margin-bottom:2px!important;padding:2px!important;}
}

/*modal+popup+toast*/
.kf_aiuto {width:1.2em;cursor:pointer!important;content:url('/themes/images/kf_aiuto.png');margin:-4px 0 0 0;}
.kf_reload {width:1.2em;cursor:pointer!important;content:url('/themes/images/kf_reload.png');margin:-4px 0 0 0;}
.kf_order {width:1.2em;cursor:pointer!important;content:url('/themes/images/kf_order.png');margin:-4px 0 0 0;}

.btnfinto {padding:2px 6px;font-size:0.8em;background-color:var(--btnbck);color:var(--btntxt);white-space:nowrap;}

.pop {
	border-radius:0.25em!important;
	padding:0;
	max-width:80%;
	width:fit-content!important;
	/* centra */
	margin:0 auto;
	display:table;
	position:absolute;
	left:0;
	right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
}
.pop p {margin:8px;color:#000!important;}
.pop ul {margin:8px 20px 8px 0;color:#000!important;list-style:none;}
.pop label {color:var(--lbltxt);}
.pop header {color:#FFF!important;}
.pop tr {border-bottom:none!important;}

.pop .ledinfield{
	height:24px;
	display:inline-block;
    position:absolute;
    top:-27px;
	right:1px;
}

.pop .w3-container, .w3-panel {padding:8px!important;}

.pop .w3-margin-bottom {margin-bottom:8px!important;}
.pop .w3-margin-top {margin-top:8px!important;}

.pop .w3-col {padding:0 0.2em;}
.pop .w3-input  {padding:0.2em!important;}
.pop .w3-select {padding:0.2em!important;}

.pop .button {margin:0 10px;border:none!important;background-color:#00000044!important;}
.pop .w3-button:hover {
	color:#fff!important;
	background-color:#00000077!important;
}

.pop_help {background-color:var(--colhelp);text-shadow:2px 2px 4px #000;}
.pop_ok {color:#FFF; background-color:var(--colok)!important;text-shadow:2px 2px 4px #000;}
.pop_error {color:#FFF; background-color:var(--colerro)!important;text-shadow:2px 2px 4px #000;}
.pop_alert {color:#FFF; background-color:var(--colwarn)!important;text-shadow:2px 2px 4px #000;}
.pop_area { width:100%;font-weight:strong;padding:8px;text-align:center;color:#000;}

#kf_pop_image_popup .download {
  position:absolute;
  right:30px;
  top:40px;
  text-align:center;
  opacity:0;
  transition:opacity .35s ease;
  background:rgba(0, 0, 0, .3);
  padding:10px 20px;
  border:solid 2px white;
  color:white;
  text-align:center;
}
#kf_pop_image_popup .download a {z-index:1;}
#kf_pop_image_popup .w3-container:hover .download {opacity:1;}

/*fcalendar*/
.fc .fc-button-primary {
    color:var(--btntxt);
    background-color:var(--btnbck);
    border:none;
  }
.fc .fc-button-primary:hover {
    color:var(--btntxthover);
    background-color:var(--btnbckhover);
    border:none;
  }
.fc .fc-button-primary:disabled { /* not DRY */
    color:var(--btntxt)!important;
    background-color:var(--inpdis)!important;
    border:none;
  }
.fc .fc-button-primary:focus {
    box-shadow:0 0 0 0.2rem rgba(17, 142, 242, 0.5);
  }
.fc .fc-button-primary:not(:disabled):active,
  .fc .fc-button-primary:not(:disabled).fc-button-active {
    color:var(--btntxt)!important;
    background-color:var(--btnbckhover)!important;
    border:none;
  }
.fc .fc-button-primary:not(:disabled):active:focus,
  .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow:0 0 0 0.2rem rgba(17, 142, 242, 0.5);
  }

.fc .fc-col-header-cell-cushion {padding:4px;}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
  margin:0;
  min-height:calc((100vh - 280px) / 9); /* altezza dinamica cella */
}
.fc .fc-daygrid-day-frame {
	padding:4px;
	cursor:cell;
}

/*bs-stepper overrides*/
/*.bs-stepper-header {background-color:var(--accbck)!important;}*/
.bs-stepper .active {background-color: transparent!important;}
.bs-stepper .active .bs-stepper-circle {background-color: var(--mnubck)!important;}
.bs-stepper .bs-stepper-label {color:var(--acctxt)!important;}
.bs-stepper .step-trigger:hover {background-color: var(--accbckhover)!important;}

/* cart */
#carrello {max-height:20px;}

.articoli-mattonella {
	background-color:#08512a;
	color:#ffffff;
}

.articoli-icone {
  text-align:center;
  background-color:#4CAF50;
  width:8em;
  height:8em;
  margin:auto;
  transition:all .20s ease;
  border-radius:100%;
  border-top-left-radius:0;
  padding:2em;
}
.articoli-icone:hover {
	border-top-left-radius:100%;
}
figure.articoli-icone img {
  width:4em;
  height:4em;
}

.documenti-icone {
  text-align:center;
  width:8em;
  height:8em;
  margin:auto;
  transition:all .20s ease;
  border-radius:100%;
  border-top-left-radius:0;
  overflow:hidden;
  cursor:pointer;
}
.documenti-icone:hover {
	 border-top-left-radius:100%;
}
figure.documenti-icone img {
  width:8em;
  height:8em;
}

/*
.inner table {border-collapse:unset;}
.inner table td {font-size:1.3em;padding:20px;}
*/

.cart_product_item {
	background:#ffffff;
	border:1px solid var(--bordimed);
	box-shadow:10px 10px 5px #dedede;
	text-align:center;
	padding:10px;
}
.cart_product_image {
	height:150px;
	object-fit:contain;
}
.cart_product_tile {
	padding:10px;
	overflow:hidden;
}
.cart_product-title {
	font-weight:600;
	font-size:1.2em;
}
.cart_product_price {
	font-weight:bold;
	font-size:1.2em;
}

.plate {border:1px solid #000;padding:0 5px;background-color:#fff;color:#000;}

.countdown {
      background: #FFFFFF33;
      border-radius: 12px;
      padding: 16px;
      margin: 30px 0 0 0;
      display: inline-block;
      box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.time { font-size:1.8rem;font-weight:bold; color:#333; }