/* verificare .kf_page .w3-col {padding:0.2em;/* overflow:hidden; */

/* 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;
*/

/* 1024 767 600 */

/* #toolbar-bar{display:none!important;} */

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

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

html, body {
	font-size:16px!important;
	line-height:1em!important;
  background: var(--bck);
  background: linear-gradient(180deg, var(--bck) 50%, var(--bckgrad) 100%);
}
body {
	word-wrap:break-word;
	font-weight:500;
}

img,
object,
embed,
video {display:inline-block!important;}

label, .field__label {font-weight:normal!important;}

input, select, optgroup, textarea {color: #000;}

.clear {clear: both;}

.main-container-inner .first-sidebar, .main-container-inner .w3css-content, .main-container-inner .second-sidebar, .top-container-inner .first-top, .top-container-inner .second-top, .top-container-inner .third-top, .bottom-container-inner .first-bottom, .bottom-container-inner .second-bottom, .bottom-container-inner .third-bottom, .bottom-container-inner .forth-bottom, .footer-container-inner .first-footer, .footer-container-inner .second-footer, .footer-container-inner .third-footer {
  margin-bottom: 8px!important;
  margin-top: 8px!important;
}

#pupazzo {
	float:right;
	background-color:transparent;
	margin:5px;
	max-height:40px;
}
#pupazzo img {cursor:pointer;max-width:34px;max-height:34px;object-fit:cover;}

.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:var(--bck)!important;} per gradient*/
#header, #copyright, .close-nav, .mobile-nav, #page-title, #highlighted, .page-wrapper, #footer-menu, #top-container, #main-container, #highlighted-inner, #bottom-container, #footer-container, .search-slide-wrapper, .main-navigation-wrapper, #top-container .top-box > div, #footer-container .footer-box > div, #bottom-container-inner .bottom-box > div {
  background-color:transparent!important;
}
#main-container .main-container-inner .w3css-content > div {padding:0!important;}
.w3-container, .w3-panel {padding:0!important;}

.w3-container .steppid_inner {border:none!important;}

.w3-modal {background-color: rgba(0, 0, 0, 0.7)!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;}

.w3-row-padding, .w3-row-padding > .w3-half, .w3-row-padding > .w3-third, .w3-row-padding > .w3-twothird, .w3-row-padding > .w3-threequarter, .w3-row-padding > .w3-quarter, .w3-row-padding > .w3-col {
  padding: 0 4px!important;
}

/*tabs*/
/*.steppid {margin-top:10px;}*/
.w3-bar .w3-bar-item {width:unset!important;}
.w3-bar .w3-bar-item.active {
  background-color: var(--mnubckhover);
  color: var(--mnutxthover);
}
.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;color:#333;}
.w3-input  {height:38px!important;padding:4px!important;color:#333;}
*/
.w3-select {background-color:#FFF!important;padding:4px!important;color:#333;}
.w3-input  {padding:4px!important;color:#333;}

.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-date, form .form-type-webform-time {width:100%!important;}

/* 													drupal-displace-offset-top
table.sticky-header {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;}

.draggable {cursor: move !important;}
.flexrow {display: flex;flex-wrap: wrap;}
.drag-over {border: 1px dashed var(--bordimed);}

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

/*mnuh+logo MAI METTERE HEIGHT*/
#main-navigation-h {
	background-color:var(--mnubck)!important;
	color:var(--mnutxt)!important;
}
.ul-parent-main {float:left;}
/* #main-navigation-h .ul-parent-account {max-height:40px;} */
#main-navigation-h .ul-parent-account img {max-height:40px;}
#main-navigation-h .ul-parent-account li {float:left;}
#main-navigation-h .ul-parent li > a {padding:16px 10px!important;}
#main-navigation-h .ul-parent li > a:hover {
	color:var(--mnutxthover)!important;
	background-color:var(--mnubckhover)!important;
}
#main-navigation-h .ul-parent-account li.li-img > a {padding:5px 10px!important;}

#main-navigation-v .ul-parent li > a {padding: 8px 16px!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;
}

@media (max-width:767px) {
	.kf_sidemenu {
		width:100%!important;
		transform:unset;
		-webkit-transform:unset;
		transition:unset;
		transition-delay:unset;
	}
}

