#backtotop {
  bottom: 140px !important;
  right: 5px !important;
}

.skip-to-main {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #333;
  color: #fff;
  padding: 5px 10px;
  display: none;
  z-index: 9999;
}

.skip-to-main:focus {
  display: block;
  outline: none;
}

/* Background colors */
.bg-success-100 {
  background-color: #f0fff4;
}

.bg-danger-100 {
  background-color: #fef2f2;
}

.bg-warning-100 {
  background-color: #fffbeb;
}

.bg-info-100 {
  background-color: #ebf8ff;
}

/* Border colors */
.border {
  border: 1px solid transparent;
}

.border-success-400 {
  border-color: #22c55e;
}

.border-danger-400 {
  border-color: #e53e3e;
}

.border-warning-400 {
  border-color: #d97706;
}

.border-info-400 {
  border-color: #4299e1;
}

/* Text colors */
.text-success-700 {
  color: #047857;
}

.text-danger-700 {
  color: #991b1b;
}

.text-warning-700 {
  color: #9a5606;
}

.text-info-700 {
  color: #2b6cb0;
}

/* Padding */
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

/* Border radius */
.rounded {
  border-radius: 0.375rem;
}

/* Margin bottom */
.mb-4 {
  margin-bottom: 1rem;
}

/* Close button */
.close {
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
  color: #000;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
  font-size: 1.25rem;
  line-height: 1;
}

.close:focus {
  outline: none;
}

.close:hover {
  color: #000;
}

/* Item list */
.item-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Item */
.item {
  margin-bottom: 0.5rem;
}

/* Item message */
.item--message {
  padding-left: 1rem;
}

.dropdown-navbar-content-right {
  top: calc(10%) !important;
  left: calc(100% - 0.5rem);
}

.dropdown-navbar-icon.turnleft {
  transform: rotate(90deg);
}

.dropdown-navbar-icon.turnright {
  transform: rotate(-90deg);
}

.dropdown-navbar-element {
  display: flex;
}

.circle {
  width: 100px; /* Larghezza del cerchio */
  height: 100px; /* Altezza del cerchio */
  --tw-text-opacity: 1;
  background-color: rgb(201 16 46 / var(--tw-text-opacity));
  border-radius: 50%; /* Rende il div un cerchio */
  display: flex;
  justify-content: center;
  align-items: center;
}

.initials {
  font-size: 36px; /* Dimensione del testo */
  font-weight: bold; /* Spessore del testo */
  color: #fff; /* Colore del testo */
}

/* class to capitalize all the first letters */
.capitalize {
  text-transform: capitalize;
}

.multiautocomplete-parent > ul {
  margin-left: 1em;
}

.h-\[85vh\] {
  height: 85vh;
}

.line-clamp-16 {
  display: -webkit-box;
  -webkit-line-clamp: 16;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-12 {
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-8 {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.underline {
  text-decoration: underline;
}