/**
 * 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;
}

/* ====================================================
   ESZKÖZÖK TÁBLÁZAT - GÖRGETHETŐSÉG (JAVÍTOTT VERZIÓ)
   Wrapper div használatával - megőrzi a táblázat elrendezést
   ==================================================== */

/* FONTOS: Töröld az előző .scrollable-table CSS-t és használd helyette ezt! */

/* Görethető wrapper konténer */
.scrollable-devices-wrapper {
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
	/* NEM állítjuk át a display-t - marad, ami volt */
}

/* Rögzített fejléc görgetés közben */
.scrollable-devices-wrapper .tableheadrow {
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: #f5f5f5;
	border-bottom: 2px solid #c0c0c0;
}

/* Szebb scrollbar (Webkit böngészőkhöz - Chrome, Safari, Edge) */
.scrollable-devices-wrapper::-webkit-scrollbar {
	width: 8px;
}

.scrollable-devices-wrapper::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}

.scrollable-devices-wrapper::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 4px;
}

.scrollable-devices-wrapper::-webkit-scrollbar-thumb:hover {
	background: #555;
}

/* Firefox scrollbar */
.scrollable-devices-wrapper {
	scrollbar-width: thin;
	scrollbar-color: #888 #f1f1f1;
}