/*
*******************************************************************************
IPAD felett, pl PC FULLHD
*******************************************************************************
*/
@media screen 
  and (min-device-width: 1000px) 
  and (max-device-width: 10600px) 
   { 
@font-face {
	font-family: SegoeUI;
	src: local("Segoe UI Light"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format("truetype");
	font-weight: 100;
}
@font-face {
	font-family: SegoeUI;
	src: local("Segoe UI Semilight"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format("truetype");
	font-weight: 200;
}
@font-face {
	font-family: SegoeUI;
	src: local("Segoe UI"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format("truetype");
	font-weight: 400;
}
@font-face {
	font-family: SegoeUI;
	src: local("Segoe UI Bold"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf) format("truetype");
	font-weight: 600;
}
@font-face {
	font-family: SegoeUI;
	src: local("Segoe UI Semibold"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2) format("woff2"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff) format("woff"), url(//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf) format("truetype");
	font-weight: 700;
}
html, body {
	/*width:1vh;*/
	height: 100vh;
	margin: 0;
	padding: 0;
	font-family: SegoeUI;
	background: #f7f7f7;
}
.header, .footer {
	padding: 0px 0px;
	margin: 0px;
}
.content-body {
	padding: 0px;
}
/* Essentials */

.container {
	display: table;
}
.content {
	display: table-row;
}
.content-body {
	display: table-cell;
	max-width: 1vw;
	width: 1vw;
	height: 100%;/*border: 1px solid #0000ff;*/
}
/* Aesthetics */

.container {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	text-align: center;
}
.header, .footer {
	padding: 2vh;
	margin: auto;
	background: #ffffff;
	/*width:100%;*/
	border: 0px solid #ff00ff;
}
.header_img {
	height: 3.0vh;
	padding: 0px;
}
.header_images {
	/*padding: auto;*/
	padding: 0px 0px 2vh 0px;
	margin: auto;
	text-align: center;
	max-width: 35vw;
	border: 0px solid #ff00ff;
	background: #ffffff;
}
.content-body {
	padding: 0px;
	background: #e7e7e7;
	text-align: center;
}
/* Style the tab */
.tab {
	overflow: auto;
	border: 0px solid #ffff00;
	/*background-color: #f1f1f1;*/
	/*width:100%;*/
	max-width: 25vw;
	margin: auto;
	text-align: center;
}
/* Style the buttons that are used to open the tab content */
.tab button {
	background-color: #ffffff;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 5px 0px;
	transition: 0.3s;
	width: 20%;
}
/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd;
}
/* Create an active/current tablink class */
.tab button.active {
	background-color: #ffffff;
}
.tablinks {
	font-family: 'SegoeUI';
	font-weight: normal;
	font-size: 0.8vw;
	vertical-align: baseline;
	line-height: 3vh;
}
/* Style the tab content */
.tabcontent {
	display: table-cell;
	display: none;
	border: 0px solid #ff0000;
	/*border-bottom: none;*/
	height: 100%;
	font-family: 'SegoeUI';
	margin: 0px;
	padding: 0px;/*background: #e7e7e7;*/
}









#week {
	background-color: #ffffff;
}
/* Style the tab */
.tabWeek {
	overflow: none;
	border: 0px solid #ccc;
	background-color: #ffffff;
	width: 100%;
	margin: 0px;
	padding: 0px;
	max-width: 25vw;
	margin: auto;
	text-align: center;
}
/* Style the buttons that are used to open the tab content */
.tabWeek button {
	border-radius: 20px;
	background-color: #eeeeee;
	float: none;
	border: 3px solid #eeeeee;
	outline: none;
	cursor: pointer;
	padding: 0px;
	/*transition: 0.3s;*/
	/*width: 31%;*/
	height:7vw;
	margin: auto;
	font-family: 'SegoeUI';
	color: #686868;
}
/* Change background color of buttons on hover */
.tabWeek button:hover {
	background-color: #eeeeee;
}
/* Create an active/current tablink class */
.tabWeek button.active {
	background-color: #00934a;
	border: 3px solid #89c074;
	color: #fff;
}
.tablinksWeek {
	font-family: 'SegoeUI';
	font-weight: normal;
	font-size: 1.2vh;
	vertical-align: bottom;
	line-height: 2vh;
	width:6.5vw;
}

#img_week_meter {
	padding:5px;
	height:4.5vh;
	border:0px;
}
#img_week_ido {
	padding:5px;
	height:4.5vh;
	border:0px;
}
#img_week_sebesseg {
	padding:5px;
	height:4.5vh;
	border:0px;
}


