body {
    overflow: hidden;
}

.hint {
    font-size: 75%;
    color: #6c757d;
    text-align: center;
    display: block;
}

/*** ToolTip ***/
.tooltipWeiss div > label {
    width: 80%;
    float: left;
}
.tooltipWeiss div > span {
    width: 20%;
    float: left;
    text-align: left;
	line-height: 2.5rem;
	padding-left: 8px;
}
.tooltip-inner {
    color: black;
    background-color: white;
    text-align: left;
    border: 1px solid #000;
}

span.tab-space {padding-left:3em;}


.spinnerFloat input,
.spinner input {
  text-align: right;
}

.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 2%;
  vertical-align: middle;
  display: table-cell;
}

.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}

.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}

.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}

.input-group-btn-vertical i {
  position: absolute;
  top: 0;
  left: 4px;
}

.label.label-outlined {
  border-width: 1px;
  border-style: solid;
  background-color: transparent
}

.nav.nav-tabs > li.disabled { pointer-events: none; }
.nav.nav-tabs > li.disabled a { color: silver; }
.nav.nav-tabs > li.disabled.active a { color: #555; }

.checkBoxList {
 /* height: 75px;*/
 overflow: auto
}

/*
.imgPicto {
	width: 45px;
	langth: 45px;
}*/

/* HIDE RADIO */
/*
.picRadio > input {
  visibility: hidden;    Makes input not-clickable
  position: absolute;    Remove input from document flow
}
*/

/* IMAGE STYLES */
/*
.picRadio > input + label > img {
  cursor:pointer;
  border:2px solid transparent;
}*/

/* (RADIO CHECKED) IMAGE STYLES */
/*
.picRadio > input:checked + label > img {
  border:2px solid #f00;
}*/

.list-group-item {
    border-top: none;
    border-left: none;
    border-right: none;
}

/*#id_output {
    background: url(../images/bg.jpg) no-repeat;
}*/

span[name="delivery_time"] {
    text-decoration: underline; 
}

#application #testType .picto {
    width: 33px;
    height: 33px;
    float: left;
    margin-right: 15px;
}

input[type="number"] {
	color: #333;
}

#accessory .radio label, #accessory .checkbox label, #accessoryInterior .radio label, #accessoryInterior .checkbox label {
	padding: 6px;
	border: 2px solid #EFEFEF;
}
#accessory .radio label:hover, #accessory .checkbox label:hover, #accessoryInterior .radio label:hover, #accessoryInterior .checkbox label:hover {
    background-color: #EFEFEF;
    color: #333;
}
#accessory .radio.disabled label:hover, #accessory .checkbox.disabled label:hover, #accessoryInterior .checkbox.disabled label:hover {
    background: none;
    background-color: #FFF;
	color: #333;
}

label.btn.btn-default.pictoBtn.disabled:hover {
    background: none;
}
.btn-default:focus, .btn-default.focus {
    border-color: rgb(154, 163, 2);
}
#accessory .radio, #accessory .checkbox, #accessoryInterior .checkbox {
    margin-top: 0;
    margin-bottom: 10px;
}
#accessoryInterior .radio.abstand {
    margin-top: 5px;
}
#accessory .picto, #accessoryInterior .picto,
#product .picto {
    width: 45px;
    height: 45px;
}
#accessory .picto.bigger, #accessoryInterior .picto.bigger,
#product .picto.bigger {
    width: 45px;
    height: 45px;
}
.disabled label {
    opacity: 0.5;
}

.btn {
    display: inline-block;
    padding: 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    border-radius: 0px;
}
#tabApplication label.btn.btn-default {
	/* width: 25%;
	min-width: 275px; */
	display: block;
}

.btn-default:active:hover,
.btn-default.active:hover,
.btn-default.pictoBtn.active,
.btn-default.pictoBtn.active:hover,
.btn-default:hover {
    background-color: #EFEFEF;
	color: #333;
	border: 2px solid #EFEFEF;
}

.selected_radioBtn,
.btn.btn-default.active.selected_radioBtn:hover,
label.btn.btn-default.active.selected_radioBtn,
label.btn.btn-default.active.selected_radioBtn:hover,
label.btn.btn-default.selected_radioBtn:hover {
	color:#FFFFFF;
	background-color:#9aa302;
	border: 2px solid #EFEFEF;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border: 2px solid #EFEFEF;
}
.btn:active, .btn.active {
	box-shadow: none;
}
#tabApplication label.btn.btn-default span {
	float: left;
	margin: 6px 0;
}
#tabApplication label.btn.btn-default:hover span {
	/* color: #fff; */
}

.normal_radioBtn {
	color:#333;
	background-color:#FFF;
	border:2px solid #EFEFEF;
}
#accessory .radio label.selected_radioBtn:hover, #accessory .checkbox label.selected_radioBtn:hover, #accessoryInterior .radio label.selected_radioBtn:hover, #accessoryInterior .checkbox label.selected_radioBtn:hover, .selected_radioBtn {
	color:#FFFFFF;
	background-color:#9aa302;
	border: 2px solid #EFEFEF;
}