.main-navigation-wrapper {top:49px;}

#main-navigation-v .dropdown-arrow {padding:10px!important}
#main-navigation-v, #close-nav {
	background-color:var(--mnubcktrasp)!important;
	color:var(--mnutxt)!important;
  z-index: 1100 !important;
}

/*come mnuv*/
#sidebar-filtri {
  z-index:3000;
  display:none;
  min-width:250px;
  right:0;
  font-size:0.8em;
  top:49px;
}
#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;
	margin: 4px;
	width: 100%;
	max-width: 214px;
}
#sidebar-filtri input[type=checkbox].filtri {
	width:16px;
	height:16px;
	border:1px solid var(--bordilgt);
}
#sidebar-filtri small {padding-left:30px;}
#sidebar-filtri p {
	padding:6px 4px 0 10px;
	margin:0;
}
#sidebar-filtri p.titolo {padding:4px 0 0 10px;}
#sidebar-filtri .separatore {color:var(--bordimed);}
#sidebar-filtri .box {border:1px solid var(--bordimed);margin:4px;padding:6px 4px;}
#sidebar-filtri .box span.titolo {padding:1px 2px 0 0;float:right;color:var(--bordimed);}
#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');
	top:60px;
	right:20px;
	position:absolute;
}

/*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;line-height:1.2em;}

.kflogin-wrapper {width:100%;height:90vh;position:relative;}
.kflogin-content > #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(--loglinktxt);
	font-weight:bold;
	text-shadow:2px 2px 4px #000;
}
.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(--loglinkhover)}
.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(--colerror);
  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:0;
  left:0;
  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 100s linear infinite 0s;
  -moz-animation:imageAnimation 100s linear infinite 0s;
  animation:imageAnimation 100s linear infinite 0s;
}

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

/*contextmenu*/
#kf_cmenu {position:fixed;top:0;left:0;height:100vh;width:100%;z-index:3000;display:none;}

#kf_cmenu-title {font-size:0.8em;padding:6px 8px;}

#kf_cmenu-content {
  position: fixed;
  z-index: 1000;
  background-color: var(--mnubcktrasp) !important;
  color: var(--mnutxt) !important;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  padding: 0;
  margin: 0;
  min-width: 150px;
  border-radius: 0.25em;
}

#kf_cmenu-content .cbutton {
  background-color: var(--mnutxt) !important;
  color: var(--mnubcktrasp) !important;
  font-size:0.8em;
  padding:4px 8px;
  border-style: none;
  width: calc(50% - 10px);
  cursor: pointer;
}
#kf_cmenu-content .cbutton:hover {
  color: var(--mnutxthover) !important;
  background-color: var(--mnubckhover) !important;
}

#kf_cmenu-content ul {
  list-style: none;
  padding: 0;
  margin: 4px 0;
  font-size:0.9em;
}

#kf_cmenu-content li .libutton{
  border-style: none;
  background-color: transparent;
  color: var(--mnutxt) !important;
  width:100%;
  padding: 6px 8px;
  text-align: left;
  cursor: pointer;
}

#kf_cmenu-content ul li:hover, #kf_cmenu-content ul .libutton:hover {   /*come nel tema .w3-hover-over:hover, .w3-button:hover {*/
  color: #637381 !important;
  background-color: #e6e9ec !important;
}

/*kf_page*/
.kf_page {width:100%;}
.kf_page .w3-margin-bottom {margin-bottom:0!important;}
.kf_page .w3-section,
.kf_page .w3-code {margin:0!important;}
.kf_page .w3-row {width:100%;}
.kf_page .w3-col {
  padding:0.2em;
  overflow:hidden; /* era disattivato */
}

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

.kf_page .w3-small {font-size:.75em !important;}
.kf_page .form-type-checkbox > .description > i {white-space: wrap;}
.kf_page .form-type-checkbox > .description {margin:0 0 0 20px!important;}

.kf_page .form-type-date, .kf_page .form-type-datetime, .kf_page .form-type-date, .kf_page .form-type-webform-time {width:100%!important;}