/* Style the tab content */
.tabcontentWeek {
	display: table-cell;
	display: none;
	/**/
	border: 0px solid #ff00ff;
	max-width: 30%;
	margin: auto;
	text-align: center;
	/*width:100vw;*/
	
	/*margin: 250px;border-bottom: none;
		height: 50%;
		font-family:'SegoeUI';
	  	width:70%;
		max-width:70%;
		margin:50px;
		text-align: center;*/
}


#month {
	background-color: #ffffff;
}

/* Style the tab */
.tabMonth {
	overflow: none;
	border: 0px solid #ccc;
	background-color: #ffffff;
	width: 100%;
	margin: 0px;
	padding: 0px;
	max-width: 25vw;
	margin: auto;
	text-align: center;
}
/* Style the buttons that are used to open the tab content */
.tabMonth button {
	border-radius: 20px;
	background-color: #eeeeee;
	float: none;
	border: 3px solid #eeeeee;
	outline: none;
	cursor: pointer;
	padding: 0px;
	/*transition: 0.3s;*/
	/*width: 31%;*/
	height:7vw;
	margin: auto;
	font-family: 'SegoeUI';
	color: #686868;
}
/* Change background color of buttons on hover */
.tabMonth button:hover {
	background-color: #eeeeee;
}
/* Create an active/current tablink class */
.tabMonth button.active {
	background-color: #00934a;
	border: 3px solid #89c074;
	color: #fff;
}
.tablinksMonth {
	font-family: 'SegoeUI';
	font-weight: normal;
	font-size: 1.2vh;
	vertical-align: bottom;
	line-height: 2vh;
	width:6.5vw;
}
#img_month_meter {
	padding:5px;
	height:4.5vh;
	border:0px;
}
#img_month_ido {
	padding:5px;
	height:4.5vh;
	border:0px;
}
#img_month_sebesseg {
	padding:5px;
	height:4.5vh;
	border:0px;
}


.tabcontentMonth {
	display: table-cell;
	display: none;
	border: 0px solid #ff0000;
	/*border-bottom: none;*/
		/*height: 100%;*/
	font-family: 'SegoeUI';
	font-weight: normal;
	font-size: 1.5vh;
	margin: 0px;
	padding: 0px;/*background: #e7e7e7;*/
}






#year {
		background-color: #ffffff;
}


/* Style the tab */
.tabYear {
	overflow: none;
	border: 0px solid #ccc;
	background-color: #ffffff;
	width: 100%;
	margin: 0px;
	padding: 0px;
	max-width: 25vw;
	margin: auto;
	text-align: center;
}
/* Style the buttons that are used to open the tab content */
.tabYear button {
	border-radius: 20px;
	background-color: #eeeeee;
	float: none;
	border: 3px solid #eeeeee;
	outline: none;
	cursor: pointer;
	padding: 0px;
	/*transition: 0.3s;*/
	/*width: 31%;*/
	height:7vw;
	margin: auto;
	font-family: 'SegoeUI';
	color: #686868;
}
/* Change background color of buttons on hover */
.tabYear button:hover {
	background-color: #eeeeee;
}
/* Create an active/current tablink class */
.tabYear button.active {
	background-color: #00934a;
	border: 3px solid #89c074;
	color: #fff;
}
.tablinksYear {
	font-family: 'SegoeUI';
	font-weight: normal;
	font-size: 1.2vh;
	vertical-align: bottom;
	line-height: 2vh;
	width:6.5vw;
}
#img_year_meter {
	padding:5px;
	height:4.5vh;
	border:0px;
}
#img_year_ido {
	padding:5px;
	height:4.5vh;
	border:0px;
}
#img_year_sebesseg {
	padding:5px;
	height:4.5vh;
	border:0px;
}

