/* Standard-Feldumrandung (angepasst, um Buttons auszunehmen) */
input:not([type="button"]):not([type="submit"]), 
select, 
textarea {
    border: 1px solid rgb(58, 58, 58) !important;
    border-radius: 4px;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

/* Falls Power Pages spezifische Klassen für Formulare verwendet */
.powerapps-form input:not([type="button"]):not([type="submit"]), 
.powerapps-form select, 
.powerapps-form textarea {
    border: 1px solid #868e90 !important;
    width: 100%;
    box-sizing: border-box;
}

/* Fokus-Effekt für bessere Benutzerfreundlichkeit */
input:not([type="button"]):not([type="submit"]):focus, 
select:focus, 
textarea:focus {
    border-color: #868e90 !important;
    outline: none;
}

/* Diese Klasse sorgt dafür, dass die Felder tatsächlich bis zum Formularrand reichen */
.form-control {
    width: 100% !important;
    box-sizing: border-box;
}


#customerid_name,
#primarycontactid_name {
    text-align: center;
    line-height: normal;
}

/* Falls Power Pages eigene Klassen für Readonly-Felder nutzt */
.readonly.form-control, 
.readonly.form-select, 
.textarea.readonly {
    padding-left: 16px !important;
}

/* Schreibgeschützte Select-Felder, die oft grauen Text anzeigen */
select[disabled] {
    appearance: none; /* Entfernt Standard-Dropdown-Stil */
    padding-left: 7px !important;
}

/* Optional: Wenn das Minuszeichen ("—") zu nah links steht */
.text-muted[aria-hidden="true"] {
    left: 7px !important; /* Etwas weiter nach rechts verschieben */
}


.form-control, 
.form-select, 
.textarea {
    padding-left: 16px !important;
}

/* Schreibgeschützte und nicht schreibgeschützte Select-Felder */
select {
    appearance: none; 
    padding-left: 7px !important;
}


.text-muted[aria-hidden="true"] {
    left: 7px !important; /* Etwas weiter nach rechts verschieben */
}

.alert-warning {
    --bs-alert-color: #000000; /* Schwarze Schrift */
    --bs-alert-bg: #e0e0e0; /* Hintergrund in Grau (#e0e0e0) */
    --bs-alert-border-color: #e0e0e0; /* Border in Grau (#e0e0e0) */
}

.notes-empty.message{
    background-color: #e0e0e0;
    color:black;
}

.crmEntityFormView {
    border: none !important; /* Entfernt jegliche Umrandung */
    box-shadow: none !important; /* Falls eine Schatten-Umrandung existiert */
}

.modal-content{
    width: 100% !important;
    overflow: hidden !important;
}
/* Verhindert Zeilenumbruch bei Labels */
.modal-body label.col-form-label {
    white-space: nowrap;
  }
  
/* Stilisierung des Formular-Containers */
.crmEntityFormView{
    background: white; 
    border: 2px solid #ccc; 
    border-radius: 10px; 
    padding: 20px; 
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); 
    width: 100%; 
    max-width: none; 
}

/* Optional: Falls das eigentliche Formular ein eigenes Element ist */
.crmEntityFormView {
    width: 100%; /* Stellt sicher, dass es sich anpasst */
}

/* Optional: Leichte Animation beim Hover für besseren Effekt */
.crmEntityFormView:hover{
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
    transition: box-shadow 0.3s ease-in-out;
}

select.readonly option[value=""]:first-child {
    display: none;
}

/* Versteckt das Benutzer-Icon */
.portalcommenticon {
    display: none;
}
/* Versteck den ertsellt von Text */
.createdby.text-muted, .attachment-separator {
    display: none;
}

.attachment.alert.alert-block.clearfix {
    padding: 0;
}

/* attachment Block wird nur angezeigt, wenn Datei enthalten ist */
.attachment-outer-border:has(.attachment) {
    display: block; 
}

.attachment-outer-border:not(:has(.attachment)) {
    display: none; /* Verstecke das Div, wenn KEINE Datei vorhanden ist */
}

.note {
    margin-bottom: 10px; /* Abstand zwischen den Elementen */
    border: 1px solid lightgray; /* Leichte graue Umrandung */
    padding: 10px; /* Etwas Innenabstand für bessere Optik */
    border-radius: 5px; /* Abgerundete Ecken */
    background-color: #f3f3f3 !important;
}


a.attachment-file {
    color: #f19720;
}

.description p {
    font-size: 16px !important;
}

h5, .h5 {
    font-size: 12px !important;
}

.crmEntityFormView .cell {
    padding: 0 28px 20px !important
}

.container .fa {
    line-height: inherit;
    padding-right: 5px;
}

.addnote .row {
  display: flex;
  flex-direction: column;
  align-items: flex-start; 
  margin-bottom: 1rem;
}

.addnote label {
  width: 100%;        
  text-align: left;   
  margin-bottom: 0.5rem;
}

.addnote .col-md-9,
.addnote .col-md-3 {
  width: 100%;
}