#principal {
  display: flex;
  height: 100vh;
  padding: var(--size-3) 0;
}

.select2 {
  font: var(--font-3) var(--typo) !important;
  background-color: rgb(var(--secondary-base)) !important;
  min-height: 40px !important;
}

.style-containers-paginas-iniciais {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 50px 0px;
  height: 100vh;
}

.select2-results__option {
  font: var(--font-3) var(--typo) !important;
  background-color: rgb(var(--secondary-base)) !important;
  color: white !important;
}

.select2-selection {
  font: var(--font-3) var(--typo) !important;
  background-color: rgb(var(--secondary-base)) !important;
  color: white !important;
  border-color: rgba(var(--default-border-color)) !important;
  min-height: 40px !important;
}

.select2-search__field::placeholder {
  font-size: var(--font-3) !important;
  font-family: var(--typo) !important;
  line-height: 1.4;
  color: white !important;
}

.btn_menu {
  width: 100%;
  margin-bottom: 27%;
  border-radius: 14px;
  transition: all ease-in-out 0.3s;
}

.swal-title-small {
  font-size: 18px !important;
}

.tingle-modal__overlay {
  background: transparent !important;
}

.tingle-modal:before {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.loader {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #333;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spin 1s linear infinite;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.fade {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.fade-out {
  opacity: 0;
}

.tingle-modal__close {
  max-width: 20px;
  max-height: 20px;
  width: 100%;
  height: 100%;
  font-size: 15px; /* ou ajuste como quiser */
  line-height: 1;
  padding: 0;
}

.tabela-visitas tr:nth-child(even) {
  background-color: rgb(var(--secondary-dark));
}

.tabela-visitas tr:nth-child(odd) {
  background-color: rgb(var(--secondary-darker));
}

.tabela-visitas th {
  padding: 8px;
  text-align: center;
}
.tabela-visitas td {
  padding: 8px;
}

.tingle-modal-box__content {
  background-color: rgb(var(--secondary-base));
}

.tingle-modal-box__footer {
  display: none;
}

.tingle-modal-box {
  max-height: 90% !important;
  overflow-y: scroll;
  width: 80% !important;
}

.button-disabled {
  background-color: #ccc !important; /* Cor de fundo cinza claro */
  color: #666 !important; /* Cor do texto mais escura para indicar inatividade */
  cursor: not-allowed !important; /* Mudança do cursor para 'não permitido' */
  opacity: 0.5 !important; /* Diminui a opacidade para dar a sensação de desabilitado */
}

#dropZone {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 70%;
  background-color: rgba(5, 18, 51, 0.7);
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  border-radius: 10px;
}

.multi-autocomplete {
  position: relative;
  width: 100%;
}

.autocomplete-input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.selected-tags-container {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
}

.tag {
  background-color: #e0e0e0;
  padding: 3px 8px;
  border-radius: 3px;
  display: flex;
  align-items: center;
}

.tag-remove {
  margin-left: 5px;
  cursor: pointer;
}

.dropdown-list {
  display: none;
  position: fixed;
  min-width: 200px;
  max-width: 300px;
  overflow-y: auto;
  border: 1px rgba(255, 255, 255, 0.1125);
  z-index: 99999;
  margin-top: 2px;
}

.dropdown-item {
  padding: 8px;
  cursor: pointer;
}

.dropdown-item:hover {
  background-color: #f5f5f5;
}

.dropdown-item.selected {
  background-color: #e8f4ff;
}

#dropZone.active {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dropdown-content {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: start;
}

.drop-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.autocomplete-input::placeholder {
  color: white !important; /* Cor mais suave para o placeholder */
}

#uploadStatus {
  margin-top: 20px;
  padding: 10px;
  border-radius: 5px;
}

#btn {
  border: solid #fff;
  width: 20%;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  padding-inline: 1px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05), 0 5px 15px 0 rgba(0, 0, 0, 0.05);
  background-color: #fff;
  margin-inline-start: 5px;
}

.fixed-height {
  padding: 1px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

#map {
  height: 100%;
  width: 100%;
}

.map {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none !important;
}

#comparison-container .mapboxgl-compare {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  z-index: 10;
}

#navbar {
  position: absolute;
  width: 100%;
  background-color: rgb(8, 23, 60);
  height: 6vh;
}

.img_btn {
  filter: invert(90%) sepia(8%) saturate(23%) hue-rotate(50deg) brightness(91%)
    contrast(85%);
  margin-left: -17%;
  width: 135%;
}

.btn_visitas {
  width: 158%;
  margin-left: -30%;
}

.btn_report {
  width: 145%;
  margin-left: -22%;
}

.btn_contratos {
  width: 150%;
  margin-left: -26%;
}

.btn_collapse_img {
  width: 26px;
}

.general_visit {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  display: flex;
}

#uso__chart {
  width: 100%;
  max-width: 100%;
  text-align: center;
}

.apexcharts-canvas {
  width: 100% !important;
  max-width: 100%;
}

.uso_dash_observacoes {
  height: 28%;
  overflow-y: auto;
}

.tables_popups {
  width: 200px;
  min-width: auto !important;
  line-height: normal !important;
  padding-right: 0 !important;
  border-collapse: collapse;
  font-size: 12px;
}

.mapboxgl-popup-content {
  background-color: rgba(var(--secondary-dark), 0.95);
  padding: 0px !important;
  font-size: 1.125rem;
  text-align: left;
  overflow: auto;
  color: rgba(var(--default-white), 0.8);
  border-radius: var(--df-radius);
  box-shadow: var(--df-shadow--black--lg);
  display: flex !important;
  flex-direction: column !important;
  max-height: 600px !important;
  overflow-y: auto !important;
  line-height: 140%;
  word-break: break-all;
  line-height: 1.2;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  width: 300px !important;
}
.filtroFazendaObserv {
  text-align: center;
  height: 8%;
  box-shadow: 0 3px 3px 0 rgb(0 0 0 / 5%), 0 5px 15px 0 rgb(0 0 0 / 5%);
  background-color: #fff;
  border: solid #fff;
  border-radius: 10px;
  padding-top: 3%;
  margin-bottom: 2%;
  width: 99%;
}

.checkbox-tematico {
  margin-right: 10px;
}

#collapse_mapa {
  height: 66px;
  width: 34px;
  border: none;
  border-radius: 20px 0px 0px 20px;
  margin: 10px;
  pointer-events: auto;
}

.img_logo {
  object-fit: contain;
  width: 100%;
  text-align: center;
  text-align: left;
}

.btnMapaImage {
  width: 30px;
  margin-right: 5px;
  object-fit: contain;
}

.divFilter {
  display: none;
  position: absolute;
}

.optionsFilter {
  display: none;
  position: absolute;
  border: solid;
  width: 13vw;
  margin-left: 25vw;
  height: 29vh;
  margin-top: 1vh;
  border-radius: 8px;
  background-color: rgb(204, 204, 204);
  pointer-events: auto;
}

