/**
 *     General
 *
 */

select option {
    color: #14264d;
}

.ui-mobile-viewport, .ui-page {
	overflow: hidden !important;
}

.description {
	margin: 1em 0;
	color: #14264d;
	font-size: 0.875em;
}

/**
 *     Page Content
 *
 */

.ui-content {
	position: relative;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
 }

.ui-content h2 {
	margin-top: 12px;
	margin-bottom: 2px;
	color: #14264d;
	font-size: 1em;
	text-align: left;
}

/**
 *     Requirement Calculator
 *		  Pages
 */

#product-group-preselection {
  position: relative;
  height: 100%; width: 100%;
  text-align: center;
  letter-spacing: -4px;
}

#product-group-preselection-btns {
  display: inline-block;
  vertical-align: middle;
  width: 99%; height: auto;
	letter-spacing: normal;
}

.content-left {
	position: relative;
	float: left;
	width: 18%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 2%;
	border-right: 2px solid #c4c5c8;
}

.content-right {
	position:relative;
	float:left;
	padding-left: 2%;
	width: 82%;
}

/**
 *     Requirement Calculator
 *		  Forms
 */

/*
 * Calculator - Label and Text
 */

 .calculator .field-contain label {
	margin: 0;
  color: #14264d;
  font-size: 0.875em;
  font-weight: normal;
  line-height: 1.143em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-line;
}

.calculator .field-contain .ui-input-text {
	color: #85bc22;
}
.calculator .field-contain .ui-input-text input {
	text-align: right;
}

/* Output Text */
.calculator .field-contain .output {
	margin-bottom: 0;
	color: #85bc22;
	font-weight: normal;
	line-height: 1.143em;
	text-align: right;
}
.calculator .field-contain .output.result {
	font-size: 1.125em;
	font-weight: bold;
}


/*
 * Calculator - Narrow Screen
 */

.calculator.narrow .field-contain {
	margin: 0;
	margin-bottom: 1em;
	overflow: hidden;
}

.calculator.narrow .field-contain:last-child {
	margin: 0;
}

.calculator.narrow #input-bar .field-contain {
	margin-bottom: 1em;
}

.calculator.narrow .field-contain label,
.calculator.narrow .field-contain .output,
.calculator.narrow .field-contain .ui-input-text,
.calculator.narrow .field-contain .ui-select {
	display: inline-block;
	vertical-align: middle;
}

.calculator.narrow .field-contain label {
	width: 55%;
}

.calculator.narrow .field-contain label.bold,
.calculator.narrow .field-contain input {
	font-weight: bold;
}

.calculator.narrow .field-contain .ui-input-text,
.calculator.narrow .field-contain .output {
	width: 43%;
}

.calculator.narrow .field-contain .ui-select {
	width: 100%;
	margin-bottom: 0;
}

#renditerechner-page .calculator.narrow {margin-top: 2em;}
#renditerechner-page .calculator.narrow .field-contain label,
#renditerechner-page .calculator.narrow .field-contain .output,
#renditerechner-page .calculator.narrow .field-contain .ui-select {width: 49%;}

/*
 * Calculator - Narrow Screen
 *
 *   Product infos
 */

.calculator.narrow .field-contain #product-info {
	padding-top: 1em;
	text-align: center;
	clear: left;
}

.calculator.narrow .field-contain #product-info .ui-block-a {
	padding: 0.5em;
	width: 20%;
}
.calculator.narrow .field-contain #product-info .ui-block-b {
	padding: 0.5em;
	width: 80%;
}

.calculator.narrow .field-contain #product-info img {
	max-width: 100%;
	max-height: 190px;
}
.calculator.narrow .field-contain #product-info p {
	color: #14264d;
	text-align: left;
}

.calculator.narrow .field-contain #product-info .ui-listview {
	margin-bottom: 0;
}

.calculator.narrow .field-contain #product-info .ui-listview .ui-btn {
	font-size: 0.875em;
}

/*
 * Calculator - Wide Screen
 */

.calculator.wide h2 {
	padding-left: 1px;
	color: #14264d;
	text-align: left;
}

.calculator.wide .field-contain {
	margin-bottom: 1em;
}

.calculator.wide .field-contain .output {
	margin: 0.4em 0 .4em;
}

.calculator.wide table {
	background-color: #fff;
	border-collapse: separate;
	border-spacing: 1px;
}

/* Table header */
.calculator.wide thead th {
	padding: 1em .5em;
	line-height: 100%;
	color: #14264d;
	background-color: #dadada;
	font-size: 0.875em;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

/* Table Cells */
.calculator.wide tbody td {
	padding: 1em .5em;
	line-height: 100%;
	color: #14264d;
	font-size: 0.875em;
	text-align: center;
	vertical-align: middle;
}
#bedarfsrechner-moertel-page .calculator.wide tbody td {
	padding: .5em .5em;
}

/* First header entry */
.calculator.wide thead tr:first-child th:first-child {
	padding-left: 5px;
	text-align: left;
}

/* First cell of each row */
.calculator.wide tbody tr td.product-name {
	padding-left: 5px;
	max-width: 100px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

.calculator.wide td .ui-select {
	margin: 0;
	width: 150px;
}

/*
 * Calculator - Wide Screen
 *
 *   Collapsible product infos
 */

/* Collapsed */
.calculator.wide table tr.product-collapsible.product-collapsible-collapsed td {
	color: #14264d;
	background-color: #ffffff;
}

/* Expanded */
						 .calculator.wide table tr.product-collapsible td,
.desktop     .calculator.wide table tr.product-collapsible:hover td,
.touchScreen .calculator.wide table tr.product-collapsible.touched td {
	color: white;
	background-color: #85bc22;
	cursor: pointer;
}

/* Expand button icon */
.calculator.wide table tr.product-collapsible .product-collapsible-toggle.ui-btn-icon-notext {
	margin: 0;
	border-radius: 0;
}
.calculator.wide table tr.product-collapsible .product-collapsible-toggle.ui-btn-icon-notext.ui-icon-carat-r::after {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%236A6A6A%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E");
}
.calculator.wide table tr.product-collapsible .product-collapsible-toggle.ui-btn-icon-notext.ui-icon-carat-d::after {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%236A6A6A%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E")
}

/* Product content */
.calculator.wide table tr.product-collapsible-content.product-collapsible-content-collapsed {
	display: none;
}
.calculator.wide table tr.product-collapsible-content td {
	padding: 1em;
}
/* Product image */
.calculator.wide table tr.product-collapsible-content img {
	max-height: 190px;
}
/* Product description */
.calculator.wide table tr.product-collapsible-content p {
	padding: 0 0.5em;
	color: #14264d;
	text-align: left;
}