.active-order td {
	background-color: #dedede;
}
	
::-webkit-scrollbar {
    width: 10px;
}

.slog20 {
	margin-left: 20px;
}

.weekend {
	background-color: #fffce5 !important;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.order-information {
	display: flex;
}

.order-information .buttons{
	width:45px;
}
.order-information .table{
	width:792px;
}

.selected-cell {
	background-color: #bcd1ef;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.logevent {
	display: flex;
}
.logevent div:first-child {
	width: 100px;
}

.date-link {
	width: 45px;
	text-align: left;
	display: block;
}

	.bank-logok img {
		height: 70px;
	}


.ok {
	color: #1d4cb5;
}
.error {
	color: #ff0000;
}

:focus {
	outline: none;
}

.debit th,
.debit td {
	background-color: #cfd5f5;
}

.remark {
	border: 1px solid #e8c45d;
	background-color: #fefffa;
	padding: 10px;
}

.invisible,
.hidden {
	display: none !important;
}


.link {
	text-decoration: var(--link-decoration);
	color: var(--link-color);
}
.link:hover {
	text-decoration: var(--link-hover-decoration);
	color: var(--link-hover-color);
	cursor: pointer;
}

.balance-ok {
	font-size: 18px;
	margin: 30px 0px;
	color: #1bce18;
	text-align: center;
}
.balance-debt {
	font-size: 18px;
	margin: 30px 0px;
	color: #ff0000;
	text-align: center;
}
.balance-b {
	font-size: 18px;
	margin: 30px 0px;
	color: #0000ff;
	text-align: center;
}
.balance-s {
    margin-top: -20px;
    text-align: center;
}

.blue-button {
	background: #008add !important;
}

.next-week {
	background: url(image/right.png);
	width: 30px;
	height: 30px;
	position: fixed;
	top: 60%;
	right: 10.5px;
	cursor: pointer;
}

.prev-week {
	background: url(image/left.png);
	width: 30px;
	height: 30px;
	position: fixed;
	top: 60%;
	left: 10.5px;
	cursor: pointer;
}