.container {
  display: block;
  position: relative;
  font-size: 20px;
  user-select: none;
}

.checkmark {
  position: relative;
  top: 0;
  left: 0;
  height: 1.3em;
  width: 1.3em;
  background: #606062;
  border-radius: 5px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);
}

.container input:checked ~ .checkmark {
  background-image: linear-gradient(#b9e9b3, #a8e4a0);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container input:checked ~ .checkmark:after {
  display: block;
}

.container .checkmark:after {
  left: 0.45em;
  top: 0.25em;
  width: 0.25em;
  height: 0.5em;
  border: solid #fff;
  border-width: 0 0.15em 0.15em 0;
  transform: rotate(45deg);
}

.buttonsLeftMap {
  margin: 0.5rem;
}

.btnMapa {
  background-color: rgb(var(--secondary-dark));
  border-radius: var(--df-radius--intern);
  margin-bottom: 0.3625rem;
  min-height: 8.25ch;
  opacity: 0.725;
  pointer-events: auto;
  z-index: 100;
  border: 1px solid rgba(255, 255, 255, 0.0825) !important;
  line-height: 1.75;
  padding: 0.5rem 0.75rem;
  text-align: left;
  transition: all 0.3s ease;
  width: 105%;
  max-width: 3.5rem;
  height: 3.5rem;
}

.btnMapaProspect {
  background-color: rgb(255, 153, 0);
  font-weight: 600;
  border: 1px solid rgb(0, 0, 0, 0.15) !important;
  color: rgb(var(--secondary-dark));
}

.btnMapa:hover {
  width: 100%;
  max-width: 11rem;
}

.btnMapa .formatIconMarker > span {
  max-width: 0px;
  width: 100%;
  overflow: hidden;
  line-height: 1.2;
  white-space: nowrap;
  opacity: 0;
  transition: all 0.2s ease;
}

.btnMapa:hover .formatIconMarker > span {
  opacity: 1;
  max-width: 7.5rem;
}

.socioambiental__cards .card__table input[readonly] {
  user-select: all !important;
  cursor: text !important;
}

.socioambiental__cards .card__table tbody tr td:last-of-type {
  padding-right: 0.5rem !important;
}

.mapboxgl-ctrl.mapboxgl-ctrl-group {
  opacity: 0.75;
  transition: all 0.2s ease;
}
.mapboxgl-ctrl.mapboxgl-ctrl-group:hover {
  opacity: 1;
}

.mapboxgl-ctrl.mapboxgl-ctrl-group button {
  /* height: 40px !important;
    width: 40px !important; */
}

.buttonsLeftMap:hover .btnMapa {
  opacity: 0.9 !important;
}

.buttonsLeftMap .btnMapa:hover {
  opacity: 1 !important;
  transform: translateX(3px);
}

.formatIconMarker {
  display: flex;
  font-size: 0.9375rem;
  width: 100%;
  align-items: center;
}

.formatIconMarker > i {
  padding-left: 0.1625rem;
  padding-right: 0.1625rem;
}

.buttonsLeftMap {
  top: 0;
  position: absolute;
}

.divAreasdeInteresse {
  width: 24vw;
  height: 59vh;
}

.divLegend {
  display: none;
}

.btn_collapse {
  font-size: var(--font-1);
}

#graficoBarrasContratos {
  display: none;
}

#divChangeGraph {
  left: 1%;
  z-index: 2;
  bottom: 1%;
}

.filterFazenda {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  height: 100%;
}

#return_info {
  flex-grow: 1; /* Ocupa todo o espaço restante */
  overflow-y: auto;
  min-height: 0; /* Importante para o overflow funcionar corretamente */
}

.img_btn_change_contratos {
  width: 100%;
}

#btnChangeGraph {
  width: 2rem;
  height: 2rem;
  text-align: right;
}

.menu_fazendas {
  height: 100%;
  margin-right: 2px;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.menu_visitas {
  display: flex;
  flex-direction: column;
  text-align: center;
  height: calc(100% + 0.5rem);
}

.menu_report {
  display: flex;
  flex-direction: column;
  text-align: center;
  height: 100%;
}

.menu_observacoes {
  display: flex;
  flex-direction: column;
  text-align: center;
  height: 100%;
}

#calendar_div {
  border-radius: var(--df-radius);
  background-color: rgb(var(--secondary-light), 0.425);
  transition: all 0.25s ease;
  bottom: 0;
  width: 100%;
  margin-top: 20px;
  overflow-y: auto;
  font-size: 13px;
}

.event-container {
  overflow-y: auto !important;
}

.titulo_popup {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-weight: var(--medium);
  border-bottom: 2px solid rgba(255, 255, 255, 0.15);
  background: rgb(var(--secondary-dark));
}

#calendar,
.calendar {
  height: 100%;
}

.calendar > header {
  height: 15px;
  font-size: 12px;
}

.calendar > thead {
  font-size: 12px;
}

#div_report {
  border: solid #fff;
  height: 48%;
  position: absolute;
  width: -webkit-fill-available;
  border-radius: 10px;
  margin-right: 1px;
  box-shadow: 0 3px 3px 0 rgb(0 0 0 / 5%), 0 5px 15px 0 rgb(0 0 0 / 5%);
  background-color: #fffffe;
  margin-inline-end: 5px;
  top: 51%;
  overflow-y: auto;
}

.btnControl {
  width: 25px;
  height: 25px;
}

.load_gif {
  height: 84%;
  margin: 6%;
  margin-left: 16%;
}

#map2 {
  border: solid rgb(237, 237, 252);
  width: 70%;
  border-radius: 10px;
  margin-inline: 5px;
  display: block;
}

.menu_create {
  height: 100%;
  overflow: auto;
}

.menu_create_visita {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.clickPoint {
  cursor: pointer;
}

input[type="file"]::file-selector-button {
  margin-right: 15px;
  border: none;
  background: rgba(var(--primary-base), 0.425);
  padding: 0.5rem var(--font-2);
  border-radius: var(--df-radius--intern) 0 0 var(--df-radius--intern);
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--typo);
  font-size: 1rem;
  cursor: pointer;
  transition: all var(--transition);
}

input[type="file"]:hover::file-selector-button {
  background: rgba(var(--primary-base), 0.8) !important;
  color: #fff;
}

#div_barras_contratos {
  height: 53vh;
}

.formInput {
  padding-block-end: 5%;
}

.load_gif2 {
  height: 77%;
  margin: 6%;
  margin-inline: 24%;
}

.titleInfo {
  border: solid #fff;
  height: 7%;
  width: 99%;
  border-radius: 10px;
  margin-right: 1px;
  box-shadow: 0 3px 3px 0 rgb(0 0 0 / 5%), 0 5px 15px 0 rgb(0 0 0 / 5%);
  background-color: #7a7a7a;
  color: #fff;
  margin-inline-end: 5px;
  margin-bottom: 2%;
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  padding-top: 2%;
}