.tabcontentYear {
	display: table-cell;
	display: none;
	border: 0px solid #ff0000;
	/*border-bottom: none;*/
		/*height: 100%;*/
	font-family: 'SegoeUI';
	margin: 0px;
	padding: 0px;/*background: #e7e7e7;*/
}



#all {
		background-color: #ffffff;
}

/* Style the tab */
.tabAll {
	overflow: none;
	border: 0px solid #ccc;
	background-color: #ffffff;
	width: 100%;
	margin: 0px;
	padding: 0px;
	max-width: 25vw;
	margin: auto;
	text-align: center;
}
/* Style the buttons that are used to open the tab content */
.tabAll button {
	border-radius: 20px;
	background-color: #eeeeee;
	float: none;
	border: 3px solid #eeeeee;
	outline: none;
	cursor: pointer;
	padding: 0px;
	/*transition: 0.3s;*/
	/*width: 31%;*/
	height:7vw;
	margin: auto;
	font-family: 'SegoeUI';
	color: #686868;
}
/* Change background color of buttons on hover */
.tabAll button:hover {
	background-color: #eeeeee;
}
/* Create an active/current tablink class */
.tabAll button.active {
	background-color: #00934a;
	border: 3px solid #89c074;
	color: #fff;
}
.tablinksAll {
	font-family: 'SegoeUI';
	font-weight: normal;
	font-size: 1.2vh;
	vertical-align: bottom;
	line-height: 2vh;
	width:6.5vw;
}
#img_all_meter {
	padding:5px;
	height:4.5vh;
	border:0px;
}
#img_all_ido {
	padding:5px;
	height:4.5vh;
	border:0px;
}
#img_all_sebesseg {
	padding:5px;
	height:4.5vh;
	border:0px;
}
.tabcontentAll {
	display: table-cell;
	display: none;
	border: 0px solid #ff0000;
	/*border-bottom: none;*/
		/*height: 100%;*/
	font-family: 'SegoeUI';
	font-weight: normal;
	font-size: 1.5vh;

	margin: 0px;
	padding: 0px;/*background: #e7e7e7;*/
}

#all_osszesadat {
	font-family:'SegoeUI'; 
	font-size: 1.8vh; 
	font-weight:normal; 
	padding:0.5vh; 
	margin:0px;
}








input[type="date"] {
	font-size: 2vh;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: 'SegoeUI';
	font-weight: light;
	-webkit-border-radius: 2vh;
}
input[type="week"] {
	font-size: 2vh;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: 'SegoeUI';
	font-weight: light;
	-webkit-border-radius: 2vh;
}
input[type="month"] {
	font-size: 2vh;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
	font-family: 'SegoeUI';
	font-weight: light;
	-webkit-border-radius: 2vh;
}
select {
	font-size: 2vh;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: 'SegoeUI';
	font-weight: light;
}
#div_register {
	position: relative;
	height: 100%;
	width: 100%;
}
#nyomomu_hatter {
	border-radius: 10px;
	background: #f8f8f8;
	padding: 10px 10px 10px 10px;
	/*width: 100%;
		height: 100%;*/
	margin: auto;
	border: 1px solid #f8f8f8;
	display: block;
	width: 35vw;
	text-align: center;
}
#label_gepneve {
	border-radius: 8px;
	border: 1px solid #cccccc;
	background: #ffffff;
	padding: 2px 10px;
	margin: 8px auto ;
	width: 20vw;
	text-align: center;
}

#label_gepneve_cimke1, #id_label_nyomda2 {
	font-size:0.8vw;
}
#label_munkaneve_cimke1, #id_label_printlength1 {
	font-size:0.8vw;
}

