.backgroundLogin {
  background-color: #f1f5f9;
}
@media (min-width: 1024px) {
  .backgroundLogin {
    background-image: url("/images/cover/WEB.png");
  }
}
@media (max-width: 768px) {
  /* Estilos para celulares */
  .labelInputDynamic {
    font-size: 14px;
    margin-bottom: 2px;
  }
  .MuiStepLabel-label {
    font-size: 12px !important;
  }
  .tableSection table {
    font-size: 12px !important;
  }
  .tableSection thead {
    background: white !important;
    box-shadow: none;
  }
  .tableSection th .resizer {
    background-color: #e4e4e7;
    width: 2px;
  }
  .tableSection thead tr,
  .tableSection th {
    background: white;
    font-weight: 600;
    border-bottom: 1px solid #e4e4e7;
  }
  .tableSection th span {
    font-weight: 600;
    color: gray;
  }
  .tableSection tbody {
    background: white !important;
    color: #000;
  }
  .tableSection tbody td {
    border-bottom: 1px solid #e4e4e7;
  }
  .tableSection tbody td div {
    font-size: 10px;
    border-radius: 8px;
    border: none;
  }

  .inputDynamicSystem {
    background-color: transparent;
    /* bg-white border-none h-[55px] text-[14px] rounded-[11px] */
    /* border: none; */
    height: 55px;
    font-size: 14px;
    border-radius: 11px;
  }
  .OverflowTabListEditCard::-webkit-scrollbar {
    height: 5px !important;
  }
  ::-webkit-scrollbar {
    width: 5px; /* Largura da barra de rolagem horizontal */
    height: 5px !important; /* Altura da barra de rolagem vertical */
    /* background-color: #f1f1f1; */
    background-color: rgba(
      241,
      241,
      241,
      0
    ); /* Cor de fundo da barra de rolagem */
    border-radius: 8px; /* Arredonda as bordas da barra de rolagem */
  }

  /* Estiliza a alça da barra de rolagem */
  ::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Cor da alça */
    border: 1px solid #ccc;
    border-radius: 8px; /* Arredonda as bordas da barra de rolagem */
  }

  /* Estiliza a alça da barra de rolagem quando o mouse está sobre ela */
  ::-webkit-scrollbar-thumb:hover {
    background-color: rgb(
      42,
      55,
      71
    ); /* Cor da alça ao passar o mouse sobre ela */
  }
}