abbr,
article,
aside,
audio,
blockquote,
body,
code,
div,
em,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
img,
label,
legend,
li,
nav,
object,
ol,
p,
pre,
section,
span,
table,
tbody,
tfoot,
thead,
time,
tr,
ul,
video,
.popup .popup-content .popup-header,
.popup-pagamento .popup-content .popup-header {
  font-weight: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  background-color: transparent;
}
iframe {
  font-size: 100%;
  font-weight: inherit;
  vertical-align: baseline;
}
iframe,
small,
strong,
sub,
sup,
td,
th {
  margin: 0;
  padding: 0;
  background-color: transparent;
}
small {
  border: 0;
}
small,
strong {
  vertical-align: baseline;
}
small,
sub,
sup {
  font-weight: inherit;
}
strong,
sub,
sup,
td,
th {
  font-size: 100%;
}
body,
html {
  min-height: 100vh;
}
html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  overflow-y: scroll;
  box-sizing: border-box;
  line-height: 1.15;
}
*,
::after,
::before {
  box-sizing: inherit;
  background-repeat: no-repeat;
}
body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
small,
summary {
  display: block;
}
audio,
embed,
iframe,
img,
object,
video {
  max-width: 100%;
  height: auto;
}
iframe,
strong,
sub,
sup,
td,
th {
  border: 0;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
blockquote,
q {
  quotes: none;
}
blockquote::after,
blockquote::before,
q::after,
q::before {
  content: none;
}
li,
ul {
  list-style: none;
}
sup {
  vertical-align: text-top;
}
input[type="radio"],
sub {
  vertical-align: text-bottom;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
caption,
td,
th {
  font-weight: 400;
  text-align: left;
  vertical-align: top;
}
input {
  line-height: normal;
  border-radius: 0;
}
input,
select {
  vertical-align: middle;
}
button,
input,
select,
textarea {
  margin: 0;
  text-transform: none;
  border: 0;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
input::-ms-clear {
  display: none;
}
input::-ms-reveal {
  display: none;
}
b,
strong {
  font-weight: 700;
}
small {
  font-size: 80%;
}
abbr,
acronym {
  cursor: help;
  text-decoration: none;
  border-bottom: 0.1em dotted;
}
a:active,
a:hover {
  outline-width: 0;
}
[role="button"],
[type="button"],
[type="reset"],
[type="submit"],
button,
input[type="file"],
label {
  cursor: pointer;
}
[disabled] {
  cursor: default;
}
img {
  border-style: none;
}
code,
kbd,
pre,
samp {
  font-family: monospace;
}
:root {
  --primary-color: #06c;
  --separator-color: #dedede;
  --background-color: #fff;
  --background-dark-color: #f5f5f5;
  --background-darker-color: #666;
  --dark: #a3a3a3;
  --font-color: #000;
  --font-color-inverse: #fff;
  --link-color: #4ea6e6;
  --drop-shadow-color: rgba(51, 51, 51, 0.2);
  --accent-color: #16c793;
  --accent-color-2: #40b4d0;
  --accent-color-3: #8b85d6;
  --color-warning: #ffb053;
  --color-success: #0dd151;
  --color-danger: #721c24;
  --color-info: #dff0fd;
  --popup-shadow-color: var(--drop-shadow-color);
  --popup-button-color: var(--primary-color);
  --popup-button-color-accent: var(--accent-color);
  --popup-button-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  --icon-size-large: 32px;
  --icon-size-medium: 16px;
  --icon-size-small: 12px;
  --default-padding: 12px;
  --half-padding: 6px;
  --default-padding-large: 32px;
  --default-padding-x-large: 64px;
  --half-padding-large: 16px;
  --form-element-border-color: #e2e2e2;
  --form-element-disabled-color: #e6e6e6;
  --form-element-valid-border-color: #6ed186;
  --form-element-focused-color: #4ea6e6;
  --default-font-family: "Open Sans";
  --font-size-normal: 1rem;
  --font-size-medium: 1.5rem;
  --font-size-large: 1.75rem;
  --font-size-x-large: 2rem;
  --font-size-xxl: 2.5rem;
  --font-size-small: 0.8rem;
  --font-size-x-small: 0.7rem;
  --font-size-xx-small: 0.5rem;
  --z-index-spinner: 1000000;
  --z-index-popup-content: 100000;
  --z-index-popup-drop: 10000;
  --z-index-header: 1010;
  --z-index-menu: 1020;
  --z-index-popup-page-element: 1000;
  --z-index-default-higher: 10;
  --z-index-default: 0;
}
/*
.badge {
    padding: @half-padding;

    padding-top: calc(@half-padding - 2px);
    padding-bottom: calc(@half-padding - 2px);

    &.badge-warning {
        color: @background-color;
    }
}
    */
.pull-right {
  float: right;
}
* {
  font-size: var(--font-size-normal);
}
h1,
h2,
h3,
h4,
h5,
.popup .popup-content .popup-header,
.popup-pagamento .popup-content .popup-header {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1,
.popup .popup-content .popup-header,
.popup-pagamento .popup-content .popup-header {
  font-size: var(--font-size-xxl);
}
h2 {
  font-size: var(--font-size-x-large);
  text-transform: uppercase;
}
h2 > .badge {
  font-size: 50% !important;
  vertical-align: text-top;
}
h3 {
  font-size: var(--font-size-large);
}
h4 {
  font-size: var(--font-size-medium);
}
a {
  color: var(--primary-color);
}
p {
  margin-bottom: 0.5rem;
}
.vertical-align-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
button.icon {
  border-radius: 0;
  text-transform: uppercase;
  font-size: var(--font-size-normal);
  border-color: transparent;
  padding-top: var(--half-padding);
  padding-bottom: var(--half-padding);
  padding-left: var(--default-padding-large);
  padding-right: var(--default-padding-large);
  background-color: transparent;
}
.icon {
  width: var(--icon-size-large);
  height: var(--icon-size-large);
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
.icon.icon-wallet {
  background-image: url("../img/wallet.svg");
}
.icon.icon-wallet-neg {
  background-image: url("../img/icon-wallet-neg.svg");
}
.icon.icon-euro {
  background-image: url("../img/icon-euro.svg");
}
.icon.icon-euro-primary {
  background-image: url("../img/icon-euro.svg");
  filter: invert(56%) sepia(81%) saturate(610%) hue-rotate(178deg) brightness(96%) contrast(88%);
}
.icon.icon-euro-neg {
  background-image: url("../img/icon-euro.svg");
  filter: invert(100%);
}
.icon.icon-salvadanaio {
  background-image: url("../img/icon-salvadanaio.svg");
}
.icon.icon-salvadanaio-primary {
  background-image: url("../img/icon-salvadanaio.svg");
  filter: invert(56%) sepia(81%) saturate(610%) hue-rotate(178deg) brightness(96%) contrast(88%);
}
.icon.icon-salvadanaio-neg {
  background-image: url("../img/icon-salvadanaio.svg");
  filter: invert(100%);
}
.icon.icon-anagrafica {
  background-image: url("../img/anagrafica.svg");
}
.icon.icon-calendario {
  background-image: url("../img/calendario.png");
}
.icon.icon-autorizzazioni {
  background-image: url("../img/autorizzazioni.svg");
}
.icon.icon-autorizzazioni-neg {
  background-image: url("../img/icon-autorizzazioni-neg.svg");
}
.icon.icon-graduatoria {
  background-image: url("../img/graduatoria.svg");
}
.icon.icon-graduatoria-neg {
  background-image: url("../img/icon-graduatoria-neg.svg");
}
.icon.icon-mercato {
  background-image: url("../img/mercato.svg");
}
.icon.icon-mercato-neg {
  background-image: url("../img/icon-mercato-neg.svg");
}
.icon.icon-lock {
  background-image: url("../img/lock.svg");
}
.icon.icon-omino-neg {
  background-image: url("../img/icon-omino-neg.svg");
}
.icon.icon-menu-neg {
  background-image: url("../img/icon-menu-neg.svg");
}
.icon.icon-menu-chiudi-neg {
  background-image: url("../img/icon-menu-chiudi-neg.svg");
}
.icon.icon-calendario-neg {
  background-image: url("../img/icon-calendario-neg.png");
}
.icon.icon-expand-blue {
  background-image: url("../img/icon-expand-blue.png");
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
}
.icon.icon-collapse-blue {
  background-image: url("../img/icon-collapse-blue.png");
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
}
.icon.icon-close-small {
  background-image: url("../img/icon-close-small.png");
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
}
.icon.icon-close {
  background-image: url("../img/icon-close.png");
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
}
.icon.icon-close-neg {
  background-image: url("../img/icon-close-neg.svg");
}
.icon.icon-edit-small {
  background-image: url("../img/icon-edit-small.svg");
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
}
.icon.icon-arrow-right-small {
  background-image: url("../img/icon-arrow-right-small.svg");
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
}
.icon.icon-filter-small {
  background-image: url("../img/icon-filter-small-blu.svg");
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
}
.icon.icon-close-small-invert {
  background-image: url("../img/icon-close-small-invert.png");
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
}
.icon.icon-close-small-blu {
  background-image: url("../img/icon-close-small-blu.png");
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
}
.icon.icon-plus-small-blu {
  background-image: url("../img/icon-plus-small.svg");
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
}
.icon.icon-download-small-blu {
  background-image: url("../img/icon-download-small-blu.svg");
  width: var(--icon-size-medium);
  height: var(--icon-size-medium);
}
.icon.icon-home-small {
  background-image: url("../img/icon-home-small.svg");
  width: 24px;
  height: 24px;
}
.icon.ico-mappa-mercato {
  background-image: url("../img/map-icon-32x32.png");
  width: 32px;
  height: 32px;
}
.icon.ico-search2x {
  width: 48px;
  height: 48px;
  background-image: url("../img/icon-search@2x.png");
}
.icon.ico-search1x {
  width: 48px;
  height: 48px;
  background-image: url("../img/icon-search.png");
  background-position-x: 12px;
  background-position-y: 12px;
}
body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url("../img/anagrafica.svg") url("../img/autorizzazioni.svg") url("../img/calendario.png") url("../img/camioncino.svg") url("../img/graduatoria.svg") url("../img/icon-arrow-right-small.svg") url("../img/icon-autorizzazioni-neg.svg") url("../img/icon-calendario-neg.png") url("../img/icon-checkbox-small-neg-checked.svg") url("../img/icon-checkbox-small-neg.svg") url("../img/icon-close-neg.svg") url("../img/icon-close-small-blu.png") url("../img/icon-close-small-invert.png") url("../img/icon-close-small.png") url("../img/icon-close.png") url("../img/icon-collapse-blue.png") url("../img/icon-download-small-blu.svg") url("../img/icon-edit-small.svg") url("../img/icon-expand-blue.png") url("../img/icon-filter-small-blu.svg") url("../img/icon-graduatoria-neg.svg") url("../img/icon-home-small.svg") url("../img/icon-menu-chiudi-neg.svg") url("../img/icon-menu-neg.svg") url("../img/icon-mercato-neg.svg") url("../img/icon-omino-neg.svg") url("../img/icon-plus-small.svg") url("../img/icon-search.png") url("../img/icon-search@2x.png") url("../img/icon-wallet-neg.svg") url("../img/imgSplashProva.jpg") url("../img/lock.svg") url("../img/map-icon-32x32.png") url("../img/mercato.svg") url("../img/pon_metro_logo.png") url("../img/sfondo-home-casette.svg") url("../img/sfondo-splash-tile.svg") url("../img/splash.png") url("../img/unione_europea_logo.png") url("../img/van_spinner.gif") url("../img/wallet.svg");
}
.btn {
  border-radius: 0;
  text-transform: uppercase;
  font-size: var(--font-size-normal);
  border-color: transparent;
  padding-top: var(--half-padding);
  padding-bottom: var(--half-padding);
  padding-left: var(--default-padding-large);
  padding-right: var(--default-padding-large);
}
.popup .btn-primary {
  background-color: var(--primary-color);
}
.splash-screen {
  background-color: var(--primary-color) !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.splash-screen:before {
  background-image: url('../img/sfondo-splash-tile.svg');
  background-repeat: repeat-x;
  /* background-attachment: fixed; */
  background-position: top;
  content: ' ';
  height: 160px;
  width: 100%;
  position: absolute;
  top: 200px;
  z-index: 100;
  animation: 250s home-scrollx infinite linear;
}
@keyframes home-scrollx {
  100% {
    background-position: -3000px 0px;
  }
}
@keyframes home-scrolly {
  0% {
    background-position-y: 0px;
  }
  50% {
    background-position-y: 3px;
  }
  100% {
    background-position-y: 0px;
  }
}
.splash-screen:after {
  background-image: url('../img/camioncino.svg');
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 130px;
  content: ' ';
  display: block;
  z-index: 110;
  position: absolute;
  top: 300px;
  animation: 1s home-scrolly infinite linear;
}
.home {
  background-color: var(--background-dark-color);
  background-image: url('../img/sfondo-home-casette.svg');
  background-repeat: repeat-x;
  background-position-y: var(--default-padding);
  padding: var(--default-padding);
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}
.home .intestazione h1 {
  width: 100%;
  text-align: center;
  font-size: var(--font-size-x-large);
  padding-top: var(--default-padding);
}
.home .intestazione h1 > span {
  font-size: inherit;
}
.home .intestazione h1 > span:first-child {
  font-weight: bold;
}
.home .intestazione h1 > span:last-child {
  font-weight: normal;
}
.home .intestazione p {
  box-sizing: border-box;
  padding: var(--default-padding);
  text-align: center;
  font-size: var(--font-size-large);
}
.home .intestazione p .nome-utente {
  font-weight: bold;
}
.home .funzionalita {
  background-color: var(--background-color);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding-left: var(--default-padding);
  padding-right: var(--default-padding);
}
.home .funzionalita button {
  background-color: transparent;
  border: 0;
}
.home .funzionalita > div {
  padding-top: var(--default-padding);
  font-size: 16px;
  margin-top: var(--default-padding);
  margin-bottom: var(--default-padding);
  width: 100%;
}
.home .funzionalita > div .icon {
  height: 64px;
  width: 100%;
}
.home .funzionalita .separatore {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAADCAIAAADdv/LVAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAVSURBVBhXY/j//z/Tjx8/GP79+wcANWII4r8gRLwAAAAASUVORK5CYII=);
  background-repeat: repeat-x;
  width: 100%;
  height: 3px;
  margin-top: var(--default-padding-large);
  margin-bottom: 0;
}
.home.logged .funzionalita > div,
.home.logged .funzionalita > a {
  border-bottom: 1px solid var(--separator-color);
  display: flex;
  padding-bottom: var(--default-padding);
  position: relative;
  padding-top: 0;
  color: var(--font-color);
  text-decoration: none;
  width: 100%;
}
.home.logged .funzionalita > div > .badge,
.home.logged .funzionalita > a > .badge {
  position: absolute;
  top: calc(var(--default-padding) / 2);
  border-radius: 20pt;
  min-width: 16px;
}
.home.logged .funzionalita > div:first-child,
.home.logged .funzionalita > a:first-child {
  padding-top: var(--default-padding);
}
.home.logged .funzionalita > div h3,
.home.logged .funzionalita > a h3 {
  font-size: var(--font-size-medium);
  padding-top: var(--half-padding);
}
.home.logged .funzionalita > div h3 > .badge,
.home.logged .funzionalita > a h3 > .badge {
  font-size: var(--font-size-x-small);
  vertical-align: top;
}
.home.logged .funzionalita > div .icon,
.home.logged .funzionalita > a .icon {
  width: 64px;
  height: 64px;
  margin-right: var(--default-padding);
}
.home.logged .funzionalita > div:last-child,
.home.logged .funzionalita > a:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.home.unlogged .funzionalita > div {
  text-align: center;
}
.home.unlogged .separatore:before {
  content: 'oppure';
  top: -22px;
  position: relative;
  background-color: var(--background-color);
  padding-left: 10px;
  padding-right: 10px;
  font-style: italic;
  color: var(--background-darker-color);
  font-size: 15px;
}
.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--drop-shadow-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: var(--z-index-popup-drop);
}
.popup .popup-content {
  box-sizing: border-box;
  background-color: var(--background-color);
  width: 90%;
  margin: 0 auto;
  padding: var(--default-padding);
  z-index: var(--z-index-popup-content);
  position: relative;
}
.popup .popup-content .icon-close-small {
  position: absolute;
  right: calc(var(--default-padding-large));
}
.popup .popup-content .popup-header {
  margin-bottom: var(--default-padding);
  padding-top: var(--default-padding);
  padding-left: 15px;
  padding-right: 15px;
}
.popup .popup-content .popup-body {
  padding-bottom: var(--default-padding);
  padding-top: var(--default-padding);
  overflow-y: auto;
  max-height: 70vh;
  padding-left: 15px;
  padding-right: 15px;
}
.popup .popup-content .popup-body .info {
  padding-right: 32px;
}
.popup .popup-content .popup-footer {
  padding-top: var(--default-padding);
  text-align: right;
  padding-left: 15px;
  padding-right: 15px;
}
.popup .popup-content .popup-footer .btn {
  padding: var(--default-padding);
}
.popup-pagamento {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: var(--z-index-popup-drop);
}
.popup-pagamento .popup-content {
  box-sizing: border-box;
  background-color: var(--background-color);
  width: 90%;
  margin: 0 auto;
  padding: calc(var(--default-padding-large) - 5px);
  padding-top: var(--default-padding);
  padding-bottom: var(--default-padding);
  z-index: var(--z-index-popup-content);
  position: relative;
}
.popup-pagamento .popup-content .actions {
  text-align: right;
}
.popup-pagamento .popup-content .popup-header {
  margin-bottom: var(--default-padding);
  padding-top: var(--default-padding);
}
.popup-pagamento .popup-content .popup-body {
  padding-bottom: var(--default-padding);
  padding-top: var(--default-padding);
  overflow-y: auto;
  max-height: 70vh;
}
.popup-pagamento .popup-content .popup-body .info {
  padding-right: 32px;
}
.popup-pagamento .popup-content .popup-footer {
  padding-top: var(--default-padding);
  text-align: right;
}
.popup-pagamento .popup-content .btn {
  margin-bottom: var(--default-padding-large);
  padding: var(--default-padding) var(--default-padding-large) !important;
}
.popup-pagamento .popup-content .btn:last-child {
  margin-bottom: 0;
}
.popup-pagamento .popup-content .btn.btn-default {
  background-color: var(--background-color);
  border-color: var(--primary-color);
  color: var(--primary-color);
}
/*/
input[type='checkbox'] {
  -webkit-appearance: none;
  background-color: black;
  padding: 6px 6px 7px 7px;
  margin: 2px 0 2px 0;
  border-radius: 0;
  display: inline-block;
  position: relative;

  &:after {
    color: @background-color;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    background-image: url('@{images-path}/icon-checkbox-small-neg.svg');
    background-position-y: center;
    margin-left: 3px;
    margin-top: 2px;
  }

  &:checked {
    &:after {
      background-image: url('@{images-path}/icon-checkbox-small-neg-checked.svg');
      margin-left: 2px;
    }
  }
}
*/
.form-label {
  font-size: var(--font-size-normal);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 2rem;
}
.form-group,
.form-row {
  margin-bottom: var(--default-padding-large);
}
.form-group .form-control,
.form-row .form-control {
  padding: var(--default-padding);
  padding-top: calc(var(--default-padding) - 3px);
  padding-bottom: calc(var(--default-padding) - 3px);
  font-size: var(--font-size-normal);
  border-radius: 0;
  border: 2px solid var(--form-element-border-color);
  height: auto;
}
.form-group .form-control.modified.invalid,
.form-row .form-control.modified.invalid {
  border-color: var(--color-danger);
}
.form-group .form-control.is-valid,
.form-row .form-control.is-valid {
  border-bottom: 1px solid #6ED186;
}
.form-group .form-control:read-only:not(select),
.form-row .form-control:read-only:not(select) {
  border: 2px solid transparent;
  border-bottom: 1px solid var(--form-element-border-color);
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 2px;
  height: auto;
}
.form-group .form-control:read-only:not(select).is-valid,
.form-row .form-control:read-only:not(select).is-valid {
  border-bottom: 1px solid #6ED186;
}
.form-group .form-control:focus,
.form-row .form-control:focus {
  border-color: var(--form-element-focused-color);
  box-shadow: var(--popup-button-shadow);
}
.form-group label,
.form-row label {
  font-size: var(--font-size-normal);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 2rem;
}
button:disabled {
  background-color: var(--form-element-disabled-color) !important;
  border-color: var(--form-element-disabled-color) !important;
}
.validation-message {
  color: var(--color-danger);
}
.app-menu-sticky {
  position: sticky;
  top: 0;
  z-index: var(--z-index-header);
  display: block;
  border-bottom: 2px solid var(--drop-shadow-color);
}
.app-header {
  background-color: var(--primary-color);
  color: var(--font-color-inverse);
  z-index: var(--z-index-header);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--default-padding-x-large);
}
.app-header .menu-toggle > button {
  background-color: transparent;
}
.app-header .titolo {
  flex-grow: 1;
  text-align: center;
}
.app-header .titolo h1 {
  font-size: var(--font-size-medium) !important;
  margin: 0;
}
.app-header .titolo h1 small {
  display: inline;
  font-weight: normal;
  font-size: inherit;
}
.app-header .menu-drop-shadow {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background-color: var(--drop-shadow-color);
}
.app-header .menu-drop-shadow.chiuso {
  right: 100%;
}
.app-header .main-menu {
  background-color: var(--primary-color);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 250px;
  box-shadow: 0px 3px 6px 10px rgba(0, 0, 0, 0.16);
  padding: var(--default-padding);
  overflow-x: hidden;
  transition: left 0.3s ease-in;
  z-index: var(--z-index-menu);
}
.app-header .main-menu button {
  background-color: transparent;
}
.app-header .main-menu h3 {
  padding-top: var(--default-padding-large);
}
.app-header .main-menu > ul {
  padding-top: var(--default-padding-large);
  border-bottom: 1px solid;
}
.app-header .main-menu > ul li {
  padding-bottom: var(--default-padding-large);
}
.app-header .main-menu > ul li > a {
  color: var(--font-color-inverse);
}
.app-header .main-menu > ul .icon {
  display: inline-block;
  margin-right: var(--default-padding);
  vertical-align: middle;
}
.app-header .main-menu > ul:first-child {
  padding-top: var(--default-padding-x-large);
}
.app-header .main-menu > ul:last-child {
  border-bottom: 0;
}
.app-header .main-menu.chiuso {
  left: -300px;
}
.app-header .dati-utente {
  position: relative;
  cursor: pointer;
}
.app-header .dati-utente > .badge {
  font-size: var(--font-size-small);
  position: absolute;
  top: 0;
  right: var(--half-padding-large);
}
.app-header .dettaglio-utente {
  color: var(--font-color);
  position: fixed;
  /* top: 0; */
  bottom: 0;
  left: 0;
  right: 0;
  top: var(--default-padding-x-large);
  background-color: var(--drop-shadow-color);
  z-index: var(--z-index-header);
  filter: drop-shadow(5px 5px 5px var(--drop-shadow-color));
  /*
        &:after {
            width: 0;
            height: 0;
            border-left: 18px solid transparent;
            border-right: 18px solid transparent;
            border-bottom: 18px solid white;
            content: " ";
            position: absolute;
            top: -12px;
            right: -2px;
        }
        */
}
.app-header .dettaglio-utente.chiuso {
  display: none;
}
.app-header .dettaglio-utente h1 {
  font-size: var(--font-size-large);
  padding-bottom: var(--default-padding);
}
.app-header .dettaglio-utente .dettaglio {
  background-color: var(--background-color);
  padding-bottom: var(--default-padding);
  padding-top: var(--default-padding);
}
.app-header .dettaglio-utente .dettaglio .form-group {
  /*                .form-control {
                    border-radius: 0;
                    border: 0px solid;
                    border-bottom: 1px solid @form-element-border-color;
                    padding-left: 0;
                    padding-right: 0;
                    padding-top: 0;
                    padding-bottom: 2px;
                    height: auto;
                } */
}
.app-header .dettaglio-utente .dettaglio .form-group label {
  font-size: var(--font-size-normal);
  font-weight: bold;
  text-transform: uppercase;
  line-height: 2rem;
  font-size: var(--font-size-small);
}
.app-header .dettaglio-utente .dettaglio .azioni {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  color: var(--link-color);
  margin-top: var(--default-padding);
  padding-bottom: var(--default-padding);
}
.app-header .dettaglio-utente .dettaglio .azioni .azione > div {
  display: inline-block;
  vertical-align: sub;
}
.anagrafica .contenuto-view {
  position: relative;
}
.anagrafica .form-dati-anagrafici {
  background-color: var(--background-color);
  padding: var(--default-padding);
  padding-bottom: calc(var(--default-padding-large) * 2);
}
.anagrafica .form-dati-anagrafici .nascosto-se-edit {
  display: block;
}
.anagrafica .form-dati-anagrafici .visibile-se-edit {
  display: none;
}
.anagrafica .form-dati-anagrafici.edit .nascosto-se-edit {
  display: none;
}
.anagrafica .form-dati-anagrafici.edit .visibile-se-edit {
  display: block;
}
.autorizzazioni .filtri-ruolo {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--half-padding-large);
  margin-top: var(--half-padding);
}
.autorizzazioni .filtri-ruolo label {
  font-size: var(--font-size-normal);
}
.autorizzazioni .filtri-ruolo .ruolo-tutti input[type="checkbox"] {
  background-color: black;
}
.autorizzazioni .filtri-ruolo .ruolo-proprietario input[type="checkbox"] {
  background-color: var(--accent-color-2);
}
.autorizzazioni .filtri-ruolo .ruolo-gerente input[type="checkbox"] {
  background-color: var(--accent-color-3);
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni {
  /*background-color: #fff;
            border-left: 4px solid black;
            padding: @default-padding;
            font-size: @font-size-small;
            display: grid;
            grid-template-columns: 1fr 1fr 28px;

            margin-bottom: @half-padding-large;
            line-height: 1.4rem;
                */
  background-color: var(--background-color);
  /*    border-left: 4px solid black;*/
  padding: var(--default-padding);
  font-size: var(--font-size-small);
  border-left: 4px solid var(--accent-color);
  grid-template-columns: 1fr 1fr 28px;
  margin-bottom: var(--default-padding);
  line-height: 1.4rem;
  display: grid;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni.chiuso .nascondi-se-chiuso {
  display: none;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni.chiuso .nascondi-se-aperto {
  display: block;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni .nascondi-se-aperto {
  display: none;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni .azioni {
  width: var(--icon-size-medium);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  z-index: var(--z-index-default-higher);
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni label {
  display: block;
  line-height: inherit;
  text-transform: none;
  font-weight: bold;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni.accent2 {
  border-color: var(--accent-color-2);
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni.accent3 {
  border-color: var(--accent-color-3);
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni > div {
  margin-bottom: var(--default-padding);
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni > div:last-child {
  margin-bottom: 0;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni > div:first-child {
  grid-row-start: 1;
  grid-row-end: 15;
  grid-column-start: 3;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni > div:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni > div:nth-child(3) {
  grid-column-start: 1;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni .azioni {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: var(--default-padding);
  cursor: pointer;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni label {
  line-height: inherit;
  text-transform: none;
  font-weight: bold;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni > div {
  margin-bottom: var(--default-padding);
  /*         &[style='display: block;']:last-child {
            margin-bottom: 0;
        } */
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni > div:last-child {
  margin-bottom: 0;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni > div:first-child {
  grid-row-start: 1;
  grid-row-end: 5;
  grid-column-start: 3;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni > div:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni > div:nth-child(3) {
  grid-column-start: 1;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni .azioni {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: var(--default-padding);
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni.proprietario {
  border-left: 4px solid var(--accent-color-2);
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni.gerente {
  border-left: 4px solid var(--accent-color-3);
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni label {
  display: block;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni .nascondi-se-aperto {
  display: none;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni.chiuso .nascondi-se-chiuso {
  display: none;
}
.autorizzazioni .lista-autorizzazioni .elemento-lista-autorizzazioni.chiuso .nascondi-se-aperto {
  display: block;
}
.contenuto-view .pannello-bottoni {
  background-color: var(--background-color);
  border-top: 1px solid var(--drop-shadow-color);
  padding: var(--half-padding);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: calc(var(--z-index-default-higher) + 1);
}
.contenuto-view .pannello-bottoni .btn {
  font-size: var(--font-size-normal) !important;
  padding: calc(var(--half-padding) / 2) var(--default-padding);
}
.contenuto-view .barra-titolo {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  /*        margin-bottom: @default-padding / 2;
        margin-top: @default-padding;*/
}
.contenuto-view .barra-titolo .azioni a div {
  display: inline-block;
  vertical-align: text-top;
}
.elemento-lista-base {
  background-color: var(--background-color);
  /*    border-left: 4px solid black;*/
  padding: var(--default-padding);
  font-size: var(--font-size-small);
  border-left: 4px solid var(--accent-color);
  grid-template-columns: 1fr 1fr 28px;
  margin-bottom: var(--default-padding);
  line-height: 1.4rem;
}
.elemento-lista-base.chiuso .nascondi-se-chiuso {
  display: none;
}
.elemento-lista-base.chiuso .nascondi-se-aperto {
  display: block;
}
.elemento-lista-base .nascondi-se-aperto {
  display: none;
}
.elemento-lista-base .azioni {
  width: var(--icon-size-medium);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  z-index: var(--z-index-default-higher);
}
.elemento-lista-base label {
  display: block;
  line-height: inherit;
  text-transform: none;
  font-weight: bold;
}
.elemento-lista-base.accent2 {
  border-color: var(--accent-color-2);
}
.elemento-lista-base.accent3 {
  border-color: var(--accent-color-3);
}
.elemento-lista {
  background-color: var(--background-color);
  /*    border-left: 4px solid black;*/
  padding: var(--default-padding);
  font-size: var(--font-size-small);
  border-left: 4px solid var(--accent-color);
  grid-template-columns: 1fr 1fr 28px;
  margin-bottom: var(--default-padding);
  line-height: 1.4rem;
  display: grid;
}
.elemento-lista.chiuso .nascondi-se-chiuso {
  display: none;
}
.elemento-lista.chiuso .nascondi-se-aperto {
  display: block;
}
.elemento-lista .nascondi-se-aperto {
  display: none;
}
.elemento-lista .azioni {
  width: var(--icon-size-medium);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  z-index: var(--z-index-default-higher);
}
.elemento-lista label {
  display: block;
  line-height: inherit;
  text-transform: none;
  font-weight: bold;
}
.elemento-lista.accent2 {
  border-color: var(--accent-color-2);
}
.elemento-lista.accent3 {
  border-color: var(--accent-color-3);
}
.elemento-lista > div {
  margin-bottom: var(--default-padding);
}
.elemento-lista > div:last-child {
  margin-bottom: 0;
}
.elemento-lista > div:first-child {
  grid-row-start: 1;
  grid-row-end: 15;
  grid-column-start: 3;
}
.elemento-lista > div:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
}
.elemento-lista > div:nth-child(3) {
  grid-column-start: 1;
}
.elemento-lista .azioni {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: var(--default-padding);
  cursor: pointer;
}
.presenze .filtri-autorizzazione {
  /*
        & > div {
            width: 50%;

            &:first-child {
                padding-right: @default-padding / 2;
            }

            &:last-child {
                padding-left: @default-padding / 2;
            }
        }
        */
}
.presenze .filtri-autorizzazione label {
  font-size: var(--font-size-small);
  font-weight: normal;
  overflow-x: hidden;
  text-overflow: ellipsis;
  /* word-break: keep-all; */
  white-space: nowrap;
  text-transform: none;
}
.presenze .filtri-autorizzazione .form-control {
  padding: 7px;
}
.presenze .filtri-autorizzazione .row > .col {
  /*&:last-child {
                padding-right: 0;
            }*/
}
.presenze .filtri-autorizzazione .row > .col:first-child {
  padding-right: 0;
}
.presenze .contenitore-grafico {
  padding: var(--default-padding);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--background-color);
  width: 100%;
  /*     &>div:last-child {
        width: 30%;
    } */
}
.presenze .contenitore-grafico .chartLegend {
  float: left;
  max-height: 200px;
}
.presenze .contenitore-grafico .doughnut {
  position: relative;
}
.presenze .contenitore-grafico .doughnut .grafico {
  position: relative;
  right: 30%;
  float: left;
}
@media screen and (max-width: 768px) {
  .presenze .contenitore-grafico .doughnut .grafico {
    width: 170px;
    float: left;
    right: 10%;
  }
}
.presenze .contenitore-grafico .icon-close-small {
  position: relative;
  left: 6%;
  top: -84px;
}
@media screen and (max-width: 768px) {
  .presenze .contenitore-grafico .icon-close-small {
    position: relative;
  }
}
.presenze .contenitore-grafico .legenda {
  height: 200px;
  width: 50%;
  padding: var(--default-padding) 0 var(--default-padding) var(--default-padding);
  box-sizing: border-box;
}
.presenze .contenitore-grafico .legenda li {
  padding-left: var(--default-padding);
  position: relative;
}
.presenze .contenitore-grafico .legenda li .colore {
  content: " ";
  display: block;
  width: var(--default-padding);
  height: var(--default-padding);
  position: absolute;
  left: calc(var(--half-padding) * -1);
  top: calc(var(--default-padding) / 3);
}
.presenze .contenitore-grafico .legenda li dd {
  color: var(--drop-shadow-color);
}
.presenze .lista-presenze {
  margin-top: var(--default-padding);
  overflow-y: unset;
}
.presenze .lista-presenze h2 {
  margin-bottom: var(--default-padding);
}
.presenze .lista-presenze .elemento-lista-presenze {
  background-color: var(--background-color);
  /*    border-left: 4px solid black;*/
  padding: var(--default-padding);
  font-size: var(--font-size-small);
  border-left: 4px solid var(--accent-color);
  grid-template-columns: 1fr 1fr 28px;
  margin-bottom: var(--default-padding);
  line-height: 1.4rem;
  display: grid;
}
.presenze .lista-presenze .elemento-lista-presenze.chiuso .nascondi-se-chiuso {
  display: none;
}
.presenze .lista-presenze .elemento-lista-presenze.chiuso .nascondi-se-aperto {
  display: block;
}
.presenze .lista-presenze .elemento-lista-presenze .nascondi-se-aperto {
  display: none;
}
.presenze .lista-presenze .elemento-lista-presenze .azioni {
  width: var(--icon-size-medium);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  z-index: var(--z-index-default-higher);
}
.presenze .lista-presenze .elemento-lista-presenze label {
  display: block;
  line-height: inherit;
  text-transform: none;
  font-weight: bold;
}
.presenze .lista-presenze .elemento-lista-presenze.accent2 {
  border-color: var(--accent-color-2);
}
.presenze .lista-presenze .elemento-lista-presenze.accent3 {
  border-color: var(--accent-color-3);
}
.presenze .lista-presenze .elemento-lista-presenze > div {
  margin-bottom: var(--default-padding);
}
.presenze .lista-presenze .elemento-lista-presenze > div:last-child {
  margin-bottom: 0;
}
.presenze .lista-presenze .elemento-lista-presenze > div:first-child {
  grid-row-start: 1;
  grid-row-end: 15;
  grid-column-start: 3;
}
.presenze .lista-presenze .elemento-lista-presenze > div:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
}
.presenze .lista-presenze .elemento-lista-presenze > div:nth-child(3) {
  grid-column-start: 1;
}
.presenze .lista-presenze .elemento-lista-presenze .azioni {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: var(--default-padding);
  cursor: pointer;
}
.label-filter {
  font-size: 10px;
}
.select-filter {
  font-weight: bold;
}
.grafico-chiuso {
  margin-top: 24px;
  margin-left: 24px;
}
.icon-plus-small-blu {
  position: relative;
  left: 70%;
  top: 18px;
  z-index: 300;
}
.riepilogo-grafico {
  position: relative;
  left: 20%;
}
@media screen and (min-width: 600px) {
  .contenitore-grafico {
    width: 80%;
  }
}
.lista-presenze {
  position: relative;
  top: 12px;
}
.filtri-ricerca-avanzata {
  position: relative;
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze {
  margin: var(--default-padding) 0;
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .barra-titolo .azioni {
  cursor: pointer;
  white-space: nowrap;
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .barra-titolo .azioni > a {
  line-height: var(--font-size-normal);
  display: inline-block;
  color: var(--primary-color);
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .barra-titolo .azioni > a > div {
  margin-right: var(--default-padding);
  vertical-align: sub;
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  /*        margin-bottom: @default-padding / 2;
        margin-top: @default-padding;*/
  position: absolute;
  flex-wrap: wrap;
  background-color: var(--background-dark-color);
  margin-top: 0;
  top: -6px;
  z-index: var(--z-index-popup-page-element);
  right: 0;
  width: 100%;
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri .azioni a div {
  display: inline-block;
  vertical-align: text-top;
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri > div:first-child {
  font-style: italic;
  background-color: transparent;
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri > div {
  background-color: var(--primary-color);
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri .azioni {
  color: var(--background-color);
  text-align: center;
  padding: var(--half-padding) var(--default-padding) var(--half-padding) var(--default-padding);
  cursor: pointer;
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri .azioni a {
  color: var(--background-color);
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri .azioni a div {
  vertical-align: sub;
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri .form {
  width: 100%;
  padding: var(--default-padding);
  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.16);
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri .form .btn {
  font-size: var(--font-size-normal) !important;
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri .form select,
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri .form input {
  border: 0;
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri .form .btn-primary {
  background-color: #96caf0;
  border: 0;
  width: 100%;
  margin-top: 0.5em;
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri .form .btn-default {
  background-color: #96caf0;
  border: 0;
  width: 100%;
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri .form .date-range .input-group-text {
  font-size: var(--font-size-small);
  font-weight: bold;
  border-radius: 0;
  background-color: var(--background-color);
  box-shadow: none;
  border: 0;
  padding-left: var(--half-padding);
  padding-right: var(--half-padding);
}
.filtri-ricerca-avanzata .filtri-avanzati-presenze .form-filtri .form .date-range .form-control {
  font-size: var(--font-size-small);
  padding-left: 0;
  text-align: right;
}
.filtri-avanzati-presenze {
  margin: var(--default-padding) 0;
  /*    .barra-titolo {
        margin-top: 0;

        .azioni {
            cursor: pointer;
            white-space: nowrap;

            & > a {
                line-height: var(--font-size-normal);
                display: inline-block;
                color: var(--primary-color);

                & > div {
                    margin-right: @default-padding;
                    vertical-align: sub;
                }
            }
        }
    }
*/
  /*    .form-filtri {
        .contenuto-view.barra-titolo;
        position: relative;
        left: 0;
        top: -6px;
        // margin-top: @half-padding;

        flex-wrap: wrap;

        & > div:first-child {
            font-style: italic;
            background-color: transparent;
        }

        & > div {
            background-color: @primary-color;
        }

        .azioni {
            color: @background-color;
            text-align: center;
            padding: @half-padding @default-padding @half-padding @default-padding;
            cursor: pointer;

            a {
                color: @background-color;


                div {
                    vertical-align: sub;
                }
            }
        }

        .form {
            width: 100%;
            padding: @default-padding;
            box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.16);

            .btn {
                font-size: @font-size-normal !important;
            }

            select,
            input {
                //padding: @half-padding;
                border: 0;
            }

            .btn-primary {
                background-color: #96caf0;
                border: 0;
                width: 100%;
                margin-top: 0.5em;
            }

            .btn-default {
                background-color: #96caf0;
                border: 0;
                width: 100%;
            }

            .date-range {
                .input-group-text {
                    font-size: @font-size-small;
                    font-weight: bold;
                    border-radius: 0;
                    background-color: @background-color;
                    box-shadow: none;
                    border: 0;
                    padding-left: @half-padding;
                    padding-right: @half-padding;
                }

                .form-control {
                    font-size: @font-size-small;
                    padding-left: 0;
                    text-align: right;
                }
            }
        }
    }
*/
  /*    .barra-titolo {
        display: none;
    }*/
}
.filtri-avanzati-presenze .lista-presenze {
  position: relative;
}
.filtri-avanzati-presenze .filtri-impostati li {
  display: inline-block;
  background-color: var(--color-info);
  margin-right: var(--half-padding);
  margin-bottom: var(--half-padding);
  padding: var(--half-padding);
  border-radius: 2px;
}
.filtri-avanzati-presenze .filtri-impostati li .icon {
  display: inline-block;
  vertical-align: sub;
}
.filtri-avanzati-presenze.chiuso .barra-titolo {
  display: flex;
}
.filtri-avanzati-presenze.chiuso .form-filtri {
  display: none;
}
.filtri-avanzati-presenze.chiuso .filtri-impostati {
  margin-top: var(--half-padding);
  display: block;
}
.privacy li {
  list-style-type: disc !important;
  padding-bottom: 6px;
  margin-left: 24px;
}
.privacy .titolo {
  display: block;
  text-align: center;
}
.privacy .data {
  text-align: center;
}
.pagamenti .filtri-stato {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--default-padding);
  margin-top: var(--default-padding);
}
.pagamenti .filtri-stato label {
  font-size: var(--font-size-normal);
}
.pagamenti .filtri-stato .stato-tutti input[type="checkbox"] {
  background-color: black;
}
.pagamenti .filtri-stato .stato-da-effettuare input[type="checkbox"] {
  background-color: var(--color-danger);
}
.pagamenti .filtri-stato .stato-effettuato input[type="checkbox"] {
  background-color: var(--color-success);
}
.pagamenti .filtri-avanzati-presenze {
  margin-bottom: var(--default-padding);
}
.pagamenti .filtri-avanzati-presenze .form-group {
  margin-bottom: var(--default-padding) !important;
}
.pagamenti .filtri-avanzati-presenze .btn {
  font-size: var(--font-size-normal) !important;
}
.pagamenti .lista-pagamenti h2 {
  margin-bottom: var(--half-padding);
  margin-top: var(--default-padding-large);
}
.pagamenti .lista-pagamenti .btn {
  background-color: var(--primary-color);
  font-size: var(--font-size-small);
  text-transform: uppercase;
  padding: 0 var(--default-padding) 0 var(--default-padding);
  margin-right: var(--default-padding);
  border-radius: 2px;
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti {
  background-color: var(--background-color);
  /*    border-left: 4px solid black;*/
  padding: var(--default-padding);
  font-size: var(--font-size-small);
  border-left: 4px solid var(--accent-color);
  grid-template-columns: 1fr 1fr 28px;
  margin-bottom: var(--default-padding);
  line-height: 1.4rem;
  display: grid;
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti.chiuso .nascondi-se-chiuso {
  display: none;
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti.chiuso .nascondi-se-aperto {
  display: block;
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti .nascondi-se-aperto {
  display: none;
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti .azioni {
  width: var(--icon-size-medium);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  z-index: var(--z-index-default-higher);
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti label {
  display: block;
  line-height: inherit;
  text-transform: none;
  font-weight: bold;
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti.accent2 {
  border-color: var(--accent-color-2);
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti.accent3 {
  border-color: var(--accent-color-3);
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti > div {
  margin-bottom: var(--default-padding);
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti > div:last-child {
  margin-bottom: 0;
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti > div:first-child {
  grid-row-start: 1;
  grid-row-end: 15;
  grid-column-start: 3;
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti > div:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti > div:nth-child(3) {
  grid-column-start: 1;
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti .azioni {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: var(--default-padding);
  cursor: pointer;
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti .titolo {
  border-bottom: 1px solid var(--separator-color);
  padding-bottom: var(--half-padding);
  grid-column-end: 4 !important;
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti .azioni {
  grid-row-start: 2 !important;
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti .importo {
  font-weight: bold;
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti.da-effettuare {
  border-left-color: var(--color-danger);
}
.pagamenti .lista-pagamenti .elemento-lista-pagamenti.da-effettuare .importo {
  color: var(--color-danger);
}
.mercati-del-giorno .mercato-del-giorno {
  background-color: var(--background-color);
  border-left: 4px solid var(--accent-color-2);
  padding: var(--default-padding);
  font-size: var(--default-padding);
  margin-bottom: var(--default-padding);
  display: flex;
  justify-content: space-between;
  min-height: 56px;
}
.mercati-del-giorno .mercato-del-giorno .dati-mercato {
  flex-grow: 1;
}
.mercati-del-giorno .mercato-del-giorno .dati-mercato .nome-mercato {
  font-weight: bold;
}
.mercati-del-giorno .mercato-del-giorno .apri-mappa {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 32px;
}
.mappa-mercato .contenitore-mappa {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 63px;
  background-color: #bbb;
  z-index: var(--z-index-menu);
}
.mappa-mercato .contenitore-mappa > .mappa {
  touch-action: pan-x pan-y;
  overscroll-behavior: contain;
  background-color: #bbb;
  padding-bottom: 63px;
}
.mappa-mercato .contenitore-mappa > .mappa > img {
  max-width: unset;
  transform-origin: 0 0;
}
.mappa-mercato .contenitore-mappa > .chiudi-mappa {
  background-color: white;
  border: 1px solid black;
  font-size: 18px;
  padding: var(--default-padding);
  position: fixed;
  right: 0;
  top: 0;
  cursor: pointer;
}
.mappa-mercato .contenitore-mappa .controlli-zoom {
  position: fixed;
  bottom: 0;
  border-top: 1px solid var(--dark);
  width: 100%;
  /*.zoom-out {
                width: 48px;
            }*/
  /*
            .zoom-in {
                width: 48px;
            }
            */
}
.mappa-mercato .contenitore-mappa .controlli-zoom > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.mappa-mercato .contenitore-mappa .controlli-zoom > ul > li {
  display: inline-block;
  text-align: center;
  padding: var(--half-padding) var(--default-padding);
  cursor: pointer;
}
.mappa-mercato .contenitore-mappa .controlli-zoom .zoom-slider {
  flex-grow: 1;
}
.mappa-mercato .contenitore-mappa .controlli-zoom .zoom-slider > input {
  width: 100%;
  margin-top: 12px;
}
.spinner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: var(--z-index-spinner);
}
.spinner > div {
  background-color: white;
  padding: var(--default-padding-large) var(--default-padding-x-large);
}
.spinner > div img {
  margin: 0 auto;
  display: block;
  margin-bottom: var(--default-padding);
}
.spinner > div .testo {
  font-size: 18px;
  color: var(--dark) !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  text-align: center;
}
.no-result-found {
  background-color: var(--background-color);
  padding: var(--default-padding-x-large);
  text-align: center;
}
.borsellino-ricarica {
  padding-bottom: 150px;
}
.borsellino-ricarica input[type=number].form-control {
  text-align: right;
}
.borsellino-ricarica .ricarica-informativa {
  padding: var(--default-padding);
  background-color: var(--background-color);
  border: 2px solid var(--form-element-border-color);
  max-height: 40vh;
  overflow-y: auto;
  margin-bottom: var(--default-padding-large);
}
.borsellino-ricarica .ricarica-informativa .informativa-footer {
  text-align: center;
  border-top: 2px solid var(--form-element-border-color);
  padding-top: var(--default-padding);
  margin-top: var(--default-padding);
}
.borsellino-ricarica .avviso-informativa {
  margin-top: var(--default-padding);
}
.borsellino-ricarica .tagli-ricarica {
  cursor: pointer;
  text-transform: uppercase;
}
.borsellino-ricarica .tagli-ricarica > li {
  display: inline-block;
  background-color: var(--form-element-border-color);
  padding: var(--half-padding) var(--default-padding-large);
  margin-right: var(--default-padding);
  margin-bottom: var(--default-padding);
}
.borsellino-ricarica .tagli-ricarica > li.active {
  background-color: var(--primary-color);
  color: var(--background-color);
}
.borsellino-stato {
  display: flex;
  flex-direction: column;
}
.borsellino-stato h2 {
  margin-bottom: var(--half-padding);
  margin-top: var(--default-padding-large);
  z-index: calc(var(--z-index-default-higher) + 1);
}
.borsellino-stato .form-group {
  margin-bottom: var(--half-padding);
}
.borsellino-stato .btn {
  font-size: var(--font-size-normal);
  text-transform: uppercase;
  padding: 0 var(--default-padding) 0 var(--default-padding);
  margin-right: var(--default-padding);
  border-radius: 2px;
}
.borsellino-stato .btn.btn-primary {
  background-color: var(--primary-color);
}
.borsellino-stato .contenitore-lista-movimenti {
  margin-bottom: var(--default-padding-large);
  /*
        .lista-movimenti {
            max-height: 60vh;
            overflow-y: auto;
        }
            */
}
.borsellino-stato .contenitore-lista-movimenti h2 {
  position: sticky;
  top: var(--default-padding-x-large);
  background-color: var(--background-dark-color);
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti {
  background-color: var(--background-color);
  /*    border-left: 4px solid black;*/
  padding: var(--default-padding);
  font-size: var(--font-size-small);
  border-left: 4px solid var(--accent-color);
  grid-template-columns: 1fr 1fr 28px;
  margin-bottom: var(--default-padding);
  line-height: 1.4rem;
  display: flex;
  /*            .azioni {
                width: @half-padding-large;
                text-align: center;
                display: flex;
                flex-direction: column;
                justify-content: center;
                cursor: pointer;
            }*/
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti.chiuso .nascondi-se-chiuso {
  display: none;
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti.chiuso .nascondi-se-aperto {
  display: block;
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti .nascondi-se-aperto {
  display: none;
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti .azioni {
  width: var(--icon-size-medium);
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  z-index: var(--z-index-default-higher);
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti label {
  display: block;
  line-height: inherit;
  text-transform: none;
  font-weight: bold;
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti.accent2 {
  border-color: var(--accent-color-2);
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti.accent3 {
  border-color: var(--accent-color-3);
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti > div:first-child {
  flex-grow: 1;
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti.non-pagato {
  border-left-color: var(--color-danger);
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti.non-pagato .importo {
  color: var(--color-danger);
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti .titolo {
  border-bottom: 1px solid var(--separator-color);
  padding-bottom: var(--half-padding);
  grid-column-end: 4 !important;
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti .importo {
  font-weight: bold;
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti.da-effettuare {
  border-left-color: var(--color-danger);
}
.borsellino-stato .contenitore-lista-movimenti .elemento-lista-movimenti.da-effettuare .importo {
  color: var(--color-danger);
}
.alert {
  position: relative;
  padding: 1.5rem;
  margin-bottom: 1rem;
  border: 1px solid #5d7083;
  border-left-color: #5d7083;
  border-left-style: solid;
  border-left-width: 1px;
  padding-left: 4em;
  background-color: #fff;
  border-radius: 0;
  color: #1a1a1a;
}
.alert.alert-danger {
  background-position: 20px 16px;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  border-left: 8px solid hsl(350, 60%, 50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='hsl(350deg, 60%, 50%)' d='M11.5 14.2V5.7h1.2v8.5zm-.1 4.1h1.2v-1.8h-1.2zM22 7.9v8.3L16.1 22H7.9L2 16.2V7.9L7.9 2h8.2zm-1 .4L15.7 3H8.3L3 8.3v7.5L8.3 21h7.4l5.3-5.2z'%3E%3C/path%3E%3C/svg%3E");
}
.alert.alert-info {
  background-position: 20px 16px;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  border-left: 8px solid hsl(210, 17%, 44%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='hsl(210deg, 17%, 44%)' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 19a9 9 0 1 1 9-9 9 9 0 0 1-9 9zm-.7-15h1.5v2h-1.5zm0 3h1.5v9h-1.5z'%3E%3C/path%3E%3C/svg%3E");
}
.alert.alert-success {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='hsl(160deg, 100%, 25%)' d='M17.1 7.9l.7.7-7.8 7.6-4.7-4.6.7-.7 4 3.9zM22 12A10 10 0 1 1 12 2a10 10 0 0 1 10 10zm-1 0a9 9 0 1 0-9 9 9 9 0 0 0 9-9z'%3E%3C/path%3E%3C/svg%3E");
  background-position: 20px 16px;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  border-left: 8px solid hsl(160, 100%, 25%);
}
.alert.alert-warning {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='hsl(36deg, 100%, 30%)' d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 19a9 9 0 1 1 9-9 9 9 0 0 1-9 9zm-.5-6.8V5.7h1.2v8.5zm-.1 2.3h1.2v1.8h-1.2z'%3E%3C/path%3E%3C/svg%3E");
  background-position: 20px 16px;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  border-left: 8px solid hsl(36, 100%, 30%);
}
html {
  min-height: 100vh;
  overflow-y: unset;
}
html .lock-scroll {
  overflow-y: hidden;
}
html body {
  min-height: 100vh;
  background-color: var(--background-color);
}
@media screen and (min-width: 768px) {
  html body .home-logo {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    position: relative;
    margin-top: var(--default-padding-large) !important;
    /*
                .logo-ponmetro {
                    position: relative;
                    right: 15%;
                }

                .logo-europea {
                    position: relative;
                    left: 20%;
                }

                .logo-agenzia {
                    position: relative;
                    left: 5%;
                }
                */
  }
  html body .home-logo > div {
    flex-grow: 1;
    width: 33vw;
  }
}
html body .container {
  min-height: 100vh;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: var(--background-dark-color);
}
@media only screen and (max-width: 768px) {
  html body .container {
    padding: 0;
  }
}
html body .container > div {
  min-height: 100%;
  z-index: var(--z-index-default);
  background-color: var(--background-dark-color);
}
html body .container .contenuto-view {
  padding: 15px;
  font-size: var(--font-size-normal);
}
html .uppercase {
  text-transform: uppercase;
}