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

/*
@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}
*/

.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;
}

#removerDependente {
  background-color: #db0000 !important;
}

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

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

.alerta ul {
  list-style: auto;
}

/*
Classe de backgrund que existem no CSS do framework:

.bg-blue-200
.bg-blue-50
.bg-blue-600
.bg-blue-700
.bg-blue-800
.bg-blue-900
.bg-gray-100
.bg-gray-200
.bg-gray-50
.bg-gray-500
.bg-green-100
.bg-opacity-75
.bg-orange-100
.bg-red-100
.bg-sky-50
.bg-slate-400
.bg-white
.bg-yellow-100
*/

.bg-green-200 {
  background-color: #90edb0;
  color: white;
}

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

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

.text-yellow {
  color: #FFD200;
}

table td {
  font-size: 14px;
}
/*@import 'actiontext.css';*/

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