.rowGraph {
  background-color: #eee;
  border: solid 1px #fff;
  display: flex;
  flex-direction: row;
  height: auto;
  border-radius: 7px;
}

.titleGraphs {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  position: relative;
  bottom: -621px;
  display: none;
}

.columnGraph {
  width: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  justify-content: center;
  transition: all var(--transition) !important;
  background-color: rgba(var(--secondary-light), 0.325) !important;
}

.columnGraph.active {
  background-color: rgba(var(--primary-base), 0.325) !important;
}

.menu_uso {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#dash_tematicos {
  display: flex;
  flex-direction: column;
  overflow: auto;
  overflow-x: hidden;
  max-height: 100vh;
}

.menu_tematicos {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.menu_contratos {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.Realizada {
  right: 18%;
  top: 45%;
  position: absolute;
}

.Agendada {
  right: 1%;
  top: 45%;
  position: absolute;
}

.Atrasada {
  right: 9%;
  top: 45%;
  position: absolute;
}

.apexcharts-text.apexcharts-datalabel-label {
  text-transform: capitalize;
  font-weight: var(--semibold);
  font-size: 15px;
}

.apexcharts-legend-marker {
  margin-bottom: 10px;
}

.apexcharts-legend-text {
  margin-bottom: 10px;
}

.apexcharts-tooltip-marker {
  background-color: rgb(169, 0, 230);
  max-height: 100%;
  border-radius: 0.25rem 0px 0px 0.25rem;
  width: 1rem;
  min-height: 2rem;
  height: 2.5rem;
  flex: 1 0 1rem;
}

.apexcharts-tooltip > .apexcharts-tooltip-series-group {
  transition: opacity 0.5s ease;
  opacity: 0;
  align-items: center;
  display: flex;
  padding: 0px;
  backdrop-filter: blur(4px);
}

.apexcharts-tooltip.apexcharts-active > .apexcharts-tooltip-series-group {
  opacity: 1;
}

.apexcharts-tooltip-text {
  padding: 0 0.5rem;
  font-size: var(--font-2);
}

span.apexcharts-tooltip-marker {
  background-color: rgb(189, 189, 189);
  max-height: 100%;
  border-radius: 0.25rem 0px 0px 0.25rem;
  width: 1rem;
  min-height: 2rem;
  height: 2.5rem;
  flex: 1 0 1rem;
  margin: 0px;
}

.visitas_info {
  overflow: auto;
  height: calc(100% - 2.5rem);
}

.click_line tr:hover {
  font-weight: bold;
  border: 1px solid rgb(221, 221, 221);
}

.btn_menu_exit {
  position: absolute;
  bottom: 0;
  margin: 1%;
  width: 2%;
}

.quadro_info_img {
  margin-bottom: 3%;
  width: 15%;
}

.tooltip1 {
  position: relative;
}

.tooltip1 .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}

#img_files_timeline {
  width: 100%;
}

.tooltip1:hover .tooltiptext {
  visibility: visible;
}

#dash_contratos {
  height: 53%;
}

#visitas_content {
  height: 35vh;
}

#visitas_content #form_update {
  height: 36vh;
  overflow: auto;
}

#dash_report {
  height: 42%;
  overflow: auto;
}

.inputObservContent {
  background-color: #eee;
}

.mapboxgl-popup {
  z-index: 1;
}

.returnInfo {
  flex-direction: row;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  padding-inline-end: 15px;
}

.returnInfo {
  display: flex;
  flex-direction: column;
  height: 85%;
}

#lista_observacoes {
  height: 100%;
  width: 100%;
}

.imgInfoObserv {
  object-fit: contain;
  width: 100%;
}

.areaConcorrencia {
  display: none;
}

#div_legend_content2 {
  overflow-y: auto;
  height: 88%;
}

#div_legend_content {
  position: absolute;
  padding: 2px;
  background-color: rgba(var(--secondary-dark));
  max-height: 90vh;
}

.divLegendaBottom {
  bottom: 0;
}

#legendaBottomMap {
  color: rgba(var(--default-white));
  position: absolute;
  bottom: 0.475rem;
  left: 0.5rem;
}

#legendaMap .panel__content {
  padding: 1rem;
}

.divLayersGovernoFilter {
  padding: 1rem;
}

img#simbolo_legenda_1 {
  width: 1rem;
  height: 1rem;
  margin: 0 0.25rem;
  vertical-align: middle;
  display: inline-block;
}

.legenda_uso_item {
  display: flex;
  align-items: center;
  padding: 0.25rem 0;
  width: 100%;
  font-weight: var(--medium);
  font-size: 15px;
}

.legenda_uso_item:hover {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 0.2rem;
}

.legenda_uso_item_rect {
  border-radius: 0.175rem;
  margin-right: 0.5rem;
  border: none !important;
}

div#legendaPolygons .checkbox-pri + span {
  font-size: var(--font-3);
  font-weight: 500;
}

#checkbox_temas {
  display: grid;
  gap: 0.5em;
}

.panel__content .collapse .collapse {
  padding-left: 0.75rem;
  background: rgba(255, 255, 255, 0.0825);
  border-radius: 0.3rem;
}

.divAreasdeInteresse .panel__content {
  padding: 1rem;
}

.viewPdfViabilidade {
  width: 100%;
  height: 100%;
}

.mapboxgl-canvas-container {
  cursor: pointer;
}

.createMarker:hover {
  cursor: pointer;
}

.click_line {
  cursor: pointer;
}

.click_line_fazenda {
  cursor: pointer;
}

.clickObserv {
  cursor: pointer;
}

.titleVisitaBtn {
  position: absolute;
  top: 9%;
  font-weight: bold;
  font-size: 15px;
  right: 10%;
}

.titleVisitaBtn1 {
  position: absolute;
  top: 46%;
  font-weight: bold;
  font-size: 15px;
  right: 10%;
}

.createMarkerImage {
  left: 0%;
  position: absolute;
  top: 0%;
}

.titleVisitaBtn2 {
  position: absolute;
  top: 46%;
  font-weight: bold;
  font-size: 15px;
  right: 19%;
}

#list_imgs {
  position: absolute;
  width: 50%;
  right: 6%;
  top: 9%;
}

.carouselObserv {
  width: 31vw;
}

.rightObserv {
  left: 100%;
}

.imprimir {
  position: absolute;
  background-color: #fff;
  display: none;
}

#btnPrintInfoTimelineVisita {
  z-index: 100000;
  position: absolute;
  left: 14%;
}

.titlePrint {
  font-size: 26px;
  font-weight: BOLD;
  margin-top: 10px;
  margin-left: 4%;
  text-decoration: underline;
  margin-top: 31px;
}

.logo_imprimir {
  background-color: rgb(8, 23, 60);
  color: #fff;
  margin-left: -1%;
}

