td, tr{
  padding: 0.625rem !important;
  border: 1px solid #d1d5db !important;
}

th{
  padding: 0.625rem !important;
  border: 1px solid #d1d5db !important;
  background-color: #f9fafb !important;
  color: #111827 !important;
}

.form-control {
  display: block !important;
  padding: 0.625rem !important;
  font-size: 0.875rem !important;
  background-color: #f9fafb !important;
  color: #111827 !important;
  width: 100% !important;
  height: 45px !important;
  border-radius: 0.5rem !important;
  border-width: 1px !important;
  border-color: #d1d5db !important;
  box-shadow: none !important;
}

textarea.form-control {
  height: auto !important;
}

.form-control:focus {
  color: #111827 !important;
  background-color: #fff !important;
  border: 2px solid #3586ff !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.help-block {
  color: red !important;
}

.control-label {
  font-weight: bold !important;
}

form div.required label.control-label:after {
  content: " * " !important;
  color: red !important;
}

.table-responsive {
  overflow-x: auto !important;
}

@media (max-width: 767px) {
  .table-responsive table {
    width: 100% !important;
  }
}

.foto-grid {
  min-width: 80px;
  min-height: 80px;
  max-width: 80px;
  max-height: 80px;
  border-radius: 15px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-top: 10px;
  border: 1px solid #d1d5db;
  padding: 5px;
  object-fit: cover;
}

.select2-container--krajee-bs3 .select2-selection--single {
  height: 45px !important;
}