BODY.login {
  font-family: 'Baloo 2', serif;
  background: url("img/bk-frutta.webp") top / cover no-repeat, #fffbe2;
  background-attachment: fixed;
}
BODY.dashboard {
  font-family: 'Baloo 2', serif;
  background: url("img/bk-frutta-trasp.png") top / cover no-repeat, #fffbe2;
  background-attachment: fixed;
  margin-left: 70px;
}

.btn-coop-giallo {
  background: var(--bs-warning);
  color: var(--bs-body-color);
  font-weight: bold;
  text-align: center;
  border-radius: 18px;
  border: 3px solid var(--bs-gray) ;
}

.green-text {
  color: var(--bs-success);
}

#mio-paragrafo {
  color: var(--bs-primary);
}

@media (min-width: 300px) {
  .navbar {
  }
}

.btn-coop-giallo:hover {
  background: #209be8;
  color: #ffffff;
  border-style: solid;
  border-color: var(--bs-info);
}

.nome-utente-coop {
  flex-grow: 1;
  text-align: right;
  /*text-decoration: bold;*/
}

.user-icon {
  border-radius: 50%;
  flex-shrink: 0;
  width: 50px;
  height: 45px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  color: #209be8;
}

.user-info {
  flex-grow: 1;
  text-align: left;
}

.icon-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.user-profile {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0px;
  border: 1px solid #ddd;
  border-radius: 20px;
  max-width: 300px;
  margin: 6px;
  background: #000000;
  color: #209be8;
  padding-left: 5px;
  padding-right: 5px;
}

.ordine-coop {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0px;
  border: 1px solid #ddd;
  border-radius: 20px;
  max-width: 300px;
  margin: 6px;
  background: #209be8;
  color: #209be8;
  padding-left: 5px;
  padding-right: 5px;
}

.ordine-coop-icon {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #209be8;
}

.icon-image {
  width: 100%;
  height: 100%;
  /*object-fit: cover;*/
}

.user-info {
  flex-grow: 1;
  text-align: left;
}

.user-info .line-1 {
  font-weight: bold;
  color: #fff;
  font-size: 1em;
}

.user-info .line-2 {
  font-size: 0.85em;
  color: var(--bs-light);
}

.search-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 400px;
  margin: 20px auto;
}

.search-input {
  flex-grow: 1;
  width: 100%;
  padding: 12px 45px 12px 15px;
  /*Padding: Top, Right (per icona), Bottom, Left;*/
  border: none;
  border-radius: 50px;
  /*background-color: #000;*/
  color: #fff;
  font-size: 1em;
  outline: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  -webkit-appearance: none;
}

/* Stile per il placeholder (il testo "Cerca..." prima che l'utente scriva) */

.search-input::placeholder {
  color: #bbb;
  opacity: 0.8;
}

.search-icon {
  position: absolute;
  right: 15px;
  color: #000;
  font-size: 1.2em;
  pointer-events: none;
  content: "\1F50D";
  font-family: 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;
}

/* Se usi Font Awesome, puoi sovrascrivere o aggiungere questo: */

/* .search-icon.fas.fa-search {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f002"; // Unicode per fa-search
} */

/* Media Query per Mobile/Schermi Più Piccoli */

@media (max-width: 600px) {
  .search-container {
    margin: 15px auto;
    max-width: 90%;
  }
}

@media (max-width: 600px) {
  .search-input {
    padding: 10px 40px 10px 12px;
    font-size: 0.95em;
  }
}

@media (max-width: 600px) {
  .search-icon {
    right: 12px;
    font-size: 1.1em;
  }
}

.user-info p {
  margin: 0;
  line-height: 1.2;
  color: #ffffff;
}

.tabella-header-coop thead {
  border-top-left-radius: 15px;
  border-top-right-radius: 14px;
}

.tabella-header-coop thead th {
  border-top: none;
  border-bottom: none;
  background: #adadad;
}

.tabella-header-coop thead th:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.tabella-header-coop thead th:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  text-align: right;
}

