/** LCARS SDK 16323.311
* This file is a part of the LCARS SDK.
* https://github.com/AricwithanA/LCARS-SDK/blob/master/LICENSE.md
* For more information please go to http://www.lcarssdk.org.
**/



#wpr_viewport{
	/*width:10%;
	height:10%;*/
	padding:10px;
	text-align:left;
	width:90%;
	height:auto;
}

#wpr_viewport > .column:first-child{
	/* width:305px; */
	width:100px;
	margin-right:5px;
}

#wpr_viewport > .column:first-child .button-wrap:last-child{margin-top:1950px;}

.bracket{
	width:305px;
	height:255px;
}

.button-wrap{
	flex-wrap:wrap;
	width:100%;
	margin-top:0;
	padding-top:5px;
}

.button-wrap .button{
	margin-bottom:5px;
	margin-left:5px;
}

.button-wrap .button:nth-last-child(2),
.button-wrap .button:nth-last-child(2) ~ .button{margin-bottom:0px;}
.button-wrap .button:nth-child(odd){margin-left:0px !important;}

.header .title{
	/* width: 100%; */
#	margin-left:15px;
	overflow: hidden;
	text-overflow: clip;
	white-space: normal;
#	font-size:25px;
#	letter-spacing: -1px;
}

.header .subtitle{
	padding-top:10px;
	padding-left:5px;
	font-size:32px;
	color:#ff9c00;
}

#wpr_mainView{margin-left:10px;}
#wpr_mainView > .header{height:170px;}

#wpr_mainView > .header .column{
	width:150px;
	overflow:visible;
}

#wpr_mainView > .header .column .elbow .bar{
	width:209px;
#	height:15px;
	right:-204px;
}

.header .row.frame{padding-left:204px;}

.main .column{
	left:0px;
	top:0px;
	bottom:0px;
	width:150px;
	overflow:visible;
}

.main .column:first-child .elbow .bar{
	width:209px;
#	height:15px;
}


.main .column .BodyHeader {
	height:59px;
}

.main .column .ZoneStatus {
	padding-top:20px;
	padding-left:45px;
	max-width:150px;
	height:77px;
	text-align:left;
	vertical-align:middle;
	font-size:42px;
}

.main .column .Manu {
		padding-top:20px;
		padding-left:100px;
		width:auto !important;
		height:77px;
	}

	.main .row .Manu {
			padding-top:20px;
			padding-left:100px;
			width:auto !important;*/
			/*max-width: 800px !important;*/
			height:77px;
		}

.complexButton .bg-green-2 {
	width: 100px !important;
}

.complexButton .block {
	width: 50px;
}

.main .column .Timer {
	padding-top:20px;
	padding-left:15px;
	width:250px;
	height:77px;
	text-align:left;
	vertical-align:middle;
	text-align:left;
	color:blue;
	font-size:42px;
}

.main .column .On {
	padding-top:20px;
	width:175px;
	height:77px;
#	text-align:left;
#	color:green;
}

.main .column .Off {
	padding-top:20px;
	width:175px;
	height:77px;
}

.main .column .Schedule {
	padding-top:20px;
	padding-left:200px;
	width:375px;
	height:77px;
}

.main .row.frame {
	padding-left:209px;
	height:15;
}

.main .content{
	padding-top:35px;
	padding-left:35px;
}

/* ändert die Größen der bars */
.frame .bar:nth-child(2){
	width:100%;
	max-width:150px;
}

.frame .bar:nth-child(5){
	width:100%;
	max-width:305px;
}

.frame .bar:nth-child(6){
	width:100%;
	max-width:110px;
}

.frame .bar:nth-child(7){
	width:100%;
	max-width:350px;
}

.header .button-wrap{
	position:absolute;
	bottom:35px;
	right:0px;
	width:460px;
}

.header .button-wrap .button{margin-left:5px !important;}
.header .button-wrap .button:first-child:nth-last-child(2),
.header .button-wrap .button:first-child:nth-last-child(2) ~ .button{margin-bottom:0px;}
.header .button-wrap .button:nth-child(3n+1),
.header .button-wrap .button:first-child{margin-left:0px !important;}

.titlebar_col1 {
	width:555px;
}

.titlebar_col2 {
	width:100px;
}


/* Static Pattern Heights */
.step-two{flex:1; max-height:125px;}
.step-three{flex:2; max-height:190px; min-height:125px}
.step-four{flex:3; max-height:255px;}

 @media (max-width:1150px), (max-height:745px){
	body{zoom:.75;}
}

@media (max-width:860px), (max-height:558px){
	body{zoom:.5;}
}

/* module.css von visual-guide */

body{padding:15px !important;}

.dialog.typeD{
	max-width: 1100px !important;
	width:100% !important;
	height:100% !important;
	margin:auto !important;
}

#wrapper_1 >.footer, #wrapper_1 >.header{min-height:60px !important;}

#wrapper_1 >.header .title{padding-right:13px !important;}
#wrapper_1 >.footer{margin-bottom:15px !important;}

#ui-controls{text-align:right !important;}

#ui-controls .complexButton,
#ui-controls .button{ min-width:150px !important;}

#wrapper_1 >.footer > *,
#ui-controls .row > *{margin-left:15px !important;}
#wrapper_1 >.footer > *:first-child,
#ui-controls .row > *:first-child{margin-left:0px !important;}
#ui-controls .row:first-child{margin-bottom:15px !important;}

#ui-controls .complexButton :not(:first-child){margin-left:15px !important;}

#ui-controls .row:first-child > .complexButton:last-child{margin-right:75px !important;}

#viewport-content{overflow:hidden; padding:15px 0 !important;}
#viewport-content > *{overflow:auto; width:100%; height:100% !important;}

#button-default-color-sdk > *{background-color:#999999 !important;}