@media all {
	BODY {
		margin:0px;
		padding:0px;
		width: 100%;
		height: 100%;
		background-color: var(--background);
		font-family: var(--font-family);
		font-weight: var(--font-weight);
		line-height: 150%;
		color: var(--color);
		font-size: var(--font-size);
		box-sizing: border-box;
			
	}
	
	#current-time {
		float: right;
		font-size: 18px;
		font-weight: bold;
	}
	
	/*.background {
		background: url(image/footer.png) repeat-x fixed;
		background-position: bottom left;
		background-size: cover;	
	}*/
		
	
	.header-top {
		width: 100%;
		height: var(--header-top-height);
		background-image: var(--header-top-background);
		box-sizing: border-box;
	}
	.header-top-container {
		width: var(--header-top-width);
		margin: 0px auto;
		display: flex;
	}
	.header-top-container div{
		height: 38px;
		margin-top: 1px;
		color: var(--header-top-color);
		font-size: var(--header-top-font-size);
		padding: var(--header-top-padding);
		line-height: var(--header-top-height);
		display: flex;
	}
	.header-top-container div {
		border-right: var(--header-top-separator);
	}
	.header-top-container div:last-child {
		border-right:none;
	}
	.header-top-company:before {
	}
	.header-top-email:before {
		content: "\2709";
		margin-right: 10px;
		font-family: 'Glyphicons Halflings';
	}
	.header-top-phone:before {
		content: "\e182";
		margin-right: 10px;
		font-family: 'Glyphicons Halflings';
	}
	.header-top-address:before {
		content: "\e062";
		margin-right: 10px;
		font-family: 'Glyphicons Halflings';
	}
	
	.nav_ {
		border-left: 3px solid #000000 !important;
	}
	.nav_done {
		border-left: 3px solid #00ff00 !important;
	}
	.nav_saved {
		border-left: 3px solid #0000ff !important;
	}
	.nav_progress {
		border-left: 3px solid #0000ff !important;
	}
	.nav_aborted {
		border-left: 3px solid #ff0000 !important;
	}
	
	
	
	
	.page-title-container {
		width: 100%;
		margin: var(--page-title-margin);
		background-color: var(--page-title-background);
		height: var(--page-title-height);
		line-height: var(--page-title-height);
	}
	
	.page-title-area {
		width: 1000px;
		margin: 0px auto;
	}
	
	.left {
		float: left;
	}
	.right {
		float: right;
	}
	
	.half40 {
		width:40% !important;
	}
	.half60 {
		width:60% !important;
	}
	.half50 {
		width:50% !important;
	}
	
	#allDate,
	.bia-cancellation {
		width:20px;
		height:20px;
	}
	
	.footer-widget {
		float: left;
		width: 33%;
		margin-left: 1%;
		box-sizing: border-box;
		padding-top: 10px;
	}
	.footer-widget ul {
		list-style: none;
		color: #000000;
		margin: 0px;
		padding: 0px;
		margin-bottom: 10px;
	}

	.footer-widget ul li {
		padding: 2px 0px;
	}
	.footer-widget ul li.title {
		list-style: none;
		padding-left: 0px;
		margin-left: -20px;
		font-weight: bold;
	}
	
	.footer-widget ul li a{
		color: var(--footer-link-color);
	}

	.main LI,
	.main {
		color: var(--footer-link-main-color) !important;
		font-size: var(--footer-link-main-font-size) !important;
		font-weight: var(--footer-link-main-font-weight) !important;
		text-transform: var(--footer-link-main-transform) !important;  
	}

	
	.infooter {
		color: var(--footer-title-color) !important;
		font-size: var(--footer-title-font-size) !important;
		font-weight: var(--footer-title-font-weight) !important;
		text-transform: var(--footer-title-transform) !important;  
		width: 80%;
	}
	
	.selectors {
		width: 300px;
	}
	
	
	.no-padding {
		padding: 5px 5px !important;
	}
	
	.half-window {
		width: 50%;
	}
	
	.logo {
		height: var(--logo-height);
		width: var(--logo-width);
		display: block;
		background: url(image/website_logo.png);
		margin: var(--logo-margin);
		background-size: contain;
		background-repeat: no-repeat;
		z-index: 9000000000;
		background-position-x: var(--logo-position);
	}
	
	.inside-header .logo {
		width: var(--inside-logo-width) !important;	
		height: var(--inside-logo-height) !important;	
		margin: var(--inside-logo-margin) !important;	
	}
	
	.website-titles {
		width: var(--website-width);
	}

	.header .website-title {
		color: var(--website-title-color);
		margin: var(--website-title-margin);
		text-transform: var(--website-title-transform) !important;
		font-size: var(--website-title-font-size);
		font-weight: var(--website-title-font-weight);
		text-align: var(--website-title-align);
		letter-spacing: var(--website-letter-spacing);
	}
	.header .website-subtitle {
		color: var(--website-subtitle-color);
		margin: var(--website-subtitle-margin);
		text-transform: var(--website-subtitle-transform) !important;
		font-size: var(--website-subtitle-font-size);
		font-weight: var(--website-subtitle-font-weight);
		text-align: var(--website-subtitle-align);
	}
	.inside-header .website-title {
		color: var(--iwebsite-title-color);
		margin: var(--iwebsite-title-margin);
		text-transform: var(--iwebsite-title-transform) !important;
		font-size: var(--iwebsite-title-font-size);
		font-weight: var(--iwebsite-title-font-weight);
		text-align: var(--iwebsite-title-align);
		letter-spacing: var(--iwebsite-letter-spacing);
	}
	.inside-header .website-subtitle {
		color: var(--iwebsite-subtitle-color);
		margin: var(--iwebsite-subtitle-margin);
		text-transform: var(--iwebsite-subtitle-transform) !important;
		font-size: var(--iwebsite-subtitle-font-size);
		font-weight: var(--iwebsite-subtitle-font-weight);
		text-align: var(--iwebsite-subtitle-align);
	}
	
	.page-caption-area {
		height: 120px;
		text-align: center;
		line-height: 100%;
		display: flex;
	}
		
	
	.page-caption {
		font-size: var(--page-title-font-size) !important;
		margin: var(--page-title-text-margin) !important;
		color: var(--page-title-color);
		font-weight: var(--page-title-font-weight) !important;  
		padding: var(--page-title-text-padding);
		border-left: var(--page-title-border-left);
		border-right: var(--page-title-border-right);
		border-top: var(--page-title-border-top);
		border-bottom: var(--page-title-border-bottom);
		text-align: var(--page-title-align);
		text-transform: var(--page-title-transform);
	}
	
	
	.header {
		height: var(--header-height);
		background: var(--header-background);
		width: 100%;
	}
	
	.inside-header {
		height: var(--inside-header-height) !important;
		background-color: var(--inside-header-background) !important;
		z-index: 500;
		position: sticky;
		top: 0px;
	}
	.admin-header {
		height: 100px !important;
		top: 0px !important;
	}
	.admin-header .menuitems {
		margin-top: 0px !important;
	}
		
	.admin-table-header {
		cursor: pointer;
	}
	.header .navigation-area {
		width: 1000px;
		margin: 0px auto;
		height: var(--header-height);
		display: flex;
		flex-direction: var(--header-flex-direction);
	}
	.inside-header .navigation-area {
		width: 1000px;
		margin: 0px auto;
		height: var(--inside-header-height);
		display: flex;
		flex-direction: var(--inside-header-flex-direction);
	}
	.footer-login {
		height: 40px;
		width: 100%;
		background: var(--footer-background1);
	}
	.footer {
		width: 100%;
		background-color: var(--footer-background);
		box-shadow: var(--footer-shadow);
		border: var(--footer-border-top);
	}
		
	.footer-login.absolute,
	.footer.absolute {
		position: fixed;
		bottom: 0px;
	}
	#page-area {
		min-height: calc(100% - 190px);
	}
	
	
	.form-area-border {
		color: var(--color);
		background-color: var(--background);
		width: 95%;
		max-width: 1000px;
		margin: 0px auto;
		min-height: calc(100% - 205px);
		box-sizing: border-box;
		opacity: 0.94;
	}
	
	.footer-area{
		width: 100%;
		max-width: 1000px;
		margin: 0px auto;
		display: flex;
	}
	
	.form-area {
		background-color: var(--form-background);
		color: var(--form-color);
		border-radius: var(--form-radius);
		border-bottom: var(--form-border-bottom);
		border-right: var(--form-border-right);
		border-left: var(--form-border-left);
		border-top: var(--form-border-top);
		box-sizing: border-box;
		height: 100%;
		position: relative;		
		padding: var(--form-padding);
		margin: 0px auto;
		min-height: 500px;
		/*margin-bottom: 50px;		*/
	}
	.nopadding {
		padding: 0px !important;
	}
	
	.links {
		width: 750px;
		margin: 0px auto;
		padding: 0px;
		list-style: none;
		position: relative;
		top: 13px;
		text-align:center;
	}
	.links li {
		display: inline-block;	
		color: var(--footer-link-color);
		width: auto;
	}
	.links li a:visited,
	.links li a:active,
	.links li a:link {
		text-decoration: var(--footer-link-decoration);
		color: var(--footer-link-color);
		font-size: var(--footer-link-size);
		font-weight: 400;
	}
	.links li a:hover {
		color: var(--footer-link-hover-color);
		text-decoration: var(--footer-link-hover-decoration);
	}
	
	.form-label {
		margin: 10px 0px;
		font-weight: bold;
		color: var(--form-label-color);
	}
	.form-field {
		margin-bottom: 15px;
	}
		
	select,
	textarea,
	input[type="number"],
	input[type="time"],
	input[type="text"],
	input[type="password"] {
		height: var(--input-height);
		border-left: var(--input-border-left);
		border-right: var(--input-border-right);
		border-top: var(--input-border-top);
		border-bottom: var(--input-border-bottom);
		background-color: var(--input-background);
		width: 100%;
		padding-left: var(--input-padding-left);
		padding-right: var(--input-padding-right);
		box-sizing: border-box;
	}
	
	select:focus,
	textarea:focus,
	input[type="number"]:focus,
	input[type="time"]:focus,
	input[type="text"]:focus,
	input[type="password"]:focus {
		border-left: var(--input-focus-border-left);
		border-right: var(--input-focus-border-right);
		border-top: var(--input-focus-border-top);
		border-bottom: var(--input-focus-border-bottom);
		background-color: var(--input-focus-background);
	}
	
	select:disabled,
	textarea:disabled,
	input:disabled,
	textarea:disabled {
		background-color: #dedede;
	}
	
	input[type="number"],
	input[type="time"] {
		width: 120px;
	}
	
	textarea {
		height: 200px;
	}
	
	.select {
		width: 20px;
		height: 20px;
	}
	
	.login-area {
		display: var(--login-display);
		padding: var(--login-padding);
		max-width: var(--login-width);
		margin: var(--login-margin);
		min-height: 300px !important;
	}
	.login-area-first {
		width: 50%;
		padding: 30px;
		padding-left: 0px;
		box-sizing: border-box;
	}
	.login-area-last {
		width: 50%;
		padding: 30px;
		box-sizing: border-box;
	}
	.login-description {
		margin-top: 0px !important;
		padding: var(--login-description-padding);
		width: var(--login-description-width) !important;
		box-sizing: border-box;
	}
	.login-field-area {
		padding: var(--login-field-padding);
		width: var(--login-field-width) !important;
	}
	
	.login-field-container {
		text-align: center;
	}
	
	.login-field {
		/*border: 1px solid #dedede !important;*/
	}
		
	.
	textarea {
		height: 150px;
	}
	
	.form {
		width: 95%;
		/*white-space: nowrap;*/
		margin-bottom: 40px;
	}
	
	.form tr th {
		font-size: var(--font-size-middle);
	}
	
	.form tr th, 
	.form tr td {
		width: 100%;
		display: block;
		padding: 5px 0px;
		font-size: var(--font-size-middle);
	} 
	.form tr th{ 
		text-align: left;
		font-size: var(--font-size-middle);
		font-weight: 600;
	}
	
	.form-2 {
		width: 100%;
		margin: 0px auto;
		/*white-space: nowrap;*/
		margin-bottom: 40px;
		border-collapse:collapse;
		border-spacing: 0px;
		table-layout: fixed;
	}
	
	.form-2 th {
		padding: 5px 0px;
		font-size: 14px;
		text-align: left;
		border-bottom: 1px solid #cecece;
		width: 40%;
	}
	
	.form-2 td {
		padding: 5px 0px;
		font-size: 14px;
		border-bottom: 1px solid #cecece;
	} 
	
	.setup-area {
		display: flex;
	}
	.setup-area .setup-control {
		width: 40px;
		position: fixed;
		overflow: hidden;
		height: calc(100% - 140px);
		background-color: #f1f1f1;
	}
	
	.setup-area .setup-menu {
		width: 260px;
		position: fixed;
		overflow: hidden;
		overflow-y: auto;
		height: calc(100% - 140px);
		margin-left: 40px;
	}
	
	.setup-area .setup-settings {
		margin-left: 300px;
		width: 650px;
		overflow: hidden;
		overflow-y: auto;
		padding-left: 20px;
	}
		
	.setup-area .description {
		font-size: var(--font-size-small);
		width: 100%;
	}
	
	
	
	h1 {
		text-transform: var(--font-transform-h1);
		text-decoration: var(--font-decoration-h1);
		font-size: var(--font-size-h1);
		margin: 20px 0px;
	}
	h2 {
		font-size: var(--font-size-h2);
	}
	h3 {
		font-size: var(--font-size-h3);
	}
	ul li,
	label,
	p {
		font-size: var(--font-size-normal);
	}
	
	.description {
		text-align: justify;
		font-size: var(--description-font-size) !important;
		margin-bottom: 20px;
		margin-top: 20px;
		line-height: 120%;
		padding: var(--description-padding);
		width: var(--description-width);
		border-left: var(--description-border-left);
		border-right: var(--description-border-right);
		border-top: var(--description-border-top);
		border-bottom: var(--description-border-bottom);
		box-sizing: border-box;
	}
	
	a:link,
	a:visited,
	a:active {
		color: var(--link-color);
		font-size: var(--font-size-normal);
		font-weight: normal;
		text-decoration: var(--link-decoration);
	}
	a:hover {
		text-decoration: var(--link-hover-decoration);
		color: var(--link-hover-color);
	}
	
	.button-link,
	input[type="button"],
	input[type="submit"],
	input[type="reset"] {
		background: var(--button-background);
		color: var(--button-color) !important;
		padding: var(--button-padding);
		display: inline-block;
		border-left: var(--button-border-left) !important;
		border-right: var(--button-border-right) !important;
		border-top: var(--button-border-top)!important;
		border-bottom: var(--button-border-bottom)!important;
		cursor: pointer;
		-webkit-border-radius: var(--button-radius);
		border-radius: var(--button-radius);
		font-size: var(--button-font-size);
		font-weight: var(--button-font-weight);
		text-decoration: var(--button-decoration);
		margin-right: 1px;
		box-shadow: var(--button-shadow);
	}
	.button-link:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover {
		background: var(--button-hover-background);
		color: var(--button-hover-color);
		text-decoration: var(--button-hover-decoration);
		opacity: var(--button-hover-opacity);
	}
	
	.button-link:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover {
		background-color: var(--button-hover-background);
		transition: var(--button-hover-transaction);
		-moz-transition: var(--button-hover-transaction);
		-webkit-transition: var(--button-hover-transaction);
	}	
		
	input[type="submit"]:disabled,
	input[type="reset"]:disabled,
	input[type="button"]:disabled {
		background: var(--button-disabled-background);
		color: var(--button-disabled-color) !important;
		border-left: var(--button-disabled-border-left) !important;
		border-right: var(--button-disabled-border-right)!important;
		border-top: var(--button-disabled-border-top)!important;
		border-bottom: var(--button-disabled-border-bottom)!important;
	}
		
	#DeleteAll {
		padding: 5px 12px;
		border: 1px solid #c19108;
		text-transform: none;
	}
	
	#bia-week {
		width: 250px;
		height: 40px;
	}
	#bia-year {
		width: 100px !important;
	}
	
	#bia-month {
		width: 200px;
		margin-left:2px;
	}
		
		
	.languages {
		margin-top: 40px;
		height: 30px;
		line-height: 30px;
		display:flex;
		flex-direction: row-reverse;
		width: var(--language-width) !important;
		float: right;
	}
	
	
	.menu-comment {
		text-align:center;
		margin-top:30px;
		font-size: var(--font-size-large);
		font-weight: 600;
	}
	.menu-message {
		text-align:left;
		margin-top:30px;
	}
	.menu-interval {
	}
	
	.max {
		width:95% !important;
		border: none !important;
		margin-top: 10px;
	}
	
	.fullsize {
		width: 100%;
		max-width: 100%;
	}
	
	.main-help-block {
		display: none;
		color: red;
		font-size: 14px;
		text-align: justify;
		margin-bottom: 10px;
	}
	.error-input {
		border: 1px solid red !important;
	}
	
	span {
		font-size: var(--font-size-normal);
	}
	.widthauto{
		width: auto;
	}
	.width20px {
		width: 20px !important;
	}
	.width30px {
		width: 30px !important;
	}
	.width5 { width: 5% !important; }
	.width10 { width: 10% !important; }
	.width15 { width: 15% !important; }
	.width20 { width: 20% !important; }
	.width25 { width: 25% !important; }
	.width30 { width: 30% !important; }
	.width35 { width: 35% !important; }
	.width40 { width: 40% !important; }
	.width45 { width: 45% !important; }
	.width50 { width: 50% !important; }
	.width55 { width: 55% !important; }
	.width60 { width: 60% !important; }
	.width65 { width: 65% !important; }
	.width70 { width: 70% !important; }
	.width75 { width: 75% !important; }
	.width80 { width: 80% !important; }
	.width85 { width: 85% !important; }
	.width90 { width: 90% !important; }
	.width95 { width: 95% !important; }
	.width100 { width: 100% !important; }
	
	.center-text {
		text-align: center !important;
	}
	.right-text {
		text-align: right !important;
	}
	.left-text {
		text-align: left !important;
	}
	.font-size-small {
		font-size: var(--font-size-small) !important;
	}
	
	.main-menu {
		text-align:left;
		height: var(--mainmenu-height);
		display: flex;
		position: sticky;
		top: 0px;
		z-index: 600000000;
		background: var(--mainmenu-background);
		margin: var(--mainmenu-margin);
	}
	.main-menu-background {
		width: 100%;
	}
	.menuitems {
		/*width: 1000px;*/
		display: flex;
		margin: 0px auto;
		padding-left: var(--mainmenu-padding-left);
		/*justify-content: flex-end;*/
	}
	.menu-separator:before{
		content: var(--mainmenu-separator-character);
	}
	.menu-separator {
		font-size: 14px;
		font-weight: 200;
		margin: var(--mainmenu-separator-margin);
		color: var(--mainmenu-item-color);
		font-family: "Courier New";
		line-height: var(--mainmenu-height);
		display: var(--mainmenu-separator-display);
	}
	.main-menu-item.dropdown {
		position: relative;
		background-color: var(--mainmenu-item-background);
	}
	
	.maindropdown {
		cursor: pointer;	
	}
	
	.dropdown .menu-title:after {
		font-family: 'Glyphicons Halflings';
		content: "\e114";
		font-size: 12px;
		font-weight: 200;
		display: var(--mainmenu-dropdown-arrow);
	}
		
	.main-menu-item.dropdown ul {
		list-style: none;
		display: none;
		padding:0px;
		position: absolute;
		margin: 0px;
		background-color: var(--mainmenu-dropdown-background);
		width: var(--mainmenu-dropdown-width);
		margin-left:0px;
		z-index: 500000;		
		-webkit-box-shadow: 3px 10px 5px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
		box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.2);		
		margin-top: var(--mainmenu-dropdown-top);
	}
	.main-menu-item.dropdown:hover ul {
		display: block;
	}
	.main-menu-item.dropdown ul li{
		color: var(--mainmenu-item-color);
		border-left: var(--mainmenu-dropdown-item-border-l);
		border-right: var(--mainmenu-dropdown-item-border-r);
		border-top: var(--mainmenu-dropdown-item-border-t);
		border-bottom: var(--mainmenu-dropdown-item-border-b);
		height: var(--mainmenu-dropdown-item-height);
		line-height: var(--mainmenu-dropdown-item-height);
		padding: var(--mainmenu-dropdown-item-padding);
	}
	.dp {
		height: var(--mainmenu-dropdown-offset);
	}
	.main-menu-item.dropdown ul li:last-child{
		border: none !important;
	}
	.main-menu-item.dropdown ul li:hover{
		background-color: var(--mainmenu-dropdown-hover-bg);
	}
	
	.main-menu-item.dropdown ul li a:link,
	.main-menu-item.dropdown ul li a:active,
	.main-menu-item.dropdown ul li a:visited {
		color: var(--mainmenu-dropdown-item-color);
		font-size: var(--mainmenu-dropdown-font-size);
		font-weight: var(--mainmenu-dropdown-font-weight);
	}
	
	.main-menu-item.dropdown ul li:hover a:link,
	.main-menu-item.dropdown ul li:hover a:active,
	.main-menu-item.dropdown ul li:hover a:visited {
		color: var(--mainmenu-dropdown-hover-color);
		font-size: var(--mainmenu-dropdown-font-size);
		font-weight: var(--mainmenu-dropdown-font-weight);
	}
	
	
	.main-menu-item.dropdown:hover ul {
		transition: var(--mainmenu-dropdown-transition);
		-moz-transition:  var(--mainmenu-dropdown-transition);
		-webkit-transition: var(--mainmenu-dropdown-transition);		
	}
	
	.main-menu-item.last-item {
		width: 200px;
		padding-right: 0px;
		margin-top: 25px;
		height: 75px;
	}
	
	.active-menu-item:hover,
	.main-menu-item:hover {
		background-color: var(--mainmenu-hover-background) !important;
		color: var(--mainmenu-hover-color) !important;
		opacity: var(--mainmenu-hover-opacity) !important;
	}
	.active-menu-item:hover span,
	.main-menu-item:hover span{
		opacity: var(--mainmenu-hover-opacity) !important;
	}
	.active-menu-item:hover,
	.main-menu-item:hover {
		transition: var(--mainmenu-hover-transition);
		-moz-transition: var(--mainmenu-hover-transition);
		-webkit-transition: var(--mainmenu-hover-transition);
	}
	.main-menu-item.last-item:hover {
		background-color: transparent !important;
	}
	
	.active-menu-item {
		background-color: var(--mainmenu-active-menu-item-bg) !important;
		color: var(--mainmenu-active-menu-item-color) !important;
	}
	
	.main-menu-right-item,
	.main-menu-item {
		color: var(--mainmenu-item-color);
		height: var(--mainmenu-height);
		line-height: var(--mainmenu-height);
		text-align: left;
		display: inline-block;
		background-color: var(--mainmenu-item-background);
		border-right: var(--mainmenu-item-border-right);
		border-left: var(--mainmenu-item-border-left);
		border-top: var(--mainmenu-item-border-top);
		border-bottom: var(--mainmenu-item-border-bottom);
	}

	.main-menu-item a:visited,
	.main-menu-item a:link,
	.main-menu-item a:active {
		color: inherit;
		text-decoration: none;
		display: block;
		width: 100%;
		height: var(--mainmenu-height);
		padding: var(--mainmenu-padding);
		font-size: var(--mainmenu-font-size);
		font-weight: var(--mainmenu-font-weight);
		
	}
	
	
	.menu-title {
		display: inline-block;
		padding: 0px 2px;
		font-size: var(--mainmenu-font-size);
		float: left;
		opacity: var(--mainmenu-item-opacity);
		text-transform: var(--mainmenu-item-transform);
		/*font-weight: bold;*/
	}	
	.dropdown .menu-title {
		padding: var(--mainmenu-padding);
		font-size: var(--mainmenu-font-size);
		font-weight: var(--mainmenu-font-weight);
	}
	
	.selected_menu{
		width:50px;
		height:50px;
		border-radius:50%;
		border:solid 2px #343434;
		background-repeat:no-repeat;
		background-position:center center;
		float:left;
		margin-right:10px;
		margin-left:10px;
		display: none;
	}
	.bia-menu {
		background-color: #ffffff;
	}
	
	.bia-menu-header,
	.bia-menu {
		width: 100%;
		/*border-spacing: 10px;*/
	}

	.bia-menu-header tr td,
	.bia-menu tr td {
		/*border: 1px solid #cccccc;*/
		padding: 5px;
		border-radius: 0px;
		text-align: center;
	}

	.dailycancellationcheckbox,	
	.dailycancellationcheckbox-fix {
		width: 25px;
		height: 25px;
		border: 1px solid #cccccc;
		cursor: pointer;
	}		
	.bia-order-fix,
	.bia-order {
		width: 25px;
		height: 25px;
		position: absolute;
		bottom: 2px;
		right: 2px;
		border: 1px solid #cccccc;
		cursor: pointer;
	}

	.bia-order-fix-checkbox,
	.bia-order-checkbox {
		position: absolute;
		bottom: 2px;
		right: 2px;
		left: unset;
		top: unset;
		border-radius: 0px;
		background-color: #ffffff;
	}
	

	.bia-order-fix.checked,
	.bia-order.checked {
		background: url(image/checked.png) no-repeat center center;
	}
	.bia-order-fix.temp,
	.bia-order.temp {
		background: url(image/checked-temp.png) no-repeat center center !important; 
	}
	
	.bia-order-quest {
		width: 45px !important;
		height: 25px !important;
		position: absolute;
		bottom: 10px;
		right: 10px;
		border: 1px solid #cccccc;
	}

	.bia-order-quest-fix {
		width: 45px !important;
		height: 25px !important;
		position: absolute;
		bottom: 2px;
		right: 2px;
		border: 1px solid #cccccc;
	}
	.bulk-order-guest {
		width: 45px !important;
		height: 25px !important;
		padding-right: 0px !important;
	}

	.bia-menu-header td.bia-menu-header-menu,
	.bia-menu td.bia-menu-header-menu {
		width: 20%;
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
		background-color: #ba2822;
		color: #ffffff;
		font-size: 16px;
	}
	
	.bia-menu-header td.bia-menu-header,
	.bia-menu td.bia-menu-header {
		width: 15%;
		min-width: 120px;
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
		background-color: #ba2822;
		color: #ffffff;
		font-size: 16px;
		border-radius: 0px;
	}

	.bia-menu-header {
		position: sticky;
		top: var(--mainmenu-height);
		z-index: 10;
		background-color: var(--background);
		height: 55px;
	}
	.bia-menu-header:sticky {
		border-bottom: 1px solid #cccccc;
	}

	.bia-menu-header td.bia-menu-meal,
	.bia-menu td.bia-menu-meal {
		width: 100%;
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
		font-size: 14px;
		text-transform: uppercase;
		background-color: #707769;
		color: #ffffff;
	}

	.bia-menu-header td.bia-menu-menuname,
	.bia-menu td.bia-menu-menuname {
		width: 20%;
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
		background-color: #ba2822;
		color: #ffffff;
	}

	.bia-menu-header td.bia-menu-day,
	.bia-menu td.bia-menu-day {
		height: 160px;
		text-align:center;
		vertical-align: top;
		position: relative;
		background-color: #ededed;
		color: #000000;
		width: 15%;
	}
	
	.order-summary-table {
		height: 20px;
		display: inline-block;
		background-color: var(--amount-background);
		height: 40px;
	}
	
	.balance-amount {
		float: right;
		padding: 20px;
		background-color: var(--amount-background);
		color: var(--amount-color);
		font-size: 16px;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	
	.bank-logok {
		text-align:center;
	}
	
	.message {
		text-align: center;
		margin: 50px 0px;
		font-size: var(--font-size-large);
	}
	
	.dailycancellation {
		font-size: 14px;
		padding: 5px 5px !important;
		height: auto !important;
		text-transform: none !important;
	}
	.order-summary-header {
		font-size: 14px;
	}
	.order-summary-value {
		width:80px;
		font-weight: bold;
		font-size: 14px;
	}
	
	
	.order-controls-col1 {
		float: left;
		width: 20%;
	}
	.order-controls-col2 {
		float: left;
		width: 60%;
		text-align: center;
	}
	.order-controls-col3 {
		float: left;
		width: 20%;
		text-align: right;
		box-sizing: border-box;
		padding-right: 1%;
	}
	
	
	.datalink {
		font-size: 12px !important;
	}
	
	
	.info {
		width: 29px !important;
		cursor: pointer;
		margin: 0px auto;
		float: none;
		display: block;
		height: 29px;
		bottom: 5px;
		position: absolute;
		left: 45%;
	    background: var(--info-button-background);
		border-radius: 50%;
		color: var(--info-button-color);
		font-size: 25px;
		line-height: 25px;
		text-align: center;
	}
	.info:after {
		content: "i";
	}
	
	.info-details {
		display: none;	
	}
	
	.info-details-active {
		display: block;
		position: absolute;
		background-color: #ffffff;
		border: 1px solid #cccccc;
		z-index: 9999999;
		width: 100%;
		height: auto;
		font-size: 12px;
		padding: 20px 5px;
		top: 150px;
		box-sizing: border-box;
		-webkit-filter: drop-shadow(0 1px 2px rgba(113,158,206,0.8));
		-moz-box-shadow: 0 1px 2px rgba(113,158,206,0.8);
		filter: drop-shadow(0 1px 2px rgba(113,158,206,0.8));
	}	
	
	.info-details-active:before {
		border-color: rgba(0, 0, 0, 0) !important;
		border-bottom-color: #ffffff !important;
		border-width: 7px !important;
		left: 50%;
		margin-left: -7px;
	}	
	
	.info-details-active:after, .info-details-active:before {
		bottom: 100%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}	
	
	
	.price {
		position: absolute;
		bottom: 10px;
		font-size: 16px;
		font-weight: bold;
		left: 10px;
	}
	.small-label {
		font-size: 10px;
		font-size: 12px;
		position: absolute;
		bottom: 40px;
		right: 32px;
	}
	.small-price {
		position: absolute;
		bottom: 38px;
		font-size: 16px;
		font-weight: bold;
		left: 10px;
	}
	.menu-recipe-title {
		font-size: 16px;
		text-align: center;
		font-weight: normal;	
	}
	sup {
		font-size: 10px;
	}
	
	.wide {
		width:95% !important;
		max-width: 100% !important;
	}
	
	.width700 {
		width: 700px;
		max-width: 700px;
	}
	
	.control-right {
		text-align: left;
		width: 100%;
		background-color: #ffffff;
		position: sticky;
		top: -10px;
		padding-bottom:10px;
		display:flex;
		justify-content: flex-start;
	}
	.mobil{
		display: none !important;
	}
	.control-right div:last-child {
		margin-left: auto;
	}
	.user-controls {
		text-align: left;
		width: 100%;
		/*background-color: #ffffff;*/
		position: sticky;
		top: 0px;
		padding-bottom:20px;
	}
	
	.dept-summary {
		padding: 15px;
		background-color: #fffedb;
		font-size: 18px !important;
		margin-bottom: 15px;
		box-sizing: border-box;
	}
	.dept-summary span,
	.dept-summary div {
		font-size: 18px !important;
	}
	
	.error-div {
		font-weight: bold;
		color: red;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.red {
		color: red;
	}
	
	.minus {
		color: #ff0000;
		font-weight: bold;
	}
	.plus {
		color: #17cc0b;
		font-weight: bold;
	}
	
	.inline-table {
		width: 100%;
		border-spacing: 0px;
		margin-bottom: 40px;
		box-sizing: border-box;
	}
	.inline-table tr td.group-header,
	.inline-table thead tr th {
		background-color: #dddddd;
		border-bottom: 1px solid #a09f9f;
		padding: 5px 5px;
		color: #000000;
		font-size: 14px;
		text-align: left;
		display: table-cell !important;
	}
	.inline-table tfoot tr td,
	.inline-table tfoot tr th {
		background-color: #dddddd;
		border-top: 1px solid #a09f9f;
		padding: 5px 5px;
		color: #000000;
		font-size: 14px;
		text-align: left;
		display: table-cell !important;
	}
	.inline-table tbody tr:hover {
		background-color: #f7f7f7;
		cursor: pointer;
	}
	
	.inline-table tbody tr td {
		font-size: 14px;
		text-align: left;		
		padding: 5px 5px;
		border-bottom: 1px solid #dedede;
		display: table-cell !important;
	}
	
	.inline-table-full {
		width: 100%;
		border-spacing: 0px;
		margin: 0px;
		margin-bottom: 40px;
		box-sizing: border-box;
	}
	.inline-table-full tfoot tr th,
	.inline-table-full thead tr th {
		background-color: #dddddd;
		border: 1px solid #a09f9f;
		padding: 5px 5px;
		color: #000000;
		font-size: 14px;
		text-align: center;
	}
	
	.inline-table-full tfoot tr th {
		text-align: right;
	}
	.inline-table-full tbody tr:hover {
		background-color: #f7f7f7;
		cursor: pointer;
	}
	
	.inline-table-full tbody tr td {
		font-size: 14px;
		text-align: left;		
		padding: 5px 5px;
		border: 1px solid #dedede;
	}
	
	.inline-data {
		min-height: 60px;
	}
		
	
	.loading {
		display: none;
		position: fixed;
		bottom: 0px;
		top: 0px;
		left: 0px;
		right: 0px;
		z-index: 6000000000;
		opacity: 0.4;
		background: #6C6C6C url(image/loading1.gif) no-repeat center center;
	}
	.loading-div {
		width: 150px;
		height: 150px;
		margin: 0px auto;
		background: url(image/loading1.gif) no-repeat center center;
	}
	
	.up:before {
		content: "\e093";
	}
	
	.up {
		font-family: 'Glyphicons Halflings';
		text-align: center;
		line-height: 50px;
		font-size: 20px;
		width: 50px;
		height: 50px;
		color: #ffffff;
		background-color: #000000;
		position: fixed;
		bottom: 50px;
		right: 20px;
		z-index: 1000000;
		cursor: pointer;
		opacity: 0.01;
	}		
	.up:hover {
		opacity: 1;
	}

	.admin-invoice-paying,
	.partner-invoicing-data {
		display: flex;
		width: 100%;
	}
	.partner-data {
		width: 30%;
	}
	.admin-invoicing {
		width: 40%;
		padding: 0px 10px;
		box-sizing: border-box;
	}
	.invoices-info {
		width: 30%;
		padding: 0px 10px;
		box-sizing: border-box;
	}
	.invoice-paying select {
		width: 150px;
	}
	.admin-invoicing-proforma {
		height: 150px;
		overflow: auto;
		margin-bottom: 10px;
		border: 1px solid #dedede;
	}
	
	.admin-icons {
		font-family: 'Glyphicons Halflings';
		width: 35px;
		height: 35px;
		line-height: 35px;
		display: inline-block;
		cursor: pointer;
		box-sizing: border-box;
		position: relative;
		border: 1px solid #dedede;
		background-color: var(--table-head-background);
		color: var(--table-head-color);
		margin-left: 1px;
		text-align: center;
		font-size: 14px;
		-webkit-touch-callout: none; 
		-webkit-user-select: none; 		
		-khtml-user-select: none; 
		-moz-user-select: none; 
        -ms-user-select: none;
        user-select: none;	
		
	}
	.admin-icons:hover {
		background-color: var(--table-head-background);
		color: var(--table-head-color);
	}
	
	.admin-icons:hover {
		transition: background-color .2s ease-in-out;
		-moz-transition: background-color .2s ease-in-out;
		-webkit-transition: background-color .2s ease-in-out;
	}
	.admin-section-link {
		display: flex;
		margin: 10px 0px;
	}
	
	.admin-icons-button {
		width: 40px !important;
		height: 40px !important;
		line-height: 33px !important;
		padding-top: 1px;
	}
	.icon-euro:before {
		content: "\20ac";
	}
	.icon-email:before {
		content: "\2709";
	}
	.icon-plus:before {
		content: "\2b";
	}
	.icon-file:before {
		content: "\e022";
	}
	.icon-profil:before {
		content: "\e008";
	}
	.icon-diet:before {
		content: "\e123";
	}
	.icon-address:before {
		content: "\e135";
	}
	.icon-invoice:before {
		content: "\e116";
	}
	.icon-contact:before {
		content: "\e183"
	}
	.icon-parents:before {
		content: "\e184";
	}
	.icon-folder:before {
		content: "\e118";
	}
	.icon-star:before {
		content: "\e006";
	}
	.icon-add:before {
		content: "\2b";
	}
	.icon-asp:before {
		content: "\e047";
	}
	.icon-nav:before {
		content: "\e198";
	}
	.icon-storno:before {
		content: "\e136";
	}
	.icon-dashboard:before {
		content: "\e141";
	}
	.icon-remove:before {
		content: "\2212";
	}
	.icon-ok:before {
		content: "\e013";
	}
	.icon-filter:before {
		content: "\e138";
	}
	.icon-unfilter:before {
		content: "\e138";
	}
	.icon-unfilter:after {
	  position: absolute;
	  left: -50%;
	  top: 50%;
	  height: 1px;
	  background: #000;
	  content: "";
	  width: 100%;
	  display: block;
	  -webkit-transform: translateY(-50%) translateX(50%) rotate(45deg);
	}	
	.icon-up:before {
		content: "\e113";
	}
	.icon-down:before {
		content: "\e114";
	}
	.icon-xml:before {
		content: "\e162";
	}
	.icon-file:before {
		content: "\e022";
	}
	.icon-zip:before {
		content: "\e142";
	}
	.icon-delete:before {
		content: "\e020";
	}
	.icon-print:before {
		content: "\e045";
	}
	.icon-setmeal:before {
		content: "\e179";
	}
	.icon-setclass:before {
		content: "\e041";
	}
	.icon-setgroup:before {
		content: "\e144";
	}
	.icon-setcategory:before {
		content: "\e181";
	}
	.icon-check:before {
		content: "\e177";
	}
	.icon-count:before {
		content: "\e194";
	}
	.icon-save:before {
		content: "\e172";
	}
	.icon-refresh:before {
		content: "\e031";
	}
	.icon-right:before {
		content: "\e080";
	}
	.icon-left:before {
		content: "\e079";
	}
	.icon-download:before {
		content: "\e025";
	}
	.icon-edit:before {
		content: "\e172";
	}
	.icon-tag:before {
		content: "\e042";
	}
	.icon-pdf:before {
		content: "\e032";
	}
	.icon-view-all:before {
		content: "\e011";
	}
	.icon-print:before {
		content: "\e045";
	}
	.icon-list:before {
		content: "\e056";
	}
	.icon-calendar:before {
		content: "\e109";
	}
	.icon-closedown:before {
		content: "\e113";
	}
	.icon-closeup:before {
		content: "\e114";
	}
	.icon-menu:before {
		content: "\e055";
	}
	.icon-book:before {
		content: "\e043";
	}
	.icon-duplicate:before {
		  content: "\e115";
	}
	.icon-move:before {
		content: "\e110";
	}
	.icon-import:before {
		content: "\e169";
	}
	.icon-menu:before {
		content: "\e055";
	}
	.admin-filter {
		width: 200px !important;
		margin-right:1px;
		height: 35px !important;
	}
	.admin-small-filter {
		width: 120px !important;
		margin-right:1px;
		height: 35px !important;
	}
	.admin-fields {
		background-color: #ffffff !important;
	}
	.middle-field {
		width: 200px !important;
	}
	.small-field,
	.amount-field,
	.date-field {
		width: 120px !important;
	}
	.time-field {
		width: 145px !important;
	}
	.admin-button {
		background: var(--table-head-background) !important;
		color: var(--table-head-color) !important;
		padding: 10px 15px !important;
		box-shadow: none !important;
		border: none !important;
		border-radius: 3px !important;
	}
	.admin-button:hover {
		opacity: 0.8 !important;
	}

	.admin-list {
		margin: 0px auto;
		position: absolute;
		top: 101px;
		right: 0px;
		left: 0px;
		bottom: 40px;
		overflow-y: auto;
		overflow-x: hidden;
		background-color: #ffffff;
	}
	.admin-form {
		width: 0px;
		display: none;
		position: absolute;
		left: 0px;
		top: 0px;
		bottom: 0px;
		overflow: auto;
		background-color: #f3f3f3;
		padding: 10px;
		box-sizing: border-box;
		border: 1px solid #dedede;		
		padding-top: 0px !important;
	}
	.admin-table {
		position: absolute;
		left: 10px;
		top: 0px;
		right: 10px;
		bottom: 0px;
		overflow: auto;
		padding: 10px;
		box-sizing: border-box;
	}

	.form-header {
		position: sticky;
		align-self: flex-start;
		top: 0px;
		background-color: #f3f3f3;
		height: 50px;
		padding-right: 5%;
		padding-top: 10px;
		text-align: right;
	}
	.form-header-higher {
		height: 90px;
		border-bottom: 1px solid #dedede;
	}
	.admin-page-caption {
		margin: 20px 0px;
	}
	
	
	#bia-orders {
		width: 100%;
		/*table-layout: fixed;*/
		border-collapse:collapse;
		border-spacing: 0px;
		margin-bottom: 30px;
	}
	#bia-orders thead{
		position: sticky;
		top: var(--table-sticky-top);
	}

	#bia-orders tr th,
	#bia-orders tfoot tr td,
	#bia-orders tfoot tr th {
		background: var(--table-head-background);
		color: var(--table-head-color);
		border-bottom: var(--table-head-border-bottom);
		border-right: var(--table-head-border-right);
		border-left: var(--table-head-border-left);
		border-top: var(--table-head-border-top);
		padding: var(--table-head-padding);
		font-size: var(--font-size-normal);
	}
	#bia-orders tr td.group-footer,
	#bia-orders tr th.group-footer {
		background-color: var(--table-group-background);
		color: var(--table-group-color);
		border-bottom: var(--table-group-border-bottom);
		border-left: var(--table-group-border-left);
		border-right: var(--table-group-border-right);
		border-top: var(--table-group-border-top);
		font-weight: bold;
	}
	
	#bia-orders tfoot tr td,
	#bia-orders tfoot tr th {
		border-top: var(--table-foot-border-top) !important;
		border-left: var(--table-foot-border-left) !important;
		border-right: var(--table-foot-border-right) !important;
		border-bottom: var(--table-foot-border-bottom) !important;
		font-weight: bold;
	}
	
	#bia-orders tr td {
		border-bottom: var(--table-border-bottom);
		border-left: var(--table-border-left);
		border-right: var(--table-border-right);
		border-top: var(--table-border-top);
		padding: var(--table-padding);
		font-size: var(--font-size-normal);
	}
	#bia-orders tr td.group-header {
		background-color: var(--table-grouphead-background);
		border-bottom: (--table-grouphead-border-bottom);
		border-left: (--table-grouphead-border-left);
		border-right: (--table-grouphead-border-right);
		border-top: (--table-grouphead-border-top);
		font-weight: bold;
	}
	
	#bia-orders tr.student-expiration-30 td {
		background-color: var(--table-expiration-30);		
	}
	#bia-orders tr.student-expiration-60 td {
		background-color: var(--table-expiration-60);		
	}
	#bia-orders tr.student-expiration-90 td {
		background-color: var(--table-expiration-90);		
	}
	
	
	.selected-table-row {
		background-color: #f7f7f7 !important;
	}
	
	.proforma td {
		background-color: var(--table-proforma-background);
		color: var(--table-proforma-color);
	}
	
	.small-button {
		padding: 7px 10px !important;
		margin-bottom: 2px;
		font-size: 12px !important;	
	}
		
	.narrower {
		height: 42px !important;
		box-sizing: border-box;
		text-transform: none !important;
		padding: 0px 12px !important;
		float: right;
		margin-left: 2px;
	}
	.selected-menuitem {
		background-color: var(--button-selected-background) !important;
		color: var(--button-selected-color) !important;
	}
	
	.active-meal {
		background-color: #dedede;
	}
	
	.controls {
		margin-bottom: 10px;
		height: 50px;
	}
	.height200 {
		height: 250px !important;
	}
	.columnflex {
		display: flex;
		flex-direction: column;
	}
	
	.dept {
		text-align: right;
		font-size: var(--font-size-normal);
	}
	.dept span {
		font-weight: bold;
	}
	
	
	.impressum {
		width: 100%;
		table-layout: fixed;
		border-collapse:collapse;
		border-spacing: 0px;
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.impressum caption {
		text-align: left;
		font-size: 18px;
		font-weight: bold;
		padding: 10px 0px;
	}

	.impressum tr td,
	.impressum tr th {
		text-align: left;
		padding: 5px;
	}

	.impressum tr th {
		width: 20%;	
	}
	.impressum tr td {
		width: 70%;
	}

	.changeuser {
		margin-top: var(--changeuser-top);
		margin-left: var(--changeuser-left);
	}
	
	.changeuser,
	#user-change {
		float: left;
		height: 30px;
		width: 200px;
		border: none !important;
		background: #eeeeee;
	}
	
	.menu-icons {
		display: none;
	}
	
}