.tabella-header-coop tbody tr, .tabella-header-coop tbody td {
  background-color: transparent;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

.tabella-header-coop {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}

/*.tabella-header-coop.table-hover tbody tr:hover td, .tabella-header-coop.table-hover tbody tr:hover th {
  background-color: #e9ecef;
}*/

.tabella-header-coop.table-hover tbody tr:hover td:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.tabella-header-coop.table-hover tbody tr:hover td:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.countdown-box {
  background-color: black;
  border-radius: 15px;
  padding: 10px 20px;
  margin: 0 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 120px;
}

.countdown-label {
  font-size: 0.3em;
  margin-top: 3px;
  text-transform: uppercase;
  font-weight: normal;
}

.countdown-separator {
  color: black;
  font-size: 2em;
  font-weight: bold;
}

.alert-coop {
  font-size: 20px;
}

.btn-coop-azzurro {
}

.btn-fixed-width-coop {
  background: #209be8;
  border-radius: 10px;
  border-width: 2px;
  width: 200px;
  margin-bottom: 8px;
}

.btn-outline-secondary, .btn-danger {
  border-radius: 10px;
  border-width: 2px;
}

.btn-fixed-width-coop:last-child {
  margin: 0px;
}

.btn-fixed-width-coop:hover {
  background: var(--bs-warning);
  border-width: 2px;
  border-color: var(--bs-secondary);
  color: var(--bs-dark);
}

.custom-box-coop {
  background-color: #f0f0f0;
  border-radius: 15px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  text-decoration: none;
}

.custom-box-coop .icon-element {
  font-size: 3em;
  color: #333;
  flex-shrink: 0;
}

.custom-box-coop .text-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.custom-box-coop .text-line-1 {
  font-size: 0.9em;
  text-transform: uppercase;
  color: #666;
  line-height: 1.2;
}

.custom-box-coop .text-line-2 {
  font-size: 1.8em;
  font-weight: bold;
  color: #333;
  line-height: 1.2;
}

.custom-box-coop .number-element {
  font-size: 4em;
  font-weight: bold;
  color: #209be8;
  flex-shrink: 0;
  margin-left: auto;
  line-height: 1;
}

@media (max-width: 768px) {
  .custom-box-coop {
    flex-direction: column;
    text-align: center;
    padding: 15px;
    gap: 10px;
  }
}

@media (max-width: 768px) {
  .custom-box-coop .icon-element {
    font-size: 2.5em;
  }
}

@media (max-width: 768px) {
  .custom-box-coop .text-line-1 {
    font-size: 0.8em;
  }
}

@media (max-width: 768px) {
  .custom-box-coop .text-line-2 {
    font-size: 1.6em;
  }
}

@media (max-width: 768px) {
  .custom-box-coop .number-element {
    font-size: 3em;
    margin-left: 0;
    margin-top: 10px;
  }
}

@media (max-width: 480px) {
  .custom-box-coop {
    padding: 10px;
    gap: 8px;
  }
}

@media (max-width: 480px) {
  .custom-box-coop .icon-element {
    font-size: 2em;
  }
}

@media (max-width: 480px) {
  .custom-box-coop .text-line-1 {
    font-size: 0.7em;
  }
}

@media (max-width: 480px) {
  .custom-box-coop .text-line-2 {
    font-size: 1.4em;
  }
}

@media (max-width: 480px) {
  .custom-box-coop .number-element {
    font-size: 2.5em;
  }
}

.coop-link-box {
  /*background-color: #f8f8f8;*/
  /*border: 1px solid #e0e0e0;*/
  /*border-radius: 8px;*/
  /*padding: 15px;*/
  display: flex;
  align-items: center;
  gap: 15px;
  /*width: 100%;*/
  /*max-width: 400px;*/
  /*margin: 20px auto;*/
  /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);*/
  /*box-sizing: border-box;*/
}

.coop-link-box .icon-part {
  /*font-size: 2.5em;*/
  /*color: #007bff;*/
  flex-shrink: 0;
}

