body {
	background-color: #FFF ;
	padding: 10px;
	font-size:14px;
}
.container {
	background-color: #FFF;
	border: 0px solid #d1d1d1;
	padding: 0px;
	padding-top:0px;
	width: 100%;

}
.light-fonts .col-md-6, .light-fonts .col-md-12 {
	padding-left:0;
}
.left_images {float:left; margin-right: -8px;margin-left:0px;}
.right_images {float:left; margin-left: -6px;}
.static_image {float:left;}

.bootstrap-select.btn-group .dropdown-menu li {
	float:left;
	width: 52px;
}
.open>.dropdown-menu {
	width: 230px;

}
.help-block {
	font-size: 12px;
	margin-bottom: 5px;
}
.light-fonts label {
font-weight: normal;
}
.btn-success {
	background-color: #00a8ec;
	border-color: #0194cf;
}
.form-control {
	height: 32px;
	padding: 0 5px;
	border: none;
	border-bottom: 1px solid #000;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.bootstrap-select>.btn {
height: 32px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border: none;
	border-bottom: 1px solid #000;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.input-group-addon {
	border: none;
	padding: 0 5px;
	background: none;
}
.help-block-alert {
position: absolute;
color: red;
}
.form-horizontal .control-label{
	text-align: left;
}
.lower_checkboxes input[type=checkbox] {

	margin-top:10px;
}

/* MATERIAL TABLE */
#tablepress-1 {
	border: 2px solid #1f4e78;
	font-size:13px;
	color: #000;
}
#tablepress-1 td, #tablepress-1 th  {
	border: 1px solid #1f4e78;
	padding: 4px;
}
.tablepress .even td {
	background-color: #ddebf7 !important;
}
td.column-4, td.column-5, td.column-6, td.column-7, td.column-8, td.column-9, td.column-10, td.column-11, td.column-12, td.column-13, td.column-14 {
	text-align: center;
}
tr.row-12 > td.column-1, tr.row-10 > td.column-1, tr.row-22 > td.column-1 {
background-color: #FFF !important;
}
tr.row-20 td.column-1, tr.row-20 td.column-2, tr.row-20 td.column-3, tr.row-20 td.column-4, tr.row-20 td.column-5, tr.row-20 td.column-6, tr.row-20 td.column-7, tr.row-20 td.column-8, tr.row-20 td.column-9, tr.row-20 td.column-10, tr.row-20 td.column-11, tr.row-20 td.column-12, tr.row-20 td.column-13, tr.row-20 td.column-14 {
background-color: #FFF !important;
}
tr.row-22 > td.column-4, tr.row-22 > td.column-5, tr.row-22 > td.column-6, tr.row-22 > td.column-7, tr.row-22 > td.column-8, tr.row-22 > td.column-9, tr.row-22 > td.column-10, tr.row-22 > td.column-11, tr.row-22 > td.column-12, tr.row-22 > td.column-13, tr.row-22 > td.column-14 {
background-color: #FFF !important;
}
tr.row-21 > td.column-4, tr.row-21 > td.column-5, tr.row-21 > td.column-6, tr.row-21 > td.column-7, tr.row-21 > td.column-8, tr.row-21 > td.column-9, tr.row-21 > td.column-10, tr.row-21 > td.column-11, tr.row-21 > td.column-12, tr.row-21 > td.column-13, tr.row-21 > td.column-14 {
background-color: #ddebf7 !important;
}
.tablepress thead th {
min-width: 58px;
text-align: center;
}

.open>.materials {
width: 969px;
background: #FFF;
z-index: 99999999999;
left: -2px;
padding:0;
}
.material1, .material2, .material3, .material4, .material5, .material6 {
background-color: #FFF;
}
.material1:hover, .material2:hover, .material3:hover, .material4:hover, .material5:hover, .material6:hover, .material7:hover, .material8:hover, .material9:hover, .material10:hover, .material11:hover {
cursor: pointer;
}
.btn-default {
	border-radius:0;
	border-color:#000;
}
.tablepress img {
	margin-top:-2px;
}
/* MATERIAL TABLE */

/* VALIDATION */
label.error {
	color: red;
	position: absolute;
	font-size: 10px;
	right: 15px;
}
.berechnung_felder label.error {
	left:0;
	top:52px;
	font-weight: normal;
}
.lower_checkboxes label.error{
	left:0;
	top:32px;
	font-weight: normal;
}
.berechnung_felder #flanschmaterial + label.error, .berechnung_felder #flanschdicke + label.error {
	left:0;
	top:32px;
}
.material_feld label.error{
	left:15px;
}

/* VALIDATION */
.close_and_back {
	float:right;
	display: none;
	font-size:14px;
	border: 1px solid #000;
	padding:5px;
	border-radius: 5px;
	cursor: pointer;
}
@media only screen and (max-width: 767px) {
	.close_and_back {
		display: block;
	}
}

body {
    background-color: transparent;
}
.container {
    background-color: transparent;
}

.open>.materials {
width: 90vw;
background: #FFF;
z-index: 99999999999;
left: 0px;
padding:0;
overflow-x: auto;
/*;
max-width: 1024px; */
}
@media only screen and (min-width: 992px) {
	.open>.materials {
		width: fit-content;	
	}
}

.bauform_vehl .open>.dropdown-menu {
	width: 447px;
	z-index: 99999999 !important;
}
@media (max-width: 992px) {
	.bauform_vehl .open>.dropdown-menu {
		display: flex;
	}
}
.anschlusse .open>.dropdown-menu {
	width: 668px;
	z-index: 99999999 !important;
	
}
@media (max-width: 760px) {
	.anschlusse .open>.dropdown-menu {
		display: flex;
		overflow-x: scroll;
		width: 100%;
	}
}
@media (max-width: 992px) {
	.dropdown-menu {
	    min-height: 30px !important;
	}
	.dropdown-menu ul.dropdown-menu {
		display: flex;
	}
}