body {
	margin: 0px;
	/*overflow: hidden;*/
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

.sapMTitle{
	font-weight: 700;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.bgPoster {
	position:fixed;
	top:0px;
	left:0px;
	z-index: -1;
	opacity: 0.8;
	width: 100vw;
}

.dashboard{
	background-image: url("/resources/MAHLE_Industrie_4.0_Totale.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.full-view{
	background-image: url("/resources/MAHLE_Industrie_4.0_Totale.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

.wrapper {
	width: 100vw;
  /*display: grid;
  grid-gap: 1px;
  grid-template-columns: [col] 50% [col] 50%;
  grid-template-rows: [row] 10% [row] auto;*/
}

.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
}

@media (min-width: 576px){
	.container {
		max-width: 540px;
	}
}

@media (min-width: 768px){
	.container {
		max-width: 720px;
		padding-right: var(--bs-gutter-x,.75rem);
		padding-left: var(--bs-gutter-x,.75rem);
	}
}

@media (min-width: 992px){
	.container {
		max-width: 960px;
	}	
}

@media (min-width: 1200px){
	.container {
		max-width: 1140px;
	}
}

@media (min-width: 1400px){
	.container {
		max-width: 1320px;
	}
}

@media (min-width: 1650px){
	.container {
		max-width: 1550px;
	}
}

@media (min-width: 1900px){
	.container {
		max-width: 1780px;
	}

	.full-view .container {
		max-width: 1860px;
	}
}

.header {
  /*grid-column: col 1 / span 2;
  grid-row: row 1;*/
	background-color: #1E2A63;
	color:white;
	font-size:3.6rem;
	height: 69px;
	display: flex;
}

.header img {
	/*height:100%;*/
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin:auto;
}

.header .text{
	color:#fff;
	margin-top: 30px;
}

.header div {
	/*line-height: calc(100vh / 10);*/
	font-size: 1rem;
	text-align: center;
}

.header-nav .sapMITBHead{
	margin: 0.5rem 0.75rem 0 0.25rem;
}

.header-nav .sapUiIcon{
	font-size: 1em;
}

.header-nav .sapMITBFilterIcon{
	width:2em;
	height:2em;
	line-height: 2em;
}

.header-nav .sapMITBHead{
	float:right;
}

.main-title{
	color: #1E2A63;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.reportTab .sapMITBFilterDefault{
	background-color: #cf0c0c;
	color: #fff;
}

.blue-bg{
	background: #1E2A63;
}

.mb-15{
	margin-bottom: 15px;
}

.col-15{
	flex: 0 0 15%;
}

.col-20{
	flex: 0 0 20%;
}

.col-33{
	flex: 0 0 33.333%;
}

.col-35{
	flex: 0 0 35%;
}

.col-40{
	flex: 0 0 40%;
}

.col-50{
	flex: 0 0 50%;
}

.col-60{
	flex: 0 0 60%;
}

.col-70{
	flex: 0 0 70%;
}

.col-85{
	flex: 0 0 85%;
}

.bg-grey{
	background: #c8c9c7;
}

.bg-light-grey{
	background: #ededed;
}

.time{
	margin-top: 20px;
	font-size: 2.5em !important;
	font-weight: 700;
}

.tile {
	/*width: 380px;
	height:380px;
	position:relative;
	margin-bottom: 50px;
	margin-right: 50px;*/
	flex: 0 0 calc(25% - 100px);
	margin: 20px 50px;
	float: left;
	cursor: pointer;
}

.tile:after {
	content: '';
	display: table;
	padding-top: 100%;
}

.tile-content{
	position: absolute;
	width: calc(25% - 100px);
}

.tile.red {
	background-color: #cf0c0c;
}
.tile.green {
	background-color: #27bf19;
}
.tile.white {
	background-color: white;
}
.tile.graytext {
	color:#75787B;
}
.tile.yellow {
	background-color: #f7d26a;
}

.text-center{
	text-align: center;
}

.tile .letter {
	position: absolute;
	top:7px;
	left:1px;
	opacity: 0.2;
	font-size:26rem;
	font-weight: bold;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height:380px;
}
.tile .value {
	position: absolute;
	top:1px;
	left:1px;
	width: 100%;
	height: 100%;
	font-size:12rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: -7px;
	vertical-align: middle;
	line-height:380px;
}
.tile .value .unit {
	font-size:4rem;
	margin-left:7px;
	font-weight: 700;
}

.tile .trend {
	position: absolute;
	top:10px;
	right:1px;
	font-size:6rem;
	line-height:60px;
}

.tile .headline {
	font-size:14rem;
	font-weight: bold;
	line-height: 16rem;
	padding:3px 0px 0px 0px;
	background: #eee;
	color: #777;
}
.tile .headline span.subtitle {
	font-size:5.5rem;
	font-weight: bold;
	width:100%;
}

.tile .headline span.subtitle:after{
	content: " \2022";
	font-weight: normal;
	font-size: 3.5em;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	right: 10px;
}
span.subtitle.green:after{
	color: green;
}
span.subtitle.red:after{
	color: red;
}
/*.tile .red {
	color:red;
}
.tile .green {
	color:green;
}*/

.tile .midvalue span.unit {
	font-size:6rem;
}
.tile .midvalue span.symbol{
	font-size:1rem;
}

.tile .explanation {
	font-size:3.3rem;
	padding:15px 30px;
}

.tile-content .value-box{
	margin: 20px;
	text-align: center;
	color: #333;
}

.tile-content > .value-box > .unit{
	font-size: 7em;
	font-weight: 700;
	line-height: 1em;
}

.tile-content > .value-box > .symbol{
	font-size: 1.5em;
	font-weight: 700;
}

.tile-content .target-box{
	text-align: center;
}

.tile-content > .target-box > .target-text{
	font-weight: 700;
	font-size: 1.5em;
	color: #333;
}
/* 25BC*/
.symbol:before{
	content: " \25B2";
	font-weight: normal;
	font-size: 1.5em;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	padding-top: 10%;
	margin-left: -10px;
}

.green .symbol:before{
	content: " \25B2";
	color: green;
}

.red .symbol:before{
	content: " \25B2";
	color: red;
}

.arrow-down .symbol:before{
	content: " \25BC" !important;
}

.tables {
  /*grid-column: col 2;
  grid-row: row 2;*/
  	flex-grow: 1;
	flex-basis: 0;
	padding:50px;
}

.tables .container {
	padding:30px;
}

.tables button {
	font-size:1rem;
}

table.reportTable, table.safetyTable {
	background: #fff;
	width:100%;
}
.shadow-big{
	box-shadow: rgb(117, 120, 123) 8px 15px 12px 0px;
}
table.safetyTable{
	line-height: 1.5em;
}
table.reportTable td {
	line-height:2em;
	margin:none;
	padding:7px;
	border: 1px solid gray;
	text-align: center;
}
table.reportTable th {
	background-color: #ededed;
	color: #75787B;
	font-weight: bold;
	font-size: 1em;
	line-height: 3em;
	border: 1px solid gray;
}
table.reportTable td.txt {
	text-align: left;
}
table.reportTable td.no {
	font-weight: bold;
	font-size: 1em;
	vertical-align: middle;
}
table.safetyTable{
	border-collapse: collapse;
}
table.safetyTable td, table.safetyTable th{
	border: 1px solid gray;
	line-height: 2em;
}

table td.col-red{
	background: #BA0C2F;
	color: #fff;
}

table td.col-green{
	background: #007749;
	color: #fff;
}

table td.current-day, table th.current-day{
	background: #c8c9c7;
}

table th.day-title{
	width:2.8%;
}

.table-wrapper{
	overflow-x: auto;
}

.table-title{
	background: #c8c9c7;
	padding: 5px 15px;
	width: 100%;
	color: #fff !important;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
}

.test-title{
	background: #fff;
	padding: 5px 15px;
	width: 100%;
	color: #333 !important;
}

.color-fff{
	color: #fff !important;
}

.color-333{
	color: #333 !important;
}

.table-title h1{
	font-size: 1.2em;
}

.row{
	display: flex;
	flex-flow: row wrap;
}

.space-between{
	justify-content: space-between;
}

.table-row{
	margin:30px;
}

.sidebar{
	width:20%;
}

.sidebar .tile, .sidebar .quality-table-container{
	flex: 1;
	margin: auto;
}

.mainview{
	flex: 1 0 30%;
	margin: 30px;
}

.dashboard-tiles {
	/*grid-column: col 1;
	grid-row: row 2;
	  padding:50px;*/
	  flex-grow: 1;
	  flex-basis: 0;
}

.quality-table{
	margin-top:50px;
	clear: both;
	width: 100%;
	padding-top:30px;
	font-size: 1em;
	line-height:2.5em;
	border-collapse: collapse;
}

.quality-table tr{
	border-top: 1px solid grey;
}

.go-back{
	background: #fff;
	padding: 10px 20px;
}

.accidents-table .sapMColumnHeader>span{
	color: #75787B;
	font-weight: 700;
	font-size: 1.5em;
}
.accidents-table table{
	border-collapse: collapse;
}
.accidents-table table thead th{
	border:1px solid gray;
}
.accidents-table table td {
	line-height:2em;
	margin:none;
	padding:7px;
	border: 1px solid gray;
	text-align: center;
}
.accidents-table table .sapMListTblCell>span {
	font-size: 1.5em;
	font-weight: 700;
	max-width: 100%;
}
.accidents-table .sapMListShowSeparatorsAll .sapMLIBShowSeparator:last-child>td {
	border-bottom: 1px solid gray;
}

.sapMSwt.sapMSwtOn:not(.sapMSwtAcceptReject) .sapMSwtHandle{
	background: red !important;
}

.sapMSwt.sapMSwtOn:not(.sapMSwtAcceptReject){
	background: #FFCCCC;
}

.sapMSwt.sapMSwtOn:not(.sapMSwtAcceptReject).sapMSwtHoverable:not(.sapMSwtAcceptReject):hover {
	background: #FFCCCC;
}

table.safetyTable td, table.safetyTable th {
	text-align: center;
	font-weight: 700;
	font-size: 0.8rem;
}

div[data-colorclass="true"] span {
	color:gold !important;
}

div[data-colorclass="false"] span {
	color:#ededed !important;
}

.dashboard-table th{
	background: #c8c9c7;
}

.dashboard-table .sapMColumnHeader>span{
	color: #fff;
}

.dashboard-table table tr:not(:first-child) td.make-rowspan{
	display: none;
}

span.make-rowspan{
	transform-origin: 50% 50%;
	transform: rotate(270deg);
}

.dashboard-table table tr:first-child td:nth-child(3){
	padding-left: 1rem !important;
}

.chart-wrapper{
	height: 300px;
	background: #fff;
	padding: 0px 20px 5px;
}

.border-top-left-right{
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}

.border-full{
	border: 1px solid gray;
}

.sapMSwt.sapMSwtOff:not(.sapMSwtAcceptReject).sapMSwtHoverable:not(.sapMSwtAcceptReject):hover {
	border-color: gray;
}

.sapMSwt.sapMSwtOff:not(.sapMSwtAcceptReject).sapMSwtHoverable:not(.sapMSwtAcceptReject):hover .sapMSwtHandle {
	border-color: gray;
	background: white;
}

.sapMSwt.sapMSwtOn:not(.sapMSwtAcceptReject), .sapMSwt.sapMSwtOn:not(.sapMSwtAcceptReject) .sapMSwtHandle {
	border-color: red !important;
}

.sapMSwt.sapMSwtOn:not(.sapMSwtAcceptReject).sapMSwtHoverable:not(.sapMSwtAcceptReject):hover {
	border-color: red;
}

.sapMBtnInner, .sapMBtnIcon{
	color: #666;
}

.sapMBtnInner{
	border-color: #666;
}

.sapMBtnInner:hover{
	color: #000;
	border-color: #000;
	background: none;;
}

.sapMBtn:hover>.sapMBtnHoverable{
	color: #000;
	border-color: #000;
	background: none;;
}

.sapMBtn:hover .sapMBtnIcon{
	color: #000;
}

.full-view .tile:hover, .full-view .table-wrapper:hover, .dashboard .tile:hover{
	box-shadow: rgb(117, 120, 123) 0px 10px 12px 0px;
	transition: box-shadow 0.5s;
}

.full-view .table-wrapper{
	cursor: pointer;
}

.no-header-table table{
	margin-top: -46px;
}

.no-header-table thead{
	visibility: hidden;
}

.full-view .sapMSwtCont{
	padding-top: 0.3875rem;
	padding-bottom: 0.3875rem;
}

.full-view .sapMBtnIcon, .full-view .sapMBtnContent{
	line-height: 1.7rem;
}

.full-view .sapMBtn, .full-view .sapMBtnInner{
	height: 1.7rem;
}

.full-view .sapMBtn{
	padding-top: 0px;
}

.line-status:after{
	content: " \2022";
	font-weight: normal;
	font-size: 4.5em;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	margin-left: 10px;
	line-height: 26px;
	margin-top: -2px;
}

.line-status.green:after{
	color:green;
}

.sapMListTblHeader th:nth-child(2){
	border-right:1px solid #c8c9c7;
}

.sapMListTblHeader th:nth-child(3){
	border-left:1px solid #c8c9c7;
}

.full-view .chart-wrapper{
	height: 103px;
	border:1px solid gray;
}

.sapMSwtCont:focus>.sapMSwt{
	outline: none !important;
}

@media only screen and (max-width: 3200px) {
	.tile{
		flex: 0 0 calc(25% - 80px);
		margin: 15px 40px;
	}
	.tile-content{
		width: calc(25% - 87px);
	}
	.tile .headline{
		font-size: 8rem;
		line-height: 9rem;
		padding: 0 20px;
	}
	.tile .headline span.subtitle{
		font-size: 3rem;
	}
	.tile .midvalue, .tile .midvalue span.unit{
		font-size: 3.5rem;
	}
	.tile .explanation{
		font-size: 2rem;
		width: auto;
		padding: 0 20px 20px;
	}
	.tile .midvalue{
		margin-top: 0px;
		padding: 10px 20px;
	}
	.tables{
		padding: 0;
		overflow-x:auto
	}
	.tile-content .value-box{
		margin: 20px;
	}
	
	.tile-content > .value-box > .unit{
		font-size: 9em;
	}
	
	.tile-content > .value-box > .symbol{
		font-size: 1.8em;
	}
}

@media only screen and (max-width: 992px) {
	.quality-table{
		margin-top:50px;
	}
	.sidebar{
		width:100%;
	}
	.sidebar .tile{
		margin: auto;
	}
	.sidebar.tiles{
		padding:0;
		padding-top:20px;
	}
	.header img{
		margin-top:15px;
	}
	.header div {
		font-size: 1.5rem
	}
	.header .text{
		color:#fff;
		margin-top: 5px;
	}
	.time{
		margin-top: 15px;
		font-size: 1.5em !important;
	}
	.header .col-33{
		flex: 0 0 100%;
	}
	.col-sm-30{
		flex: 0 0 30%;
	}
	.col-sm-70{
		flex: 0 0 70%;
	}
	.col-sm-80{
		flex: 0 0 80%;
	}
	.tile{
		flex: 0 0 calc(50% - 10px) !important;
		margin: 5px;
	}
	.sidebar .tile{
		flex: 0 0 calc(50%) !important;
		margin-top: 15px;
	}
	.tile-content{
		width: calc(50% - 5px);
	}
	.sidebar .tile .tile-content{
		width: calc(50%);
	}
	.tile .headline{
		font-size: 5rem;
		line-height: 6rem;
		padding: 0 20px;
	}
	.tile .headline span.subtitle{
		font-size: 2.5rem;
	}
	.tile .midvalue, .tile .midvalue span.unit{
		font-size: 3rem;
		line-height: 3.5em;
	}
	.tile .explanation{
		font-size: 3rem;
		width: auto;
		padding: 0 20px 20px;
	}
	.tile .midvalue{
		margin-top: 0px;
		padding: 10px 20px;
	}
	.mobile-center div{
		margin:auto;
	}
	.tile-content .value-box{
		margin: 20px;
	}
	.tile-content > .value-box > .unit{
		font-size: 8em;
	}
	.tile-content > .value-box > .symbol{
		font-size: 2em;
	}
	.mobile-hide{
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.tile .headline{
		font-size: 4rem;
		line-height: 5rem;
		padding: 0 20px;
	}
	.tile .headline span.subtitle{
		font-size: 2rem;
	}
	.tile .midvalue, .tile .midvalue span.unit{
		font-size: 1.8rem;
		line-height: 2.5em;
	}
	.tile .explanation{
		font-size: 1.8rem;
		width: auto;
		padding: 0 20px 20px;
	}
	.tile .midvalue{
		margin-top: 0px;
		padding: 10px 20px;
	}
	.tile-content .value-box{
		margin: 0px 10px;
	}
	.tile-content > .value-box > .unit{
		font-size: 5em;
	}
	
	.tile-content > .value-box > .symbol{
		font-size: 1.2em;
	}
	.d-none-xs{
		display: none;
	}
	.col-xs-100{
		flex: 0 0 100%;
	}
	.col-xs-60{
		flex: 0 0 60%;
	}
	.col-xs-40{
		flex: 0 0 60%;
	}
}

@media only screen and (max-width: 492px) {
	.header{
		height:50px;
	}
	.header img {
		padding-right: 10px;
	}
	.header div {
		line-height: 25px;
		font-size: 0.8rem
	}
	.tiles {
		flex-basis: 1;
		text-align: center;
	}
	.tile{
		flex: 0 0 calc(50% - 10px);
		margin: 5px;
	}
	.tile .headline{
		font-size: 2rem;
		line-height: 3rem;
		padding: 0;
	}
	.tile .headline span.subtitle{
		font-size: 1rem;
	}
	.tile .midvalue, .tile .midvalue span.unit{
		font-size: 1.5rem;
		line-height: 1.5em;
	}
	.tile .explanation{
		font-size: 1rem;
		width: auto;
		padding: 0 0 20px;
	}
	.tile .midvalue{
		margin-top: 0px;
		padding: 10px 0;
	}
	.tables{
		flex-basis: auto;
		padding: 0;
		overflow-x:auto
	}
	.sidebar{
		flex-basis: 1;
		width: 100%;
	}
	.sidebar .tile{
		width: 100%;
	}
	.mainview{
		flex: auto;
	}

	.tile-content > .value-box > .symbol{
		font-size: 1em;
	}
}

@media only screen and (max-width: 374px) {
	.tiles {
		flex-basis: 1;
		text-align: center;
	}
	.tile{
		flex: 0 0 calc(50% - 10px);
		margin: 5px;
	}
	.tile .headline{
		font-size: 2rem;
		line-height: 2.5rem;
		padding: 0;
	}
	.tile .headline span.subtitle{
		font-size: 1rem;
	}
	.tile .midvalue, .tile .midvalue span.unit{
		font-size: 1.3rem;
		line-height: 1.3em;
	}
	.tile .explanation{
		font-size: 1rem;
		width: auto;
		padding: 0 0 20px;
	}
	.tile .midvalue{
		margin-top: 0px;
		padding: 10px 0;
	}
	.tile-content > .value-box > .unit{
		font-size: 4em;
	}
	.tile-content > .value-box > .symbol{
		font-size: 0.8em;
	}
}
.red-tile{
	background: #BA0C2F;
	color: #fff !important;
}

.green-tile{
	background: #007749;
	color: #fff !important;
}

.margin-top-0{
	margin-top: 0;
}

.text-green{
	color: green;
}

.text-red{
	color: red;
}

.text-blue{
	color: blue;
}

.text-violet{
	color: violet;
}

.text-darkgrey{
	color: darkgrey;
}

.bold{
	font-weight: 700;
}

@media (min-width: 576px){
	.tile-content {
		width: calc(calc(540px*0.25) - 87px);
	}
	.tile-content {
		width: calc(270px - 10px);
	}
	.sidebar .tile .tile-content{
		width: 270px
	}
	.sidebar .tile{
		margin-top:30px;
	}
}

@media (min-width: 768px){
	.tile-content {
		width: calc(360px - 10px);
	}
	.sidebar .tile .tile-content{
		width: 192px
	}
	.sidebar .tile{
		margin-top:30px;
	}
}

@media (min-width: 992px){
	.sidebar .tile .tile-content{
		width: 192px
	}
	.sidebar .tile{
		margin-top:30px;
	}
	.tile{
		flex: 0 0 calc(25% - 40px);
		margin: 15px 20px;
	}
	.tile-content {
		width: calc(240px - 40px);
	}
	.tile .headline{
		font-size: 2.8em;
		line-height: 3.2rem;
		padding: 0 20px;
	}
	.tile .headline span.subtitle{
		font-size: 1.8rem;
	}
	table th.day-title{
		min-width:25px;
	}

	.tile-content .value-box{
		margin: 10px 15px;
	}
	
	.tile-content > .value-box > .unit{
		font-size: 6em;
	}
	
	.tile-content > .value-box > .symbol{
		font-size: 1.2em;
	}

	.tables{
		margin: 15px 20px;
	}

	.main-title{
		color: #1E2A63;
		font-size: 1.8em;
		letter-spacing: 2px;
		margin-top: 5px;
	}

	.mainview, .table-row {
		margin-bottom: 0px;
	}

	.first-chart-wrapper{
		height: 158px;
	}
}

@media (min-width: 1200px){
	.sidebar .tile .tile-content{
		width: 228px
	}
	.sidebar .tile{
		margin-top:30px;
	}
	.tile{
		flex: 0 0 calc(25% - 80px);
		margin: 15px 40px;
	}
	.tile-content {
		width: calc(285px - 80px);
	}
	.tile .headline{
		font-size: 2.8rem;
		line-height: 3rem;
		padding: 0 20px;
	}
	.tile .headline span.subtitle{
		font-size: 1.8rem;
	}
	.tile .midvalue, .tile .midvalue span.unit{
		font-size: 1.5rem;
		line-height: 1.5em;
	}
	.tile .explanation{
		font-size: 1.4rem;
		width: auto;
		padding: 0 20px 20px;
	}
	.tile .midvalue{
		margin-top: 0px;
		padding: 10px 20px;
	}
	table th.day-title{
		min-width:25px;
	}

	.tile-content .value-box{
		margin: 0px 15px;
	}
	
	.tile-content > .value-box > .unit{
		font-size: 8em;
	}
	
	.tile-content > .value-box > .symbol{
		font-size: 1.2em;
	}

	.tables{
		margin: 15px 40px;
	}
	.symbol:before{
		padding-top:15%;
	}
	.text{
		margin-top: 20px;
		font-size: 1.3em !important;
		color: #fff !important;
	}

	.main-title{
		color: #1E2A63;
		font-size: 2.5em;
		letter-spacing: 2px;
		margin-top: 17px;
	}

	.first-chart-wrapper{
		height: 190px;
	}
}

@media (min-width: 1400px){
	.tile-content {
		width: calc(330px - 79px);
	}
	.tile .headline{
		font-size: 4rem;
		line-height: 4rem;
		padding: 0 20px;
	}
	.tile .headline span.subtitle{
		font-size: 2rem;
	}
	.tile .midvalue, .tile .midvalue span.unit{
		font-size: 8rem;
		line-height: 8rem;
	}
	.tile .explanation{
		font-size: 1.5rem;
		width: auto;
		padding: 0 20px 20px;
	}
	.tile .midvalue{
		margin-top: 0px;
		padding: 10px 20px;
	}
	table th.day-title{
		min-width:25px;
	}
	.tile-content .value-box{
		margin: 20px;
	}
	
	.tile-content > .value-box > .unit{
		font-size: 7em;
	}
	
	.tile-content > .value-box > .symbol{
		font-size: 1.5em;
	}

	.tables{
		margin: 15px 40px;
	}

	.mainview, .table-row{
		margin: 45px 0 0;
	}

	.full-view .mainview{
		margin: 45px 0 0;
	}

	.full-view .mainview{
		margin-right: 15px;
	}

	.sidebar .tile, .sidebar .quality-table-container{
		margin-right: 30px;
	}

	.sidebar .tile .tile-content{
		width: 234px
	}
	.sidebar .tile{
		margin-top:45px;
		/*border: 1px solid silver;*/
	}
	.full-view .sidebar .tile{
		margin-top:45px;
	}
	.table-title{
		padding: 10px 25px;
	}

	table.safetyTable td, table.safetyTable th {
		line-height: 3.4em;
	}

	.main-title{
		color: #1E2A63;
		font-size: 2em;
		letter-spacing: 2px;
		margin-top: 25px;
	}

	.first-chart-wrapper{
		height: 180px;
	}

	.table-title h1{
		font-size: 1.5em;
	}

	.full-view .table-title h1{
		font-size: 1em;
	}
}

@media (min-width: 1650px){
	.sidebar .tile .tile-content{
		width: 265px
	}
	.sidebar .tile{
		margin-top:30px;
	}
	.tile-content {
		width: calc(330px - 25px);
	}
	.tile .headline{
		font-size: 4rem;
		line-height: 4rem;
		padding: 0 20px;
	}
	.tile .headline span.subtitle{
		font-size: 2rem;
	}
	.tile .midvalue, .tile .midvalue span.unit{
		font-size: 8rem;
		line-height: 8rem;
	}
	.tile .explanation{
		font-size: 1.5rem;
		width: auto;
		padding: 0 20px 20px;
	}
	.tile .midvalue{
		margin-top: 0px;
		padding: 10px 20px;
	}
	table th.day-title{
		min-width:25px;
	}
	.tile-content .value-box{
		margin: 20px;
	}
	
	.tile-content > .value-box > .unit{
		font-size: 7em;
	}
	
	.tile-content > .value-box > .symbol{
		font-size: 1.5em;
	}

	.sidebar .tile, .sidebar .quality-table-container{
		margin-right: 40px;
	}

	.sidebar .tile .tile-content{
		width: 270px
	}

	.tables{
		margin: 15px 40px;
	}

	table.safetyTable td, table.safetyTable th {
		line-height: 2.8em;
		font-size: 1rem;
	}

	.main-title{
		color: #1E2A63;
		font-size: 3em;
		letter-spacing: 2px;
		margin-top: 10px;
	}
}

@media (min-width: 1919px){
	.sidebar .tile .tile-content{
		width: 265px
	}
	.sidebar .tile{
		margin-top:45px;
	}
	.full-view .sidebar .tile{
		margin-top:45px;
	}
	.tile-content {
		width: calc(450px - 85px);
	}
	.tile .headline{
		font-size: 7rem;
		line-height: 7rem;
		padding: 10px 20px 0;
	}
	.tile .headline span.subtitle{
		font-size: 0.5em;
	}
	.full-view .tile .headline span.subtitle{
		font-size: 0.6em;
	}
	.tile .midvalue, .tile .midvalue span.unit{
		font-size: 8rem;
		line-height: 8rem;
	}
	table th.day-title{
		min-width:25px;
	}
	.full-view table th.day-title{
		min-width:1px;
	}
	.tile-content .value-box{
		margin: 10px 20px 0px;	
	}
	
	.tile-content > .value-box > .unit{
		font-size: 11em;
	}
	
	.tile-content > .value-box > .symbol{
		font-size: 2.3em;
	}

	.sidebar .tile, .sidebar .quality-table-container{
		margin-right: 50px;
	}

	.full-view .sidebar .tile{
		margin-right: 8px;
	}

	.sidebar .tile .tile-content{
		width: 306px
	}

	.full-view .sidebar .tile .tile-content{
		width: 138px
	}

	.sidebar .tile-content > .value-box > .unit{
		font-size: 9em;
	}

	.full-view .sidebar .tile-content > .value-box > .unit{
		font-size: 3em;
	}
	
	.sidebar .tile-content > .value-box > .symbol{
		font-size: 2em;
	}

	.full-view .sidebar .tile-content > .value-box > .symbol{
		font-size: 0.6em;
	}

	.full-view .tile-content > .target-box > .target-text{
		font-size: 0.6em;
	}

	.sidebar .tile .headline {
		font-size: 5rem;
		line-height: 6rem;
		padding: 0 20px;
	}

	.full-view .sidebar .tile .headline {
		font-size: 2rem;
		line-height: 3rem;
		padding: 0 20px;
	}

	.tables{
		margin: 15px 40px;
		margin-top: 65px;
	}

	.full-view .tables{
		margin: 15px 0px;
		margin-top: 45px;
	}

	.symbol:before{
		padding-top:5%;
		padding-left: 6%;
	}

	.table-title{
		padding: 5px 15px;
	}

	table.safetyTable td, table.safetyTable th {
		line-height: 4em;
		text-align: center
	}

	.text{
		margin-top: 22px !important;
		font-size: 1.4em !important;
		color: #fff !important;
		font-weight: 700;
	}

	.dashboard-tiles{
		margin-top: 65px;
	}

	.full-view .dashboard-tiles{
		margin-top: 0px;
	}

	.main-title{
		color: #1E2A63;
		font-size: 1.8em !important;
		letter-spacing: 8px;
		margin-top: 20px;
	}

	.first-chart-wrapper{
		height: 252px;
	}

	.dashboard-table .sapMColumnHeader>span{
		font-size: 1.5em;
	}
	.dashboard-table table td {
		line-height:3em;
	}

	.dashboard-table table .sapMListTblCell>span {
		font-size: 1.5em;
	}

	.full-view .dashboard-table .sapMColumnHeader>span{
		font-size: 1em;
		line-height:1em;
	}
	.full-view .dashboard-table table td {
		line-height:1em;
	}

	.full-view .dashboard-table table .sapMListTblCell>span {
		font-size: 1em;
	}

	.full-view table.safetyTable td, .full-view table.safetyTable th {
		line-height: 2em;
    	font-size: 0.75em;
	}

	.full-view table.safetyTable th{
		line-height: 1.8em;
	}

	.full-view .sidebar{
		width: 16%;
	}

	.full-view .sapMColumnHeader{
		padding: .5rem .5rem;
	}
}

/* Header setup */
@media only screen and (max-width: 1200px) {
	.header{
		height: 60px;
	}
	.header .text{
		margin-top: 20px;
	}
	.time{
		margin-top:10px;
	}
}

.pt-0{
	padding-top:0;
}

.mt-60{
	margin-top: 60px;
}

.mb-80{
	margin-bottom: 80px;
}

.mr-0{
	margin-right: 0 !important;
}

.w-100{
	min-width: 100%;
}

.z-0{
	z-index: 0;
}
.z-1{
	z-index: 1;
}
.z-2{
	z-index: 2;
}