.coop-link-box .text-part {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.coop-link-box .text-line-main {
  font-weight: bold;
  /*color: #333;*/
  font-size: 1em;
  line-height: 1.3;
  /*white-space: nowrap;*/
}

.coop-link-box .text-line-link {
  font-size: 0.9em;
  line-height: 1.3;
  white-space: nowrap;
}

.coop-link-box .text-line-link a {
  color: #000000;
  text-decoration: underline;
  transition: text-decoration 0.2s ease;
}

.coop-link-box .text-line-link a:hover {
  text-decoration: none;
  background: rgba(201,196,167,0);
}

@media (max-width: 576px) {
  .coop-link-box .icon-part {
    font-size: 2em;
  }
}

@media (max-width: 576px) {
  .coop-link-box .text-line-main {
    font-size: 0.9em;
  }
}

@media (max-width: 576px) {
  .coop-link-box .text-line-link {
    font-size: 0.8em;
  }
}

@media (max-width: 576px) {
  .coop-link-box {
    /*flex-direction: column;*/
    /*text-align: center;*/
    padding: 10px;
    gap: 10px;
  }
}

@media (max-width: 768px) {
  .countdown-container {
    font-size: 2em;
    gap: 8px;
  }
}

@media (max-width: 768px) {
  .countdown-box {
    padding: 15px 20px;
    min-width: 90px;
  }
}

@media (max-width: 768px) {
  .countdown-separator {
    font-size: 2em;
  }
}

@media (max-width: 480px) {
  .countdown-container {
    font-size: 1.5em;
    flex-direction: column;
    gap: 15px;
  }
}

@media (max-width: 480px) {
  .countdown-box {
    padding: 10px 15px;
    min-width: unset;
    width: 80%;
  }
}

@media (max-width: 480px) {
  .countdown-separator {
    display: none;
  }
}

.countdown-container {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 2em;
  flex-wrap: wrap;
}

.coop-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  padding-right: 2.25rem;
  background-color: white;
  border: 2px solid black;
}

.coop-select-search {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='currentColor' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.085.122l3.053 3.053a1 1 0 0 0 1.414-1.414l-3.05-3.05q-.061-.041-.122-.082zM6.5 11A4.5 4.5 0 1 1 6.5 2a4.5 4.5 0 0 1 0 9'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 16px;
  padding-right: 2.25rem;
}

/* Stile per box scelta carico */

.row-container-coop-carico {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 10px;
}

.responsive-box-coop-carico {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 300px;
  box-sizing: border-box;
  background: rgba(249,249,249,0.5);
}

@media (min-width: 768px) {
  .responsive-box-coop-carico {
    flex-basis: calc(20% - 20px);
  }
}

.box-title-coop-carico {
  text-transform: uppercase;
  font-size: 0.9rem;
  margin-bottom: 10px;
}

.box-image-coop-carico {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}

.quantity-input-coop-carico {
  display: flex;
  align-items: center;
  margin: 10px 0;
  padding: 5px;
}

.quantity-btn-coop-carico {
  color: #000000;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 4px;
  font-size: 1rem;
  background: rgba(10,13,16,0);
}

.quantity-number-coop-carico {
  width: 50px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 0 5px;
  font-size: 1rem;
}

.checkbox-item-coop-carico {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}

.box-checkbox-coop-carico {
  margin-right: 8px;
}

.checkbox-label-coop-carico {
  user-select: none;
}

/* Fine stile per box scelta carico */

.nav-link.active {
	background-color: #209be8 ! important;
}

.coop-pagination .page-item {
  margin-right: 0.6rem;
}

.coop-pagination .page-item .page-link {
  border-radius: 50% !important;
  padding: 0.5rem 1rem;
  border-width: 2px;
  border-color: #dee2e6;
  background-color: transparent;
  color: #333;
}

.coop-pagination .page-item.active .page-link {
  border-width: 2px;
  border-color: #209be8;
  background-color: #209be8;
  color: white;
}

.coop-pagination .page-item .page-link:hover {
  background-color: #209be8;
  border-color: #209be8;
  color: white;
}

.coop-pagination .page-item.disabled .page-link {
  border-width: 2px;
  border-color: #dee2e6;
  background-color: transparent;
  color: #6c757d;
}

p.text-coop {
  margin-bottom: 0px;
  /*font-size: 15px;*/
  font-size: 0.9em;
  line-height: 1.3;
  white-space: nowrap;
}

p.text-coop-clienti {
  /*margin-bottom: 0px;*/
  width: 300px;
  /*font-size: 15px;*/
  font-size: 0.9em;
  line-height: 1.3;
  white-space: nowrap;
}

.text-primary {
	color: #209be8 ! important;
}

.steps-progressbar .previous::before {
	cursor: pointer;
}

.steps-progressbar .previous:hover {
	cursor: pointer;
	color: #FFFFFF;
	border-radius: 10px;
	background-color: #c9c4a7;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
	opacity: .5;
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
	border-radius: 0;
}
.dow {
	background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) ! important;
}
.datepicker-days TD, .datepicker-days TH {
	border-bottom-color: rgb(var(--bs-warning-rgb));
}

.box-title-small-coop-carico {
    text-transform: uppercase;
    font-size: 0.7rem;
    margin-bottom: 5px;
}

.quantity-number-coop-carico:invalid {
	border-color: rgb(var(--bs-danger-rgb))!important;
}