/**
 * Menzakártya rendszer
 * 2014 Webra International Kft.
 *
 */
@media screen , projection {
	/* Alap beallitasok */
	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;
		line-height: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Josefin Sans', sans-serif;
	}
	input, select {
		outline: none !important;
	}
	a:hover {
		cursor: pointer;
	}

	/* Bootstrap overload */
	.btn-success {
		font-family: 'Josefin Sans', sans-serif;
	}
	.btn-danger {
		border-radius: 3px;
		font-size: 12px;
		line-height: 16px;
	}

	/* GWT alap */
	.gwt-Button {
		outline: none;
	}
	.gwt-Button:focus {
		outline: none;
	}
	.yesNoRadioButton {
		display: inline-block;
	}
	.yesNoRadioButton .gwt-RadioButton input[type=radio] {
		margin-left: 10px;
		margin-right: 6px;
	}
	.yesNoRadioButton label {
		float: left;
		padding: 6px 10px 0 0;
	}

	/* Cikk alapértelmezett */
	.articleTitle h2 {
		font-size: 30pt;
		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;
	}
	/* hírek alapértelmezett */
	.news .articleTitle h2 {
		font-size: 22pt;
		font-style: normal;
		font-weight: 300;
		padding: 35pt;
		text-align: left;
	}
	.news .articleIntroOuter {
		font-size: 16pt;
		font-weight: 300;
		text-align: left;
		padding-top: 0pt;
		padding-right: 35pt;
		padding-left: 40pt;
		padding-bottom: 35pt;
		display: block;
	}
	.news .articleTxtInner {
		font-size: 16pt;
		font-weight: 300;
		text-align: left;
		padding: 25pt;
		display: block;
	}
	.news .articleTitle .gwt-Label:hover {
		cursor: pointer;
		text-decoration: underline;
	}
	.newsDetails {
		display: none;
	}

	/* Szülői hírek */
	.news .companyName {
		font-size: 10pt;
		padding-left: 35pt;
		margin-top: -55px;
		margin-bottom: 10px;
	}

	/* Popup */
	.modal.large {
		width: 60%; /* respsonsive width */
		margin-left: -30%; /* width/2 */
		top: -1px;
	}
	.modal.medium {
		width: 36%; /* respsonsive width */
		margin-left: -18%; /* width/2 */
		top: -1px;
	}
	.modal.small {
		width: 20%; /* respsonsive width */
		margin-left: -12%; /* width/2 */
		top: -1px;
	}
	.wizzardHeader {
		background: url("img/bg-boxhead-repeat.png");
		background-repeat: repeat;
		height: 80px;
		border-top: 1px solid gray;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
	}
	.wizzardHeaderText {
		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;
	}
	.wizzardCloseBtn {
		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;
	}
	.wizzardProcess {
		float: left;
		width: 25%;
		text-align: center;
	}
	.wizzardFooterLine {
		width: 100%;
		height: 6px;
		margin-top: 30px;
	}
	.wizzardFooter {
		background: url("img/dialog-footer-bg.png");
		background-repeat: repeat-x;
		background-position: 0 0;
		height: 50px;
		padding: 15px;
	}
	.wizzardFooter .btn {
		margin: 0 15px;
		float: left;
		font-size: 14pt;
		padding: 12px 18px;
		margin-right: 12px;
	}
	.wizzardFooter a {
		float: left;
		margin: 12px 15px 0 15px;
	}
	.wizzardContentItem {
		margin: 0 15px;
		padding: 20px 0;
	}
	.depositCard {
		margin: 0 15px;
		padding: 20px 0;
	}
	.wizzardContent {
		overflow-y: auto;
	}
	.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;
	}
	.warningPopup {
		background: white;
		height: auto;
		border: solid 2px rgb(0, 0, 0);
		border-radius: 5px;
		min-height: 10px;
	}
	.warningPopup button {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	.warningPopup .leftbutton {
		display: block;
		margin-left: 15%;
		margin-bottom: 3%;
		float: left;
	}
	.warningPopup .rightbutton {
		display: block;
		margin-right: 15%;
		margin-bottom: 3%;
		float: right;
	}
	.warningPopup .buttonDiv {
		margin: auto;
	}
	.warningPopup .header {
		background: url("img/bg-boxhead-repeat.png");
		background-repeat: repeat;
		height: 40px;
		border-top: 1px solid gray;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
	}
	.warningPopup .warningMsg {
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 30px;
		margin-bottom: 20px;
		text-align: center;
	}
	.largePopup {
		overflow: auto;
	}
	.largePopup .warningMsg {
		text-align: left;
	}
	.warningPopup .dutyCompanyList {
		margin-bottom: 20px;
		text-align: center;
		width: 100%;
	}
	.payCashPopupInner {
		overflow-y: auto;
		min-height: 130px;
		width: 100%;
	}
	.payCashPopupInner div {
		float: left;
		margin-top: 60px;
		margin-left: 10px;
		font-size: 20pt;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: normal;
	}
	.payCashPopupInner input {
		font-size: 20pt;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: normal;
	}
	.payCashPopupInner .gwt-Label {
		margin-left: 20px;
	}
	.payCashPopupFooter {
		min-height: 90px;
	}
	.payCashPopupFooter a, .payCashPopupFooter button {
		float: left;
		margin: 10px;
		margin-left: 20px;
	}

	/* Ajax loading */
	.ajaxLoadingPanel {
		background: url("img/icon-card-reader-loader.gif");
		background-repeat: no-repeat;
		background-position: center;
		background-color: white;
		opacity: 0.75;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		position: absolute;
		z-index: 1000;
	}
	.ajaxLoadingImage, .ajaxLoadingImageMedium, .ajaxLoadingImageSmall {
		background: url("img/loading-animation.gif");
		background-repeat: no-repeat;
		background-position: center;
	}
	.ajaxLoadingImage {
		background-size: 30px 30px;
		height: 100px;
		width: 144px;
	}
	.ajaxLoadingImageMedium {
		background-size: 30px 30px;
		height: 30px;
		width: 30px;
		margin: 0 auto;
	}
	.ajaxLoadingImageSmall {
		background-size: 20px 20px;
		height: 20px;
		width: 20px;
	}
	.cardreaderLoadingImageMedium {
		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;
	}
	.ajaxLoadingDiv {
		background: url("img/icon-card-reader-loader.gif");
		background-repeat: no-repeat;
		background-position: center;
		background-color: white;
		opacity: 0.75;
		height: 100%;
		width: 100%;
		z-index: 1000;
	}

	/* Hibakirasok, alap formazasok */
	.defaultOuterDiv, .defaultSpacerDiv {
		min-height: 1px;
		padding: 0px;
		width: 100%;
		float: left;
		clear: both;
		text-align: center;
		vertical-align: middle;
	}
	.gwt-ListBox.validationFailedBorder {
		border: 1px solid #FF0000;
	}
	.cardSuggestSearchPanel.validationFailedBorder input {
		border: 1px solid #FF0000;
	}
	.cardSuggestSearchPanel .suggestsearchinner {
		margin-top: 0px;
		width: 570px;
	}
	.cardSuggestSearchPanel .suggestsearchinner input {
		padding-left: 6px;
	}
	.defaultOuterDiv textarea {
		float: left;
	}
	.defaultInnerDiv {
		padding-left: 30px;
		float: left;
		min-height: 1px;
	}
	.defaultInnerLeftDiv {
		margin-left: 0px;
		float: left;
		min-height: 1px;
	}
	.regCheckDivCell {
		display: none;
	}
	.itemToLeft {
		float: left;
	}
	.itemToRight {
		float: right;
	}
	.textToLeft {
		text-align: left;
	}
	.textToRight {
		text-align: right;
	}
	.textToCenter {
		text-align: center;
	}
	.errorLabelForTextBox {
		color: red;
		vertical-align: top;
		margin: 2px 0 8px 0;
	}

	/* Fooldal, cikkek, dobozok */
	.backgroundMainDiv {
		background: url("img/section-bg.png") no-repeat;
		background-position: bottom center;
	}
	.rowSeparator>div {
		border-bottom: 1px solid #B3B3B3;
	}
	.mainMenuData {
		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;
	}

	/* Login box */
	#loginDiv {
		width: 300px;
	}
	.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: 0;
		z-index: 1000;
		width: 333px;
	}
	.loginLabel, .loginWindowLabel, .loginWindowForgottenPwdLabel {
		color: #FFFFFF;
		float: left;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 14pt;
		font-weight: normal;
	}
	.loginWindowForgottenPwdLabelBlack {
		color: #000000;
		float: right;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 14pt;
		font-weight: normal;
		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: 3px 8px 0 0;
		text-align: right;
		width: 95px;
	}
	.loginWindowForgottenPwdLabel {
		cursor: pointer;
		text-align: right;
	}
	.loginWindowButton {
		font-size: 14pt;
		font-weight: normal;
		padding: 5px;
	}

	/* Login és reg. form */
	.mainPageLoginTable {
		padding: 5px;
	}
	.mainPageLoginRow {
		float: left;
		text-align: left;
		width: 100%;
	}
	.mainPageLoginButtonRow {
		float: left;
		padding: 4px 0 0 103px;
	}
	.mainPageForgottenPwdRow {
		float: right;
		padding-top: 4px;
		text-align: right;
	}
	.mainPageForgottenPwdRowWide {
		float: right;
		padding-top: 4px;
		padding-bottom: 15px;
		text-align: right;
		width: 410px;
	}
	.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;
	}

	/* ?? */
	.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;
	}
	.eugyintezesText {
		font-size: 11pt;
		text-align: justify;
	}
	.eugyintezesConfirm input {
		float: left;
		width: 5%;
	}
	.eugyintezesConfirm label {
		float: left;
		width: 90%;
	}
	.groupListButton {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.groupListEgyebCsoportButton {
		margin: 10px 12px 0px 5px;
	}
	.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;
	}
	.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: 50% 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;
	}

	/* 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;
	}
	/*Riasztás csík*/
	.alertDiv {
		background: yellow;
		text-align: center;
		margin-left: 0px;
	}

	/* Felso menu */
	.navbar-inner {
		background-color: transparent;
		background-image: none;
		border: 0;
		border-radius: 0;
		box-shadow: 0;
		padding: 0;
	}
	.navbar .nav>li>a {
		color: white;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 13pt;
		font-weight: bold;
		line-height: 80px;
		/* ideiglenes modositas a helpdesk menu megjelenitese miatt
		padding: 0 15px 0 15px;
		*/
		padding: 0 13px 0 13px;
		text-shadow: none;
	}
	.navbar .nav>li>a:hover {
		background-color: #079500;
		color: white;
	}
	.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
		color: white;
	}
	.navbar .nav>li.gwt-MenuItem-clicked>a {
		background-color: #079500;
	}

	/* 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;
		min-height: 80px;
		float: right;
	}
	.logoutContainer li {
		color: white;
		float: left;
		line-height: 80px;
	}
	.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: 14pt;
		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 {
		vertical-align: middle;
		margin-left: 0px;
		padding: 0 5px;
		height: 80px;
		text-align: center;
		vertical-align: middle;
	}
	.logoutContainer .logoutUlArrow a {
		background-image: url("img/down.gif");
		background-position: right center;
		background-repeat: no-repeat;
		padding-right: 18px;
	}
	.companyNameDiv {
		color: white;
		bottom: 7px;
		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;
		width: 158px;
	}
	.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;
		width: 150px;
	}

	/* 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 5px 0;
		position: absolute;
		top: 80px;
		right: 0px;
		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.logoutLIHover {
		background-color: rgb(7, 149, 0);
	}
	table.companyStackPanel {
		background-color: #cccccc;
	}
	table.companyStackPanel .gwt-StackPanelItem {
		padding-left: 4px;
		border: 1px solid #d8d8d8;
		background-color: #cccccc;
		font-size: 12pt;
		line-height: 35px;
		font-family: 'Open Sans', sans-serif;
	}
	table.companyStackPanel .gwt-StackPanelItem-selected {
		padding-left: 4px;
		border: 1px solid #d8d8d8;
		background-color: #ffffcc;
	}
	table.companyStackPanel .gwt-StackPanelContent {
		padding-left: 20px;
		min-height: 1px;
		padding: 0px;
		background-color: #ffffff;
	}

	/* Csempe sor */
	#middleNavContainer {
		
	}
	.middleBtn {
		background-image: url("img/dashboard-item-bg.png");
		background-position: top center;
		background-repeat: no-repeat;
		float: left;
		height: 210px;
		width: 170px;
	}
	.middleBtnTable {
		margin-left: 0;
		margin-top: 10px;
		width: 100%;
	}
	.middleBtnTable td {
		text-align: center;
	}
	.middleBtnLabel {
		font-size: 14pt;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: bold;
		margin-top: 10px;
		text-transform: uppercase;
	}

	/* Tartalom doboz */
	#contentContainer {
		margin-top: 80px;
	}
	/* Dobozok */
	.boxHead {
		background-color: rgb(7, 149, 0);
		border: 1px solid gray;
		border-bottom: 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		height: 80px;
	}
	.boxHeadMargin {
		margin-bottom: 40px;
	}
	.boxHeadText {
		color: white;
		font-size: 14pt;
		font-family: 'Josefin Sans', sans-serif;
		line-height: 79px;
		text-transform: uppercase;
		margin-left: 10px;
		float: left;
	}
	.boxHeadIcon {
		float: right;
		margin: 22px 10px 0 0;
		padding: 0 7px;
	}
	.boxHeadIcon a {
		color: rgb(207, 207, 207);
		font-size: 11pt;
		font-family: 'Josefin Sans', sans-serif;
		font-style: italic;
		outline: none;
	}
	.boxHeadIcon a:hover {
		text-decoration: none;
		outline: none;
	}
	.boxContent {
		background-color: white;
		border-top: 0;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		min-height: 200px;
		padding: 10px 6px 2px;
		margin-bottom: 40px;
	}
	.boxContentTable {
		padding: 0px;
	}
	.boxContentRow {
		min-height: 20px;
		padding: 0;
		text-align: left;
	}
	.boxContentWithoutHead {
		border: 1px solid gray;
		border-radius: 5px;
	}
	.boxHeadsearchPanel {
		float: right;
		line-height: 80px;
		margin-right: 30px;
		border: none;
	}
	.boxHeadsearchPanel .gwt-Button {
		background: url("img/search.png") no-repeat;
		width: 21px;
		height: 21px;
		border: none;
		margin-left: -20px;
	}
	.boxHeadsearchPanel input {
		background-color: white;
		border-radius: 5px;
		border: 1px solid grey;
	}

	/* Kartya adatok */
	.boxCardData tr td {
		color: rgb(153, 153, 153);
	}
	.boxCardData tr:first-child td {
		color: rgb(0, 0, 0);
		font-size: 10pt;
		font-weight: bold;
	}

	/* Rendelés lemondása varázsló */
	.orderCancelWizzard {
		z-index: 500;
	}
	.orderCancelWizzard .gwt-CheckBox input {
		float: left;
		margin-right: 5px;
	}
	.orderCancelWizzard .item {
		height: 20px;
	}
	.orderCancelWizzard .item .gwt-Label {
		float: left;
		margin-right: 5px;
	}
	.orderCancelWizzard .cancelDate {
		margin-top: 30px;
		float: none;
	}

	/* Napi menü szerkesztő */
	.dailyMenuEditorHeader {
		margin-top: 50px;
		height: 40px;
	}
	.dailyMenuEditorHeader .gwt-DateBox.validationFailedBorder {
		margin-right: 5px;
	}
	.dailyMenuEditorHeader .menuText {
		float: left;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 22pt;
		font-weight: normal;
		margin-right: 15px;
		margin-top: -2px;
	}
	.dailyMenuEditorHeader .gwt-DateBox {
		float: left;
		margin-right: 5px;
	}
	.dailyMenuEditorHeader .dropDownList {
		float: right
	}
	.dailyMenuEditorHeader .calendar {
		background: url('img/calendar-month.png') no-repeat;
		background-position: bottom center;
		height: 24px;
		width: 24px;
		float: left;
		margin-top: 3px;
	}
	.dailyMenuEditorUpload {
		margin-top: 30px;
		height: 50px;
	}
	.dailyMenuEditorUpload .uploadLabel {
		float: left;
		font-family: 'Open Sans';
		font-size: 12pt;
		font-weight: normal;
		margin-right: 10px;
		margin-top: 3px;
	}
	.dailyMenuEditorUpload .fileUpload {
		float: left;
		margin-right: 5px;
	}
	.dailyMenuEditorUpload .uploadButton {
		float: left;
	}
	.dailyMenuEditorExample {
		margin-bottom: 50px;
	}
	.dailyMenuEditorExample .exampleLabel {
		font-family: 'Open Sans';
		font-size: 10pt;
		font-weight: normal;
		color: rgb(102, 102, 102);
		margin-right: 10px;
	}
	.dailyMenuEditorExample .exampleAnchor:hover {
		text-decoration: underline;
		color: #005580;
	}
	.dailyMenuEditorExample .exampleAnchor {
		font-family: 'Open Sans';
		font-size: 10pt;
		font-weight: normal;
		color: rgb(51, 102, 153);
		border: 0px;
		background: transparent;
	}
	.dailyMenuDataEditor {
		height: auto;
	}
	.dailyMenuDataEditor .dateLabel {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 22pt;
		font-weight: normal;
		margin-top: 12px;
		margin-bottom: 20px;
		width: 100%;
		text-align: left;
	}

	/* Új gomb */
	.newButton {
		display: inline-block;
		float: right;
		line-height: 32px;
	}
	.newButtonLeft {
		display: inline-block;
		float: left;
		line-height: 32px;
		padding-bottom: 6px;
	}
	.textAfterButton {
		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;
	}

	/* Áttekintés */
	.overviewItem {
		margin: 30px 0;
	}
	.overviewItemPicture {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: left;
		width: 10%;
	}
	.overviewItemPicture div:nth-child(1), .overviewItemPicture img {
		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 div:nth-child(1).female {
		background-image: url("img/user-female.png");
	}
	.overviewItemPicture div:nth-child(1).male {
		background-image: url("img/user.png");
	}
	.overviewItemContent, .overviewItemUserData, .overviewItemBalance {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: left;
	}
	.overviewItemContent {
		margin-bottom: 20px;
		width: 90%;
	}
	.overviewItemUserData {
		height: 70px;
		width: 70%;
	}
	.overviewItemBalance {
		font-size: 14pt;
		line-height: 70px;
		padding-right: 20px;
		text-align: right;
		width: 30%;
	}
	.overviewItemName {
		font-size: 20pt;
		font-weight: bold;
		color: #0088cc;
		text-decoration: underline;
	}
	.overviewItemDesc, .overviewItemCompanyDesc {
		display: block;
		float: left;
	}
	.overviewItemWeeks .selectedLeft, .overviewItemWeeks .selectedRight,
		.overviewItemWeeks .selectedTop, .overviewItemWeeks .selectedOne,
		.overviewItemWeeks .selectionLeft, .overviewItemWeeks .selectionRight,
		.overviewItemWeeks .selectionTop, .overviewItemWeeks .selectionOne {
		border-bottom-width: 0;
		float: left;
		padding: 5px;
		width: 80px;
	}
	.overviewItemWeeks .selectionLeft {
		background-image: url("img/day-selection-left-bottom.png"),
			url("img/day-selection-repeat-bottom.png"),
			url("img/day-selection-left.png"),
			url("img/day-selection-repeat.png");
		background-position: left bottom, left bottom, left top, left top;
		background-repeat: no-repeat, repeat-x, no-repeat, repeat-x;
		background-color: rgb(235, 235, 235);
	}
	.overviewItemWeeks .selectedLeft {
		background-image: url("img/day-selected-left.png"),
			url("img/day-selected-repeat.png");
		background-position: left top, left top;
		background-repeat: no-repeat, repeat-x;
	}
	.overviewItemWeeks .selectionRight {
		background-image: url("img/day-selection-right-bottom.png"),
			url("img/day-selection-repeat-bottom.png"),
			url("img/day-selection-right.png"),
			url("img/day-selection-repeat.png");
		background-position: right bottom, right bottom, right top, right top;
		background-repeat: no-repeat, repeat-x, no-repeat, repeat-x;
		background-color: rgb(235, 235, 235);
	}
	.overviewItemWeeks .selectedRight {
		background-image: url("img/day-selected-right.png"),
			url("img/day-selected-repeat.png");
		background-position: right top, right top;
		background-repeat: no-repeat, repeat-x;
	}
	.overviewItemWeeks .selectionTop {
		background: url("img/day-selection-repeat-bottom.png"),
			url("img/day-selection-repeat.png");
		background-position: left bottom, left top;
		background-repeat: repeat-x, repeat-x;
		background-color: rgb(235, 235, 235);
	}
	.overviewItemWeeks .selectedTop {
		background: url("img/day-selection-repeat.png");
		background-repeat: repeat-x;
	}
	.overviewItemWeeks .selectedOne, .overviewItemWeeks .selectionOne {
		padding: 5px;
		width: 80px;
	}
	.overviewItemWeeks .selectedOne {
		background-color: rgb(235, 235, 235);
		background-image: url("img/day-selected-left.png"),
			url("img/day-selected-right.png"), url("img/day-selected-repeat.png");
		background-repeat: no-repeat, no-repeat, repeat-x;
		background-position: left top, right top, left top;
	}
	.overviewItemWeeks .selectionOne {
		background-image: url("img/day-active-left-bottom.png"),
			url("img/day-active-right-bottom.png"),
			url("img/day-active-repeat-bottom.png"),
			url("img/day-active-left.png"), url("img/day-active-right.png"),
			url("img/day-active-repeat.png");
		background-repeat: no-repeat, no-repeat, repeat-x, repeat-y, repeat-y,
			repeat-x;
		background-position: left bottom, right bottom, left bottom, left top,
			right top, left top;
	}
	.overviewItemCancelInfo {
		background-color: rgb(235, 235, 235);
		border: 1px solid;
		border-color: rgb(191, 191, 191);
		border-radius: 10px;
		box-shadow: 0px 3px 2px rgb(150, 150, 150);
		float: left;
		margin: -1px 0 0 0;
		position: absolute;
	}
	.overviewItemCancelInfo .selectedDayInfoDateDiv {
		margin-top: 15px;
	}
	.overviewItemCancelInfo button {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.overviewItemCancelInfo .ajaxLoadingImageSmall {
		margin-top: 17px;
		margin-left: 5px;
		float: left;
	}
	.overviewItemCancelInfo .allergiesDiv {
		margin-top: 10px;
		margin-left: 30px;
	}
	/* ezeket a label+érték-hez tartozó stílusokat lehet közössé kéne tenni */
	.overviewItemCancelInfo .mealTypeLabel {
		font-size: 10pt;
		font-weight: bold;
		float: left;
	}
	.overviewItemCancelInfo .mealType {
		margin-left: 10px;
		font-size: 10pt;
		float: left;
	}
	.overviewItemCancelInfo .allergiesLabel {
		font-size: 10pt;
		font-weight: bold;
		float: left;
	}
	.overviewItemCancelInfo .allergies {
		margin-left: 10px;
		font-size: 10pt;
		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;
		box-shadow: 0px 3px 2px rgb(150, 150, 150);
		float: left;
		margin-top: 15px;
		margin-left: 15px;
		padding: 10px;
		position: absolute;
	}

	/* Menü scroller és lemondáskor legördülő doboz */
	.overviewItemContent .buttons {
		margin: 20px 0 0 34px;
		width: 85%;
	}
	.overviewItemContent .buttons button {
		font-size: 14pt;
		padding: 12px 18px;
		margin-right: 12px;
	}
	.overviewItemContent .day {
		float: left;
		padding: 5px;
		width: 80px;
	}
	.overviewItemContent .today {
		background-image: url("img/day-active-left-bottom.png"),
			url("img/day-active-right-bottom.png"),
			url("img/day-active-repeat-bottom.png"),
			url("img/day-active-left.png"), url("img/day-active-right.png"),
			url("img/day-active-repeat.png");
		background-repeat: no-repeat, no-repeat, repeat-x, repeat-y, repeat-y,
			repeat-x;
		background-position: left bottom, right bottom, left bottom, left top,
			right top, left top;
	}
	.overviewItemContent .itemHeader {
		text-align: center;
		cursor: pointer;
	}
	.overviewItemContent .dayItemPlaceholder {
		margin-bottom: 2px;
		height: 20px;
	}
	.overviewItemContent .dateLabel {
		text-transform: uppercase;
	}
	.overviewItemContent .dayItem {
		background-color: rgb(218, 216, 216);
		border-bottom: 1px solid rgb(216, 216, 216);
		cursor: pointer;
		float: left;
		height: 20px;
		margin-bottom: 2px;
		width: 80px;
	}
	.overviewItemContent .dayItem.eaten {
		background-color: rgb(7, 149, 0);
		border-bottom: 1px solid rgb(216, 216, 216);
	}
	.overviewItemContent .dayItem.ordered {
		background-color: rgb(255, 102, 0);
		border-bottom: 1px solid rgb(216, 216, 216);
	}
	.overviewItemContent .dayItem.orderedNotPayed {
		background-image: url("img/bg-megrendelt-kifizetetlen.gif")
	}
	.overviewItemContent .dayItem.noteaten {
		background-color: rgb(210, 22, 29);
		border-bottom: 1px solid rgb(216, 216, 216);
	}
	.overviewItemContent .dayItem.orderedInvoiced {
		background-color: rgb(22, 210, 29);
		border-bottom: 1px solid rgb(216, 216, 216);
	}
	.overviewItemContent .dayItem.orderedNotOrderable {
		background-color: rgb(255, 102, 129);
		border-bottom: 1px solid rgb(216, 216, 216);
	}
	.overviewItemContent .dayItem.multiCategoryWeekend, .overviewItemContent .dayItem.weekend
		{
		background-color: rgb(127, 127, 127);
		border-bottom: 1px solid rgb(216, 216, 216);
	}
	.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 {
		float: left;
		height: 10px;
		margin-right: 5px;
		margin-top: 5px;
		width: 10px;
	}
	.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 ..orderedInvoiced {
		background-color: rgb(22, 210, 29);
	}
	.dayItemState.orderedNotOrderable {
		background-color: rgb(255, 102, 129);
	}
	.dayItemState.orderedNotPayed {
		background-image: url("img/bg-megrendelt-kifizetetlen.gif")
	}
	.dateLabel {
		font-size: 9pt;
		text-align: center;
	}
	.dateBottomLabel {
		clear: both;
		height: 20px;
		width: 80px;
	}
	.prevWeek, .nextWeek, .prevWeek[disabled], .nextWeek[disabled] {
		background-color: transparent;
		background-position: 0 50%;
		background-repeat: no-repeat;
		border: 0;
		float: left;
		min-height: 60px;
		cursor: pointer;
		width: 19px;
	}
	.prevWeek {
		background-image: url("img/icon-arrow-left.png");
		margin-right: 15px;
	}
	.nextWeek {
		background-image: url("img/icon-arrow-right.png");
		margin-left: 15px;
	}
	.prevWeek[disabled] {
		background-image: url("img/icon-arrow-left-disabled.png");
	}
	.nextWeek[disabled] {
		background-image: url("img/icon-arrow-right-disabled.png");
	}
	.overviewItemWeekWindow {
		float: left;
		overflow: hidden;
		width: 80%;
		position: relative;
		z-index: 401;
	}
	.multiDailyOverviewItemWeekWindow, .dailyOverviewItemWeekWindow {
		float: left;
		overflow: hidden;
		width: 80%;
		height: 124px;
		min-height: 200px;
	}
	.multiDailyOverviewItemWeekWindow {
		overflow-x: scroll !important;
		overflow-y: scroll !important;
	}
	.overviewItemWeeks {
		padding-top: 10px;
		position: absolute;
	}
	.foodTypeContainer {
		float: left;
		padding: 37px 5px 5px 5px;
		text-align: right;
		width: 60px;
	}
	.foodTypeContainer div {
		font-size: 9pt;
		height: 20px;
		margin-bottom: 2px;
	}
	.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%;
	}

	/* Tablazatok a dashboard dobozokban */
	table.dataTable {
		width: 100%;
	}
	table.dataTable td {
		border: 1px solid rgb(207, 207, 207);
		font-size: 9pt;
		padding: 3px 5px;
	}
	.boxContent table.dataTable {
		border-left: 0;
		border-right: 0;
	}
	.boxContent table.dataTable tr td:first-child {
		border-left: 0;
	}
	.boxContent table.dataTable tr td:last-child {
		border-right: 0;
	}
	.boxContent table.dataTable td.right {
		text-align: right;
	}
	.boxContent table.dataTable td.bold {
		font-weight: bold;
	}
	.dataTableOther {
		font-size: 9pt;
		padding: 5px 5px 3px 5px;
		text-align: right;
	}
	.dataTableOther a {
		color: rgb(0, 0, 0);
	}

	/* Felhasznalo adatlap */
	.userDataPage {
		
	}
	.userDataPage table td {
		font-size: 11pt;
		padding: 6px 4px;
	}
	.userDataRowGroup {
		margin-bottom: 10px;
	}
	.userData .boxHead {
		background-color: white;
		border-bottom: 1px solid gray;
		height: auto;
		padding: 5px 15px;
	}
	.userData .boxContent {
		min-height: 0;
		padding: 0 0 2px 0;
	}
	.userData .userName {
		color: rgb(0, 0, 0);
		font-size: 32px;
		text-shadow: 0 1px 1px #CCCCCC;
	}
	.userData .userInstitute {
		font-weight: bold;
	}
	.userData .userDataBox2>div {
		float: left;
		width: 100%;
	}
	.userData .userDataBox2>div .label {
		background-color: transparent;
		border-radius: 0;
		color: rgb(0, 0, 0);
		float: left;
		font-size: 100%;
		font-weight: normal;
		padding: 2px 3px;
		text-align: left;
	}
	.userData .userDataBox2>div .data {
		float: left;
		font-weight: bold;
	}
	.userData .userDataBox2>div .data a {
		color: rgb(0, 0, 0);
	}
	.userData .userDataBox2>div .label {
		background-color: transparent;
		border-radius: 0;
		color: rgb(0, 0, 0);
		float: left;
		font-size: 100%;
		font-weight: normal;
		padding: 2px 3px;
		text-align: left;
	}
	.userData .userDataBox2 .userBalance {
		margin-top: 5px;
	}
	.userData .userDataBox2 .userBalance .label {
		font-size: 12pt;
		line-height: 16pt;
		padding-right: 10px;
	}
	.userData .userDataBox2 .userBalance .data {
		color: rgb(7, 149, 0);
		font-size: 15pt;
	}
	.orderItemListDiv {
		margin-left: 1px;
		padding-left: 1px;
	}

	/* Teljes áttekintő css */
	.userDataClean {
		border: none;
	}
	.userDataClean .balanceValue {
		float: right;
		border: none;
		font-weight: bold;
		font-size: 18pt;
	}
	.userDataClean .balanceStatus {
		float: right;
		border: none;
		font-size: 11pt;
		padding-right: 5px;
		padding-top: 9px;
	}

	/* ?? */
	.caretakerOuterDiv {
		border-bottom: 1px solid rgb(176, 176, 176);
		width: 95%;
	}
	.caretakerOuterDiv .caretakerInnerDiv {
		height: 60px;
	}
	.caretakerEditorDiv {
		padding-bottom: 10px;
	}
	.userDataClean .caretakerOuterDiv {
		padding-top: 1px;
		margin: 0px;
		border: none;
	}
	.caretakerHeader {
		float: left;
		margin-top: 12px;
	}
	.caretakerHeader .dayNr {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 22pt;
		font-weight: bold;
		color: rgb(0, 0, 0);
		float: left;
	}
	.caretakerHeader .dayName {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 16pt;
		color: rgb(0, 0, 0);
		margin-left: 8px;
		margin-top: 8px;
		float: left;
	}
	.caretakerDayDiv {
		float: left;
	}

	/* Menü szerkesző */
	.productEditor .eventLabel {
		font-family: "Open Sans";
		font-weight: bold;
		font-size: 9pt;
		color: rgb(0, 0, 0);
		margin-top: 21px;
		float: left;
		margin-left: 0px;
	}
	.productEditor .productLabel {
		font-family: "Open Sans";
		font-size: 9pt;
		margin-top: 16px;
		float: left;
		margin-left: 5px;
		width: 30px;
	}
	.productEditor .productNutrientLabel {
		margin-top: 5px !important;
	}
	.productEditor .productNutrientTextBox {
		font-family: "Open Sans";
		font-size: 9pt;
		float: left;
		margin-left: 5px;
		border-radius: 0;
		width: 248px;
	}
	.productNutrientViewLabel {
		float: left;
		text-align: left;
		width: 60%;
		color: #000000;
		font-family: "Open Sans";
		font-size: 11pt;
	}
	.productEditor .divFloatLeft {
		float: left;
		margin-right: 10px;
	}
	.productEditor .divFloatLeft .span3 {
		margin-left: 5px;
	}
	.productEditor .suggestsearchpanel {
		margin-top: 0px;
	}
	.productEditor .suggestsearchinner {
		width: auto;
	}
	.foodListerView {
		float: left;
		width: 60%;
	}
	.foodListerView .foodListerItem {
		float: left;
		margin-top: 20px;
	}
	.foodListerItem button {
		float: left;
		background-image: url("img/cross-circle-disabled.png");
		background-repeat: no-repeat;
		cursor: pointer;
		display: inline-block;
		margin: 3px 10px 0px 3px;
		height: 16px;
		width: 16px;
		border: none;
	}
	.foodListerItem div {
		float: left;
		font-family: "Open Sans";
		font-size: 11pt;
		color: rgb(0, 0, 0);
	}
	.productNames {
		float: left;
		margin-top: 26px;
		margin-bottom: 10px;
		margin-right: 10px;
		max-width: 63%;
	}
	.productNames .gwt-Label {
		font-family: "Open Sans";
		font-weight: bold;
		font-size: 9pt;
		color: rgb(0, 0, 0);
		float: left;
		margin-right: 5px;
	}
	.productNames .menu {
		font-weight: bold;
		clear: left;
		margin-left: 27px;
		width: 130px;
	}
	.productNames .menu, .productNames .food {
		color: rgb(0, 0, 0);
		font-family: "Open Sans";
		font-size: 9pt;
		float: left;
		margin-right: 5px;
	}
	.productNames .food {
		font-weight: normal;
		clear: right;
		margin-left: 5px;
		width: 75%;
		min-width: 520px;
	}
	.productNames .foodAllergensBottomSpacer {
		margin-bottom: 10px;
	}
	.caretakerDayEditBtn {
		float: left;
		margin-top: 24px;
		margin-bottom: 10px;
	}
	.caretakerDaySaveBtn {
		float: left;
	}
	.userDataTopSpacer100 {
		margin-top: 100px;
		min-heigth: 1px;
	}
	.userDataTopSpacer30 {
		margin-top: 30px;
		min-heigth: 1px;
	}
	.userDataTopSpacer10 {
		margin-top: 10px;
		min-heigth: 1px;
	}
	.userDataTopSpacer5 {
		margin-top: 5px;
		min-heigth: 1px;
	}
	.userDataBottomSpacer80 {
		margin-bottom: 80px;
		min-heigth: 1px;
	}
	.userDataClean .userLeftBox, .userDataClean .userRightBox {
		font-size: 10pt;
		float: left;
		padding: 0 5px;
	}
	.userDataClean .userLeftBox {
		text-align: right;
		width: 25%;
	}
	.userDataClean .userRightBox {
		text-align: left;
		width: 70%;
	}
	.userDataClean .confirmSidText {
		font-weight: bold;
		font-size: 24pt;
	}
	.userDataClean .userDataText10 {
		font-size: 10pt;
	}
	.userDataClean .userDataTextBold10 {
		font-weight: bold;
		font-size: 10pt;
	}
	.userDataClean .userDataText11 {
		font-size: 11pt;
	}
	.userDataClean .userDataTextBold11 {
		font-weight: bold;
		font-size: 11pt;
	}
	.userDataClean .userDataText14 {
		font-size: 14pt;
	}
	.userDataClean .userDataTextBold14 {
		font-weight: bold;
		font-size: 14pt;
	}
	.userDataClean .userDataMainLabel {
		font-size: 18pt;
	}
	.userDataClean .baseText {
		padding: 0;
		border: none;
	}
	.userDataClean .userDataBox1, .userDataPage .userDataBox2 {
		padding: 1px;
		border: none;
		width: 49%;
		float: left;
	}
	.userDataClean .userDataContent {
		background-color: white;
		border: none;
		padding: 0px;
		margin-bottom: 0px;
	}
	.userDataClean .itemToLeft {
		float: left;
	}
	.userDataClean .itemToRight {
		float: right;
	}
	.userDataClean .textToLeft {
		text-align: left;
	}
	.userDataClean .textToRight {
		text-align: right;
	}
	.userDataClean .userDataEditorButton {
		margin-left: 10px;
		padding-left: 5px;
	}
	.userDataClean .userDeleteDataButton {
		margin-left: 10px;
		padding-left: 5px;
		line-height: 20px;
	}
	.userDataCleanHeaderDiv {
		border-bottom: 1px solid #B3B3B3;
	}
	.userDataClean .table {
		margin-bottom: 0;
	}
	.userDataClean .table td {
		line-height: 22px;
	}
	.userDataClean .table-striped tbody>tr:nth-child(odd)>td, .userDataClean .table-striped tbody>tr:nth-child(odd)>th
		{
		background-color: #e6e6e6;
	}
	.userDataClean .table-striped tbody>tr:nth-child(even)>td,
		.userDataClean .table-striped tbody>tr:nth-child(even)>th {
		background-color: #ffffff;
	}
	.userDataClean .table-striped2 tbody>tr:nth-child(odd)>td,
		.userDataClean .table-striped2 tbody>tr:nth-child(odd)>th {
		background-color: #f6f6f6;
		font-size: 11pt;
	}
	.userDataClean .table-striped2 tbody>tr:nth-child(even)>td,
		.userDataClean .table-striped2 tbody>tr:nth-child(even)>th {
		background-color: #e6e6e6;
		font-size: 11pt;
	}
	.inactiveData {
		color: #A3A3A3
	}
	.userDataClean .table-hover tbody tr:hover .deleteBtn {
		visibility: visible;
	}
	.paymentCancelPanel .gwt-Label {
		display: inline;
	}
	.paymentCancelPanel .gwt-Button {
		display: none;
	}
	.paymentCancelPanelShowBtn .gwt-Label {
		display: none;
	}
	.paymentCancelPanelShowBtn .gwt-Button {
		display: inline;
	}
	.userDataClean .table-hover tbody tr:hover>td, .userDataClean .table-hover tbody tr:hover>th
		{
		background-color: #A3A29F;
		color: white;
		cursor: pointer;
	}
	.userDataBottomLine {
		border-bottom: 1px solid #B3B3B3;
	}
	.userDataClean .userGroupButton {
		margin: 5px 5px 5px 0px;
		float: left;
	}
	.userDataClean .verticalLine {
		padding: 3px 5px 0px 0px;
		text-align: center;
		font-weight: bold;
		font-size: 22px;
		float: left;
	}
	.userDataClean .groupWizardAnchor {
		padding: 10px 5px 5px 0px;
		text-align: center;
		vertical-align: middle;
		font-size: 16px;
		float: left;
	}
	.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: 30px !important;
		line-height: 24px;
		padding-left: 3px;
		float: left;
		width: 24%;
		font-size: 9pt;
		font-family: "Open Sans", sans-serif;
		font-weight: normal;
	}
	.dropDownListCancelDayFilter {
		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;
	}
	.dropDownListCancelDisFilter {
		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;
	}
	.newUserNewCardDiv {
		margin-top: 0px;
		padding-top: 20px;
		text-align: center;
	}
	.childRegistrationLabel {
		min-height: 1px;
		width: 100%;
		font-size: 32pt;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: normal;
		margin: auto;
		padding-top: 10px;
		color: black;
	}
	.childRegistrationInfoLabel {
		min-height: 1px;
		width: 100%;
		font-size: 12pt;
		font-family: "Open Sans", sans-serif;
		font-weight: normal;
		padding-top: 20px;
		padding-bottom: 10px;
		margin: auto;
		color: rgb(25, 25, 25);
	}
	.childCodeTextArea {
		min-height: 150px;
		width: 100%;
		font-size: 26pt;
		font-family: "Open Sans", sans-serif;
		font-weight: normal;
		margin-top: 30px;
		padding-top: 30px;
		padding-bottom: 0px;
		color: black;
		border-color: rgb(204, 204, 204);
		line-height: 32pt;
		float: left;
	}
	.registrationProgressBar {
		background: url("img/autocomplete-loader.gif");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 16px 16px;
		height: 16px;
		width: 16px;
		margin-top: 42px;
		float: left;
	}
	.registrationProgressBarClean {
		background: url("img/Transparent.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 16px 16px;
		height: 16px;
		width: 16px;
		margin-top: 42px;
		float: left;
	}
	.childRegButton {
		margin: 30px 20px 30px 0px;
		float: left;
	}
	.childCancelButton {
		margin: 30px 20px 30px 20px;
		float: left;
	}
	.registrationTextAreaDiv {
		margin: 0px;
		padding: 0px;
		text-align: center;
		vertical-align: middle;
	}
	.regErrorLabel {
		float: left;
		margin-top: 30px;
		padding: 0px;
		color: red;
	}
	.informationDiv {
		height: 60px;
		margin: 0px -15px;
		padding: 0px 30px;
		background-color: rgb(252, 252, 160);
	}
	.informationDivLabel {
		display: inline-block;
		position: relative;
		background-image: url("img/information.png");
		background-repeat: no-repeat;
		padding: 2px 0px 10px 40px;
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 10pt;
		font-family: "Open Sans", sans-serif;
	}
	.registeredUsersDiv {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 11pt;
		font-family: "Open Sans", sans-serif;
	}
	.invoiceFullNameDiv {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 11pt;
		font-family: "Open Sans", sans-serif;
	}

	/* Hiba megjelenites */
	.validationErrorSum {
		background-color: #FAF5DC;
		background-image: url("img/warning_small.png");
		background-position: 10px center;
		background-repeat: no-repeat;
		font-size: 13px;
		padding: 8px 15px 8px 35px;
		margin: 0 -15px;
	}
	.validationError {
		background-image: url("img/warning_small.png");
		background-position: 10px center;
		background-repeat: no-repeat;
		padding: 5px 15px 5px 35px;
		color: rgb(156, 14, 14);
		margin-left: -15px;
	}
	.boxContentMainRow .boxContentButtonDiv .toLeft {
		margin-left: 0px;
	}
	.boxContentMainRow .boxContentButtonDiv .toRight {
		margin-left: 40px;
	}
	.wizard {
		z-index: 500;
	}

	/* Kártya kezelése, kiadása */
	.cardReaderLabel {
		font-size: 48px;
		font-family: 'Josefin Sans', sans-serif;
		padding: 30px 0;
		margin: 0 140px;
		text-align: center;
	}
	.cardReaderLabelUp {
		height: 40px;
	}
	.cardUidInput {
		opacity: 0;
	}
	.cardReadStartBtn {
		display: block;
		height: 60px;
		font-size: 13pt;
		margin: 100px auto 0 auto;
		width: 400px;
	}
	.cardReadBtn {
		display: block;
		height: 60px;
		font-size: 13pt;
		margin: 50px auto 0 auto;
		width: 400px;
	}

	/* Beállítások > Intézményi beállítások */
	.companySettings {
		min-height: 20px;
		padding: 0 0 2px 0;
		width: 100%;
		clear: both;
	}
	.companySettings .blockSeparator {
		padding-top: 10px;
	}
	.companySettings .boxEditorContentMin {
		clear: both;
		min-height: 1px;
		padding: 0px;
	}
	.companySettings .boxToRight40 {
		padding: 5px 5px 0 0;
		text-align: right;
		width: 40%;
	}
	.companySettings .boxToLeft60 {
		padding: 5px 5px 0 0;
		width: 55%;
	}

	/* Beállítások > Intézményi beállítások editor */
	.companySettingsEditor {
		
	}
	.companySettingsEditor .boxToRight40 {
		float: left;
		margin: 4px 6px 0 0;
	}
	.companySettingsEditor .editorBlockSeparator {
		border-top: 1px solid #cccccc;
		padding-top: 15px;
	}
	.companySettingsEditor select {
		width: 250px;
	}
	.companySettingsEditor .addressZip, .companySettingsEditor .addressStreetNumber
		{
		width: 20%;
		float: left;
		padding-right: 10px;
	}
	.companySettingsEditor .addressCity, .companySettingsEditor .addressStreet
		{
		width: 80%;
		float: left;
		padding-right: 10px;
	}
	.companySettingsEditor .addressZip input, .companySettingsEditor .addressStreetNumber input,
		.companySettingsEditor .addressCity input, .companySettingsEditor .addressStreet input
		{
		width: 100%;
	}

	/* H alatti intézmény szerkesztő */
	.companySettingsForAdminEditor {
		
	}
	.companySettingsForAdminEditor .boxEditorContentMin {
		clear: both;
		min-height: 1px;
		padding: 0px;
	}
	.companySettingsForAdminEditor .boxToRight50 {
		float: left;
		text-align: right;
		margin: 4px 6px 0 0;
		width: 50%;
	}
	.companySettingsForAdminEditor .boxToLeft50 {
		float: left;
		width: 50%;
	}
	.companySettingsForAdminEditor .editorBlockSeparator {
		border-top: 1px solid #cccccc;
		padding-top: 15px;
	}
	.companySettingsForAdminEditor select {
		width: 250px;
	}
	.companySettingsForAdminEditor .addressZip,
		.companySettingsForAdminEditor .addressStreetNumber {
		width: 20%;
		float: left;
		padding-right: 10px;
	}
	.companySettingsForAdminEditor .addressCity,
		.companySettingsForAdminEditor .addressStreet {
		width: 80%;
		float: left;
		padding-right: 10px;
	}
	.companySettingsForAdminEditor .addressZip input,
		.companySettingsForAdminEditor .addressStreetNumber input,
		.companySettingsForAdminEditor .addressCity input,
		.companySettingsForAdminEditor .addressStreet input {
		width: 100%;
	}

	/* Hírek szerkesztése */
	.newsEditor {
		min-height: 20px;
		padding: 0 0 2px 0;
		width: 100%;
		clear: both;
	}
	.newsEditor .boxEditorContentMin {
		clear: both;
		min-height: 1px;
		padding: 0px;
	}
	.newsEditor .boxToRight {
		padding: 5px 5px 0 0;
		text-align: right;
		width: 20%;
		float: left;
	}
	.newsEditor .boxToLeft2 {
		padding: 5px 5px 0 0;
		text-align: left;
		width: 70%;
		float: left;
	}
	.newsEditor .boxToRight input {
		width: 100%;
	}
	.newsEditor .checkBoxToLeft {
		padding: 5px 5px 0 0;
		width: 5%;
		float: left;
	}
	.newsEditor .boxToLeft {
		padding: 5px 5px 0 0;
		width: 75%;
		float: left;
	}
	.newsEditor .boxToLeft input {
		width: 100%;
	}
	.newsEditor input.gwt-DateBox {
		width: 100px;
	}
	.newsEditor .attachmentsDiv {
		padding-bottom: 30px;
	}
	.newsEditor .newButton {
		padding-bottom: 5px;
	}
	table.attachmentsTable td:nth-child(1) {
		width: 75%;
	}
	table.attachmentsTable button {
		border-radius: 3px;
		font-size: 12px;
		line-height: 16px;
		margin: 3px;
	}

	/* RichTextEditor */
	.richTextToolbar {
		
	}
	.richTextToolbar table td {
		padding: 0 4px 4px 0;
	}
	.richTextEditor {
		border: 1px solid #cccccc;
		border-radius: 4px;
	}

	/* Felhasznalo adatlap módosító */
	.userEditor .boxHead {
		background-color: white;
		border-bottom: 1px solid gray;
		height: auto;
		padding: 5px 15px;
	}
	.userEditor .boxEditorContent {
		min-height: 20px;
		padding: 0 0 2px 0;
		width: 100%;
		clear: both;
		height: 300px;
	}
	.userEditor .nullPxHeight input {
		padding: 0px 0px 0px 0px;
		height: 0px;
		font-size: 0px;
		line-height: 0px;
		width: 0px;
		background-color: #ffffff;
		color: #ffffff;
	}
	.userEditor .boxEditorContentMin {
		clear: both;
		min-height: 1px;
		padding: 0px;
	}
	.userEditor .boxEditorContentMin .newUserCompanyName {
		padding-top: 5px;
	}
	.userEditor .boxToJustify {
		
	}
	.userEditor .boxToRight, .discountEditor .boxToRight, .companySettings .boxToRight,
		.userEditor .boxToLeft, .discountEditor .boxToLeft, .userEditor .boxToRight40,
		.companySettings .boxToRight40, .discountEditor .boxToRight40,
		.userEditor .boxToLeft60, .discountEditor .boxToLeft60,
		.companySettings .boxToLeft60 {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: left;
	}
	.userEditor .boxToRight, .discountEditor .boxToRight {
		padding: 5px 5px 0 0;
		text-align: right;
		width: 35%;
	}
	.userEditor .boxToLeft, .discountEditor .boxToLeft {
		width: 65%;
		float: left;
	}
	.userEditor .boxToRight40, .discountEditor .boxToRight40 {
		padding: 5px 5px 0 0;
		text-align: right;
		width: 40%;
	}
	.userEditor .boxToLeft25, .discountEditor .boxToLeft25 {
		float: left;
		width: 25%;
	}
	.userEditor .boxToLeft40, .discountEditor .boxToLeft40 {
		float: left;
		width: 40%;
	}
	.userEditor .boxToLeft60, .discountEditor .boxToLeft60 {
		width: 55%;
	}
	.userEditor .boxCell {
		border: none;
		float: left;
		width: 20%;
		padding-left: 20px;
	}
	.userEditor .boxCellLong {
		border: none;
		float: left;
		width: 40%;
		padding-left: 20px;
	}
	.userEditor .boxCellNoFloat {
		float: none;
		border: none;
		width: 20%;
		padding-left: 20px;
	}
	.userEditor .boxCell20 {
		border: none;
		float: left;
		width: 20%;
	}
	.userEditor .textBox {
		border: 2px solid #ff0000;
		height: auto;
		width: auto;
	}
	.userEditor .dropDownListLabel {
		border: none;
		margin-top: 4px;
		float: left;
		padding-right: 3px;
	}
	.userEditor .dropDownList {
		padding-left: 3px;
		float: left;
		width: auto;
	}
	.userEditor .userEditorLabelText {
		border: none;
		padding: 5px 0px 5px 8px;
		text-align: left;
		vertical-align: middle;
		margin-bottom: 10px;
	}
	.userEditor .gwt-TextBox, .userEditor .gwt-SuggestBox {
		width: 100%;
	}
	.userEditor .editorAddressLabel {
		padding-top: 2px;
		padding-bottom: 2px;
		font-size: 16px;
		text-align: left;
		color: blue;
	}
	.userEditor .searchButton {
		margin-left: 16px;
	}
	.userEditor .menzakartyaIcon, .userEditor .menzakartyaCsoportosIcon,
		.userEditor .diakigazolvanyIcon, .userEditor .pedagogusIgazolvanyIcon
		{
		background-repeat: no-repeat;
		background-position: center;
		background-size: 48px 33px;
		height: 33px;
		width: 48px;
		margin: 0 auto;
	}
	.userEditor .menzakartyaIcon {
		background: url("img/icon-card-menza.png");
	}
	.userEditor .menzakartyaCsoportosIcon {
		background: url("img/icon-card-group.png");
	}
	.userEditor .diakigazolvanyIcon {
		background: url("img/icon-card-diakigazolvany.png");
	}
	.userEditor .pedagogusIgazolvanyIcon {
		background: url("img/icon-card-diakigazolvany.png");
	}
	.userEditor .cardUidText {
		color: rgb(127, 127, 127);
		font-style: italic;
		font-size: 8pt;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.userEditor .cardUserNameText {
		margin-bottom: 12px;
		margin-left: 8px;
		padding-top: 5px;
	}
	.userEditor .checkBoxDivManyCheckBoxMiddle {
		padding-top: 5px;
		padding-left: 25px;
	}
	.userEditor .quadroByte {
		width: 100%;
	}
	.userEditor .quadroByte>table {
		padding-left: 10px;
		border: 1px inset #cccccc;
		border-collapse: unset;
	}
	.userEditor .quadroByte .sp-htmlPanel {
		height: 180px !important;
	}

	/* Kedvezmény megjelenítő és szerkesztő */
	.discountEditor .gwt-CheckBox input {
		float: left;
		height: 20px;
		margin: 0 5px 0 15px;
	}
	.discountEditor label {
		float: left;
	}
	.discountEditor .promptedTB {
		width: auto;
	}
	.discountEditor .quantity {
		float: left;
	}
	.multiQuantity {
		float: left;
		width: 50px;
	}
	.btnMinus {
		color: red;
	}
	.btnPlus {
		color: green;
	}
	.btnMinus, .btnPlus {
		font-family: "Open Sans", sans-serif;
		font-size: 16pt;
		font-weight: normal;
		font-style: italic;
		cursor: pointer;
		margin: 5px 0px 5px 5px
	}
	input.multiQuantityInputBox {
		padding: 0px 4px;
		margin-bottom: 2px;
		font-size: 12px;
		vertical-align: middle;
	}
	.discountEditor .percentLabel {
		float: left;
		margin: 6px 0 14px 5px;
		min-height: 20px;
	}
	.discountTable {
		width: 100%;
	}
	.discountTable td {
		font-size: 11pt;
		padding: 8px 5px;
	}
	.discountTable td:nth-child(3) {
		font-weight: bold;
	}
	.discountTable .deleteBtn {
		visibility: hidden;
	}
	.discountTable .certificateIcon {
		background-image: url("img/receipt-text.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		display: inline-block;
		height: 32px;
		line-height: 32px;
		padding: 0 0 0 26px;
	}
	.discountTable .buttonPanel {
		text-align: right;
	}
	.discountTable .buttonPanel .btn-warning {
		border-radius: 3px;
		font-size: 12px;
		line-height: 16px;
		margin-left: 5px; 
	}

	/* Hiányzás igazolások */
	.absenceTable {
		width: 100%;
	}
	.absenceTable td {
		font-size: 11pt;
		padding: 8px 5px;
	}
	.absenceTable td:nth-child(1) {
		width: 40px;
	}
	.absenceTable td:nth-child(2) {
		font-weight: bold;
	}
	.absenceTable .deleteBtn {
		visibility: hidden;
	}
	.absenceTable .buttonPanel {
		text-align: right;
	}
	.absenceTable .buttonPanel .btn-warning {
		border-radius: 3px;
		font-size: 12px;
		line-height: 16px;
		margin-left: 5px;
	}
	.reports .filters .btn-warning  {
		vertical-align: top;
	}		
	.absenceTable .certificateIcon {
		background-image: url("img/receipt-text.png");
		background-repeat: no-repeat;
		background-position: 0 0;
		display: inline-block;
		height: 32px;
		line-height: 32px;
		padding: 0 0 0 26px;
	}
	.absenceIconFormater {
		background-repeat: no-repeat;
		background-position: 50% 50%;
		text-align: center;
		margin: 3px 0 3px 0;
		height: 32px;
		width: 100%;
	}
	.absenceStatusREQUEST {
		background-image: url('img/document_icon_question.png');
	}
	button.statisticsDetails {
		background-image: url('img/document_icon_question.png'); 
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-color: transparent;
		border: 0;
		padding: 0;
		margin: 0;
		overflow: hidden;
		display: inline-block;
		height: 32px;
		width: 32px;
	}
	.absenceStatusACCEPTED {
		background-image: url('img/document_icon_active.png');
	}
	.absenceStatusREJECTED {
		background-image: url('img/document_icon_inactive.png');
	}
	tr:hover .absenceViewButtonCell {
		background-image: url("img/button_view.png");
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

	/* Igazolások szerkesztő */
	.certificateEditorPanel .imagePanel, .certificateViewerPanel .imagePanel
		{
		/*height: 400px;*/
		height: auto;
		overflow-y: auto;
		overflow-x: hidden;
		margin-bottom: 10px;
		text-align: center;
	}
	.certificateEditorPanel .imageFileUpload .gwt-Label,
		.certificateEditorPanel .certificateDesc .gwt-Label {
		float: left;
		margin-right: 10px;
		margin-top: 3px;
	}
	.certificateEditorPanel .certificateDesc {
		margin-top: 10px;
	}
	.certificateEditorPanel .certificateDesc .gwt-TextBox {
		width: 90%;
		float: left;
	}
	.certificateViewerPanel .row div {
		padding: 8px 0;
	}

	/* Nagy kereső + autocomplete */
	.suggestsearchpanel {
		text-align: center;
		width: 100%;
		margin-top: 20px;
	}
	.cardUserDiv .suggestSearchPanel {
		text-align: center;
		width: 100%;
		margin-top: -20px;
	}
	.cardUserDiv {
		float: left;
		width: 100%;
	}
	.suggestsearchpanel .gwt-Label {
		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: 600px;
	}
	.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: 0;
		width: 100%;
		min-height: 40px;
	}
	.suggestsearchinner input, .suggestsearchinner input:focus {
		box-shadow: none;
	}
	.suggestsearchinner .gwt-Button {
		background: url("img/search.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;
	}
	.menza-gwt-SuggestBoxPopup {
		max-height: 460px;
		overflow-y: scroll !important;
	}
	.gwt-SuggestBoxPopup {
		background-color: white;
		border-radius: 5px;
		border: 1px solid grey;
		margin: 0px;
		padding: 0 0 2px 0;
		min-width: 17%;
		z-index: 600;
	}
	.gwt-SuggestBoxPopup table {
		border-radius: 5px;
		margin: 0;
		width: 100%;
	}
	.gwt-SuggestBoxPopup table table td {
		cursor: pointer;
		padding: 5px 20px;
	}
	.gwt-SuggestBoxPopup table table td div.title {
		font-weight: bold;
		font-size: 13pt;
	}
	.gwt-SuggestBoxPopup table table td div.desc {
		color: rgb(153, 153, 153);
		font-size: 11pt;
	}
	.gwt-SuggestBoxPopup .suggestPopupMiddleLeft, .gwt-SuggestBoxPopup .suggestPopupMiddleRight
		{
		width: 0;
	}
	.gwt-SuggestBoxPopup table table tr:nth-child(odd) { /*FIXME*/
		background-color: rgb(235, 235, 235);
	}
	.gwt-SuggestBoxPopup table table tr:nth-child(even) { /*FIXME*/
		background-color: white;
	}
	.gwt-SuggestBoxPopup .item-selected {
		background-color: rgb(220, 220, 220);
	}
	.gwt-SuggestBoxPopup .item {
		clear: both;
		color: #333333;
		cursor: pointer;
		font-size: 110%;
		font-weight: normal;
		line-height: 20px;
		padding: 3px 9px;
		white-space: nowrap;
	}
	.gwt-SuggestBoxPopup .item-selected {
		color: #ffffff;
		text-decoration: none;
		background-color: #0081c2;
		background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc),
			to(#0077b3));
		background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
		background-image: -o-linear-gradient(top, #0088cc, #0077b3);
		background-image: linear-gradient(to bottom, #0088cc, #0077b3);
		background-repeat: repeat-x;
		outline: 0;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',
			endColorstr='#ff0077b3', GradientType=0);
	}
	.newGroupInputTextBoxDiv {
		text-align: left;
		margin-left: 5px;
		margin-right: 3px;
		float: left;
	}
	.groupEditorButton {
		margin: 4px;
		padding: 2px 15px;
		clear: both;
	}
	.groupEditor .boxEditorContentMin {
		min-height: 1px;
		padding: 0px;
		width: 100%;
		float: left;
		clear: both;
	}
	.groupEditor {
		border: none;
		padding: 1px;
		margin: 1px;
		min-height: 400px;
	}
	.groupEditor .scrollBarDiv {
		border: none;
		padding: 1px;
		margin: 1px;
		height: 335px;
		overflow: auto;
	}
	.groupEditor .rightBox {
		float: left;
		width: 42%;
		padding: 5px 5px 0 0;
		text-align: left;
		overflow: auto;
	}
	.groupEditor .leftBox {
		float: left;
		width: 46%;
		padding: 5px 5px 0 0;
		text-align: left;
		overflow: auto;
	}
	.groupEditor .middleArrowBox {
		float: left;
		margin-left: 10px;
		width: 30px;
		text-align: center;
		padding-top: 120px !important;
	}
	.groupEditor .boxEditorContent {
		min-height: 20px;
		padding: 0 0 2px 0;
		float: left;
	}
	.groupEditor .headerText {
		font-family: 'Josefin Sans', sans-serif;
		font-weight: bold;
		font-size: 14pt;
	}
	.groupEditor .kekJobbraIcon {
		background: url("img/arrow_right.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 22px 23px;
		height: 23px;
		width: 22px;
		padding-top: 20px;
		margin: 0 auto;
	}
	.groupEditor .kekBalraIcon {
		background: url("img/arrow_left.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 22px 23px;
		height: 23px;
		width: 22px;
		padding-top: 20px;
		margin: 0 auto;
	}

	/* Disclosure panel */
	.gwt-DisclosurePanel, .gwt-DisclosurePanel-open,
		.gwt-DisclosurePanel-closed {
		
	}
	.gwt-DisclosurePanel .header, .gwt-DisclosurePanel .header a,
		.gwt-DisclosurePanel .header td {
		text-decoration: none;
		color: black;
		cursor: pointer;
	}
	.gwt-DisclosurePanel .content {
		border: none;
		padding: 4px 0px 4px 8px;
		margin-left: 6px;
	}

	/* Kis kereső a SearchOperation-nél */
	.typeaheadpanelmini {
		z-index: 500;
	}
	.suggestsearchpanelmini {
		text-align: left;
		margin-left: 5px;
		margin-right: 3px;
		float: left;
	}
	.suggestsearchpanelmini .gwt-Label {
		margin-top: -10px;
		font-style: italic;
		font-size: 11pt;
		color: rgb(102, 102, 102);
	}
	.moneytransfersuggest .suggestsearchinnermini {
		display: block;
	}
	.suggestsearchinnermini {
		display: inline-block;
		margin: 0px;
		position: relative;
		width: 100%;
	}
	.suggestsearchinnermini>div {
		background-color: white;
		border-radius: 0px;
		border: 1px solid grey;
		padding: 5px 20px 5px 8px;
	}
	.suggestsearchinnermini input {
		border-radius: 0px;
		display: block;
		font-size: 14px;
		margin: 0;
		padding: 0;
		width: 100%;
		min-height: 27px;
	}
	.suggestsearchinnermini input, .suggestsearchinner input:focus {
		box-shadow: none;
	}
	.suggestsearchinnermini .gwt-Button {
		background: url("img/search.png") no-repeat;
		background-position: 50% 50%;
		border: none;
		position: absolute;
		width: 20px;
		height: 27px;
		top: 0;
		right: 0;
	}
	.suggestsearchpanelminiDesc {
		text-shadow: 0 1px 1px rgb(255, 255, 255);
		margin-bottom: 40px;
	}

	/* Lábléc */
	#footerContainer {
		
	}
	.footerMenu a {
		color: black;
	}

	/* -- FIXME -- */
	.authenticate {
		text-align: center;
	}
	.authenticate table {
		margin: 0 auto;
		text-align: left;
	}
	.authenticateTable {
		text-align: center;
	}
	.headerTable {
		width: 100%;
	}
	.headerTableTitle {
		width: 90%;
	}
	.headerTableLogout {
		width: 10%;
	}
	#leftnav {
		vertical-align: text-top;
	}

	/* GWT-Validation */
	.gwt-TextBox.validationFailedBorder, .gwt-DateBox.validationFailedBorder,
		.gwt-SuggestBox.validationFailedBorder, .fullText.validationFailedBorder,
		.boxToLeft.validationFailedBorder {
		border: 1px solid #ff0000;
		margin: 0;
	}
	.gwt-TextBox.validationFailedText, .gwt-DateBox.validationFailedText {
		color: #f00;
	}
	.gwt-PasswordTextBox.validationFailedBorder {
		border: 1px solid #ff0000;
		margin: 2px 0 8px 0;
	}

	/* GWT specifikus class-ok */
	.gwt-PopupPanelGlass {
		background-color: #ffffff;
		opacity: 0.7;
		filter: literal("alpha(opacity=30)");
		z-index: 500;
	}
	.gwt-PopupPanel {
		z-index: 500;
	}
	.gwt-CellTable.hardbordered {
		border: 5px;
	}
	.gwt-CellTable-cellTableCell .hiddenAction {
		visibility: hidden;
	}
	.gwt-CellTable-cellTableHoveredRowCell .hiddenAction {
		visibility: visible;
	}
	.gwt-TextBox.big {
		font-size: 14px;
		height: 22px;
		line-height: 22px;
		width: 100%;
	}
	.gwt-PasswordTextBox.big {
		padding: 5px 4px;
		border: 1px solid #ccc;
		border-top: 1px solid #999;
		font-size: small;
		font-family: 'Arial Unicode MS', Arial, sans-serif;
	}
	.gwt-AlignCenter {
		text-align: center;
	}
	.gwt-AlignRight {
		text-align: right;
	}
	.gwt-AlignLeft {
		text-align: left;
	}
	.gwt-toRight {
		float: right;
	}
	.gwt-toLeft {
		float: left;
	}
	.gwt-DecoratorPanel .middleCenter {
		height: 100%;
		width: 100%;
	}
	.div {
		height: 100%;
		width: 100%;
	}
	.wordWrap {
		width: 100%;
		word-wrap: break-word;
		cursor: pointer;
	}
	.hp-htmlPanel, .vp-htmlPanel, .sp-htmlPanel, .checkBox-ListPanel {
		background-color: #FFFFFF;
	}

	/* Naptár */
	.calendarComposite {
		margin: 0px auto;
		width: 100%;
	}
	.calendarComposite .calendarNavbar {
		vertical-align: middle;
		width: 100%;
	}
	.calendarComposite .calendarNavbar td {
		font-weight: bold;
		font-size: 14pt;
		padding: 5px;
	}
	.calendarComposite table {
		width: 100%;
	}
	.calendarComposite .calendarNavbar .gwt-Button {
		
	}
	.calendarComposite .grid {
		text-align: center;
	}
	.calendarComposite .weekheader {
		color: rgb(153, 153, 153);
	}
	.calendarComposite .weekheader .days {
		padding: 1px 3px;
		text-align: center;
	}
	.calendarComposite .cell {
		cursor: pointer;
		border: 1px solid rgb(153, 153, 153);
		vertical-align: top;
		width: 14%;
	}
	.calendarComposite .cell .CalendarCell div:first-child {
		color: rgb(127, 127, 127);
		font-size: 10pt;
	}
	.calendarComposite .cell .CalendarCell {
		border-collapse: collapse;
		border-spacing: 0px;
		min-height: 70px;
		overflow: hidden;
	}
	.calendarComposite .today {
		background-color: #C3D9FF;
	}
	.calendarComposite .holidayCell {
		background-color: rgb(240, 240, 240);
	}
	.calendarComposite .holidayLabel {
		color: rgb(153, 153, 153);
		padding: 3px;
	}
	.calendarComposite .food1 {
		background-color: rgb(194, 194, 194);
		border: 1px solid rgb(151, 151, 151);
	}
	.calendarComposite .food2 {
		background-color: rgb(251, 233, 131);
		border: 1px solid rgb(189, 182, 52);
	}
	.calendarComposite .food3 {
		background-color: rgb(255, 155, 155);
		border: 1px solid rgb(211, 94, 94);
	}
	.calendarComposite .food4 {
		background-color: rgb(123, 209, 72);
		border: 1px solid rgb(77, 184, 16);
	}
	.calendarComposite .food5 {
		background-color: rgb(114, 187, 255);
		border: 1px solid rgb(54, 136, 213);
	}
	.normaltext {
		font-size: 9pt;
		font-weight: normal;
	}
	.normaltextInaktiv {
		font-size: 9pt;
		font-weight: normal;
		color: rgb(127, 127, 127);
	}

	/* Megrendeles popup */
	.rendelesWizzard {
		z-index: 500;
	}
	.orderWizard .wizzardHeader {
		display: flex;
		justify-content: space-between;
	}
	.orderWizard .wizzardHeaderText {
		width: auto;
	}
	.rendelesWizzard .largeText {
		font-size: 12pt;
		font-weight: normal;
	}
	.rendelesWizzard .subtitle {
		margin-top: -12px;
		margin-bottom: 20px;
	}
	.largeTextBold, .largeTextBold label {
		font-size: 12pt;
		font-weight: bold;
		line-height: 30px;
	}
	.rendelesWizzard .egyebText {
		margin-top: -5px;
		margin-left: 10px;
		width: 60%;
	}
	.rendelesWizzard .egyeb label {
		float: left;
	}
	.rendelesWizzard .popupContent {
		background: white;
		height: auto;
		border: solid 2px rgb(0, 0, 0);
		border-radius: 5px;
	}
	.rendelesWizzard .row {
		margin-left: 0px;
	}
	.rendelesWizzard .paragraph {
		margin-bottom: 10px;
	}
	.rendelesWizzard .paymentInfo {
		margin-right: 13px;
	}
	.rendelesWizzard .footer {
		height: 60px;
	}
	.rendelesWizzard .radio {
		float: left;
		width: 28%;
	}
	.rendelesWizzard .radio span {
		display: block;
		width: 100%;
	}
	.rendelesWizzard .radio span span {
		display: block;
		margin-left: 3px;
		margin-bottom: 15px;
	}
	.rendelesWizzard .radio input {
		margin-top: 4px;
		margin-right: 10px;
		float: left;
		display: block;
	}
	.rendelesWizzard .chbox input, .rendelesWizzard .gwt-RadioButton input {
		margin-top: 3px;
		margin-right: 10px;
		float: left;
		display: block;
	}
	.gwt-PopupPanel .chbox input, .gwt-PopupPanel .gwt-CheckBox input,
		.gwt-PopupPanel .chbox .gwt-CheckBox input {
		margin-top: 3px;
		margin-right: 10px;
		float: left;
		display: block;
	}
	.rendelesWizzard .chboxIndent input {
		margin-left: 20px;
	}
	.rendelesWizzard .radio .desc {
		margin-left: 23px;
		width: 200px;
	}
	.rendelesWizzard .multiDailyOverviewItemWeekWindow, .rendelesWizzard .dailyOverviewItemWeekWindow
		{
		width: 85%;
	}
	.rendelesWizzard .dayContainer>div, .rendelesWizzard .multiDailyOverviewItemWeekWindow>div>div,
		.rendelesWizzard .dailyOverviewItemWeekWindow>div>div {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: left;
		padding: 5px;
	}
	.rendelesWizzard .dayContainer>div {
		width: 12%;
	}
	.rendelesWizzard .dayContainer>div:first-child {
		
	}
	.rendelesWizzard .dailyOverviewItemWeekWindow>div>div {
		width: 80px;
	}
	.rendelesWizzard .multiDailyOverviewItemWeekWindow>div>div {
		width: 150px;
	}
	.rendelesWizzard .selectDays .gwt-DateBox {
		margin: 0 0 8px;
		padding: 1px;
	}
	.rendelesWizzard .selectDays .week {
		margin-left: -30px;
	}
	.rendelesWizzard .selectDays .multiCategoryDay {
		min-height: 400px;
	}
	.rendelesWizzard .selectDays .multiCategoryWeekend {
		min-height: 400px;
	}
	.rendelesWizzard .selectDays .multiCategoryDay, .rendelesWizzard .selectDays .multiCategoryWeekend
		{
		/* float: left; */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.rendelesWizzard .selectDays .day, .rendelesWizzard .selectDays .weekend
		{
		/* float: left; */
		min-height: 200px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	.rendelesWizzard .selectDays .itemType {
		margin-bottom: 10px;
		min-height: 17px;
		cursor: pointer;
	}
	.rendelesWizzard .selectDays .itemHeader {
		cursor: pointer;
	}
	.rendelesWizzard .selectDays .itemHeader, .rendelesWizzard .selectDays .itemHeaderNoPointer
		{
		margin-bottom: 10px;
		min-height: 17px;
		text-align: center;
	}
	.dayItem .menu {
		float: left;
		text-align: center;
	}
	.rendelesWizzard .selectDays .dayItem, .rendelesWizzard .selectDays .multiCategoryWeekend .dayItem,
		.rendelesWizzard .selectDays .multiCategoryWeekend .dayItem.selected,
		.rendelesWizzard .selectDays .weekend .dayItem, .rendelesWizzard .selectDays .selected,
		.rendelesWizzard .selectDays .weekend .dayItem.selected {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		font-size: 7pt;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.rendelesWizzard .dayItem.ordered {
		background-color: rgb(255, 102, 0);
		border-bottom: 1px solid rgb(216, 216, 216);
	}
	.rendelesWizzard .dayItem.orderedInvoiced {
		background-color: rgb(22, 210, 29);
		border-bottom: 1px solid rgb(216, 216, 216);
	}
	.rendelesWizzard .dayItem.orderedNotOrderable {
		background-color: rgb(255, 102, 129);
		border-bottom: 1px solid rgb(216, 216, 216);
	}
	.rendelesWizzard .dayItem.orderedNotPayed {
		background-image: url("img/bg-megrendelt-kifizetetlen.gif")
	}
	.rendelesWizzard .dayItem, .rendelesWizzard .dayItem {
		border-bottom: 1px solid rgb(127, 127, 127);
		border-top: 1px solid rgb(237, 236, 236);
		border-left: 1px solid rgb(237, 236, 236);
		border-right: 1px solid rgb(218, 216, 216);
		cursor: pointer;
		min-height: 17px;
		margin-bottom: 10px;
	}
	.rendelesWizzard .dayItem {
		background-color: rgb(218, 216, 216);
	}
	.rendelesWizzard .multiCategoryWeekend .dayItem, .rendelesWizzard .weekend .dayItem
		{
		background-color: rgb(127, 127, 127);
	}
	.rendelesWizzard .selectDays .selected, .rendelesWizzard .selectDays .multiCategoryWeekend .dayItem.selected,
		.rendelesWizzard .selectDays .weekend .dayItem.selected {
		background-color: rgb(7, 149, 0);
		border-bottom: 1px solid rgb(127, 127, 127);
		border-top: 1px solid rgb(4, 104, 0);
		border-left: 1px solid rgb(4, 104, 0);
		border-right: 1px solid rgb(7, 149, 0);
		color: white;
	}
	.multi-category .multi-category-panel {
		position: relative;
		display: table-cell;
		height: 0;
		user-select: none;
	}
	.multi-category .multi-category-panel .multi-category-header {
		display: table;
		height: calc(100% - 108px);
		width: calc(100% - 21px);
		padding: 10px 10px;
		border-left: 1px solid #BCC2D0;
	}
	.multi-category .multi-category-panel .multi-category-cell {
		display: table;
		height: 24px;
		width: calc(100% - 21px);
		padding: 2px 2px;
		border-left: 1px solid #BCC2D0;
	}
	.rendelesWizzard .selectDays .multiDayItem, .rendelesWizzard .selectDays .multiCategoryWeekend .multiDayItem,
		.rendelesWizzard .selectDays .multiCategoryWeekend .multiDayItem.selected,
		.rendelesWizzard .selectDays .weekend .multiDayItem, .rendelesWizzard .selectDays .weekend .multiDayItem.selected
		{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		font-size: 7pt;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
	}
	.rendelesWizzard .multiDayItem.ordered {
		background-color: rgb(255, 102, 0);
		border-bottom: 1px solid rgb(216, 216, 216);
		height: 85px;
	}
	.rendelesWizzard .multiDayItem.orderedInvoiced {
		background-color: rgb(22, 210, 29);
		border-bottom: 1px solid rgb(216, 216, 216);
		height: 85px;
	}
	.rendelesWizzard .multiDayItem.orderedNotOrderable {
		background-color: rgb(255, 102, 129);
		border-bottom: 1px solid rgb(216, 216, 216);
		height: 85px;
	}
	.rendelesWizzard .multiDayItem.orderedNotPayed {
		background-image: url("img/bg-megrendelt-kifizetetlen.gif");
		height: 85px;
	}
	.rendelesWizzard .multiDayItem, .rendelesWizzard .multiDayItem {
		border-bottom: 1px solid rgb(127, 127, 127);
		border-top: 1px solid rgb(237, 236, 236);
		border-left: 1px solid rgb(237, 236, 236);
		border-right: 1px solid rgb(218, 216, 216);
		cursor: pointer;
		min-height: 17px;
		margin-bottom: 10px;
	}
	.rendelesWizzard .multiDayItem .menu {
		border-bottom: 1px solid rgb(127, 127, 127);
	}
	.rendelesWizzard .multiCategoryWeekend .multiDayItem, .rendelesWizzard .weekend .multiDayItem
		{
		background-color: rgb(127, 127, 127);
	}
	.rendelesWizzard .selectDays .multiCategoryWeekend .multiDayItem.selected,
		.rendelesWizzard .selectDays .weekend .multiDayItem.selected {
		background-color: rgb(7, 149, 0);
		border-bottom: 1px solid rgb(127, 127, 127);
		border-top: 1px solid rgb(4, 104, 0);
		border-left: 1px solid rgb(4, 104, 0);
		border-right: 1px solid rgb(7, 149, 0);
		color: white;
	}
	.rendelesWizzard .sumTableRow {
		width: 100%;
	}
	.rendelesWizzard .sumTableRow .sumTableLabel, .rendelesWizzard .sumTableRow .sumTablePrice
		{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: left;
	}
	.rendelesWizzard .sumTableRow .sumTableLabel {
		width: 75%;
	}
	.rendelesWizzard .sumTableRow .sumTableLabel div {
		float: left;
	}
	.rendelesWizzard .sumTableRow .sumTablePrice {
		text-align: right;
		width: 25%;
	}
	.rendelesWizzard .shortSumLine {
		float: right;
		border-top: 1px solid;
		width: 100px;
		margin-bottom: -1px;
	}
	.rendelesWizzard .longSumLine {
		float: right;
		border-bottom: 1px solid;
		width: 100%;
	}
	.rendelesWizzard .sumTableRight {
		text-align: right;
	}
	.rendelesWizzard .sumTablePrice {
		text-align: right;
		width: 100px;
	}
	.rendelesWizzard .sumNegative {
		color: rgb(156, 14, 14);
	}
	.rendelesWizzard .prodcount {
		text-align: right;
		width: 30px;
		margin-right: 5px;
	}
	.rendelesWizzard .eventTypeName {
		margin-left: 5px;
	}
	.rendelesWizzard .discountDesc {
		clear: both;
		margin-left: 5px;
		margin-top: 2px;
	}
	.rendelesWizzard .productCostSumLabel, .rendelesWizzard .productCostSumTotalLabel
		{
		text-align: right;
		width: 100%;
	}
	.rendelesWizzard .productCostSumTotalLabel {
		font-weight: bold;
	}
	.rendelesWizzard .payment .bankkartyaLogo {
		background-image: url("img/virtumatrica.jpg");
		background-repeat: no-repeat;
		background-size: 210px auto, 100px auto;
		height: 117px;
		width: 200px;
	}
	.rendelesWizzard .payment .bankkartyaLogoSimplePay {
		/*background-image: url("img/simplepay_otp_bankcard_hu_top_new.png");*/
		background-image: url("img/otp_simplepay_2026.png");
		background-repeat: no-repeat;
		background-size: 100% auto, 60px auto;
		height: 50px;
		width: 200px;
		margin-left: -25px;
	}
	.rendelesWizzard .payment .otpSzepKartyaLogo {
		/*background-image: url("img/otp-szep-kartya.png");*/
		background-image: url("img/otp_szep_kartya_2025.png");
		background-repeat: no-repeat;
		background-size: 100% auto, 60px auto;
		height: 50px;
		width: 200px;
		margin-left: -25px;
	}
	.rendelesWizzard .payment .bankkartyaInfoText {
		font-size: 10pt;
	}
	.rendelesWizzard .payment .radio {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: left;
		padding: 0 20px;
	}
	.rendelesWizzard .payment .radio label {
		font-size: 12pt;
	}
	.rendelesWizzard .payment .radio label span {
		font-size: 10pt;
		padding-bottom: 2px;
	}
	.rendelesWizzard .paymentInfo .boxToRight {
		display: inline-block;
		width: 40%;
	}
	.smallBoldPrice {
		font-weight: bold;
		font-size: 8pt;
		width: 110px;
		text-align: right;
	}
	.rendelesWizzard .paymentInfo .boxToLeft {
		display: inline-block;
	}
	.rendelesWizzard .paymentInfo .addressZip, .rendelesWizzard .paymentInfo .addressCity,
		.rendelesWizzard .paymentInfo .addressStreet, .rendelesWizzard .paymentInfo .addressStreetNumber,
		.rendelesWizzard .paymentInfo .directDebitUniqueId {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: left;
		padding-right: 10px;
	}
	.rendelesWizzard .paymentInfo .addressZip input, .rendelesWizzard .paymentInfo .addressCity input,
		.rendelesWizzard .paymentInfo .addressStreet input, .rendelesWizzard .paymentInfo .addressStreetNumber input,
		.rendelesWizzard .paymentInfo .directDebitUniqueId input {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: 30px;
		width: 100%;
	}
	.rendelesWizzard .paymentInfo .addressZip, .rendelesWizzard .paymentInfo .addressStreetNumber
		{
		width: 20%;
	}
	.rendelesWizzard .paymentInfo .addressCity, .rendelesWizzard .paymentInfo .addressStreet
		{
		width: 80%;
	}
	.rendelesWizzard .paymentInfo .directDebitUniqueId {
		width: 30%;
	}
	.paymentWarn {
		width: 100%;
	}

	/* Táblázatok általános design */
	.wTableContainer {
		margin-bottom: 30px;
		overflow: auto;
	}
	.wTableSeparator {
		clear: both;
	}
	.wTableHeader {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 20pt;
		float: left;
		margin: 10px 0;
	}
	.wTable {
		border-collapse: collapse;
		width: 100%;
	}
	.wTable thead {
		color: rgb(102, 102, 102);
	}
	.wTable thead .selected {
		color: rgb(25, 25, 25);
		text-shadow: 1px 1px 0px white;
	}
	.wTable th {
		font-size: 12pt;
		line-height: 25px;
		padding: 0 15px 0 5px;
	}
	.wTable td {
		font-size: 12pt;
	}
	.wTable .subHeader {
		color: rgb(102, 102, 102);
		font-weight: bold;
	}
	.wTableExtraInfo {
		float: right;
		margin: 17px 10px 0 0;
	}
	.wTableFilter {
		float: right;
		margin: 10px 0;
	}
	.wTableFilter input {
		background-image: url("img/search.png");
		background-repeat: no-repeat;
		background-position: 5px center;
		margin: 0;
		padding-left: 25px;
	}
	.wPager {
		float: right;
		margin: 10px 0 10px 10px;
	}
	.wPager.visibilityHidden {
		visibility: hidden;
	}
	.wPager button {
		border: none;
		padding: 0px;
		height: 31px;
		width: 34px;
	}
	.wPager .wNextBtn, .wPager .wPrevBtn, .wPager button:disabled.wNextBtn,
		.wPager button:disabled.wPrevBtn {
		background: url("img/bg-pager.png") no-repeat transparent;
	}
	.wPager .wNextBtn {
		background-position: -34px -31px;
	}
	.wPager .wPrevBtn {
		background-position: -34px 0px;
	}
	.wPager button:disabled.wNextBtn {
		background-position: 0px 0px;
	}
	.wPager button:disabled.wPrevBtn {
		background-position: 0px -31px;
	}
	.wPager .wHideBtn {
		display: none;
	}
	.wPager .gwt-Label {
		color: black;
		float: left;
		font-size: 12pt;
		margin-top: 7px;
		margin-right: 10px;
	}
	.wTableEmptyResult {
		text-align: center;
	}
	.wCellPrice {
		text-align: right;
	}
	.wTableContainer .buttonPanel {
		margin-bottom: 10px;
	}
	.boxMarg5 {
		margin-right: 5px;
	}
	.wCellPointer {
		cursor: pointer;
	}

	/* Osztályok / csoportok listája */
	.groupTableHeaderLabel {
		font-size: 14pt;
		padding-bottom: 8px;
	}
	.groupTableHeaderLabel:hover {
		cursor: pointer;
		text-decoration: underline;
	}

	/* Datumvalaszto */
	.dateBoxFormatError {
		background: #ffcccc;
	}
	.dateBoxPopup {
		z-index: 500;
	}
	.gwt-DateBox {
		padding: 5px 4px;
		border: 1px solid #ccc;
		border-top: 1px solid #999;
		font-size: 100%;
	}
	.gwt-DateBox input {
		width: 8em;
	}
	.gwt-DatePicker {
		border: 1px solid #ccc;
		border-top: 1px solid #999;
		cursor: default;
	}
	.gwt-DatePicker td, .datePickerMonthSelector td:focus {
		outline: none;
	}
	.datePickerDays {
		width: 100%;
		background: white;
	}
	.datePickerDay, .datePickerWeekdayLabel, .datePickerWeekendLabel {
		font-size: 85%;
		text-align: center;
		padding: 4px;
		outline: none;
		font-weight: bold;
		color: #333;
		border-right: 1px solid #EDEDED;
		border-bottom: 1px solid #EDEDED;
	}
	.datePickerWeekdayLabel, .datePickerWeekendLabel {
		background: #fff;
		padding: 0px 4px 2px;
		cursor: default;
		color: #666;
		font-size: 70%;
		font-weight: normal;
	}
	.datePickerDay {
		padding: 4px 7px;
		cursor: pointer;
	}
	.datePickerDayIsWeekend {
		background: #f7f7f7;
	}
	.datePickerDayIsFiller {
		color: #999;
		font-weight: normal;
	}
	.datePickerDayIsValue {
		background: #d7dfe8;
	}
	.datePickerDayIsDisabled {
		color: #AAAAAA;
		font-style: italic;
	}
	.datePickerDayIsHighlighted {
		background: #F0E68C;
	}
	.datePickerDayIsValueAndHighlighted {
		background: #d7dfe8;
	}
	.datePickerDayIsToday {
		padding: 3px;
		color: #00f;
	}
	.datePickerMonthSelector {
		width: 100%;
		padding: 1px 0 5px 0;
		background: #fff;
	}
	td.datePickerMonth {
		text-align: center;
		vertical-align: middle;
		white-space: nowrap;
		font-size: 100%;
		font-weight: bold;
		color: #333;
	}
	.datePickerPreviousButton, .datePickerNextButton {
		font-size: 120%;
		line-height: 1em;
		color: #3a6aad;
		cursor: pointer;
		font-weight: bold;
		padding: 0px 4px;
		outline: none;
	}

	/* Riportok */
	.reports .mainTitle {
		font-family: 'Josefin Sans', sans-serif;
		font-size: 23pt;
		font-weight: 400;
		padding: 10px 0;
		text-align: left;
	}
	.reports .mainTitlePrefix {
		font-size: 18pt;
	}
	.reports .boxToLeft {
		float: left;
		margin-right: 10px;
	}
	.reports .gwt-DateBox {
		width: 8em;
	}
	.reports .searchButton {
		margin-bottom: 10px;
		margin-left: 10px;
	}
	.reportConfirmTable {
		border: none;
		margin: 0px 0px 10px 0px;
	}
	.reportConfirmTable .labelCol {
		font-weight: bold;
		text-align: right;
		width: 25%;
	}
	.reportConfirmTable .dataCol {
		padding-left: 10px;
		text-align: left;
	}
	.kindergartenTableOrderStatusContent {
		width: 100%;
		margin: 0;
	}
	.kindergartenTableOrderStatusContent .kindergartenTableOrderStatus {
		margin: 0;
		width: 99%;
	}

	/* 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: 20px;
		margin-top: 20px;
		padding-left: 20px;
		position: relative;
		text-align: center;
	}
	.tabMenu a:last-child {
		margin-right: 0;
	}

	/* TabMenü: Admin Dashboard */
	.tabMenuItemNewUser {
		background-image: url("img/icon-add-user.png");
	}
	.tabMenuItemHandoutCard {
		background-image: url("img/icon-add-card.png");
	}
	.tabMenuItemNewGroup {
		background-image: url("img/icon-add-group.png");
	}

	/* TabMenü: Pénzügyek - admin */
	.tabMenuItemPair {
		background-image: url("img/moneys.png");
	}
	.tabMenuItemDD {
		background-image: url("img/bank--arrow.png");
	}
	.tabMenuItemDebt {
		background-image: url("img/money--minus.png");
	}
	.iconXls {
		background-image: url("img/icon_xls.png");
		background-repeat: no-repeat;
		width: 16px;
		height: 16px;
		float: left;
		margin: 6px;
	}
	/* Pénzügyek > Tartozások */
	.discountDebt {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.discountDebt input {
		float: left;
		margin-right: 10px;
	}
	.debtExport {
		float: left;
	}
	/* Statisztikák > Tartozások */
	.debtReportPanel {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.debtReportPanel input {
		float: left;
		margin-right: 10px;
	}
	.tabMenuItemInvoice {
		background-image: url("img/receipts.png");
	}
	.deleteDebtWizard .confirmDebt {
		margin-top: 30px;
	}
	.deleteDebtWizard .confirmDebt div, .deleteDebtWizard .confirmDebt input
		{
		float: left;
		margin-right: 5px;
	}

	/* TabMenü: Pénzügyek - szülői */
	.tabMenuItemOrders {
		background-image: url("img/box.png");
	}
	.tabMenuItemCanceledOrders {
		background-image: url("img/box--minus.png");
	}
	.tabMenuItemInvoiceLister {
		background-image: url("img/receipts.png");
	}
	.tabMenuItemAccountHistory {
		background-image: url("img/receipt-invoice-hourglass.png");
	}

	/* TabMenü: Beállítások */
	.tabMenuItemSelectDays {
		background-image: url("img/calendar-select-days-span.png");
	}
	.tabMenuItemProductsAndPrices {
		background-image: url("img/moneys.png");
	}
	.tabMenuItemMenu {
		background-image: url("img/cutlery.png");
	}
	.tabMenuItemKir {
		background-image: url("img/icon_xls.png");
	}
	.tabMenuItemConfigConstants {
		background-image: url("img/config-constants.png");
	}
	.tabMenuItemNewsEditor {
		background-image: url("img/edit-news.png");
	}

	/* Átutalás és csoportos beszedés párositó */
	.downloadIcon div {
		background-image: url("img/arrow-down.png");
		background-repeat: no-repeat;
		cursor: pointer;
		margin: 10px;
		height: 16px;
		width: 16px;
	}
	.downloadPointer {
		cursor: pointer;
	}
	.downloadTable tr:hover {
		background-color: #fec;
	}
	.finance {
		
	}
	.finance .gwt-DateBox {
		width: 8em;
	}
	.finance
	 
	.gwt-DateBox
	 
	.datePickerDay
	,
	.finance
	 
	.gwt-DateBox
	 
	.datePickerWeekdayLabel
	,
	.finance
	 
	.gwt-DateBox
	 
	.datePickerWeekendLabel
	,
	{
	font-size
	:
	 
	85
	%;
	
	
}

.finance .mainTitle {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 23pt;
	font-weight: 400;
	padding: 10px 0;
	text-align: left;
}

.finance .mainTitlePrefix {
	display: inline;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18pt;
	font-weight: 400;
}

.finance .newFileButton {
	float: right;
}

.finance .searchButton {
	margin-bottom: 10px;
	margin-left: 10px;
}

.finance .exportButton {
	margin-top: 10px;
}

.finance .boxToLeft {
	float: left;
	margin-right: 10px;
}

.finance .newFileButton .textAfterButton {
	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;
}

.finance .filters {
	height: 70px;
}

.finance select {
	font-size: 10pt;
	margin-left: 8px;
	width: auto;
}

.finance .pairs {
	border: 1px solid rgb(179, 179, 179);
	border-radius: 10px;
	padding: 15px;
}

.finance .pairsTitle, .finance .pairsTitleSelected, .finance .pairsNumber
	{
	float: left;
	font-size: 16pt;
	font-weight: 200;
	margin-right: 10px;
}

.finance .pairsTitle {
	background-image: url("img/section-closed.png");
	background-position: 3px 5px;
	background-repeat: no-repeat;
	padding-left: 30px;
}

.finance .pairsTitleSelected {
	background-image: url("img/section-open.png");
	background-position: 3px 5px;
	background-repeat: no-repeat;
	padding-left: 30px;
}

.finance .absoluteInner {
	
}

.finance .scrollPanelTop, .finance .scrollPanelBottom {
	background-position: top center;
	background-repeat: no-repeat;
	position: absolute;
	height: 9px;
	width: 100%;
	left: 0;
}

.finance .scrollPanelTop {
	background-image: url('img/dropshadow-top.png');
	top: 0;
}

.finance .scrollPanelBottom {
	background-image: url('img/dropshadow-btm.png');
	bottom: 0;
}

.finance .relativeInner {
	padding: 30px 0;
	width: 100%;
}

.finance .absoluteInnerSelected .item {
	opacity: 0.5;
}

.finance .absoluteInnerSelected .selectedItem {
	border: 1px solid rgb(52, 102, 153);
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 2px rgb(52, 102, 153);
	opacity: 1;
}

.finance .payments, .finance .orders {
	display: block;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	position: relative;
	width: 50%;
}

.finance .payments {
	padding: 25px 20px 20px 0;
}

.finance .orders {
	padding: 25px 0 20px 20px;
}

.finance .payments .title, .finance .orders .title {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18pt;
	font-weight: bold;
	padding-bottom: 10px;
	float: left;
}

.finance .orders .searchBox {
	float: right;
}

.finance .payments .title {
	float: right;
}

.finance .absoluteInner .item, .finance .absoluteInnerSelected .item,
	.finance .absoluteInnerSelected .selectedItem {
	border: 1px solid rgb(179, 179, 179);
	border-radius: 10px;
	margin-bottom: 20px;
	padding: 10px 3px;
}

.finance .absoluteInner .item.hover {
	border: 1px solid rgb(116, 185, 239);
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 2px rgb(116, 185, 239);
}

.finance .price, .finance .externalId, .finance .name, .finance .extraData
	{
	padding: 0 10px 0 5px;
}

.finance .price {
	font-weight: bold;
}

.finance .date, .finance .name, .finance .externalId, .finance .extraData
	{
	font-size: 11pt;
}

.finance .date {
	color: rgb(134, 134, 134);
	float: right;
	padding-right: 10px;
}

.finance .name {
	padding-right: 10px;
	color: rgb(48, 48, 48);
	font-style: italic;
	font-weight: bold;
}

.finance .left .name, .finance .left .price, .finance .left .externalId,
	.finance .left .extraData, .finance .left .date, .finance .left .name {
	float: right;
}

.finance .right .name, .finance .right .price, .finance .right .externalId,
	.finance .right .extraData, .finance .right .date, .finance .right .name
	{
	float: left;
}

.finance .itemPair {
	background-image: url("img/connection.png");
	background-position: center 28px;
	background-repeat: no-repeat;
	border: 1px solid rgb(179, 179, 179);
	border-radius: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom: 20px;
}

.finance .itemPair.hover {
	background-image: none;
	border: 1px solid rgb(116, 185, 239);
	border-radius: 10px;
	box-shadow: inset 0px 0px 0px 2px rgb(116, 185, 239);
}

.finance .itemPair .left, .finance .itemPair .right {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	width: 50%;
}

.finance .itemPair .left, .finance .itemPair .right {
	padding-right: 20px;
	padding-left: 20px;
}

.finance .itemPair .left .item, .finance .itemPair .right .item {
	margin: 0;
}

.finance .itemPair .itemPairButton {
	border: 1px solid transparent;
	border-radius: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
	height: 66px;
	position: absolute;
	width: 100%;
	z-index: 926;
}

.finance .itemPair.hover a.itemPairDeleteButton {
	background-image: url('img/connection.png');
	background-position: 5px 25px;
	background-repeat: no-repeat;
	display: block;
	height: 60px;
	margin: 2px auto 0 auto;
	width: 32px;
}

.finance .itemPair.hover a.itemPairDeleteButton:hover {
	background-image: url('img/connection-remove.png');
}

.finance .itemPair.hover .leftInner .item, .finance .itemPair.hover .rightInner .item
	{
	border-color: transparent;
}

.finance .itemPair .relativeInner {
	display: none;
}

.finance .absoluteInner .itemPair .item {
	margin: 10px 0;
}

.finance .absoluteInner .itemPair.hover .item, .finance .absoluteInner .itemPair.hover .item.hover
	{
	border: 1px solid transparent;
	box-shadow: inset 0px 0px 0px 2px transparent;
}

.finance .left .deleteButtonContainer {
	left: 20px;
	top: 20px;
	height: 25px;
	width: 60px;
	margin-left: 10px;
}

.finance .left .creditButtonContainer {
	border-radius: 3px;
	left: 20px;
	top: 20px;
	height: 25px;
	margin-left: 10px;
	font-size: 12px;
}
/* Összepárosított elemek táblázat */
.financePairTable {
	margin: 0 -10px;
}

.financePairTable .wTableHeader {
	display: none;
}

.financePairTable .wTable {
	background-color: rgb(179, 179, 179);
}

.financePairTable .wTable thead {
	display: none;
}

.financePairTable .wTable tbody tr {
	background-color: white;
}

.financePairTable .wTable tbody tr td:first-child {
	background-image: url('img/connection-remove.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	font-weight: bold;
	text-align: right;
	width: 100px;
}

.financePairTable .wTable tbody tr td {
	border-width: 1px 0;
}

.finance .scrollPanelEmptyMsg {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 25px 0;
	position: absolute;
	width: 100%;
}

.finance .payments .scrollPanelEmptyMsg {
	text-align: right;
}

.finance .orders .scrollPanelEmptyMsg {
	text-align: left;
}

.finance .pairList .scrollPanelEmptyMsg {
	text-align: center;
}

.finance .gwt-SuggestBoxPopup {
	padding: 0 0 1px 5px;
}

/* Beállítások */
.settings .topPanel, .multiMonthWizzard .topPanel {
	margin-bottom: 10px;
}

.settings .topPanel .gwt-Label, .multiMonthWizzard .topPanel .gwt-Label
	{
	width: 500px;
	margin: 0px auto;
	line-height: 50px;
	font-size: 16pt;
}

.settings .topPanel .prevWeek, .multiMonthWizzard .topPanel .prevWeek {
	float: left;
}

.settings .topPanel .nextWeek, .multiMonthWizzard .topPanel .nextWeek {
	float: right;
}

.settings .multiMonthsDatePicker, .multiMonthWizzard .multiMonthsDatePicker
	{
	width: 940px;
	margin: auto;
}

.settings .mainTitle {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 23pt;
	font-weight: 400;
	padding: 10px 0;
	text-align: left;
}

.settings .mainTitlePrefix {
	display: inline;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18pt;
	font-weight: 400;
}

.settings .settingsBtn {
	margin-top: 10px;
}
/*Settings naptár*/
.multiMonthWizzard {
	z-index: 500;
}

.settings .datePickerDay, .multiMonthWizzard .datePickerDay {
	font-size: 100%;
	padding: 10px 12px;
}

.settings .datePickerMonth, .settings .datePickerWeekdayLabel,
	.multiMonthWizzard .datePickerMonth, .multiMonthWizzard .datePickerWeekdayLabel
	{
	font-size: 100%;
}

/* Beállítások - menü szerkesztése */
.settings .menuUploadPanel {
	display: flex;
	flex-direction: column;
}

.settings .menuUploadPanel .calendar {
	background: url(img/calendar-month.png) no-repeat;
	background-position: bottom center;
	height: 24px;
	width: 24px;
	float: left;
	margin-top: 3px;
}

.settings .menuUploadPanel .step {
	float: left;
}

.settings .menuUploadPanel .step input {
	float: left;
	margin-right: 5px;
}

.settings .menuUploadPanel .stepLabel {
	float: left;
	margin-right: 10px;
}

.settings .refreshTable {
	margin-bottom: 10px;
}

/* Beállítások - hírek szerkesztése */
.settings .showOlderPosts input {
	margin: 5px 0;
}

.settings .showOlderPosts label {
	margin: 5px 0;
	display: inline;
}

/* Statisztikák - KRÉTA */
.absenseUploadView {
	
}

.absenseUploadPanel {
	
}

/* Naptár */
.calendar-multiselect {
	background-color: white !important;
	float: left;
}

.calendar-multiselect .datePickerPreviousButton {
	visibility: hidden;
}

.calendar-multiselect .datePickerNextButton {
	visibility: hidden;
}

.calendar-multiselect .datePickerDayIsFiller {
	display: none;
}

.settings .calendar-multiselect .datePickerDay.calendar-multi-darkgrey.datePickerDayIsHighlighted,
	.settings .datePickerDay.calendar-multi-darkgrey.datePickerDayIsValue,
	.settings .datePickerDay.calendar-multi-darkgrey.datePickerDayIsWeekend.datePickerDayIsValue,
	.settings .datePickerDay.calendar-multi-darkgrey.limitDates.datePickerDayIsHighlighted
	{
	background-color: #999999;
}

.settings .calendar-multiselect .datePickerDay.datePickerDayIsHighlighted,
	.settings .datePickerDay.datePickerDayIsValue, .settings .multiMonthWizzard .datePickerDay.limitDates
	{
	background-color: inherit;
}

.settings .datePickerDay.datePickerDayIsWeekend.datePickerDayIsValue,
	.settings .datePickerDay.datePickerDayIsWeekend.datePickerDayIsHighlighted
	{
	background: #f7f7f7;
}

.multiMonthWizzard .datePickerDay.calendar-multi-darkgrey.datePickerDayIsHighlighted
	{
	background: #F0E68C;
}

.calendar-multiselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.multiMonthWizzard .datePickerDay.limitDates.datePickerDayIsValue,
	.multiMonthWizzard .datePickerDay.limitDates.datePickerDayIsHighlighted
	{
	background: inherit;
}

.multiMonthWizzard .datePickerDay.calendar-multi-darkgrey.limitDates.datePickerDayIsValue,
	.multiMonthWizzard .datePickerDay.calendar-multi-darkgrey.limitDates.datePickerDayIsHighlighted
	{
	background-color: #999999;
}

.calendar-multi-green {
	background-color: green;
}

.calendar-multi-red {
	background-color: red;
}

.calendar-multi-yellow {
	background-color: yellow;
}

.calendar-multi-duty {
	border-radius: 50%;
	border: 1px solid orange;
}

.calendar-multi-darkgrey {
	background-color: rgb(153, 153, 153);
}

.calendar-multi-lightgrey {
	background-color: rgb(240, 240, 240);
}

.replaceDatePicker .promptedTB {
	width: 100px;
	margin-left: 20px;
}
/* Tech */
::-webkit-input-placeholder {
	color: #999;
}

:-moz-placeholder { /* Firefox 18- */
	color: #999;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #999;
}

:-ms-input-placeholder {
	color: #999;
}

.hiddenCell {
	display: none;
}

.divPanelClear {
	border: none;
}

.divPanelSetter {
	border: none;
	height: 1px;
}

.divFloatLeft {
	float: left;
}

.divFloatRight {
	float: right;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

.clearLeft {
	clear: left;
}

.cleartab {
	margin-top: 30px;
	clear: both;
}

.scrollLock {
	overflow: hidden;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.italic {
	font-style: italic;
}

.megsemBtn {
	font-family: "Open Sans", sans-serif;
	font-size: 9pt;
	font-weight: normal;
	font-style: italic;
}

.clickableLabel {
	cursor: pointer;
}
/* ez volt a userPersonalDataDiv-en */
.decoratedClickableLabel:hover {
	/* color: #0088cc; */
	text-decoration: underline;
}

.redText {
	color: #ff0000;
}

.debtUserSimpleView>div {
	margin-left: 15px;
}

.debtUserSimpleView .userDataCleanHeaderDiv {
	margin-top: 20px;
	font-size: 18pt;
}

.debtData {
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
	width: 90%;
}

.debtData td {
	width: 15%;
}

.alignRight {
	text-align: right;
}

.menuCardContentPanel {
	/*
		width: 90%;
		max-height: 400px;
		overflow: auto;
		*/
	
}

.menuCardDayItem {
	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;
	width: 100%;
	box-shadow: 0px 3px 2px rgb(150, 150, 150);
	width: 90%;
}

.menuCardDayItemOrdered {
	color: rgb(7, 149, 0);
}

.menuCardFilters {
	float: left;
}

.menuCardPopupPadding {
	padding: 15px 15px 0 15px;
}

.menuCardContentPanel .allergiesDiv {
	margin-top: 10px;
	margin-left: 30px;
}

.menuCardContentPanel .allergiesLabel {
	font-size: 10pt;
	font-weight: bold;
	float: left;
}

.menuCardContentPanel .allergies {
	margin-left: 10px;
	font-size: 10pt;
	float: left;
}

.productCategoryInput {
	height: 30px !important;
}

/* helpdesk oldal */
.helpdesk {
	/*		margin-left: 30px; */
	
}

.helpdesk .mainTitle {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 23pt;
	font-weight: 400;
	padding: 10px 0;
	text-align: left;
}

.helpdesk .mainTitlePrefix {
	display: inline;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18pt;
	font-weight: 400;
}

.helpdesk .childrenTableDiv .wTable tbody tr {
	cursor: pointer;
}

.helpdesk .childrenTableDiv .wTable tbody tr td:nth-child(1) {
	color: #0088cc;
}
.helpdesk .cardPaymentsTableDiv .wTable tbody tr {
	cursor: pointer;
}

.helpdesk .cardPaymentsTableDiv .wTable tbody tr td:nth-child(1) {
	color: #0088cc;
}

.helpdesk .emailSentTableDiv .wTable tbody tr {
	cursor: pointer;
}

.helpdesk .templateTableDiv .wTable tbody tr {
	cursor: pointer;
}

.userHistoryDataWidget table {
	margin-bottom: 15px;
}

.userHistoryDataWidget td {
	border: 1px solid gray;
	padding: 0 5px;
}

/* template szerkesztő */
.templateEditor {
	min-height: 20px;
	padding: 0 0 2px 0;
	width: 100%;
	clear: both;
}

.templateEditor .boxEditorContentMin {
	clear: both;
	min-height: 1px;
	padding: 0px;
}

.templateEditor .boxToRight {
	padding: 5px 5px 0 0;
	text-align: right;
	width: 20%;
	float: left;
}

.templateEditor .boxToRight input {
	width: 100%;
}

.templateEditor .checkBoxToLeft {
	padding: 5px 5px 0 0;
	width: 5%;
	float: left;
}

.templateEditor .boxToLeft {
	padding: 5px 5px 0 0;
	width: 75%;
	float: left;
}

.templateEditor .boxToLeft input {
	width: 100%;
}

.templateEditor .htmlLabel {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}

.templateEditor .htmlPreview {
	margin-bottom: 10px;
}

.templateEditor .textEditor {
	width: 100%;
	min-height: 200px;
}

.templateEditor .quadroByte {
	width: 100%;
	min-height: 200px;
}

.templateEditor .quadroByte>table {
	padding-left: 10px;
	border: 1px inset #cccccc;
	border-collapse: unset;
}

.templateEditor .quadroByte .sp-htmlPanel {
	height: 200px !important;
}

.templateEditor .defaultCheckBox {
	background-color: #cccccc;
}

.templateEditor .groupNameCheckBox {
	background-color: #ff9900;
	color: white;
}

.templateEditor .groupNameCheckBox input[type="checkbox"] {
	width: 0;
	height: 0;
}

}

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

	/* Logo */
	#logo {
		/* background-color: green; */ /* todo: remove */
		
	}

	/* Cikk alapértelmezett */
	.articleTitle h2 {
		font-size: 32pt;
		padding: 20pt;
	}
	.articleTxtInner {
		font-size: 12pt;
		padding: 22pt;
	}

	/* Főoldal listázók */
	.mainPageBiztonsagos .articleTxtInner, .mainPageGyors .articleTxtInner,
		.mainPageKenyelmes .articleTxtInner {
		font-size: 11pt;
	}
	.mainPageBiztonsagos .articleTitle h2, .mainPageGyors .articleTitle h2,
		.mainPageKenyelmes .articleTitle h2 {
		font-size: 20pt;
	}

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

	/* Dobozolt tartalom */
	.boxTitle {
		font-size: 28pt;
	}

	/* Felso menu */
	.navbar .nav>li>a {
		font-size: 12pt;
		line-height: 80px;
		padding: 0 8px 0 8px;
	}

	/* Login box */
	#loginDiv {
		width: 240px;
	}
	.loginMenu {
		top: 80px;
		width: 333px;
	}
	.loginLabel, .loginWindowLabel, .loginWindowForgottenPwdLabel {
		font-size: 13pt;
	}
	.loginLabel {
		font-size: 14pt;
		line-height: 79px;
	}
	.loginWindowLabel {
		width: 95px;
	}
	.loginWindowButton {
		font-size: 13pt;
	}

	/* Bejelentkezett felhasznalo es profil menu */
	.logoutContainer li a {
		font-size: 11pt;
	}
	.logoutContainer .logoutUlName, .logoutUlArrow {
		font-size: 12pt;
		height: 55px;
	}
	.companyNameDiv {
		font-size: 10pt;
		width: 122px;
	}
	.profilmenunev {
		width: 122px;
	}
	#loginDiv ul.logoutUlVisible {
		width: 240px;
	}
	#loginDiv .logoutUlVisible li, #loginDiv .logoutUlVisible li.logoutLIHover
		{
		font-size: 11pt;
	}
	#loginDiv .logoutUlVisible li.logoutLIHover {
		background-color: rgb(7, 149, 0);
	}
	table.companyStackPanel {
		background-color: #cccccc;
	}
	table.companyStackPanel .gwt-StackPanelItem {
		padding-left: 4px;
		border: 1px solid #d8d8d8;
		background-color: #cccccc;
		font-size: 12pt;
		line-height: 35px;
		font-family: 'Open Sans', sans-serif;
	}
	table.companyStackPanel .gwt-StackPanelItem-selected {
		padding-left: 4px;
		border: 1px solid #d8d8d8;
		background-color: #ffffcc;
	}
	table.companyStackPanel .gwt-StackPanelContent {
		padding-left: 20px;
		min-height: 1px;
		padding: 0px;
		background-color: #ffffff;
	}
}

/* 980~1025 px (medium desktop) */
@media ( min-width : 980px) and (max-width: 1025px) {
	body {
		background-image: url("img/bg-940.jpg");
		font-size: 11pt;
	}

	/* Logo */
	#logo {
		background-image: url("img/logo_medium.png");
		/* background-color: blue; */ /* todo: remove */
	}
	#logo h1 a {
		height: 60px;
	}

	/* Cikk alapértelmezett */
	.articleTitle h2 {
		font-size: 36pt;
		padding: 28pt;
	}
	.articleTxtInner {
		font-size: 13pt;
		padding: 18pt;
	}

	/* Popup */
	.modal.large {
		width: 60%; /* respsonsive width */
		margin-left: -30%; /* width/2) */
	}
	.modal.medium {
		width: 50%; /* respsonsive width */
		margin-left: -25%; /* width/2) */
	}
	.modal.small {
		width: 30%; /* respsonsive width */
		margin-left: -15%; /* width/2) */
	}
	.wizzardHeader {
		height: 60px;
	}
	.wizzardHeaderText {
		font-size: 12pt;
		line-height: 60px;
	}
	.wizzardCloseBtn {
		height: 60px;
	}
	.popup_flow_step {
		margin-top: 22px;
	}

	/* Főoldal listázók */
	.mainPageBiztonsagos .articleTxtInner, .mainPageGyors .articleTxtInner,
		.mainPageKenyelmes .articleTxtInner {
		font-size: 11pt;
	}
	.mainPageBiztonsagos .articleTitle h2, .mainPageGyors .articleTitle h2,
		.mainPageKenyelmes .articleTitle h2 {
		font-size: 20pt;
	}
	.mainpageImg img {
		margin: 30px 0;
	}

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

	/* Dobozolt tartalom */
	.boxTitle {
		font-size: 26pt;
	}

	/* Felso menu csik */
	.topnav {
		height: 60px;
		margin-bottom: 80px;
	}
	/*Riasztás csík*/
	.alertDiv {
		background: yellow;
		text-align: center;
		margin-left: 0px;
	}
	/* Felso menu */
	.navbar .nav>li>a {
		font-size: 12pt;
		line-height: 60px;
	}

	/* Login box */
	#loginDiv {
		width: 220px;
	}
	.loginMenu {
		top: 59px;
		width: 333px;
	}
	.loginLabel, .loginWindowLabel, .loginWindowForgottenPwdLabel {
		font-size: 12pt;
	}
	.loginLabel {
		font-size: 13pt;
		line-height: 59px;
	}
	.loginWindowLabel {
		width: 95px;
	}
	.loginWindowButton {
		font-size: 12pt;
	}

	/* Bejelentkezett felhasznalo es profil menu */
	.logoutContainer {
		height: 60px;
	}
	.logoutContainer ul {
		min-height: 60px;
	}
	.logoutContainer li {
		line-height: 60px;
	}
	.logoutContainer li a {
		font-size: 11pt;
	}
	.logoutContainer .logoutUlName, .logoutUlArrow {
		font-size: 10pt;
		height: 40px;
	}
	.logoutContainer .logoutUlLine {
		height: 60px;
	}
	.companyNameDiv {
		bottom: 23px;
		width: 101px;
	}
	.profilmenunev {
		width: 120px;
	}
	#loginDiv ul.logoutUlVisible {
		top: 60px;
		width: 220px;
	}
	#loginDiv .logoutUlVisible li, #loginDiv .logoutUlVisible li.logoutLIHover
		{
		font-size: 12pt;
	}
	table.companyStackPanel {
		background-color: #cccccc;
	}
	table.companyStackPanel .gwt-StackPanelItem {
		padding-left: 4px;
		border: 1px solid #d8d8d8;
		background-color: #cccccc;
		font-size: 12pt;
		line-height: 35px;
		font-family: 'Open Sans', sans-serif;
	}
	table.companyStackPanel .gwt-StackPanelItem-selected {
		padding-left: 4px;
		border: 1px solid #d8d8d8;
		background-color: #ffffcc;
	}
	table.companyStackPanel .gwt-StackPanelContent {
		padding-left: 20px;
		min-height: 1px;
		padding: 0px;
		background-color: #ffffff;
	}

	/* Áttekintés */
	.overviewItemPicture button {
		background-position: 16px 14px;
		border-radius: 30px;
		height: 60px;
		width: 60px;
	}
	.overviewItemUserData {
		height: 60px;
		width: 70%;
	}
	.overviewItemBalance {
		font-size: 13pt;
		line-height: 60px;
	}
	.overviewItemName {
		font-size: 18pt;
	}

	/* Táblázatok általános design */
	.wTableHeader {
		font-size: 18pt;
	}
	.wTable th, .wTable td, .wPager .gwt-Label {
		font-size: 11pt;
	}
}

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

	/* Cikk alapértelmezett */
	.articleTitle h2 {
		font-size: 32pt;
		padding: 20pt;
	}
	.articleTxtInner {
		font-size: 12pt;
		padding: 10pt;
	}

	/* Popup */
	.modal.large {
		width: 80%; /* respsonsive width */
		margin-left: -40%; /* width/2) */
	}
	.modal.medium {
		width: 60%; /* respsonsive width */
		margin-left: -30%; /* width/2) */
	}
	.modal.small {
		width: 40%; /* respsonsive width */
		margin-left: -20%; /* width/2) */
	}
	.wizzardHeader {
		height: 60px;
	}
	.wizzardHeaderText {
		font-size: 12pt;
		line-height: 60px;
	}
	.wizzardCloseBtn {
		height: 60px;
	}
	.popup_flow_step {
		margin-top: 22px;
	}

	/* Főoldal listázók */
	.mainPageBiztonsagos .articleTxtInner, .mainPageGyors .articleTxtInner,
		.mainPageKenyelmes .articleTxtInner {
		font-size: 10pt;
	}
	.mainPageBiztonsagos .articleTitle h2, .mainPageGyors .articleTitle h2,
		.mainPageKenyelmes .articleTitle h2 {
		font-size: 18pt;
	}
	.mainpageImg img {
		margin: 30px 0;
	}

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

	/* Dobozolt tartalom */
	.boxTitle {
		font-size: 22pt;
	}
	.boxContentMainTable {
		
	}
	.boxContentMainRow {
		
	}
	.boxContentMainRow input {
		width: 300px;
	}
	.boxContentMainRowError {
		
	}

	/* Felso menu csik */
	.topnav {
		height: 60px;
	}
	/*Riasztás csík*/
	.alertDiv {
		background: yellow;
		text-align: center;
		margin-left: 0px;
	}
	/* Felso menu */
	.navbar {
		position: absolute;
		top: 0;
		right: 0;
	}
	.navbar .nav>li>a {
		font-size: 12pt;
		line-height: 60px;
	}
	.navbar .btn-navbar {
		background-image: url('img/button-menu.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-color: transparent;
		border: 0;
		padding: 0;
		margin: 0;
		text-indent: -5000px;
		overflow: hidden;
		height: 60px;
		width: 60px;
	}
	.navbar .btn-navbar:hover {
		background-color: transparent;
	}
	.navbar .btn-navbar .icon-bar {
		display: none;
	}
	.nav-collapse {
		background: url("img/bg-black-80.png") repeat scroll 0 0
			rgba(0, 0, 0, 0);
		border-radius: 0;
		height: auto;
		right: 0;
		position: absolute;
		top: 60px;
		width: 724px;
	}

	/* Login box */
	#loginDiv {
		position: absolute;
		top: 0;
		right: 60px;
		width: 210px;
	}
	.loginMenu {
		top: 60px;
		right: -60px;
		width: 684px;
	}
	.loginLabel, .loginWindowLabel, .loginWindowForgottenPwdLabel {
		font-size: 12pt;
	}
	.loginLabel {
		background-image: url('img/button-login.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
		text-indent: -5000px;
		overflow: hidden;
		height: 60px;
		width: 60px;
	}
	.loginWindowLabel {
		width: 95px;
	}
	.loginWindowButton {
		font-size: 10pt;
	}

	/* Bejelentkezett felhasznalo es profil menu */
	.logoutContainer {
		height: 60px;
	}
	.logoutContainer ul {
		min-height: 60px;
	}
	.logoutContainer li {
		line-height: 60px;
	}
	.logoutContainer li a {
		font-size: 11pt;
	}
	.logoutContainer .logoutUlName, .logoutUlArrow {
		font-size: 12pt;
		height: 60px;
	}
	.logoutContainer .logoutUlLine {
		display: none;
	}
	.logoutContainer .logoutUlName {
		background-image: url('img/button-login.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
		overflow: hidden;
		text-indent: -5000px;
		text-align: left;
		height: 60px;
		width: 60px;
	}
	.companyNameDiv {
		bottom: 6px;
		width: 117px;
	}
	.profilmenunev {
		padding-right: 10px;
		width: 120px;
	}
	#loginDiv ul.logoutUlVisible {
		position: absolute;
		right: -60px;
		top: 60px;
		width: 240px;
	}
	#loginDiv .logoutUlVisible li, #loginDiv .logoutUlVisible li.logoutLIHover
		{
		font-size: 12pt;
	}
	table.companyStackPanel {
		background-color: #cccccc;
	}
	table.companyStackPanel .gwt-StackPanelItem {
		padding-left: 4px;
		border: 1px solid #d8d8d8;
		background-color: #cccccc;
		font-size: 12pt;
		line-height: 35px;
		font-family: 'Open Sans', sans-serif;
	}
	table.companyStackPanel .gwt-StackPanelItem-selected {
		padding-left: 4px;
		border: 1px solid #d8d8d8;
		background-color: #ffffcc;
	}
	table.companyStackPanel .gwt-StackPanelContent {
		padding-left: 20px;
		min-height: 1px;
		padding: 0px;
		background-color: #ffffff;
	}
	.mainPageForgottenPwdRowWide {
		float: right;
		padding-top: 4px;
		padding-bottom: 15px;
		text-align: right;
		width: 330px;
	}
	.loginRegistrationButton {
		padding: 11px 14px;
		font-size: 14px;
	}

	/* Áttekintés */
	.overviewItemPicture {
		width: 10%;
	}
	.overviewItemPicture button {
		background-position: 16px 14px;
		border-radius: 30px;
		height: 60px;
		width: 60px;
	}
	.overviewItemUserData {
		height: 60px;
		width: 70%;
	}
	.overviewItemBalance {
		font-size: 12pt;
		line-height: 60px;
	}
	.overviewItemName {
		font-size: 15pt;
	}

	/* Táblázatok általános design */
	.wTableHeader {
		font-size: 16pt;
	}
	.wTable th, .wTable td, .wPager .gwt-Label {
		font-size: 10pt;
	}
	.overviewItemWeekWindow, .multiDailyOverviewItemWeekWindow,
		.dailyOverviewItemWeekWindow {
		width: 77%;
	}
	.overviewItemContent .buttons button {
		font-size: 12pt;
		padding: 8px 10px;
		margin-right: 12px;
	}
	.wizzardFooter .btn {
		margin: 0 5px;
		float: left;
		font-size: 10pt;
		padding: 8px 10px;
		margin-right: 5px;
	}
	.wizzardFooter a {
		float: left;
		margin: 10px 5px 0 5px;
	}
}

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

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

	/* Footer */
	.footerMenu {
		padding: 20px !important;
	}

	/* Popup */
	.modal.large, .modal.medium, .modal.small {
		width: 100%; /* respsonsive width */
		margin-left: 0;
		left: 0;
	}
	.wizzardHeader {
		height: 60px;
	}
	.wizzardHeaderText {
		font-size: 12pt;
		line-height: 60px;
	}
	.wizzardCloseBtn {
		height: 60px;
	}
	.popup_flow_step {
		margin-top: 12px;
	}

	/* Felso menu csik */
	.topnav {
		height: 60px;
		margin-bottom: 50px;
	}	
	/*Riasztás csík*/
	.alertDiv {
		background: yellow;
		text-align: center;
		margin-left: 0px;
	}
	/* Felso menu */
	.navbar {
		position: absolute;
		top: 0;
		right: 0;
	}
	.navbar .nav>li>a {
		font-size: 11pt;
		line-height: 60px;
	}
	.navbar .btn-navbar {
		background-image: url('img/button-menu.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-color: transparent;
		border: 0;
		padding: 0;
		margin: 0;
		text-indent: -5000px;
		overflow: hidden;
		height: 60px;
		width: 60px;
	}
	.navbar .btn-navbar:hover {
		background-color: transparent;
	}
	.navbar .btn-navbar .icon-bar {
		display: none;
	}
	.nav-collapse {
		background: url("img/bg-black-80.png") repeat scroll 0 0
			rgba(0, 0, 0, 0);
		border-radius: 0;
		height: auto;
		right: 0;
		position: absolute;
		top: 60px;
		width: 750px;
	}

	/* Login box */
	#loginDiv {
		position: absolute;
		top: 0;
		right: 40px;
		width: 230px;
	}
	.loginMenu {
		top: 60px;
		right: -60px;
		width: 710px;
	}
	.loginLabel, .loginWindowLabel, .loginWindowForgottenPwdLabel {
		font-size: 12pt;
	}
	.loginLabel {
		background-image: url('img/button-login.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
		text-indent: -5000px;
		overflow: hidden;
		height: 60px;
		width: 60px;
	}
	.loginWindowLabel {
		width: 95px;
	}
	.loginWindowButton {
		font-size: 10pt;
	}
	.boxContentMainRow .boxContentButtonDiv {
		width: 100%;
	}
	.mainPageForgottenPwdRowWide {
		float: right;
		padding-top: 4px;
		padding-bottom: 15px;
		text-align: right;
	}
	.loginRegistrationButton {
		float: left;
		font-size: 15px;
		width: 40%;
	}

	/* Bejelentkezett felhasznalo es profil menu */
	.logoutContainer {
		height: 60px;
	}
	.logoutContainer ul {
		min-height: 60px;
	}
	.logoutContainer li {
		line-height: 60px;
	}
	.logoutContainer li a {
		font-size: 11pt;
	}
	.logoutContainer .logoutUlName, .logoutUlArrow {
		font-size: 12pt;
		height: 60px;
	}
	.logoutContainer .logoutUlLine {
		display: none;
	}
	.logoutContainer .logoutUlName {
		background-image: url('img/button-login.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
		overflow: hidden;
		text-indent: -5000px;
		text-align: left;
		height: 60px;
		width: 60px;
	}
	.companyNameDiv {
		display: none;
	}
	.profilmenunev {
		padding-right: 10px;
		width: 120px;
	}
	#loginDiv ul.logoutUlVisible {
		position: absolute;
		right: -60px;
		top: 60px;
		width: 240px;
	}
	#loginDiv .logoutUlVisible li, #loginDiv .logoutUlVisible li.logoutLIHover
		{
		font-size: 12pt;
	}
	table.companyStackPanel {
		background-color: #cccccc;
	}
	table.companyStackPanel .gwt-StackPanelItem {
		padding-left: 4px;
		border: 1px solid #d8d8d8;
		background-color: #cccccc;
		font-size: 12pt;
		line-height: 35px;
		font-family: 'Open Sans', sans-serif;
	}
	table.companyStackPanel .gwt-StackPanelItem-selected {
		padding-left: 4px;
		border: 1px solid #d8d8d8;
		background-color: #ffffcc;
	}
	table.companyStackPanel .gwt-StackPanelContent {
		padding-left: 20px;
		min-height: 1px;
		padding: 0px;
		background-color: #ffffff;
	}
	/* Megrendeles */
	.rendelesWizzard .radio {
		float: none;
	}
	.rendelesWizzard .payment .radio {
		width: 100% !important;
	}

	/* Áttekintés */
	.overviewItemPicture {
		width: 10%;
	}
	.overviewItemPicture button {
		background-position: 16px 14px;
		border-radius: 30px;
		height: 60px;
		width: 60px;
	}
	.overviewItemUserData {
		height: 60px;
		width: 70%;
	}
	.overviewItemBalance {
		font-size: 12pt;
		line-height: 60px;
	}
	.overviewItemName {
		font-size: 15pt;
	}
	.overviewItemWeekWindow {
		overflow-x: scroll !important;
		overflow-y: hidden !important;
	}

	/* Táblázatok általános design */
	.wTableHeader {
		font-size: 16pt;
	}
	.wTable th, .wTable td, .wPager .gwt-Label {
		font-size: 10pt;
	}
	.overviewItemContent .buttons button {
		font-size: 12pt;
		padding: 8px 10px;
		margin-right: 12px;
	}
	.wizzardFooter .btn {
		margin: 0 5px;
		float: left;
		font-size: 10pt;
		padding: 8px 10px;
		margin-right: 5px;
	}
	.wizzardFooter a {
		float: left;
		margin: 10px 5px 0 5px;
	}
}

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

	/* Footer */
	.footerMenu {
		padding: 20px !important;
	}

	/* Popup */
	.modal.large, .modal.medium, .modal.small {
		left: 0;
		width: 100%;
		margin-left: 0;
	}
	.wizzardHeader {
		height: 60px;
	}
	.wizzardHeaderText {
		font-size: 12pt;
		line-height: 60px;
	}
	.wizzardCloseBtn {
		height: 60px;
	}
	.popup_flow_step {
		margin-top: 12px;
	}

	/* Felso menu csik */
	.topnav {
		height: 60px;
		margin-bottom: 40px;
	}
	/*Riasztás csík*/
	.alertDiv {
		background: yellow;
		text-align: center;
		margin-left: 0px;
	}
	/* Felso menu */
	.navbar {
		position: absolute;
		top: 0;
		right: 0;
	}
	.navbar .nav>li>a {
		font-size: 11pt;
		line-height: 60px;
	}
	.navbar .btn-navbar {
		background-image: url('img/button-menu.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-color: transparent;
		border: 0;
		padding: 0;
		margin: 0;
		text-indent: -5000px;
		overflow: hidden;
		height: 60px;
		width: 60px;
	}
	.navbar .btn-navbar:hover {
		background-color: transparent;
	}
	.navbar .btn-navbar .icon-bar {
		display: none;
	}
	.nav-collapse {
		background: url("img/bg-black-80.png") repeat scroll 0 0
			rgba(0, 0, 0, 0);
		border-radius: 0;
		height: auto;
		position: fixed;
		right: 0;
		top: 60px;
		width: 100%;
	}

	/* Login box */
	#loginDiv {
		position: absolute;
		top: 0;
		right: 60px;
		width: 200px;
	}
	.loginMenu {
		position: fixed;
		right: 0;
		top: 60px;
		width: 100%;
	}
	.loginLabel, .loginWindowLabel, .loginWindowForgottenPwdLabel {
		font-size: 12pt;
	}
	.loginLabel {
		background-image: url('img/button-login.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
		text-indent: -5000px;
		overflow: hidden;
		height: 60px;
		width: 60px;
	}
	.loginWindowLabel {
		width: 95px;
	}
	.loginWindowButton {
		font-size: 10pt;
	}
	.boxContentMainRow .boxContentButtonDiv {
		width: 100%;
	}
	.loginRegistrationButton {
		float: left;
		font-size: 14px;
		width: 40%;
	}

	/* Bejelentkezett felhasznalo es profil menu */
	.logoutContainer {
		height: 60px;
	}
	.logoutContainer ul {
		min-height: 60px;
	}
	.logoutContainer li {
		line-height: 60px;
	}
	.logoutContainer li a {
		font-size: 11pt;
	}
	.logoutContainer .logoutUlName, .logoutUlArrow {
		font-size: 12pt;
		height: 60px;
	}
	.logoutContainer .logoutUlLine {
		display: none;
	}
	.logoutContainer .logoutUlName {
		background-image: url('img/button-login.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
		overflow: hidden;
		text-indent: -5000px;
		text-align: left;
		height: 60px;
		width: 60px;
	}
	.companyNameDiv {
		display: none;
	}
	.profilmenunev {
		padding-right: 10px;
		width: 120px;
	}
	#loginDiv ul.logoutUlVisible {
		position: fixed;
		right: 0px;
		top: 60px;
		width: 240px;
	}
	#loginDiv .logoutUlVisible li, #loginDiv .logoutUlVisible li.logoutLIHover
		{
		font-size: 12pt;
	}
	table.companyStackPanel {
		background-color: #cccccc;
	}
	table.companyStackPanel .gwt-StackPanelItem {
		padding-left: 4px;
		border: 1px solid #d8d8d8;
		background-color: #cccccc;
		font-size: 12pt;
		line-height: 35px;
		font-family: 'Open Sans', sans-serif;
	}
	table.companyStackPanel .gwt-StackPanelItem-selected {
		padding-left: 4px;
		border: 1px solid #d8d8d8;
		background-color: #ffffcc;
	}
	table.companyStackPanel .gwt-StackPanelContent {
		padding-left: 20px;
		min-height: 1px;
		padding: 0px;
		background-color: #ffffff;
	}
	/* Megrendeles */
	.rendelesWizzard .radio {
		float: none;
		width: 100%;
	}
	.rendelesWizzard .payment .radio {
		width: 100% !important;
	}
	.overviewItemWeekWindow, .dailyOverviewItemWeekWindow {
		float: left;
		overflow-x: scroll !important;
		overflow-y: hidden !important;
		width: 83%;
		height: 136px;
	}
	.multiDailyOverviewItemWeekWindow {
		float: left;
		overflow-x: scroll !important;
		overflow-y: scroll !important;
		width: 83%;
		height: 136px;
	}

	/* Áttekintés */
	.overviewItemPicture {
		width: 1%;
	}
	.overviewItemContent {
		width: 99%;
	}
	.overviewItemPicture div:nth-child(1).female {
		background-image: url("img/Transparent.png");
	}
	.overviewItemPicture div:nth-child(1).male {
		background-image: url("img/Transparent.png");
	}
	.overviewItemPicture div:nth-child(1), .overviewItemPicture img {
		background-position: 19px 15px;
		background-repeat: no-repeat;
		background-size: 50% auto;
		border: none;
		display: block;
		margin: 0 auto;
		height: 70px;
		width: 70px;
	}
	.overviewItemPicture button {
		background-position: 50% 50%;
		border-radius: 25px;
		height: 50px;
		width: 50px;
	}
	.overviewItemUserData {
		height: 60px;
		width: 70%;
	}
	.overviewItemBalance {
		font-size: 12pt;
		line-height: 60px;
	}
	.overviewItemName {
		font-size: 15pt;
	}

	/* Táblázatok általános design */
	.wTableHeader {
		font-size: 16pt;
	}
	.wTable th, .wTable td, .wPager .gwt-Label {
		font-size: 10pt;
	}
	.foodTypeContainer {
		padding: 37px 5px 5px 0px;
		width: 3px;
	}
	.overviewItemContent .buttons button {
		font-size: 12pt;
		padding: 8px 10px;
		margin-right: 12px;
	}
	.wizzardFooter .btn {
		margin: 0 5px;
		float: left;
		font-size: 10pt;
		padding: 8px 10px;
		margin-right: 5px;
	}
	.wizzardFooter a {
		float: left;
		margin: 10px 5px 0 5px;
	}
}

/* max 479px (default phone) */
/* ide kell az összes telefonos css*/
@media ( max-width : 479px) {
	.boxContentMainRow input {
		width: 280px;
	}
	.boxContentMainRow .boxContentButtonDiv {
		width: 100%;
	}
	.mainPageForgottenPwdRow {
		padding-top: 15px;
	}
	.mainPageLoginButtonRow {
		float: right;
	}
	.mainPageForgottenPwdRowWide {
		float: right;
		padding-top: 4px;
		padding-bottom: 15px;
		text-align: right;
		width: 290px;
	}
	.navbar .nav {
		text-align: right;
	}
	.loginRegistrationButton {
		float: left;
		font-size: 14px;
		width: 40%;
	}
	.overviewItemPicture {
		width: 1%;
	}
	.overviewItemContent {
		width: 99%;
	}
	.overviewItemPicture div:nth-child(1).female {
		background-image: url("img/Transparent.png");
	}
	.overviewItemPicture div:nth-child(1).male {
		background-image: url("img/Transparent.png");
	}
	.overviewItemPicture div:nth-child(1), .overviewItemPicture img {
		background-position: 19px 15px;
		background-repeat: no-repeat;
		background-size: 50% auto;
		border: none;
		display: block;
		margin: 0 auto;
		height: 70px;
		width: 70px;
	}

	/* mobil módosítások 2016*/
	.boxContent {
		padding: 10px 6px 2px 2px;
	}
	select.restrictionStyledCell {
		width: 100px;
	}
	.userDataClean .userDataMainLabel {
		font-size: 16pt;
	}
	.rendelesWizzard .radio {
		width: 100%;
	}
	.rendelesWizzard .dayContainer>div {
		width: 50%;
	}
	.prevWeek {
		margin-right: 5px;
	}
	.nextWeek {
		margin-left: 5px;
	}
	.overviewItemWeekWindow, .dailyOverviewItemWeekWindow {
		float: left;
		overflow-x: scroll !important;
		overflow-y: hidden !important;
		width: 77%;
		height: 136px;
	}
	.multiDailyOverviewItemWeekWindow {
		float: left;
		overflow-x: scroll !important;
		overflow-y: scroll !important;
		width: 77%;
		height: 136px;
	}
	.foodTypeContainer {
		padding: 37px 5px 5px 0px;
		width: 3px;
	}
	.overviewItemContent .dateLabel {
		font-size: 7pt;
	}

	/* 	.overviewItemContent .day { */
	/* 		width: 26px; */
	/* 		overflow: hidden; */
	/* 	} */

	/* 	.overviewItemContent .dayItem { */
	/* 		width: 26px; */
	/* 	} */

	/* 	.overviewItemContent .dateBottomLabel { */
	/* 		width: 26px; */
	/* 	} */

	/* 	.overviewItemWeeks .selectedOne, */
	/* 	.overviewItemWeeks .selectionOne { */
	/* 		width: 26px; */
	/* 	}	 */
	.overviewItemCancelInfo .selectedDayInfoDateDiv {
		margin-top: 1px;
	}
	.wizzardContentItem {
		margin: 0 5px;
	}
	.depositCard {
		margin: 0 5px;
	}
	.rendelesWizzard .multiDailyOverviewItemWeekWindow, .rendelesWizzard .dailyOverviewItemWeekWindow
		{
		width: 83%;
	}
	.overviewItemContent .buttons button {
		font-size: 11pt;
		padding: 8px 10px;
		margin-right: 12px;
	}
	.wizzardFooter .btn {
		margin: 0 5px;
		float: left;
		font-size: 10pt;
		padding: 8px 10px;
		margin-right: 5px;
	}
	.wizzardFooter a {
		float: left;
		margin: 10px 5px 0 5px;
	}
}

@media print {
	.background {
		display: none;
	}
	.gwt-PopupPanelGlass {
		display: none;
	}
	.warningPopup .buttonDiv {
		display: none;
	}
	.warningPopup button {
		display: none;
	}
	.gwt-PopupPanel {
		z-index: 500;
	}
	.modal.medium {
		width: 50%;
		margin-left: 0px;
		top: -1px;
	}
	.userDataClean {
		border: none;
	}
	.userDataClean .confirmSidText {
		text-align: center;
		font-size: 40pt;
		font-family: 'Josefin Sans', sans-serif;
		font-weight: bold;
	}
	.userDataClean .userDataText14 {
		font-size: 20pt;
	}
	.userDataClean .userDataTextBold14 {
		font-weight: bold;
		font-size: 20pt;
	}
	.userDataTopSpacer30 {
		margin-top: 30px;
		min-heigth: 1px;
	}
	.userDataTopSpacer5 {
		margin-top: 5px;
		min-heigth: 1px;
	}
	.userDataBottomLine {
		border-bottom: 1px solid #B3B3B3;
	}
}

/* Csoport és osztalylista */
@media ( max-width : 979px) and (min-width: 768px) {
	.csoportLista {
		margin-left: 20px;
	}
	.csoportLista .span1 {
		width: 57px;
	}
	.csoportLista .span2 {
		width: 117px;
	}
	.csoportLista .span3 {
		width: 177px;
	}
	.csoportLista div.span1, .csoportLista div.span2, .csoportLista div.span3
		{
		margin-left: 3px;
	}
	.csoportLista .span1 button, .csoportLista .span2 button, .csoportLista .span3 button
		{
		margin-left: 0;
		padding: 4px 2px;
		overflow: hidden;
	}
	.csoportLista .separator {
		clear: both;
	}
}

@media ( max-width : 1199px) and (min-width: 980px) {
	.csoportLista {
		margin-left: 20px;
	}
	.csoportLista .span1 {
		width: 75px;
	}
	.csoportLista .span2 {
		width: 153px;
	}
	.csoportLista .span3 {
		width: 231px;
	}
	.csoportLista div.span1, .csoportLista div.span2, .csoportLista div.span3
		{
		margin-left: 3px;
	}
	.csoportLista .span1 button, .csoportLista .span2 button, .csoportLista .span3 button
		{
		margin-left: 0;
		padding: 4px 2px;
		overflow: hidden;
	}
	.csoportLista .separator {
		clear: both;
	}
}

@media ( min-width : 1200px) {
	.csoportLista {
		margin-left: 30px;
	}
	.csoportLista .span1 {
		width: 92px;
	}
	.csoportLista .span2 {
		width: 184px;
	}
	.csoportLista .span3 {
		width: 282px;
	}
	.csoportLista div.span1, .csoportLista div.span2, .csoportLista div.span3
		{
		margin-left: 5px;
	}
	.csoportLista .span1 button, .csoportLista .span2 button, .csoportLista .span3 button
		{
		margin-left: 0;
		padding: 4px 2px;
		overflow: hidden;
	}
	.csoportLista .separator {
		clear: both;
	}
}