@import "https://cdn.jsdelivr.net/npm/choices.js/public/assets/styles/choices.min.css";
@import url("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css");
/* Custom styles for Choices.js to match the existing select style */
.choices__inner {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 0.375rem; /* rounded-md */
  border: 1px solid #cbd5e0; /* border-gray-400 */
  outline: none;
  padding: 0.5rem 0.75rem; /* px-3 py-2 */
  margin-top: 0.5rem; /* mt-2 */
  width: 100%; /* w-full */
  background-color: #fff; /* bg-white */
}

.choices__list--dropdown .choices__item--selectable {
  padding: 0.5rem 0.75rem; /* px-3 py-2 */
}

.choices__list--dropdown {
  border-radius: 0.375rem; /* rounded-md */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.choices__input {
  padding: 0.5rem 0.75rem; /* px-3 py-2 */
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */

.field_with_errors input {
  border-color: #f56565;
  /* Red border color */
  background-color: #fff5f5;
  /* Light red background color */
  border-width: 2px;
  /* Thicker border to highlight errors */
}

.field_with_errors select {
  border-color: #f56565;
  /* Red border color */
  background-color: #fff5f5;
  /* Light red background color */
  border-width: 2px;
  /* Thicker border to highlight errors */
}

.field_with_errors textarea {
  border-color: #f56565;
  /* Ensure the border color is applied to inputs and selects */
}

.innova-heading {
  color: #333;
  margin-bottom: 20px;
}

.innova-table {
  width: 100%;
  background: #007BFF;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  overflow: hidden;
  min-width: 800px;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 12px;
  /* Reduced font size */
}

.innova-table th,
.innova-table td {
  padding: 8px;
  /* Reduced padding */
  text-align: center;
}

.innova-table th {
  background-color: #007BFF;
  color: white;
}

.innova-table th.col-line {
  background-color: #00438b;
  /* Ensure col-line background is applied */
}

.innova-table tbody tr td {
  border-right: 1px solid #DDD;
}

.innova-table th:first-child {
  border-top-left-radius: 10px;
}

.innova-table th:last-child {
  border-top-right-radius: 10px;
}

.innova-table tr:nth-child(even) {
  background-color: #EEEEEE;
}

.innova-table tr:nth-child(odd) {
  background-color: #FFFFFF;
}

.innova-table tr:hover {
  background-color: #e0f7fa;
}

.progress-container {
  width: 80px;
  /* Reduced width */
  background-color: #ddd;
  border-radius: 5px;
  overflow: hidden;
}

.progress-bar {
  height: 15px;
  /* Reduced height */
  text-align: center;
  line-height: 15px;
  /* Adjusted line height */
  color: white;
  font-size: 10px;
  /* Reduced font size */
}

.col-line {
  border-right: 1px solid #ffffff69;
  background-color: #00438b;
}

.low {
  background-color: red;
}

.medium {
  background-color: orange;
}

.high {
  background-color: green;
}

#my-gantt .gantt_scale_cell,
#my-gantt .gantt_task_cell,
#my-gantt .gantt_task_content {
  font-size: 12px !important;    /* Reduz o tamanho da fonte */
  padding: 0px 2px !important;   /* Reduz o espaçamento horizontal */
  line-height: 1.2 !important;   /* Compacta mais ainda as linhas */
}

#my-gantt .gantt_task_line {
  height: 14px !important;       /* Reduz altura das barras */
}

#my-gantt .gantt_row,
#my-gantt .gantt_tree_content,
#my-gantt .gantt_cell {
  font-size: 12px !important;    /* Mesmo tamanho de fonte */
  line-height: 26px !important;  /* Igual à altura das barras */
  height: 28px !important;       /* Garante que a altura da linha acompanhe */
  padding: 0 2px !important;
}