/* global */
html, body {
	height: 100%;
}
body{
	font-size: 18px;
	font-family: HiltiSmallRoman, Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.ui-widget,
.ui-widget input {
	font-family: HiltiSmallRoman, Arial, "Helvetica Neue", Helvetica, sans-serif;
}
a:focus {
	outline: none;
	box-shadow: 0 0 2px 2px #e6e0d6
}
.ui-spinner:focus,
#main span[role="combobox"]:focus,
input:focus,
th:focus {
	outline: none;
	box-shadow: inset 0 0 2px 0 #e6e0d6;
}
#main span[role="combobox"]:focus
#tabs li:focus,
th:focus {
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.container-fluid {
	padding: 0;
}

#main {
	height: 100%;
}
#main a{
	border-radius: 0;
}

#main a.back {
	display:block;
	width: 100px;
	padding:5px 0;
}

#main a span.textlink {
	margin: 12px 0 20px 0;
	padding: 0 15px;
	display: block;
	font-weight: bold;
	font-size: 1em;
	transition: all 0.3s ease;
}

#main a:hover span.textlink{
	color: #D2051E;
	transition: all 0.3s ease;
}

#main a span.textlink:after {
	content: url("../img/link-arrow.svg");
	display:inline-block;
	width: 8px;
	height: 14px;
	transition: all 0.5s ease;
	margin-left: -1em;
	transform: translate(1.3em);
	left: 0;
	position: relative;
}
#main a:hover span.textlink:after{
	left: 5px
}


#main a span.link {
	margin: 0 15px 0 0;
	display: block;
	transition: all 0.3s ease;
}

#main a:hover span.link {
	color: #D2051E;
	transition: all 0.3s ease;
	font-weight:normal;
}

#main a span.link:before {
	content: url("../img/iconfont_download.svg");
	display:inline-block;
	width: 15px;
	height: 18px;
	margin: 0 10px 0 0;
	transition: all 0.3s ease;    
}

.checkbox + .checkbox, .radio + .radio {
	margin-top: 0!important;
}

#main .head {
	width:100%;
	margin: 0 0 20px 0;
}

#main a.back span {
	font-size: 0.889em;
	display: block;
	font-weight: bold;
	color: #000;
	margin: 0;
	position: relative;
	transition: all 0.3s ease;
	left: 20px;
	width: calc(100% - 19px);
}

#main a.back span:hover {
	color: #D2051E;
	display:block;
}
#main a.back span:before {
	content: url("../img/back-link-arrow.svg");
	display:inline-block;
	width: 8px;
	height: 100%;
	margin: 0 7px 0 0;
	position: absolute;
	left: -15px;
	transition: left .5s;
}
#main a.back span:hover:before {
	left: -20px;
	margin: 0 14px 0 0;
}
#main a:focus, #main  a:hover{
	text-decoration: none;
	box-shadow: unset;
}
#main img{
/*	border: 3px solid #ebe6de; */
}

.col-wrapper > div:first-of-type {
	padding-left:0;
}

.col-wrapper > div:nth-child(3) {
	padding-right:0;
}

.col-wrapper .button-group > div:first-of-type {
	padding-right: 2.5px;
}

.col-wrapper .button-group > div:last-of-type {
	padding-left: 2.5px;
}

/* headline */

#main h3 {
	text-transform: uppercase;
	color: #D2051E;
	font-weight: normal;
	width:100%;
	display: inline-block;
	font-size: 1.75em;
	line-height: 1.01;
}
#main .tab-nav h3 {
	margin: 0 0 20px 0;
	padding: 0 15px;
	height: 100px;
	letter-spacing: .0625rem;
}

#main h4{
	text-transform: uppercase;
	color: #D2051E;
	font-weight: normal;
	font-size: 1.75em;
	margin: 20px 0;
}

/* input */

input[type='radio'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display:none;
}

input[type='radio']:checked,
input[type='radio']:not(:checked) {
	  position: relative;
	  margin:0;
	  padding:0;
}

.ui-widget.ui-widget-content {
	border-radius: 0;
	border: none;
	width: 100%;
}
.ui-selectmenu-menu > .ui-widget.ui-widget-content {
	border: 3px solid #D7CEBA;
	border-top: none;
	background-color: #F3F0EB;
}
#main .dataTables_wrapper input{
	padding: 7.6px;
}
.tab input{
	padding: 4.04px;
}

.form-group .row, .row.inline.button-group{
	margin:0;
}

.form-group .row .col-xs-12{
	padding: 0;
}

.row.inline.button-group .col-xs-12.col-sm-6.col-md-6:first-child{
	padding-left:0;
}
.row.inline.button-group .col-xs-12.col-sm-6.col-md-6:last-child{
	padding-right:0;
}

.ui-button {
	background-color: #D7CEBA;
	border: none;
}

