/*========================================================
        COLORED THEME
=========================================================*/
.custom-popover {
  position: absolute;
  z-index: 1060;
  display: none;
  max-width: 800px;
  width: 800px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: .3rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
  padding: 12px;
}

.custom-popover-header {
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.custom-popover-body {
  padding: 0.5rem;
  width: 100%;
}
#jobsList tbody tr:hover {
  background-color: rgba(var(--theme-color),0.1);
  transition: background-color 0.2s ease-in-out;
  box-shadow: inset 0 0 0 1px rgba(var(--theme-color),0.4);
}
/* Elemento che viene trascinato (clone) */
.gu-mirror {
  background-color: rgba(var(--theme-color), 0.2) !important; /* Arancione semi-trasparente */
  /* border: 2px solid rgba(var(--theme-color), 0.2)!important; */
  /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); */
  opacity: 1 !important;
  /* transform: scale(1.05); Leggero ingrandimento */
}

/* Elemento originale mentre viene trascinato */
.gu-transit {
  opacity: 0.5 !important; /* Rende l'elemento originale semi-trasparente */
  background-color: rgba(var(--theme-color), 0.7) !important;
}

/* Evita la selezione del testo mentre trascini */
.draggable-table tbody tr {
  cursor: grab;
  user-select: none; /* Evita che il testo venga selezionato */
}

.draggable-table tbody tr:active {
  cursor: grabbing;
}
/* Evidenzia la riga mentre viene trascinata */
.dragging {
  opacity: 0.7;
  background-color: #f8d7da !important;
}

table.dataTable {
  font-size: 14px; /* Migliora leggibilità */
}
@media (max-width: 768px) {
  table.dataTable tbody tr {
      display: block;
      margin-bottom: 10px;
      border: 1px solid #ddd;
      border-radius: 8px;
  }
  table.dataTable td, table.dataTable th {
      display: block;
      text-align: left;
      padding: 8px;
  }
}

.fc-event.bg-label-secondary {
  background-color: #f2f2f3 !important;
  color: #a8aaae !important;
}

.fc-event.bg-label-success {
  background-color: #dff7e9 !important;
  color: #28c76f !important;
}

.fc-event.bg-label-info {
  background-color: #d9f8fc !important;
  color: #00cfe8 !important;
}

.fc-event.bg-label-warning {
  background-color: #fff1e3 !important;
  color: #ff9f43 !important;
}

.fc-event.bg-label-danger {
  background-color: #fce5e6 !important;
  color: #ea5455 !important;
}

.fc-event.bg-label-light {
  background-color: #fafafb !important;
  color: #dfdfe3 !important;
}

.fc-event.bg-label-dark {
  background-color: #e4e4e4 !important;
  color: #4b4b4b !important;
}
.fc .fc-list-event-dot {
  border: calc(var(--fc-list-event-dot-width) / 2) solid rgba(var(--theme-color), 0.43);
  border-radius: calc(var(--fc-list-event-dot-width) / 2);
  box-sizing: content-box;
  display: inline-block;
  height: 0px;
  width: 0px;
}
.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active, .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(var(--theme-color), 0.43) !important;
  color: rgba(var(--theme-color), 0.73);
}
.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button) {
  background-color:rgba(var(--theme-color), 0.13) !important;
  border: 0;
  color: rgba(var(--theme-color), 0.73);
}
.fc-h-event {
  background-color: rgba(var(--theme-color), 0.23) !important;
  color: #4b4b4b !important;
}
.light-style .flatpickr-day {
  color: #6f6b7d;
  border-radius: 50rem;
}
.flatpickr-day.today {
  border-color: rgba(var(--theme-color), 0.23);
  background-color:rgba(var(--theme-color), 0.13) !important;
}
.flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.week.selected{
  color: gba(var(--theme-color), 0.73) !important;
  background-color: rgba(var(--theme-color), 0.43) !important;
  border-color: rgba(var(--theme-color), 0.43)
}
.bg-label-theme-color {
  background-color: rgba(var(--theme-color), 0.23) !important;
  color: #4b4b4b !important;
}
.bg-label-theme-color:hover {
  background-color: rgba(var(--theme-color), 0.43) !important;
  color: #4b4b4b !important;
}
.bg-label-theme-color-light {
  background-color: rgba(var(--theme-color), 0.13) !important;
  color: #4b4b4b !important;
}
.bg-label-theme-color-light:hover {
  background-color: rgba(var(--theme-color), 0.23) !important;
  color: #4b4b4b !important;
}
.bg-label-theme-color_active {
  background-color: rgba(var(--theme-color), 0.23) !important;
  color: #4b4b4b !important;
}

