.messages-container ul {
  padding-left:0rem;
}
.nav-item a {
  color:#222222 !important;
  text-decoration:none !important;
}
.warning-in-label {
  display:inline-block;
  margin-top:-3px;
  margin-left:5px;
  padding:0px 7px;
  font-size:12px;
  color:#222;
  position:absolute;
}
.warning-in-label-menu {
  display:inline-block;
  margin-top:0px;
  margin-left:6px;
  padding:0px 7px;
  font-size:12px;
  color:#222;
  position:absolute;
}
.modal-content .warning-in-label {
  z-index:999999999 !important;
}
.modal-content .warning-on-button {
  z-index:999999999 !important;
}
.label-checkbox {
  color:#889699 !important;
  font-family:"Hanken Grotesk", "League Spartan" !important;
  font-size:14px !important;
  text-transform:none !important;
  font-weight:400 !important;
}
.password-dimenticata {
  margin-top:-5px;
}
.icona-filtra {
  background-image:url("font-awesome-icons/filter-icon.svg") !important;
  background-size:15px 11px !important;
}
.icona-cerca {
  background-image:url("font-awesome-icons/search-icon.svg") !important;
  background-repeat:no-repeat;
  background-position:right 1rem center;
  background-size:16px 12px;
}
.margine-special-cerca-header {
  margin-right:-20px;
}
/*---CAMPI FORM DENTRO AI MODAL---*/
/* .modal-content .form-control {
  color: #222;
  background-color: #fff;
  border: 1px solid #eeeeee;
  margin-bottom: 20px;
} */
/* .modal-content .form-select {
  color: #222;
  background-color: #fff;
  background-image: url("font-awesome-icons/chevron-down-icon.svg") !important;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 13px 10px;
  border: 1px solid #eeeeee;
  margin-bottom: 20px;
} */
/* input:disabled {
  background-color: #F7FAFB !important;
  border: 1px solid #eeeeee !important;
  margin-bottom: 20px;
}
select:disabled {
  background-color: #F7FAFB !important;
  border: 1px solid #eeeeee !important;
  margin-bottom: 20px;
} */
/* :disabled {
  filter: opacity(0.5);
  margin-bottom: 0px;
} */
/*---Fine---*/

