.email {
  --tw-bg-opacity: 1;
  background-color: rgb(245, 148, 92, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(31, 41, 55, var(--tw-text-opacity));
}

.email:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(225, 130, 70, var(--tw-bg-opacity));
}

.map {
  --tw-bg-opacity: 1;
  background-color: rgb(113, 163, 220, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(31, 41, 55, var(--tw-text-opacity));
}

.map:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(90, 140, 170, var(--tw-bg-opacity));
}

.jif {
  --tw-bg-opacity: 1;
  background-color: rgb(190, 149, 190, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(31, 41, 55, var(--tw-text-opacity));
}

.jif:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(170, 129, 170, var(--tw-bg-opacity));
}

.jrf {
  --tw-bg-opacity: 1;
  background-color: rgb(179, 190, 98, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(31, 41, 55, var(--tw-text-opacity));
}

.jrf:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(159, 170, 78, var(--tw-bg-opacity));
}

.text-bigevent-green {
  --tw-text-opacity: 1;
  color: rgb(0, 94, 28, var(--tw-text-opacity));
}

a {
  color: rgba(0, 94, 28, 0.85);
  font-size: 0.875rem;
  font-weight: 600;
}

button {
  font-size: 0.875rem;
  font-weight: 600;
}

li {
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
}

dt, dl {
  font-size: 0.875rem;
}

.email_preview {
  padding: 1em;
  background: #ccc;
}

.jobs_list {
  list-style: none;
  height: 10em;
  overflow: auto;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 1em;
}

.libre-barcode-39-regular {
  font-family: "Libre Barcode 39", system-ui;
  font-style: normal;
  font-size: 40px;
  line-height: 1;
  display: block;
  transform: scaleX(1.6) scaleY(4);
}

.libre-barcode-39-sm {
  font-family: "Libre Barcode 39", system-ui;
  font-style: normal;
  font-size: 40px;
  margin-top: 0.875rem;
  display: block;
  transform: scaleX(1.2) scaleY(2.6);
}