@media (max-width: 1440px) {
	.menuitems {
		left: 27%;
	}
}
@media (max-width: 1360px) {
	.menuitems {
		left: 17%;
	}
}
@media (max-width: 1280px) {
	.menuitems {
		left: 8%;
	}
}
@media (max-width: 1050px) {
	.menuitems {
		left: 1%;
	}
}
@media (max-width: 960px) {

	BODY,HTML{
		margin:0px;
		padding:0px;
		height:100%;
		width:100%;
		font-weight:300;
		font-size:12px;
		box-sizing:border-box;
	}
	
	/*.bia-menu td[colspan="6"] {
		display: none;
	}
	
	.bia-menu td {
		display: block;
		width: 100%;
	}*/
	
	.website-titles {
		display: none;
	}
	
	.menu-icons {
		display: block;
		text-align: center;
		position: absolute;
		z-index: 600000;
		left: calc(50% - 11px);
		margin-top: 20px;
	}
	
	.menu-menu-icon,
	.menu-close-icon {
		position: relative;
		width: 22px;
		height: 22px;
		margin: auto;
	}
	
	.login-description {
		width:100% !important;
	}
		
	.vonal {
		background-color: var(--mobile-menu-color);
		height: 2px;
		width: 100%;
		border-radius: 2px;
		position: absolute;
		left: 0;
		transition: all .25s ease-in-out;		
	}	
	.menu-close-icon .rotate0 {
		opacity: 0;
	}
	.menu-close-icon .rotate-45 {
		transform: translateY(11px) rotate(-45deg);
	}
	.menu-close-icon .rotate45 {
		transform: translateY(-9px) rotate(45deg);
	}
	.rotate0, .rotate45 {
		bottom: 0px;
	}
	.rotate0 {
		top: 0px;
	}
	
	.menu-menu-icon .rotate0 {
		opacity: 1;
		transform: translateY(11px);
	}
	.menu-menu-icon .rotate-45 {
	}
	.menu-menu-icon .rotate45 {
	}
	
	.selectors {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.controls {
		height: auto;
		min-height: 40px;
	}
	
	.bank-logok img {
		height:30px;
	}
	
	.logo {
	/*	display: none;*/
		margin: 0px auto;
		text-align: center;
		float: unset;
		display: block;
		height: 115px;
		width:60%;
	}
	.logo {
		background-position-x: center;
	}
	
	.dp {
		height: var(--mobile-dropdown-offset);
	}
	
	
	.page-caption {
		padding: 0px 0px 0px 10px;
		margin-top: 0px;	
	}
	
	.changeuser,
	#user-change {
	}
	
	.narrower {
		width: 100%;
		margin-bottom: 5px;
		float: unset;
	}
		
	.login-field-area {
		width: 100% !important;
		box-sizing: border-box;
	}		
	.page-title {
		display: none;
	}
	
	.navigation-area {
		width:100% !important;
		margin-top: 20px !important;
		display: block !important;
		height: 100px !important; 
	}
	.languages {
		margin-top: 10px;
		text-align: center;
		display: block;
		float: unset;
		width: 100% !important;
	}
	
	.page-title-area {
		width: 100%;
	}
	
	.main-menu-background {
		display: none;
		position: fixed;
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
		z-index: 5000;
		background-color: rgba(0,0,0,0.5);
	}
	
	.main-menu {
		position: absolute;
		right: 10px;
		top: 18px;		
		width: 56px;
		height: 56px;
		margin: 0px auto;
		z-index: 999999999;
		box-shadow: none;
		background-color: #ffffff;
		/*background: url(image/icon_menu.png) no-repeat center center;*/
	}
	.menuitems {
		padding-top: var(--mobile-menu-padding-top);
		width: calc(100% - var(--mobile-menu-left));
		background-color: var(--mobile-menu-background);
		position: fixed;
		z-index: 50000;
		right: 3px;
		top: 0px;
		bottom: 0px;
		-webkit-box-shadow: var(--mobile-menu-shadow);
		-moz-box-shadow: var(--mobile-menu-shadow);
		box-shadow: var(--mobile-menu-shadow);
		opacity: var(--mobile-menu-opacity);
		left: var(--mobile-menu-left);
		flex-wrap: wrap;
		overflow: hidden;
		overflow-y: auto;
	}
	
	.active-menu-item:hover,
	.main-menu-item:hover {
		background-color: inherit !important;
		color: #62784a !important;
	}
	.active-menu-item {
		background-color: inherit !important;
		color: #95b358 !important;
	}
	
	.main-menu-item.dropdown ul li a:link,
	.main-menu-item.dropdown ul li a:active,
	.main-menu-item.dropdown ul li a:visited {
		color: var(--mobile-menu-color);
		font-size: var(--mainmenu-font-size);
		font-weight: 400;
	}
	.main-menu-item.dropdown ul li{
		color: var(--mobile-menu-color);
	}
	
	.maindropdown {
		padding-left: var(--mobile-menu-item-padding);
	}
	.dropdown .menu-title {
		font-size: var(--mobile-menu-font-size);
		font-weight: var(--mobile-menu-font-weight);
	}

	
	.menu-title {
		color: var(--mobile-menu-color);
		font-size: var(--mobile-menu-font-size);
		font-weight: var(--mobile-menu-font-weight);
		padding-left: var(--mobile-menu-item-padding);
		font-family: var(--mobile-menu-font);
		float: unset;
	}
	
	.active-menu-item .menu-title {
		background-color: inherit !important;
		color: #95b358 !important;
	}
	
	
	.main-menu .menuitems-active {
		/*display: block;*/
		opacity:1;
		width: 200px;
		transition: width 0.2s linear;
	}
	.main-menu-item {
		display: block;
		width: 100% !important;
		color: var(--mobile-menu-color);
		margin-left: 0px;
		margin-right: 0px;
		background-color: inherit;
		border: none;
	}
	
	.main-menu-item.dropdown {
		height: auto;
		background-color: inherit;
	}
	.main-menu-item.dropdown ul,
	.main-menu-item.dropdown:hover ul {
		display: none;
		list-style: none;
		padding:0px;
		position: relative;
		margin: 0px;
		width: 100%;
		z-index: 500000;	
		background: inherit;
		box-shadow: none;
		margin-top: 3px;
	}
	
	.main-menu-item.dropdown ul li,
	.main-menu-item.dropdown:hover ul li {
		height: 40px;
		line-height: 40px;
	}
	
	.main-menu-item a:visited, .main-menu-item a:link, .main-menu-item a:active {
		color: #000000;
		font-size: 16px;
		/*padding-left: var(--mobile-menu-item-padding);*/
	}
	
	.wide {
		width:100% !important;
	}
	
	.header {
		width: 100%;
		height: 125px !important;
	}
	.inside-header{
		height: 125px !important;
	}

	.form-area-border {
		color: #545454;
		font-size: 18px;
		width: 100%;
		margin: 0px auto;
		padding: 0px;
	}
	
	.form-area {
		background-color: #ffffff;
		border-radius: 0px;
		box-sizing: border-box;
		width: 100% !important;
		height: 100%;
		position: relative;		
		padding: 10px;
		box-shadow: none;
		margin-bottom: 50px;		
	}
	
	.login-area {
		display: block;
		width: 100%;
		padding: 0px;
	}
	.login-area-first {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}
	.login-area-last {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}
	
	.footer-login.absolute {		
		position: fixed;
		bottom: 0px;
		left: 0px;
		right: 0px;
	}
	
	
	.footer-login {
		height: 60px;
	}
	
	
	.nopadding {
		padding: 0px !important;
	}
	
	.links {
		width: 100%;
		margin: 0px auto;
		padding: 0px;
		list-style: none;
		position: relative;
		text-align:center;
	}
	.links li {
		display: inline-block;	
		color: #ffffff;
		width: auto;
	}
	.links li a:visited,
	.links li a:active,
	.links li a:link {
		text-decoration: none;
		color: #ffffff;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 600;
	}
	.links li a:hover {
		text-decoration: underline;
	}
	
	.form {
		width: 100%;
		margin: 0px auto;
		white-space: nowrap;
		margin-bottom: 40px;
		border-collapse:collapse;
		border-spacing: 0px;
		table-layout: fixed;
	}
	
	.form tr th {
		padding: 5px 0px;
		font-size: 14px;
		width: 100%;
		display: block;
	}
	
	.form tr td {
		padding: 5px 0px;
		font-size: 14px;
		width: 100%;
		display: block;
	} 
		
	#bia-orders {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 40px;
		border-collapse:collapse;
		border-spacing: 0px;
		table-layout: auto;
	}

	#bia-orders thead {
		display: none;
	}
	#bia-orders tbody th,
	#bia-orders thead th {
		display: none;
	}
	#bia-orders tfoot th {
		display: block;
	}
	
	#bia-orders td {
		display: block;
		width: 100% !important;
		vertical-align: middle;
		text-align: left !important;
		margin-bottom: 0;
		padding-bottom: 6px;
		padding-top: 4px;
		padding-left: 0;	
		border-bottom: none !important;
		padding: 0px;
		box-sizing: border-box;
		white-space: nowrap;
		overflow: hidden;
	}
	
	#bia-orders td:before {
		content: attr(data-label);
		display: block;
		float: left;
		width: 120px;
		text-align: left;
		padding-right: 5px;
		font-weight: bold;
		white-space: nowrap;
		overflow: hidden;
	}	
	#bia-orders td.group-footer {
		background-color: #dedede !important;
	}	
		
	#bia-orders td.group-footer:before {
		content: attr(data-label);
		display: block;
		float: left;
		text-align: left;
		padding-right: 5px;
		font-weight: bold;
	}	
	
	#bia-orders td div {
		margin-left: 125px;
	}
	
	
	.half-window {
		width: 100%;
	}
	
	.bank-logok {
		width:98%;
	}
	.bank-logok img {
		height: 20px;
	}
	
	.control-right {
		float: unset;
	}
	/*
	.order-summary-table {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 40px;
		border-collapse:collapse;
		border-spacing: 0px;
		table-layout: auto;
		overflow-x: auto;
        white-space: nowrap;
	}
	
	.bia-menu-header {
		width: 100%;
		margin: 0px auto;
		margin-bottom: 40px;
		border-collapse:collapse;
		border-spacing: 0px;
		table-layout: auto;
		overflow-x: auto;
        white-space: nowrap;
		display: block;
	}
	
	.order-summary-table td {
		display: block;
		width: 100%;
	}
	*/
	#bia-week {
		width:100%;
	}
	
	.bia-menu-header {
		height: 145px;	
		top:0px;
	}
	.order-controls-col1,
	.order-controls-col2,
	.order-controls-col3 {
		width: 100%;
		display: block;
		float: unset;
		margin-bottom: 5px;
	}
	
	/*#bia-orders td.group-header:before {
		width: 100%;
	}*/
	.footer {
		height:530px !important;
	}
	.footer-area {
		flex-wrap: wrap;
	}
	
	.footer-widget {
		width: 100%;
	}
	.footer-widget.first {
		width: 100%;
	}
	.inline-table {
		width: 100%;
		border-spacing: 0px;
		margin-bottom: 40px;
		margin-left: 0px;
		margin-right: 0px;
		box-sizing: border-box;
	}		
	
	.absolute{
		display: none;
	}
	.admin-table {
		top: 70px;
	}
	.admin-filter {
		width: 100% !important;
	}
	.admin-small-filter {
		width: 100% !important;
	}
	.control-right{
		position: relative;
		display: block;
	}
	.mobil {
		display: inline-block !important;
		float: right;
	}
	.height200 {
		height: auto !important;
		display: none;
	}
	.filter-div {
		float: unset !important;
		width: 100% !important;
	}
	.admin-table {
		left: 0px;
		right: 0px;
		bottom: 0px;
	}
	.admin-list {
		bottom: 0px;
	}
	.setup-area .setup-control {
		width: 40px;
		position: fixed;
		overflow: hidden;
		height: calc(100% - 140px);
		background-color: #f1f1f1;
	}
	
	.setup-area .setup-menu {
		display: none;
		width: 260px;
		position: fixed;
		overflow: hidden;
		overflow-y: auto;
		height: calc(100% - 140px);
		margin-left: 40px;
	}
	
	.setup-area .setup-settings {
		margin-left: 40px;
		width: 650px;
		overflow: hidden;
		overflow-y: auto;
		padding-left: 20px;
	}
	
}


