/**
 * Menzakártya Büfé és Beléptető Admin rendszer
 * © 2014 Webra International Kft.
 *
 */
/* @font-face { */
/*   font-family: 'Glyphicons Halflings'; */
/*   src: url('../fonts/glyphicons-halflings-regular.eot'); */
/*   src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); */
/* }  */
@media screen , projection {
	/* angular css overhead*/
	input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button { 
  		-webkit-appearance: none; 
  		margin: 0; 
	}
	
	/* Alap beallitasok */
	
	[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
 	 	display: none !important;
	}
	
	.noselect {
	    -webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	}
	
	.glassmaindiv {
		position: relative;
	}
	.glassloadingimage {
		background: url("img/icon-card-reader-loader.gif");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 50px 50px;
/* 		background-color: #333; */
/* 		opacity: 0.5; */
/* 		cursor: auto; */
/* 		width: 100%; */
/* 		height: 100%; */
/* 		z-index:15; */
/* 		position: absolute; */
/* 		left: 0; */
/* 		top: 0;		 */
 		margin: 0 auto;
		height: 50px;
		width: 50px;
		padding: 15px 0px;
	}
	.glassloadingtxt {
	    text-align: center;
	    padding: 20px 0 0 0;
	    font-weight: bold;
	    font-size: 16pt;		
	}
	
	multiselect {
		display:block;
	}
	multiselect .btn {
		width: 100%;
		background-color: #FFF;
	}
	multiselect .btn.error{
		border: 1px solid #da4f49 !important;
	}
	multiselect .dropdown-menu {
		max-height: 300px;
		overflow-y: auto;
	}
	multiselect .dropdown-menu {
		width: 100%;
		box-sizing: border-box;
		padding: 2px;
	}
	multiselect .dropdown-menu > li > a {
		padding: 3px 10px;
		cursor:pointer;
	}

	[class^="icon-"], [class*=" icon-"] {
		display: inline-block;
		width: 14px;
		height: 14px;
		line-height: 14px;
		vertical-align: text-top;
		/*background-image: url(../img/glyphicons-halflings.png);*/
		background-image: 'http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings.png';
		background-position: 14px 14px;
		background-repeat: no-repeat;
		margin-top: 1px;
	}
	
	body, p, h1, h2, h3, h4, h5, h5, h6, input, blockqoute {
		margin: 0;
		padding: 0;
		line-height: normal;
	}
	body {
		background-attachment: fixed;
		background-color: transparent;
		background-image: url("img/bg-1680.jpg");
		background-position: 50% 0;
		background-repeat: no-repeat;
		font-family: "Open Sans", sans-serif;
		font-size: 12pt;
		font-weight: normal;
		line-height: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Josefin Sans', sans-serif;
	}
	input, select {
		outline: none !important;
	}
	a:hover {
		cursor: pointer;
	}
	#topnavMenu .menuanchor {
		font-size: 12pt;
		text-transform: uppercase;
		padding: 0 5px;
	}
	#loginDiv,
	#topnavRow,
	.logoutContainer {
		padding: 0;
	}
	.logoutContainerInnerUl {
		width: 100%;
	}

	/* 	.modal { */
	/* 		display: block; */
	/* 	    background-clip: padding-box; */
	/* 	    background-color: #FFFFFF; */
	/* 	    border: 1px solid rgba(0, 0, 0, 0.3); */
	/* 	    border-radius: 6px 6px 6px 6px; */
	/* 	    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); */
	/* 	    left: 50%; */
	/* 	    margin-left: -280px; */
	/* 	    outline: medium none; */
	/* 	    position: fixed; */
	/* 	    top: 10%; */
	/* 	    width: 560px; */
	/* 	    z-index: 1050; */
	/* 	} */
	.clear {
		clear: both;
	}
	.clearleft {
		clear: left;
	}
	.clearright {
		clear: right;
	}
	.itemToLeft {
		float: left;
	}
	.itemToRight {
		float: right;
	}
	.textToLeft {
		text-align: left;
	}
	.textToRight {
		text-align: right;
	}
	.textToCenter {
		text-align: center !important;
	}
	.valignToCenter {
		vertical-align: middle;
	}
	.flexVAlignToCenter {
		display: flex;
		align-items: center;
	}
	.bold {
		font-weight: bold;
	}
	.redtext {
		color: #f00 !important;
	}
	.greentext {
		color: #0b0 !important;
	}
	.permissionerror {
		font-size: 16pt;
		font-weight: bold;
		text-align: center;
	}	
	.container {
		padding-left: 0;
		padding-right: 0;
	}
	.bufe-content {
		max-width: 1198px;
		margin-left: 0px;
		min-height: 600px;
	}
	.sidebar {
		font-family: 'Josefin Sans', sans-serif;
		margin-top: 1px;
	}
	.clickableLabel {
		cursor: pointer;
	}
	.rowmarker {
		background-color : rgb(252,252,160);
	}
	ul.nav-sidebar li ul {
		margin: 0;
	}
	ul.nav-sidebar>li {
		line-height: 22px;
	}
	ul.nav-sidebar li ul>li {
		line-height: 22px;
	}
	ul.nav-sidebar>li.active>a, ul.nav-sidebar>li.sub>a {
		z-index: 10;
	}
	ul.nav-sidebar li a {
		border: 1px solid #D5D5D5;
		color: #191919;
		margin: -1px 0 0;
		padding: 3px 3px 3px 5px;
	}
	ul.nav-sidebar li ul li a {
		font-size: 10pt;
		padding: 3px 3px 3px 30px;
	}
	ul.nav-sidebar li a span {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	ul.nav-sidebar li.active>a, ul.nav-sidebar li.active>a:hover {
		background-color: rgb(221, 111, 8) !important;
		border-top: 1px solid rgb(68, 33, 2) !important;
		border-right: 1px solid #DD6F08 !important;
		border-bottom: 1px solid rgb(68, 33, 2) !important;
		border-left: 1px solid rgb(68, 33, 2) !important;
		color: #FFFFFF;
		position: relative;
		margin: 0px;
	}
	ul.nav-sidebar li.active>a:before, ul.nav-sidebar li.active>a:after {
		border-bottom: 22px solid rgba(0, 0, 0, 0);
		border-color: rgba(0, 0, 0, 0) -moz-use-text-color rgba(0, 0, 0, 0)
			rgba(0, 0, 0, 0);
		border-right: 0 none;
		border-style: solid none solid solid;
		border-top: 22px solid rgba(0, 0, 0, 0);
		content: "";
		height: 0;
		position: absolute;
		top: 0;
		width: 0;
	}
	ul.nav-sidebar li ul li.active>a:before, ul.nav-sidebar li ul li.active>a:after
		{
		border-bottom: 15px solid rgba(0, 0, 0, 0);
		border-right: 0 none;
		border-style: solid none solid solid;
		border-top: 15px solid rgba(0, 0, 0, 0);
		content: "";
		height: 0;
		position: absolute;
		width: 0;
	}
	ul.nav-sidebar li.active a:before {
		border-left: 8px solid rgb(68, 33, 2);
		right: -9px;
	}
	ul.nav-sidebar li.active a:after {
		border-left: 8px solid rgb(221, 111, 8);
		right: -8px;
	}
	ul.nav-sidebar li.active.sub>a, ul.nav-sidebar li.active.sub>a:hover {
		background-color: #E5E5E5 !important;
		color: #191919;
	}
	ul.nav-sidebar li.active.sub>a:after {
		border-left: 8px solid #E5E5E5;
		right: -8px;
	}
	ul.nav-sidebar li.active .submenu {
 		top: -1px;
	}
	
	.nav-sidebar-spacer {
		height: 30px;
	}
	ul.nav-sidebar-even {
		background-color: #F0F0F0;
	}
	.sidebar-diagram img {
		width: 100%;
	}
	.panel-heading a:before {
		font-family: 'Glyphicons Halflings';
		content: "\e114";
		color: grey;
		padding-right: 6px;
	}
	.panel-heading a.collapsed:before {
		content: "\e080";
	}
	.accordion-toggle:before {
		display: none;
	}
	.panel-uib-accordian {		
    	margin-bottom: 7px !important;
	}
	ul.nav-sidebar li .navmenu:before {
		background: url("img/icon-chevron-down-24.png") no-repeat;
		background-position: 0px 6px;
		background-size: 13px 8px;
		content: "";
		padding-right: 15px;
	}
	ul.nav-sidebar li .navmenu.collapse:before {
		background: url("img/icon-chevron-left.png") no-repeat;
		background-position: 0px 4px;
		background-size: 8px 12px;
		content: "";
		padding-right: 15px;
	}
	.eventdatamaindiv {
		padding: 0;
		margin: 0;
	}
	.eventdatadiv .form-datepicker {
		cursor: pointer !important;
		display: inline-block !important;
		font-size: 12pt !important;
		height: 30px !important;
		padding: 0px 8px !important;
		text-align: left !important;
		width: 100px !important;
	}
	.eventdatadiv .datepickglyphdiv {
		float: left;
		padding: 0;
		margin: 0;
	}
	.eventdatadiv .datepickglyph {
		height: 30px;
		width: 30px;
		padding: 5px 8px !important;
		margin: 0px;
	}
	.eventdatadiv .dropdown-menu {
		font-size : 13pt;
	}
	.eventdatamaindiv .form-datepicker-line {
		padding: 7px 5px 0px 5px;
		line-height: 22px;
		height: 22px;
	}	
	
	.eventdatamaindiv .keresesiidoszak {		
		padding-right: 5px;
		padding-top: 8px;
		font-size: 12pt;
	}
	.eventdatamaindiv .orgunittxt {		
		padding-right: 5px;
		font-size: 12pt;
	}
	.eventdatamaindiv .worktimeexportdiv {
		padding: 0;
		margin: 0;
	}
	
	.eventdatamaindiv .worktimeexportdiv .exportcsvdiv {
		padding: 5px 0 0 0;
	}
	
	.eventdatadiv .buffet-form-datepicker {
		background-color: rgba(0, 0, 0, 0);
		background-image: url("img/datepicker.png");
		background-position: 95px center !important;
		background-repeat: no-repeat;
		cursor: pointer !important;
		display: inline-block !important;
		font-size: 12pt !important;
		height: 26px !important;
		padding: 0px 4px !important;
		text-align: left !important;
		width: 115px !important;
	}
	.eventdatadiv .buffet-form-datepicker-line {
		padding: 0 3px;
		line-height: 22px;
		height: 22px;
	}
	.eventdatadiv .buffet-form-datepicker .glyphicon {
		padding: 5px 10px;
	}
	.eventdatadiv .buffet-form-datepicker span {
		border-radius: 3px;
		padding: 3px 10px;
		margin: 0;
	}
	.eventdatadiv .timepickerdiv {
		margin-top: -34px;
	}
	.eventdatadiv .datepicker-dropdown {
		padding : 0;
		margin: 0;
	}
	.eventdatadiv .datepicker-dropdown table {
		outline: 0 !important;
	}	
	.eventdatadiv .datepicker-dropdown tbody td button {
		width: auto !important;
	}	
	.eventdatadiv .datepicker-dropdown .btn, 
	.eventdatadiv .datepicker-dropdown .btn-sm {
		padding: 6px 14px;
		font-size: 12pt;
		font-weight: 600;
	}
	.eventdatadiv .datepicker-dropdown th, 
	.eventdatadiv .datepicker-dropdown td {
		padding: 1px;
		font-size: 15pt;
	}
	.form-right-col {
		float: left;
		line-height: 20px;
	}
	.loadingimagemedium {
		background: url("img/icon-card-reader-loader.gif");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 30px 30px;
		height: 30px;
		width: 30px;
		margin: 0 auto;
	}
	.loadingimagebig {
		background: url("img/icon-card-reader-loader.gif");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 50px 50px;
		height: 50px;
		width: 50px;
		padding: 15px 0px;
		margin: 0 auto;
	}
	.exportloadingdiv {
		margin-left: 20px;
	}
	.spacerdiv50 {
		width: 100%;
		height: 50px;
		clear: both;
	}
	.spacerdiv40 {
		width: 100%;
		height: 40px;
		clear: both;
	}
	.spacerdiv30 {
		width: 100%;
		height: 30px;
		clear: both;
	}
	.spacerdiv20 {
		width: 100%;
		height: 20px;
		clear: both;
	}
	.spacerdiv10 {
		width: 100%;
		height: 10px;
		clear: both;
	}
	.cardreaderinput {
		float: left;
		height: 1px;
		line-height: 1px;
	}
	.menulist {
		position: relative;
	}
	.childmenu {
		padding-left: 20px !important;
	}
	
	/* table listázóban speciális checkbox*/
	.table input[type="checkbox"] {
    	display:none;
	}
	.table thead input[type="checkbox"] + label span {
		background-image: url("img/icon-tick-all.png");
		background-repeat: no-repeat;
		background-position : center center;
		cursor: pointer;
		margin: 0px;
		padding: 6px 3px 5px 0px;
		float: left;
		min-width: 1px;
		height: 24px;
		width: 40px;
	    display:inline-block;
	}
/* 	.table thead input[type="checkbox"]:checked + label span { */
/*     	background: url(img/icon-tick-list-active.png) center center no-repeat; */
/* 	} */
	
	.table thead .dropdowncheckbox {
		border: 1px solid #CCCCCC;
		border-bottom-right-radius : 0px;
		border-top-right-radius : 0px;
		border-bottom-left-radius : 4px;
		border-top-left-radius : 4px;		
	}
	
	.table tbody input[type="checkbox"] + label span {
		background-image: url("img/icon-tick-list-inactive.png");
		background-repeat: no-repeat;
		background-position : center center;
		cursor: pointer;
		margin: 0px;
		padding: 6px 3px 5px 0px;
		float: left;
		min-width: 1px;
		height: 24px;
		width: 40px;
	    display:inline-block;
	}
	.table tbody input[type="checkbox"]:checked + label span {
    	background: url(img/icon-tick-list-active.png) center center no-repeat;
	}
	.table tbody label {
    	margin: 5px 0 0 0;
	}


	/* Cikk alapértelmezett */
	.articleTitle h2 {
		font-size: 48pt;
		font-style: normal;
		font-weight: 300;
		padding: 35pt;
		text-align: center;
	}
	.articleIntroOuter {
		display: none;
	}
	.articleTxtInner {
		font-size: 16pt;
		font-weight: 300;
		text-align: left;
		padding: 25pt;
	}
	.errorLabelForTextBox {
		color: red;
		vertical-align: top;
		margin: 2px 0 8px 0;
	}
	.boxmessagecontainer {
		background-color: rgb(252,252,160);
		height: 50px;
		line-height: 50px;
		margin-right: 1px;
	}

	/* Tab menü */
	.tabMenu {
		text-align: center;
	}
	.tabMenu a {
		background-position: 0 50%;
		background-repeat: no-repeat;
		color: rgb(0, 0, 0);
		cursor: pointer;
		display: inline-block;
		margin-right: 70px;
		margin-top: 20px;
		padding-left: 20px;
		position: relative;
		text-align: center;
	}
	.tabMenu a:last-child {
		margin-right: 0;
	}

	/* TabMenü: Admin Dashboard */
	.tabMenuItemNewProduct {
		background-image: url("img/shopping-basket--plus.png");
	}
	.tabMenuItemNewProductCategory {
		background-image: url("img/box--plus.png");
	}
	.tabMenuItemNewPriceCategory {
		background-image: url("img/money--plus.png");
	}
	.tabMenuItemNewUser {
		background-image: url("img/icon-add-user.png");
	}
	.tabMenuItemCardIssuance {
		background-image: url("img/icon-add-card.png");
	}
	.tabMenuItemNewGroup {
		background-image: url("img/icon-add-group.png");
	}
	.tabMenuItemNewOrganizationUnit {
		background-image: url("img/icon-add-group.png");
	}	
	.tabMenuItemNewCard {
		background-image: url("img/icon-add-card.png");
	}
	.tabMenuItemCardReturn {
		background-image: url("img/icon-add-card.png");
	}


	

	/* searchpanel*/
	.suggestsearchpanel {
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	.suggestsearchpanel .suggestlabel {
		margin-top: -10px;
		font-style: italic;
		font-size: 11pt;
		color: rgb(102, 102, 102);
	}
	.suggestsearchinner {
		display: inline-block;
		margin: 10px 0px 10px 0px;
		position: relative;
		width: 800px;
	}
	.suggestsearchinner>div {
		background-color: white;
		border-radius: 0px;
		border: 1px solid grey;
		padding: 10px 35px 10px 15px;
	}
	.suggestsearchinner input {
		border-radius: 0px;
		display: block;
		font-size: 24px;
		margin: 0;
		padding: 0px 0px 0px 5px;
		width: 100%;
		min-height: 40px;
	}
	.suggestsearchinner input, .suggestsearchinner input:focus {
		box-shadow: none;
	}
	.suggestsearchinner input:focus {
		box-shadow: none;
		border-color: #1f1f1f;
	}
	.suggestsearchinner .searchbutton {
		background: url("img/magnifier.png") no-repeat;
		background-position: 50% 50%;
		border: none;
		position: absolute;
		width: 45px;
		height: 45px;
		top: 0;
		right: 0;
	}
	.suggestsearchpanelDesc {
		text-shadow: 0 1px 1px rgb(255, 255, 255);
		margin-bottom: 40px;
	}

	/* Popup */
	.modal {
		display: block;
		left: -15%;		
	}
	.modal-dialog {
 		margin: 0px auto;
		top: -1px;
	}
	.modal-lg {
		top: -1px;
		box-shadow: 0px 0px 20px 20px rgba(150, 150, 150, 1);
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		background-color: #ffffff;
		opacity: 1; 
	}
	.modal.large {
		width: 60%; /* respsonsive width */
		top: -1px;
	}
	.modal.medium {
		width: 36%; /* respsonsive width */
		top: -1px;
	}
	.modal.small {
		width: 20%; /* respsonsive width */
		top: -1px;
	}
	.popup_flow_first {
		margin-left: 0;
	}
	.popup_flow_done {
		background: url("img/dialog-status.png") no-repeat transparent;
		background-position: 0px -20px;
	}
	.popup_flow_todo {
		background: url("img/dialog-status.png") no-repeat transparent;
		background-position: 0px -40px;
	}
	.popup_flow_active {
		background: url("img/dialog-status.png") no-repeat transparent;
	}
	.popup_flow_step {
		display: inline-block;
		margin: 32px 2px 0 2px;
		height: 17px;
		width: 15px;
	}

	/* Bootstrap overload */
	
	input[type="checkbox"] {
    	width: 16px;
    	height: 16px;
	}	
	
	.panel-heading, .panel-body {
		padding: 5px;
	}
	.panel-group .panel+.panel {
		margin-top: 0;
	}
	.panel-group .panel {
		border-radius: 0;
	}
	.btn {
		width: auto;
	}
	/* .btn-success {
		font-family: 'Josefin Sans', sans-serif;
	}
	.btn-danger {
		border-radius: 3px;
		line-height: 16px;
	} */
	.btn-sm {
		padding: 2px 5px;
	}
	.input-sm {
		font-size: 12pt;
	}

	/* panel overload*/
	.panel, .panel-group, .panel-heading, .panel-collapse, .panel-body {
		overflow: visible;
		z-index: 199;
	}

	/* Fooldal, cikkek, dobozok */
	.backgroundMainDiv {
		background: url("img/section-bg.png") no-repeat;
		background-position: bottom center;
		min-height: 100px;
	}
	.rowSeparator>div {
		border-bottom: 1px solid #B3B3B3;
	}
	.middleContent {
		padding-bottom: 20pt;
	}
	.mainMenuData, .footerData {
		height: auto;
	}
	.mainArticle .articleTitle h2 {
		
	}
	.mainArticle .articleTxtInner {
		text-align: center;
	}
	.mainPageBiztonsagos .articleCont, .mainPageGyors .articleCont,
		.mainPageKenyelmes .articleCont {
		padding: 10px;
	}
	.mainPageBiztonsagos .articleTxtInner, .mainPageGyors .articleTxtInner,
		.mainPageKenyelmes .articleTxtInner {
		font-size: 11pt;
		padding: 5px;
	}
	.mainPageBiztonsagos .articleTitle h2, .mainPageGyors .articleTitle h2,
		.mainPageKenyelmes .articleTitle h2 {
		background-repeat: no-repeat;
		background-position: 0 50%;
		font-size: 24pt;
		padding: 0 0 0 45px;
		text-align: left;
	}
	.mainPageBiztonsagos .articleTitle h2 {
		background-image: url('img/lock.png');
	}
	.mainPageGyors .articleTitle h2 {
		background-image: url('img/clock.png');
	}
	.mainPageKenyelmes .articleTitle h2 {
		background-image: url('img/e-book-reader.png');
	}
	.mainPagePartner {
		padding-top: 10px;
	}
	.mainPagePartner .articleTitle, .mainPagePartner .articleIntroInner {
		display: none;
	}
	.mainPagePartner .articleTxtInner {
		text-align: center;
	}
	.mainPagePartner .articleTxtInner a {
		margin: 0 10px;
	}
	.mainPageRowCenter {
		padding: 20px 0;
		margin: 0 auto;
		text-align: center;
	}
	.mainpageImg {
		padding: 0 30px;
	}
	.footerlogoDiv {
		margin: 15px 0px;
		text-align: center;
	}

	/* Login box */
	.loginMenu {
		background: url("img/bg-black-80.png") repeat scroll 0 0 transparent;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		padding: 20px;
		position: absolute;
		top: 80px;
		right: -15px;
		z-index: 1000;
		width: 350px;
	}
	.loginLabel, .loginWindowLabel, .loginWindowForgottenPwdLabel {
		color: #FFFFFF;
		float: left;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 14pt;
	}
	.loginWindowForgottenPwdLabelBlack {
		color: #000000;
		float: right;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 14pt;
		cursor: pointer;
	}
	.loginLabel {
		font-size: 16pt;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		float: right;
		line-height: 79px;
		padding-right: 15px;
		cursor: pointer;
	}
	.loginWindowLabel {
		padding: 2px 8px 10px 0;
		text-align: right;
		width: 92px;
	}
	.loginWindowForgottenPwdLabel {
		cursor: pointer;
		text-align: right;
	}
	.loginWindowButton {
		font-size: 14pt;
		padding: 5px;
	}
	.btnQuitRequest {
		margin-left: 10px;
	}
	.boxContentMainRow .boxContentButtonDiv .toLeft {
		margin-left: 0px;
	}
	.boxContentMainRow .boxContentButtonDiv .toRight {
		margin-left: 40px;
	}
	.regCheckDivCell {
		display: none;
	}

	/* Login és reg. form */
	.mainPageLoginTable {
		padding: 5px 0px;
	}
	.mainPageLoginRow {
		float: left;
		text-align: left;
		width: 100%;
	}
	.mainPageLoginButtonRow {
		padding: 4px 0 0 92px;
	}
	.mainPageForgottenPwdRow {
		float: right;
		padding-top: 4px;
		text-align: right;
	}
	.mainPageForgottenPwdRowWide {
		float: right;
		padding-top: 4px;
		padding-bottom: 15px;
		text-align: right;
		width: 400px;
	}
	.mainPageErrorRow {
		color: red;
	}
	.mainPageCheckBoxDiv {
		float: left;
		text-align: left;
		display: inline-block;
		padding-top: 10px;
		padding-left: 1px;
		min-height: 20px;
	}
	.mainPageCheckBoxDiv input {
		vertical-align: top;
	}
	.mainPageCheckBoxDiv label {
		text-align: left;
		vertical-align: top;
		margin-left: 10px;
		margin-bottom: 10px;
		display: inline-block;
	}
	.mainPageCheckBoxDivEmpty {
		height: 50px;
	}
	.upperlogininput {
		height: 30px;
		text-align: left;
		width: 210px;
	}
	.newcardissuanceouterdiv {
		min-height: 400px;
	}
	.carddatadiv .errorinfo {
		text-align: center;
		vertical-align: middle;
		padding: 30px;
		margin: 0;
		font-size: 20pt;
		font-weight: bold;
	}
	.carddatadiv .errorinfored {
		text-align: left;
		vertical-align: middle;
		padding: 5px 0 0 0;
		margin: 0;
		color: red;
		font-weight: bold;
	}	
	.carddatainputdiv .dropdown-menu {
		overflow-y: auto;
		overflow-x: none;
		max-height: 320px;
	}
	.cardinner .cardlistalso,
	.usersinner .userlistalso {
		padding: 0;
		margin: 0;
	}
	.emailinputdiv,
	.oldpwdinputdiv,
	.newpwdinputdiv,
	.newpwdagaininputdiv,
	.personaldatainputdiv,
	.orgunitdatainputdiv,
	.carddatainputdiv,
	.datainputdiv {
		margin: 0;
		padding: 0;
	}
	.eventdatainputdiv {
		margin: 0;
		padding: 3px 0 0 0;
	}
	.worktimedatainputdiv {
		margin: 0;
		padding: 4px 0 0 0;
	}	
	.emailtxtdiv,
	.oldpwdtxtdiv,
	.newpwdtxtdiv,
	.newpwdagaintxtdiv,
	.personaldatatxtdiv,
	.orgunitdatatxtdiv,
	.carddatatxtdiv,
	.eventdatatxtdiv,
	.worktimedatatxtdiv,
	.statmentholidaytxtdiv
	.datatxtdiv {
		margin: 0;
		padding: 4px 5px 0 0;		
	}
	.personaldataselect,
	.dataselect {
		margin-right: 0;
		text-align: left;
		height: 22pt;
		line-height: 22pt;
		border-radius: 3px;
		border-color: #ccc;
		padding-left: 5px;
	}

	/* ?? */
	.mainMenuRegText {
		padding-right: 0px;
		text-align: left;
		font-size: 32pt;
		font-weight: 300;
		font-style: normal;
		font-family: 'Josefin Sans', sans-serif;
	}
	.mainMenuBottomText {
		float: left;
		padding-top: 8px;
		text-align: left;
		font-size: 24pt;
		font-weight: 300;
		font-style: normal;
		font-family: 'Josefin Sans', sans-serif;
	}
	.mainMenuBottomSmallText {
		padding: 10px;
		text-align: left;
		font-size: 11pt;
		font-family: 'Josefin Sans', sans-serif;
	}
	.checkBoxDiv {
		float: left;
		text-align: left;
		display: inline-block;
		padding-top: 10px;
		padding-left: 1px;
		min-height: 20px;
	}
	.checkBoxDivCenter {
		border-bottom: 1px solid #7f7f7f;
		clear: both;
		display: inline-block;
		min-height: 20px;
		padding-top: 10px;
		padding-left: 1px;
		text-align: center;
		width: 100%;
	}
	.checkBoxDivManyCheckBoxMiddle {
		text-align: left;
		display: inline-block;
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		min-height: 20px;
	}
	.checkBoxDivManyCheckBoxMiddle label {
		display: inline;
	}
	.checkBoxDivManyCheckBoxMiddle input {
		margin: 0px 3px 3px 0px;
	}
	.checkBoxDiv input {
		vertical-align: top;
	}
	.checkBoxDiv label {
		text-align: left;
		vertical-align: top;
		margin-left: 10px;
		margin-bottom: 10px;
		display: inline-block;
	}
	.confirmMainCheckBoxFont {
		text-align: left;
		padding-top: 4px !important;
		font-size: 11px !important;
	}
	.groupListButton {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.groupListEgyebCsoportButton {
		margin: 5px 5px 5px 15px;
	}
	.groupListEgyebCsoportDiv {
		margin-top: 0px;
		margin-left: 15px;
	}
	.normalLabelTextForSpanLeft {
		padding-top: 10px;
		padding-left: 30px;
		padding-bottom: 10px;
		text-align: left;
		font-size: 14pt;
	}

	/* Dobozolt tartalom */
	.boxTitle {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 32pt;
		font-weight: 300;
		font-style: normal;
		text-align: left;
	}
	.boxContentMainTable {
		padding: 10px;
	}
	.boxContentMainRow {
		float: left;
		text-align: left;
		min-height: 20px;
		padding: 10px 0px 0px 0px;
		clear: both;
	}
	.boxContentMainRow input {
		width: 400px;
		margin-bottom: 15px;
	}
	.boxContentMainRowError {
		clear: both;
		color: red;
		float: left;
		margin-top: 0 8px 0 0;
		text-align: left;
	}
	.boxToLeft input {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: 28px;
	}

	/* Logo */
	#logo {
		background-color: transparent;
		background-image: url("img/logo.png");
		background-repeat: no-repeat;
		background-position: 20% 50%;
		float: left;
	}
	#logo h1 {
		margin: 0;
	}
	#logo h1 a {
		display: block;
		height: 80px;
		overflow: hidden;
		text-indent: -900px;
	}
	#logoDivRowCenter img {
		margin: 0 15px 0 0;
	}

    /* Kártya kezelése, kiadása */
    
    .cardReaderLabeldiv {
    	width: 100%;
        min-height: 100px;    
    }
    
	.cardReaderLabel {
		font-size: 28pt;
		font-family: 'Open Sans', sans-serif;
		padding: 20px 0;
		margin: 0 50px;
		text-align: center;
	}
    

	/* Felso menu csik */
	.topnav {
		background: url("img/bg-black-80.png") repeat scroll 0 0 transparent;
		position: fixed;
		z-index: 499;
		height: 80px;
		width: 100%;
	}
	#topnavContainer {
		height: 80px;
		background-position: left;
		position: relative;
	}
	#topnavMenuContainer {
		margin: 0;
	}
	#topnavMenu {
		padding: 0;
	}

	/* Felso menu */
	.navbar {
		padding: 0;
		background-color: #333333;
		border-radius: 0;
		border: 0;
		overflow: visible;
	}
	.navbar-inner {
		background-color: transparent;
		background-image: none;
		border: 0;
		border-radius: 0;
		box-shadow: 0;
		padding: 0;
	}
	.navbar-inner .container {
		width: auto;
	}
	.navbar .nav>li>a {
		color: white;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 14pt;
		font-weight: bold;
		line-height: 80px;
		padding: 0 15px 0 15px;
		text-shadow: none;
	}
	.navbar .nav>li>a:hover {
		background-color: rgb(221, 111, 8);
		color: white;
	}
	.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
		color: white;
	}
	.navbar .nav>li.menuitemclicked>a {
		background-color: rgb(221, 111, 8);
	}

	/* Footer */
	#footerContainer {
	
	}
	.footerMenu {
		padding: 20px !important;
	}
	.footerMenu a {
		color: black;
	}

	/* Bejelentkezett felhasznalo es profil menu */
	#logoutDiv {
		float: right;
		width: 300px;
	}
	.logoutContainer {
		position: relative;
		height: 80px;
		z-index: 1000;
	}
	.logoutContainer ul {
		list-style: none;
		margin: 0;
		padding: 0 0 0 3px;
		min-height: 80px;
		float: left;
	}
	.logoutContainer li {
		color: white;
		float: left;
		line-height: 80px;
		padding: 0;
	}
	.logoutContainer li a {
		color: white;
		display: block;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 12pt;
		font-weight: bold;
		padding: 0 3px;
	}
	.logoutContainer li a:hover {
		background-color: rgb(7, 149, 0);
		text-decoration: none;
	}
	.logoutContainer .logoutUlName, .logoutUlArrow {
		font-size: 12pt;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: normal;
		text-align: right;
		vertical-align: middle;
		color: white;
		float: right;
		cursor: pointer;
		margin-left: 0px;
		height: 55px;
		/*80 helyett hogy az intézmény névre kattintva ne az legyen mint felette*/
	}
	.logoutContainer .logoutUlLine {
		margin-left: 0px;
		padding: 0 5px;
		height: 80px;
		text-align: center;
		vertical-align: middle;
	}
	.logoutContainer .logoutUlArrow {
		background-image: url("img/down.gif");
		background-position: right 75%;
		background-repeat: no-repeat;
		padding-right: 18px;
	}
	.logoutContainer .logoutUlName {
		padding-right: 5px;
	}
	.companyNameDiv {
		color: white;
		bottom: 3px;
		right: 5px;
		padding: 0;
		font-size: 11pt;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: normal;
		position: absolute;
		text-align: right;
		text-overflow: ellipsis;
		vertical-align: middle;
		white-space: nowrap;
		line-height: 20px;
		height: 20px;
		display: inline;
		overflow: hidden;
	}
	.companySelectorDiv {
		margin-top: 10px;
		padding: 0 16px;
	}
	.companySelectorDiv select {
		width: 100%;
	}
	.companySelectorDiv select option {
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.companySelectorDivHover {
		background-color: rgb(7, 149, 0);
		margin-top: 10px;
		padding: 0px;
		text-decoration: none;
	}
	.profilmenunev {
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: right;
		white-space: nowrap;
	}
	.loggedusernametxt {
		cursor: pointer;
		display: inline;
		font-size: 11pt;
	}

	/* Legordulo profil menu */
	.logoutUlHidden {
		display: none;
	}
	.logoutUlHidden li {
		float: none;
		line-height: 40px;
	}
	ul.logoutUlHidden {
		float: left;
	}
	#loginDiv ul.logoutUlVisible {
		background: url("img/bg-black-80.png") repeat scroll 0 0 transparent;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		display: block;
		margin-top: 0;
		padding: 0 0 10px 0;
		position: absolute;
		top: 80px;
		right: -15px;
		z-index: 900;
		width: 300px;
	}
	#loginDiv .logoutUlVisible li,
	#loginDiv .logoutUlVisible li.logoutLIHover
		{
		cursor: pointer;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 12pt;
		float: none;
		line-height: 40px;
		padding: 0 15px;
	}
	#loginDiv .logoutUlVisible li:hover,
	#loginDiv .logoutUlVisible li:active {
		background-color: rgb(221, 111, 8);
	}
	.personaldataselectmenu {
		margin: 0;
	}
	

	/* Tartalom doboz */
	#contentContainer {
		margin-top: 80px;
	}

	/* Popup doboz*/
	.popuppanel {
		background-color: rgb(255, 255, 255);
		min-height: 100px;
		min-width: 100px;
		height: 100%;
		margin: 0px 0px 0px 0px;
		border-radius: 6px;
		padding: 1px 0px;
		/* line-height: 10px; */
		/* width: 560px;*/
	}
	.popupheader {
		position: relative;
		background-color: rgb(249, 249, 249);
		min-height: 60px;
		min-width: 300px;
		margin: 0px;
		text-align: center;
		border-bottom: 2px solid rgb(195, 197, 196);
		border-radius: 6px 6px 0px 0px;
	}
	.popupbody {
		height: 100%;
		min-height: 300px;
		min-width: 100px;
		margin: 10px 0px;
		padding: 10px 0px;
		text-align: center;
		border: none;
	}
	.popupfooter {
		border-top: 2px solid rgb(195, 197, 196);
		min-height: 60px;
		min-width: 100px;
		padding: 5px 0px;
		text-align: center;
	}
	.popupheadertext {
		cursor: default;
		font-family: 'Open Sans', sans-serif;
		font-size: 30pt;
		font-weight: 300;
		color: rgb(56, 56, 56);
		margin: 0px;
		padding: 0px;
		line-height: 60px;
		height: 60px;
		text-align: center;
		width: 560px;
	}
	.popupcloseicon {
		position: absolute;
		background-image: url('img/popup-close.png');
		background-position: 15px center;
		background-repeat: no-repeat;
		min-height: 60px;
		height: 60px;
		width: 60px;
		margin: 0px;
		padding: 0px;
		top: 0;
		right: 0;
		z-index: 10;
	}
	.popupbackarrowicon {
		position: absolute;
		background-image: url('img/icon-chevron-left.png');
		background-position: 15px center;
		background-repeat: no-repeat;
		min-height: 60px;
		height: 60px;
		width: 60px;
		margin: 0px;
		padding: 0px;
		top: 0;
		left: 0;
		z-index: 10;
	}
	.popuppanel .infomessagediv {
		padding: 10px;
		margin: 0;
	}
	
	.popuppanel .infomessagelabel {
		padding: 0;
		margin: 0;
	}

	/* Wizard doboz*/
	.wizard {
		z-index: 1019;
		border: 1px solid #999;
		border-top: 0;
		border-radius: 0 0 5px 5px;
		background-color: #fff;
	}
	.wizardpanel {
		background-color: rgb(255, 255, 255);
		min-height: 100px;
		min-width: 100px;
		height: 100%;
		margin: 0px 0px 0px 0px;
		padding: 1px 0px;
		line-height: 10px;
		width: 560px;
	}
	.wizardcancelbtn {
		font-family: "Open Sans", sans-serif;
		font-size: 9pt;
		font-style: italic;
		font-weight: normal;
	}
	.normaltext {
		font-size: 9pt;
		font-weight: normal;
	}
	.normaltextInaktiv {
		font-size: 9pt;
		font-weight: normal;
		color: rgb(127, 127, 127);
	}
	.wizardheader {
		background-color: rgb(221, 111, 8);
		height: 80px;
		border-top: 1px solid gray;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
	}
	.wizardheadertext {
		color: rgb(255, 255, 255);
		cursor: pointer;
		display: block;
		float: left;
		font-size: 14pt;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: bold;
		line-height: 80px;
		width: 37%;
		margin: 0 0 0 15px;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.wizardclosebtn {
		background-image: url("img/dialog-close.png");
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-color: transparent;
		border: none;
		float: right;
		padding: 0px;
		width: 60px;
		height: 80px;
	}
	.wizardprocess {
		float: left;
		width: 25%;
		text-align: center;
	}
	.wizardfooterline {
		width: 100%;
		height: 6px;
		margin-top: 30px;
	}
	.wizardfooter {
		background: url("img/dialog-footer-bg.png");
		background-repeat: repeat-x;
		background-position: 0 0;
		min-height: 60px;
		padding: 15px;
		/* firefox miatt*/
		float: left;
		width: 100%;		
	}
	.wizardfooter .btn {
		margin: 0 15px;
		float: left;
	}
	.wizardfooter .extrarightbtn {
		margin: 0 15px;
		float: right;
	}
	.wizardfooter .extraleftbtn {
		margin: 0 15px;
		float: left;
	}		
	.wizardfooter a {
		float: left;
		margin: 7px 15px 0 15px;
	}
	.wizardcontentitem {
		margin: 0;
		padding: 20px 10px;
	}
	.wizardcontent {
		max-height: 70vh;
		overflow-y: auto;
		width: 100%;
		min-height: 200px;
		/*firefox miatt*/
		float: left;
	}
	.wizardinnerrow {
		width: 100%;
		height: 100%;
	}

	/* access sortable table*/
	.sortabletable .sortabletablecell {
		margin: 0;
		padding: 0 4px;		
	}
	.sortabletable tr.tablemainrow:nth-child(odd) {
		background-color: rgb(226, 226, 226);
	}
	.sortabletable tr.tablemainrow:nth-child(even) {
		background-color: white;
	}

	/* Buffet beállítások */
	.tablepagerdiv {
		text-align: left; 
		display: table; 
		float: right;
	}
	.tablepagerdiv .pagertextdiv {
		display: table-cell; 
		vertical-align: middle;
		padding-right: 10px;
	}
	.tablepagerdiv .pagerbuttonsdiv {
		display: table-cell;
	}
	.tablepagerdiv .pagerbuttonsdiv ul {
		clear: none;
	}
	.tablepagerdiv .pager li>a {
		border-radius: 0;
	}
	
	.pluscirclebutton {
		background-image: url("img/plus-circle.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		cursor: pointer;
		display: inline-block;
		height: 32px;
		line-height: 32px;
		padding: 0 3px 0 36px;
		text-align: right;
	}
	.hrdiv {
		border-bottom: 1px solid grey;
		padding: 5px 0px;
	}
	.boxmessagewarning {
		float: left;
		background-image: url("img/exclamation--frame.png");
		background-repeat: no-repeat;
		background-position: 20px 17px;
		padding: 0 0 0 40px;
	}
	.boxmessagelink {
		float: left;
		padding-left: 5px;
	}
	
	/* Typeahead div, input és glyphicon css*/
	
	.typeaheadouterdiv {
		position: relative;
	}
	.typeaheadglyphicon {
		position: absolute;
		top: 8px;
		left: 2px;
	}
	

	/* Terminals, Reports, Products*/
	.productsearchdiv, .productsearchwaitdiv, .productbottomdiv, 
	.usersearchdiv, .cardsearchdiv, .usersearchwaitdiv, .usersbottomdiv {
		padding-bottom: 20px;
	}
	.productbottomdiv .categories {
		padding-top: 15px;
	}
	.productbottomdiv .categoriesbuttondiv {
		padding: 20px 10px;
		float: left;
	}
	.productsearchwaitdiv, .usersearchwaitdiv {
		width: 100%;
		height: 70px;
	}
	.productsearchmessage, .usersearchmessage {
		cursor: default;
		font-size: 14pt;
		padding: 7px 0;
		margin: 0 20px;
		text-align: center;
	}
	.categorybutton {
		border: 1px solid rgba(0, 0, 0, 0.3);
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;
		font-family: 'Open Sans', sans-serif;
		font-size: 11pt;
		text-shadow: 0 1px #333333;
	}
	.categorybutton:hover, .categorybutton:active {
		box-shadow: inset 0px 0px 0px 100px rgba(255, 255, 255, 0.1), inset 0px
			0px 0px 1px rgba(255, 255, 255, 0.7);
	}
	.categorybutton:focus {
		box-shadow: none;
		outline: none;
	}
	.categorybuttonlight {
		box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.7);
		text-shadow: 0px -1px rgba(255, 255, 255, 0.2);
	}
	.categorybuttonlight:hover, .categorybuttonlight:active {
		box-shadow: inset 0px 0px 0px 100px rgba(0, 0, 0, 0.05), inset 0px 0px
			0px 1px #fff;
	}
	.defaultbuffetadminselect {
		width: auto;
		height: 24px;
		line-height: 24px;
		font-size: 9pt;
		padding: 2px 5px;
		margin-right: 5px;
	}
	.terminalstextdiv, .productstextdiv, .tradetextdiv, .useroverviewtextdiv, .brandbanktextdiv, .userstextdiv, .cardtextdiv
		{
		padding: 10px 0px 0px 0px;
		margin-left: 0px;
	}
	.userdataviewtextdiv,
	.presencetextdiv,
	.rolestextdiv,
	.settingstextdiv,
	.reportstextdiv,
	.buffetmenuordertextdiv {
		padding: 10px 0px 0px 0px;
		margin-left: 15px;
	}
	.submenutxt {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 16pt;
		font-weight: bold;
		line-height: normal;
		padding: 0;
		margin: 0;
		cursor: pointer;
	}
	.submenutxtgt {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 16pt;
		font-weight: 300;
		line-height: normal;
		padding: 0px 10px 0px 10px;
		margin-top: 2px;
	}
	.submenuactivetxt {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 22pt;
		font-weight: 500;
		padding: 0px;
		margin-top: -6px;
		cursor: default;
	}
	.terminalitemdiv {
		border: 1px solid grey;
		padding: 5px 0px;
		margin: 10px 0px;
		background-color: rgb(210, 210, 210);
		display: table;
	}
	.reportitemdiv, 
	.presenceitemdiv,
	.rolesitemdiv,
	.settingsitemdiv,
	.buffetmenuorderitemdiv {
		padding: 5px 0px;
		margin: 10px 0px;
	}
	.terminalitemdiv:hover,
	.terminalitemdiv:active {
		border: 1px solid rgb(0, 136, 206);
		outline: 2px solid rgb(0, 136, 206);
	}
	.terminaliteminnerdivright {
		float: none;
		display: table-cell;
		vertical-align: middle;
	}
	.terminaliteminnerdivleft {
		float: none;
		display: table-cell;
		vertical-align: middle;
		margin: 0;
	}
	.terminalitemimg, .terminalitemdesc, .terminalitemactions {
		float: left; 
		padding: 0;
		margin: 5px;
	}
	.terminalitemstats {
		float: right; 
		padding: 0;
		margin: 5px;
	}
	.terminalitemimg {
		max-width: 100px;
		max-height: 80px;
	}
	.terminalitemdesc .terminalitemtype, .terminalitemdesc .terminalitemserial,
		.terminalitemdesc .terminalstatusdiv {
		font-family: "Open Sans", sans-serif;
		font-size: 11pt;
		font-weight: 400;
		margin: 0px;
	}
	.terminalitemdesc .terminalitemtype {
		font-weight: bold;
	}
	.terminalstatusdiv {
		padding: 0;
		margin : 0;
	}
	.terminalstatusdiv .terminalonline, .terminalstatusdiv .terminaloffline,
		.terminalstatusdiv .terminaluser {
		float: left; 
		padding: 0;
		margin: 0;
	}
	.terminalstatusdiv .terminalonline {
		padding-left: 20px;
		background-image: url('img/globe-network.png');
		background-repeat: no-repeat;
		background-position: center left;
	}
	.terminalstatusdiv .terminaloffline {
		padding-left: 20px;
		background-image: url('img/prohibition.png');
		background-repeat: no-repeat;
		background-position: center left;
	}
	.terminalstatusdiv .terminaluser {
		margin-left: 5px;
	}
	.terminalitempropertiesdiv, .terminalitemhistorydiv,
		.terminalitemdeletediv {
		float: left;
		padding: 0;
		margin: 0;
	}
	.terminalitemproperties, .terminalitemhistory, .terminalitemdelete {
		padding: 2px 0px 2px 30px;
		background-repeat: no-repeat;
		background-position: center left;
		height: 50px;
		line-height: 50px;
		width: 50px !important;
	}
	.terminalitemproperties {
		background-image: url('img/icon-settings.png');
	}
	.terminalitemhistory {
		background-image: url('img/icon-history.png');
	}
	.terminalitemdelete {
		background-image: url('img/icon-minus.png');
	}
	.newterminal {
		padding: 5px 0px 20px 0px;
	}
	.unusedterminals {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.unusedterminalsdiv {
		float: left;
		margin: 0;
		padding: 0;
	}
	.unusedterminalstextdiv {
		padding: 0 0 10px 0;
		border-bottom: 1px grey solid;
	}
	.unusedterminalstext {
		float: left;
		font-family: "Open Sans", sans-serif;
		font-size: 15pt;
		font-weight: 400;
		margin: 0px;
	}
	.unusedterminalstext2 {
		float: left;
		font-family: "Open Sans", sans-serif;
		font-size: 10pt;
		font-weight: 300;
		line-height: normal;
		margin-left: 4px;
		margin-top: 7px;
		color: rgb(127, 127, 127);
	}
	.unusedterminal {
		float: left;
		border: 1px solid grey;
		margin: 15px 15px 15px 0px;
		background-color: rgb(210, 210, 210);
		min-height: 90px;
		display: table-cell;
		cursor: pointer;
	}
	.terminaldeleted {
		background-color: rgb(252, 252, 160);
	}
	.unusedterminal:hover, .unusedterminal:active {
		border: 1px solid rgb(0, 136, 206);
		outline: 2px solid rgb(0, 136, 206);
	}
	.unusedterminal .unusedterminalinner {
		padding: 5px;
		display: table;
		text-align: left;
		vertical-align: middle;
		min-height: 10px;
		float: none;
	}
	.unusedterminalinnerleft, .unusedterminalinnerright {
		height: 100%;
		float: left;
		margin: 5px 10px 5px 10px;
		display: table-cell;
	}
	.unusedterminalinnerleft {
		max-width: 100px;
		max-height: 70px;
		margin: 0px;
		padding: 5px;
	}
	.unusedterminalinnerright {
		margin: 0px;
		padding: 5px;
		display: table-cell;
		vertical-align: middle;
	}
	.unusedterminalname {
		font-family: "Open Sans", sans-serif;
		font-size: 9pt;
		font-weight: bold;
		line-height: normal;
		margin: 0;
		padding-top: 5px;
	}
	.unusedterminalserial {
		font-family: "Open Sans", sans-serif;
		font-size: 9pt;
		font-weight: 400;
		margin-left: 0;
	}
	.unusedterminalimg {
		widht: 100%;
		height: 100%;
	}
	.unusedterminalimg img {
		max-width: 90px;
		max-height: 70px;
	}

	/* TerminalStats, productCategory*/
	.terminalnamediv, .newproductcategorynamediv,
	.newproductcategorycolordiv, .productcategorycolorinnerdiv,
	.productcategorycolorinnerleftdiv, .newpwdrequestdiv, .changepwddiv, .personaldatadiv, .orgunitdatadiv,
	.orgunitmainouterdiv, .pccselectedviewdiv, .serialnumberdiv, .terminalsitelistdiv,
	.terminalusersdiv, .clientversiondiv, .clientupdateavailablediv,
	.clientipdiv, .clientnetworkconnectiondiv, .buffetlimitnamediv, .buffetnewmenuordernamediv,
	.holidayrequesterdiv, .holidayrequesttimediv, .holidayrequestdatesdiv, .holidayrequestinfodiv, .holidayuserinfo, .holidayrequestsearchdiv,
	.holidayrequestinfodivright, .holidayrequesdatepickerdiv, .carddatadiv, .eventdatadiv, .worktimedatadiv, .calendarmaindiv, .datadiv {
		float: left;
	}
	.changepwddiv,
	.personaldatadiv,
	.orgunitdatadiv,
	.carddatadiv,
	.eventdatadiv,
	.worktimedatadiv,
	.datadiv {
		padding: 4px 0px;
	}
	.personaldatadiv .personaldatainputdiv input[type="checkbox"] {
		width: 22px;
		height: 22px;
	}
	.datadiv .datainputdiv input[type="checkbox"] {
		width: 22px;
		height: 22px;
	}
	.orgunitmainouterdiv {
		min-height: 400px;
	}
	.eventdataouterdiv .worktimedataouterdiv .dataouterdiv {
		min-height: 400px;
	}	 
	.productcategorycolorinnerdiv {
		display: table;
	}
	.productcategorycolorinnerleftdiv, .productcategorycolorinnerrightdiv {
		display: table-cell;
	}
	.terminalnamediv, .newproductpricecategorydiv,
		.newproductcategorynamediv, .newproductcategorycolordiv,
		.serialnumberdiv, .terminalsitelistdiv, .terminalusersdiv {
		width: 99%;
		padding-bottom: 15px;
	}
	.terminalnametxt, .productcategorytxt, .productpricecategorytxt, .emailtxt,
	.oldpwdtxt, .newpwdtxt, .newpwdagaintxt, .personaldatatxt, .orgunitdatatxt, .carddatatxt,.eventdatatxt, .worktimedatatxt,
	.serialnumbertxt, .terminalsitetxt, .terminaluserstxt, .productimagefiletxt, .datatxt {
		margin-left: 0;
		margin-bottom: 5px;
	}
	.worktimedatatxt {
		padding-top: 4px;
	}
	.sumholidaytxt {
		padding-top: 6px;
	}	
	.terminalnametxt, .productcategorytxt, .productpricecategorytxt,
		.serialnumbertxt, .productimagefiletxt {
		font-weight: bold;
	}
	.personaldataaddresstxt {
		color: #0000ff;
		font-weight: bold;
	}
	.personaldatacountrytxt {
		padding: 2px 5px 0 0;
	}
	.addressinputdiv {
		padding: 5px 5px 0 0;
	}
	.addresscheckboxdiv {
	    border-bottom: 1px solid #7f7f7f;
	    clear: both;
	    display: inline-block;
	    min-height: 20px;
	    padding-left: 1px;
	    padding-top: 10px;
	    text-align: center;
	    width: 100%;		
	}
	.addresscheckboxinnerdiv {
	    display: inline-block;
	    min-height: 20px;
	    padding-left: 20px;
	    padding-right: 20px;
	    padding-top: 10px;
	    text-align: left;
	}
	
	.productcategoryname, 
	.productpricecategoryinput,
	.terminalname,
	.email,
	.oldpwd, .newpwd, .newpwdagain,
	.productpricecategoryinputshort, 
	.serialnumber,
	.productimagefile,
	.personaldatainput,
	.orgunitdatainput,
	.carddatainput,
	.holidaydayinput
	.datainput {
		margin-left: 0;
		display: block;
	}
	.productpricecategoryinputshort {
		width: 95%;
		float: left;
	}
	.grossPriceInfo {
		font-size: 9pt;
	}
	.terminalsitetxt, .productcategorytxt, .productpricecategorytxt,
		.terminaluserstxt, .clientversiontxt, .clientiptxt,
		.clientnetworkconnectiontxt {
		margin-left: 0;
		float: left;
	}
	.terminalsitelist, .terminaluserslist {
		width: 100%;
	}
	.clientversion, .newclientversion, .newclientavailabletxt,
		.updateDownload, .clientip, .clientiptype, .clientnetworkstatus,
		.clientnetworkssl, .clientnetworkssltype {
		font-size: 10pt;
		float: left;
	}
	.clientversion, .newclientavailabletxt, .newclientversion,
		.updateDownload, .clientip, .clientiptype, .clientnetworkstatus,
		.clientnetworkssl, .clientnetworkssltype {
		padding: 3px 0px 0px 3px;
	}
	.oldclientwarningimg {
		float: left;
		padding: 3px 0px 0px 3px;
	}
	.oldclientwarningimg {
		padding: 3px 0px 0px 3px;
		width: 20px;
		height: 20px;
	}
	.colorshades {
		margin-top: 20px;
		height: 20px;
		font-size: 14px;
	}
	.colorshades .colorshadestable {
		width: 90%;
		border: 1px solid #999;
	}
	.pccbgcolortxt, .pccfontcolortxt {
		padding: 5px 0px;
		color: #666;
		font-size: 10pt;
	}
	.pccbgcolorhex {
		float: left;
		width: 100px;
		font-size: 13pt;
		color: #333;
	}
	.pccbgcolor {
		float: left;
		height: 34px;
		width: 34px;
		margin-left: 10px;
		border: 1px solid #000;
		cursor: pointer;
	}
	.pccfontcolorinnerdiv {
		padding-bottom: 10px;
	}
	.pccbgcolorwhite, .pccbgcolorblack {
		float: left;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.pccbgcolorwhite:hover, .pccbgcolorwhite:active, .pccbgcolorblack:hover,
		.pccbgcolorblack:active {
		border: 3px solid #6699ff;
	}
	.pccbgcolorwhite {
		background-color: #fff;
		border: 3px solid #ff9933;
	}
	.pccbgcolorblack {
		background-color: #000;
	}
	.pccfontcolortxt {
		font-size: 10pt;
		padding-left: 40px;
	}
	.pccpreviewdiv {
		border: 0;
		padding: 5px 0px;
	}
	.pccpreviewbtn {
		border-radius: 4px;
		border: 1px solid #ddd;
		min-height: 34px;
		min-width: 80px;
		width: auto;
	}
	.productcategorycolorinnerleftdiv .pccautocheckdiv,
	.productcategorycolorinnerleftdiv #divdefaultpreview,
	.productcategorycolorinnerrightdiv {
		padding-top: 5px;
		float: left;
	}
	
	/*  NewProductImage*/
	/*  TerminalChoose*/
	
	.fileUpload {
		position: relative;
		overflow: hidden;
	}
	.fileUpload input.upload {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		font-size: 20px;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.fakefajlfeltoltesinput {
		border-radius: 4px 0px 0px 4px;
		width: 84% !important;
	}
	.fakefajlfeltoltesbutton {
		border-radius: 0px 4px 4px 0px;
		background-color: #ccc;
	}
	
	.newterminalinfodiv, .newterminalserialnumberdiv,
		.newterminalunusedterminaldiv, .newterminalinfodiv, .newproductimagefilediv, .newimagefileinfodiv {
		width: 100%;
	}
	.newterminalinfodiv .newterminalinfotxt, .newterminalinfodiv .newterminalcompany {
		font-size: 11pt;
		float: left;
	}
	.newimagefileinfodiv .newimagefileinfotxt {
		font-size: 10pt;
		font-weight: 600;
		color: rgb(128, 128, 128);
		font-style: italic;
		float: left;
		padding-top: 1px;
	}
	.newterminalinfodiv .newterminalconnTxt {
		font-size: 10pt;
		font-weight: 300;
		color: rgb(100, 100, 100);
		font-style: italic;
		float: left;
		padding-top: 1px;
	}
	.newterminalinfodiv .newterminalcompany {
		padding-left: 3px;
	}
	.newterminalserialnumberdiv, .newproductimagefilediv {
		padding: 20px 0;
	}
	.newterminalunusedterminaldiv {
		display: table;
		margin: 0px;
	}
	.terminalinnerdiv {
		display: table-cell;
		float: left;
		margin: 10px;
		padding: 30px 10px;
		width: 20%;
		text-align: center;
		vertical-align: center;
		background-color: #D2D2D2;
		border: 1px solid #808080;
	}
	.terminalinnerdiv:hover, .terminalinnerdiv:active {
		border: 1px solid rgb(0, 136, 206);
		outline: 2px solid rgb(0, 136, 206);
	}
	.terminalinnerdiv .terminalimg {
		height: 80px;
		min-height: 80px;
	}
	.terminalinnerdiv .terminalname {
		font-size: 10pt;
		font-weight: bold;
	}
	.terminalinnerdiv .terminalserial {
		font-size: 10pt;
	}
	.terminalhistorytableheaddiv {
		margin: 0;
		padding: 0;
	}
	.tableheadintervaldiv {
		margin: 0;
		padding: 0 0 15px 0;
	}
	.tableheadintervaldiv .intervaldiv, .tableheadintervaldiv .eventdiv,
		.tableheadintervaldiv .exportdiv, .tableheadintervaldiv .intervaltxt,
		.tableheadintervaldiv .intervalselect, .tableheadintervaldiv .eventtxt,
		.tableheadintervaldiv .eventselect, .tableheadintervaldiv .export {
		float: left;
	}
	.tableheadintervaldiv .eventdiv, .tableheadintervaldiv .exportdiv {
		padding-left: 30px;
	}
	.tableheadintervaldiv .intervaltxt, .tableheadintervaldiv .eventtxt,
		.tableheadintervaldiv .export {
		padding: 0;
	}
	.tableheadintervaldiv .intervalselect, .tableheadintervaldiv .eventselect
		{
		font-size: 10pt;
		font-weight: bold;
	}
	.tableheadintervaldiv .export {
		background-image: url("img/icon_xls.png");
		background-repeat: no-repeat;
		background-position: 10px 6px;
		cursor: pointer;
		display: inline-block;
		height: 24px;
		line-height: 24px;
		padding: 0 3px 0 30px;
		text-align: right;
	}
	.tableheadintervaldiv .selectbold {
		font-weight: bold;
	}
	.defaulttablemaindiv {
		margin: 0;
	}
	.defaulttablemain {
		display: table;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		border-collapse: collapse;
		table-layout: fixed;
		empty-cells: show;
	}
	.defaulttablemain div.tablemainrow:nth-child(odd) {
		background-color: rgb(226, 226, 226);
	}
	.defaulttablemain div.tablemainrow:nth-child(even) {
		background-color: white;
	}
	.defaulttablemain .th_colname,
	.defaulttablemain .th_lastcolname {
		display: table-cell;
		margin: 0;
		padding: 0;
		border-right: 1px solid #c0c0c0;
		text-align: center;
	}
	.defaulttablemain .th_colnameleft,
	.defaulttablemain .th_lastcolnameleft {
		display: table-cell;
		margin: 0;
		padding: 0;
		border-right: 1px solid #c0c0c0;
		text-align: left;
	}	
	.defaulttablemain .th_lastcolname,
	.defaulttablemain .th_lastcolnameleft {
		border-right: 0;
	}
	.defaulttablemain .th_simplecolname {
		display: table-cell;
		margin: 0;
		padding: 0;
		text-align: right;
		vertical-align: bottom;
	}	
	.defaulttablemain .th_colnametxt {
		font-size: 11pt;
		font-weight: 600;
		padding: 0px 5px 2px 5px;
	}
	.defaulttablemain .th_colnamelowertxt {
		font-size: 9pt;
		color: #666;
		padding: 1px 5px 2px 5px;
	}	
	.defaulttablemain .th_simplecolnametxt {
		font-size: 10pt;
		padding: 0px 5px 2px 5px;
	}
	.defaulttablemain .tableheadrow, 
	.defaulttablemain .tablemainrow {
		display: table-row;
		margin: 0;
		padding: 0;
	}

	.defaulttablemain .tablesimplerow {
		display: table;
		margin: 0;
		padding: 0;
	}
	.defaulttablemain .tablesimplerowbb {
		display: table;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #c0c0c0;
	}
	.defaulttablemain .tableoverlaprow {
		display: table;
		margin: 0;
		padding: 0;
		z-index: 25;
	}	
	.defaulttablemain .tableheadrow .firstcol {
		border-left: 0;
	}
	
	.defaulttablemain .tablemainrow .th_cell,
	.defaulttablemain .tablemainrow .th_cellfirst,
	.defaulttablemain .tablemainrow .th_celllast {
		display: table-cell;
		border-top: 1px solid #c0c0c0;
		padding: 3px 5px;		
	}
	.defaulttablemain .tablemainrow .th_celllastbutton {
		display: table-cell;
		border-top: 1px solid #c0c0c0;
		padding: 1px 3px;		
	}	
	.defaulttablemain .tablemainrow .th_cell {
		border-right: 1px solid #c0c0c0;
		text-align: right;
		padding: 3px 5px;
	}
	.defaulttablemain .tablemainrow .th_cellfirst {
		border-right: 1px solid #c0c0c0;
		border-left: 0;
		text-align: left;
	}
	.defaulttablemain .tablemainrow .th_celllast,
	.defaulttablemain .tablemainrow .th_celllastbutton {
		border-right: 0;
		border-left: 0;
		text-align: right;
	}	
	.defaulttablemain .tablemainrow .th_celltxt {
		font-size: 10pt;
	}
	.defaulttablemain .presencetype {
		display: table;
	}
	.defaulttablemain .presencetype .colordiv {
		display: table-cell;
	}	
	.defaulttablemain .presencetype .th_celltxt {
		padding-left: 3px;
	}	
	.defaulttablemain .th_icon, .defaulttablemain .th_event,
		.defaulttablemain .th_eventtime {
		display: table-cell;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #c0c0c0;
	}
	.defaulttablemain .eventheadtxt, .defaulttablemain .eventtimeheadtxt {
		padding-left: 10px;
	}
	.defaulttablemain .th_event, .defaulttablemain .th_eventtime {
		border-left: 2px solid #c0c0c0;
	}
	.defaulttablemain .th_icon {
		width: 30px;
		height: 100%;
		text-align: center;
		vertical-align: middle;
	}
	.defaulttablemain .th_event {
		width: 100%;
		height: 100%;
		overflow: hidden;
		text-align: left;
		vertical-align: middle;
	}
	.defaulttablemain .th_eventtime {
		width: 120px;
		height: 100%;
		text-align: right;
	}
	.defaulttablemain .iconimg {
		height: 15px;
		width: 15px;
		margin: 0;
		padding: 0;
	}
	.defaulttablemain .eventtxt {
		float: left;
		font-size: 11pt;
	}
	.defaulttablemain .th_event .padl5 {
		padding-left: 5px;
	}
	.presenceholidaytable .holidayhead {
		margin-top: -15px;
	}
	.presenceholidaytable .holidayinterval { 
		float: left;	
	}
	.presenceholidaytable .requireddate {
		color: #999;
		float: right;
	}			
	.eventdaytimetxt {
		padding-right: 5px;
	}
	.transactiondatadiv {
		margin: 0;
		padding: 5px 0px;
		width: 100%;
	}
	.transactiondatadiv .cellleftdiv {
		width: 25%;
	}
	.transactiondatadiv .cellrightdiv {
		width: 65%;
	}
	.transactiondatadiv .cartitemdiv {
		float: none;
	}
	.transactiondatadiv .cartitemdiv .cartitemtxt {
		font-size: 11pt;
		margin-top: 2px;
		margin-bottom: -2px;
	}	
	.transactiondatadiv .transactiondataid {
		font-size: 14pt;
		font-weight: bold;
		margin-top: -1px;
	}
	.transactiondatadiv .transactiondata {
		font-size: 11pt;
		margin-top: 2px;
	}
	.transactiondatadiv .transactiondatabold {
		font-size: 11pt;
		font-weight: bold;
		margin-top: 2px;
	}

	.buffetlimitnamediv, 
	.buffetnewmenuordernamediv {
		padding-bottom: 20px;
	}

	.buffetlimitnametxt,
	.buffetnewmenuordertxt {
		font-size: 14pt;
		float: left;
	}

	.buffetlimitinfodiv,
	.buffetlimitflexiblelimitdiv,
	.buffetnewmenuorderitemdiv {
		float: left;
	}
	
	.buffetnewmenuorderitemdiv {
		position: relative;
		display: table;
		text-align: left;
		vertical-align: top;
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	.buffetnewmenuorderitemdiv .newmenurightdiv,
	.buffetnewmenuorderitemdiv .newmenuleftdiv {
		display: table-cell;
		margin: 0;
		padding: 0;
	}
	
	.buffetnewmenuorderitemdiv .newmenuchoosediv {
		float: left;
		clear: both;
	}
	
	.buffetlimitinfodiv {
		white-space: nowrap;
		display:inline;
	}
	
	.buffetlimitinfotxtdiv {
		float: left;
		padding-bottom: 10px;
	}
	
	.buffetlimitflexiblelimitdiv {
		margin: 0 0 0 -3px;
	}
	
	.buffetnewmenuorderitemdiv {
		margin: 0;
	}	
	
	.buffetnewmenuorderinnerdiv .newmenuordernum {
/* 		font-family: 'Josefin Sans', sans-serif; */
		float: left;
		font-size: 12pt;
		font-weight: normal;
		height: 28px;
		min-height: 28px;
		width: 60px;
		margin: 0px 5px;
		padding: 1px 3px;
		text-align: center;
	}
	
	.buffetlimitinnerdiv .buffetlimit {
		font-family: 'Josefin Sans', sans-serif;
		float: left;
		font-size: 20pt;
		font-weight: bold;
		height: 40px;
		min-height: 40px;
		text-align: right;
		padding-top: 0;
	}

	.buffetlimitinnerdiv .buffetlimitunit {
		float: none;
		font-size: 12pt;
		padding-left: 5px;
		padding-top: 0;
		margin-top: 6px;
		margin-left: 10px;
		display: inline-block;
	}

	.buffetlimitinnerdiv .buffetlimitunitspan {
		float: none;
		font-size: 18pt;
		padding-left: 5px;
		padding-top: 3px;
		display: inline-block;
	}	

	.buffetlimitinnerdiv .buffetlimitinfo {
		font-size: 12pt;
		font-weight: bold;
	}

	.buffetlimitinnerdiv .flexiblelimitlabel,
	.buffetnewmenuorderinnerdiv .newmenuordermenulabel {
		font-weight: normal;
		display: inline-block;
	}
	
	.buffetnewmenuorderinnerdiv .newmenuorderdatelabel {
		font-weight: bold;
		display: inline-block;
	}	
	
	.buffetnewmenuorderinnerdiv .newmenuordertypelabel {
		display: inline-block;
		font-size: 11pt;
		font-weight: normal;
		float: left;
		padding-left: 5px;
	}
	
	.buffetnewmenuorderinnerdiv .newmenuordermenulabel {
		display: inline-block;
		font-size: 9pt;
		color: #666;
		float: left;
		padding-top: 3px;
		padding-left: 5px;
	}	
	
	.buffetlimitinnerdiv .buffetlimitflexible,
	.buffetnewmenuorderinnerdiv .newmenuordercheckbox {
		position: relative;
		top: -2px;
		height: 20px;
	}
	
	.holidayrequestdatesdiv .holidaycheckbox {
		position: relative;
		top: 4px;
		height: 20px;
	}	
	
	.buffetnewmenuorderinnerdiv .newmenuorderradio {
		position: relative;
		top: -4px;
		height: 20px;
		float: left;
	}
	
	.buffetlimitflexiblelimitdiv label span,
	.buffetnewmenuorderitemdiv label span {
		vertical-align: top;
	}
	
	.buffetlimitflexiblelimitdiv input,
	.buffetnewmenuorderitemdiv input {
		vertical-align: top;
	}
	
	.buffetlimitflexiblelimitdiv label,
	.buffetnewmenuorderitemdiv label {
	    display: block;
	    float: left;
	    padding-right: 10px;
	    margin: 0;
	    white-space: nowrap;
	}
	

	.buffetlimitinnerdiv .flexiblelimittxt,
	.buffetnewmenuorderinnerdiv .buffetnewmenuorderinfotxt {
		font-size: 11pt;
	}
	
	.buffetlimitinnerdiv .flexiblelimittxt {
		padding-left: 18px;
	}
	
	.buffetnewmenuorderinnerdiv .buffetnewmenuorderinfotxt {
		background-image: url("img/exclamation--frame.png");
		background-repeat: no-repeat;
		background-position: 0 1px;
		display: inline-block;
		padding: 0 0px 0 24px;	
	}
	.buffetpurchasetablecell {
		padding: 0px 20px 0px 0px !important; 
	}
	.holidayrequestsearchdiv {
		padding: 0;
		margin: 0;	
	}
	.holidayrequestsearchdiv .requestersearchdiv {
		padding-top: 1px;
	}
	.holidayrequestsearchdiv .holidayrequestertxt {
		padding: 3px 0 0 0;
		margin: 0;
	}
	.holidayrequestsearchdiv .holidayrequestedinputdiv {
		padding: 0 20px 0 0;
		margin: 0;
	}
	.holidayrequestsearchdiv .holidayrequestedinputdiv .holidayrequestedinput {
		padding: 0;
		margin: 0;
		line-height: 28px;
		height: 28px;
	}
	.holidayrequestinnerdiv,
	.holidayapproveinnerdiv {
		margin: 0;
	}
	.holidayframediv {
		margin: 0;
		padding: 0 0 2px 0;
	}
	.holidayrequestinfodivright {
		margin: 0;
		padding: 0 0 10px 10px;
	}
	.holidayrequesterdiv,
	.holidayrequestinfodiv,
	.holidayrequestdatepickerdiv,
	.holidayrequesttimediv {
		padding-bottom: 10px;
	}
	.holidayrequestdatepickerdiv .holidayframeselectdiv {
		padding: 5px 0;
		margin: 0;
	}
	.holidayrequestdatesdiv,
	.holidayrequestdatepickerdiv {
		display: table;
		padding: 0;
	}
	.holidayrequestinfodivright .holidayinfo {
		padding: 0;
		margin: 0;
	}
	.holidayrequestinfodivright .holidaydayinfo {
		padding: 0 0 0 5px;
		margin: 0;
	}
	.holidayrequestdatepickerdiv .holidayframeselecttxt {
		padding: 0 5px 0 0;
		margin: 0;
	}	
	.holidayrequestinnerdiv .holidayinfotable {
		display: table;
		margin: 0;
		padding: 0;

	}
	.holidayrequestinnerdiv .holidayinfotable .holidayinforow {
		display: table-row;
		margin: 0;
		padding: 0;
	}
	.holidayleaveitemdiv .holidayinfopaidleave,
	.holidayleaveitemdiv .holidayinfounpaidleave,
	.holidayleaveitemdiv .holidayinfospecialleave,
	.holidayleaveitemdiv .holidayinfosickleave {
		display: table-cell;
		width: 15px;
		height: 15px;
		float: left;
		background-color: #fff !important;		
		margin: 3px 3px 0 0;
		border: 3px solid;
	}		
	.holidayrequesttimediv .holidayinforequested,
	.holidayrequesttimediv .holidayinfoapproved,
	.holidayrequesttimediv .holidayinforejected,
	.holidayrequesttimediv .holidayinfocancelrequested,
	.holidayrequesttimediv .holidayinfocancelled {
		display: table-cell;
		width: 15px;
		height: 15px;
		float: left;
		margin: 3px 3px 0 0;
	}
	.holidayrequesttimediv .holidayinfotxt{
		margin: 0 0 0 5px;
		padding: 0;
		float: left;
	}

	.holidayrequestdatepickerdiv .datepickerinnerleft,
	.holidayrequestdatepickerdiv .datepickerinnerright {
		display: table-cell;
		padding: 10px;	
	}
	.holidayrequestdatepickerdiv .selectedholidaysdiv {
		overflow-x: hidden;
		overflow-y: auto;
		max-height: 270px;
	}
	.holidaydatepicker .glyphicon {
		padding: 5px 10px;
	}
	.holidaydatepicker span {
		border-radius: 3px;
		padding: 3px 10px;
		margin: 0;
	}
	.holidaydatepicker .APPROVED button span,
	.holidayrequesttimediv .holidayinfoapproved {
		background-color: rgb(0,128,0);
		color: black;
	}	
	.holidaydatepicker .REJECTED button span,
	.holidayrequesttimediv .holidayinforejected {
		background-color: rgb(255,0,0);
		color: black;
	}
	.holidaydatepicker .REQUESTED button span,
	.holidayrequesttimediv .holidayinforequested {
		background-color: rgb(255,255,0);
		color: black;
	}
	.holidaydatepicker .CANCELREQUESTED button span,
	.holidayrequesttimediv .holidayinfocancelrequested {
		background-color: rgb(255,150,60);
		color: black;
	}
	.holidaydatepicker .CANCELLED button span,
	.holidayrequesttimediv .holidayinfocancelled {
		background-color: rgb(60,255,60);
		color: black;
	}
	.holidaydatepicker .PAID_LEAVE button,
	.holidayleaveitemdiv .holidayinfopaidleave  {
		background-color: rgb(72,205,255);	
		border-color:  rgb(72,205,255);	
	}
	.holidaydatepicker .UNPAID_LEAVE button,
	.holidayleaveitemdiv .holidayinfounpaidleave  {
		background-color: rgb(163,73,164);
		border-color: rgb(163,73,164);
	}
	.holidaydatepicker .SPECIAL_LEAVE button,
	.holidayleaveitemdiv .holidayinfospecialleave  {
		background-color: rgb(0,0,0);
		border-color: rgb(0,0,0);
	}
	.holidaydatepicker .SICK_LEAVE button, 
	.holidayleaveitemdiv .holidayinfosickleave  {
		background-color: rgb(70,70,255);
		border-color:rgb(70,70,255);
	}			
	.holidaydatepicker .btn, 
	.holidaydatepicker .btn-sm {
		padding: 6px 4px;
		font-size: 12pt;
		font-weight: 600;
	}
	.holidaydatepicker th, .holidaydatepicker td {
		padding: 1px;
		font-size: 15pt;
	}
	.holidayrequestdatepickerdiv .selectedholidaysdiv .requesteddayrow {
		padding: 3px;
	}
	.holidayrequestdatepickerdiv .removeselectedholiday {
		background-image: url('img/minus-button.png');
		padding: 0px 0px 0px 50px;
		background-repeat: no-repeat;
		background-position: center center;
		height: 30px;
		line-height: 30px;
		width: 50px !important;		
	}
	.holidayrequestdatepickerdiv .requesteddaystext {
		padding-bottom: 10px;
	}
	.holidayrequestinfo {
		font-weight: bold;
	}
	.holidayuserinfo {
		font-weight: bold;
		padding: 0 15px;
	}	
	.holidayrequestinnerdiv .requestertxt,
	.holidayapproveinnerdiv .requestertxt {
		font-weight: 600;
	}
	.holidayrequestinnerdiv .requesttimetxt,
	.holidayapproveinnerdiv .requesttimetxt {
		font-size: 9pt;
		color: #999;
	}
	.holidayrequestinnerdiv .datediv,
	.holidayapproveinnerdiv .datediv {
		float: left;
		clear: both;
		display: table-cell;
	}
	.holidayrequestinnerdiv	.datelabel,
	.holidayapproveinnerdiv	.datelabel {
		font-weight: bold;
		padding-left: 5px;
	}
	.holidayrequestinnerdiv .datenamelabel,
	.holidayapproveinnerdiv .datenamelabel {
		font-weight: normal;
		padding-left: 5px;
	}
	.holidayrequestinnerdiv .holidayrequestsumtxt,
	.holidayapproveinnerdiv .holidayrequestsumtxt {
		float: left;
	}
	.holidayframedaytxt {
		padding: 2px 0 0 5px;
		margin: 0;
		float: left;
   		white-space: nowrap;
		display: table-cell;   				
	}
	.holidaydayinput {
		width: 50px !important;
		float: left;
		display: table-cell;
	}
	
	/* calendar */
	
	.calendarmaindiv {
		float: left;
		padding: 0;
		margin: 0;
	}
	
	.calendarmaindiv .calendarinnerdiv {
		padding: 20px 0px;
	}
	
	.calendarinfoinnerdiv {
		margin: 0;
	}
					
	.calendarinfoinnerdiv .calendarinfotable {
		display: table;
		margin: 0;
		padding: 20px 0;

	}
	
	.calendarinfoinnerdiv .calendarinfotable .calendarinforow {
		display: table-row;
		margin: 0;
		padding: 0;
	}
	
	.calendarinfoinnerdiv .calendarinfoworkday,
	.calendarinfoinnerdiv .calendarinfoholiday,
	.calendarinfoinnerdiv .calendarinforequiredholiday {
		display: table-cell;
		width: 15px;
		height: 15px;
		float: left;
		margin: 3px 3px 0 0;
	}
	
	.calendarinfoinnerdiv .calendarinfoworkday {
		background-color: #bbb;
		color: white;
	}
	
	.calendarinfoinnerdiv .calendarinfoholiday {
		background-color: #ff0000;
		color: white;
	}
	
	.calendarinfoinnerdiv .calendarinforequiredholiday {
		background-color: #008000;
		color: white;
	}
	
	.calendarinfoinnerdiv .calendarinfotxt{
		margin: 0 0 0 5px;
		padding: 0;
		float: left;
	}
	
	.picker-day {
		font-weight: bold;
	}
	.picker-day.workday {
    	background-color: #bbb;
    	color: #fff;
    	cursor: default;
	}

	.picker-day.holiday {
    	background-color: #ff0000;
    	color: #fff;
	}
	
	.picker-day.requiredHoliday {
    	background-color: #008000;
    	color: #fff;
	}
	.picker-day.today {
		color: "#fff";
	}
	
	/* Brandbank */
	
	.brandbankimportdiv {
		padding: 20px 0px 0px 0px;
		margin: 0;
	}
	.brandbankinfodiv {
		margin: 0;
		padding: 20px 0;
	}
	.brandbankinfotxt {
		color: #666;
	}
	.brandbankinnerdiv {
		padding: 0;
		margin: 0;
	}
	.brandbankinnerdiv .barcodetxt {
		font-weight: bold;
		vertical-align: top;
	}
	.brandbankinnerdiv .brandbanksavebuttondiv {
		padding-top: 20px;
		text-align: center;
	}
	.brandbankinnerdiv .barcodeinputarea {
		min-height: 150px;
		max-height: 400px;
		height: 40vh;
		min-width: 150px;
		max-width: 800px;
		width: 40vw;
	}



	/* Report, Presence*/
	.presencelegend {
		padding: 5px 0;
		margin: 0;
		min-height: 25px;
	}
	
	.presencelegend .legendcolorbox {
		width: 16px; 
		height: 16px; 
		margin: 3px;
	}
	
	.presencelegend .legendtxtdiv {
		padding: 0 30px 0 0;
	}
	
	.reportiteminnerdivright {
		float: none;
		display: table-cell;
		vertical-align: top;
		margin-left: 0;
	}
	.reportiteminnerdivleft {
		float: left;
		display: table-cell;
		vertical-align: top;
		margin-left: 0;
		padding-left: 0;
	}
	.reportgrafikonfelso, 
	.reportgrafikonalso, 
	.presencesalso, 
	.orgunitalso,
	.deviceTypeAlso,
	.applicationModulAlso,
	.applicationAlso {
		margin: 0;
	}
	.reportgrafikonalso, 
	.presencesalso {
		padding: 20px 0px 0px 0px;
	}
	.orgunitalso {
		padding: 10px 0px 0px 0px;
	}
	.reportgrafikonalso .alsografikonbal, .reportgrafikonalso .alsografikonjobb
		{
		margin: 0;
		padding: 0;
		border: 1px solid #d5d5d5;
	}
	.google-visualization-table-table {
		border: 1px solid #d5d5d5;
	}
	.reportitemdiv .reportsubmenu {
		padding-left: 20px;
	}
	.reportitemdiv .sidebar, 
	.presenceitemdiv .sidebar,
	.settingsitemdiv .sidebar,
	.buffetmenuorderitemdiv .sidebar {
		margin-left: 0;
	}
	.reportitemdiv .main, 
	.presenceitemdiv .main,
	.settingsitemdiv .main,
	.buffetmenuorderitemdiv .main {
		margin-left: 0;
	}
	.reportitemdiv .keresesidoszak, 
	.presenceitemdiv .keresesidoszak,
	.settingsitemdiv .keresesidoszak,
	.presenceitemdiv .felhasznalotxt,
	.settingsitemdiv .felhasznalotxt
	.statmentholidaydiv .statmentholidaytxt {
		padding-right: 5px;
		padding-top: 5px;
		font-size: 11pt;					
	}
	.statmentholidayinputdiv {
		padding: 0;
		margin: 0;
	}
	.reportitemdiv .exportalastxt, 
	.presenceitemdiv .exportalastxt,
	.settingsitemdiv .exportalastxt {
		padding: 1px 3px 0px 3px;
		font-size: 11pt;
	}
	.reportitemdiv .idoszakselect, 
	.presenceitemdiv .idoszakselect,
	.settingsitemdiv .idoszakselect,
	.presenceitemdiv .userselect,
	.settingsitemdiv .userselect {
		border-radius: 4px;
		border: 1px solid #ccc;
		width: auto;
		height: 30px;
		line-height: 30px;
		font-size: 9pt;
		padding: 4px;
		font-weight: bold;
		margin-right: 5px;
	}
	.presenceitemdiv .userselect,
	.settingsitemdiv .userselect {
		margin-left: 10px;
	}
	
	.reportgrafikonfelso .felsoreportgraph {
		margin-left: 0px;
		height: 150px;
	}
	.reportgrafikonalso .alsoreportgraph {
		margin-left: 0px;
		height: 400px;
	}
	
	.buffetmenuordertable {
		border: 1px solid #cccccc;
		padding: 0;
	}	

	.overviewDataOuterDiv .useroverviewcardlisttable .listtable,
	.overviewDataOuterDiv .useroverviewworktimeventlisttable {
		padding: 0;
		overflow-y : auto;
		overflow-x: none;
		max-height: 272px;
	}
	
	.presenceitemdiv .defaulttablemain .th_pluscolname {
		background-image: url("img/plus-circle.png");
		background-repeat: no-repeat;
		background-position: 2px 2px;
		cursor: pointer;
		display: inline-block;
		height: 40px;
		line-height: 40px;
		padding: 0 3px 0 40px;
		cursor: pointer;
	}
	.buffetmenuorderitemdiv .defaulttablemain .th_pluscolname {
		background-image: url("img/plus-circle.png");
		background-repeat: no-repeat;
		background-position: 2px 2px;
		cursor: pointer;
		display: table-cell;
		height: 36px;
		line-height: 36px;
		padding: 0 3px 0 36px;
		cursor: pointer;
	}
	.orgunititemdiv .defaulttablemain .th_pluscolname {
		background-image: url("img/plus-circle.png");
		background-repeat: no-repeat;
		background-position: 2px 2px;
		cursor: pointer;
		display: inline-block;
		height: 40px;
		line-height: 40px;
		padding: 0 3px 0 40px;
		cursor: pointer;
	}
	.orgunititemdiv {
		margin: 0;
		padding: 0;
	}
	
	.presenceintemdiv .defaulttablemain .th_newholiday,
	.orgunititemdiv .defaulttablemain .th_neworgunit,
	.buffetmenuorderitemdiv .defaulttablemain .th_newmenuorder {
		font-size: 11pt;
	}
	.presenceitemdiv ul.nav-sidebar li .navmenu:before,
	.rolesitemdiv ul.nav-sidebar li .navmenu:before,
	.settingsitemdiv ul.nav-sidebar li .navmenu:before,
	.buffetmenuorderitemdiv ul.nav-sidebar li .navmenu:before {
		background: none;
		padding-right: 0;
	}
	.presenceitemdiv ul.nav-sidebar li .navmenu.collapse:before,
	.rolesitemdiv ul.nav-sidebar li .navmenu.collapse:before,
	.settingsitemdiv ul.nav-sidebar li .navmenu.collapse:before,
	.buffetmenuorderitemdiv ul.nav-sidebar li .navmenu.collapse:before {
		background: none;
		padding-right: 0;
	}
	.presenceitemdiv ul.nav-sidebar li a,
	.rolesitemdiv ul.nav-sidebar li a,
	.settingsitemdiv ul.nav-sidebar li a,
	.buffetmenuorderitemdiv ul.nav-sidebar li a {
		padding: 10px 15px 10px 5px;
	}
	
	.buffetmenuorderitemdiv .menuordercell {
		position: relative;
	}	
	.buffetmenuorderitemdiv .menuorderinfo {
		position: relative;
		top: 0;
		left: 0;
		z-index: 25;
	}
	.buffetmenuorderitemdiv .menuordercancelbtn {
		position: absolute;
		top: 3px;
		right: 3px;
		line-height: 13px;
		font-size: 9pt;
		z-index: 35;
	}	

	.presenceitemdiv .presencepicker {
		width: auto !important;
	}
	
	.presenceitemdiv .selectpicker {
		font-size: 12px;
		font-weight: bold;
	}
	
	.presenceitemdiv .dropdown-menu > li > a,
	.settingsitemdiv .dropdown-menu > li > a,
	.rolesitemdiv .dropdown-menu > li > a,
	.buffetmenuorderitemdiv .dropdown-menu > li > a {
		font-size: 12px;
		padding: 2px 25px 2px 5px;
	}
	
	.presenceitemdiv .presenceworkweekalso {
		width: 99%;
		padding: 0;
	}
	.presenceitemdiv .presencestatementalso {
		padding: 0;
	}	
	.buffetmenuorderitemdiv .buffetmenuorderalso {
		width: 100%;
		padding: 0;
	}	
	.presenceitemdiv .presenceworkweekalso .overviewItemWeekWindowOuter {
		padding: 0;
		margin-top: 15px;
		border: 2px solid #ccc;
	}
	.presenceitemdiv .presenceworkweekwindow {
		height: 300px;
		margin: 0;
		width: 86%;
	}
	.workday .dateLabel,
	.workday .arrivaltime,
	.workday .leavingtime,
	.workday .overtime,
	.workday .workingtime,
	.workday .workingtimeunit {
		font-size: 11pt;
	}
	
	.workday .holidaytypetxt {
		text-align: center;
		padding: 2px;		
		font-size: 9pt;
	}	
	
	.workday .arrivaltime,
	.workday .leavingtime {
		text-align: left;
		padding-left: 5px;
	}
	
	.workday .overtimediv,
	.workday .overtime,
	.workday .workingtime,
	.workday .workingtimeunit {
		text-align: center;
	}
	
	.workday .workingtime {
		padding-top: 5px;
		margin-bottom: -5px;
	}
	
	.workday .overtimediv {
		height: 20px;
		position: absolute;
		bottom: 0;
		width: 100%;
	}

	.workday .overtime {
		color: #3366ff;
	}
	
	.workday .innertop,
	.workday .innerbottom {
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		height: 45px;
	}
	
	.workday .innertop {
		background-color: #fff;
		border-bottom: 1px solid #ccc;
	}
	
	.workday .innerbottom {
		border-top: 1px solid #ccc;
	}
	
	.workday .innermiddle {
		border: 1px solid #ccc;
		height: 210px;
		position: relative;
	}
	.workday .holidaytext {
		margin: 0;
		padding: 0;
	}
	
	.exportalas {
		padding-left: 20px;
	}
	.exportalas .exportpdf, .exportalas .exportxls {
		padding-top: 1px;
		padding-left: 15px;
		font-size: 10pt;
	}
	.exportalas .exportpdf:before {
		background: url("img/icon_pdf.png") no-repeat;
		background-position: 0px 6px;
		background-size: 14px 14px;
		content: "";
		padding: 2px 16px 0px 0px;
	}
	.exportalas .exportxls:before {
		background: url("img/icon_xls.png") no-repeat;
		background-position: 0px 6px;
		background-size: 14px 14px;
		content: "";
		padding: 2px 16px 0px 0px;
	}

	/* new/mod products*/
	.productsinner {
	}
	.newproductdiv input,
	.newproductdiv select {
		font-size: 12pt;
		height: 20pt;
		line-height: 20pt;
		padding: 0px 3px;
	}
	.newproductdiv,
	.newproductbuttonrowdiv {
		border: 0;
		padding: 5px 0px;
		margin: 10px 0px;
/* 		display: table; */
	}
	.newproductdiv {
		height: 65vh;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.newproductbuttonrowdiv {
	}
	.newproductiteminnerdivright {
		float: left;
/* 		display: table-cell; */
		vertical-align: middle;
	}
	.newproductiteminnerdivleft {
		float: left;
/* 		display: table-cell; */
		margin: 0;
		padding-top: 30px;
	}
	.newproductitemimgdiv {
		position: relative;
		text-align: center;
		vertical-align: middle;
	}
	.productitemimg {
		position: relative;
		background-color: #fff;
		border: 1px solid grey;
		padding: 20px;
	}
	.productitemhaveimg {
		position: relative;
		border: 1px solid grey;
		padding: 10px;
		min-height: 240px;
		vertical-align: middle;
		text-align: center;
	}	
	.newproductitemimg {
		position: relative;
		background-color: #ccc;
		border: 1px solid grey;
		padding: 10px;
		min-height: 240px;
		vertical-align: middle;
		text-align: center;
	}
	.newproductitemimg .noitemimgdiv {
		position: absolute;
		margin: auto;
		padding: 0;
		width: 50%;
		height: 20%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.newproductitemimg .itemimgdiv {
		position: absolute;
		margin: auto;
		padding: 0;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}	
	.newproductitemimg .nopictxt {
		font-size: 10pt;
	}
	.newproductpic {
		max-width: 240px;
		max-height: 240px;
		margin: 0 auto;
		padding: 0;
		display: block;
	}
	.newproductitemimgsettings {
		position: absolute;
		bottom: -1px;
		right: -1px;
		border: 1px solid #999;
		background-color: #ccc;
		text-align: center;
		vertical-align: middle;
	}
	.newproductitemimgsettingsimg {
		background-image: url("img/icon-settings.png");
		background-repeat: no-repeat;
		background-position: 7px 7px;
		cursor: pointer;
		display: block;
		height: 36px;
		line-height: 36px;
		padding: 0 10px 0 30px;
		z-index: 100;
	}
	.newproductitemstats {
		display: table;
		width: 100%;
	}
	.newproductbasestatsdiv {
		display: table-row;
		padding-bottom: 5px;
	}
	.newproductstattxt {
		color: #000000;
		float: left;
		font-size: 14pt;
		cursor: default;
		padding-bottom: 5px;
	}
	.newproductstatinnerdiv {
		display: table;
		padding: 5px 0px;
		margin: 0;
	}
	.newproductstatinnerleftdiv {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
		padding-right: 0;
	}
	.newproductstatinnerrightdiv {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		padding-right: 0;
	}
	.statname {
		font-size: 10pt;
		padding-top: 2px;
	}
	.statvalue {
		font-size: 10pt;
	}
	.newproductcategory, .bruttopricetxt, .newproductbruttoprice,
		.newproductpriceselect, .newproductselect {
		float: left;
		margin-right: 5px;
		text-align: left;
	}
	.newproductpricecategoryselect {
		margin-right: 0;
		text-align: left;
		height: 22pt;
		line-height: 22pt;
		border-radius: 3px;
		border-color: #ccc;
	}
	.newproductcategory, .newproductselect {
		border-radius: 3px;
		border: 1px solid #cccccc;
	}
	.newproductbruttoprice {
		width: 80px;
		text-align: right;
		padding-right: 2px;
	}
	.bruttopricetxt {
		padding: 3px;
		font-size: 10pt;
	}
	.newproductallergydiv .allergytxtdiv {
		padding-bottom: 10px;
	}
	.newproductallergydiv .allergytxt {
		font-size: 10pt;
	}
	.newproducttapanyagselect {
		float: right;
	}
	.productsbuttondiv {
		display: table;
		text-align: center;
		vertical-align: middle;
	}
	.productsbuttonleftdiv, .productsbuttonrightdiv {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
	}

	/* Forgalom */
	.tradeoverviewdiv {
		border: 0;
		padding: 20px 0px;
		margin: 0;
		display: table;
	}
	.tradeoverviewitemdiv {
		border: 1px solid #999;
		padding: 5px;
		margin: 0px 20px 20px 0px;
		display: table-cell;
		float: left;
		width: 23%;
	}
	.tradeoverviewitemdiv .overviewinnerdiv {
		padding: 0;
		margin: 0;
		height: 45px;
	}
	.tradeoverviewdiv .statname {
		font-size: 11pt;
		margin: 0;
		padding: 0;
	}
	.tradeoverviewdiv .statvaluewayup {
		background-image: url("img/arrow-up-green.png");
		background-repeat: no-repeat;
		background-position: 5px 5px;
		display: block;
		height: 30px;
		line-height: 30px;
		padding: 0;
		margin: 0;
	}
	.tradeoverviewdiv .statvaluewaydown {
		background-image: url("img/arrow-down-red.png");
		background-repeat: no-repeat;
		background-position: 5px 5px;
		display: block;
		height: 30px;
		line-height: 30px;
		padding: 0;
		margin: 0;
	}
	.tradeoverviewdiv .statvaluediv {
		display: table-cell;
		vertical-align: bottom;
		float: right;
		white-space: nowrap;
	}
	.tradeoverviewdiv .statvalueunittxt {
		font-size: 14pt;
		font-family: 'Josefin Sans', sans-serif;
	}
	.tradeoverviewdiv .statvaluetxt {
		font-size: 28pt;
		font-family: 'Josefin Sans', sans-serif;
	}

	/*  Menzás overview kezdete*/

	/* Áttekintés */
	
	.overviewpresencediv .overviewsummarydiv {
		padding: 20px 40px 20px 0px;
	}
	.overviewItem {
		margin: 30px 0;
	}
	.overviewItemPicture {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: left;
		width: 8%;
	}
	.overviewItemPicture button {
		background-image: url("img/user.png");
		background-position: 19px 15px;
		background-repeat: no-repeat;
		background-size: 50% auto;
		border: 1px solid rgb(40, 111, 37);
		border-radius: 40px;
		display: block;
		margin: 0 auto;
		height: 70px;
		width: 70px;
	}
	.overviewItemPicture button.female {
		background-image: url("img/user-female.png");
	}
	.overviewItemBuffetPresence {
		float: left;
	}
	.overviewitemselectlistdiv {
		float: right;
	 	font-weight: bold;
	}
	.overviewitemselectlistdivleft {
		padding-left: 5px;
		float: left;
		font-weight: bold;
	}
	.overviewItemBuffet, 
	.overviewItemBuffetMinus,
	.overviewItemBuffetLimittext, 
	.overviewItemBuffetLimitValue,
	.overviewItemBuffetLimitModify {
		float: left;
	}
	.overviewItemBuffetLimittext, 
	.overviewItemBuffetLimitValue {
		padding-right: 10px;
	}
	.overviewItemBuffetLimitModify {
		font-size: 11pt;
		text-decoration: underline;
		padding-top: 2px;
	}
	.overviewItemContent, 
	.overviewItemUserData, 
	.overviewItemBalance {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: left;
	}
	.overviewItemContent {
		margin-bottom: 20px;
		width: 92%;
	}
	.overviewItemUserData {
		height: 70px;
	}
	.overviewItemBalance {
		font-size: 14pt;
		line-height: 70px;
		padding-right: 20px;
		text-align: right;
		width: 30%;
	}
	.overviewItemName {
		font-size: 24pt;
	}
	.overviewItemDesc, 
	.overviewItemMinus, 
	.overviewItemCompanyDesc {
		display: block;
		float: left;
	}
	.overviewItemMinus, 
	.overviewItemBuffetMinus {
		padding: 0px 5px;
	}
	.overviewItemMinus, 
	.overviewItemCompanyDesc {
		font-size: 10pt;
		font-weight: 300;
		font-color: rgb(100, 100, 100);
		font-style: italic;
		float: left;
		padding-top: 3px;
	}
	.overviewItemWeekWindowOuter {
		padding: 10px 0px 0px 0px;;
		margin: 0;
	}
	.overviewItemWeekWindowHeader {
		padding: 0px 10px 10px 0px;
		margin: 0;
		width: 95%;
		float: left;
	}
	.overviewItemWeekWindow hr {
	   border-top: 1px solid rgb(216,216,216);
	   height: 1px;
	   margin: 0;
	   position: absolute;
	   top: 64px;
	   width: 100%;
	}
	.overviewitemrightdiv {
		padding: 0;
		margin: 0;
		float: left;
	}
	.overviewitemrightdiv .balancediv {
		display: table;
		float: right;
		padding-top: 10px;
	}
	.overviewitemrightdiv .actworktimediv {
		float: right;
		padding-top: 10px;
		margin-left: -80px;
		height: 45px;
		line-height: 45px;
	}
	.overviewitemrightdiv .actworktimedivinner {
		display: table;
	}
	.overviewitemrightdiv .actworktimedivinner .actworktimedivrow {
		display: table-row;
	}		
	.overviewitemrightdiv .graphinfoouter {
		padding-top: 0px;
	}
	.overviewitemrightdiv .graphinfodiv {
		display: table;
		padding-left: 5px;
		padding-right: 0;
		width: 100%;
	}
	.overviewitemrightdiv .graphinfodiv .graphinforow {
		display: table-row;
		padding: 2px 0px;
	}	
	.overviewitemrightdiv .balancetxt,
	.overviewitemrightdiv .actworktimetxt {
		float: left;
		font-size: 9pt;
		font-style: italic;
		padding: 6px 7px 0px 0px;
	}
	.overviewitemrightdiv .balance,
	.overviewitemrightdiv .actworkacthour {
		float: left;
		font-size: 14pt;
		font-weight: bold;
		padding-bottom: 10px;
	}
	.overviewitemrightdiv .actworkactslash,
	.overviewitemrightdiv .actworkfullhour {
		float: left;
		font-size: 14pt;
		padding-bottom: 10px;
/* 		padding-top: 3px; */
	}
	.overviewitemrightdiv .actworkhour {
		float: left;
		font-size: 13pt;
		font-weight: bold;
		padding: 1px 0px 10px 3px;
	}
	.overviewitemrightdiv .graphinfobox,
	.overviewsummarydiv .graphinfobox {
		display: table-cell;
		width: 10px;
		height: 10px;
		padding: 0px;
		margin: 3px 0px 0px 0px;
	}
	.overviewitemrightdiv .graphinfoboxbig,
	.overviewsummarydiv .graphinfoboxbig {
		display: table-cell;
		width: 15px;
		height: 15px;
		padding: 0px;
		margin: 1px 0px 0px 0px;
	}	
	
	.overviewsummarydiv .firstcol{
		width: 30%;
	}
	.overviewsummarydiv .th_cell .th_celltxt {
		padding-right: 15px;
	}	
	.overviewsummarydiv .th_cell .th_celltxt.valueup,
	.overviewsummarydiv .th_cell .th_celltxt.valuedown {
		background-repeat: no-repeat;
		background-position: 100% 5px;
		display: block;
		margin: 0;		
	}	
	.overviewsummarydiv .th_cell .th_celltxt.valueup {
		background-image: url("img/arrow-up-green.png");
	}	
	.overviewsummarydiv .th_cell .th_celltxt.valuedown {
		background-image: url("img/arrow-down-red.png");
	}	
	.overviewItemContent .insufficientfound {
/* 		border: 1px solid #f00; */
/* 		background-color: #f55; */
		background-image: url("img/bg-insufficient-funds.png");
		border: 1px solid rgb(210, 22, 29);
	}
	.overviewItemContent .menuconsumption {
		background-color: rgb(221,111,8);
	}
	.overviewItemContent .otherconsumption {
		background-color: rgb(5,141,199);
	}
	.overviewItemContent .irregularholiday {
		background-color: rgb(248,147,33);
	}
	.overviewItemContent .gyesgyed {
		background-color: rgb(255,153,204);
	}
	.overviewItemContent .nopaidholiday {
		background-color: rgb(255,0,0);
	}
	
	.overviewItemContent .workday_ok,
	.overviewItemContent .workday_notok,
	.overviewItemContent .workday_late,
	.overviewItemContent .workday_no_in_or_out,
	.overviewItemContent .workday_overtime {	
		background-repeat: no-repeat;
		background-position: 50% 50%;	
	}
	.overviewItemContent .workday_ok {
		background-image: url("img/tick.png");
	}
	.overviewItemContent .workday_notok {
		background-image: url("img/exclamation-red.png");
	}
	.overviewItemContent .workday_late {
		background-image: url("img/clock--minus.png");
	}
	.overviewItemContent .workday_no_in_or_out {
		background-image: url("img/door--minus.png");
	}
	.overviewItemContent .workday_overtime {
		background-image: url("img/clock--plus.png");
	}				
	
				
	.overviewitemrightdiv .graphinfo {
		display: table-cell;
		text-align: left;
		font-size: 9pt;
		padding: 0 0 0 10px;
		margin: 0;
	}
	
	
	/* admin useroverview*/
	
	.overviewDataDiv {
		width: 100%;
	}
	
	.overviewDataDiv .overviewDataOuterDiv {
		width: 100%;
		padding: 0;
		margin: 0;
	}	
	
	.overviewDataDiv .overviewDataInnerDiv {
		margin: 0;
		float: left;
	}
	
	.overviewDataDiv .overviewHeaderDiv {
		padding: 20px 0;
		margin: 0;
	}
	
	.overviewDataDiv .overviewheadertxtdiv {
		padding: 5px 0px;
		margin: 0px;			
	}
	.overviewDataDiv .overviewdatatxtdiv {
		padding: 2px 0px;
		margin: 0px;
	}
	
	.overviewDataDiv .overviewdatatxt {
		padding: 0 3px;
		margin: 0;
	}
	
	.overviewDataInnerDiv .cardwithdrawbutton {
		padding: 1px 5px;
		margin: -3px 0px 0px 0px;	
	}
	
	.overviewDataInnerDiv .overviewbuttondiv {
		padding: 0; 
	}
	
	.overviewusersearchdiv {
		margin: 0;
		padding: 0 0 10px 0;
	}
	.overviewusersearchdiv .usertxt {
		padding: 3px 0 0 0;
		margin: 0; 
	}
	.overviewusersearchdiv {
		padding: 0 0 0 5px;
	}	
	
	.overviewItemWeeks .selectedOne, 
	.overviewItemWeeks .selectionOne,	
	.overviewItemWeeks .selectedLeft, 
	.overviewItemWeeks .selectedRight,
	.overviewItemWeeks .selectedTop,
	.overviewItemWeeks .selectionLeft, 
	.overviewItemWeeks .selectionRight,
	.overviewItemWeeks .selectionTop {
		border-bottom-width: 0;
		float: left;
		height: 100px;
	}
	
	.overviewpresencediv .overviewItemWeeks .selectionOne,	
	.overviewpresencediv .overviewItemWeeks .selectedLeft, 
	.overviewpresencediv .overviewItemWeeks .selectedRight,
	.overviewpresencediv .overviewItemWeeks .selectedTop,
	.overviewpresencediv .overviewItemWeeks .selectionLeft, 
	.overviewpresencediv .overviewItemWeeks .selectionRight,
	.overviewpresencediv .overviewItemWeeks .selectionTop {
		float: left;
		height: 150px;
	}
	
	.overviewpresencediv .overviewItemWeeks .selectedOne,
	.overviewpresencediv .overviewItemWeeks .selectionOne {
		background-repeat: no-repeat, no-repeat, repeat-x;
		background-color: #eee;
		border: 1px solid rgb(191, 191, 191);
		border-radius: 4px;
		margin-left: -2px;
		margin-right: -2px;
		margin-top: -10px;
		padding: 9px 0px 15px 1px;
	    width: 34px;	
	}
	.overviewpresencediv .overviewItemWeeks .selectedOne {
		float: left;
		height: 170px;	
		border-bottom-width: 0;
		border-radius: 4px 4px 0px 0px;
	}
	
	.overviewItemWeeks .selectedOne {
/* 		background-image: url("img/day-selected-left.png"), url("img/day-selected-right.png"), url("img/day-selected-repeat.png"); */
/* 		background-color: rgb(235, 235, 235); */
/* 		background-position: left -1px, right top, left top; */
	}
	.overviewItemWeeks .selectionOne {
/* 		background-image: url("img/selection-left.png"), url("img/selection-right.png"), url("img/selection-repeat.png"); */
/* 		background-position: left top, right top, left top; */
	}
	
	.overviewItemWeeks .selectedLeft, 
	.overviewItemWeeks .selectionLeft {
		background-repeat: no-repeat, repeat-x;
		margin-left: -4px;
		margin-top: -10px;
		padding-left: 4px;
		padding-top: 10px;
		width: 40px;
	}
	.overviewItemWeeks .selectedLeft {
		background-image: url("img/day-selected-left.png"),	url("img/day-selected-repeat.png");
		background-position: left -1px, left top;
		background-color: rgb(235, 235, 235);
	}
	.overviewItemWeeks .selectionLeft {
		background-image: url("img/selection-left.png"), url("img/selection-repeat.png");
	}
	.overviewItemWeeks .selectedRight, 
	.overviewItemWeeks .selectionRight {
		background-repeat: no-repeat, repeat-x;
		background-position: right top, left top;
		margin-top: -10px;
		margin-right: 6px;
		padding-right: 4px;
		padding-top: 10px;
		width: 30px;
	}
	.overviewItemWeeks .selectedRight {
		background-image: url("img/day-selected-right.png"), url("img/day-selected-repeat.png");
		background-color: rgb(235, 235, 235);
	}
	.overviewItemWeeks .selectionRight {
		background-image: url("img/selection-right.png"), url("img/selection-repeat.png");
	}
	.overviewItemWeeks .selectedTop, 
	.overviewItemWeeks .selectionTop {
		background-repeat: repeat-x;
		margin-top: -10px;
		padding-left: 0px;
		padding-top: 10px;
		width: 40px;
	}
	.overviewItemWeeks .selectedTop {
		background: url("img/day-selected-repeat.png");
		background-color: rgb(235, 235, 235);
	}
	.overviewItemWeeks .selectionTop {
		background: url("img/selection-repeat.png");
		background-repeat: repeat-x;
	}
	.overviewItemPresenceInfo {
		background-color: #eee;
		border: 1px solid;
		border-color: rgb(191, 191, 191);
		border-radius: 10px;
		float: left;
		height: auto;
		width: 80%;
		margin: 0;
		padding: 0;
		z-index: 100;
		position: relative;
		
	}
	.overviewItemPresenceInfo .selectedDayInfoDateDiv {
		margin-top: 15px;
	}
	.overviewItemPresenceInfo {
		height: auto;
		margin-bottom: 20px;
	}
	.overviewItemPresenceInfo .selectedday {
		float: left;
		margin-top: 10px;
		padding-left: 10px;
	}
	.overviewItemPresenceInfo .worktimemaintenancebutton {
		float: right;
		margin-top: 10px;
		padding-right: 10px;
	}	
	.overviewItemPresenceInfo .timetxt {
		float: right;
		margin-top: 20px;
		font-size: 9pt;
		padding-right: 10px;
	}
	.overviewItemPresenceInfo .eventtypetxt {
		float: left;
		margin-top: 20px;
		font-size: 9pt;
		padding-left: 10px;
	}
	
	.overviewItemPresenceInfo .overviewItemPresenceInner {
		height: auto;
		max-height: 200px;
		overflow-y: auto;		
	}		
		
	.overviewItemPresenceInfo .presenceinfotable {
		display: table;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		border-collapse: collapse;
		table-layout: fixed;
		white-space: nowrap;
		empty-cells: show;
		overflow: hidden;
	}
	
	.overviewDataDiv .userbalancetxt {
		font-size: 14pt;
		font-style: italic;
		padding: 0px 5px;
	}
	
	.presenceinfotable .presenceinfotablerow {
		display: table-row;
	}
	.presenceinfotable div.presenceinfotablerow:nth-child(odd) {
		background-color: rgb(255, 255, 255);
	}
	.presenceinfotable div.presenceinfotablerow:nth-child(even) {
		background-color: rgb(226, 226, 226);
	}
	.presenceinfotable .color {
		display: table-cell;
		width: 5px;
		padding: 0;
		margin: 1px;
		border: 1px solid #FFFFFF;
	}
	.presenceinfotable .operationtype {
		display: table-cell;
		font-size: 11pt;
		font-weight: 600;
		float: left;
	}
	.presenceinfotable .cardoperation {
		display: table-cell;
		padding-top: 4px;
		font-size: 10pt;
		font-color: #666;
		float: left;
	}
	.presenceinfotable .cardoperationminus {
		display: table-cell;
		padding: 0px 5px;
		margin: 0;
		width: 10px;
		vertical-align: middle;
		float: left;
	}
	.presenceinfotable .cardoperationtxt {
		font-size: 10pt;
		font-color: #666;
		font-style: italic;
		display: table-cell;
		margin: 0;
		vertical-align: middle;
		float: left;
		padding: 4px 0 0 5px;
	}
	.presenceinfotable .operationtime {
		display: table-cell;
		font-size: 10pt;
		font-color: #666;
		padding: 3px 5px 0 0;
		text-align: right;
		vertical-align: middle;
		float: right;
	}	
	.presenceinfotable .workstart:before,
	.presenceinfotable .workend:before,
	.presenceinfotable .smokingroomin:before,
	.presenceinfotable .smokingroomout:before {
		background-position: 0px 6px;
		background-size: 13px 8px;
		content: "";
		padding-right: 25px;
		padding-left: 2px;
		margin-left: 2px;	
	}
	.presenceinfotable .workstart,
	.presenceinfotable .workend,
	.presenceinfotable .smokingroomin,
	.presenceinfotable .smokingroomout {
		float: left;
		padding: 3px 0px;
	}	
	.presenceinfotable .workstart:before {
		background: url("img/payment-mode.png") no-repeat;
	}
	.presenceinfotable .workend:before {
		background: url("img/payment-mode.png") no-repeat;
	}
	.presenceinfotable .smokingroomin:before {
		background: url("img/payment-mode.png") no-repeat;
	}	
	.presenceinfotable .smokingroomout:before {
		background: url("img/payment-mode.png") no-repeat;
	}	
	.overviewItemPresenceInfo button {
		/*margin-top: 15px;
		margin-bottom: 15px;
		*/
		margin: 0;
	}
	.overviewItemPresenceInfo .ajaxLoadingImageSmall {
		margin-top: 17px;
		margin-left: 5px;
		float: left;
	}
	.cancelFoodDateDiv, .orderedFoodDateDiv {
		display: block;
		float: left;
		margin-top: 15px;
		padding-bottom: 0px;
	}
	.changeMenuPopup .gwt-RadioButton {
		margin-top: 20px;
		margin-left: 20px;
		float: left;
		width: 100%;
	}
	.changeMenuPopup .gwt-RadioButton input {
		float: left;
		margin-top: 2px;
		margin-right: 20px;
	}
	.changeMenuPopup .gwt-RadioButton label {
		float: left;
		width: 80%;
	}
	.changeMenuPopup button {
		float: left;
		margin: 10px;
	}
	.changeMenuPopup .buttons {
		float: right;
		margin-right: 100px;
		margin-top: 50px;
		margin-bottom: 20px;
	}
	.orderWizardMenuDetails {
		background-color: rgb(235, 235, 235);
		border: 1px solid;
		border-color: rgb(191, 191, 191);
		border-radius: 10px;
		float: left;
		padding: 10px;
		margin-top: 15px;
		margin-left: 15px;
		position: absolute;
		box-shadow: 0px 3px 2px rgb(150, 150, 150);
	}
	.statementHolidayInfo, 
	.statementPresenceInfo {
		background-color: #eee;
		border: 1px solid;
		border-color: rgb(191, 191, 191);
		border-radius: 10px;
		float: left;
		height: auto;
		width: 80%;
		margin: 0;
		padding: 0;
		z-index: 100;
		position: relative;	
	}
	.statementHolidayInfo .selectedDayInfoDateDiv {
		margin-top: 15px;
	}
	.statementHolidayInfo,
	.statementPresenceInfo {
		height: auto;
		margin-bottom: 20px;
	}
	.statementHolidayInfo .statementHolidayInfoInner {
		height: auto;
		max-height: 200px;
		overflow-y: auto;		
	}
	.statementPresenceInfo .statementPresenceInfoInner {
		height: auto;
		max-height: 200px;
		overflow-y: auto;		
	}	
	.statementHolidayInfo .selectedday,
	.statementPresenceInfo .presencetypetxt {
		float: left;
		margin-top: 10px;
		padding-left: 10px;
	}
	.statementHolidayInfo .timetxt {
		float: right;
		margin-top: 20px;
		font-size: 9pt;
		padding-right: 10px;
	}
	.statementHolidayInfo .presenceinfotable,
	.statementPresenceInfo .presenceinfotable {
		display: table;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		border-collapse: collapse;
		table-layout: fixed;
		white-space: nowrap;
		empty-cells: show;
		overflow: hidden;
	}


	/* Lemondáskor legördülő doboz */
	.selectedTop .dateLabel, .selectedLeft .dateLabel, .selectionTop .dateLabel,
		.selectionLeft .dateLabel {
		margin-left: -10px;
	}
	.selectedOne .dateLabel, .selectionOne .dateLabel {
		margin-left: 0;
	}
	.overviewItemContent .buttons {
		margin: 0;
	}
	.overviewItemContent .day {
		float: left;
		margin: 0 0 40px 0;
		min-height: 84px;
		width: 30px;
	}
	.overviewItemContent .workday {
		float: left;
		margin: 0;
		min-height: 300px;
		min-width: 50px;
		width: 100px;
		padding: 0;
		background-color: #fff;
	}
	
	.overviewItemContent .workdaytoday {
		/*box-shadow: -4px 0px 10px -2px #0088CE;*/
		border: 1px solid #0088CE;
		/*outline: 1px solid #0088CE; */
		position: relative;
		top: -1px;
	}

	.overviewItemContent #overViewPresenceDiv .day {
		min-height: 132px;
	}
	.overviewItemContent #overViewPresenceDiv .dayItemOuter {
		height: 108px;
	}
	.overviewItemContent #overViewPresenceDiv .dayItem {
		height: 107px;
	}
	.overviewItemContent .today {
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 4px;
		margin-left: -2px;
		margin-right: -2px;
		margin-top: -10px;
		padding: 9px 0px 5px 1px;
	    width: 34px;
	}	
	.overviewItemContent .itemHeader {
		text-align: center;
		cursor: pointer;
	}
	.overviewItemContent .dayItemPlaceholder {
		margin-bottom: 2px;
		height: 10px;
	}
	.overviewItemContent .dayItemOuter {
		position: relative;
		border-top: 1px solid rgb(216, 216, 216);
		border-bottom: 1px solid rgb(216, 216, 216);
		cursor: pointer;
		margin-bottom: 2px;
		margin-right: 10px;
		height: 60px;
		width: 30px;
		text-align: center;
		vertical-align: bottom;
	}
	.overviewItemContent .dayItem {
		background-color: #fff;
		border-color: rgb(216, 216, 216);
		border-style: solid;
		border-width: 1px 1px 0;
		bottom: 0;
		cursor: pointer;
		height: 59px;
		left: 0;
		margin-left: 5px;
		position: absolute;
		width: 20px;
		z-index: 10;
	}
	
	.overviewItemContent .dayItemInner {
		z-index: 19;
/* 		min-height: 1px; */
		overflow: hidden;
		width: 20px;
		margin-left: 5px;
		left: 0;
		bottom: 0px;
		position: relative;
	}
	
	.overviewItemContent .dayTimeItem {
		z-index: 19;
		min-height: 1px;
		overflow: hidden;
		width: 20px;
		margin-left: 5px;
		left: 0px;
		position: absolute;
	}

	.overviewItemContent .dayTimeItem2 {
		z-index: 19;
/* 		min-height: 1px; */
		overflow: hidden;
		width: 20px;
		margin-left: 5px;
		left: 0px;
		position: relative;
	}

	.overviewItemContent .dayItemOuter .transparent {
		background-color: rgb(0, 0, 0, 0);
	}
	.overviewItemContent .dayItemInner.wallet,
	.overviewItemContent .dayItemInner.menu {
		border-top: 0;
		border-bottom: 0;
		z-index: 15;
	}
	.overviewItemContent .dayItemInner.wallet {
		background-color: rgb(5,141,199);
	}
	.overviewItemContent .dayItemInner.menu {
		background-color: rgb(221,111,8);
	}	
	.overviewItemContent .dayItemInner.weekend {
		background-color: rgb(216, 216, 216);
		height: 100%;
		/* a height 100% miatt hátább tesszük, hogy ha fölé menne bármi is az látszódjon*/
		position: absolute;
		z-index: 13;
	}	
	.overviewItemContent .dayItemInner.workday {
		background-color: rgb(7, 149, 0);
	}
	.overviewItemContent .dayItemInner.holiday {
		background-color: rgb(255, 102, 0);
	}
	.overviewItemContent .dayItemInner.nofound {
		background-image: url("img/bg-insufficient-funds.png");
		border: 1px solid rgb(210, 22, 29);
	}
	.overviewItemContent .dayItemInner.orderedNotPayed {
		background-image: url("img/bg-megrendelt-kifizetetlen.gif")
	}
	.overviewItemContent .workday2.weekend {
		background-color: rgb(216, 216, 216);
	}
	.overviewitembutton {
		margin-right: 20px;
	}
	.overviewitembuttonright {
		margin-right: 0px;
	}		
	.overviewDayItem {
		margin-bottom: 20px;
	}
	.overviewDayItem .normaltextInaktiv {
		float: left;
		line-height: 23px;
		padding: 0 5px;
		word-wrap: break-word;
		width: 100%;
	}
	.overviewDayItem .largeText {
		float: left;
	}
	.overviewDayItem .dayItemStateText {
		float: left;
		font-size: 10pt;
	}
	.overviewDayItem button {
		margin-top: -1px;
		margin-left: 5px;
		float: left;
		line-height: 16px;
	}
	.overviewDayItem .ajaxLoadingImageSmall {
		margin-left: 8px;
		margin-top: 1px;
	}
	.dayItemState {
		width: 10px;
		height: 10px;
		margin-right: 5px;
		margin-top: 5px;
		float: left;
	}
	.dayItemState.eaten {
		background-color: rgb(7, 149, 0);
	}
	.dayItemState.noteaten {
		background-color: rgb(210, 22, 29);
	}
	.dayItemState.ordered {
		background-color: rgb(255, 102, 0);
	}
	.dayItemState.orderedNotPayed {
		background-image: url("img/bg-megrendelt-kifizetetlen.gif")
	}
	.dateLabel {
		font-size: 8px;
		text-align: center;
	}
	.prevWeek, .nextWeek, .prevWeek[disabled], .nextWeek[disabled] {
		background-color: transparent;
		background-position: 0 40%;
		background-repeat: no-repeat;
		border: 0;
		float: left;
		margin-top: 10px;
		min-height: 100px;
		cursor: pointer;
		width: 19px;
		outline: 0;
	}
	.prevWeekBigger, .nextWeekBigger, .prevWeekBigger[disabled], .nextWeekBigger[disabled] {
		background-position: 0 80%;
		outline: 0;
	}	
	.prevWeek {
		background-image: url("img/icon-arrow-left.png");
	}
	.nextWeek {
		background-image: url("img/icon-arrow-right.png");
	}
	.prevWeek[disabled] {
		background-image: url("img/icon-arrow-left-disabled.png");
	}
	.nextWeek[disabled] {
		background-image: url("img/icon-arrow-right-disabled.png");
	}

	.prevWeekWorkweek, 
	.nextWeekWorkweek, 
	.prevWeekWorkweek[disabled], 
	.nextWeekWorkweek[disabled] {
		border: 0;
		background-color: transparent;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		min-height: 300px;
		cursor: pointer;
		min-width: 57px;
	}
	
	.prevWeekWorkweek,
	.prevWeekWorkweek[disabled] {
		float: left;
	}
	
	.nextWeekWorkweek,
	.nextWeekWorkweek[disabled] {
		float: right;
	}
	
	.prevWeekWorkweek {
		background-image: url("img/icon-arrow-left.png");
		border-right: 2px solid #ccc;
	}
	.nextWeekWorkweek {
		background-image: url("img/icon-arrow-right.png");
		border-left: 1px solid #ccc;
	}
	.prevWeekWorkweek[disabled] {
		background-image: url("img/icon-arrow-left-disabled.png");
	}
	.nextWeekWorkweek[disabled] {
		background-image: url("img/icon-arrow-right-disabled.png");
	}
	
	.overviewItemWeekWindow, 
	.dailyOverviewItemWeekWindow {
		float: left;
		overflow: hidden;
		margin: 0 15px 10px 5px;
		width: 90%;
		height: 110px;
	}
	.overviewpresencediv .overviewItemWeekWindow, 
	.overviewpresencediv .dailyOverviewItemWeekWindow {
		height: 160px;
	}	
	.overviewItemWeeks {
		height: 109px;
		width: 250%;
		padding-top: 10px;
		position: absolute;
	}
	.overviewItemContent .overviewItemWeeks .workdaytoday {
		background-color: #DEEFFF !important;
	}
	.overviewItemContent .overviewItemWeeks .weekend {
		background-color: #ddd !important;
	}
	.overviewItemContent .itemWeeksTable {
		width: 3850px; 
		position: absolute; 
		left: -700px; 
		top: 0px;	
	}
	.overviewpresencediv .overviewItemWeeks {
		height: 170px;
		width: 250%;
		padding-top: 10px;
		position: absolute;
	}
	.presenceitemdiv .presenceworkweekmain,
	.presenceitemdiv .presencestatementmain {
		padding-right: 5px;	
	}
	.presenceitemdiv  .overviewItemWeeks {
		height: 300px;
		padding: 0;
		position: absolute;
	}
	.promptedTB div, .promptedTB input {
		width: 100%;
	}
	.promptedTB div {
		margin-bottom: 10px;
		margin-top: -10px;
	}
	.redText {
		color: red;
	}
	.searchOperationMultiButton {
		margin-top: 1px;
		margin-left: 5px;
	}
	.orderInputFullText {
		width: 100%;
	}
	
	/* validator - kiírások design*/
	.formerrortxt {
		padding: 3px 0;
		clear: both;
	}
	
	.wizard .formerrortxt {
		padding: 0;
		margin: 0;
	}
	
	.formerrortxt span, 
	.formerrortxt div {
		color: #f00;
	}
		
	/* simple table csak megjelenítésre*/
	.simpletable {
		display: table;
		margin: 0;
		padding: 0;
	}
	.simpletablecell {
		display: table-cell;
		margin: 0;
		padding: 0;
	}
	
	/* listázó checkbox design*/
	.table .tablefirstrow{
	}
	.table .emptycorner {
		width: 5px;
	}
	.table .tablehead {
		padding: 0;
		vertical-align: middle;
	}
	.table > tbody > tr > td,
	.table > tbody > tr > th {
		padding: 0;
		vertical-align: middle;
	}
	
	.checkBoxNotCheckedButton {
		background-image: url("img/icon-tick-list-inactive.png");
	}
	.checkBoxCheckedButton {
		background-image: url("img/icon-tick-list-active.png");
	}
	.checkBoxAllCheckedButton {
		background-image: url("img/icon-tick-all.png");
		float: left;
	}
	.checkBoxNotCheckedButton,
	.checkBoxAllCheckedButton,
	.checkBoxCheckedButton {
		background-repeat: no-repeat;
		cursor: pointer;
		margin: 10px;
		height: 16px;
		width: 16px;
	}

	.dropDownListCheckBox {
		background-image: url("img/icon-tick-all.png");
		background-repeat: no-repeat;
		background-position : center center;
		border: 1px solid #CCCCCC;
		border-bottom-right-radius : 0px;
		border-top-right-radius : 0px;
		border-bottom-left-radius : 4px;
		border-top-left-radius : 4px;
		cursor: pointer;
		margin: 0px;
		padding: 6px 3px 5px 0px;
		float: left;
		min-width: 1px;
		height: 16px;
		width: 40px;
	}

	.dropDownListOperation {
		border-left: none;
		border-bottom-left-radius : 0px;
		border-top-left-radius : 0px;
		height: 24px;
		line-height: 24px;
		padding-left: 3px;
		float: left;
		width: 24%;
		font-size: 9pt;
		font-family: "Open Sans", sans-serif;
		font-weight: normal;
	}
	
	.pointerclass {
		cursor : pointer;
	}
	.sortabletable .userpresent {
		width: 100%;
		height: 100%;
		display: block;
		padding: 0;
		margin: 0;
		text-align: center;
		vertical-align: middle;
	}
	
	.sortabletable .mobil {
		width: 100%;
		height: 100%;
		display: block;
		padding: 0;
		margin: 0;
		text-align: center;
		vertical-align: middle;
	}
	
	.mobilPublished {
		background-image: url("img/green-circle.png");
		background-repeat: no-repeat;
		background-position : center center;
		cursor: pointer;
		margin: 0;
		padding: 0;
		height: 16px;
		line-height: 16px;
		width: auto;		
	}
	
	.userpresentinoffice {
		background-image: url("img/green-circle.png");
		background-repeat: no-repeat;
		background-position : center center;
		cursor: pointer;
		margin: 0;
		padding: 0;
		height: 16px;
		line-height: 16px;
		width: auto;		
	}
	.useroutofoffice {
		background-image: url("img/red-circle.png");
		background-repeat: no-repeat;
		background-position : center center;
		cursor: pointer;
		margin: 0 ;
		padding: 0;
		height: 16px;
		line-height: 16px;
		width: auto;	
	}
	.useronholiday {
		background-image: url("img/orange-circle.png");
		background-repeat: no-repeat;
		background-position : center center;
		cursor: pointer;
		margin: 0 ;
		padding: 0;
		height: 16px;
		line-height: 16px;
		width: auto;	
	}
	.userhomeoffice {
		background-image: url("img/blue-circle.png");
		background-repeat: no-repeat;
		background-position : center center;
		cursor: pointer;
		margin: 0 ;
		padding: 0;
		height: 16px;
		line-height: 16px;
		width: auto;	
	}		
	


	
	/* ng-table-main táblázat css-e*/
	
	.ng-table-main {
		display: table;
		padding: 0;
		margin: 0;
	}
	
	.ng-table-filters,
	.ng-table-no-filters {
		padding: 0;
		margin: 0;
	}
	.ng-table-main .ng-table-row {
		diplay: table-row;
	}
	.ng-table-main .ng-table-row .table-celllast {
		float: right;
	}
	.ng-table-main .ng-table-row:nth-child(odd) {
		background-color: rgb(226, 226, 226);
	}
	.ng-table-main .ng-table-row:nth-child(even) {
		background-color: white;
	}
	.ng-table-main .ng-table-row .ng-table-userselect {
		padding: 0;
		margin: 0;
	}
	.ng-table-main .ng-table-cell {
		display: table-cell;
		font-size: 11pt;
		padding: 1px;
	}
	.ng-table-main .userselectinput {
		width: 100%;
		margin: 0;
	}
	.ng-table-filters .ng-table-userselect {
		vertical-align: middle !important;
	}
	.ng-table-main .ng-table-headertext {
		font-weight: bold;
		font-size: 13pt;
	}

	.ng-table-border-bottom-none {
		border-bottom: 0px !important;
	}
}	

	/* Menzás Overview vége*/

	/* Screen sizes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	/* 1200~ (large desktop) */
	@media (min-width: 1200px) {
		/* Logo */
		#logo {
			/* background-color: red; */ /* todo: remove */
			
		}
	}

	/* ~1200 (medium-to-large desktop) */
	@media (max-width: 1199px) {
		body {
			background-image: url("img/bg-940.jpg");
		}
		#topnavMenu .menuanchor {
			font-size: 11pt;
			padding: 0 6px;
		}
		.rowSeparator {
			margin: 0;
		}

		#loginDiv {
			width: 25%;
		}

/* 		Tartalom doboz */
		#contentContainer {
			margin-top: 80px;
		}
		