.btn-check[disabled] + .scubo-btn, .btn-check[disabled] + .scubo-btn-shade, .btn-check[disabled] + .scubo-btn-round, .btn-check[disabled] + .scubo-btn-round-outline, .btn-check:disabled + .scubo-btn, .btn-check:disabled + .scubo-btn-shade, .btn-check:disabled + .scubo-btn-round, .btn-check:disabled + .scubo-btn-round-outline {
  pointer-events:none;
  filter:none;
  opacity:.65;
}
.input-group .scubo-btn, .input-group .scubo-btn-shade, .input-group .scubo-btn-round, .input-group .scubo-btn-round-outline {
  position:relative;
  z-index:2;
}
.input-group .scubo-btn:focus, .input-group .scubo-btn-shade:focus, .input-group .scubo-btn-round:focus, .input-group .scubo-btn-round-outline:focus {
  z-index:5;
}
.input-group-lg > .scubo-btn,.input-group-lg > .scubo-btn-shade,.input-group-lg > .scubo-btn-round,.input-group-lg > .scubo-btn-round-outline {
  padding:.5rem 1rem;
  font-size:1.25rem;
  border-radius:.5rem;
}
.input-group-sm > .scubo-btn,.input-group-sm > .scubo-btn-shade,.input-group-sm > .scubo-btn-round,.input-group-sm > .scubo-btn-round-outline {
  padding:.25rem .5rem;
  font-size:.875rem;
  border-radius:.25rem;
}
.errorlist {
  width:100%;
  /* margin-top:-10px; */
  color:var(--bs-danger-text);
  list-style:none;
  padding-left:0px;
}
.scubo-btn, .scubo-btn-shade, .scubo-btn-round, .scubo-btn-round-outline, button.link {
  --bs-btn-padding-x:.75rem;
  --bs-btn-padding-y:.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size:1rem;
  --bs-btn-font-weight:400;
  --bs-btn-line-height:1.5;
  --bs-btn-color:#212529;
  --bs-btn-bg:transparent;
  --bs-btn-border-width:var(--bs-border-width);
  --bs-btn-border-color:transparent;
  --bs-btn-border-radius:.375rem;
  --bs-btn-hover-border-color:transparent;
  --bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .15),0 1px 1px rgba(0, 0, 0, .075);
  --bs-btn-disabled-opacity:.65;
  --bs-btn-focus-box-shadow:0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display:inline-block;
  padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family:var(--bs-btn-font-family);
  font-size:var(--bs-btn-font-size);
  font-weight:var(--bs-btn-font-weight);
  line-height:var(--bs-btn-line-height);
  color:var(--bs-btn-color);
  text-align:center;
  text-decoration:none;
  vertical-align:middle;
  cursor:pointer;
  user-select:none;
  border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius:var(--bs-btn-border-radius);
  background-color:var(--bs-btn-bg);
  transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
  .btn, .scubo-btn, .scubo-btn-shade, .scubo-btn-round, .scubo-btn-round-outline {
      transition:none;
 }
}
scubo-btn:hover, .scubo-btn-shade:hover, .scubo-btn-round:hover, .scubo-btn-round-outline:hover {
  color:var(--bs-btn-hover-color);
  background-color:var(--bs-btn-hover-bg);
  border-color:var(--bs-btn-hover-border-color);
}
.btn-check + .scubo-btn:hover, .btn-check + .scubo-btn-shade:hover, .btn-check + .scubo-btn-round:hover, .btn-check + .scubo-btn-round-outline:hover {
  color:var(--bs-btn-color);
  background-color:var(--bs-btn-bg);
  border-color:var(--bs-btn-border-color);
}
.scubo-btn:focus-visible, .scubo-btn-shade:focus-visible, .scubo-btn-round:focus-visible, .scubo-btn-round-outline:focus-visible {
  color:var(--bs-btn-hover-color);
  background-color:var(--bs-btn-hover-bg);
  border-color:var(--bs-btn-hover-border-color);
  outline:0;
  box-shadow:var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .scubo-btn, .btn-check:focus-visible + .scubo-btn-shade, .btn-check:focus-visible + .scubo-btn-round, .btn-check:focus-visible + .scubo-btn-round-outline {
  border-color:var(--bs-btn-hover-border-color);
  outline:0;
  box-shadow:var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .scubo-btn, .btn-check:checked + .scubo-btn-shade, .btn-check:checked + .scubo-btn-round, .btn-check:checked + .scubo-btn-round-outline, :not(.btn-check) + .scubo-btn:active, :not(.btn-check) + .scubo-btn-shade:active, :not(.btn-check) + .scubo-btn-round:active, :not(.btn-check) + .scubo-btn-round-outline:active, .scubo-btn:first-child:active, .scubo-btn-shade:first-child:active, .scubo-btn-round:first-child:active, .scubo-btn-round-outline:first-child:active, .active.scubo-btn, .active.scubo-btn-shade, .active.scubo-btn-round, .active.scubo-btn-round-outline,.show.scubo-btn, .show.scubo-btn-shade, .show.scubo-btn-round, .show.scubo-btn-round-outline {
  color:var(--bs-btn-active-color);
  background-color:var(--bs-btn-active-bg);
  border-color:var(--bs-btn-active-border-color);
}
.btn-check:checked + .scubo-btn:focus-visible, .btn-check:checked + .scubo-btn-shade:focus-visible, .btn-check:checked + .scubo-btn-round:focus-visible, .btn-check:checked + .scubo-btn-round-outline:focus-visible, :not(.btn-check) + .scubo-btn:active:focus-visible, :not(.btn-check) + .scubo-btn-shade:active:focus-visible, :not(.btn-check) + .scubo-btn-round:active:focus-visible, :not(.btn-check) + .scubo-btn-round-outline:active:focus-visible, .scubo-btn:first-child:active:focus-visible, .scubo-btn-shade:first-child:active:focus-visible, .scubo-btn-round:first-child:active:focus-visible, .scubo-btn-round-outline:first-child:active:focus-visible, .active.scubo-btn:focus-visible, .active.scubo-btn-shade:focus-visible, .active.scubo-btn-round:focus-visible, .active.scubo-btn-round-outline:focus-visible, .show.scubo-btn:focus-visible, .show.scubo-btn-shade:focus-visible, .show.scubo-btn-round:focus-visible, .show.scubo-btn-round-outline:focus-visible {
  box-shadow:var(--bs-btn-focus-box-shadow);
}
.scubo-btn:disabled, .scubo-btn-secondary:disabled .scubo-btn-shade:disabled, .scubo-btn-round:disabled, .scubo-btn-round-outline:disabled, .btn.disabled, .disabled.scubo-btn, .disabled.scubo-btn-shade, .disabled.scubo-btn-round, .disabled.scubo-btn-round-outline, fieldset:disabled .scubo-btn, fieldset:disabled .scubo-btn-shade, fieldset:disabled .scubo-btn-round, fieldset:disabled .scubo-btn-round-outline {
  filter:opacity(.5);
}
.scubo-btn-round-outline {
  --bs-btn-color:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#f8f9fa;
  --bs-btn-hover-border-color:#f8f9fa;
  --bs-btn-focus-shadow-rgb:248, 249, 250;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#f8f9fa;
  --bs-btn-active-border-color:#f8f9fa;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color:#f8f9fa;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#f8f9fa;
  --bs-gradient:none;
}
.btn-group-lg > .scubo-btn, .btn-group-lg > .scubo-btn-shade, .btn-group-lg > .scubo-btn-round, .btn-group-lg > .scubo-btn-round-outline {
  --bs-btn-padding-y:.5rem;
  --bs-btn-padding-x:1rem;
  --bs-btn-font-size:1.25rem;
  --bs-btn-border-radius:.5rem;
}
.btn-group-sm > .scubo-btn, .btn-group-sm > .scubo-btn-shade, .btn-group-sm > .scubo-btn-round, .btn-group-sm > .scubo-btn-round-outline {
  --bs-btn-padding-y:.25rem;
  --bs-btn-padding-x:.5rem;
  --bs-btn-font-size:.875rem;
  --bs-btn-border-radius:.25rem;
}
.btn-group > .scubo-btn, .btn-group > .scubo-btn-shade, .btn-group > .scubo-btn-round, .btn-group > .scubo-btn-round-outline, .btn-group-vertical > .scubo-btn, .btn-group-vertical > .scubo-btn-shade, .btn-group-vertical > .scubo-btn-round, .btn-group-vertical > .scubo-btn-round-outline {
  position:relative;
  flex:1 1 auto;
}
.btn-group > .btn-check:checked + .scubo-btn, .btn-group > .btn-check:checked + .scubo-btn-shade, .btn-group > .btn-check:checked + .scubo-btn-round, .btn-group > .btn-check:checked + .scubo-btn-round-outline, .btn-group > .btn-check:focus + .scubo-btn, .btn-group > .btn-check:focus + .scubo-btn-shade, .btn-group > .btn-check:focus + .scubo-btn-round, .btn-group > .btn-check:focus + .scubo-btn-round-outline, .btn-group > .scubo-btn:hover, .btn-group > .scubo-btn-shade:hover, .btn-group > .scubo-btn-round:hover, .btn-group > .scubo-btn-round-outline:hover, .btn-group > .scubo-btn:focus, .btn-group > .scubo-btn-shade:focus, .btn-group > .scubo-btn-round:focus, .btn-group > .scubo-btn-round-outline:focus, .btn-group > .scubo-btn:active, .btn-group > .scubo-btn-shade:active, .btn-group > .scubo-btn-round:active, .btn-group > .scubo-btn-round-outline:active, .btn-group > .active.scubo-btn, .btn-group > .active.scubo-btn-shade, .btn-group > .active.scubo-btn-round, .btn-group > .active.scubo-btn-round-outline, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:checked + .scubo-btn, .btn-group-vertical > .btn-check:checked + .scubo-btn-shade, .btn-group-vertical > .btn-check:checked + .scubo-btn-round, .btn-group-vertical > .btn-check:checked + .scubo-btn-round-outline, .btn-group-vertical > .btn-check:focus + .scubo-btn, .btn-group-vertical > .btn-check:focus + .scubo-btn-shade, .btn-group-vertical > .btn-check:focus + .scubo-btn-round, .btn-group-vertical > .btn-check:focus + .scubo-btn-round-outline, .btn-group-vertical > .scubo-btn:hover, .btn-group-vertical > .scubo-btn-shade:hover, .btn-group-vertical > .scubo-btn-round:hover, .btn-group-vertical > .scubo-btn-round-outline:hover, .btn-group-vertical > .scubo-btn:focus, .btn-group-vertical > .scubo-btn-shade:focus, .btn-group-vertical > .scubo-btn-round:focus, .btn-group-vertical > .scubo-btn-round-outline:focus, .btn-group-vertical > .scubo-btn:active, .btn-group-vertical > .scubo-btn-shade:active, .btn-group-vertical > .scubo-btn-round:active, .btn-group-vertical > .scubo-btn-round-outline:active, .btn-group-vertical > .active.scubo-btn, .btn-group-vertical > .active.scubo-btn-shade, .btn-group-vertical > .active.scubo-btn-round, .btn-group-vertical > .active.scubo-btn-round-outline {
  z-index:1;
}
.btn-group > :not(.btn-check:first-child) + .scubo-btn, .btn-group > :not(.btn-check:first-child) + .scubo-btn-shade, .btn-group > :not(.btn-check:first-child) + .scubo-btn-round, .btn-group > :not(.btn-check:first-child) + .scubo-btn-round-outline, .btn-group > .btn-group:not(:first-child) {
  margin-left:calc(var(--bs-border-width) * -1);
}
.btn-group > .scubo-btn:not(:last-child):not(.dropdown-toggle), .btn-group > .scubo-btn-shade:not(:last-child):not(.dropdown-toggle), .btn-group > .scubo-btn-round:not(:last-child):not(.dropdown-toggle), .btn-group > .scubo-btn-round-outline:not(:last-child):not(.dropdown-toggle), .btn-group > .dropdown-toggle-split.scubo-btn:first-child, .btn-group > .dropdown-toggle-split.scubo-btn-shade:first-child, .btn-group > .dropdown-toggle-split.scubo-btn-round:first-child, .btn-group > .dropdown-toggle-split.scubo-btn-round-outline:first-child, .btn-group > .btn-group:not(:last-child) > .scubo-btn, .btn-group > .btn-group:not(:last-child) > .scubo-btn-shade, .btn-group > .btn-group:not(:last-child) > .scubo-btn-round, .btn-group > .btn-group:not(:last-child) > .scubo-btn-round-outline {
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}
.btn-group > .scubo-btn:nth-child(n+3), .btn-group > .scubo-btn-shade:nth-child(n+3), .btn-group > .scubo-btn-round:nth-child(n+3), .btn-group > .scubo-btn-round-outline:nth-child(n+3), .btn-group > :not(.btn-check) + .scubo-btn, .btn-group > :not(.btn-check) + .scubo-btn-shade, .btn-group > :not(.btn-check) + .scubo-btn-round, .btn-group > :not(.btn-check) + .scubo-btn-round-outline, .btn-group > .btn-group:not(:first-child) > .scubo-btn, .btn-group > .btn-group:not(:first-child) > .scubo-btn-shade, .btn-group > .btn-group:not(:first-child) > .scubo-btn-round, .btn-group > .btn-group:not(:first-child) > .scubo-btn-round-outline {
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}
.btn-group-sm > .scubo-btn + .dropdown-toggle-split, .btn-group-sm > .scubo-btn-shade + .dropdown-toggle-split, .btn-group-sm > .scubo-btn-round + .dropdown-toggle-split, .btn-group-sm > .scubo-btn-round-outline + .dropdown-toggle-split {
  padding-right:.375rem;
  padding-left:.375rem;
}
.btn-group-lg > .scubo-btn + .dropdown-toggle-split, .btn-group-lg > .scubo-btn-shade + .dropdown-toggle-split, .btn-group-lg > .scubo-btn-round + .dropdown-toggle-split, .btn-group-lg > .scubo-btn-round-outline + .dropdown-toggle-split {
  padding-right:.75rem;
  padding-left:.75rem;
}
.btn-group-vertical > .scubo-btn, .btn-group-vertical > .scubo-btn-shade, .btn-group-vertical > .scubo-btn-round, .btn-group-vertical > .scubo-btn-round-outline{
  width:100%;
}
.btn-group-vertical > .scubo-btn:not(:first-child), .btn-group-vertical > .scubo-btn-shade:not(:first-child), .btn-group-vertical > .scubo-btn-round:not(:first-child), .btn-group-vertical > .scubo-btn-round-outline:not(:first-child){
  margin-top:calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .scubo-btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .scubo-btn-shade:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .scubo-btn-round:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .scubo-btn-round-outline:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .scubo-btn, .btn-group-vertical > .btn-group:not(:last-child) > .scubo-btn-shade, .btn-group-vertical > .btn-group:not(:last-child) > .scubo-btn-round, .btn-group-vertical > .btn-group:not(:last-child) > .scubo-btn-round-outline {
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}
.btn-group-vertical > .scubo-btn ~ .btn, .btn-group-vertical > .scubo-btn-shade ~ .btn, .btn-group-vertical > .scubo-btn-round ~ .btn, .btn-group-vertical > .scubo-btn-round-outline ~ .btn, .btn-group-vertical > .btn ~ .scubo-btn, .btn-group-vertical > .btn ~ .scubo-btn-shade, .btn-group-vertical > .btn ~ .scubo-btn-round, .btn-group-vertical > .btn ~ .scubo-btn-round-outline, .btn-group-vertical > .scubo-btn ~ .scubo-btn, .btn-group-vertical > .scubo-btn-shade ~ .scubo-btn, .btn-group-vertical > .scubo-btn ~ .scubo-btn-shade, .btn-group-vertical > .scubo-btn-shade ~ .scubo-btn-shade, .btn-group-vertical > .scubo-btn-round ~ .scubo-btn, .btn-group-vertical > .scubo-btn-round-outline ~ .scubo-btn, .btn-group-vertical > .scubo-btn-round ~ .scubo-btn-shade, .btn-group-vertical > .scubo-btn-round-outline ~ .scubo-btn-shade, .btn-group-vertical > .scubo-btn ~ .scubo-btn-round, .btn-group-vertical > .scubo-btn ~ .scubo-btn-round-outline, .btn-group-vertical > .scubo-btn-shade ~ .scubo-btn-round, .btn-group-vertical > .scubo-btn-shade ~ .scubo-btn-round-outline, .btn-group-vertical > .scubo-btn-round ~ .scubo-btn-round, .btn-group-vertical > .scubo-btn-round-outline ~ .scubo-btn-round, .btn-group-vertical > .scubo-btn-round ~ .scubo-btn-round-outline, .btn-group-vertical > .scubo-btn-round-outline ~ .scubo-btn-round-outline, .btn-group-vertical > .btn-group:not(:first-child) > .scubo-btn, .btn-group-vertical > .btn-group:not(:first-child) > .scubo-btn-shade, .btn-group-vertical > .btn-group:not(:first-child) > .scubo-btn-round, .btn-group-vertical > .btn-group:not(:first-child) > .scubo-btn-round-outline {
  border-top-left-radius:0;
  border-top-right-radius:0;
}
.current {
  margin:0px 10px;
}
.badge .badge{
  margin:0px 0px;
}
.scubo-btn .badge, .scubo-btn-shade .badge, .scubo-btn-round .badge, .scubo-btn-round-outline .badge {
  position:relative;
  top:-1px;
}
.close-btn-basic {
  border:none;
  background-color:#0000;
  color:#222;
  font-size:18px;
  padding:0px;
}
.modal-title-container {
  margin-bottom:20px;
}

.placeholder.scubo-btn::before, .placeholder.scubo-btn-shade::before, .placeholder.scubo-btn-round::before, .placeholder.scubo-btn-round-outline::before {
  display:inline-block;
  content:"";
}
/* STILI SCUBO */

.p {
  font-size:14px !important;
}

/* Stili comuni */
.disabled-text, .sidebar span.scubo-sidebar-title, span.scubo-sidebar-title {
  color:#889699 !important;
  font-size:10px;
  text-transform:uppercase;
  font-family:'Hanken Grotesk';
  font-weight:500;
 /* TODO:Aggiunto per tagliare i campi troppo lunghi*/
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.disabled-text-normal{
  color:#889699 !important;
  font-family:'Hanken Grotesk';
  font-weight:500;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
/* BOTTONI */
/* Stili comuni a tutti i bottoni */
.scubo-btn, .scubo-btn-shade, .scubo-btn-round, .scubo-btn-round-outline {
  border-radius:13px;
  text-align:center;
  font-size:13px;
  line-height:.7;
  color:#ffffff;
}
/* Bottone rotondo generico */
.scubo-btn-round, .scubo-btn-round-outline {
  width:26px;
  padding:6px 0px;
}

/* Bottone circolare outline */
/* STILI PARAGRAFO E TITOLI */
/* .modal-content .h2 {
  font-family:'Hanken Grotesk';
  line-height:1.2;
  font-weight:600;
  font-size:14px;
  margin-bottom:15px;
  text-transform:uppercase;
} */

/** TABLE **/
td {
  vertical-align:middle;
}
/*---PULSANTI Grafica Nuova---*/
.scubo-btn {
  font-size:13px;
  background-color:#3A8596;
  border:1px solid #3A8596;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  margin-left:3px;
  box-shadow:0px 4px #044250;
  transition:.1s;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
}
/* .scubo-btn a {
  font-size:13px;
  background-color:#3A8596;
  border:1px solid #3A8596;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  margin-left:3px;
  box-shadow:0px 4px #044250;
  transition:.1s;
  color:#fff !important;
  text-decoration:none !important;
  white-space:nowrap;
} */
/* .scubo-btn-a {
  font-size:13px;
  background-color:#3A8596;
  border:1px solid #3A8596;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  margin-left:3px;
  box-shadow:0px 4px #044250;
  transition:.1s;
  color:#fff !important;
  text-decoration:none !important;
  white-space:nowrap;
} */
/* .scubo-btn:hover {
  font-size:13px;
  background-color:#3A8596;
  color:#fff !important;
  border:1px solid #3A8596;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  margin-left:3px;
  box-shadow:0px 4px #044250;
  transition:.1s;
  text-decoration:none !important;
  white-space:nowrap;
}
.scubo-btn:active {
  font-size:13px;
  background-color:#3A8596 !important;
  color:#fff !important;
  border:1px solid #3A8596 !important;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:5px;
  margin-left:3px;
  box-shadow:0px 1px #044250;
  transition:.1s;
  white-space:nowrap;
}
.scubo-btn {
  font-size:13px;
  background-color:#3A8596;
  border:1px solid #3A8596;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  margin-left:3px;
  box-shadow:0px 4px #044250;
  transition:.1s;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
}
.scubo-btn a {
  font-size:13px;
  background-color:#3A8596;
  border:1px solid #3A8596;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  margin-left:3px;
  box-shadow:0px 4px #044250;
  transition:.1s;
  color:#fff !important;
  text-decoration:none !important;
  white-space:nowrap;
}
.scubo-btn-a {
  font-size:13px;
  background-color:#3A8596;
  border:1px solid #3A8596;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  margin-left:3px;
  box-shadow:0px 4px #044250;
  transition:.1s;
  color:#fff !important;
  text-decoration:none !important;
  white-space:nowrap;
}
.scubo-btn:hover {
  font-size:13px;
  background-color:#3A8596;
  color:#fff !important;
  border:1px solid #3A8596;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  margin-left:3px;
  box-shadow:0px 4px #044250;
  transition:.1s;
  text-decoration:none !important;
  white-space:nowrap;
}
.scubo-btn:active {
  font-size:13px;
  background-color:#3A8596 !important;
  color:#fff !important;
  border:1px solid #3A8596 !important;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:5px;
  margin-left:3px;
  box-shadow:0px 1px #044250;
  transition:.1s;
  white-space:nowrap;
}
.scubo-btn-tertiary {
  font-size:13px;
  color:#889699;
  background-color:#fff;
  border:1px solid #eeeeee;
  border-radius:50px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  padding:8px 13px;
  margin-left:3px;
  transition:.2s;
  position:relative;
  text-decoration:none !important;
  white-space:nowrap;
}
.scubo-btn-tertiary:hover {
  font-size:13px;
  background-color:#F2F7F8;
  color:#3a8596 !important;
  border:1px solid #3A8596;
  border-radius:50px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  padding:8px 13px;
  margin-left:3px;
  transition:.2s;
  text-decoration:none !important;
  white-space:nowrap;
} */
.scubo-btn-red {
  font-size:13px;
  background-color:#F0686A;
  border:1px solid #F0686A;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  margin-left:3px;
  box-shadow:0px 4px #bf4d4c;
  transition:.1s;
  color:#fff;
  text-decoration:none;
  line-height:.7;
  white-space:nowrap;
}
.scubo-btn-red a {
  font-size:13px;
  background-color:#F0686A;
  border:1px solid #F0686A;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  margin-left:3px;
  box-shadow:0px 4px #bf4d4c;
  transition:.1s;
  color:#fff !important;
  text-decoration:none !important;
  line-height:.7;
  white-space:nowrap;
}
.scubo-btn-red-a {
  font-size:13px;
  background-color:#F0686A;
  border:1px solid #F0686A;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  margin-left:3px;
  box-shadow:0px 4px #bf4d4c;
  transition:.1s;
  color:#fff !important;
  text-decoration:none !important;
  line-height:.7;
  white-space:nowrap;
}
.scubo-btn-red:hover {
  font-size:13px;
  background-color:#F0686A;
  color:#fff !important;
  border:1px solid #F0686A;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  margin-left:3px;
  box-shadow:0px 4px #bf4d4c;
  transition:.1s;
  text-decoration:none !important;
  line-height:.7;
  white-space:nowrap;
}
.scubo-btn-red:active {
  font-size:13px;
  background-color:#F0686A !important;
  color:#fff !important;
  border:1px solid #F0686A !important;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:5px;
  margin-left:3px;
  box-shadow:0px 1px #bf4d4c;
  transition:.1s;
  line-height:.7;
  white-space:nowrap;
}
.scubo-btn-secondary {
  font-size:13px;
  color:#3A8596;
  background-color:#0000;
  border:1px solid #3A8596;
  border-radius:50px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:-1px;
  margin-left:3px;
  transition:.2s;
  position:relative;
  text-decoration:none !important;
  white-space:nowrap;
}
tbody:not(:has(tr.ui-sortable-helper)):not(:has(.jqs-day)) tr:hover .scubo-btn-secondary, tr.ui-sortable-placeholder .scubo-btn-secondary {
  background-color:#3A8596;
  color:#fff !important;
  box-shadow:0px 4px #044250;
  transition:.2s;
  margin-top:-1px;
  margin-left:3px;
  text-decoration:none !important;
  white-space:nowrap;
}
tbody:not(:has(tr.ui-sortable-helper)) tr:hover .scubo-btn-secondary:active, tr.ui-sortable-placeholder .scubo-btn-secondary:active {
  background-color:#3A8596;
  color:#fff !important;
  box-shadow:0px 1px #044250;
  transition:.2s;
  margin-top:5px;
  margin-left:3px;
  text-decoration:none !important;
  white-space:nowrap;
}
.scubo-btn-secondary:hover {
  font-size:13px;
  background-color:#3A8596;
  color:#fff !important;
  border:1px solid #3A8596;
  border-radius:50px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  margin-left:3px;
  box-shadow:0px 4px #044250;
  transition:.2s;
  text-decoration:none !important;
  white-space:nowrap;
}
.scubo-btn-secondary:active {
  font-size:13px;
  background-color:#3A8596 !important;
  color:#fff !important;
  border:1px solid #3A8596 !important;
  border-radius:50px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:5px;
  margin-left:3px;
  box-shadow:0px 1px #044250;
  transition:.2s;
  white-space:nowrap;
}
.scubo-btn-red-rounded {
  font-size:16px;
  border:1px solid #f0686a;
  border-radius:70pc;
  background-color:#F0686A;
  color:#fff;
  padding:13px 9px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  box-shadow:0px 3px #bf4d4c;
  transition:.1s;
  margin-bottom:13px;
  line-height:1px;
}
.scubo-btn-red-rounded:active {
  padding:13px 9px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:5px;
  box-shadow:0px 1px #BF4D4C;
  transition:.1s;
  margin-bottom:13px;
}
.scubo-btn-red-rounded-secondary {
  font-size:12px;
  border:1px solid #f0686a;
  border-radius:70pc;
  background-color:#0000;
  color:#f0686a;
  padding:10px 10px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:-1px;
  transition:.1s;
  margin-bottom:0px;
  margin-left:5px;
  line-height:.7;
}
.scubo-btn-red-rounded-secondary:hover {
  font-size:12px;
  border:1px solid #f0686a;
  border-radius:70pc;
  background-color:#f0686a;
  color:#fff;
  padding:10px 10px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:0px;
  box-shadow:0px 4px #bf4d4c;
  transition:.1s;
  line-height:.7;
}
.scubo-btn-red-rounded-secondary:active {
  font-size:12px;
  border:1px solid #f0686a !important;
  border-radius:70pc;
  background-color:#f0686a !important;
  color:#fff !important;
  padding:10px 10px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:3px;
  box-shadow:0px 1px #bf4d4c;
  transition:.1s;
  line-height:.7;
}
tbody:not(:has(tr.ui-sortable-helper)) tr:hover .scubo-btn-red-rounded-secondary:active, tr.ui-sortable-placeholder .scubo-btn-red-rounded-secondary:active {
  font-size:12px;
  border:1px solid #f0686a;
  border-radius:70pc;
  background-color:#f0686a;
  color:#fff;
  padding:10px 10px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:3px;
  box-shadow:0px 1px #bf4d4c;
  transition:.1s;
  line-height:.7;
}
tbody:not(:has(tr.ui-sortable-helper)) tr:hover .scubo-btn-red-rounded-secondary, tr.ui-sortable-placeholder .scubo-btn-red-rounded-secondary {
  font-size:12px;
  border:1px solid #f0686a;
  border-radius:70pc;
  background-color:#f0686a;
  color:#fff;
  padding:10px 10px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:0px;
  box-shadow:0px 4px #bf4d4c;
  transition:.1s;
  line-height:.7;
}
.scubo-round-btn {
  padding:10px;
  margin:0px 5px;
  font-size:12px;
  text-overflow:clip!important;
}
.scubo-round-btn:hover {
  padding:10px;
  margin:0px 5px;
  font-size:12px;
}
.scubo-round-btn:active {
  padding:10px;
  margin:5px 5px 0px 5px;
  font-size:12px;
}
.scubo-round-btn-secondary {
  padding:10px;
  margin:0px 5px;
  font-size:12px;
  box-shadow:none;
  background-color:#0000;
  color:#3A8596;
  white-space:nowrap;
}
tbody:not(:has(tr.ui-sortable-helper)) tr:hover .scubo-round-btn-secondary, tr.ui-sortable-placeholder .scubo-round-btn-secondary {
  background-color:#3A8596;
  color:#fff;
  box-shadow:0px 4px #044250;
}
tbody:not(:has(tr.ui-sortable-helper)) tr:hover .scubo-round-btn-secondary:active, tr.ui-sortable-placeholder .scubo-round-btn-secondary:active {
  background-color:#3A8596;
  color:#fff;
  box-shadow:0px 1px #044250;
  margin-top:5px;
}
.scubo-round-btn-secondary:hover {
  padding:10px;
  margin:0px 5px;
  font-size:12px;
}
.scubo-round-btn-secondary:active {
  padding:10px;
  margin:0px 5px;
  font-size:12px;
}
.btn-form-container {
  margin-top:15px;
  max-width:fit-content;
}
.scubo-btn-save-modal:active {
  margin-bottom:-4px;
}
/*---TAB MODAL---*/
:root {
  --primary-color:#185ee0;
  --secondary-color:#e6eef9;
}
*, *:after, *:before {
  box-sizing:border-box;
}
.container-special {
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.tabs-special {
  display:flex;
  position:relative;
  background-color:#f7fafb;
  padding:6px 6px;
  border:1px solid #eee;
  border-radius:99px;
}
.tabs-special * {
  z-index:2;
}
.tabs-special input[type="radio"] {
  display:none;
}
.tab-special {
  display:flex;
  align-items:center;
  justify-content:center;
  height:35px;
  width:150px;
  font-size:14px;
  font-weight:500;
  border-radius:99px;
  cursor:pointer;
  transition:color .15s ease-in;
}
.notification-special {
  display:flex;
  align-items:center;
  justify-content:center;
  width:2rem;
  height:2rem;
  margin-left:.75rem;
  border-radius:50%;
  background-color:var(--secondary-color);
  transition:.15s ease-in;
}
input[type="radio"]:checked + label > .notification-special {
  background-color:var(--primary-color);
  color:#fff;
}
input[id="radio-1"]:checked ~ .glider-special {
  transform:translateX(0);
}
input[id="radio-2"]:checked ~ .glider-special {
  transform:translateX(100%);
}
input[id="radio-3"]:checked ~ .glider-special {
  transform:translateX(200%);
}
.glider-special {
  position:absolute;
  display:flex;
  height:35px;
  width:150px;
  background-color:#3A8596;
  z-index:1;
  border-radius:99px;
  transition:.25s ease-out;
}
@media (max-width:700px) {
  .tabs-special {
      transform:scale(.6);
 }
}


/*---PROVA MODAL DA MOBILE---*/
@media (max-width:575.98px) {
  .modal-dialog {
      position:relative;
      width:auto;
      margin:150px 0px 0px -1px;
      pointer-events:none;
 }
  .modal-content {
      padding:15px;
 }
}
/*---CSS PROVVISORIO MODAL XZY---*/
.selector {
  width:800px;
  float:left;
  display:flex;
}
.selector select {
  width:380px;
  height:17.2em;
  flex:1 0 auto;
}
.selector-available, .selector-chosen {
  width:380px;
  text-align:center;
  margin-bottom:5px;
  display:flex;
  flex-direction:column;
}
.selector .help-icon {
  background:url("/static/admin/img/icon-unknown.svg") 0 0 no-repeat;
  display:inline-block;
  vertical-align:middle;
  margin:-2px 0 0 2px;
  width:13px;
  height:13px;
}
.selector .selector-filter {
  border:1px solid #eeeeee;
  border-width:0 1px;
  padding:8px;
  color:#222222;
  font-size:.625rem;
  margin:0;
  text-align:left;
}
.selector .search-label-icon {
  background:url("/static/admin/img/search.svg") 0 0 no-repeat;
  display:inline-block;
  height:18px;
  width:18px;
}
.selector .selector-filter label, .inline-group .aligned .selector .selector-filter label {
  float:left;
  margin:2px 0 0;
  width:18px;
  height:18px;
  padding:0;
  overflow:hidden;
  line-height:1;
}
.selector select {
  padding:0 10px;
  margin:0 0 10px;
  border-radius:0 0 4px 4px;
}
a.active.selector-chooseall, a.active.selector-clearall {
  opacity:1;
}
a.selector-chooseall {
  padding:0 18px 0 0;
  background:url("/static/admin/img/selector-icons.svg") right -160px no-repeat;
  cursor:default;
}
.selector-chosen h2 {
  background:#79aec8;
  color:#f8f8f8;
}
.selector-available h2, .selector-chosen h2 {
  border:1px solid #eeeeee;
  border-radius:4px 4px 0 0;
}
.selector .selector-available h2 {
  background:#f8f8f8;
  color:#222;
}
a.selector-chooseall, a.selector-clearall {
  display:inline-block;
  height:16px;
  text-align:left;
  margin:1px auto 3px;
  overflow:hidden;
  font-weight:bold;
  line-height:16px;
  color:#666;
  text-decoration:none;
  opacity:.55;
}
.selector ul.selector-chooser {
  align-self:center;
  width:22px;
  background-color:#ccc;
  border-radius:10px;
  margin:0 5px;
  padding:0;
  transform:translateY(-17px);
}
.selector-chooser li {
  margin:0;
  padding:3px;
  list-style-type:none;
}
.selector-add, .selector-remove {
  width:16px;
  height:16px;
  display:block;
  text-indent:-3000px;
  overflow:hidden;
  cursor:default;
  opacity:.55;
}
.selector-add {
  background:url("/static/admin/img/selector-icons.svg") 0 -96px no-repeat;
}
.selector-remove {
  background:url("/static/admin/img/selector-icons.svg") 0 -64px no-repeat;
}
a.selector-chooseall {
  padding:0 18px 0 0;
  background:url("/static/admin/img/selector-icons.svg") right -160px no-repeat;
  cursor:default;
}
a.selector-clearall {
  padding:0 0 0 18px;
  background:url("/static/admin/img/selector-icons.svg") 0 -128px no-repeat;
  cursor:default;
}

input[type=submit] {
  font-size:13px;
  background-color:#3A8596;
  border:1px solid #3A8596;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  box-shadow:0px 4px #044250;
  transition:.1s;
  color:#fff;
  width:30%;
}
input[type=submit]:hover {
  font-size:13px;
  background-color:#3A8596;
  border:1px solid #3A8596;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:1px;
  box-shadow:0px 4px #044250;
  transition:.1s;
  color:#fff;
  width:30%;
}
input[type=submit]:active {
  font-size:13px;
  background-color:#3A8596 !important;
  color:#fff !important;
  border:1px solid #3A8596 !important;
  border-radius:50px;
  padding:11px 16px 10px 16px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:5px;
  box-shadow:0px 1px #044250;
  transition:.1s;
  color:#fff;
  width:30%;
}
select {
  border:1px solid #eee;
  padding:5px 6px;
  margin-top:0;
  color:#222222;
  background-color:#fff;
}
a.active.selector-chooseall:focus, a.active.selector-chooseall:hover {
  background-position:100% -176px;
}
a.active.selector-chooseall:hover, a.active.selector-clearall:hover {
  cursor:pointer;
}
a.active.selector-chooseall:focus, a.active.selector-clearall:focus, a.active.selector-chooseall:hover, a.active.selector-clearall:hover {
  color:#087990;
}
/* SPASCA:Stili per gli accordion punteggio */
.accordion-item-badge {
  background-color:#D0ECE0;
  padding:4px 8px;
  border-left:4px solid #44B282;
  color:#222222;
  margin-left:20px;
  font-weight:500;
}
.badge-null {
  filter:grayscale(1);
}
/*---WIGET COMMISSIONI---*/

.selectize-control.plugin-remove_button .item .remove {
  background:#fff0;
  color:#fff !important;
  border:none !important;
  text-decoration:none !important;
}
.selectize-control.multi .selectize-input.has-items {
  padding:8px 8px !important;
}
.selectize-control.plugin-remove_button .item .remove:hover {
  background:#0000 !important;
  color:#fff !important;
  border:none !important;
  text-decoration:none !important;
}
.selectize-input>input[placeholder]{
  width:100%!important;
  top:2px;
}
/*---OCCHIO PASSWORD---*/
button#toggle-password {
  position:absolute;
  top:3px;
  right:4px;
  z-index:9;
  width:28px;
  height:30px;
  background:0;
  border:0;
}
.password-toggler{
  top:0;
  bottom:0;
  margin-bottom:auto;
  margin-top:auto;
}
.input-password {
  padding-right:calc(1.5em + .75rem);
  background-repeat:no-repeat;
  background-position:right calc(.375em + .1875rem) center;
  background-size:calc(.75em + .375rem) calc(.75em + .375rem);
}
/*---CARICAMENTO---*/
.loading-container {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:row;
  margin:100px auto;
  width:50%;
}
@keyframes rotate {
  0% {
      transform:rotateX(-37.5deg) rotateY(45deg);
 }
  50% {
      transform:rotateX(-37.5deg) rotateY(405deg);
 }
  100% {
      transform:rotateX(-37.5deg) rotateY(405deg);
 }
}
.cube, .cube * {
  position:absolute;
  width:76px;
  height:76px;
}
.sides {
  animation:rotate 3s ease infinite;
  animation-delay:.8s;
  transform-style:preserve-3d;
  transform:rotateX(-37.5deg) rotateY(45deg);
}
.cube .sides .top {
  box-sizing:border-box;
  background-color:#3A8596;
}
.cube .sides .bottom {
  box-sizing:border-box;
  background-color:#3A8596;
}
.cube .sides .right {
  box-sizing:border-box;
  background-color:#F0686A;
}
.cube .sides .left {
  box-sizing:border-box;
  background-color:#F0686A;
}
.cube .sides .front {
  box-sizing:border-box;
  background-color:#FFC86C;
}
.cube .sides .back {
  box-sizing:border-box;
  background-color:#FFC86C;
}
.cube .sides .top {
  animation:top-animation 3s ease infinite;
  animation-delay:0ms;
  transform:rotateX(90deg) translateZ(75px);
  animation-fill-mode:forwards;
  transform-origin:50% 50%;
}
@keyframes top-animation {
  0% {
      opacity:1;
      transform:rotateX(90deg) translateZ(75px);
 }
  20% {
      opacity:1;
      transform:rotateX(90deg) translateZ(37.5px);
 }
  70% {
      opacity:1;
      transform:rotateX(90deg) translateZ(37.5px);
 }
  90% {
      opacity:1;
      transform:rotateX(90deg) translateZ(75px);
 }
  100% {
      opacity:1;
      transform:rotateX(90deg) translateZ(75px);
 }
}
.cube .sides .bottom {
  animation:bottom-animation 3s ease infinite;
  animation-delay:0ms;
  transform:rotateX(-90deg) translateZ(75px);
  animation-fill-mode:forwards;
  transform-origin:50% 50%;
}
@keyframes bottom-animation {
  0% {
      opacity:1;
      transform:rotateX(-90deg) translateZ(75px);
 }
  20% {
      opacity:1;
      transform:rotateX(-90deg) translateZ(37.5px);
 }
  70% {
      opacity:1;
      transform:rotateX(-90deg) translateZ(37.5px);
 }
  90% {
      opacity:1;
      transform:rotateX(-90deg) translateZ(75px);
 }
  100% {
      opacity:1;
      transform:rotateX(-90deg) translateZ(75px);
 }
}
.cube .sides .front {
  animation:front-animation 3s ease infinite;
  animation-delay:100ms;
  transform:rotateY(0deg) translateZ(75px);
  animation-fill-mode:forwards;
  transform-origin:50% 50%;
}
@keyframes front-animation {
  0% {
      opacity:1;
      transform:rotateY(0deg) translateZ(75px);
 }
  20% {
      opacity:1;
      transform:rotateY(0deg) translateZ(37.5px);
 }
  70% {
      opacity:1;
      transform:rotateY(0deg) translateZ(37.5px);
 }
  90% {
      opacity:1;
      transform:rotateY(0deg) translateZ(75px);
 }
  100% {
      opacity:1;
      transform:rotateY(0deg) translateZ(75px);
 }
}
.cube .sides .back {
  animation:back-animation 3s ease infinite;
  animation-delay:100ms;
  transform:rotateY(-180deg) translateZ(75px);
  animation-fill-mode:forwards;
  transform-origin:50% 50%;
}
@keyframes back-animation {
  0% {
      opacity:1;
      transform:rotateY(-180deg) translateZ(75px);
 }
  20% {
      opacity:1;
      transform:rotateY(-180deg) translateZ(37.5px);
 }
  70% {
      opacity:1;
      transform:rotateY(-180deg) translateZ(37.5px);
 }
  90% {
      opacity:1;
      transform:rotateY(-180deg) translateZ(75px);
 }
  100% {
      opacity:1;
      transform:rotateY(-180deg) translateZ(75px);
 }
}
.cube .sides .left {
  animation:left-animation 3s ease infinite;
  animation-delay:100ms;
  transform:rotateY(-90deg) translateZ(75px);
  animation-fill-mode:forwards;
  transform-origin:50% 50%;
}
@keyframes left-animation {
  0% {
      opacity:1;
      transform:rotateY(-90deg) translateZ(75px);
 }
  20% {
      opacity:1;
      transform:rotateY(-90deg) translateZ(37.5px);
 }
  70% {
      opacity:1;
      transform:rotateY(-90deg) translateZ(37.5px);
 }
  90% {
      opacity:1;
      transform:rotateY(-90deg) translateZ(75px);
 }
  100% {
      opacity:1;
      transform:rotateY(-90deg) translateZ(75px);
 }
}
.cube .sides .right {
  animation:right-animation 3s ease infinite;
  animation-delay:100ms;
  transform:rotateY(90deg) translateZ(75px);
  animation-fill-mode:forwards;
  transform-origin:50% 50%;
}
@keyframes right-animation {
  0% {
      opacity:1;
      transform:rotateY(90deg) translateZ(75px);
 }
  20% {
      opacity:1;
      transform:rotateY(90deg) translateZ(37.5px);
 }
  70% {
      opacity:1;
      transform:rotateY(90deg) translateZ(37.5px);
 }
  90% {
      opacity:1;
      transform:rotateY(90deg) translateZ(75px);
 }
  100% {
      opacity:1;
      transform:rotateY(90deg) translateZ(75px);
 }
}
/*--------*/
.popover {
  background:white;
}

/*---- SORTABLE TABLE ----*/
.ui-sortable-placeholder{
 /* background-color:#F2F7F8;
  */
  border-width:3px;
  border-color:#0000ff3d;
  border-radius:1px;
}


/*---NUOVA GRAFICA (Provvisoria?) accrdion--- .accordion-item {
  color:var(--bs-accordion-color);
  background-color:var(--bs-accordion-bg);
  border:1px solid #dee2e6 !important;
}
.accordion-item:first-of-type {
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  margin-bottom:25px;
}
.accordion-button:not(.collapsed) {
  color:#222;
  background-color:#c1dadf;
  box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
  font-weight:600;
}
.accordion-body {
  padding:30px 30px;
  background-color:#f2f7f875;
}
*/
/*---- TYPE SEARCH ----*/
input[type="search"]:hover:not(:placeholder-shown), input[type="search"]:focus:not(:placeholder-shown), select[type="search"]:hover:not(:placeholder-shown), select[type="search"]:focus:not(:placeholder-shown){
  background-image:none!important;
}
.compact-table tr, .compact-table td {
  height:0px;
}
.ui-state-hover {
  background:lightyellow;
}
.ui-state-active {
  background:lightgray 
}
/*---Modifiche Pagina Colloqui---*/

.margin-top-meno-35 {
  margin-top:-35px;
}
.no-underline {
  text-decoration:none !important;
}
div[data-interactive-checkbox-label]:has(input[type="checkbox"]:not(:checked)) label.checkbox-true-label{
  display:none;
}
div[data-interactive-checkbox-label]:has(input[type="checkbox"]:checked) label.checkbox-false-label{
  display:none;
}
.custom-file-input {
  position:relative;
  z-index:2;
  width:100%;
  height:calc(1.5em + .75rem + 2px);
  margin:0;
  opacity:0;
}
.custom-file-label {
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:1;
  height:calc(1.5em + .75rem + 2px);
  padding:.375rem .75rem;
  font-weight:400;
  line-height:1.5;
  color:#495057;
  background-color:#fff;
  border:1px solid #ced4da;
  border-radius:.25rem;
}
.custom-file {
  position:relative;
  display:inline-block;
  width:100%;
  height:calc(1.5em + .75rem + 2px);
  margin-bottom:20px;
}
.custom-file + * .errorlist{
  margin-top:0;
}
.custom-file-label::after {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  z-index:3;
  display:block;
  height:calc(1.5em + .75rem);
  padding:.375rem .75rem;
  line-height:1.5;
  color:#495057;
  content:"Browse";
  background-color:#e9ecef;
  border-left:inherit;
  border-radius:0 .25rem .25rem 0;
}
.custom-file-input~.custom-file-label[data-browse]::after {
  content:attr(data-browse);
}
.custom-file-model-btn {
    height: fit-content;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    font-size: 12px;
    font-family: var(--gscu-text-font);
    font-style: normal;
    margin-right: 12px!important;
}
.v-table tr{
  height:20px;
}
.v-table th{
  height:20px;
  padding: 12px 8px 4px 8px !important;
}
.v-table td{
  height:30px;
}
.v-table tr:has(td.d-none){
  display:none;
}
.loading-fade{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  right:0;
  bottom:0;
  background:black;
  opacity:5%;
  z-index:1030;
  left:0;
}

.refreshable-loading-animation {
  position:absolute;
  display:none;
  left:0;
  right:0;
  margin:auto;
  top:0;
  bottom:0;
  width:100%;
  background:#0000000c;
  z-index:1030;
}
.scubo-search-btn{
  width:fit-content;
}
.search-section{
  border:1px solid #000;
  padding-bottom:10px;
  margin-bottom:20px;
}
.search-section-title{
  margin-top:-14px;
}
.search-section-title span{
  background-color:var(--bs-tertiary-bg);
}
.in-group-input, .input-group span{
  font-size:.75rem;
  padding:.375rem .75rem;
}
.floating-label{
  position:absolute;
  margin-left:10px;
  margin-top:5px;
  transition:.15s ease-in-out;
  opacity:70%;
}
.in-group-form-container{
  all:initial;
  position:relative;
  flex:1 1 auto;
  width:1%;
  max-width:25vw;
}
.in-group-form-container:has(input:not([type='hidden']):not(:placeholder-shown)) .floating-label, .in-group-form-container:has(input:focus) .floating-label, .in-group-form-container:has(select option:first-of-type:not(:checked)) .floating-label{
  position:absolute;
  margin-left:5px;
  margin-top:-6px;
  transition:.15s ease-in-out;
  opacity:100%;
}
.in-group-form-container input, .in-group-form-container select{
  line-height:1.5;
  font-family:"Hanken Grotesk", "League Spartan";
  font-weight:400;
  color:var(--bs-gray-600);
}
#workspace:has(#search-hider:not(:checked)) #search-form{
  display:none 
}
#workspace .tab-pane:has([data-search-hider]:not(:checked)) [data-search-form]{
    display:none
}
[data-hider-container]:has([data-hider]:not(:checked)) [data-hider-target]{
  display:none 
}
[data-hider-container]:has([data-hider]:checked) [data-hider-placeholder]{
  display:none 
}
.form-icon{
  font-size:1.8rem;
  padding-left:.4rem;
  padding-right:.4rem;
  margin:var(--bs-border-width);
}
label.form-icon:has(input:checked){
  background-color:var(--bs-tertiary-bg);
  border-radius:5px;
  border:var(--bs-border-width) solid var(--bs-border-color);
  margin:0;
}
.input-group-prepend span{
  border-top-right-radius:0rem;
  border-bottom-right-radius:0rem;
}
.input-group-append span{
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
}
.file-delete-button {
  padding:.4rem;
  margin-left:20px;
  background-color:#0000;
}
.custom-file:has(input[data-delete-file-checkbox]:checked) label[data-browse]{
  background-color:#f5565630;
}
.custom-file:has(input[data-delete-file-checkbox]:checked) label[data-delete-file-label]{
  background-color:#f0686a;
  color:white;
}
.scubo-btn-table-action {
  font-size:.7rem;
  color:#3A8596;
  background-color:#0000;
  border:1px solid #3A8596;
  border-radius:50px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:-1px;
  margin-left:3px;
  transition:.2s;
  position:relative;
  text-decoration:none !important;
}
.scubo-btn-table-action:hover {
  border:1px solid #3A8596;
}
.scubo-btn-red-table-action {
  font-size:.7rem;
  color:#f0686a;
  background-color:#0000;
  border:1px solid #f0686a;
  border-radius:50px;
  font-family:'Hanken Grotesk';
  font-weight:500;
  margin-top:-1px;
  margin-left:3px;
  transition:.2s;
  position:relative;
  text-decoration:none !important;
}
.scubo-btn-red-table-action:hover {
  border:1px solid #f0686a;
  background-color:#f0686a;
  color:#fff;
}
.floating-page-title {
  font-weight:700;
  font-size:2rem;
  text-align:center;
  margin-top:3rem;
  padding-right:3rem;
  padding-left:3rem;
}
.floating-page-subtitle {
  font-size:14px;
  text-align:center;
  padding-right:3rem;
  padding-left:3rem;
}
.navbar-red{
  background-color:#ee6c6c!important;
}
.radio-label{
    display: block;
    min-width: 1.5rem;
    /* height: 1.5rem; */
    cursor: pointer;
    /* background-color: #DFDFDF; */
    /* color: #222222; */
    /* margin: 0px 2.5px; */
    text-align: center;
    border-radius: 3px;
    white-space: nowrap;
    /* padding: 0px 5px; */
    /* border-radius: 3px; */
    padding: 8px 12px;
    border: #CFDBE5 solid 1px;
}
/* .radio-label-red{
    width: 2rem!important;
} */
label:has(input:checked) .radio-label{
    background-color: #398796;
    color: #F0F0F0;
}
label:has(input:checked) .radio-label-red{
    background-color: #f17373  !important;
    color: #711b24 !important;
}
label:has(input:checked) .radio-label-green {
    background-color: #58d78d !important;
    color: #115d3a !important;
}
.radio-label-always-red{
    background-color: #f17373!important;
    color: #711b24;
}

.counted-star{
    text-align:center;
    color: #FFC86C;
}
[data-star-empty]{
    display:none;
    cursor: pointer;
}
[data-star-fill]{
    display:inline-block;
    cursor: pointer;
}
label:has(input:checked)~label:not(:has(~label:hover)):not(:hover) [data-star-empty]{
    display:inline-block!important;
}
label:has(input:checked)~label:not(:has(~label:hover)):not(:hover) [data-star-fill]{
    display:none!important;
}
label:has([data-star-fill]):hover~label i, label:has([data-star-fill]):has(input:checked)~label i{
    opacity:50%!important;
}
[data-ajax-radio-url]:has([data-star-fill]) label{
    display: flex;
    flex-direction: column;
    justify-content: end;
}
[data-ajax-radio-url]:has([data-star-fill]) label .radio-label{
    width: 0.75rem;
    height: 0.75rem;
    cursor: pointer;
    font-size: 0.5rem;
}
[data-trs-ul]:has(li)~[data-trs-ul-empty]{
  display:none;
}

/* .btn {
  max-width:100%;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
} */


/* @media screen and (max-width:500px) {
  button#dropdownMenuButton1 {
      display:none;
 }
}
*/

/* @media (min-width:768px) {
  .page-title{
      white-space:nowrap;
 }
}
*/
.breadcrumb-item{
  white-space:nowrap;
}
.badge.rounded-pill{
  cursor:default;
}
tr:has(td[data-tr-focus]){
  background-color:#F2F7F8;
}
/* * * ========================================== * FOLDING TABLES * ========================================== * */
tr:has(+ tr.child) td {
  border-style:dotted;
}
tr.child td {
  display:table-cell;
  padding-left:20px;
}
tr.child td:first-child {
  display: table-cell;
  padding-left: 40px!important;
}
label.child-rows-toggler:has(input:checked) .toggler-closed{
  display:none 
}
label.child-rows-toggler:has(input:not(:checked)) .toggler-open{
  display:none 
}
/* can handle up to 12 children for a single parent */
tr:has(label.child-rows-toggler input:not(:checked)) + tr.child, tr:has(label.child-rows-toggler input:not(:checked)) + tr.child + tr.child, tr:has(label.child-rows-toggler input:not(:checked)) + tr.child + tr.child + tr.child, tr:has(label.child-rows-toggler input:not(:checked)) + tr.child + tr.child + tr.child + tr.child, tr:has(label.child-rows-toggler input:not(:checked)) + tr.child + tr.child + tr.child + tr.child + tr.child, tr:has(label.child-rows-toggler input:not(:checked)) + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child, tr:has(label.child-rows-toggler input:not(:checked)) + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child, tr:has(label.child-rows-toggler input:not(:checked)) + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child, tr:has(label.child-rows-toggler input:not(:checked)) + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child, tr:has(label.child-rows-toggler input:not(:checked)) + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child, tr:has(label.child-rows-toggler input:not(:checked)) + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child, tr:has(label.child-rows-toggler input:not(:checked)) + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child + tr.child {
  display:none 
}
button.link {
  background:none!important;
  border:none;
  padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  margin-left:3px;
  font-size:13px;
  color:#3A8596;
  text-decoration:underline;
  cursor:pointer;
}
button.link-red {
  color:#f0686a!important 
}
/* * * ========================================== * SIDE MODALS * ========================================== * */
.side-modal .modal-dialog {
  position:fixed;
  margin:auto;
  width:45%;
  min-height:100%;
  right:0px;
}
.side-modal .modal.fade .modal-dialog {
  transform:translate(45%,0);
}
.side-modal .modal.fade.show .modal-dialog {
  transform:translate(0,0);
}

.side-modal .modal-body {
  overflow-y:auto;
}
.nowrap{
  white-space:nowrap;
}
.popover-body{
  max-height:70vh;
  overflow:auto;
}
.ul-no-bullet{
  list-style: none;
}
.li-border-left{
  border-left:2px solid;
}

.icon-container {
  width: 14px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-container-sm {
  width: 12px;
  height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-container-lg {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-container-btn-header {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-badge-container {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
  
.cta-table-container {
  display: flex;
  justify-content: end;
  padding-right: 8px;
}
.cta-table-container:has(> * ~ *) {
     gap: 14px;
}

.btn-icon {
  padding: 6px 9px;
}

.btn-icon .duo-icon {
  width: 16px;
}

.btn-icon.btn-header .duo-icon {
  width: 18px;
}

.btn-sm .duo-icon {
  width: 14px;
}

.duo-icon {
  /*stroke: var(--gscu-white);*/
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.4px;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  overflow: visible;
}

.duo-icon path.linea {
  fill: none;
  stroke: var(--gscu-primary-500);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.duo-icon path.celeste-pieno {
  fill: var(--gscu-primary-500);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.duo-icon path.bianco {
  fill: var(--gscu-white);
}

.duo-icon path.celeste {
  fill: var(--gscu-primary-150);
}

.dropdown-toggle::after{
  display: none;
}

.z-super {
  z-index:2000;
}

.z-greater {
  z-index:1900;
}

.side-modal .modal-body-form-inner {
  padding-bottom: 112px;
}

.side-modal  .footer-modal:not(.hidden-footer) {
 position: fixed !important;
 left: 1px;
 z-index: 99999 !important;
 bottom: 0;
 width: calc(100% - 2px);
 background-color: white;
 padding: 21px;
}



.c-progress {
  width: 100%;
  height: fit-content;
  aspect-ratio: 1 / 1;
  background: var(--bs-secondary-bg);
  position: relative;
  font-size: 1rem!important;
  border-radius: 50%;
  background: inherit!important;
}


.c-progress-circle {
  background: var(--bs-secondary-bg);
  position: relative;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  overflow: clip;
}

.c-progress-level>span,
.c-progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.c-progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .c-progress-bar {
    transition: none;
  }
}

.c-progress .c-progress-right .c-progress-bar,
.c-progress .c-progress-right-b .c-progress-bar {
  left: -100%;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.c-progress .c-progress-bar {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.c-progress .c-progress-left .c-progress-bar{
  left: 100%;
  height: 110%;
  top: -5%;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.c-progress.mini-progress{
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  float: left;
}

.c-progress::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}



.c-progress .c-progress-left{
  left: -1px;
  width: calc(50% + 1px);
}



.c-progress .c-progress-right,
.c-progress .c-progress-right-b {
  right: 0;
}



.c-progress .c-progress-inner {
/* background-color: white; */
  background-color: inherit;
  border-radius: 50%;
  width: calc(100% - 12px);
  aspect-ratio: 1 / 1;
  height: fit-content;
  margin: 6px;
  display: block;
}
.c-progress.mini-progress .c-progress-inner {
width: calc(100% - .5rem);
margin: .25rem;
}

.c-progress .c-progress-value {
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: transparent;
}
.c-progress .c-progress-value .h2 {
margin-bottom: 0;
}
.c-progress.mini-progress .c-progress-value .h2 {
display: none;
}

@keyframes c-progress-bar-stripes {
0% {
  background-position-x: 1rem;
}
}

.thick-2.c-progress .c-progress-inner{
width: calc(100% - 24px);
margin: 12px;
}

.thick-2.c-progress::after{
border: 12px solid #eee;
}

.c-bg-success {
background-color: var(--gscu-green-500) !important;
}
.c-bg-primary {
background-color: var(--gscu-primary-500) !important;
}
.c-bg-yellow {
background-color: var(--gscu-yellow-500) !important;
}
.c-bg-orange {
background-color: var(--gscu-red-300) !important;
}
.c-bg-red {
background-color: var(--gscu-red-500) !important;
}
.c-bg-dark-grey {
background-color: var(--gscu-grey-800) !important;
}
.c-bg-grey {
background-color: var(--gscu-grey-300) !important;
}


.c-progress .milestone-container {
    position: absolute;
    height: 100%;
    width: 0px;
    left: 50%;
    border-radius: 50%;
    z-index: 10;
}

.c-progress .milestone {
    position: absolute;
    bottom: calc(100% - 8px);
    left: calc(50% - 8px);
}

.milestone[data-color='danger'] {
    color: var(--bs-danger) !important;
}
.milestone[data-color='warning'] {
    color: var(--gscu-secondary-500) !important;
}
.milestone[data-color='primary'] {
    color: var(--gscu-primary-500) !important;
}
.milestone[data-color='secondary'] {
    color: var(--gscu-grey-300) !important;
}





.card {
border-radius: 6px;
border: 1px solid var(--bs-gray-200);
padding: 20px 24px;
}

.card-title {
font-weight: 600;
}

.card .form-control {
margin-bottom: 16px;
}

.card .form-select {
margin-bottom: 16px;
}