/* FORMULAR */

form.search-form {
	margin: 0.5rem 0;
}

form.search-form label {
	cursor: pointer;
}

form.search-form fieldset.search-error-messages {
	border: 0;
}

form.search-form fieldset.search-fs-outer {
	border:      1px solid #999999;
	border-left: 1rem solid #004080;
	background:  #e7e7e7;
	padding:     0.5rem 0.5rem 0.5rem 0.5rem;
	margin:      3rem 0;
	position:    relative;
}

form.search-form fieldset.search-fs-outer legend {
	margin:      -2rem  0    0.5rem 0;
	padding:     0.5rem 0.5rem 0.5rem 2rem;
	background:  #004080;
	color:       #FFFFFF;
	font-size:   larger;
	cursor:      pointer;
	white-space: nowrap;
}

form.search-form fieldset.search-fs-outer legend span {
	display:     inline-block;
	margin-left: 2rem;
	float:       right;
}

form.search-form fieldset.search-fs-outer a.search-help {
	text-decoration: none;
	color:           #FFFFFF;
	background:      #004080;
	font-weight:     bolder;
	width:           1.5rem;
	height:          1.5rem;
	text-align:      center;
	line-height:     1.5;
	border-radius:   1rem;
	position:        absolute;
	top:             0.1rem;
	right:           0.1rem;
}


form.search-form fieldset.search-fs-inner {
	border:     1px solid #BCBCBC;
	background: #dfdfdf;
	margin:     0.1rem 0;
	padding:    0;
}

form.search-form div.search-fs-inner {
	display:         -moz-box;
	display:         -ms-flexbox;
	display:         -webkit-flex;
	display:         flex;
	flex-wrap:       wrap;
	flex-direction:  row;
	justify-content: flex-start;
	align-items:     flex-start;
}

form.search-form div.search-fs-inner > div {
	
	/* 3 Spalten = 31rem */
	/* 4 Spalten = 24rem */
	width:           23rem;
	display:         -moz-box;
	display:         -ms-flexbox;
	display:         -webkit-flex;
	display:         flex;
	flex-wrap:       wrap;
	flex-direction:  row;
	justify-content: space-between;
	align-items:     flex-start;
	padding:         0.1rem 0.3rem;
	margin:          0.1rem 0.1rem;
}

form.search-form div.search-fs-inner label,
form.search-form div.search-fs-inner select,
form.search-form div.search-fs-inner input[type=text] {
	width: 49%;
}

form.search-form div.search-fs-inner input[type=text] {
	padding: 0.1rem 0.1rem;
	width:   calc(49% - 0.3rem); /* 0.3! */
}

form.search-form textarea,
form.search-form select,
form.search-form input {
	background: #FFFFFF;
	border:     1px solid #004080;
}

form.search-form *.element-nurlesen {
	background: #CDCDCD !important;
}


form.search-form div.search-fs-inner label input[type=checkbox],
form.search-form div.search-fs-inner label input[type=radio] {
	margin-right: 0.3rem;
	margin-left:  0.3rem;
}

form.search-form textarea:focus, form.search-form textarea:active,
form.search-form select:focus,   form.search-form select:active,
form.search-form input:focus,    form.search-form input:active {
	background: #A6CEE3;
	border:     1px solid #004080;
	outline:    0;
}

form.search-form div.search-fs-inner > div .search-verbindungssuche-ansichten,
form.search-form div.search-fs-inner > div .search-zeitleiste-ansicht,
form.search-form div.search-fs-inner > div .search-bahnhofsverzeichnis-ansicht,
form.search-form div.search-fs-inner > div .search-fahrplanauszug-ansicht,
form.search-form div.search-fs-inner > div .search-fahrplanauszug-zugkategorie,
form.search-form div.search-fs-inner > div .search-sonderabfragen,
form.search-form div.search-fs-inner > div .search-bahnhofsfahrplan-ansichten,
form.search-form div.search-fs-inner div.search-datenliste-reiseplan,
form.search-form div.search-fs-inner.search-sonderabfragen-fieldset2 {
	flex-direction: column;
}

form.search-form div.search-fs-inner.search-sonderabfragen-fieldset2 > div {
	width: 99%;
}

form.search-form div.search-fs-inner .search-verbindungssuche-ansichten label,
form.search-form div.search-fs-inner .search-zeitleiste-ansicht label,
form.search-form div.search-fs-inner .search-bahnhofsverzeichnis-ansicht label,
form.search-form div.search-fs-inner .search-fahrplanauszug-ansicht label,
form.search-form div.search-fs-inner .search-datenliste-reiseplan label,
form.search-form div.search-fs-inner .search-sonderabfragen label,
form.search-form div.search-fs-inner .search-fahrplanauszug-zugkategorie label,
form.search-form div.search-fs-inner .search-bahnhofsfahrplan-ansichten label {
	width:   100%;
	display: block;
}

form.search-form button {
	margin: 0.3rem 0;
	float:  left;
}

form.search-form label.form_field_requiered {
	color: #b30000;
	font-weight: bolder;
}
form.search-form label span.form_field_requiered {
	
}
form.search-form select.form_field_requiered,
form.search-form textarea.form_field_requiered,
form.search-form input.form_field_requiered {
	background: #fff3f3;
	border:     1px solid #b30000;
}

aside#suche-reset {
	overflow:   hidden;
	margin-top: -1rem;
}

aside#suche-reset ul {
	list-style: none;
	margin:     0;
	padding:    0.5rem 0;
	float:      right;
}

aside#suche-reset ul li a {
	text-decoration: none;
}

