.formularslide_conditional, 
.formularslide {
	display: none;
}

.formularslide {
	width: 100%;
}

.datesmall {
	width: 50px;
}

#beschwerdechart {
	width: 100%;
	height: 300px;
}

.datasecurity-wrapper {
    position: relative;
} 

.datasecurity-layer {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #007e72;
    display: none;
    font-weight: 500;
    left: 0;
    padding: 11px;
    position: absolute;
    top: 68px;
    width: 96%;
    z-index: 2147483647;
}

.datasecurity-layer.show {
    display: block;
}
.datasecurity-icon {
    background: url(../Icons/Info.svg) no-repeat;
    display: inline-block;
    height: 20px;
    width: 20px;
}

.formularslide_conditional select {
	width: 100%;
}

#beschwerdeform input,
#beschwerdeformauswertung input {
    border: 1px solid #bbb;
    color: #444;
    font-size: inherit;
    margin: 0;
    padding: 9px;
}

#field_vorname,
#field_name,
#field_email {
    width: 46%;
}

#beschwerdeform select,
#beschwerdeformauswertung select {
    border: 1px solid #bbb;
    padding: 2px;
}

#beschwerdeform .select2-container,
#beschwerdeformauswertung .select2-container,
#opnv_linie,
#spnv_linie {
    width: 75%!important;
    margin-bottom: 13px;
}

#angabelayer_spnv_linie {
    margin-top: 36px;
}

#beschwerdeform dl,
#beschwerdeform dd {
    margin-left: 0;
}

#beschwerdeform dt,
#richtung {
    margin-bottom: 13px;
}

#beschwerdeform .checkbox_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#beschwerdeform .checkbox_row > input {
    width: 20px;
}

#beschwerdeform .checkbox_row > label {
    width: calc(100% - 30px);
}

#beschwerdeform #verspaetung {
    width: 100%;
}

#beschwerdeform .checkbox_row label,
#beschwerdeformauswertung .checkbox_row label,
.richtungen label {
    margin-left: 5px;
}

#beschwerdeform input[type=checkbox],
#beschwerdeformauswertung input[type=checkbox],
#beschwerdeform input[type=radio],
#beschwerdeformauswertung input[type=radio] {
    margin-bottom: 11px;
}

#beschwerdeform .checkbox_row input,
#beschwerdeformauswertung .checkbox_row input,
.richtungen input {
    position: relative;
    top: 0px;
}

#formularstep5 dt {
    margin-bottom: 2px;
}

#formularstep5 dl + input {
    margin-bottom: 13px;
}

#cb_antwort {
    position: relative;
    top: 1px;
}

#beschwerdeform,
#beschwerdeformauswertung {
    padding-left: 2px;
}

#beschwerdeform input[type=submit],
#beschwerdeformauswertung input[type=submit] {
    background-color: #bbd26a;
    border: medium none;
    color: #666;
    cursor: pointer;
}

#beschwerdeform input[type=submit]:hover,
#beschwerdeformauswertung input[type=submit]:hover {
    background-color: #007E72;
    color: #fff;
}

#beschwerdeformauswertung .from,
#beschwerdeformauswertung .till {
    display: inline-block;
    width: 23px;
}
/* "Buttons" */

#main_content #formularstep1 li, 
#main_content #formularstep2 li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    margin-right: 20px;
    padding: 0;
    width: 44%;
}


#main_content #formularstep1 ul, 
#main_content #formularstep2 ul {
    clear: both;
    overflow: hidden;
    width: 76%;
}

.feedbackbutton,
#main_content #formularstep1 li a,
#main_content #formularstep2 li a {
    background-color: #007e72;
    border-radius: 12px;
    color: #fff;
    display: block;
    padding: 9px;
    text-align: center;
    margin-bottom: 10px;
}

#main_content #formularstep1 li a:hover,
#main_content #formularstep2 li a:hover {
    text-decoration: none;
}

#main_content #formularstep1 li a span {
    font-weight: 500;
}

@media (max-width: 942px) {
    
    #main_content #formularstep1 li, 
    #main_content #formularstep2 li {
        width: 44%;
    }
    
    
    #main_content #formularstep1 ul, 
    #main_content #formularstep2 ul {
        width: 100%;
    }
}

@media (max-width: 760px) {

    .ui-datepicker-multi .ui-datepicker-group,
    .ui-datepicker-multi .ui-datepicker-group {
        display: block!important;
        float: initial!important;
    }
    
    .ui-datepicker-multi-3 .ui-datepicker-group,
    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: 100%!important;
    }
    
    #ui-datepicker-div,
    #ui-datepicker-div {
        width: 54%!important;
    }
    
    .ui-datepicker-multi .ui-datepicker-group table,
    .ui-datepicker-multi .ui-datepicker-group table {
        width: auto!important;
    }
    
    #field_vorname,
    #field_name,
    #field_email {
        width: 95%;
    }
}

@media (max-width: 732px) {
    #main_content #formularstep1 li, 
    #main_content #formularstep2 li {
        float: initial;
        width: 100%;
    }
}

@media (max-width: 560px) {

    #beschwerdeform .select2-container, 
    #beschwerdeformauswertung .select2-container, 
    #opnv_linie, 
    #spnv_linie {
        width: 100% !important;
    }
    
    #beschwerdeform textarea {
        width: 99%;
    }
    
    input[type = file] {
        width: 99%;
    }
    
    .formularslide_conditional, 
    .formularslide {
        overflow: visible;
    }
}

@media (max-width: 482px) {
    #main_content #formularstep1 li a,
    #main_content #formularstep2 li a {
        width: 90%;
    }
}

.submit_final {
    float: right;
}

#beschwerdeform #cb_antwort {
    margin-bottom: 0;
}

#formularstep1 li:first-child a span {
    display: block;
}


/* PATCHES TO REVERT SOME ISSUES */
.select2-container .select2-dropdown .select2-search--dropdown {
    display: block !important;
}