.pattern {
  background-image: url(../images/pattern.png);
}

#timelineContainer {
  display: none;
}

#contentDiv {
  padding: 0 24px;
}

#confronta {
  margin-top: 10px;
}

#toggleTimeline {
  display: none;
}

#image-hover-node {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

div#risultati {
  width: 100%;
}

.table-tabulata {
  width: 85% !important;
}

.btn-tabulata {
  position: absolute;
  left: -37px;
}

.btn-tabulata:hover {
  color: #d3002f;
}

.dropdown-content {
  min-width: 240px;
}

.dropdown-content li {
  min-height: 20px;
}

.dropdown-content li>a>i {
  margin: 0;
}

/* Slider */
.slider-container {
  padding: 12px 30px 12px 0 !important;
}

.noUi-target {
  border-radius: 40px;
}

.noUi-horizontal {
  height: 12px;
}

.noUi-horizontal .noUi-handle {
  width: 24px;
  height: 24px;
  top: -7px;
}

.noUi-tooltip {
  display: none;
}

.noUi-active .noUi-tooltip {
  display: block;
}

.noUi-handle {
  border-radius: 40px;
}

.noUi-handle:before, .noUi-handle:after {
  display: none;
}

/* Class for when element is pinned */
.pinned {
  bottom: 154px !important;
  top: 105px;
  position: fixed !important;
}

a {
  color: #d3002f;
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
}

h3::after {
  background: #d3002f;
  content: "";
  display: block;
  height: 1px;
  margin-top: .5em;
  position: relative;
  top: 1px;
  width: 100px;
}

.side-nav li>a {
  overflow: hidden;
  text-overflow: ellipsis;
}

.spinner-blue, .spinner-color-only {
  border-color: #d3002f;
}

a:hover {
  color: #4fc3f7;
}

a.login {
  background: #ccc;
  color: #fff;
}

.container-lemmari {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lista-lemmari {
  border-right: 1px solid #ccc;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
  width: 100%;
  overflow: auto;
  height: 400px;
}

.lista-lemmari.selection ul li:not(.active) {
  display: none;
}

.lista-lemmari ul li {
  font-size: 19px;
  margin-bottom: 10px;
}

.lista-lemmari ul li:hover {
  cursor: pointer;
  text-decoration: underline;
}

.lista-lemmari ul li.active {
  text-decoration: underline;
  color: orangered;
}

.lista-lemmari ul li.selected {
  background-color: #ccc;
}

#lemmi-selezionati li {
  padding: 4px 0;
}

#lemmi-selezionati li a {
  vertical-align: sub;
}

#lemmari-second ul li, #lemmari-third ul li {}

#lemmari-third {
  border-right: none;
}

#numero-lemmi {
  margin-top: 10px;
}

#results-col {
  display: none;
}

div#menuVeloce {
  display: block;
  min-width: 160px;
  max-width: 200px;
}

div#menuVeloce p {
  margin-bottom: 10px;
}

ul.relazioni-primo .collapsible-body {
  padding: 5px 11px 5px 18px;
  background-color: #eaeaea;
}

.container-immagine {
  padding: 12px;
  max-height: 350px;
  margin-bottom: 20px;
}

.immagine-record {
  height: auto;
  max-width: 100%;
  max-height: 350px;
  object-fit: contain;
}

.color.lighten-5 {
  background-color: #E3F2FD !important;
}

.color-text.text-lighten-5 {
  color: #E3F2FD !important;
}

.color.lighten-4 {
  background-color: #BBDEFB !important;
}

.color-text.text-lighten-4 {
  color: #BBDEFB !important;
}

.color.lighten-3 {
  background-color: #90CAF9 !important;
}

.color-text.text-lighten-3 {
  color: #90CAF9 !important;
}

.color.lighten-2 {
  background-color: #64B5F6 !important;
}

.color-text.text-lighten-2 {
  color: #64B5F6 !important;
}

.color.lighten-1 {
  background-color: #42A5F5 !important;
}

.color-text.text-lighten-1 {
  color: #42A5F5 !important;
}

.color {
  background-color: #2196F3 !important;
}

.color-text {
  color: #2196F3 !important;
}

.color.darken-1 {
  background-color: #1E88E5 !important;
}

.color-text.text-darken-1 {
  color: #1E88E5 !important;
}

.color.darken-2 {
  background-color: #1976D2 !important;
}

.blue-text.text-darken-2 {
  color: #1976D2 !important;
}

.color.darken-3 {
  background-color: #1565C0 !important;
}

.color-text.text-darken-3 {
  color: #1565C0 !important;
}

.color.darken-4 {
  background-color: #0D47A1 !important;
}

.color-text.text-darken-4 {
  color: #0D47A1 !important;
}

