@import url('semantic.min.css');

h1 {
	font-size: 7em;
}
h1 span 
{
	display: inline-block;
	margin-right: 10px;
	font-weight: 900;
}
h1 span:last-child {
	margin-right: 0;
}
#wrapper {
	max-width: 1280px;
	margin: 0 auto;
	width: 100%;
}
div#summary,
#steps > .step,
#fields > .field,
.ui.steps .step.ignore,
#steps > .step.ignore,
#steps > .step.completed.ignore,
#fields > .field.ignore,
#fields > .field.ignore.completed,
tr.val_kolben,
.ui.selection.dropdown .menu > .item:empty
{
	display: none;
}
#steps > .step
{
	height: 90px;
}
#fields > .field
{
	height: 85px;
	margin-bottom: 0;
}
#fields > .field > label
{
	margin-top: 5px
}
body, 
.ui.form .field>label, 
.ui.dropdown .menu>.item {
	color: #1d1d1b;
}
.ui.segment.artno
{
    display: block;
    padding: 0 15px;
    max-width: 640px;
}
.ui.segment.artno h1
{
	font-size: 5rem;
}
.ui.celled.table > thead > tr > th {
    background: rgb(0,45,92);
    font-size: 1.13em;
    color: #fff !important;
}
.ui.table>tbody>tr>td {
	vertical-align: top;
}



.ui.striped.table>tr:nth-child(2n), .ui.striped.table>tbody>tr:nth-child(2n)
{
	background-color: rgba(231, 234, 237, .85);
}
td.name, td.text
{
	color: rgb(0,45,92);
}
td.name
{
	font-weight: 500;
}
.ui.steps .step.active .title,
.ui.steps .step.active .description
{
	color: #fff;
}
.ui.steps .step.active:after,
.ui.steps .step.active {

	background: rgb(0,45,92);
	color: #fff;
}
.ui.steps .step.completed>.icon, 
.ui.ordered.steps .step.completed
{
	
}
h2.header.centered,
h3.header.centered 
{
	margin: 0 auto;
}
i.icon.question
{
	color: transparent !important;
	background: transparent url('img/questionmark.png') center center no-repeat !important;
	background-size: 35px !important;
}
.ui.steps .step.completed>i.icon:before, 
.ui.ordered.steps .step.completed:before
{
	color: transparent !important;
	background: transparent url('img/haken.svg') center center no-repeat !important;
	background-size: 30px !important;
}


#sample--images img
{
	max-width: 180px;
	margin: 0 auto; 
}
td.text,
td.name {
	font-size: 1.13em;
}
.ui.blue.button,
.ui.blue.button:hover
{
	background-color: rgb(0,45,92) !important;
}
.ui.steps .active.step i.icon
{
	color: #fff;
	/*rgba(0,45,92,.85)*/
}
.ui.dropdown .menu > .header:not(.ui) {
    font-size: .94em;
	color: rgb(0,45,92);
}
#steps > .step.active
{
	border-bottom-color: transparent;
}
#steps > .step.active,
#steps > .step.completed,
#fields > .field.active,
#fields > .field.completed
{
	display: inherit;
}
#fields > .field.active,
#fields > .field.completed
{
	margin-bottom: 0;
}
#steps.ui.steps
{
	margin-bottom: 30px;
}
#configurator
{
	margin-top: 0;
	margin-bottom: 0;
}
.ui.text.centered
{
	text-align: center;
	justify-content: center;
	margin: 0 auto;
}
.ui.text.align-center>.div
{
	text-align: left;
	justify-content: center;
	margin: 0 auto;
}

.pt-0 {padding-top: 0 !important;} 
.pt-1 {padding-top: 1em;}
.pt-2 {padding-top: 2em;}
.pt-3 {padding-top: 3em;}
.pt-4 {padding-top: 4em;}
.pb-0 {padding-bottom: 0 !important;} 

.pb-1 {padding-bottom: 1em !important;}
.pb-2 {padding-bottom: 2em;}
.pb-3 {padding-bottom: 3em;}
.pb-4 {padding-bottom: 4em;}