aside#suche-reset ul li a,
form.search-form button {
	background:    #004080;
	color:         #FFFFFF;
	padding:       0.5rem 1rem;
	cursor:        pointer;
	border-bottom: 1px solid #FFFFFF;
	border-right:  1px solid #FFFFFF;
	border-radius: 5px;
}

form.search-form .disabled-element {
	background: #CDCDCD;
	color:      #ABABAB;
}


form.search-form .search-verbindungssuche-ansichten-title,
form.search-form .search-zeitleiste-options-title,
form.search-form .search-bahnhofsverzeichnis-options-title,
form.search-form .search-fahrplanauszug-options-title,
form.search-form .search-sonderabfragen-title,
form.search-form .search-datenliste-wagengattung,
form.search-form .search-datenliste-options-title {
	display:       block;
	width:         100%;
	padding:       0 0.3rem;
	margin:        0;
	border-bottom: 1px solid #004080;
}

form.search-form .search-datenliste-wagengattung {
	padding: 0;
	margin:  0 0.4rem;
}

form.search-form .wagengattung-list {
	line-height: 1.3;
}

form.search-form .wagengattung-list ul.wagengattung-list-items {
	display:    block;
	float:      right;
	width:      100%;
	background: #e7e7e7;
	color:      #ABABAB;
	border:     1px solid #004080;
	height:     5rem;
	margin:     0;
	padding:    0;
	list-style: none;
	overflow-y: scroll;
}

form.search-form .wagengattung-list ul.wagengattung-list-items li {
	display:       block;
	margin:        0;
	padding:       0.1rem;
	background:    #A6CEE3;
	color:         #000000;
	border-bottom: 1px solid #004080;
	border-right:  1px solid #004080;
}

form.search-form .wagengattung-list ul.wagengattung-list-items li a.wagengattung-list-delete {
	display:         block;
	float:           right;
	color:           #9a0000;
	font-weight:     bolder;
	text-align:      center;
	width:           1.5rem;
	text-decoration: none;
}

form.search-form .wagengattung-list ul.wagengattung-list-items li a.wagengattung-list-delete:hover {
	background:    #FFFFFF;
	border-radius: 1.5rem;
}


form.search-form div.search-fahrplanauszug-bahnhof div:first-child,
form.search-form div.search-datenliste-bahnhof     div:first-child {
	position: relative;
}

form.search-form a.search-bahnhof-gegenrichtung {
	position:        absolute;
	right:           0.3rem;
	background:      #004080;
	color:           #FFFFFF;
	line-height:     1.35;
	margin:          0;
	padding:         0;
	text-decoration: none;
	vertical-align:  middle;
	border-left:     1px solid #004080;
	border-bottom:   1px solid transparent;
}

form.search-form a.search-bahnhof-gegenrichtung:hover {
	background: #A6CEE3;
	color:      #004080;
}


form.search-form .wrapper-noviewconcept-container {
	display:         flex;
	flex-wrap:       wrap;
	flex-direction:  row;
	justify-content: space-between;
	align-items:     flex-start;
	width:           100%;
}

form.search-form div.search-fs-inner .wrapper-noviewconcept-values label {
	display: block;
	width:   100%;
}

form.search-form .search-datenliste-wagengattung-combobox {
	display:  block;
	width:    49%;
	position: relative;
}

form.search-form div.search-fs-inner .search-datenliste-wagengattung-combobox select {
	width: 100%;
}

form.search-form div.search-fs-inner .search-datenliste-wagengattung-combobox input.custom-combobox-input {
	width:      86%;
	background: #FFFFFF;
	border:     1px solid #004080;
}

form.search-form div.search-fs-inner .search-datenliste-wagengattung-combobox a.custom-combobox-toggle {
	background:  #004080;
	color:       #FFFFFF;
	padding:     0;
	margin:      1px 0 0 0;
	border:      0;
	line-height: 1.3;
	cursor:      pointer;
	display:     inline-block;
	width:       10%;
	text-align:  center;
	position:    absolute;
	top:         1px;
}

form.search-form div.search-fs-inner .search-datenliste-wagengattung-combobox a.custom-combobox-toggle span {
	background-image:    url(../images/jqueryui/ui-icons_ffffff_256x240.png);
	background-position: -64px 0;
}
form.search-form div.search-fs-inner .search-datenliste-wagengattung-combobox a.custom-combobox-toggle:hover span {
	background-image:    url(../images/jqueryui/ui-icons_004080_256x240.png);
	background-position: -64px 0;
}

form.search-form div.search-fs-inner .search-datenliste-wagengattung-combobox a.custom-combobox-toggle:hover {
	background: #A6CEE3;
	color:      #004080;
}

form.search-form .custom-combobox {
/* 	position:     relative;
	display:      inline-block;
	margin-right: 1.2em; */
}

form.search-form .custom-combobox-toggle {
/* 	position:         absolute;
	top:              0;
	bottom:           0;
	margin-left:      -1px;
	
	padding:          0;
	cursor:           pointer;
	width:            1.2em;
	text-align:       center;
	background-image: none;
	background-color: #CDCDCD;
	border:           1px solid #AAAAAA;
	border-radius:    0 !important;
	color:            #000000;
	/* line-height:      0.95;*/
}

form.search-form .custom-combobox-toggle:hover {
/* 	color:            #333333;
	background-color: #6699CD;
	border:           1px solid #666666; */
}



form.search-form .ui-icon {
}

form.search-form .ui-widget {
}

form.search-form .custom-combobox-input {
/* 	margin:  0;
	padding: 0;
	border: 1px solid #AAAAAA;
	border-radius: 0;
	width: 8.3em;
	background-image: none;
	background: #FFFFFF;
	position: relative; */
}