:root {
  --bs-btn-hover-bg: inherit;
}

a         { text-decoration: none; }
a:hover   { text-decoration: none; }
a:active  { text-decoration: none; }
a:link    { text-decoration: none; }
a:visited { text-decoration: none; }

.fs-7 { font-size: 0.75rem; }
.fs-8 { font-size: 0.70rem; }
.fs-9 { font-size: 0.65rem; }

.blue-100 { color:#000; background-color:#cfe2ff; }
.blue-200 { color:#000; background-color:#9ec5fe; }
.blue-300 { color:#000; background-color:#6ea8fe; }
.blue-400 { color:#000; background-color:#3d8bfd; }
.blue-500 { color:#fff; background-color:#0d6efd; }
.blue-600 { color:#fff; background-color:#0a58ca; }
.blue-700 { color:#fff; background-color:#084298; }
.blue-800 { color:#fff; background-color:#052c65; }
.blue-900 { color:#fff; background-color:#031633; }

.indigo-100 { color:#000; background-color:#e0cffc; }
.indigo-200 { color:#000; background-color:#c29ffa; }
.indigo-300 { color:#000; background-color:#a370f7; }
.indigo-400 { color:#000; background-color:#8540f5; }
.indigo-500 { color:#fff; background-color:#6610f2; }
.indigo-600 { color:#fff; background-color:#520dc2; }
.indigo-700 { color:#fff; background-color:#3d0a91; }
.indigo-800 { color:#fff; background-color:#290661; }
.indigo-900 { color:#fff; background-color:#140330; }

.purple-100 { color:#000; background-color:#e2d9f3; }
.purple-200 { color:#000; background-color:#c5b3e6; }
.purple-300 { color:#000; background-color:#a98eda; }
.purple-400 { color:#000; background-color:#8c68cd; }
.purple-500 { color:#fff; background-color:#6f42c1; }
.purple-600 { color:#fff; background-color:#59359a; }
.purple-700 { color:#fff; background-color:#432874; }
.purple-800 { color:#fff; background-color:#2c1a4d; }
.purple-900 { color:#fff; background-color:#160d27; }

.pink-100 { color:#000; background-color:#f7d6e6; }
.pink-200 { color:#000; background-color:#efadce; }
.pink-300 { color:#000; background-color:#e685b5; }
.pink-400 { color:#000; background-color:#de5c9d; }
.pink-500 { color:#fff; background-color:#d63384; }
.pink-600 { color:#fff; background-color:#ab296a; }
.pink-700 { color:#fff; background-color:#801f4f; }
.pink-800 { color:#fff; background-color:#561435; }
.pink-900 { color:#fff; background-color:#2b0a1a; }

.red-100 { color:#000; background-color:#f8d7da; }
.red-200 { color:#000; background-color:#f1aeb5; }
.red-300 { color:#000; background-color:#ea868f; }
.red-400 { color:#000; background-color:#e35d6a; }
.red-500 { color:#fff; background-color:#dc3545; }
.red-600 { color:#fff; background-color:#b02a37; }
.red-700 { color:#fff; background-color:#842029; }
.red-800 { color:#fff; background-color:#58151c; }
.red-900 { color:#fff; background-color:#2c0b0e; }

.orange-100 { color:#000; background-color:#ffe5d0; }
.orange-200 { color:#000; background-color:#fecba1; }
.orange-300 { color:#000; background-color:#feb272; }
.orange-400 { color:#000; background-color:#fd9843; }
.orange-500 { color:#000; background-color:#fd7e14; }
.orange-600 { color:#000; background-color:#ca6510; }
.orange-700 { color:#fff; background-color:#984c0c; }
.orange-800 { color:#fff; background-color:#653208; }
.orange-900 { color:#fff; background-color:#331904; }

.yellow-100 { color:#000; background-color:#fff3cd; }
.yellow-200 { color:#000; background-color:#ffe69c; }
.yellow-300 { color:#000; background-color:#ffda6a; }
.yellow-400 { color:#000; background-color:#ffcd39; }
.yellow-500 { color:#000; background-color:#ffc107; }
.yellow-600 { color:#000; background-color:#cc9a06; }
.yellow-700 { color:#000; background-color:#997404; }
.yellow-800 { color:#fff; background-color:#664d03; }
.yellow-900 { color:#fff; background-color:#332701; }

.green-100 { color:#000; background-color:#d1e7dd; }
.green-200 { color:#000; background-color:#a3cfbb; }
.green-300 { color:#000; background-color:#75b798; }
.green-400 { color:#000; background-color:#479f76; }
.green-500 { color:#fff; background-color:#198754; }
.green-600 { color:#fff; background-color:#146c43; }
.green-700 { color:#fff; background-color:#0f5132; }
.green-800 { color:#fff; background-color:#0a3622; }
.green-900 { color:#fff; background-color:#051b11; }

.teal-100 { color:#000; background-color:#d2f4ea; }
.teal-200 { color:#000; background-color:#a6e9d5; }
.teal-300 { color:#000; background-color:#79dfc1; }
.teal-400 { color:#000; background-color:#4dd4ac; }
.teal-500 { color:#000; background-color:#20c997; }
.teal-600 { color:#000; background-color:#1aa179; }
.teal-700 { color:#fff; background-color:#13795b; }
.teal-800 { color:#fff; background-color:#0d503c; }
.teal-900 { color:#fff; background-color:#06281e; }

.cyan-100 { color:#000; background-color:#cff4fc; }
.cyan-200 { color:#000; background-color:#9eeaf9; }
.cyan-300 { color:#000; background-color:#6edff6; }
.cyan-400 { color:#000; background-color:#3dd5f3; }
.cyan-500 { color:#000; background-color:#0dcaf0; }
.cyan-600 { color:#000; background-color:#0aa2c0; }
.cyan-700 { color:#fff; background-color:#087990; }
.cyan-800 { color:#fff; background-color:#055160; }
.cyan-900 { color:#fff; background-color:#032830; }

.gray-100 { color:#000; background-color:#f8f9fa; }
.gray-200 { color:#000; background-color:#e9ecef; }
.gray-300 { color:#000; background-color:#dde2e6; }
.gray-400 { color:#000; background-color:#ced4da; }
.gray-500 { color:#000; background-color:#adb5bd; }
.gray-600 { color:#fff; background-color:#6c757d; }
.gray-700 { color:#fff; background-color:#495057; }
.gray-800 { color:#fff; background-color:#343a40; }
.gray-900 { color:#fff; background-color:#212529; }

.verde-600 { color:#fff; background-color:#527e88; }
.verde-400 { color:#fff; background-color:#80a9b3; }

.grigio300 { background-color: #ced4da; border-color: #ced4da; }

body, html {
  height: 100%;
  margin: 0; 
}

.tasklist{
  width: 100%;
  border-width: 0px;
  border-spacing: 1px;
  clear: left;
  margin: 3px 0px 5px 0px;
  padding: 0px;
  background-color: #FFFFFF;
  empty-cells: show;
}

.tlfirstcol, td.link{
  background: #DDDDDD;
  color: #075686;
}

.striped-list-group .list-group-item:nth-child(odd) {
  background-color: white;
  color: black;
}

.striped-list-group .list-group-item:nth-child(even) {
  background-color: rgb(202, 202, 202);
  color: black;
}

/* nascondo le frecce di scorrimento da campo input type number */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  appearance: textfield;
}

.table {
  margin: auto;
  --bs-table-bg: trasparent;
}

.table thead tr th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table-rounded {
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 4px 12px 3px rgba(0, 0, 0, 0.15);
  background-color: white;
  cursor: default;
  white-space: nowrap;
}

.table-sm {
  border-collapse: collapse;
}

thead {
  border-bottom: 2px solid #808080;
}

.btn-shadow {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.align-middle-row td {
  vertical-align: middle;
}

.first-row {
  line-height: 28px;
}

.first-row td {
  text-align: center;
  vertical-align: middle;
  color: #ffff !important;
}

/* used for loading-icon */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(82, 82, 82, 0.8);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Custom modal width for tablet view */
@media (min-width: 768px) and (max-width: 991.98px) {
  .modal-xl {
    max-width: 700px; /* Adjust this value to your desired width */
  }
}

#tab_info_farm th,
#tab_info_farm td {
  word-wrap: break-word; /* Enable word wrapping */
}

#tab_info_farm th {
  width: 50%;
}

#tab_info_farm td {
  width: 50%; 
}

/* Override column widths for larger screens */
@media (min-width: 992px) {
  #tab_info_farm th {
    width: 30%; 
  }

  #tab_info_farm td {
    width: 70%;
  }
}

.container-fluid {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.content { 
  flex: 1; /* the div will expand and take all the height */
}

.copy-button {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 38px !important;
}

.select2-container .select2-selection--single .select2-selection__arrow {
  margin-top: 6px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  margin-top: 5px !important;
}

.select2-container .select2-selection--single .select2-selection__clear {
  line-height: 33px !important;
}