body {
  font-family: Arial, Helvetica, sans-serif;
}

input,
select {
  /* font-size: 10px; */
  font-size: 100%;
}

fieldset {
  border: none;
}

.select_valid {
  color: black;
}

.select_invalid {
  color: red;
}

#gantt-container {
  display: grid;
  overflow: auto;
  width: 100%;
}

.gantt-row-resource {
  background-color: whitesmoke;
  border-bottom: 1px solid rgba(177, 184, 189, 0.5);
  display: flex;
  align-items: center;
  padding: 0 0 0 6px;
  min-height: 89px;
  font-size: 14px;
  color: #606060;
}

.gantt-row-resource.multiple_lines {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.gantt-row-resource.multiple_lines .inline_text {
  white-space: nowrap;
  margin: 0px;
}

.resource_name_first_row,
.year_vue_first_row {
  font-weight: 500;
  color: #707070;
  background-color: whitesmoke;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  justify-content: center;
  align-items: center;
}

.resource_name_second_row,
.year_vue_second_row {
  background-color: whitesmoke;
  border: none;
  border-bottom: 1px solid rgba(177, 184, 189, 0.5);
}

.year_vue_first_row,
.year_vue_second_row,
.gantt-row-resource.year_rows_left_column {
  border-right: 1px solid rgba(177, 184, 189, 0.5);
  width: 160px;
  padding-left: 6px;
  white-space: nowrap;
}

.gantt-row-period {
  background-color: whitesmoke;
  color: #897a81;
  border: 1px solid rgba(177, 184, 189, 0.5);
  text-align: center;

  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(150px, 1fr);
  min-height: 90px;
  min-width: 150px;
  /* line-height:200%; */
}

.gantt-row-period.header {
  height: 60px;
  min-width: 148px;
}

.gantt-row-period.header_month {
  display: flex;
  justify-content: center;
  align-items: center;
}

.gantt-row-period.header_second_row_part {
  height: fit-content;
  min-height: unset;
  font-size: 9px;
  font-weight: 600;
  white-space: nowrap;
}

.gantt-row-period.header_second_row_part.year {
  font-size: 14px;
}

.gantt-row-period .day_name,
.gantt-row-period.header_month {
  font-size: 18px;
  line-height: 1.6em;
  color: #747a81;
}

.gantt-row-period .day_name div,
.gantt-row-period.header_month {
  white-space: nowrap;
}

.gantt-row-item {
  border: 1px solid rgb(214, 214, 214);
  border-top: none;
  padding: 10px 0 10px 0;
  position: relative;
  background-color: white;
  text-align: left;
  min-width: 148px;
}

#gantt-container:has(> .header_gantt_calendar > .header > .gantt-row-period.header_week)
  .body_gantt_calendar
  > .gantt_calendar_row
  > .gantt-row-item {
  min-width: 80px;
}

.drag-hide {
  transition: 0.01s;
  transform: translateX(-9999px);
}

#select-level {
  text-align: left;
  margin-top: 10px;
}

#gantt-settings {
  display: none;
  /* display: flex; */
  /* align-items: center; */
  /* column-gap: 3px; */
  /* font-size:10px; */
  /* margin-bottom: 10px; */
}

.half_day_off {
  background-color: whitesmoke;
}

.gantt-row-period.header,
.gantt-row-period.header_second_row_part,
.header_second_row_part_container,
.gantt-row-period.header_month,
.year_vue_first_row,
.year_vue_second_row {
  /* position: -webkit-sticky; */
  /* position: sticky; */
  /* top: 0; */
  z-index: 990;
  background-color: #f7f7f8;
}

.gantt-row-period.header_second_row_part_container,
.body_gantt_row_part_container {
  min-height: unset;
  border-top: none;
  border-bottom: none;
}

.gantt-row-item.body_gantt_row_part,
.gantt-row-period.header_second_row_part {
  border-top: none;
  border-left: none;
}

.header_second_row {
  display: grid;
}

.header_second_row_part.week {
  min-width: 149px;
}

.gantt-row-period.header_week {
  min-width: 80px;
}