.imgPrint {
  width: 100%;
  height: 222px;
  margin-bottom: 20px;
}

#printMap {
  width: 100%;
  border: solid;
  margin-bottom: 150px;
}

.titleForm {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 24px;
}

.btnOrderContratos {
  cursor: pointer;
  height: 10px;
}
.historicoImagens {
  font-size: 10px !important;
}

#div_imagens_satelite {
  display: flex;
  background-color: rgba(var(--secondary-dark), 0.825);
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  top: 90%;
  margin: 0 auto;
  z-index: 5;
  border: 1px solid rgba(255, 255, 255, 0.0825);
}

.div_anos_imagens {
  max-width: 100% !important;
  width: 100% !important;
}

.range-container {
  width: 74%;
  height: 100px;
  margin: 50px auto;
  position: absolute;
  bottom: -36%;
  right: 1%;
}

.range-label {
  position: absolute;
  bottom: -24px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
}

.labels_anos {
  display: none;
}

.range-label .active {
  font-weight: bold;
}

input[type="range"]::-webkit-slider-runnable-track {
  height: 10px;
  background: #ddd;
  border-radius: 5px;
}

input[type="range"]::-webkit-slider-runnable-track:before {
  content: "";
  position: absolute;
  left: 0;
  height: 10px;
  border-radius: 5px;
  background: blue;
}

input[type="range"]::-webkit-slider-runnable-track:after {
  content: "";
  position: absolute;
  right: 0;
  height: 10px;
  border-radius: 5px;
  background: #ddd;
}

.btnMapaLegend {
  position: absolute;
  left: 3%;
  bottom: 21%;
}

#list_imgs_timeline {
  height: 100%;
  padding: 0;
}

#carousel-example-generic_timeline {
  height: 100%;
}

.timeline_carousel {
  height: 100%;
}

.active {
  height: 100%;
}

#img_files_timeline {
  /* height: 100%; */
  object-fit: contain;
}

.titleImagensCompareAfter {
  background-color: #fff;
  position: absolute;
  bottom: -375%;
  font-size: 25px;
  font-weight: bold;
  right: 54%;
  border: solid black;
  color: black;
}

.titleImagensCompareMap {
  background-color: #fff;
  position: absolute;
  bottom: -375%;
  font-size: 25px;
  font-weight: bold;
  right: -56%;
  border: solid black;
  color: black;
}

.swipe {
  cursor: pointer;
}

.newDivLegend {
  position: absolute;

  width: 18vw;
  background-color: #fff;
  overflow-y: auto;
  border-radius: 8px;
  box-shadow: 0 3px 3px 0 rgb(0 0 0 / 5%), 0 5px 15px 0 rgb(0 0 0 / 5%);
}

#table_visita_timeline {
  font-weight: bold;
  font-size: 14px;
}
#tabelaResumoContratos {
  height: 50vh;
}

#tabelaResumoContratos > table {
  height: 100%;
}

#listPointsReport {
  display: none;
  cursor: pointer;
}

.divTableListPoints {
  font-size: 11px;
}

#mapPrint {
  display: none;
  border: 1px solid #212f50;
  box-shadow: var(--df-shadow--black--lg);
  height: 600px;
  position: absolute;
  top: 8%;
  width: 863px;
  left: 17%;
  z-index: 5;
  flex-direction: column;
  overflow: hidden;
  background: #051233;
}

.titlePrintHead {
  height: 10%;
  display: flex;
  background-color: rgb(var(--secondary-base));
  color: #fff;
  align-items: center;
  flex-direction: row;
  border-bottom: 1px solid #212f50;
}

.divMap {
  display: flex;
  height: 100%;
  width: 100%;
}

#mapDisplayPrint {
  width: 70%;
  height: 100%;
}

#legendaDisplayPrint {
  width: 25%;
  height: 100%;
  background-color: rgb(var(--secondary-base));
}

.mapboxgl-ctrl-group button {
  background-color: transparent;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 32px;
  outline: none;
  overflow: hidden;
  padding: 0;
  width: 30px;
}

#legendaPrint {
  width: 100%;
  height: 80%;
}

.scale {
  background-color: #fff;
  width: 65.811px;
  border-right: 2px solid;
  border-bottom: 2px solid;
  border-left: 2px solid;
  height: 20px;
  opacity: 0.8;
  color: black;
  font-weight: bold;
  text-align: center;
}

#legendaInfos {
  height: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.logoNorte {
  transform: rotate(0deg);
  height: 36px;
  margin: 4%;
}

.title_legenda_left {
  font-size: 1.125rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.legenda_uso_item2 {
  font-size: 0.9125rem;
}

#logoPrint {
  width: 15%;
  height: 100%;
  display: flex;
}

#logoUsina {
  width: 15%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
}

.logoUsina {
  object-fit: contain;
  height: 100%;
  background-color: #fff;
}

#titleTextPrint {
  background-color: transparent;
  text-align: center;
  width: 100%;
  border: #fff;
}

.columnLegenda {
  height: 100%;
  width: 100%;
  padding: 0.75rem;
}

.column2 {
  width: 100%;
}

.img_logoPrint {
  width: 100%;
  text-align: center;
}

#titlePrint {
  width: 70%;
  font-size: 27px;
  text-align: center;
  font-weight: bold;
}

#simbolo_legenda_2 {
  height: 10px;
  margin: 1px;
  margin-inline-end: 5px;
}

.buttonsPrint {
  display: none;
  flex-direction: column;
  width: 13%;
  position: absolute;
  top: 8%;
  left: 2%;
}

.elementoButtonsPrint {
  margin-bottom: 3%;
}

.imgLegendaVisitas {
}

.imgLegendaVisitas2 {
  height: 20px;
  width: 20px;
}

.infoUserPrint {
  position: absolute;
  bottom: 1px;
  background-color: rgb(var(--secondary-base));
  z-index: 6;
  left: 1px;
  padding: 3px;
}

.perfilElevacao {
  height: 32%;
  width: 64%;
  position: absolute;
  background-color: rgb(var(--secondary-dark));
  bottom: 0;
  left: 0.25rem;
  margin: 1%;
  border: 1px solid rgba(255, 255, 255, 0.0825);
  border-radius: var(--df-radius--intern);
}

#divInfoDraw {
  background-color: rgb(var(--secondary-dark));
  border-radius: var(--df-radius);
  border: 1px solid rgba(255, 255, 255, 0.0825);
  bottom: 0.5rem;
  right: 0.5rem;
  color: rgb(var(--default-white));
  display: flex;
  flex-direction: column;
  height: auto;
  position: absolute;
  padding: 1rem;
  min-width: 12.5rem;
  z-index: 5;
}

#divChangeBaseMap {
  background-color: rgb(var(--secondary-dark));
  border-radius: var(--df-radius);
  border: 1px solid rgba(255, 255, 255, 0.0825);
  opacity: 1;
  padding: 0;
  position: absolute;
  left: unset;
  top: 0.5em;
  right: 3.25rem;
  width: 22.5rem;
  max-width: 42.5vw;
  transform: none !important;
  height: auto;
  z-index: 5;
  box-shadow: var(--df-shadow--black);
}

