/* Table-Styling */
.cylinderResultTable {
	width: 100%;
	color: var(--rich-black);
	border-collapse: collapse;
}

.cylinderResultTable thead tr{
	height: 75px;
	vertical-align: bottom;
}

.cylinderResultTable tr {
	border-bottom: 1px solid var(--warm-grey);
}

.cylinderResultTable tr:nth-child(odd) {
	background-color: var(--white);
}

.cylinderResultTable tr:nth-child(even) {
	background-color: var(--grey);
}

.cylinderResultTable th {
	padding-bottom: 5px;
}

.cylinderResultTable th:nth-child(6) {
	width: 10%
}

.cylinderResultTable td {
	padding: 0 10px;
}

.colAddOn.rotate span {
	white-space: nowrap;
	font-weight: bold;
}

.colAddOn form {
	display: none;
}

.productTable {
	border-radius: 10px;
}

#ratingSubtitles .translatable {
	max-width: 55px;
	font-size: 80%;
}
/* Rotate Styling */
th.rotate {
	white-space: nowrap;
	padding-bottom: 15px;
	text-transform: uppercase;
}

th.rotate>div {
	transform: translate(15px, 10px) rotate(270deg);
	width: 30px;
}

th.rotate>div>span {
	border-bottom: 0px solid #ccc;
	padding: 5px 10px;
	color: var(--rich-black);
	font-size: 14px;
}

.greenRedDot {
	height: 12px;
	margin-right: 5px;
}

fieldset {
	margin-top: 3px;
	color: white;
	font-weight: normal;
}

label {
	color: var(--rich-black);
	font-weight: normal;
}

.underline {
	text-decoration: underline;
}

.cushioningText {
	text-align: left;
}

.guideText {
	text-align: left;
}

.titleTileProducts {
	background-color: #636363;
	border-top-left-radius: 10px;
	padding: 5px;
	margin-left: 1px;
	font-weight: bold;
	font-size: 14px;
	color: white;
	cursor: pointer;
}

.titleTileProducts:hover {
	background-color: buttonshadow;
	transition: all 0.3s ease 0s;
}

.resultLines {
	height: 30px;
}

tr.resultlines.isSelected 
{
	background-color: var(--blue-grey);
}

.resultLines .popover {
	max-width: none !important;
	width: auto;
	height: auto;
	padding: 0px;
}

.popoverProducts {
	padding-top: 5px;
}

.popoverProducts > div {
	display: flex
}

.popOverLoad {
	width: 45%;
	margin-top: 10px;
	padding: 2px;
}

.popOverLoadImg {
	width: 50%;
	margin-left: 25%
}

.popOverTextLine {
	margin-top: 10px;
}

.popOverInnerTile {
	border: 1px;
	border-radius: 10px;
	padding: 2px;
	/*width: 47%;*/
	margin-top: 10px;
}

