[data-bs-theme=light][data-color-theme=Blue_Theme]:root,
[data-bs-theme=dark][data-color-theme=Blue_Theme]:root {
  --bs-primary: var(--main-color, #008A73) !important;
}

.text-bg-primary {
  color: #fff !important;
  background-color: var(--main-color, #008A73) !important;
}


[data-bs-theme=light][data-color-theme=Blue_Theme]:root .btn-primary.disabled,
[data-bs-theme=dark][data-color-theme=Blue_Theme]:root .btn-primary.disabled {
  --bs-btn-bg: var(--main-color, #008A73);
  --bs-btn-border-color: var(--main-color, #008A73);
  --bs-btn-hover-bg: var(--main-color-hover, #115e51);
  --bs-btn-hover-border-color: var(--main-color-hover, #115e51);

  border-color: var(--main-color, #008A73)  !important;

  background-color: var(--main-color, #008A73) !important;
}



[data-bs-theme=light][data-color-theme=Blue_Theme]:root .btn-primary,
[data-bs-theme=dark][data-color-theme=Blue_Theme]:root .btn-primary {
  --bs-btn-bg: var(--main-color, #008A73);
  --bs-btn-border-color: var(--main-color, #008A73);
  --bs-btn-hover-bg: var(--main-color-hover, #115e51);
  --bs-btn-hover-border-color: var(--main-color-hover, #115e51);
}





.text-primary {
  --bs-text-opacity: 1;
  color: var(--main-color, #008A73) !important;
}

.text-primary:hover {
  --bs-text-opacity: 1;
  color: var(--main-color, #008A73) !important;
}

.btn-outline-primary{
  color: var(--main-color, #008A73) !important;
  border-color: rgb(224, 230, 235) !important;
}

.btn-outline-primary:hover, .btn-outline-primary.active ,.btn-outline-primary:focus{
  background-color: var(--main-color, #008A73) !important;
  color: white !important; 
}
.form-check-input.primary:checked {
  background-color: var(--main-color, #008A73);
  border: var(--main-color, #008A73);
}

.bg-custom{
  background: url('/static/images/backgrounds/bg_login.png');
  background-position: center;
  background-size: cover;
}

.bg-custom::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--main-color, #008A73); /* Cor de sobreposição */
  opacity: 0.5; /* Opacidade da sobreposição */
}

.container-fluid{
  max-width:  1300px !important;
}

.disabled{
  pointer-events: none;
  opacity: 0.5;
}

.card-header{
  background-color: var(--bs-card-color);

}

.page-wrapper{
  overflow: hidden;
}


h1 {
  margin-bottom: 5px;
}
.chartWrapper {
  width: 100%;
  height: 500px; 
  position: relative;
  margin: auto;
}
@media (max-width: 768px) {
  .chartWrapper {
    height: 400px; /* Menor altura para mobile */
  }
}


.graph-space{
  min-width: 110px;
}

.icon-large{
  font-size: 1.6rem;
}
.dataTables_info {
  padding-left: 20px; /* ajuste o valor conforme necessário */
}

/* Remove o estilo rosa padrão do Django para errorlist */
.errorlist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.errorlist li {
  background-color: transparent; /* ou a cor que quiser */
  color: #dc3545; /* cor vermelha do Bootstrap */
  margin-bottom: 0;
  /* Outras propriedades que queira aplicar */
}
label.req::after {
  content: " *" !important;
  color: red !important;
}
.custom-card img{
  height: 280px;
  object-fit: cover;
}

.img-detail{
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.copy{
  cursor: pointer;

}
.copy:hover p, .copy:hover h6{
    color: #464444 !important;
}

input::placeholder, textarea::placeholder, select::placeholder {
    color: rgba(41, 52,61, .5) !important
}