/*Bei der Zusammenfassungseite werden die Eingaben grün hinterlegt*/
.xm-summary-value{
    color: green;
}

.XHeader {
background-color: rgb(243,243,243); /* Hintergrundfarbe des Headers*/
}

/*Zu beginn sind die Eingabefelder des Formulars weiß hinterlegt*/
.modern .XItem:placeholder-shown {
  background-color: rgb(255, 255, 255);
  font-weight: normal;
}


/*Bei einer korrekten Eingabe eines Wertes in ein Formularfeld wird das Feld grünhinterlegt*/
.XTextField, .XTextArea, .modern .XTextField, .modern .XTextArea {
    background-color: #edfadf;
}

input:-webkit-autofill,
    input:-webkit-autofill:hover,   
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
    -webkit-text-fill-color: rgb(0, 0, 0);
    -webkit-box-shadow: 0 0 0px 1000px #edfadf inset;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-size-adjust: 19px;
    }

/*Bei einer Fehlerhaften Eingabe eines Wertes in ein Formularfeld wird das Feld rot hinterlegt*/
.error-static-view.error-static-view-bubble .xm-item-div.error > .XItem, .error-static-view.error-static-view-bubble .dynamic-row.error > .XItem, .xm-item-div.error .twitter-typeahead .XItem, .CXCheckbox.label-left.error, .CXCheckbox.label-right.error {
  border: 3px solid #ff4a56 !important;
  box-shadow: none;
  background-color: #ff4a565d !important;
  color: #ff4a56;
  padding: 8px;
  border-radius: 0.50rem;
}

/*Anpassung der Navigationsleiste*/
.XNavigationBar .xnav-view {
  height: 10px !important; /*Die höhe wird auf 10px gesetzt*/
  margin-bottom: 5px; /*Abstand nach unten 5px*/
  margin-right: 1px; /*Abstand nach rechts 1px*/
  }

.XNavigationBar .active-before .xnav-view, .XNavigationBar .active .xnav-view .xm-form.modern .XNavigationBar .active-before .xnav-link, .xm-form.modern .XNavigationBar .active .xnav-link, .xm-form.modern .XNavigationBar .active-before .xnav-link:hover, .xm-form.modern .XNavigationBar .active .xnav-link:hover {
  cursor: pointer;
}

/*Farbe der Navigationsleiste und zwar des aktuellen Schrittes*/
.XNavigationBar .active .xnav-view {
  background-image: linear-gradient(270deg, #1d6595 100%,#464646 0%); /*Der Hintergrund wird */
  border-right: 2px solid #1d6595 !important; /*Der rechte Rand der leiste ist 2px und Blau*/
}

/*Farbe der vorhergehenden Schritte der navigationsleiste*/
.XNavigationBar .active-before .xnav-view, .XNavigationBar .active .xnav-view {
  background-color: #464646 !important;
}

/*Logo für den Formular Header*/
/*Dazu muss im Formular ein Bild eingefügt werden und bei Erweitert --> CSS Klassen (Element) ".logo" hinzugefügt werden*/
.logo {
  content: url(https://xima.landkreis-frg.de/formcycle/form/includes/ressource?mid=1&name=FRG-Logo+mit+Claim+ohne+HIntergrund.png);
  width: 300px;
}

/*Logo für den Formular Footer*/
/*Dazu muss im Formular ein Bild eingefügt werden und bei Erweitert --> CSS Klassen (Element) ".logo" hinzugefügt werden*/
.flogo {
  content: url(https://xima.landkreis-frg.de/formcycle/form/includes/ressource?mid=1&name=LRA_Wappen+ohne+Hintergrund.png);
  width: 100px;
}

.XSpan.gebiet {
  font-weight: bold;
  font-style: italic;
  font-size: 20px !important;
  color: rgb(0, 143, 194) !important;

}

.XSpan.headgreen {
  font-size: 32px !important;
  line-height: 32px;
  padding-bottom: 20px;
  padding-top: 20px;
  color: rgb(0, 0, 0) !important;
}

/*Design spezielle Bausteine*/
/*betrifft nur Elemente, die im Formulardesigner unter Vorlagen als eigene Kreationen zu finden sind!*/

/*unsichtbarer Container - dient nur dem Zweck der Gruppierung von mehreren Elementen*/
.ContainerUnsichtbar{
    background-color: transparent;
    border: none;
}

/*Container mit Rand in --lkrBlau und weißem Hintergrund*/
.ContainerCILight{
    border: 3px solid var(--lkrBlau) !important;
    background-color: transparent;
}

/*Container mit Füllung in --lkrBlau und 0px border-radius -
wird bei Überschrift Formular speichern benutzt*/
.ContainerCINRadius{
    border-radius: 0px !important;
    border: none;
    background-color: var(--lkrBlau) !important;
}

/*Container mit Füllung in --lkrGruen-
wird bei Forumular Prüfen benutzt*/
.ContainerCIGruen{
    border: none;
    background-color: #B6C574;
}

.ContainerCIOrange{
    border: none;
    background-color: var(--lkrOrange);
}

/*Button Ablehen in Formular prüfen*/
.ButtonAblehnen{
    background-color: red !important;
    border: 2px solid red !important;
}

.ButtonAblehnen:hover{
    color: red !important;
    border: 2px solid red !important;
}

/*Überschrift im Footer*/
.FooterHeadline{
    color: var(--lkrBlau) !important;
}

/*Container mit vertikalem Trennstrich*/
.ContainerSpalten{
    border: none !important;
    border-left: 2px solid #7AA3C3 !important;
    background-color: transparent !important;
    border-radius: 0px !important;
}

.ContainerSpaltenL{
    border: none !important;
    background-color: transparent !important;
    border-radius: 0px !important; 
}

/*einheitliche Größe der Logos im footer*/
.FooterLogo{
    height: 50px;
    width: auto;
}