#cookie-footer {
    background-color: #fff;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 0px;
    z-index: 1000;
    border-top: 1px solid #A9A9A9;
	display:none;
}

#cookie-accept {
    position: absolute;
    top: 15px;
    right: 15px;
    border: none;
    background-color: #F40F5B;
    color: #fff;
    width: 200px;
    height: 30px;
	padding: 0px;
    font-size: 16px;
}

#cookie-accept:hover {
	opacity:0.8;
	cursor:pointer;
}

#cookie-description {
	margin-left: 10px;
    width: calc( 100% - 240px );

}


/* file feltöltés */
.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	border: solid transparent;
	border-width: 0 0 100px 200px;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transform: translate(-300px, 0) scale(4);
	direction: ltr;
	cursor: pointer;
}

.fileinput-button {
	display: inline-block;
	*display: inline;
	zoom:1;
	position: relative;
	overflow: hidden;
	margin-right: 4px;
	color: #ffffff;
	width: 129px;
	height: 30px;
	padding-top: 3px;
	text-align:center;
	background-color: #5cb85c;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}

.tcn-btn span.text,
.fileinput-button span.text {
	display: inline-block;
	margin: 5px 5px 0px 2px;
	height: 16px;
	zoom:1;
	font-size: 14px;
	/*float: left;*/
	
}

.tcn-btn {
	display: inline-block;
	*display: inline;
	zoom:1;
	position: relative;
	overflow: hidden;
	margin-right: 4px;
	color: #ffffff;
	/*width: 229px;*/
	height: 30px;
	padding-top: 3px;
	text-align:center;
	background-color: #5cb85c;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	min-width:80px;
	cursor: pointer;
}

.tcn-btn-hidden {
	display: none;
}

.tcn-yellow-button{
	background-color: #f0ad4e;
}

.tcn-red-button {
	background-color: #d9534f;
}

.tcn-green-button {
	background-color: #5cb85c;
}
.tcn_uploaded_files {
	width: 100%;
}

.filter-div {
	width:200px;
	height:200px;
	margin-right:10px;
	border:1px solid #cccccc;
	overflow: auto;
}

.filter-div label {
	display: block;
}

.paying-summary {
	width: 300px;
	display: flex;
	background-color: #dedede;
	font-size: 18px;
	font-weight: bold;
    float: right;
    height: 40px;
    line-height: 40px;
    padding: 0px 5px;	
}
.allsum {
	text-align: right;
}

.data-row:hover,
.bia-report-row:hover {
	background-color: #f7f7f7;
	cursor: pointer;
}
.report-margin-top,
.report-margin-top th,
.report-margin-top td {
	padding-top: 20px;
}


table.substance-table td.title-cell { 
	color:#fff!important; 
	background-color:#f18a21; 
	width: 50px; 
	border: 1px solid #f18a21!important;
}
table.substance-table td { padding:5px 2px!important; text-align:left!important; }

.substance-table-header{
    margin-bottom: 2px;
    margin-top: 16px;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
}
.recipients-filters {
	height: 370px;
	border: 1px solid #dedede;
	margin: 15px 0px;
}

.class-filter-box {
	display: flex;
	height: 175px;
}

.class-filter-box .box-selectors {
	overflow: auto;
	height: 175px;
	width: 50%;
}

.class-filter-box .class-list {
	overflow: auto;
	height: 166px;
	width: 50%;
}

.class-filter-box .other-filter {
	width: 250px;
	padding: 15px;
}


.legal p{
	line-height: 150%;
	text-align: justify;
}
.legal ul li {
	line-height: 150%;
	text-align: justify;	
}
.legal table {
	width: 50%;
}
.legal table tr th {
	text-align: left;
}
.legal table caption {
	text-align: left;
	font-weight: bold;
}

.legal h1 {
	font-size: 18px;
	line-height:150%;
}

.guest-headcount {
	padding: 4px 1px !important;
}

.bulk-minus,
.bulk-plus,
.bulk-all-guest-partner-minus,
.bulk-all-guest-partner-plus {
	padding: 0px !important;
	border-radius: 0px !important;
	width: 25px;
	height: 25px;
}

.bulk-minus,
.bulk-plus {
	background-color: var(--button-selected-background) !important;
}



.message-message {
	margin: 10px 0px;
	background-color: #ffffff;
	border: 1px solid #dedede;
	-webkit-box-shadow: -1px -2px 14px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: -1px -2px 14px 0px rgba(0,0,0,0.1);
	box-shadow: -1px -2px 14px 0px rgba(0,0,0,0.1);		
}


.message-closed {
	height: 40px;
	overflow: hidden;
}

.message-direction1 {
	margin-left: 0px;
}

.message-direction-1 {
	margin-left: 20px;
}

ul.tcn-tree {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.tcn-tree li,
ul.tcn-tree li.tcn-open,
ul.tcn-tree li.tcn-close {
	height: auto;
	display: block;
	float: none;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	cursor: pointer;
	vertical-align: top;
	zoom:1;
}
ul.tcn-tree li.tcn-close {
	background: url(image/left1.png) no-repeat left top;
}

.tcn-tree-group-title {
	font-weight: bold;
}

ul.tcn-tree li span {
	white-space: nowrap; 
	overflow: hidden;
}

ul.tcn-tree li.tcn-active-tree,
ul.tcn-tree li.tcn-open {
	padding: 0px 0px 0px 10px;
	background: url(image/down1.png) no-repeat left top;
	border: none;
}

ul.tcn-tree li.tcn-active-tree UL,
ul.tcn-tree li.tcn-open  UL{
	display: block;
}

ul.tcn-tree li.tcn-active-tree UL LI,
ul.tcn-tree li.tcn-open  UL LI{
	height: auto;
	display: block;
	float: none;
}


ul.tcn-tree li.tcn-close ul {
	padding: 0px 0px 0px 25px;
	margin: 5px 0px 0px 0px;
	display: none;
}

ul.tcn-tree li.tcn-close ul li {
	height: auto;
	display: block;
	float: none;
}

ul.tcn-tree li ul {
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	display: none;
}

ul.tcn-tree li ul li {
	height: auto;
	display: block;
	float: none;
}

.tcn-tree-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	float: left;
	background-image: url(image/ui-icons_222222_256x240.png);
	zoom: 1;
}

.tcn-tree-hover {
	background-color:red;
	border:1px solid black;
}
.tcn-tree-hover1 {
	background-color:green;
	border:1px solid black;
}