#label_munkaneve {
	border-radius: 8px;
	border: 1px solid #cccccc;
	background: #ffffff;
	padding: 2px 10px;
	margin: 10px 20px 20px 20px;
	margin: auto;
	width: 20vw;
	text-align: center;
}
#label_nyomda {
	background: url(imgs/nyomomu_bg_1.png);
	background-size: 100%;
	background-repeat: no-repeat;
	text-align: center;
	border: 0px solid #ffcc00;
	margin: 20px 20px 20px 20px;
	min-height: 300px;/*width:100%;
		height:100%;*/
}
.button {
	background: #686868;
	border: 1px solid #686868;
	position: absolute;
	left: 0%;
	top: 0%;
	opacity: 1;
	border-radius: 50%;
	color: #FFF;
	font-family: 'SegoeUI';
	font-size: 100%;
	font-weight: bold;/*box-shadow: 2px 3px 10px #000000;*/
}
.button_active {
	background: #00934a;
	border: 1px solid #00934a;
	position: absolute;
	left: 0%;
	top: 0%;
	opacity: 1;
	border-radius: 50%;
	color: #FFF;
	font-family: 'SegoeUI';
	font-size: 100%;
	font-weight: bold;/*box-shadow: 2px 3px 10px #000000;*/
}
#label_sebesseg {
	position: absolute;
	text-align: center;
	border-radius: 10px;
	border: 1px solid #cccccc;
	background: #ffffff;
	padding: 5px;
	width: 30%;
	height: 30%;
	/*margin:88px;*/
	box-shadow: 2px 3px 10px #000000;/*
		float:none;
		display: inline-block;
		z-index:11;
		margin:55px;*/
}

#label_sebesseg1, #label_sebesseg2 {
	position: absolute;
	text-align: center;
	border-radius: 10px;
	border: 1px solid #cccccc;
	background: #ffffff;
	padding: 5px;
	left: 2.9%;
	top: 2.9%;
	width:38%;
	height:32%;
	/*margin:88px;*/
	box-shadow: 2px 3px 10px #000000;/*
		float:none;
		display: inline-block;
		z-index:11;
		margin:55px;*/
}




#id_label_sebesseg_felso {
	vertical-align:central;
	font-family:'SegoeUI';
	font-weight:normal;
	font-size: 1.3vw;
}

#id_label_sebesseg, #id_label_sebesseg1, #id_label_sebesseg2 {
	position:relative;
	vertical-align:central;
	font-family:'SegoeUI';
	font-weight:bold;
	/*font-size:400%;*/
	font-size: 4vw;
	/*line-height:100%;*/
}

#id_label_sebesseg_also {
	vertical-align:central;
	font-family:'SegoeUI';
	font-weight:normal;
	font-size: 0.8vw;
}

#kozpontidob {
	position: absolute; 
	left: 0%; 
	top: 0%; 
	opacity:1; 
	width: 66%; 
	height:66%; 
	left: 17.2%; 
	top:14.5%;
}


/* bal felülről 1 */
#werk8 {
width: 12%; height: 13%; left: 16%; top: 15.2%;
	font-family:'SegoeUI';
	font-weight:bold;
	font-size: 1.7vw;

}
/* bal felülről 2 */
#werk7 {
width: 12%; height: 13%; left: 6.5%; top: 36%;
	font-family:'SegoeUI';
	font-weight:bold;
	font-size: 1.7vw;
}
/* bal felülről 3 */
#werk6 {
width: 12%; height: 13%; left: 6.7%; top: 58.6%;
	font-family:'SegoeUI';
	font-weight:bold;
	font-size: 1.7vw;
}
/* bal felülről 4 */
#werk5 {
width: 12%; height: 13%; left: 16.5%; top: 77.5%;
	font-family:'SegoeUI';
	font-weight:bold;
	font-size: 1.7vw;
}
/* jobb felülről 1 */
#werk1 {
width: 12%; height: 13%; left: 72.6%; top: 15.2%;
	font-family:'SegoeUI';
	font-weight:bold;
	font-size: 1.7vw;
}
/* jobb felülről 2 */
#werk2 {
width: 12%; height: 13%; left: 81.8%; top: 36%;
	font-family:'SegoeUI';
	font-weight:bold;
	font-size: 1.7vw;
}
/* jobb felülről 3 */
#werk3 {
width: 12%; height: 13%; left: 81.6%; top: 58.6%;
	font-family:'SegoeUI';
	font-weight:bold;
	font-size: 1.7vw;
}
/* jobb felülről 4 */
#werk4 {
width: 12%; height: 13%; left: 72%; top: 77.5%;
	font-family:'SegoeUI';
	font-weight:bold;
	font-size: 1.7vw;
}