.kf_page input[type=file] {font-size:0.9em!important;}

.kf_page .form-managed-file input.w3-margin-top {margin:0!important;}
.kf_page .form-managed-file a {color: #333!important;}

.kf_page .active {
	background-color:var(--mnubckhover);
	color:var(--mnutxthover);
}
.kf_page .w3-border {border-bottom:1px solid var(--bordimed)!important;}

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

.kf_page .accordion {padding:12px;width:100%;background-color: var(--accbck);color:var(--acctxt);margin-bottom:1px;}

.kf_page h5 {margin:4px 0;}

.kf_page table {
  min-width: 100%;
	border:none;
}

.kf_page td {
	color:#333;
	white-space:nowrap;
}

/*kf kool */

.kf_page .dataTables_wrapper{
  /* width: 100%!important; ALTERA KOOL*/
	/* background-color:var(--filtbck)!important; */
	color:var(--filttxt)!important;
}

.kf_page table.dataTable thead th {
  font-weight: normal!important;
  padding: 0 4px!important;
  border-bottom: none!important;
}
.kf_page table.dataTable thead img {
	min-height:14px;max-height:14px;height:14px;
	min-width:14px;max-height:14px;height:14px;
}
.kf_page table.dataTable tbody td {
  padding:3px!important
}

.kf_page table.dataTable tbody tr {cursor:pointer;}

.kf_page tfoot {
	color:var(--filttxt)!important;
	background-color:var(--filtbck)!important;
}

.kf_page .dataTables_scrollFootInner,
.kf_page .dataTables_scrollHeadInner {
	padding:0!important;
  width:100%!important;
}

.kf_page table.dataTable tfoot td {
  padding:0;
  border-top: none!important;
  border-bottom: 1px solid var(--bordimed)!important;
}
.kf_page table.dataTable td input,
.kf_page table.dataTable td select {width: 100%!important;min-height:18px;padding:0;}

.kf_page .dataTables_wrapper .dataTables_length {padding: 4px 0!important;}
.kf_page .dataTables_wrapper .dataTables_filter {padding: 4px 0!important;}

.kf_page .dataTables_wrapper .dataTables_info {
  padding: 4px 0!important;
  font-size:.8em!important;
  width: 100%;
  /* background-color:var(--bck)!important; */
}
.kf_page .dataTables_wrapper .dataTables_paginate  {
  width: 100%;
  /* background-color:var(--bck)!important; */
  text-align:center;
  padding-top: 0;
  font-size: 0.8em;
  height:24px;
}

.kf_page .dataTables_paginate .paginate_input{
	width:50px;
	text-align:center;
}

.kf_page .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.kf_page .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.kf_page .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: none!important;
  background-color: var(--mnubckhover)!important;
  color: var(--mnutxthover)!important;
}
.kf_page .dataTables_wrapper .dataTables_paginate .paginate_button .current {
  background-color: var(--mnubckhover)!important;
  color: var(--mnutxthover)!important;
}
.kf_page .dataTables_wrapper .dataTables_paginate .paginate_button {
  border: none!important;
  min-width: unset;
  padding: 6px 8px;
  margin-left: 2px;
  display: initial;
}

.kf_page .dataTable td:first-child, .kf_page .dataTable th:first-child {
    display: none; /* Hides the first column #####################        TOGLIERE ALLA SVELTA    */
}

.kf_page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.kf_page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.kf_page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {background-color: transparent!important;}

.kf_page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled img,
.kf_page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover img,
.kf_page .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active img {filter: grayscale(100%);}

.kf_page .dataTables_wrapper input,
.kf_page .dataTables_wrapper select {
	min-width:unset;
	background-color:#fff;
	border: 1px solid var(--bordimed);
  margin-left: 0!important;
}

.kf_page .dataTables_scrollHead {padding: 4px 0!important;}

.kf_page div.dt-buttons {padding: 4px!important;}

.kf_page button.dt-button,
.kf_page div.dt-button,
.kf_page a.dt-button {
  padding: 1px 5px;
  margin:0;
  border: none !important;
  font-size: 0.8em;
  background-image: none !important;
  background-color: var(--btnbck)!important;
  color: var(--btntxt)!important;
}