a.ui-button:active, .ui-button:active{
	background-color: #D7CEBA;
	border: none;
}

.ui-spinner-input {
	padding: 0 114px 0 15px;
	height: 39px;
	margin: 0;
	width: 100%;
	color: #000;
}

.ui-spinner-input:active .ui-icon{
	background-image: url("images/ui-icons_ffffff_256x240.png");
}


.ui-spinner span.unit,
.ui-widget span.unit {
	position: absolute;
	right: 61px;
	top: 50%;
	transform: translateY(-50%);
	color: #000;    
}

.ui-spinner a.ui-spinner-button:hover {
	background-color: #B8B2A8;
}

#main .ui-icon-triangle-1-n {
	background-position: 0 0;
}

#main .ui-icon-triangle-1-s {
	background-position: -65px 0px;
}

.ui-button:hover {
	background-color: efebe5;
	border: 0px;
}

#main span.ui-spinner, #main .dataTables_wrapper input{
	border: 3px solid #D7CEBA;
}

.inline{
	display: block;
}
/*
.inline div.col-xs-12 {
	padding: 5px 0;
}*/
.inline div.col-xs-12:first-of-type {
	padding-top: 0;
}
.inline div.col-xs-12:last-of-type {
	padding-bottom: 0;
}
/*.inline div.col-md-6 {
	padding: 0 5px;
}*/
.form-group {
	margin-bottom: 10px;
}
div.label{
    display: block;
    font-weight: 700;
	color: #000;
	margin: 0 0 5px;
	padding: 0 23px 0 0;
	white-space: normal;
	text-align: left;
	font-size: 1em;
	line-height: 1.4;
	position: relative;
}

label.radio {
	background-color: transparent;
	color: #D2051E;
	text-align: center;
	display: block;
	padding: 7px 15px;
	border: 3px solid #D2051E;
	cursor: pointer;
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'HiltiSmallBold',Arial,Helvetica Neue,Helvetica,sans-serif;
	-webkit-transition: border-color .3s ease, color .3s ease;
	-moz-transition: border-color .3s ease, color .3s ease;
	-ms-transition: border-color .3s ease, color .3s ease;
	-o-transition: border-color .3s ease, color .3s ease;
	transition: border-color .3s ease, color .3s ease;
}
label.radio:hover {
	background-color: transparent;
	color: #524F53;
	border: 3px solid #524F53;
	cursor: pointer;
}
label.radio.checked {
	background-color: #D2051E;
	color: #fff;
	border: none;
	padding: 10px 15px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}
label.radio.checked::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -200%;
	width: 200%;
	background: #524F53;
	z-index: 1;
	transform-origin: 0 0;
	transform: skew(-20deg);
	transition: left .5s;
}
label.radio.checked:hover {
	border: none;
}
label.radio.checked:hover::before {
	left: -50%;
	transform: skew(-20deg);
}
label.radio.checked span {
	position: relative;
	z-index: 2;
	color: #fff;
}

/* tabs nav overlay */

.overlay {
	background-color: #F3F0EB;
	width: 100%;
	height:100%;
}

/* tabs */

#tabs li {
	display: table-cell;
	cursor: pointer;
	position: relative;
}

#tabs a.ui-tabs-anchor {
	float:none;
}

#tabs a.click-area {
	/*
	display: table-cell;
	vertical-align: middle;
	float:none;
	cursor: pointer;
	background-color:#fefefe;
	*/
	display: block;
	/* height: 100%; */
	cursor: pointer;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#tabs a.click-area > span {
	background-color: #fff;
	display: inline-block;
	width: 100%;
	border: 1px solid #E7E2D6;
	border-bottom-width: 3px;
}
/*
#tabs a.click-area > span:hover  {
	background-color: #efeae4;
}
*/
#main .images{
	width:100%;
	display: block;
}
#main span.tab-nav {
	display: block;
}
#main .images img {
	width: calc(50%);
	display: inline;
	margin: 0 0 30px 0;
	float: left;
}
#main .images img:first-of-type {
	margin-left: 0;
}
#main .images img:last-of-type {
	margin-right: 0;
}

#tabs.ui-widget.ui-widget-content, .ui-widget-header {
	height: 100%;
	background:none;
	border-radius: 0;
	border:none;
	padding:0;
	margin:0;
}

.ui-tabs .ui-tabs-nav {
	width: 100%;
	height: 100%;
	background:none;
	border-radius: 0;
	border:none;
	color: #000;
	margin:0;
	padding: 15px;
	/* display: table; */
}

.ui-tabs .ui-tabs-panel {
	/*padding: 0;*/
	margin-right: auto;
	margin-left: auto;
	border-radius: 0;
}

.ui-tabs .ui-tabs-nav li {
	/* height: 100%; */
	background:none;
	border-radius: 0;
	border:none;
	color: #000;
	margin:0;
	white-space: normal;
}