.py-0 {padding-top: 0 !important; padding-bottom: 0 !important} 
.py-1 {padding-top: 1em; padding-bottom: 1em;}
.py-2 {padding-top: 2em; padding-bottom: 2em;}
.py-3 {padding-top: 3em; padding-bottom: 3em;}
.py-4 {padding-top: 4em; padding-bottom: 4em;}

.pl-0 {padding-left: 0 !important}
.pl-1 {padding-left: 1em;}
.pl-2 {padding-left: 2em;}
.pl-3 {padding-left: 3em;}
.pl-4 {padding-left: 4em;}
.pr-0 {padding-right: 0 !important}
.pr-1 {padding-right: 1em;}
.pr-2 {padding-right: 2em;}
.pr-3 {padding-right: 3em;}
.pr-4 {padding-right: 4em;}

.px-0 {padding-left: 0 !important; padding-right: 0 !important}
.px-1 {padding-left: 1em; padding-right: 1em;}
.px-2 {padding-left: 2em; padding-right: 2em;}
.px-3 {padding-left: 3em; padding-right: 3em;}
.px-4 {padding-left: 4em; padding-right: 4em;}

@media (max-width: 767.98px) {
	.ui.celled.table > thead > tr > th {
		color: rgb(0,45,92);
	}
}


/* Ergänzungen für Anschlussarmaturkonfigurator */

.mt-0 {margin-top: 0 !important;}
:root.mvc h1 {
	font-size: 2rem;
}
:root.mvc .ui.steps .step {
	flex-wrap: nowrap;
}
.ui.steps .step > i.icon {
	flex-shrink: 0;
}
.ui.grid .field {
	align-self: flex-end;
}
.ui.grid > .row > img {
	align-self: center;
}
.ui.form .field.unit-mm::after,
.ui.form .field.refrigerant-number::after {
	position: absolute;
	bottom: 0.67857143em;
}
.ui.form .field.pb-1.unit-mm::after,
.ui.form .field.pb-1.refrigerant-number::after {
	bottom: 1.67857143em;
}
.ui.form .field.unit-mm::after {
	content: "mm";
	right: 2em;
}
.ui.form .field.unit-mm input {
	padding-right: 3.5em;
}
.ui.form .field.refrigerant-number::after {
	content: "R-";
	left: 2em;
}
.ui.form .field.refrigerant-number input {
	padding-left: 2em;
}
.ui.button {
	margin-bottom: .25em;
}
#finish .ui.form {
	padding-bottom: 1rem;
}
@media only screen and (max-width: 767.98px) {

	#steps.ui.steps {
		margin-bottom: 0;
	}
	:root.mvc #steps > .step {
		height: auto;
	}
	.ui.unstackable.steps .active.step::after {
		top: 100%;
		right: 50%;
	}
	.ui.stackable.grid > .row > .column.field.pb-1::after {
		bottom: calc(1rem + .67857143em);
	}
	:root.mvc .ui.celled.table > thead {
		display: none !important;
	}
}
@media only screen and (min-width: 768px) {

	[class*="mobile only"] {
		display: none;
	}
}
@media print {

	.no-print {
		display: none !important;
	}
	:root.mvc thead {
		display: none;
	}
	:root.mvc tr {
		display: flex;
		flex-wrap: wrap;
		padding: .25em .5em;
	}
	:root.mvc td {
		width: 50%;
	}
	:root.mvc .ui.table > tbody > tr > td {
		padding: 0;
	}
	:root.mvc .ui.celled.table > tbody > tr > td {
		border: none;
	}
	:root.mvc .ui.table > tbody > tr > td:not(:last-child) {
		padding-right: 1em;
	}
	:root.mvc td.name {
		font-weight: bold;
	}
	:root.mvc tr.val-distances > td,
	:root.mvc tr.val-types     > td {
		width: 100%;
	}
}
@media not print {

	.print-only {
		display: none !important;
	}
}