.pictoBtn {
    /*width: 200px !important;*/
	display: block;
}

/*
.checkbox label:hover {
    background-color: #9aa403;
}*/


.checkbox label {
	padding-left: 0px;
	min-width: 130px;
	max-width: 80%;
}

input[type="checkbox"] {
    display: none;
}
#mailform select,
#mailform input,
#mailform textarea {
	margin: 15px 0;
}
#mailform input[type="checkbox"] {
    display: block;
}

#memo input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

.radio label {
	padding-left: 0px;
}

input[type="radio"] {
    display: none;
}

#contact_me,
#data_protection {
	margin-bottom: 15px;
}
#contact_me input[type="checkbox"],
#data_protection input[type="checkbox"] {
    float: left;
    margin: 3px 10px 3px 0;
}
#contact_me .normal_radioBtn,
#contact_me .selected_radioBtn,
#data_protection .normal_radioBtn,
#data_protection .selected_radioBtn {
	padding: 6px;
}
#data_protection .normal_radioBtn a,
#data_protection .selected_radioBtn a {
	text-decoration: underline;
}
#data_protection .selected_radioBtn a {
	color: #FFF;
}

/*** Standard-Button Blau "confirm button blue" ohne rechte obere Ecke ***/
.withoutCorners {
	margin-left: 20px;
	border-top-right-radius: unset;
}
/*** Abstand des aufklappenden Bildes nach oben ***/
#collapseOne, #collapseOne2 {
	margin-top: 20px;
}

/*
select.form-control option:hover {
    background-color: #9aa403;
}*/
.form-control {
	border-radius: 0;
}
.nav-tabs > li > a {
	border-radius: 0;
}

.nav > li > a {
    padding: 1rem 1.5rem;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border: none;
}
.nav-tabs {
    border-bottom: none;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -2px;
}
.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 1.5rem;
    margin-bottom: 0;
    background-color: #fff;
    /*border: none;*/
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 1rem;
}
.tx-powermail select option {
	text-align: center;
}
.clear {
	clear: both;
}
#id_silicone select.form-control,
#gridShelf select.form-control,
#drawer_telescopic_rails select.form-control {
    width: 75px;
    float: left;
    margin: 6px;
}
#id_silicone label > span,
#grid_shelf_items > div > label > span,
#drawer_telescopic_rails_items > div > label > span {
    padding: 0 6px;
    margin: 12px 0;
    float: left;
    hyphens: auto;
}
#gridShelf > span {
    position: relative;
    top: -18px;
    left: 0px;
}
.abstand,
.abstand15 {

    margin-top: 5px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
	margin-bottom: 15px;

}
.abstand15 {
	margin-top: 15px;
}
.nurabstand {
	margin-bottom: 15px;
}

#communication .col-sm-12 {
    margin-bottom: 15px;
}

#minTemp_t > div,
#volume > div,
#testType > div,
#tempType > div,
#wt69_device > div,
#tempRate > div {
	margin-bottom: 10px;
}

.checkbox.floatleft {
    float: left;
    margin-right: 30px;
}

.alert-info {
    color: #fff;
    background-color: #001b47;
    border-color: #001b47;
}

#id_output_normal {
	margin-top: 0;
	padding: 0;
	/*** Einbau für CC ***/
	position: absolute;
	/*** Einbau per iFrame ***/
	/* position: fixed; */
	width: 30%;
}
#specialPaint .checkbox input,
#drawer_telescopic_rails .checkbox input {
    color: #333;
    padding: 2px 6px;
    border: 2px solid #EFEFEF;
    margin-left: 6px;
    width: 75px;
    max-width: 75px;
}

@media screen and (max-width: 850px) {
	/* iPad */
	.nav > li > a {
		padding: 0.25rem 0.5rem;
	}
}
@media screen and (max-width: 767px) {
	/* iPad */
	#id_output_normal {
    padding: 0;
    position: relative;
    width: 60%;
    margin: 0 auto;
	}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: .25rem;
	/* hyphens */
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}
}

/******* Bootstrap 4.3 *******/
#id_selector {
    float: right;
}
.container {
    padding-right: 0;
    padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: #fff;
}
#testType {
    width: 100%;
}

.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1 {
    float: left;
}
#id_R1, #id_R2, #id_R3, #id_L1, #id_L2, #id_L3 {
    width: 100%;
}
#div_memo tr:first-child th {
    border-top: 0;
}
#accessory .radio, #accessory .checkbox, #accessoryInterior .checkbox, #accessoryInterior .radio {
    margin-top: 0;
    margin-bottom: 10px;
}
label {
    cursor: pointer;
}

.btnWithDropDown label span {
    padding: 0 6px;
    margin: 12px 0;
    float: left;
    hyphens: auto;
}
.btnWithDropDown label select {
    width: 75px;
    float: left;
    margin: 6px;
}