.color.accent-1 {
  background-color: #82B1FF !important;
}

.color-text.text-accent-1 {
  color: #82B1FF !important;
}

.color.accent-2 {
  background-color: #448AFF !important;
}

.color-text.text-accent-2 {
  color: #448AFF !important;
}

.color.accent-3 {
  background-color: #2979FF !important;
}

.color-text.text-accent-3 {
  color: #2979FF !important;
}

.color.accent-4 {
  background-color: #2962FF !important;
}

.color-text.text-accent-4 {
  color: #2962FF !important;
}

.light-color.lighten-5 {
  background-color: #e1f5fe !important;
}

.light-color-text.text-lighten-5 {
  color: #e1f5fe !important;
}

.light-color.lighten-4 {
  background-color: #b3e5fc !important;
}

.light-color-text.text-lighten-4 {
  color: #b3e5fc !important;
}

.light-color.lighten-3 {
  background-color: #81d4fa !important;
}

.light-color-text.text-lighten-3 {
  color: #81d4fa !important;
}

.light-color.lighten-2 {
  background-color: #4fc3f7 !important;
}

.light-color-text.text-lighten-2 {
  color: #4fc3f7 !important;
}

.light-color.lighten-1 {
  background-color: #29b6f6 !important;
}

.light-color-text.text-lighten-1 {
  color: #29b6f6 !important;
}

.light-color-text {
  color: #d3002f !important;
}

.light-color.darken-1 {
  background-color: #039be5 !important;
}

.light-color-text.text-darken-1 {
  color: #039be5 !important;
}

.light-color.darken-2 {
  background-color: #0288d1 !important;
}

.light-color-text.text-darken-2 {
  color: #0288d1 !important;
}

.light-color.darken-3 {
  background-color: #0277bd !important;
}

.light-color-text.text-darken-3 {
  color: #0277bd !important;
}

.light-color.darken-4 {
  background-color: #01579b !important;
}

.light-color-text.text-darken-4 {
  color: #01579b !important;
}

.light-color.accent-1 {
  background-color: #80d8ff !important;
}

.light-color-text.text-accent-1 {
  color: #80d8ff !important;
}

.light-color.accent-2 {
  background-color: #40c4ff !important;
}

.light-color-text.text-accent-2 {
  color: #40c4ff !important;
}

.light-color.accent-3 {
  background-color: #00b0ff !important;
}

.light-color-text.text-accent-3 {
  color: #00b0ff !important;
}

.light-color.accent-4 {
  background-color: #0091ea !important;
}

.light-color-text.text-accent-4 {
  color: #0091ea !important;
}

.noUi-connect {
  background: #d3002f;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-handle {
  background: #fff;
  border-radius: 10px;
  border: 2px solid #d3002f;
  cursor: default;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
}

.picker__date-display, .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
  background: #d3002f;
}

.waves-effect.waves-color .waves-ripple {
  background-color: rgba(3, 169, 244, 0.5);
}

.overlay {
  position: relative;
  top: 115px;
  left: 46%;
  color: #FFF;
}

.overlay-tree {
  position: absolute;
  padding: 24px;
  color: #FFF;
}

.light-blue, .btn, .btn-large, .light-color {
  background-color: #d3002f !important;
}

.table-tabulata {
    max-height: 90%;
    justify-content: flex-start;
    display: grid!important;
    grid-template-columns: 100%;
    grid-template-rows: 2em 95% auto auto;
    max-width: 95%;
}

.table-tabulata>.swal2-content {
    overflow: auto;
}

.table-tabulata>.swal2-actions {
    display: none!important;
}

@media all and (max-width: 567px) {
  .overlay-tree {}

  .lista-lemmari ul li {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .container-lemmari {
    padding: 0;
  }

  .quickmenu {
    display: none;
  }

  .quick-trigger {
    display: block;
  }

  .pinned {
    bottom: 0 !important;
    top: 244px;
    right: 15px;
    position: fixed !important;
    background-color: #fff;
    max-height: 350px;
    padding: 12px;
    border-radius: 8px;
  }
}

@media all and (min-width: 568px) and (max-width: 768px) {
  .overlay-tree {}

  .quickmenu {
    display: none;
  }

  .quick-trigger {
    display: block;
  }

  .pinned {
    bottom: 0 !important;
    top: 244px;
    right: 15px;
    position: fixed !important;
    background-color: #fff;
    max-height: 350px;
    padding: 12px;
    border-radius: 8px;
  }
}

@media all and (max-width: 769px) {
  .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}

@media all and (min-width: 769px) {
  .overlay {
    top: 155px;
  }

  .quickmenu {
    display: block;
  }

  div#menuVeloce {
    box-shadow: none !important;
  }

  .quick-trigger {
    display: none;
  }
}