tfoot {
  display: table-row-group;
}

.invisibile {
  display: none;
}

.trello {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;

}

.ombra {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
}

.ombra:hover {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, .2);
}

@-webkit-keyframes jump {
  0% {
    width: 20px;
    height: 180px;
    margin-left: 0;
    margin-top: 0;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .2), 0 2px 2px rgba(0, 0, 0, .7);
  }

  50% {
    width: 26px;
    height: 200px;
    margin-left: -3px;
    margin-top: -10px;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .2), 0 20px 25px rgba(0, 0, 0, .7);
  }

  100% {
    width: 20px;
    height: 180px;
    margin-left: 0;
    margin-top: 0;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .2), 0 2px 2px rgba(0, 0, 0, .7);
  }
}


.conteLoader {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: radial-gradient(#313844, #283038);
  z-index: 9999;
}

#loader {
  height: 100vh;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 300px;
  height: 180px;
  margin-left: -150px;
  margin-top: -90px;
}

.bar {
  position: absolute;
  animation: jump 1s ease infinite;
  -webkit-animation: jump 1s ease infinite;
  border-radius: 2px;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .1));
}

.bar:nth-child(1) {
  left: 0;
}

.bar:nth-child(2) {
  left: 40px;
  animation-delay: .1s;
  -webkit-animation-delay: .1s;
}

.bar:nth-child(3) {
  left: 80px;
  animation-delay: .2s;
  -webkit-animation-delay: .2s;
}

.bar:nth-child(4) {
  left: 120px;
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
}

.bar:nth-child(5) {
  left: 160px;
  animation-delay: .4s;
  -webkit-animation-delay: .4s;
}

.bar:nth-child(6) {
  left: 200px;
  animation-delay: .5s;
  -webkit-animation-delay: .5s;
}

.bar:nth-child(7) {
  left: 240px;
  animation-delay: .6s;
  -webkit-animation-delay: .6s;
}

.bar:nth-child(8) {
  left: 280px;
  animation-delay: .7s;
  -webkit-animation-delay: .7s;
}

.sponsor {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  line-height: 40px;
  color: #333;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
}

.sponsor a {
  color: #888;
}

#calendar .table-bordered td,
#calendar .table-bordered th {
  border: 1px solid #b3b7bb !important;
}

.animazione_esci {
  transition: visibility 0s, opacity 0.8s linear;
}

.bakScuro {
  background-color: rgba(0, 0, 0, .9) !important;
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
  background-color: rgba(0, 0, 0, .9) !important;
}

.soldi {
  color: #b3b7bb !important;
}

.select2-container--default .select2-selection--single {
  background-color: #2c333e !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #dedede !important;
  padding: 4px;
}

.inserimento {

  border-radius: 10px;
  background-color: transparent;
  /* Sfondo trasparente o scuro */
  border: 2px solid #fff;
  /* Bordo base chiaro */

  padding: 15px 30px;
  /* border-radius: 5px; */
  box-shadow:
    0 0 5px #fff,
    /* Alone bianco interno/vicino al bordo */
    0 0 3px #fff,
    0 0 3px #00cfff,
    /* Bagliore principale azzurro */
    0 0 1px #00cfff,
    0 0 10px #00cfff,
    inset 0 0 1px #00cfff;
  /* Leggero bagliore interno (opzionale) */
  /* Aggiungere anche text-shadow se si vuole il testo neon */

}

.listaServizi1 {
  margin-top: 40px;
  height: 32vh;
  overflow: auto;
  border-radius: 10px;
  background-color: transparent;
  /* Sfondo trasparente o scuro */
  border: 2px solid #fff;
  /* Bordo base chiaro */

  padding: 15px 30px;
  /* border-radius: 5px; */
  box-shadow: 0 0 5px #fff,
    /* Alone bianco interno/vicino al bordo */
    0 0 3px #fff,
    0 0 3px #f2ff008b,
    /* Bagliore principale azzurro */
    0 0 1px #eeff00ab,
    0 0 10px #eaff00,
    inset 0 0 1px #eaff00;
}

.listaServizi {
  margin-top: 40px;
  height: 32vh;
  overflow: auto;
  border-radius: 10px;
  background-color: transparent;
  /* Sfondo trasparente o scuro */
  border: 2px solid #fff;
  /* Bordo base chiaro */

  padding: 15px 30px;
  /* border-radius: 5px; */
  box-shadow:
    0 0 5px #fff,
    /* Alone bianco interno/vicino al bordo */
    0 0 3px #fff,
    0 0 3px #ff00008b,
    /* Bagliore principale azzurro */
    0 0 1px #ff0000ab,
    0 0 10px #ff0000,
    inset 0 0 1px #ff0000;
  /* Leggero bagliore interno (opzionale) */
}