#laminalA {
width: 7.6vw; height: 7.6vw; left: 12.3%; top: 67.8%;
}
#laminalC {
width: 7.6vw; height: 7.6vw; left: 72.5%; top: 39.7%;
}
#laminalB {
width: 7.6vw; height: 7.6vw; left: 72.5%; top: 67.8%;
}

#tekercsA {
width: 7.6vw; height: 7.6vw; left: 12.3%; top: 67.8%;
}
#tekercsC {
width: 7.6vw; height: 7.6vw; left: 72.5%; top: 39.7%;
}
#tekercsB {
width: 7.6vw; height: 7.6vw; left: 72.5%; top: 67.8%;
}

.button_laminalo_off {
	background: #b86565;
	border: 1px solid #686868;
	position: absolute;
	left: 0%;
	top: 0%;
	opacity: 1;
	border-radius: 50%;
	color: #FFF;
	font-family: 'SegoeUI';
	font-size: 100%;
	font-weight: bold;/*box-shadow: 2px 3px 10px #000000;*/
}




.button_kozpontidob_off {
	background-color: #b86565;
	border-radius: 50%;
	border: 0.5vw solid #686868;/*box-shadow: 2px 3px 10px #000000;*/
}
.button_kozpontidob {
	background-color: #c3c3c3;
	border-radius: 50%;
	border: 0.5vw solid #686868;/*box-shadow: 2px 3px 10px #000000;*/
}
.button_kozpontidob_active {
	background-color: #00934a;
	border-radius: 50%;
	border: 0.5vw solid #89c074;/*box-shadow: 2px 3px 10px #000000;*/
}
.kozpontidob {
	/*position:relative;*/
	float: none;
	background-color: #c3c3c3;
	border-radius: 50%;
	display: inline-block;
	border: 5px solid #686868;
	margin: 40px;
	z-index: 10;
}
.kozpontidob_active {
	height: 100%;
	width: 100%;
	background-color: #00934a;
	border-radius: 50%;
	border: 5px solid #89c074;
	display: block;
	/*border: 5px solid #686868;*/
		/*top:214px;
		left:90px;*/
		/*margin:40px;*/
	z-index: 10;/*width: 55%;
		height: 200px;*/
}
.bigbutton1 {
	border-radius: 10%;
	background: #eeeeee;
	border: 3px solid #eeeeee;
	padding: 0px;
	margin: 0px;
	width: 90%;
	height: 90%;
}
.bigbutton1.active {
	background: #00934a;
	border: 3px solid #89c074;
}
.dot {
	height: 32px;
	width: 32px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	border: 5px solid #686868;
}
.dot2 {
	height: 32px;
	width: 32px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	border: 5px solid #ffccdd;
}


 
/* Style the tab */
.tab_laminalo {
	overflow: auto;
	border: 0px solid #ccc;
	/*background-color: #f1f1f1;*/
	width: 100vw;
}
/* Style the buttons that are used to open the tab content */
.tab_laminalo button {
	background-color: #ffffff;
	float:center;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 5px 5px;
	transition: 0.3s;
	/*margin: auto;
	display: block;
	width: 1vw;*/
}
/* Change background color of buttons on hover */
.tab_laminalo button:hover {
	background-color: #ffffff;
}
/* Create an active/current tablink class */
.tab_laminalo button.active {
	background-color: #ffffff;
}
.tab_laminalo_links {
	font-family: 'SegoeUI';
	font-weight: normal;
	font-size: 10px;
	vertical-align: baseline;
	line-height: 0px;
}



#combobox_machine {
	border:0px;
	text-align:right; 
	color:#000000; 
	font-family:'SegoeUI'; 
	font-size:1.6vh; 
	font-weight:bold;
	background: #ffffff;
}
   }