.kf_page button.dt-button:hover,
.kf_page div.dt-button:hover,
.kf_page a.dt-button:hover {
  background-color: var(--btnbckhover)!important;
  color: var(--btntxthover)!important;
}

.kf_page .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding:10px 0 0 0;
  margin: 0 0 4px 0;
  list-style: none;
}
/* .nav-tabs {border-bottom: 1px solid var(--bordimed);} */
.kf_page .nav-link {
  background-color: var(--accbck);
  color: var(--acctxt);
  padding:6px;
}
.kf_page .nav-link:hover {
	background-color: var(--mnubckhover);
	color: var(--mnutxthover);
}
.kf_page .nav-link.active {
	background-color: var(--mnubckhover)  !important;
	color: var(--mnutxthover) !important;
	border-color: var(--bordimed) !important;
}
.kf_page .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: .25em;
  border-top-right-radius: .25em;
}
.kf_page .nav-item {margin-right: 1px;}

/*kool*/

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

/*report light*/
.small-box .inner table.tablelight {margin:0 auto;text-align:left;font-family:'Arial', sans-serif;font-size:70%;}
.small-box .inner table.tablelight td {padding:0 1px;}

/*report a lista*/
.vistalista {width:99%;margin:0 auto;border:none;font-size:0.8em;text-align:left;line-height:1.1em!important;}
.vistalista tr td {border-bottom: 1px solid var(--bordilgt) !important;}
.vistalista tr.header {
  background-color:var(--accbck);
	color:var(--acctxt);
}
.vistalista th {padding:4px!important;font-weight:normal!important;}
.vistalista td {padding:2px!important;white-space:wrap;border-right: 1px solid var(--bordilgt);}
.vistalista td:last-child {border-right:none;}

/*form*/
.rigafiltri {
	min-height:36px;
	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"] {
	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;}
.pager_frecce {max-height:22px;max-width:22px;}

/*.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 */

.rigafiltri > .select2, .rigafiltri > .select2-container {
	float:right;
  background-color:#FFF;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
  width: 200px !important;
 	height:24px !important;
  margin-top:4px;
}

#filtra2_pager_id_dip{
  background-color: var(--mnubckhover) !important;
  color: var(--mnutxthover) !important;
  border:none;
  margin:8px 6px 8px 0;
}

.rigafiltri .select2-container--default, .rigafiltri .select2-selection--single {
  line-height: 1em !important;
  height: 24px !important;
  box-shadow: none!important;
  border: none!important;
}

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

.allinea {margin-top:24px!important;}
.allinea2 {margin-top:22px!important;}
.allinea2large {margin-top:22px!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;}