.listaStrumenti {
  margin-top: 40px;
  height: 32vh;
  overflow: auto;
  border-radius: 10px;
  background-color: transparent;
  /* Sfondo trasparente o scuro */
  border: 2px solid #fff;
  /* Bordo base chiaro */

  padding: 15px 30px;
  /* border-radius: 5px; */
  box-shadow:
    0 0 5px #fff,
    /* Alone bianco interno/vicino al bordo */
    0 0 3px #fff,
    0 0 3px #09ff008b,
    /* Bagliore principale azzurro */
    0 0 1px #00ff0dab,
    0 0 10px #1aff00,
    inset 0 0 1px #00ff22;
  /* Leggero bagliore interno (opzionale) */
}

.listaStrumenti1 {
  margin-top: 40px;
  height: 32vh;
  overflow: auto;
  border-radius: 10px;
  background-color: transparent;
  /* Sfondo trasparente o scuro */
  border: 2px solid #fff;
  /* Bordo base chiaro */

  padding: 15px 30px;
  /* border-radius: 5px; */
  box-shadow:
    0 0 5px #fff,
    /* Alone bianco interno/vicino al bordo */
    0 0 3px #fff,
    0 0 3px #ff00c88b,
    /* Bagliore principale azzurro */
    0 0 1px #ff00e6ab,
    0 0 10px #ff00d4,
    inset 0 0 1px #ff00a6;
  /* Leggero bagliore interno (opzionale) */
}



.comandiPDF {
  border: 2px solid rgb(233, 110, 110);
  padding: 25px;
}

.select2-container--default .select2-selection--multiple,
.select2-dropdown {
  background-color: color(srgb 0.1916 0.219 0.2684) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #046296 !important;
  border: 1px solid #716e8e !important;
  border-radius: 4px !important;
  cursor: default !important;
  float: left !important;
  margin-right: 5px !important;
  margin-top: 5px !important;
  padding: 0 5px !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #313844 !important;
}

.riquadro_rooms {

  border: 1px solid #fff;
  padding: 20px;
  height: 200px;
  overflow: auto;
  background-color: #292f3b;
  box-shadow: 10px 20px 30px rgba(0, 0, 0, .2);
}

.riquadro_insegnanti {
  border: 1px solid #71b6f9;
  padding: 20px;
  background-color: #292f3b;
  box-shadow: 10px 20px 30px rgba(0, 0, 0, .2);
}

.select2-container--default .select2-selection--single {
  height: 35px;
}

.table-scroll {
  overflow-x: auto;
}

.is-invalid {
  border-color: #dc3545 !important;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: rgba(156, 155, 155, 0.28) !important;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5) !important;
  cursor: pointer;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
  background: rgba(156, 155, 155, 0.28) !important;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5) !important;
}

.datepicker table tr td .active.disabled:hover[disabled],
.datepicker table tr td .active.disabled[disabled],
.datepicker table tr td .active:active,
.datepicker table tr td .active:hover,
.datepicker table tr td .active:hover.active,
.datepicker table tr td .active:hover.disabled,
.datepicker table tr td .active:hover:active,
.datepicker table tr td .active:hover:hover,
.datepicker table tr td .active:hover[disabled],
.datepicker table tr td .active[disabled],
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled],
.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-color: #3071b0 !important;
  background-image: none !important;
  color: #fff;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .7);
}

.ui-timepicker-standard {
  font-size: 1.1em;
  background-color: #313844 !important;
  border: 1px solid #a7afb8;
  color: #222;
  margin: 0;
  padding: 2px;
  transition: all .1s;
  box-shadow: 10px 20px 40px rgba(0, 0, 0, .5);
}

.ui-timepicker-standard a {
  color: #a7afb8;
  transition: all .1s;
}

.dropdown-menu {
  box-shadow: 10px 20px 40px rgba(0, 0, 0, .5) !important;
}

.insegnante {

  transition: transform 0.3s ease, opacity 0.3s ease;
}

.mostra {
  display: block !important;
  opacity: 1;
  transform: scale(1);
}

.nascondi {
  opacity: 0;
  transform: scale(0.5);
  pointer-events: none;
}
/* colore base icone */
.ql-snow .ql-stroke {
  fill: none;
  stroke: #f6f6f6!important;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #f6f6f6 !important;
}
div.hopscotch-bubble{
  background-color: #313844;
    border: 5px solid #000;
    border: 5px solid rgba(0, 0, 0, .5);
    color: #f7f7f7;
    box-shadow: 10px 20px 40px rgba(0, 0, 0, .7);

    font-size: 13px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{
  background-color: #313844!important;
}
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}


/* Quando non c'è sidebar */
.no-sidebar #wrapper {
  display: flex;
  flex-direction: column;
}

/* Contenitore principale e footer full width */
.no-sidebar .content-page,
.no-sidebar footer.footer {
  margin-left: 0 !important;
  width: 100% !important;
}
.hopscotch-bubble{
  background-color: #313844!important;
}
.hopscotch-content{
  color: #adb5bd!important;
}