h1,
h2 {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

h3 {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

header.maroon {
  background-color: rgba(0, 94, 28, 0.85);
}

header.maroon div.site-title {
  font-size: 1.875rem;
}

header.maroon div.site-description {
  font-size: 1rem;
}

.site-logo img {
  height: 4.75rem;
}

nav > a.text-sm, nav button.text-sm {
  font-size: 0.875rem;
}

.merge-solo-groups {
  background-color: dodgerblue;
  color: white;
}

span.un-checked {
  color: red;
}

span.checked {
  color: green;
}

span.thumbs-up {
  color: darkgreen;
}

span.warning-sign {
  color: darkorange;
}

.column {
  border-right: 2px solid; /* Add a vertical line */
}

.column:last-child {
  border-right: none; /* Remove border from the last column */
}

.row-highlight {
  background-color: #f0f8ff; /* Light blue */
  transition: background-color 0.3s ease; /* Smooth transition */
}

.row-highlight:hover {
  background-color: #dedede; /* Darker on hover */
}

.zoned-print {
  background-color: #d7e8fa; /* Light blue */
  transition: background-color 0.3s ease; /* Smooth transition */
}

.zoned-print:hover {
  background-color: #dedede; /* Darker on hover */
}

.finished-turned-filing {
  background-color: #c8feca; /* Light blue */
  transition: background-color 0.3s ease; /* Smooth transition */
}

.finished-turned-filing:hover {
  background-color: #dedede; /* Darker on hover */
}

.finished-turned-exec {
  background-color: #fefbd2; /* Light blue */
  transition: background-color 0.3s ease; /* Smooth transition */
}

.finished-turned-exec:hover {
  background-color: #dedede; /* Darker on hover */
}

.cancelled, .table tbody tr.job_stage1.odd td, .table tbody tr.job_stage1.even td,
.table tbody tr.odd td.job_stage1, .table tbody tr.even td.job_stage1 {
  background-color: #fddfde; /* Light blue */
  transition: background-color 0.3s ease; /* Smooth transition */
}

.job_stage1,
.table tbody tr.job_stage1.odd td, .table tbody tr.job_stage1.even td,
.table tbody tr.odd td.job_stage1, .table tbody tr.even td.job_stage1 {
  background-color: #d9eaff;
}

.job_stage2,
.table tbody tr.job_stage2.odd td, .table tbody tr.job_stage2.even td,
.table tbody tr.odd td.job_stage2, .table tbody tr.even td.job_stage2 {
  background-color: #fae4ca;
}

.job_stage21,
.table tbody tr.job_stage21.odd td, .table tbody tr.job_stage21.even td,
.table tbody tr.odd td.job_stage21, .table tbody tr.even td.job_stage21 {
  background-color: #eed1f1;
}

.job_stage3,
.table tbody tr.job_stage3.odd td, .table tbody tr.job_stage3.even td,
.table tbody tr.odd td.job_stage3, .table tbody tr.even td.job_stage3 {
  background-color: #fffbcf;
}

.job_stage4,
.table tbody tr.job_stage4.odd td, .table tbody tr.job_stage4.even td,
.table tbody tr.odd td.job_stage4, .table tbody tr.even td.job_stage4 {
  background-color: #cbfcc7;
}

.bigevent {
  background-color: rgba(0, 94, 28, 0.85);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}

.button.bigevent {
  background-color: rgba(0, 94, 28, 0.85);
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.button.bigevent:hover {
  background-color: rgba(0, 68.5, 20.4042553191, 0.85);
}

.button.job_stage1 {
  background-color: #66aaff;
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.button.job_stage1:hover {
  background-color: rgb(76.5, 155.8333333333, 255);
}

.button.job_stage2 {
  background-color: #d67200;
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.button.job_stage2:hover {
  background-color: rgb(188.5, 100.4158878505, 0);
}

.button.job_stage21 {
  background-color: #dea4e6;
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.button.job_stage21:hover {
  background-color: rgb(214.7456896552, 143.9956896552, 224.5043103448);
}

.button.job_stage3 {
  background-color: #e7d70b;
  color: #333;
}
.button.job_stage3:hover {
  background-color: rgb(206.6590909091, 192.3450413223, 9.8409090909);
}

.button.job_stage4 {
  background-color: #22b24c;
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.button.job_stage4:hover {
  background-color: rgb(29.9103773585, 156.5896226415, 66.858490566);
}

.button.cancelled {
  background-color: #bb2c24;
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity));
}
.button.cancelled:hover {
  background-color: rgb(165.6165919283, 38.9686098655, 31.8834080717);
}

.job_stage_button {
  cursor: pointer;
}

.col-span-4 {
  grid-column: span 4/span 4;
}

.col-span-3 {
  grid-column: span 3/span 3;
}

.col-span-1 {
  grid-column: span 1/span 1;
}

.col-start-9 {
  grid-column-start: 9;
}

/* Optional: Add padding for better readability */
th, td {
  padding: 8px;
  text-align: center;
}

/* Optional: Add styles to the table header */
th {
  font-weight: bold;
}

.tile-container {
  display: flex; /* Use flexbox to align tiles */
  flex-wrap: wrap; /* Wrap tiles to the next row if needed */
  gap: 5px; /* Space between tiles */
  justify-content: center; /* Center-align the tiles */
  padding: 16px; /* Add padding around the container */
}

/* Individual tile styling */
.tile {
  border: 1px solid #D5D5D5;
  border-radius: 5px;
  padding: 12px; /* Inner spacing */
  text-align: center; /* Center the text inside */
}

.tile-borders {
  border: 2px solid #ccc; /* Add a gray border */
  margin-bottom: 3px;
}

/* Add hover effect */
.tile:hover {
  transform: scale(1.05); /* Slightly enlarge the tile */
}

/* Title inside the tile */
.tile-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}

/* Content inside the tile */
.tile-content {
  font-weight: bold;
  font-size: 13px;
  color: #555;
}

.tile-job_stage1 {
  background-color: #d7e8fa; /* Light blue */
  transition: background-color 0.3s ease; /* Smooth transition */
}

.tile-job_stage4 {
  background-color: #c8feca; /* Light blue */
  transition: background-color 0.3s ease; /* Smooth transition */
}

.tile-job_stage3 {
  background-color: #fefbd2; /* Light blue */
  transition: background-color 0.3s ease; /* Smooth transition */
}

.tile-cancelled {
  background-color: #fddfde; /* Light blue */
  transition: background-color 0.3s ease; /* Smooth transition */
}

.tile-job_stage21 {
  background-color: #ead2f2; /* Light blue */
  transition: background-color 0.3s ease; /* Smooth transition */
}

.tile-job_stage2 {
  background-color: #f9e6c8; /* Light blue */
  transition: background-color 0.3s ease; /* Smooth transition */
}

.cell-default {
  background-color: #e3e3e3; /* Light gray */
  color: #000;
}

.h-8 {
  height: 2rem;
}

.h-\[max-content\] {
  height: -moz-max-content;
  height: max-content;
}

.h-\[30\] {
  height: 30;
}

.h-\[3\] {
  height: 3;
}

.max-h-80 {
  max-height: 20rem;
}

.max-h-\[max-content\] {
  max-height: -moz-max-content;
  max-height: max-content;
}

.max-h-8 {
  max-height: 2rem;
}

.max-w-full {
  max-width: 100%;
}

.max-w-4 {
  max-width: 1rem;
}

.max-w-10 {
  max-width: 2.5rem;
}

.max-w-20 {
  max-width: 5rem;
}

@media (min-width: 768px) {
  .md\:grid-cols-\[4\] {
    grid-template-columns: 4;
  }
  .md\:grid-cols-\[200\] {
    grid-template-columns: 200;
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .md\:grid-cols-11 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .md\:grid-cols-24 {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }
  .md\:grid-cols-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
  }
}
@keyframes image-rotation {
  0% {
    background-image: url("../images/signup_images/rotator_1.jpg");
  }
  25% {
    background-image: url("../images/signup_images/rotator_2.jpg");
  }
  50% {
    background-image: url("../images/signup_images/rotator_3.jpg");
  }
  75% {
    background-image: url("../images/signup_images/rotator_4.jpg");
  }
  100% {
    background-image: url("../images/signup_images/rotator_1.jpg");
  }
}
.image-rotator {
  width: 100%;
  aspect-ratio: 1170/250; /* Adjust ratio if needed */
  background-size: cover;
  animation: image-rotation 20s infinite;
}

.organizations-images {
  width: 170px; /* Set the desired width */
  height: 50px; /* Set the desired height */
  background-size: cover;
  background-image: url("../../public/images/signup_images/rotator_4.jpg");
}

.span8 {
  width: 770px;
}

.span12 {
  width: 1170px;
}

.span4 {
  width: 370px;
}

.row {
  clear: both;
  margin-left: -10px;
  display: flex;
}

.be_droppable_container {
  min-height: 65px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

div.floating {
  padding: 15px;
  margin: 3px;
  border: 1px solid #D5D5D5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}