/* Ligne classique */
td.cell {
  display: flex !important;
  align-items: center;
  margin-bottom: 0.5rem !important;
  padding: 0 28px 0 !important;
}

/* Label à gauche */
td.cell > .table-info {
  background-color: #e3f4f1;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem 0 0 0.5rem;
  border: 1px solid #ebebeb !important;
  width: 250px!important;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

/* Champ à droite */
td.cell > .control {
  flex: 1;
  padding: 0 !important;
  border-left: none !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Champ texte, email, tel, date, select */
td.cell input[type="text"],
td.cell input[type="email"],
td.cell input[type="tel"],
td.cell input[type="date"],
td.cell input[type="number"],
td.cell select {
  height: 49.6px;
  padding: 0 0.75rem;
  line-height: 1.2;
  font-size: 1rem;
  width: 100%;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-color: #ebebeb !important;
}

/* Corrige champ date */
td.cell input[type="date"] {
  min-width: 0;
  flex: 1;
}

/* Correction : supprimer style spécial pour les radios */
td.boolean-radio-cell {
  display: flex !important;
  align-items: center;
  margin-bottom: 0.5rem !important;
  padding: 0 28px 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Supprime fond vert du label radio "Nieuwsbrief" */
td.boolean-radio-cell > .table-info {
  background-color: transparent !important;
  border: none !important;
  padding: 0.5rem 0 0.25rem 0 !important;
}

/* Supprime bordure potentielle du label ciblé */
#stra_subscribetonewsletter_label {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* Alignement horizontal des radios */
.boolean-radio {
  display: flex !important;
  gap: 1rem;
  align-items: center;
}

/* Applique le style "control" aux éléments à l'intérieur */
td.cell .control > * {
  flex: 1;
}

/* Corrige tous les labels par défaut */
.crmEntityFormView label {
  background-color: unset !important;
}

/* Corrige l'alignement du champ date */
td.cell input[type="date"] {
  display: inline-block;
  width: 100%;
  height: 47px;
  padding: 0 0.75rem;
  line-height: 1.2;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  position: relative;
  z-index: 2;
}

/* Forcer l’alignement du bouton calendrier dans le input */
td.cell input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  cursor: pointer;
}

/* Corrige container s’il y en a un autour */
td.cell input[type="date"]::after {
  content: '';
  display: none;
}

td.cell .input-group {
    flex-direction: row !important;
}

.input-group {
    position: relative;
    display: flex!important;
    align-items: stretch;
    width: 100%;
    flex-direction: row!important;
    flex-wrap: nowrap!important;
}

#regardingobjectid, #regardingobjectid_label {
  display: none !important;
}

input[type="number"] {
  appearance: auto !important;
  -moz-appearance: textfield !important;
  -webkit-appearance: number-input !important;
}

/* Supprime les flèches sur Chrome si jamais tu en veux pas */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  margin: 0;
}

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    background-color: #ffffff;
    color: #000000;
    border: 0px!important;
}

.crmEntityFormView .actions {
    border-top: 0px!important;
}

/* Cacher le header et le footer sans les retirer du flux DOM */
.navbar-expand-xl.navbar.static-top, footer {
  visibility: hidden;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}