/* your styles go here */
input.dt-input {
  width: 500px;
  padding: 10px 14px;
  font-size: 15px;
  border: 1px solid #ccc;
  border-radius: 10px;
  transition: 0.3s ease;
}

input.dt-input:focus {
  border-color: #007bff;
  outline: none;
  box-shadow: 0 0 6px rgba(0, 123, 255, 0.3);
}
input.dt-input::before {
    content: '🔍';
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #000;
  }

  /* Posiciona o container como referência */
.dt-search {
  position: relative;
  display: inline-block;
}


.tableFixHead
{ 
    position: sticky;
    top:0; 
    z-index:1;
}
.bg-warning-dark { background-color: #c6be1a;}
.text-orange { color: orange;}
.bg-orange { background-color: orange;}
.text-green-dark { color: green;}
.bg-green-dark { background-color: green;}
.bg-orangered { background-color: orangered;}
.bg-pink { background-color: #f46592;}
.bg-cinza { background-color: darkgray;}
.text-pink { color: #f46592;}
.text-dark-red { color: #870202;}
.table { overflow-x: scroll !important; }
/*.container-fluid { overflow-x: scroll !important; }*/
.day { padding: 12px;}
td, th {
/*word-wrap:break-word;*/
/*word-break:break-all;*/
    font-size: 14px;
}
@keyframes blinking {
    0% {
        background-color: #f38787;
    }
    100% {
        background-color: #ff0000;
    }
}
#blink {
    width: 30px;
    height: 30px;
    animation: blinking 0.5s infinite;
    border-radius: 50%;
    border: 3px solid white;
    margin: 0 auto;
    cursor: help;
}
label { font-weight: bold;}

/* Altura padrão (para telas menores que 768px) */
.btn-same-size {
    height: auto; /* ou qualquer valor padrão que você desejar */
  }
  
  /* Para telas maiores que 768px */
  @media (min-width: 768px) {
    .btn-same-size {
      height: 195px;
    }
  }
  
  /* Para telas maiores que 1200px */
  @media (min-width: 1200px) {
    .btn-same-size {
      height: 82px;
    }
  }