.bg-label-theme-color_no_active {
  background-color: rgba(var(--theme-color), 0.1) !important;
  color: #4b4b4b !important;
}


 /* 🌐 Nasconde l'intestazione della tabella su schermi piccoli */
@media (max-width: 768px) {
  table thead {
      display: none;
  }

  /* Imposta ogni riga come blocco */
  table tbody, table tr, table td {
      display: block;
      width: 100%;
  }

  /* Aggiunge spazio tra le righe */
  table tr {
      margin-bottom: 10px;
      border: 1px solid #ddd;
      padding: 10px;
      border-radius: 8px;
      background: #fff;
  }

  /*  Ogni cella diventa una riga con etichetta */
  table td {
      text-align: right;
      padding-left: 50%;
      position: relative;
      border-bottom: 1px solid #ddd;
      padding: 8px;
  }

  /*  Mostra il nome della colonna prima del valore */
  table td::before {
      content: attr(data-label);
      position: absolute;
      left: 10px;
      font-weight: bold;
      text-align: left;
      color: #333;
  }
}
.page-item.active .page-link, .pagination li.active > a:not(.page-link) {
  border-color: rgba(var(--theme-color),0.73);
  background-color: rgba(var(--theme-color),0.73);
  color: #fff;
}
.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  /* background: linear-gradient(72.47deg, #5649379e 22.16%, #3d372d9e 76.47%);
  box-shadow: 0px 2px 6px 0px #3d372d30;
  color: #fff !important; */
  background: linear-gradient(72.47deg, rgba(var(--theme-color), 0.62) 22.16%, rgba(var(--theme-color), 0.62) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(var(--theme-color), 0.19);
  color: #fff !important;
}
.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate {
  background-color: rgba(var(--theme-color), 0.43);
  border:1px solid rgba(var(--theme-color), 0.9);
}

.switch-primary.switch .switch-input:checked ~ .switch-toggle-slider {
  background-color: rgba(var(--theme-color), 0.43);
  border:1px solid rgba(var(--theme-color), 0.9);
  color: #fff;
}

 .btn-theme-color{
  background-color: rgba(var(--theme-color), 0.43);
  border:1px solid rgba(var(--theme-color), 0.1);
  color:#FFF;
 }
 .btn-theme-color:hover{
  background-color: rgba(var(--theme-color), 0.73);
  color:#FFF;
 }
 .btn-theme-color:disabled{
  background-color: rgba(var(--theme-color), 0.23);
  color:rgba(var(--theme-color), 0.43);;
 }
.employee-container {
  page-break-before: always;
}
.dragging {
  background-color: #d1ecf1; /* Colore di evidenziazione */
  border: 2px dashed #17a2b8; /* Bordo per enfatizzare il drag */
  opacity: 0.8;
}

#outboundJobsList .row {
  transition: transform 0.2s ease-in-out;
}

.dragging:hover {
  cursor: grabbing; /* Cambia il cursore durante il trascinamento */
}
.dataTable td {
  white-space: normal;
  word-wrap: break-word;
  text-align: center;
}
.dataTable td {
  white-space: normal;
  word-wrap: break-word;
  text-align: center;
}

.table th {
  font-weight: bold;
  text-align: center;
}
.table td {
  white-space: normal;
  word-wrap: break-word;
}
.jobAnalitycsBtnSelected{
  background-color: rgba(var(--theme-color), 0.1);
    /* padding: 1rem; */
    border-radius: 0.5rem 0.5rem 0rem 0rem;
}

.jobAnalitycsBtnUnSelected{
    padding: 1rem;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Colore nero con opacità al 50% */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Assicura che l'overlay sia sopra ogni altro elemento */
}

.layout-navbar{
  max-width: 100%!important;
}
.container-xxl{
  max-width: 100%;
  margin-left:0rem;
}
.datatables-jobs td {
  text-transform: uppercase!important;
}
.datatables-processingSheets td{
  text-transform: uppercase!important;
}
.text-color-theme{
  color:rgba(var(--theme-color), 0.73)!important;
}

.longTextQuotationPreview p{
  margin:0rem!important;
  padding:0rem!important;
  font-size:13px!important;
}
#longTextEditor p {
  margin:0rem!important;
  padding:0rem!important;
  font-size:13px!important;
}
.ql-size-small { font-size: 10px!important; }
.ql-size-large { font-size: 18px!important; }
.ql-size-huge { font-size: 22px!important; }

#pagesContainer p, li,label{
  font-size: 13px;
  padding: 0rem;
  margin: 0rem;
}
#pagesContainer i{
  font-size: 13px;;
}