.ui-tabs .ui-tabs-nav ul {
	height: 100%;
	background:none;
	border-radius: 0;
	border:none;
	color: #000;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #000;
}

/* datatables */

div.table-titel {
	text-transform: uppercase;
	color: #D2051E;
	font-size: 1.25em;
	margin: 15px 0 10px;
}
#main table.dataTable thead .sorting {
    background-image: url("../img/sort_both.png");
}

#main table.dataTable thead .sorting_asc {
    background-image: url("../img/sort_asc.png");
    color: #D2051E;
}
#main table.dataTable thead .sorting_desc {
    background-image: url("../img/sort_desc.png");
    color: #D2051E;
}


#main .dataTables_wrapper .dataTables_paginate .current.paginate_button, #main .dataTables_wrapper .dataTables_paginate .current.paginate_button:hover {
	background: none!important;
	background-color: #D2051E!important;
	color: #fff!important;
	text-align: center;
	font-size: 0.889em;
	padding: 9.07px 15px;
	margin-left: 5px;
	margin-bottom: 10px;
	border: 3px solid #D2051E;
	box-shadow: unset;
	text-transform: uppercase;
	font-weight: normal;
	width: auto;
	display: inline-block;
}

#main .dataTables_wrapper .dataTables_paginate .paginate_button {
	background: none!important;
	background-color: transparent!important;;
	color: #D2051E!important;
	text-align: center;
	padding: 9.07px 15px;
	font-size: 0.889em;
	border: 3px solid #D2051E;
	cursor: pointer;
	margin-left: 5px;
	margin-bottom: 10px;
	font-weight: normal;
	text-transform: uppercase;
	box-shadow: none;
	font-family: 'HiltiSmallBold',Arial,Helvetica Neue,Helvetica,sans-serif;
	-webkit-transition: border-color .3s ease, color .3s ease;
	-moz-transition: border-color .3s ease, color .3s ease;
	-ms-transition: border-color .3s ease, color .3s ease;
	-o-transition: border-color .3s ease, color .3s ease;
	transition: border-color .3s ease, color .3s ease;
}

#main .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: none!important;
	color: #524F53!important;
	border: 3px solid #524F53;
	cursor: pointer;
}


#main .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, #main .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	text-align: center;
	background: none!important;
	background-color: #fff!important;
	color: #D2051E!important;
	border: 3px solid #D2051E;
}	

#main .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, #main .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
	background-color: none!important;
	color: #cbcbcb!important;
	border: 3px solid  #cbcbcb;
	cursor: default;
}

#main table.dataTable.display{
	border:none;
	padding: 10px 0;
}

#main table.dataTable.display th {
	padding: 15px 30px 15px 15px;
	border-top: 3px solid #e7e2d7;
	border-bottom: 1px solid #e7e2d7;
	white-space: normal; /*nowrap;*/
}

#main table.dataTable.display tbody td {
	background-color: #fff!important;
	padding: 15px;
	border-top: 1px solid #e7e2d7;
}

#main table.dataTable.display tbody .download
 {
	width:100px;
}
#main table.dataTable.display tbody tr:last-of-type td{
	background-color: #fff!important;
	padding: 15px;
	border-bottom: 3px solid #e7e2d7;
}

/* accordion */

#main .panel-group .panel-heading + .panel-collapse > .panel-body {
	border: none;
	border-bottom: 2px solid #eae5de;
	margin-bottom: 10px;
}

#main .panel {
	box-shadow: none;
	border: none;
}

#main .panel-default > .panel-heading {
	background-color: transparent;
	color: #fff;
	border: none;
	box-shadow: unset;
	border-radius: 0;
	padding: 0;

}

#main .panel-heading a{
	background-color: #D2051E;
	color: #fff;
	text-align: center;
	display: block;
	padding: 15px;
	border: 3px solid #D2051E;
	box-shadow: unset;
	text-transform: uppercase;
	font-weight: bold;
	height: 52px;
}

#main .panel-heading a:hover{
	text-align: center;
	background-color: #fff;
	color: #D2051E;
	border: 3px solid #D2051E;
}