.btn {
  margin: 1px;
}

.infosElevacao {
  margin: 1%;
  font-size: 1rem;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.0825);
}

.tableinfosElevacao {
  width: 100%;
  margin-bottom: 5%;
  margin-top: 1rem;
}

.mediaPerfil {
  background-color: rgba(255, 255, 255, 0.2);
}

.inputCarCalc {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: var(--df-radius--intern);
  text-align: center;
  background-color: rgb(var(--grey-700));
  text-align: center;
  padding-block: 0.25rem;
}

.elementCalc {
  text-align: center;
  font-size: var(--font-3);
}

.titleelementCalc {
  font-size: 12px;
}

.resultadoCalcRenovaBio {
  font-weight: bold;
  font-size: 16px;
}

.valueResultadoCbios {
  font-size: 20px;
}

.drawValueArea {
  text-align: center;
  font-size: var(--size-7);
  display: block;
  height: auto;
  line-height: 1.3;
  margin-bottom: 0.75rem;
  padding: 0 1rem;
}

.addLayerAsAreaInteresse {
  font-size: 1rem;
  font-weight: var(--regular);
}

.listMapsFavoritos {
  width: 100%;
  font-size: 15px;
}

.titleFavMap {
  width: 50%;
  text-align: center;
  padding: 6px;
}

.dataFavMap {
  text-align: center;
  width: 15%;
  padding: 6px;
}

.deleteFavMap {
  text-align: center;
  width: 15%;
  padding: 6px;
  cursor: pointer;
  transition: all var(--transition);
}
.deleteFavMap:hover i {
  color: rgb(var(--default-danger));
}

.rowClickListFavoritos {
  cursor: pointer;
}

.divCreateFavoritos {
  background-color: rgb(var(--secondary-base)) !important;
  padding: 0;
  border-radius: 8px;
  color: rgb(var(--default-white));
  display: none;
  flex-direction: column;
  font-size: 14px;
  height: auto;
  left: 0.5rem;
  pointer-events: auto;
  position: absolute;
  top: 0.5rem;
  width: 22.5rem;
  z-index: 100000;
}

/* .divConectBancoDeDados {
	background-color: aliceblue;
	z-index: 10;
	text-align: center;
	display: none;
	position: absolute;
	border: solid;
	width: 26vw;
	height: 46vh;
	margin-left: 129px;
	margin-top: 10px;
	border-radius: 8px;
	pointer-events: auto;
	padding: 9px;
	font-size: 14px;
	flex-direction: column;
} */

#opacityUsoSolo {
  width: 16%;
}

.switch {
  position: relative;
  display: inline-block;
  width: 2.5rem;
  height: 1.25rem;
  vertical-align: middle;
}

.switch label {
  cursor: pointer;
}

.switch input {
  visibility: hidden;
}

.switch ~ .switch__text {
  margin-left: 0.5rem;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(var(--secondary-light), 0.75);
  transition: all var(--transition);
}

.switch__label:hover .slider {
  background-color: rgb(var(--default-success), 0.5125);
}

.slider:before {
  position: absolute;
  content: "";
  height: 0.75rem;
  width: 0.75rem;
  left: 0.25rem;
  bottom: 0.25rem;
  background-color: #fff;
  transition: all var(--transition);
}

input:checked + .slider {
  background-color: rgb(var(--default-success)) !important;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  transform: translateX(1.25rem);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#titleMapFavorito {
  text-align: center;
  background-color: rgba(var(--secondary-dark), 0.9125);
}

#agndUserMapFavorito {
  margin-top: 90%;
  background-color: #000d2f !important;
  color: white !important;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #007bff; /* Altere para a cor desejada */
  color: black; /* Cor do texto */
}
.select2-container--default .select2-selection--multiple {
  background-color: #fff; /* Fundo do select */
  color: #000; /* Cor do texto */
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: black#fff; /* Cor do 'x' de remoção */
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  color: #000; /* Cor do texto dentro do select */
}

.inputsConectBancoDeDados {
  text-align-last: justify;
  margin: 3%;
}

.statusConexaoBanco {
  margin: 3%;
}

#title_usuario {
  font-size: 15px;
  text-align: right;
  position: absolute;
  font-weight: bold;
  color: #fff;
  width: 100%;
  top: 0;
  margin-top: 0.5vh;
  right: 1%;
}

.tooltip2 {
  position: relative;
  display: inline-block;
}

.tooltip2 .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  margin-left: 106%;
  position: absolute;
  z-index: 1;
}

.tooltip2:hover .tooltiptext {
  visibility: visible;
}

#graficos_report {
  display: flex;
  flex-direction: row;
  /* margin-top: 6%; */
}

#graficos_report1 {
  width: 100%;
}

.div-edit-meta {
  width: 30px;
  margin-left: -10px;
  cursor: pointer;
}

#graficos_report2 {
  width: 50%;
}

.btnsStatusInsertPolygon,
.btnsStatusInsertPolygonRegiao {
  margin-top: 25px;
  margin-bottom: 25px;
}

.titleMetaVisitas {
  font-size: 18px;
  font-weight: bold;
}

#dlgModal_inputShp {
  z-index: 9999999;
}

#lista_chave {
  overflow-y: auto;
  text-align: center;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: var(--df-radius);
  background-color: rgba(var(--secondary-dark));
}

#create_visita {
  overflow-y: auto;
  text-align: center;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: var(--df-radius);
  background-color: rgba(var(--secondary-dark));
}

.titleLabelInfo {
  font-size: 15px;
}

.rowinfo {
  margin-top: 1%;
  align-items: center;
  display: flex;
}

.quadro_info_latlng {
  width: 12%;
  margin-inline-start: 2%;
  filter: invert(1);
  opacity: 0.3;
}

.modal-box-config {
  display: flex;
  width: 70%;
  height: 90%;
  flex-direction: column;
  padding: 25px;
  border-radius: 15px;
  background: rgba(5, 18, 51, 0.7);
}

.modal-box-config-container {
  display: flex;
  height: 100% !important;
  width: 100% !important;
  flex-direction: column;
  overflow: hidden;
}

.tabela-itens {
  width: 100%;
  margin-top: 15px;
}

.texto-popup {
  margin: 0 !important;
}

.modal-close {
  font-size: 35px;
  align-self: flex-end;
  color: white;
}

.content-modal-config {
  width: 100%;
  overflow-y: scroll;
  padding: 15px;
  max-height: 400px;
}

.modal-buttons-config {
  display: flex;
  flex-direction: row;
  gap: 15px;
  padding: 15px;
}

.active-config {
  background-color: rgb(255 255 255 / 75%) !important;
  color: black !important;
}