.testogrande {font-size:1.5em;}
.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;}
.link {border-bottom: 1px solid #00F!important;}
.attento {color:#880000!important;}
.evidenza {color:#880000!important;font-weight:bold;}
.acapo{white-space:normal!important;}

.letturafacilitata tr:nth-child(even) {background: #efefef;}
.letturafacilitata tr:nth-child(odd) {background: #fff;}

.noscroll {overflow:hidden!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;}
.nopunti {list-style:none;padding:0;margin:0;}
.adminidx {float:right;width:100px!important;}
.manina {cursor:pointer;}
.selezi {cursor:cell;}
.cancellato {font-size:0.8em;color:var(--hint);}
.lir {height:8px;}
.spigolitop{border-top-left-radius:0.25em;border-top-right-radius:0.25em;}
.spigolibot{border-bottom-left-radius:0.25em;border-bottom-right-radius:0.25em;}

.mattbtn {position:absolute;bottom:30px;right:10px;margin:0 auto;text-align:right;}
.mattbtn input {width:120px;background-color:#00000044;}
.mattbtn input:hover {color:#fff!important;background-color:#00000088!important;}

.ruolnovita {
	min-height:20px;max-height:20px;height:20px;
	min-width:20px;max-width:20px;width:20px;
  position:absolute;top:0;right:-10px;
  content:url(/themes/images/novita.png);
  z-index: 1000;
}
.docnovita {
	min-height:10px;max-height:10px;height:10px;
	min-width:10px;max-width:10px;width:10px;
  position:relative;top:-10px;right:5px;
  content:url(/themes/images/novita.png);
  z-index: auto;
  padding:0;
  margin:0;
}

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

.foto {max-height:20px;max-width:20px;}
.micro {
	min-height:12px;max-height:12px;height:12px;
	min-width:12px;max-width:12px;width:12px;
}
.leddino {
	min-height:14px;max-height:14px;height:14px;
	min-width:14px;max-width:14px;width:14px;
}

.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;
	margin-top: -2px;
  border:none!important;
}
.icn_contextual {
	margin: 7px 0;
}
/* img.icn_contextual {filter: grayscale(100%);} */

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

.icnfield {
	min-height:30px;max-height:30px;height:30px;
	min-width:30px;max-width:30px;width:30px;
  margin-top:18px;
}

.bar_led {
	min-height:14px;max-height:14px;height:14px;
	min-width:14px;max-width:14px;width:14px;
  margin:-2px 2px 0 0;
}

.bar_link {
	min-height:24px;max-height:24px;height:24px;
	min-width:24px;max-width:24px;width:24px;
	margin: -4px 40px 0 0;
  float: right;
  cursor: pointer;
}

.bar_button {
  margin: -36px 40px 0 0 !important;
  padding: 2px 4px !important;
  font-size: 0.8em;
}

.invert {filter:invert(1);}
.grayed {filter:invert(.4);}

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

.ombra {text-shadow:1px 1px 3px #000000AA;}

.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.2;
  }
}
@keyframes blinker {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0.2;
  }
}
.blinknew {color:#FFBF00!important;}

.blinkbg {
    -webkit-animation: blinkering 10s infinite both;
            animation: blinkering 10s infinite both;
}

@-webkit-keyframes blinkering {
  0%,
  50%,
  100% {
	background-color:#880000;
  }
  25%,
  75% {
	background-color:transparent;
  }
}
@keyframes blinkering {
  0%,
  50%,
  100% {
	background-color:#880000;
  }
  25%,
  75% {
	background-color:transparent;
  }
}

.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 {
  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, .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: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 }
}

/*whirlpool*/
.loader4 {
  position: fixed;
  width: 15em;
  height: 15em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-top: 10px solid #ff2281;
  border-radius: 50%;
  animation: rotate4 1s ease-in-out infinite;
}

.loader4::before,
.loader4::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotate4 2s ease-in-out infinite;
}

.loader4::before {
  width: 80%;
  height: 80%;
  border-top: 8px solid #75d5fd;
  animation-delay: 250ms;
}

.loader4::after {
  width: 50%;
  height: 50%;
  border-top: 6px solid #7fff00;
  animation-delay: 500ms;
}

@keyframes rotate4 {
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/*dots*/
.loader5 {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3em;
  height: 3em;
  animation: rotateAndShrink 1.25s ease-in-out infinite;
}

@keyframes rotateAndShrink {
  45%,
  55% {
    width: 1.5em;
    height: 1.5em;
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.loader5 > .dot {
  position: absolute;
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
}

.loader5 > .dot:nth-child(1) {
  left: -0.5em;
  top: -0.5em;
  background-color: #84de02;
}

.loader5 > .dot:nth-child(2) {
  right: -0.5em;
  top: -0.5em;
  background-color: #da2647;
}

.loader5 > .dot:nth-child(3) {
  left: -0.5em;
  bottom: -0.5em;
  background-color: #ffd12a;
}

.loader5 > .dot:nth-child(4) {
  right: -0.5em;
  bottom: -0.5em;
  background-color: #6f2da8;
}

/*cube*/
.loader6 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loader6 .scene {
  width: 5em;
  height: 5em;
  perspective: 5em;
  font-size: 20px;
}

.loader6 .cube {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(-2.5em);
  transform-style: preserve-3d;
  animation: spin6 5s ease-in-out infinite;
}

.loader6 .cube_face {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid var(--colload5);
  background-color: transparent;
}

.loader6 .cube_face--front {transform: rotateY(0deg) translateZ(2.5em);}
.loader6 .cube_face--bottom {transform: rotateX(-90deg) translateZ(2.5em);}
.loader6 .cube_face--top {transform: rotateX(90deg) translateZ(2.5em);}
.loader6 .cube_face--left {transform: rotateY(-90deg) translateZ(2.5em);}
.loader6 .cube_face--right {transform: rotateY(90deg) translateZ(2.5em);}
.loader6 .cube_face--back {transform: rotateY(180deg) translateZ(2.5em);}

@keyframes spin6 {
  0%,
  100% {
    transform: rotateY(0deg);
  }
  20% {transform: translateZ(-2.5em) rotateY(90deg);}
  40% {transform: translateZ(-2.5em) rotateX(-90deg);}
  60% {transform: translateZ(-2.5em) rotateY(-90deg);}
  80% {transform: translateZ(-2.5em) rotateX(90deg);}
}

/*accordion*/
.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);
}

/*smallbox*/
.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:0 10px 4px 10px;
  min-height:252px;
  max-height:252px;
  overflow:hidden;
  max-width:99%;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.small-box > .doppia {
	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:10px 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;}

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

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

	.notablet {display:none!important}

  .pop {max-width:90%!important;}
}
/*tablet portait*/
@media (max-width:767px) {

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

	.notablet {display:none!important}

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

	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;padding:0 10px;}
	.site-logo {width:unset!important;}

  .pop .ledinfield {
    height: 20px !important;
    top: -24px !important;
 }
	.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:10px 4px;
	  min-height:80px;
	  max-height:unset!important;
	  overflow:hidden;
	}
	.small-box > .doppia {
		min-height:50px;
		overflow:hidden;
	}

	.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:26px!important;}
  .allinea2 {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;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;margin:-4px 0 0 0;}
.kf_delete {width:1.2em;cursor:pointer!important;margin:-4px 0 0 0;}
.kf_reload {width:1.2em;cursor:pointer!important;margin:-4px 0 0 0;}
.kf_order  {width:1.2em;cursor:pointer!important;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:90%;
	width:fit-content!important;
	margin:0 auto;
	display:table;
	position:absolute;
	left:0;
	right:0;
	top:45%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
  z-index:500;
}

.pop p {margin:8px;color:#000!important;line-height: 1.3em;}
.pop ul {margin:8px 20px 8px 0;color:#000!important;list-style:none;}
.pop header {
	background-color: var(--mnubck);
	color:var(--mnutxt);
	border-top-left-radius:0.25em;
	border-top-right-radius:0.25em;
	height:34px;
  text-shadow:2px 2px 4px #000;
  padding: 8px !important;
}

.pop tr {border-bottom:none!important;}
.pop footer {
	border-bottom-left-radius:0.25em;border-bottom-right-radius:0.25em;
	background-color: var(--mnubck);
	color:var(--mnutxt);
  text-align: center;
}

.pop label {
  position: sticky;
  background-color: transparent !important;
  /*
  background-color: #fff;
  left: 4px;
  top: 6px;
  padding: 0 4px!important;
  */
  padding: 0 !important;
  color:var(--lbltxt);
  font-size: .8em;
  white-space: nowrap;
}

.pop i:not(.w3-small i) {font-size:0.8em!important;color:#666!important;}

.description {color:#666!important;}

.pop input[type="checkbox"] + label {
  background-color: transparent;
  background-color: #fff;
  left:0;
  top:0;
  padding: 0 !important;
}

.pop input[type="date"].w3-half {
    float: unset;
}

.pop .ledinfield{
	height:24px;
	display:inline-block;
  position:absolute;
  right: 8px !important;
}

.pop .w3-section {margin-top:0!important;margin-bottom:4px!important;overflow:hidden;}
.pop div.w3-container {max-height:70vh;overflow:auto;padding:0 6px!important;}  /* ADDED ### */
.pop .w3-margin-bottom {margin-bottom:4px!important;}
.pop .w3-margin-top {margin-top:4px!important;}
.pop .w3-col {padding:0.2em;}
.pop .w3-input  {padding:0.2em 0.4em!important;}
.pop .w3-select {padding:0.2em 0.4em!important;}
.pop .button {margin:0 4px;border:none!important;background-color:#00000044!important;}
.pop .w3-button:hover {
	color:#fff!important;
	background-color:#00000088!important;
}

.pop_help > header.w3-container {background-color: var(--colhelp);}
.pop_help footer {background-color: var(--colhelp);}

.pop_ok > header.w3-container {background-color: var(--colok);}
.pop_ok footer {background-color: var(--colok);}

.pop_error > header.w3-container {background-color: var(--colerror);}
.pop_error footer {background-color: var(--colerror);}

.pop_warn > header.w3-container {background-color: var(--colwarn);}
.pop_warn footer {background-color: var(--colwarn);}

.toast_help {background-color:var(--colhelp)!important;text-shadow:2px 2px 4px #000;}
.toast_ok {color:#FFF; background-color:var(--colok)!important;text-shadow:2px 2px 4px #000;}
.toast_error {color:#FFF; background-color:var(--colerror)!important;text-shadow:2px 2px 4px #000;}
.toast_warn {color:#FFF; background-color:var(--colwarn)!important;text-shadow:2px 2px 4px #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 {margin:10px 0!important;}
.bs-stepper .step-trigger {padding: 10px 20px!important;}
/*.bs-stepper-header {background-color:var(--accbck)!important;}*/
.bs-stepper .active {background-color: transparent!important;color:var(--lbltxt)!important;}
.bs-stepper .active .bs-stepper-circle {background-color: var(--mnubck)!important;}
.bs-stepper .bs-stepper-label {color:var(--lbltxt)!important;}
.bs-stepper .step-trigger:hover {background-color: var(--accbckhover)!important;color:var(--acctxthover)!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;min-width:40px;display:inline-block;text-align:center;}

#TopPage {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: var(--btnbck);
  color: var(--btntxt);
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#TopPage:hover {
  background-color: var(--btnbckhover);
  color: var(--btntxthover);
}






/*
.triangle-top-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 30px solid transparent;
    border-left: 30px solid transparent;
    border-top: 30px solid rgba(255, 255, 255, 0.6);
    cursor: pointer;
}
*/

/* nel template html.twig */
#kf_fullscreen-overlay {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    background: var(--mnubcktrasp);
    justify-content: center;
    align-items: center;
    z-index: 3000;
    overflow: hidden;
    transition: opacity 0.3s ease;
}
#kf_fullscreen-overlay img {width:90%;height:90%;object-fit:contain;}
#kf_fullscreen-overlay.active {display:flex;}
.kf_image-wrapper {position:relative;overflow:hidden;box-shadow:inset 0 0 5px rgba(51, 44, 51, 0.1);padding:0.2em !important;border:1px solid #d3d8dd !important;}
table .kf_image-wrapper {display: inline-block;padding:0!important;box-shadow:unset;border:none!important;}
.kf_image-wrapper img {transform: scale(1);transition:transform 0.5s ease!important;}
.kf_image-wrapper img:hover {transform:scale(1.2);}

.tabimage {
	float:right!important;
	padding:8px!important;
	max-height: 35px;
	background-image: url('/themes/images/vuoto.png');
	background-size: containt;
	background-repeat: no-repeat;
	background-position: center;
}
.tabimage img {
	height: 22px;
	width: 22px;
}
/* modali */
.modal-title {color:#eee;font-weight:600;}
.modal-footer {border-bottom-left-radius:3px;border-bottom-right-radius:3px;}

.modal.fade .modal-dialog {transform: translate3d(0, 0, 0);}
.modal.in .modal-dialog   {transform: translate3d(0, 0, 0);}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (max-width: 600px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {min-height: calc(100% - (1.75rem * 2));}
  .modal-sm {max-width: 300px;}
  .select2-container--default .select2-selection--single {
    height: 26px!important;
    font-size: unset!important;
    line-height: unset!important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {top: 0!important;}
}

/* mattonelle dashboard */

.kf_card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  /* padding: 20px; /* padding around */
}

.kf_card {
  width: 250px;
  box-sizing: border-box; /* padding and border included in width */
  margin:10px!important;
}

@media (max-width:600px) {
  .kf_card-container {gap: 0;}
  .kf_card {width: 180px;}
}

/* mattonelle dashboard skill material cards */

.skill-card {
  padding: 10px;
  background-color: #FFF;
  cursor: pointer;
}
.skill-card:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.skill-card:hover .skill-card__header {
  height: 60px;
}
.skill-card:hover .skill-card__header .skill-card__icon {
  transform: translateX(-50%) translateY(-50%) scale(2);
}
.skill-card:hover .skill-card__body {
  height: 120px;
}
.skill-card:hover .skill-card__body .skill-card__knowledge li {
  transform: translateX(-10%);
  transition-timing-function: cubic-bezier(0, 1.5, 1, 1);
  transition-duration: 0.5s;
}
.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(1) {
  transition-delay: 0.25s;
}
.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(2) {
  transition-delay: 0.5s;
}
.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(3) {
  transition-delay: 0.75s;
}
.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(4) {
  transition-delay: 1s;
}
.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(5) {
  transition-delay: 1.25s;
}
.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(6) {
  transition-delay: 1.5s;
}
.skill-card .skill-card__header {
  position: relative;
  background-color: var(--mnubcktrasp);
  height: 120px;
  margin: -10px -10px 0 -10px;
  transition: height 0.5s;
  overflow: hidden;
}
.skill-card .skill-card__header .skill-card__icon {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: block;
  width: 96px;
  height: 96px;
  transition: transform 0.5s;
}
.skill-card .skill-card__body {
  height: 60px;
  transition: height 0.5s;
  overflow: hidden;
}
.skill-card .skill-card__body .skill-card__title {
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
}
.skill-card .skill-card__body .skill-card__duration {
  color: #9E9E9E;
  font-style: italic;
  font-size: 0.8em;
}
.skill-card .skill-card__body .skill-card__knowledge {
  margin-top: 5px;
  color: #424242;
  font-size: 0.8em;
}
.skill-card .skill-card__body .skill-card__knowledge li {
  margin-top: 5px;
  transition-duration: 0;
  transition-delay: 0.5s;
  transform: translateX(-100%);
}

@media (max-width:600px) {
  .skill-card:hover .skill-card__header {
    height: 30px;
  }
  .skill-card:hover .skill-card__body {
    height: 110px;
  }
  .skill-card .skill-card__header {
    height: 90px;
  }
  .skill-card .skill-card__header .skill-card__icon {
    width: 64px;
    height: 64px;
  }
  .skill-card .skill-card__body {
    height: 50px;
  }
  .skill-card .skill-card__body .skill-card__title {
    font-size: 0.8em;
    font-weight: bold;
  }
  .skill-card .skill-card__body .skill-card__duration {
    font-size: 0.8em;
  }
  .skill-card .skill-card__body .skill-card__knowledge {
    margin-top: 0;
    font-size: 0.7em;
  }
  .skill-card .skill-card__body .skill-card__knowledge li {
    margin-top: 0;
  }
  .skill-card:hover .skill-card__body .skill-card__knowledge li {
    transform: translateX(-20%);
  }
}

/* mattonelle dashboard Ionic Material Cards with Bootstrap */

/* font-family: 'Nunito', sans-serif; */

.ionic-card{
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
      transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  padding: 14px 80px 18px 36px;
  cursor: pointer;
  height: 250px;
  overflow: hidden;
}

.ionic-card:hover{
     transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.ionic-card h3{
  font-weight: 600;
}

.ionic-card img{
  position: absolute;
  top: 20px;
  right: 15px;
  max-height: 120px;
}

.ionic-card-1{
  background-image: url(https://ionicframework.com/img/getting-started/ionic-native-card.png);
      background-repeat: no-repeat;
    background-position: right;
    background-size: 80px;
}

.ionic-card-2{
   background-image: url(https://ionicframework.com/img/getting-started/components-card.png);
      background-repeat: no-repeat;
    background-position: right;
    background-size: 80px;
}

.ionic-card-3{
   background-image: url(https://ionicframework.com/img/getting-started/theming-card.png);
      background-repeat: no-repeat;
    background-position: right;
    background-size: 80px;
}

@media(max-width: 1024px){
  .ionic-card{
    margin: 20px;
  }
}