#main select,
#main span[role="combobox"] {
	border-radius: 0;
	border: 3px solid #D7CEBA;
	box-shadow: none;
	cursor: pointer;
	padding: 8px 61px 8px 15px;
	font-size: 1em;
	background-color: transparent;
	height: 45px
}
#main span[role="combobox"][aria-expanded="true"] {
	background-color: #F3F0EB;
	border-bottom: 0;
}
#main span[role="combobox"][aria-expanded="true"] span.ui-selectmenu-icon {
	transform: translateY(-50%) rotate(-90deg);
}
#main span[role="combobox"] {
	width: 100%;
	margin-right: 0;
}
#main span[role="combobox"]:active > span {
	color: #000;
}
#main .dataTables_wrapper span[role="combobox"] {
	width: 125px;
	display: inline-block;
	margin-right: 10px;
	padding: 8px 46px 8px 15px;
	text-align: center;
}
#main span.ui-selectmenu-icon {
	position: absolute;
	right: 18px;
	background-image: url(../img/link-arrow_heavy-concrete.svg);
	background-repeat: no-repeat;
	background-size: 11px 16px;
	background-position: center center;
	width: 11px;
	height: 16px;
	top: 50%;
	transform: translateY(-50%) rotate(-270deg);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.ui-selectmenu-text {
	margin-right: 0;
}
.ui-spinner-button {
	width: 46px;
}
.ui-button-icon-only .ui-icon {
	 position: absolute;
	 top: -50%;
	 left: 50%;
 }
.ui-button-icon-only .ui-icon {
	margin-top: 0;
	margin-left: 0;
	transform: translate(calc(-50% + 1.5px),calc(50% + 2.5px));
}


/* IE Only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.ui-button-icon-only .ui-icon {
		top: 13% !important;
		left: 38% !important;
	}
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0 15px;
}
.ui-menu .ui-menu-item:hover {
	background-color: #EBE6DE;
}
.ui-menu .ui-menu-item-wrapper {
	margin: 0 35px 0 0;
	display: block;
	padding: 10px 0;
	color: #000;
	border-top: 1px solid #EBE6dE;
}
.ui-menu li.ui-menu-item:last-of-type .ui-menu-item-wrapper {
	margin: 0 0 -1px 0;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
	border: none;
	border-top: 1px solid transparent;
	background-color: transparent;
	margin: 0;
}

#main select::-ms-expand{
    display: none;
}

#main select option:disabled{
    background:none;
	display:none;
}

#main .select-arrow select.form-control {
	float: none;
	height: 47px;
}

#main .select-arrow select.form-control:disabled {
	cursor: initial;
	background-color: #cbcbcb;
	color: #fff;
}

#main .select-arrow.disabled:after {
	color: #fff;
}

#main .select-arrow{
	position: relative;
}

#main .select-arrow:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	color: #877e6f;
	position: absolute;
	right: 15px;
	z-index: 99;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}

.tooltips {
	background-image: url(../img/iconfont_info.svg);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0;
	position: absolute;
	opacity: 1;
	cursor: pointer;
	border: none;
	right: 0;
}
.tooltipster-fade.tooltipster-show {
	margin-top: 5px;
}
.tooltipster-fade {
	margin-top: -26px;
	transition: opacity .5s, margin-top .5s;
}
.tooltipster-sidetip .tooltipster-box {
	padding: 0;
	border: none;
	border-radius: 0;
}
.tooltipster-content > button {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 23px;
	opacity: 1;
	display: block;
	width: 100%;
	text-align: right;
	padding: 0 17px;
}
.tooltipster-content > button:focus {
	outline: none;
	opacity: 1;
}
.tooltipster-content > button:hover {
	opacity: 1;
}
.tooltipster-content > button > span {
	color: #000;
}
.tooltipster-content > button:hover > span {
	color: #D2051E;
}
.tooltipster-sidetip .tooltipster-content {
	overflow: hidden;
	font-weight: 400;
	font-size: 14px;
	background: #FFF;
	box-shadow: 0 0 4px 0 rgba(0,0,0,.15);
	color: #000;
	padding: 45px 20px 30px;
	border-radius: 0;
	text-align: left;
	max-width: 300px;
}

@media (max-width: 1440px){
	#main .tab-nav h3{
		font-size: 18px;
		height: 50px;
	}
}

@media (max-width: 1090px){
	#main div.table-wrapper{
		overflow-x: scroll;
		width:100%;
	} 
}

@media (min-width: 992px) {
	#main{
		height:100%;
	}
}
@media (max-width: 991px) {
	#main .tab-nav h3{
		font-size: 20px;
		height: 20px;
	}
	#main h4 {
		font-size: 30px;
	}
	#main{
		height: auto;
	}
}

@media (max-width: 768px){
	#main h4 {
		font-size: 30px;
	}

	#main .row.inline.button-group .col-xs-12:first-child label.radio{
		margin-bottom: 5px;
	}
	.col-wrapper .col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}
	.col-wrapper .row {
		margin: 0;
	}
	.col-wrapper .button-group > div:first-of-type {
		padding: 0;
	}
	.col-wrapper .button-group > div:last-of-type {
		padding: 0;
	}
	.dataTables_wrapper .dataTables_filter {
		text-align: left;
		padding: 0;
	}
	.dataTables_wrapper .dataTables_length {
		text-align: left;
	}
}

.col-wrapper div.label   {
	height:auto;
}