.modal-backdrop-config {
  position: fixed;
  top: 0;
  left: 0; /* <- problema aqui */
  width: 100vw;
  height: 100vh;
  background: rgba(5, 18, 51, 0);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  border-radius: 15px;
}

.mapboxgl-popup-anchor-bottom-left {
  height: 90% !important;
}
.mapboxgl-popup {
  max-width: 500px !important;
}

.modal-backdrop-config.show {
  opacity: 0.825;
  background: rgb(var(--secondary-darker));
}

.modal-content-config {
  background-color: rgb(var(--secondary-dark));
  box-shadow: var(--df-shadow--black);
  border: 1px solid rgba(var(--default-white), 0.08);
  color: rgba(var(--grey-100), 0.6);
  border-radius: 10px;
}
.modal-content-config .modal-header-config {
  border-bottom: none;
  margin: 0.33rem;
}
.modal-content-config .modal-body-config {
  background-color: rgba(var(--grey-500), 0.15);
  padding: var(--size-6);
}
.modal-content-config .modal-body-config p:last-of-type {
  margin-bottom: 0;
}
.modal-content-config .modal-footer-config {
  border-top: none;
  margin: 0 0.75rem 0;
}

#inputShpContent,
#inputRegiaoContent {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, calc(33vw - 1.4rem)));
  height: 100%;
  gap: 1rem;
}

.tableResumoAreaInteresse th,
.tableResumoAreaInteresse td {
  font-size: var(--font-3);
}

.tableResumoAreaInteresse tfoot tr {
  border-top: 1px solid #000d2e;
}
.tableResumoAreaInteresse tfoot th,
.tableResumoAreaInteresse tfoot td {
  font-size: 1.1rem;
}

#legendaPolygons {
  padding: 5% 0;
  font-size: 14px;
  font-weight: bold;
  overflow-y: auto;
  height: 90%;
}

#closePolygon {
  position: absolute;
  right: 0%;
}

#contentInfos {
  margin: 2%;
  text-align: center;
  font-size: 15px;
}

.btnShowWorkFlow {
  font-size: 17px !important;
}

.buttonAccept {
  background-color: #97bf2d;
  -webkit-border-radius: 10px;
  border-radius: 3px;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 30px;
  padding: 0px 20px;
  text-align: center;
  text-decoration: none;
}

#workflow {
  width: 100%;
  top: 14%;
}

.buttonAccept {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

.buttonRecusada {
  background-color: red;
  -webkit-border-radius: 10px;
  border-radius: 3px;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 30px;
  padding: 0px 20px;
  text-align: center;
  text-decoration: none;
}

.buttonRecusada {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

#namePoligonoWrite {
  margin-top: 3%;
}

.writeInput {
  display: none;
}

#filterZoomPolygon {
  width: 91%;
}

#btnLoadPolygons {
  display: none;
}

.btnCloseDivOnMap {
  padding: var(--size-2);
  cursor: pointer;
}

.divOnMap {
  overflow: visible !important;
}

.resumoIntersectUso {
  display: none;
}

.btnShowResumoCar {
  margin: 3%;
}

.divSearchLatLng {
  margin: 2%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.legendaLayersGovernoAtalho {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: center;
}

.titleMapPrint {
  display: none;
}

.styled-input {
  border: 2px solid #ccc;
  padding: 2px;
  border-radius: 5px;
  width: 50%;
  text-align: center;
}

.custom-width {
  vertical-align: middle;
}

.screenViabilidade {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.styled-input-tecnicos {
  border: 2px solid #ccc;
  border-radius: 5px;
  width: 50%;
  text-align: center;
}

#dlgModal_CalcViabilidade {
  height: 88%;
  right: 5%;
  top: 7%;
}

.resultPDFViabilidade {
  display: none;
}

.resultPDFViabilidade {
  height: 100%;
  overflow: auto;
  width: 100%;
}

div#viability__wrapper {
  padding-left: 2.66rem;
}

#viability__wrapper .resultPDFViabilidade {
  width: 98.6%;
  margin-top: 1rem;
}

.divInputModalViabilidade {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.labelInputModalViabilidade {
  text-align: left;
  color: white;
  font-family: var(--typo);
}

.styled-input-viabilidade-modal {
  background-color: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 0px 0.5rem;
  height: 45px;
  border-radius: 5px;
}

.custom-swal-title {
  color: white !important;
}

select.inpForm.inputInfoFile,
input.inpForm.inputInfoFile {
  display: none;
}

.tableCustosProducao input[readonly] {
  background-color: grey;
}

.custom-result {
  padding: 0.5%;
}

.parametrosInput {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: rgb(var(--secondary-dark));
  border: 1px solid #28334d;
  display: flex;
}

.parametrosInput label {
  background: #e37826;
  color: black;
  font-weight: 600;
  font-size: 20px;
  padding: 0.5rem;
  white-space: nowrap;
}

.parametrosInput input {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 0 5px 5px 0;
  padding: 0.5rem 1rem;
  font-size: 20px;
}

.resultInputs {
  flex: 0 1 600px;
}

.resultCalcViabilidade {
  flex: 1 1 300px;
  max-width: 60rem;
}

.inputTecnicos {
  width: 100%;
  height: 30%;
}

.inputCustosProdução {
  width: 100%;
  height: 40%;
}

.tablesResultToPdf {
  width: 100%;
  display: flex;
  gap: 10px;
}

/* .resumoFinalPDF {
	width: 100%;
	display: flex;
	flex-direction: row;
	font-size: 22px;
	margin: 2rem 0 0 0;
	border-radius: 0;
	align-items: center;
} */

/* .tableResultsViabilidade {
	display: flex;
	gap: 1rem;
	margin-inline: 1rem;
	justify-content: center;
    flex-wrap: wrap;
} */

.resumoFinal.resumoFinalPDF {
  margin-bottom: 1rem;
  background: #132243;
  border: 1px solid #28334d;
  font-size: 1.5rem !important;
  border-radius: 0.5rem;
  padding: 1.3rem 0;
  line-height: 1;
  color: #ffffffc9;
  font-weight: 400;
}

.resumoFinal.resumoFinalPDF > div {
  font-size: 24px !important;
}

.resumoFinal.resumoFinalPDF > div:last-of-type {
  color: rgb(255, 153, 0);
  font-size: 25.5px !important;
  align-items: center;
  padding: 1rem 0;
  margin: 1rem;
  border-top: 1px solid #28334d;
  font-weight: 600;
}

.tableResultsViabilidade {
  display: flex;
  gap: 0.5rem;
}

.printPdfCalcViabilidade {
  position: absolute;
  z-index: 5;
  left: 1.75rem;
  height: 2rem;
  display: none;
}

#idImprimir {
  max-width: 860px;
  margin: 0 auto;
}
#idImprimir .logo_imprimir {
  text-align: center;
}

hr.rounded {
  border-top: 3px solid #bbb;
  margin-bottom: 0px;
  margin-top: 0px;
}