/* 		Munkahét */
		.overviewItemContent .itemWeeksTable {
			left: -574px; 
		}
		.overviewItemContent .workday {
			width: 82px;
		}
		.prevWeekWorkweek, 
		.nextWeekWorkweek, 
		.prevWeekWorkweek[disabled], 
		.nextWeekWorkweek[disabled] {
			min-width: 45px;
		}
		.overviewitemrightdiv .balancetxt,
		.overviewitemrightdiv .actworktimetxt {
			float: left;
			font-size: 8pt;
			font-style: italic;
			padding: 6px 5px 0px 0px;
		}
		.overviewitemrightdiv .balance,
		.overviewitemrightdiv .actworkacthour {
			float: left;
			font-size: 12pt;
			font-weight: bold;
			padding-bottom: 10px;
		}
		.overviewitemrightdiv .actworkactslash,
		.overviewitemrightdiv .actworkfullhour {
			float: left;
			font-size: 12pt;
			padding-bottom: 10px;
		}
		.overviewitemrightdiv .actworkhour {
			float: left;
			font-size: 11pt;
			font-weight: bold;
			padding: 1px 0px 10px 3px;
		}		
		
	}

	/* 980~1025 px (medium desktop) */
	@media (min-width: 980px) and (max-width: 1025px) {
		body {
			background-image: url("img/bg-940.jpg");
			font-size: 11pt;
		}
		#loginDiv {
			width: 25%;
		}		
		.mainpageImg img {
			margin: 30px 0;
		}
		/* Tartalom doboz */
		#contentContainer {
			margin-top: 80px;
		}
		.boxContentMainRow input {
			width: 360px;
		}
		.mainPageForgottenPwdRowWide {
			width: 360px;
		}				
		.boxTitle {
			font-size: 28pt;
		}
		.loginLabel {
			font-size: 16pt;
		}
		#topnavMenu .menuanchor {
			font-size: 9pt;
			padding: 0 5px;
		}
		.presenceitemdiv .presenceworkweekmain {
			padding-top: 0px;	
		}
	}
	
	/* átfedés a bootstrap 992px es váltására*/
	@media (min-width: 980px) and (max-width: 991px) {
		.presenceitemdiv .presenceworkweekmain {
			padding-top: 10px;	
		}
		/* Munkahét*/
		.overviewItemContent .itemWeeksTable {
			left: -595px; 
		}
		.overviewItemContent .workday {
			width: 85px;
		}
	}

	/* 768~979 px (Portrait tablet to landscape and desktop) */
	@media (min-width: 768px) and (max-width: 979px) {
		body {
			background-image: url("img/bg-724.jpg");
			font-size: 11pt;
		}
		/* Logo */
		#logo {
			background-image: url("img/logo_medium.png");
			/* background-color: yellow; */ /* todo: remove */
		}
		#logo h1 a {
			height: 60px;
		}
		.mainpageImg img {
			margin: 30px 0;
		}
		/* Tartalom doboz */
		#contentContainer {
			margin-top: 80px;
		}
		.boxContentMainRow input {
			width: 300px;
		}
		.mainPageForgottenPwdRowWide {
			width: 300px;
		}		
		.boxTitle {
			font-size: 24pt;
		}
		.loginLabel {
			font-size: 14pt;
		}
		#topnavMenu .menuanchor {
			font-size: 9pt;
			padding: 0 5px;
		}
		.loggedusernametxt,
		.logoutContainer .logoutUlName {
			font-size: 10pt;
		}
		/* Munkahét*/
		.overviewItemContent .itemWeeksTable {
			left: -596px; 
		}
		.overviewItemContent .workday {
			width: 85px;
		}
		.prevWeekWorkweek, 
		.nextWeekWorkweek, 
		.prevWeekWorkweek[disabled], 
		.nextWeekWorkweek[disabled] {
			min-width: 48px;
		}			
	}

	/* ~767 px (Landscape phones and down) */
	@media (max-width: 767px) {
		html, body, .row {
			padding: 0px !important;
			margin: 0px !important;
			overflow-x: hidden;
		}
		body {
			font-size: 10pt;
		}
		.navbar-nav {
			text-align: left;
			margin: 0;
		}
		/* Logo */
		#logo {
			background-image: url("img/logo_medium.png");
			/* background-color: orange; */ /* todo: remove */
			float: left;
			width: 100px;
		}
		#logo h1 a {
			height: 60px;
		}
		/* Tartalom doboz */
		#contentContainer {
			margin-top: 80px;
		}
		.logoutContainer {
			margin-top: 0px;
		}		
		.loginLabel {
			font-size: 14pt;
			line-height: 59px;
		}
		#loginDiv {
			background-color: black;
			width: 100% !important;
		}
		.prevWeekWorkweek, 
		.nextWeekWorkweek, 
		.prevWeekWorkweek[disabled], 
		.nextWeekWorkweek[disabled] {
			min-width: 28px;
		}			
	}

	/* 480~767px (Landscape phone to portrait tablet) */
	@media (min-width: 480px) and (max-width: 766px) {
		html, body, .row {
			padding: 0px !important;
			margin: 0px !important;
			overflow-x: hidden;
		}
		body {
			font-size: 10pt;
		}
		/* Logo */
		#logo {
			background-image: url("img/logo_medium.png");
			/* background-color: purple; */ /* todo: remove */
			float: left;
			width: 100px;
		}
		#logo h1 a {
			height: 60px;
		}
		/* Tartalom doboz */
		#contentContainer {
			margin-top: 60px;
		}
		.loginLabel {
			font-size: 12pt;
		}		
	}
	
	/* max 480px */
	@media (max-width: 480px) {
		.prevWeekWorkweek, 
		.nextWeekWorkweek, 
		.prevWeekWorkweek[disabled], 
		.nextWeekWorkweek[disabled] {
			min-width: 18px;
		}			
	}
	
	@media print {
		.background {
			display: none;
		}
	}							

	.infoTable {
		background-color: #eee;
		border: 1px solid;
		border-color: rgb(191, 191, 191);
		border-radius: 10px;
		float: left;
		height: auto;
		width: 80%;
		margin: 0;
		padding: 0;
		z-index: 100;
		position: relative;
		overflow:hidden;	
	}
	.infoTable {
		height: auto;
		margin-bottom: 20px;
	}
	.infoTable .selectedday {
		float: left;
		margin-top: 10px;
		padding-left: 10px;
	}
	.infoTable .headerButtons {
		float: right;
		margin-top: 10px;
		padding-right: 10px;
	}
	.infoTable .headerButtons button {
		margin : 0 5px;
	}
	.infoTable .headerTextStyle {		
		margin-top: 20px;
		font-size: 9pt;
		padding-left: 10px;
	}
			
	.infoTable .infoTableInner {
		height: auto;
		max-height: 200px;
		overflow-y: auto;		
	}		
	.infoTable .infoTableItemInner {
		display: table;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		border-collapse: collapse;
		table-layout: fixed;
		white-space: nowrap;
		empty-cells: show;
		overflow: hidden;
	}
	.infoTable .infoTableRow {
		display: table-row;
		padding : 0;		
	}	
	.infoTableRow .intoTableCell {
		font-size: 10pt;
		font-color: #666;
		font-style: italic;
		display: table-cell;
		white-space: normal;
		margin: 0;
		vertical-align: middle;
		float: left;
		padding: 5px;
	}
	.infoTableRow .cardoperation {
		display: table-cell;
		padding-top: 4px;
		font-size: 10pt;
		font-color: #666;
		float: left;
	}
	.infoTableRow .cardoperationminus {
		display: table-cell;
		padding: 0px 5px;
		margin: 0;
		width: 10px;
		vertical-align: middle;
		float: left;
	}	
	.infoTableRow .workstart {				
		height: 20px;
    	width: 24px;
		background: url("img/payment-mode.png") no-repeat;
	}
	.infoTableRow .operationtype {
		display: table-cell;
		font-size: 11pt;
		font-weight: 600;
		float: left;
	}			
	.infoTable div.infoTableItemInner:nth-child(odd) {
		background-color: white;
	}
	.infoTable div.infoTableItemInner:nth-child(even) {
		background-color: rgb(226, 226, 226);		
	}	

	.teljes-kepernyos-spinner {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 9999;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.spinner-doboz {
		background-color: white;
		padding: 20px;
		border-radius: 5px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		text-align: center;
		max-width: 80%;
	}
	
	.ikon-forgatas {
		font-size: 24px;
		margin-bottom: 15px;
		color: #f0ad4e; /* Bootstrap warning szín - illeszkedik a mentés gombodhoz */
	}
	
	.fo-szoveg {
		font-weight: bold;
		margin-bottom: 8px;
		font-size: 16px;
	}
	
	.ala-szoveg {
		font-size: 14px;
		color: #666;
	}