.popOverLeftTile {
	margin-right: 5px;
	_background: linear-gradient(0deg, white 5%, #F9D7D7 70%);
	border: 2px solid rgb(233, 77, 10);
}

.popOverRightTile {
	margin-left: 5px;
	_background: linear-gradient(0deg, white 5%, #CAE7FB 70%);
	border: 2px solid rgb(0, 145, 160);
}

.plusMinusIcon {
	margin: 10px 5px;
	width: 16px;
	font-size: 16px;
}

.plusIcon::before {
	content: "\2228";
	margin-left: 2px;
}

.minusIcon::before {
	content: "\2227";
	margin-left: 2px;
}

.resultLines .row {
	margin: 0 5px;
}

.filterLabel {
	color: var(--rich-black);
	font-size: 12px;
	display: inline-flex;
	float: right;
	margin-right: 5px;
	font-weight: bold;
}

.filterListContainer {
	display:flex;
	width:100%;
	flex-wrap: wrap;
}

.filterList {
	margin-top: 5px;
	margin-bottom: 5px;
	align-items: center;
	flex-direction: column;
}

.filterList.type_List {
	margin-bottom: 2px;
}

.filterListContainer > .filterList:nth-child(1) {
	flex-basis: 35%;
	order: 1;
}

.filterListContainer > .filterList:nth-child(2) {
	flex-basis: 20%;
	order: 2;
}

.filterListContainer > .filterList:nth-child(3) {
	flex-basis: 15%;
	order: 4;
}

.filterListContainer > .filterList:nth-child(4) {
	flex-basis: 20%;
	order: 5;
}

.filterListContainer > .filterList:nth-child(5) {
	flex-basis: 45%;
	order: 3;
}

.filterListContainer > .filterList:nth-child(6) {
	flex-basis: 20%;
	order: 6;
}

.filterListContainer > .filterList:nth-child(7) {
	flex-basis: 45%;
	order: 7;
}

.filterList.type_Checkbox {
	background-color: #ECECEC;
	color: var(--rich-black);
	margin-top: 0px;
	margin-bottom: 0px;
}

.FilterHeadline {
	display: flex;
	align-items: center;
	border-right: 1px solid var(--grey);
}

.FilterSelectionEntries {
	color: var(--rich-black);
}

.FilterSelectionEntries .filterEntrySelectable {
	color: var(--rich-black);
}

.FilterSelectionHeadline {
	font-weight: bold;
	float: left;
}

.filterEntrySelectable {
	color: var(--rich-black);
}

.filterEntrySelectable > label{
	display: block;
	margin-left: 3px;
	padding-top: 3px;
	height: 20px;
	padding-bottom: 2px;
}

.filterEntryNonSelectable>span {
	color: #A4A4A4;
}

.filterEntryNonSelectable>span, .filterEntrySelectable>span {
	font-weight: normal;
}

.filterEntryNonSelectable > label {
	display: block;
	margin-left: 3px;
	padding-top: 3px;
	height: 20px;
	padding-bottom: 2px;
}

.FilterSelectionHeadline {
	cursor: pointer;
}

.groupedCheckboxesLabel {
	white-space: normal;
	vertical-align: middle;
}

.filterTitle {
	font-size: 18px;
	color: var(--white);
	text-align: center;
	font-weight: bold;
}

.generateReport, .addOnImg, .continueImg {
	height: 25px;
	width: 25px;
}

/* Optimize text and icon positions */
.resultLines div {
	/*padding-top: 5px;*/
	/* padding left ruiniert den Pfeil der Popups */
	/* padding-left: 5px; */
}

.resultLines td > div {
	padding-top: 5px;
	height: 44px;
	display: flex;
	align-items: center;
}

.resultLines td > div > div > img.greenRedDot{
	margin-top: -6px;
}

.colAddOn a {
	display: block;
}

.colAddOn img, .colAddOn input {
	cursor: pointer;
}

.calculatePreviousDiameter{
	height: 15px;
}

.calculateNextDiameter {
	height: 15px;
}

.driveColText {
	float: left;
	position: relative;
	bottom: 3px
}

.driveColArrow {
	height: 17px;
}

.not-active {
	pointer-events: none;
	cursor: default;
}

.cushioningLineBreak {
	float: left;
	position: relative;
	bottom: 10px
}

.cushioningNoWrap {
	float: left;
	position: relative;
	bottom: 2px
}
.colCompare .popover-title {
	display: none;
}

.colCompare {
	width: 15px;
}

.colCompare .Options_Checkbox::before {
	margin: 0;
}

td.colRatingWeight > div{
	float: right;
}

td.colRatingAir > div{
	float: right;
}

.noPopupTitle .popover-title {
	display: none;
}

.popover-title {
	background-color: var(--blue-grey);
	margin: 0;
	padding: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.FilterMenu {
	background-color: var(--white);
	padding: 0px
}

.FilterMenuHeadline {
	background-color: var(--navy);
	padding: 10px;
	align-items: center;
	display: flex;
}

.FilterMenuHeadline > div{
	flex-basis: 85%;
	display: flex;
	align-items: center;
}

.FilterMenuHeadline > span{
	color: var(--white);
	flex-basis: 15%;
	text-transform: uppercase;
}