.selectTipoTimelineDiv {
  display: flex;
  justify-content: space-around;
}

.optionSelectTipoTImeline {
  font-size: 20px;
}

.progressBarVisita {
  display: none;
}

#btnCloseModal {
  position: absolute;
  z-index: 10;
  right: 0;
}

.dlgPontoInteresseContent {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
}

.active-buttonTabTimeline {
  background-color: rgb(8, 23, 60);
  color: #fff;
}

.divLayersGoverno {
  text-align: center;
}

.showInfoTimelineClicked {
  width: 50%;
  padding-right: 2%;
}

.selectedInfoCreateVisita {
  display: none;
}

.getInfoFromFile {
  display: none;
}

.btnsCalcFromPolygon {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.footerDlgModal {
  display: flex;
  bottom: 10%;
  position: absolute;
}

.titleLegendaTimelines {
  display: flex;
  width: 100%;
  justify-content: center;
  font-weight: bold;
  font-size: 13px;
}

#opacityBaseTalhao {
  width: 37%;
}

.loading-screen {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(171, 169, 168, 0.8);
  z-index: 999;
  font-size: 31px;
  font-weight: bold;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.listFiltersPontos {
  height: calc(37vh - 2.5rem);
  display: block;
  overflow: auto;
}

.showInfoTimelineClicked .form-control {
  background-color: #eee;
  font-weight: bold;
  border: solid 2px #aaa;
  border-radius: 8px;
  cursor: auto;
}

.tooltiptext2 {
  position: absolute;
  left: 100%;
  width: 10rem;
  font-size: 1.5rem;
  /* top: 0.7rem; */
}

.btnClosePerfilElevacao,
.btnCloseGraficoElevacao {
  cursor: pointer;
}

.viability__content .table-alternative tbody td:first-of-type {
  width: auto !important;
  max-width: 100%;
}

.clone-impressao {
  max-width: 1150px;
  position: absolute;
  text-indent: -99999px;
}

body {
  max-height: 100vh;
  overflow: hidden;
}

.titleMetaVisitas {
  padding: 1rem;
  display: flex;
  font-weight: 600;
  justify-content: space-between;
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
}

.daterangepicker .ranges {
  background-color: rgb(var(--secondary-base));
  font-family: var(--typo);
  font-size: 1rem;
}

.btnAreaInteresse {
  display: none;
}

#createVisita {
  display: none;
}

div#legendaPolygons > div + div {
  margin-top: 0.5rem;
}

div#legendaPolygons > div {
  background-color: rgba(255, 255, 255, 0.0825);
  padding: 0.25rem 0.5rem 0.5rem;
  border: 1px solid #2d3853;
  border-radius: 0.3125rem;
  padding-left: 1rem;
}

div#legendaPolygons > div > div {
  margin-left: -0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.0825);
  margin-bottom: 0.5rem;
}

.clone-impressao td,
.clone-impressao th,
.clone-impressao input,
.clone-impressao,
.clone-impressao > *,
.clone-impressao > * > *,
.clone-impressao > * > * > *,
.clone-impressao > * > * > * > *,
.clone-impressao > * > * > * > * > *,
.clone-impressao > * > * > * > * > * > *,
.clone-impressao > * > * > * > * > * > * > * {
  border: none !important;
  background-color: #fff !important;
  color: black !important;
  opacity: 1 !important;
}

table.tabela-viabilidade {
  border-collapse: separate;
  background: rgb(var(--secondary-dark));
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 18px;
  line-height: 1;
  width: 100%;
  border: 1px solid #28334d;
}

.tabela-viabilidade thead th,
.tabela-viabilidade thead td {
  background: #894826;
  text-align: center !important;
  font-size: 20px;
  padding: 1rem 0.5rem !important;
  font-weight: 600;
}

.tabela-viabilidade tbody tr:last-of-type td {
  border-bottom: none;
}

.tabela-viabilidade thead th.destaque,
.tabela-viabilidade thead td.destaque {
  background: #e37826;
  color: black !important;
}

.tabela-viabilidade thead th.destaque span,
.tabela-viabilidade thead td.destaque span {
  text-align: center !important;
  text-align: center !important;
  /* color: white !important; */
  font-size: 20px;
  font-weight: 600;
}

.tabela-viabilidade tbody td {
  padding: 0.5em;
  border-bottom: 1px solid #29385d;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.6);
}

.table.tabela-viabilidade > :not(caption) > * > * {
  box-shadow: none;
}

.tabela-viabilidade .inputValueViabilidade {
  width: auto;
  background: none !important;
  font-size: 1em;
}

.tabela-viabilidade .inputValueViabilidade input {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: 0.5rem 0;
  height: auto;
}

.resultInputs .inputTableTecnicos + .inputTableCustosProducao {
  margin-top: 1rem;
}

.table-viabilidade {
  margin-bottom: 0;
  background-color: #132142 !important;
  padding: 0.95rem;
  border-radius: 0.325rem;
}

.tableParametros {
  flex: 1 1 50%;
}

.tableCustosProducao {
  flex: 1 1 20%;
}

#viability__wrapper .viability__content {
  width: 99.3%;
}

.table-viabilidade .inputValueViabilidade {
  background-color: rgb(255 210 81 / 33%);
  width: auto;
  box-shadow: none;
  transition: all var(--transition--smooth);
}

div.table-viabilidade input {
  appearance: none;
  background-clip: padding-box;
  background-color: rgba(var(--secondary-dark), 0.9125);
  border-color: rgba(255, 255, 255, 0.0825);
  border-radius: 5px;
  border: 2px solid #ccc;
  color: rgb(var(--default-white), 0.8125);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
  padding: 0.375rem 0.75rem;
  text-align: center;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}

#viability__wrapper .tableResumoResult {
  bottom: -1px !important;
  background: rgba(var(--secondary-dark), 0.9) !important;
}

.menu_contratos {
  overflow-y: auto;
}

.checkbox-pri[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}

.checkbox-pri[disabled] ~ * {
  opacity: 0.4;
}

.bg-light--100 {
  background-color: rgba(255, 255, 255, 0.0825);
  padding: 1rem;
  border: 1px solid #2d3853;
  border-radius: 0.3125rem;
  padding-left: 1rem;
}

.ui-widget,
.ui-widget * {
  font-family: var(--type) !important;
}

.mapboxgl-popup + .mapboxgl-popup + .mapboxgl-popup {
  transform: translate(4.5rem, 12rem) !important;
}

.popup-sicar {
  height: 95%;
}

.mapboxgl-popup-content > h4.font-regular {
  background: #222b4b;
}

#tabelaResumoContratos #table_resumo {
  height: auto;
}
#mapPrint .divMap {
  height: 90%;
}

button {
  cursor: pointer;
}

.inputValueViabilidade input:focus,
.inputValueAreaViabilidade:focus {
  border-color: rgb(59 80 127) !important;
  outline: 3px solid #2a3756;
}

