/* Globale CSS Datei für alle Formulare */

/* Pflichtfeldsternchen */
/* Sterne kleiner */
.modern .required-star {
    font-size: 1em !important;
}

/* Fortschrittsbalken */
/* Fortschrittsbalken responisv */
.modern .xm-item-div label-top CXNavigationBar{
    padding: 10px 20px !important;
}
.modern .xnav-link{
    font-size: 1em !important;
}

/* Bayern ID Icon */
/* Icons kleiner und übersischtlicher */
.verify_l1 {
    background-size: 20px !important;
	background-position-x: right 5px !important;
}

/* Leitfaden Plugin Datei auswählen */
.modern .leitfadenUploadButtonSelect{
    margin: 20px !important;
}

/* Button / Uploadbutton */
/* Button Innenabstand gleichmäßig Uploadlabel Abstand kleiner */
.modern .xm-item-div .xm-upl-wrapper span.xm-upl-label{
    font-size: 14px !important;
    padding-top: 2px !important;
    margin-bottom: 15px;
}
.modern .add-button dyn-icon{
    display: inline-block !important;
}
.modern .XButtonList,
.modern .XButtonList.XItem:focus:not(:disabled) .modern .XButtonList.xm-upl-button:hover,
.modern .XButtonList[value=zurück]:hover {
 padding: 11px 15px !important;
}
.modern .XButtonList{
    transition: 0.3s !important;
}
.modern .XButtonList:hover, .modern .XButtonList:focus{
    background: #1d6595 !important;
    color: #fff !important;
}

/* Wiederholungsfelder */
/* Anordnung rechts und Symbole größer */
.add-button::after{
    content: "weitere hinzufügen";
    margin: 0px 0px 0px -140px;
}
.modern .xm-item-div .xm-del-button-icon{
    font-size: 21px !important;
}
.modern .xm-del-button-icon::before{
    font-size: 21px !important;
}
.modern .add-button{
    float: right;
    width: 17px;
}
.modern .xm-del-button-icon{
    width: 17px;
}
.modern .CXContainer > .dynamic-row .xm-del-button-icon::before, .modern .CXFieldSet > .dynamic-row .xm-del-button-icon::before{
    font-size: 14px !important;
    top: 0px !important;
}
/* Farbe wechseln bei :hover */
.modern .xm-item-div .add-button:hover {
    color: #21F600;
}

/* Upload Textfeld */
/* Schriftgröße kleiner */
.XTextArea, div.xm-item-div{
    font-size: 14px;
}
.xm-upl-format-value-wrapper {
	text-transform: lowercase;
}

table.ui-datepicker-calendar:not(.table) tbody tr td {
    padding: 1px;
}

@media only screen and (max-width: 500px) {
    .modern .trust-ribbon-ctnr::before{
        margin-top: 0px;
    }
}

#xm-form [class^="icon-"],
#xm-form [class*=" icon-"] {
 font-family:'template' !important;
 speak:none;
 font-style:normal;
 font-weight:normal;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}