@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .pt-40 {
    padding-top: 40px;
  }

  .table-danger {
    color: #db0000 !important;
    font-weight: bold;
    background-color: #f6dbdb;
  }

  .table-success {
    color: #007a0d !important;
    font-weight: bold;
    background-color: #cff3d3;
  }


  .alerta {
    display: none;
    border: 1px solid #f56565;
  }

  .alerta-titulo {
    background-color: #f56565;
  }

  .alerta ul {
    list-style: auto;
  }

  /* Evitar colidir com bg-green-200 do Tailwind */
  .protel-bg-green-200 {
    background-color: #90edb0;
    color: white;
  }

  .protel-bg-orange-200 {
    background-color: #f3af55;
    color: white;
  }

  .protel-bg-red-200 {
    background-color: #f56565;
    color: white;
  }

  .text-yellow {
    color: #FFD200;
  }

  table td {
    font-size: 14px;
  }

  .read-only\:bg-gray-50:read-only {
    --tw-bg-opacity: 0 !important;
    background-color: lightgray !important;
  }
}