.dt-buttons {
    display: flex;
    justify-content: end;
}

.buttons-excel{
    margin-right: 10px;
}

.buttons-pdf{
    margin-right: 10px;
}

.reports-filter-group{
    display:flex; 
    align-items: flex-end;
    gap: 20px;
}

.reports-filter-input{
    flex: 1;
}

.reports-btn-find{
    max-width: 120px; 
    min-width: 100px;
}

.reports-button-group{
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
}

.reports-filter-input2{
    flex: 0.75;
}

.reports-filter-input3{
    flex: 0.5;
}

.reports-filter-input4{
    flex: 0.385;
}

@media (max-width: 1025px) {
    .reports-filter-group{
        flex-direction: column;
        align-items: flex-start;
    }

    .reports-filter-input{
        width: 100%
    }

    .reports-filter-input2{
        width: 100%
    }
    
    .reports-filter-input3{
        width: 100%
    }
    
    .reports-filter-input4{
        width: 100%
    }

   .reports-button-group{
        justify-content: center;
    }
}   

.custom-switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
  }
  
  .custom-switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .custom-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f44336; /* leve vermelho */
    transition: .4s;
    border-radius: 12px;
  }
  
  .custom-slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
  }
  
  .custom-switch input:checked + .custom-slider {
    background-color: #4CAF50; /* cor verde */
  }
  
  .custom-switch input:focus + .custom-slider {
    box-shadow: 0 0 1px #4CAF50; /* cor verde */
  }
  
  .custom-switch input:checked + .custom-slider:before {
    transform: translateX(24px);
  }
  
  /* Estilização quando desativado */
  .custom-switch input:disabled + .custom-slider {
    background-color: #ffcdd2; /* leve vermelho */
    cursor: not-allowed;
  }
  
  .custom-slider:before {
    content: "OFF";
    color: #f44336;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
  }
  
  .custom-switch input:checked + .custom-slider:before {
    content: "ON";
    color: white;
  }