/** testes */
/* Fontes e cores básicas */
body {
  font-family: "Roboto", sans-serif;
  background-color: #fafafa;
  color: #212121 !important;
}

/* Botões - Geral */
.btn {
  border: none !important;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12),
    0 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
  transition: background-color 0.3s, box-shadow 0.3s !important;
}

.close-popover {
  padding: 5px 10px !important;
  border: 1px solid #999 !important;
  background: #fee !important;
  z-index: 9999998;
}

/* Botões - Primary */
.btn-primary {
  background-color: #2196f3 !important;
  border-color: #2196f3 !important;
}

.btn-primary:hover {
  background-color: #1976d2 !important;
  border-color: #1976d2 !important;
}

.btn-primary:active {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2) inset !important;
}

/* Botões - Success */
.btn-success {
  background-color: #4caf50 !important;
  border-color: #4caf50 !important;
}

.btn-success:hover {
  background-color: #388e3c !important;
  border-color: #388e3c !important;
}

.btn-success:active {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2) inset !important;
}

/* Botões - Info */
.btn-info {
  background-color: #03a9f4 !important;
  border-color: #03a9f4 !important;
}

.btn-info:hover {
  background-color: #0288d1 !important;
  border-color: #0288d1 !important;
}

.btn-info:active {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2) inset !important;
}

/* Botões - Warning */
.btn-warning {
  background-color: #ffc107 !important;
  border-color: #ffc107 !important;
}

.btn-warning:hover {
  background-color: #ffa000 !important;
  border-color: #ffa000 !important;
}

.btn-warning:active {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2) inset !important;
}

/* Botões - Danger */
.btn-danger {
  background-color: #f44336 !important;
  border-color: #f44336 !important;
}

.btn-danger:hover {
  background-color: #d32f2f !important;
  border-color: #d32f2f !important;
}

.btn-danger:active {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2) inset !important;
}

/* DataTables */
table.dataTable {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) !important;
  border-collapse: separate !important;
}

table.dataTable thead th {
  background-color: #f5f5f5 !important;
  color: #212121 !important;
  border-bottom: 1px solid #ddd !important;
}

table.dataTable tfoot th {
  background-color: #f5f5f5 !important;
  color: #212121 !important;
  border-top: 1px solid #ddd !important;
}