.inputValueViabilidade input[disabled],
.inputValueViabilidade input[readonly],
.inputValueViabilidade input:read-only {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

input.invalid {
  border-color: red;
  outline: 2px solid red;
}

[class*="btn"] {
  cursor: pointer;
}

.titleLegendaTimelines {
  font-size: 22px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

/* .mapboxgl-popup-content > h2,
.mapboxgl-popup-content > h3,
.mapboxgl-popup-content > h4 {
  margin: -1.025rem -1.025rem 0.8125rem -1.25rem !important;
} */

select.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -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='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color: #172645 !important;
  border: 1px solid rgba(255, 255, 255, 0.0825);
}

.dataTables_info {
  padding: 1rem;
  text-align: right;
  margin-bottom: 0.4rem;
}

.dataTables_info {
  font-variant: tabular-nums;
}

.dataTables_paginate {
  text-align: right;
}
.dataTables_paginate a {
  background: #162341;
  padding: 0.5rem 0.75rem;
  margin: 0 0.25rem;
  border-radius: 0.31rem;
  border: 1px solid #27314b;
  cursor: pointer;
}

.dataTables_paginate a.disabled {
  opacity: 0.3;
}

.dataTables_paginate a:hover {
  background: #2e3b5a;
  border: 1px solid #2e3b5a;
}

.dt-buttons {
  text-align: right;
}

.dt-button.buttons-excel {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.5rem;
  background: rgba(0, 128, 0, 0.389);
  border-radius: 0.25rem;
  opacity: 0.6;
  transition: all 0.2s ease;
}

.dt-button.buttons-excel:hover {
  opacity: 1;
}

.dt-button.buttons-excel {
  position: absolute;
  top: -3.55rem;
  right: 0;
}

.dt-button.buttons-excel::after {
  font-family: "Font Awesome 6 Free";
  content: "\f1c3";
  font-weight: 900;
  margin-left: 0.5rem;
}
.btnClickDesativado {
  opacity: 0.2; /* Diminui a opacidade para dar um efeito de desabilitado */
  cursor: not-allowed; /* Muda o cursor para indicar que o botão não está disponível */
  background-color: #ccc; /* Cor de fundo para o botão desabilitado */
  color: #666; /* Cor do texto para o botão desabilitado */
  pointer-events: none; /* Impede que eventos de mouse ocorram no botão */
}

.select-report-date {
  font-family: "Barlow";
  font-size: 20px;
}

.select-report-date > .option {
  padding: 10px;
}

#selectAnoReport,
#selectMesReport,
#selectMesReport option {
  /* Adiciona a regra para todas as opções dentro de #selectMesReport */
  font-family: "Barlow", "sans-serif" !important;
  font-weight: 400 !important;
  text-align: left !important;
  font-size: 18px !important;
  border: 1px solid white;
  padding: 5px !important;
  margin-right: 3px !important;
}

/* #graficos_report .apexcharts-legend-marker {
    display: none !important;
} */

.icon-chart-calendar-bar,
.icon-chart-calendar-pizza {
  width: 30px;
  border: 1px solid white;
  padding: 2px;
  cursor: pointer;
}

.icon-chart-calendar-bar {
  background-color: #e37826;
}

.spanTotalVisitas,
.spanVisitasEfetivadas {
  font-family: "Barlow", "sans-serif" !important;
  font-weight: 400 !important;
  text-align: left !important;
  font-size: 18px !important;
}

.modal-timeline {
  max-width: 67.7vw !important;
  width: 67.7vw !important;
  background-color: rgba(0, 0, 0, 0) !important; /* Remove o escurecimento */
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  height: 100vh;
}

.content-timeline {
  height: 100vh;
  overflow-y: auto !important;
}

#btn_criar_timeline_visita {
  font-size: 14px !important;
}

.btnDowloadRelatorioVisitaCompleto {
  font-size: 14px !important;
}

#btn_voltar_timeline {
  font-size: 13px !important;
}

.menu-timeline-top {
  margin-bottom: 15px !important;
}

.modal-timeline {
  margin-left: -3px !important;
}

@media (max-width: 768px) {
  .modal-timeline {
    max-width: 95vw !important;
    width: 95vw !important;
  }
  #btn_criar_timeline_visita,
  #btn_voltar_timeline,
  .btnDowloadRelatorioVisitaCompleto {
    font-size: 12px !important;
  }
}

/* tablet */
@media (min-width: 769px) and (max-width: 1440px) {
  .modal-timeline {
    max-width: 67vw !important;
    width: 67vw !important;
  }
  #btn_criar_timeline_visita,
  .btnDowloadRelatorioVisitaCompleto {
    font-size: 13px !important;
  }

  #btn_voltar_timeline {
    font-size: 13px;
    padding: 11px;
  }
}

/* notebook */
@media (max-width: 1600px) {
  .modal-timeline {
    max-width: 69vw !important;
    width: 69vw !important;
  }
  #btn_criar_timeline_visita,
  .btnDowloadRelatorioVisitaCompleto {
    font-size: 14px !important;
  }

  #btn_voltar_timeline {
    font-size: 13px;
    padding: 11px;
  }
}

/* monitor sigma */
@media (min-width: 1800px) {
  .modal-timeline {
    max-width: 75vw !important;
    width: 75vw !important;
  }
  #btn_criar_timeline_visita,
  .btnDowloadRelatorioVisitaCompleto {
    font-size: 14px !important;
  }

  #btn_voltar_timeline {
    font-size: 13px;
    padding: 11px;
  }
}

.swal2-container {
  z-index: 9999;
}

.rounded-label {
  background: white;
  color: black;
  border: 1px solid black;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 14px;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.apexcharts-tooltip-marker {
  max-width: 15px !important;
}

.custom-select {
  position: relative;
  font-family: sans-serif;
}

button[data-epdf-i="document:export"] {
  display: none !important;
}

.select-display {
  background-color: #112244;
  color: white;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}

.grupo-label-checkbox {
  display: flex;
  gap: 10px;
}

.select-options {
  display: none;
  position: fixed;
  background-color: rgb(var(--secondary-base));
  border-radius: 5px;
  margin-top: 5px;
  z-index: 999;
  width: 200px;
  padding: 10px;
  color: white;
  max-height: 200px;
  font-family: var(--typo) !important;
  font-size: 1em;
  font-weight: 400;
  border: solid 1px rgba(255, 255, 255, 0.1125);
  overflow-y: auto;
}

.grupo-select-com-dropdown {
  margin-top: 10px;
}

.itens {
  margin-left: 20px;
}

.custom-select.open .select-options {
  display: block;
}

.header__logo_new {
  text-align: center;
  width: 350px;
  align-self: center;
}
.header__logo_new h1 {
  position: absolute;
  text-indent: -999999px;
}
.header__logo_new > img {
  max-width: 8rem;
  margin-bottom: var(--size-5);
}